@hotelinking/ui 10.42.4 → 10.42.7

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as Oe, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as O, watch as R, computed as P, unref as u, withCtx as v, toDisplayString as g, createVNode as p, createTextVNode as z, Transition as ce, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as et, vShow as D, withModifiers as Se, vModelText as ee, createStaticVNode as K, resolveComponent as Be, vModelCheckbox as Ae, reactive as Q, isRef as Ye, TransitionGroup as tt, onMounted as st, mergeProps as ot } from "vue";
-import { Menu as ye, MenuButton as he, MenuItems as ve, MenuItem as be, Combobox as Pe, ComboboxLabel as lt, ComboboxInput as Ie, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as qe, SwitchGroup as rt, Switch as nt, SwitchLabel as at, TransitionRoot as we, Dialog as xe, TransitionChild as G, DialogPanel as ke, DialogTitle as Re, Disclosure as _e, DisclosureButton as Z, DisclosurePanel as $e } from "@headlessui/vue";
+import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as Ne, normalizeClass as y, createElementBlock as n, createCommentVNode as b, renderSlot as R, createElementVNode as e, ref as N, watch as q, computed as Y, unref as u, withCtx as v, toDisplayString as g, createVNode as p, createTextVNode as L, Transition as ce, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as et, vShow as D, withModifiers as Se, vModelText as ee, createStaticVNode as K, resolveComponent as Be, vModelCheckbox as Ae, reactive as Q, isRef as Pe, TransitionGroup as tt, onMounted as st, mergeProps as ot } from "vue";
+import { Menu as he, MenuButton as ye, MenuItems as ve, MenuItem as be, Combobox as Ye, ComboboxLabel as lt, ComboboxInput as Ie, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as Re, SwitchGroup as rt, Switch as nt, SwitchLabel as at, TransitionRoot as we, Dialog as xe, TransitionChild as G, DialogPanel as ke, DialogTitle as qe, Disclosure as _e, DisclosureButton as Z, DisclosurePanel as $e } from "@headlessui/vue";
 import T from "dayjs";
 import Ce from "vue3-apexcharts";
 import it from "vue3-draggable";
@@ -15,16 +15,16 @@ const j = /* @__PURE__ */ B({
   setup(m) {
     return (i, o) => i.loading ? (s(), n("div", {
       key: 1,
-      class: h([{
+      class: y([{
         "h-4 w-4": i.size === "medium",
         "h-6 w-6": i.size === "big",
         "h-8 w-8": i.size === "bigger",
         "h-12 w-12": i.size === "huge",
         "h-20 w-20": i.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (s(), _(Oe(i.icon), {
+    }, null, 2)) : (s(), _(Ne(i.icon), {
       key: 0,
-      class: h({
+      class: y({
         "h-4 w-4": i.size === "medium",
         "h-6 w-6": i.size === "big",
         "h-8 w-8": i.size === "bigger",
@@ -67,7 +67,7 @@ const j = /* @__PURE__ */ B({
     ])) : (s(), n("button", {
       key: 0,
       disabled: i.disabled,
-      class: h([{
+      class: y([{
         "bg-indigo-600 hover:bg-indigo-800 text-white shadow-sm": i.color === "primary",
         "bg-cyan-300 hover:bg-cyan-500 text-white shadow-sme": i.color === "secondary",
         "bg-red-400 hover:bg-red-600 text-white shadow-sm": i.color === "red",
@@ -87,13 +87,13 @@ const j = /* @__PURE__ */ B({
         class: "-ml-0.5 mr-2",
         loading: i.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      q(i.$slots, "default")
+      R(i.$slots, "default")
     ], 10, ut));
   }
 }), gt = {
   key: 0,
   class: "relative flex items-start"
-}, pt = { class: "flex items-center h-5" }, mt = ["checked", "value", "disabled"], ft = { class: "ml-3 text-sm" }, yt = { class: "text-gray-500" }, ht = {
+}, pt = { class: "flex items-center h-5" }, mt = ["checked", "value", "disabled"], ft = { class: "ml-3 text-sm" }, ht = { class: "text-gray-500" }, yt = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, He = /* @__PURE__ */ B({
@@ -107,12 +107,12 @@ const j = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = O(a.check), l = () => {
+    const o = i, a = m, r = N(a.check), l = () => {
       a.disabled || (r.value = !r.value, o("checkboxChanged", { checked: r.value, value: a.value }));
     };
-    return R(() => a.check, (t) => {
+    return q(() => a.check, (t) => {
       t && (r.value = t);
-    }), (t, c) => t.loading ? (s(), n("div", ht, c[1] || (c[1] = [
+    }), (t, c) => t.loading ? (s(), n("div", yt, c[1] || (c[1] = [
       e("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
       e("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
     ]))) : (s(), n("div", gt, [
@@ -127,8 +127,8 @@ const j = /* @__PURE__ */ B({
         }, null, 40, mt)
       ]),
       e("div", ft, [
-        e("span", yt, [
-          q(t.$slots, "default")
+        e("span", ht, [
+          R(t.$slots, "default")
         ])
       ])
     ]));
@@ -579,10 +579,10 @@ function W(m, i) {
 const zt = { class: "flex justify-between" }, Lt = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-1"
-}, Nt = {
+}, Ot = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end mt-1"
-}, Ot = { class: "py-1" }, At = ["onClick"], Yt = {
+}, Nt = { class: "py-1" }, At = ["onClick"], Pt = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
 }, me = /* @__PURE__ */ B({
@@ -597,32 +597,32 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["optionSelected"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = P(() => {
+    const o = i, a = m, r = Y(() => {
       let t = a.items.find((c) => c.active === !0);
       return t ? t.name : a.label;
     }), l = (t) => {
       a.disabled || o("optionSelected", t);
     };
-    return (t, c) => t.loading ? (s(), n("div", Yt, [
+    return (t, c) => t.loading ? (s(), n("div", Pt, [
       c[0] || (c[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
       p(u(ue), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (s(), _(u(ye), {
+    ])) : (s(), _(u(he), {
       key: 0,
       as: "div",
-      class: h(["relative inline-block text-left", { "opacity-25": t.disabled }])
+      class: y(["relative inline-block text-left", { "opacity-25": t.disabled }])
     }, {
       default: v(() => [
         e("div", null, [
           e("div", zt, [
             t.label ? (s(), n("label", Lt, g(t.label), 1)) : b("", !0),
-            t.requiredText ? (s(), n("span", Nt, g(t.requiredText), 1)) : b("", !0)
+            t.requiredText ? (s(), n("span", Ot, g(t.requiredText), 1)) : b("", !0)
           ]),
-          p(u(he), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
+          p(u(ye), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
             default: v(() => [
-              z(g(r.value) + " ", 1),
+              L(g(r.value) + " ", 1),
               p(u(ue), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
@@ -642,15 +642,15 @@ const zt = { class: "flex justify-between" }, Lt = {
           default: v(() => [
             t.disabled ? b("", !0) : (s(), _(u(ve), {
               key: 0,
-              class: h([{ "right-0": t.position === "right", "left-0": t.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
+              class: y([{ "right-0": t.position === "right", "left-0": t.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
             }, {
               default: v(() => [
-                e("div", Ot, [
+                e("div", Nt, [
                   (s(!0), n(k, null, $(t.items, (d, f) => (s(), _(u(be), { key: f }, {
                     default: v(() => [
                       e("a", {
-                        onClick: (y) => l(d),
-                        class: h([
+                        onClick: (h) => l(d),
+                        class: y([
                           d.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
@@ -669,13 +669,13 @@ const zt = { class: "flex justify-between" }, Lt = {
       _: 1
     }, 8, ["class"]));
   }
-}), Pt = { key: 0 }, It = { class: "flex justify-between" }, Ft = {
+}), Yt = { key: 0 }, It = { class: "flex justify-between" }, Ft = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
 }, Vt = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, qt = ["max", "disabled", "name", "placeholder", "type"], Rt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ht = {
+}, Rt = ["max", "disabled", "name", "placeholder", "type"], qt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ht = {
   key: 1,
   class: "animate-pulse"
 }, Ut = {
@@ -702,8 +702,8 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = O(a.value);
-    R(() => a.value, (t) => {
+    const o = i, a = m, r = N(a.value);
+    q(() => a.value, (t) => {
       r.value = t, r.value && o("inputChanged", { name: a.name, value: r.value });
     });
     const l = (t) => {
@@ -714,13 +714,13 @@ const zt = { class: "flex justify-between" }, Lt = {
       c[3] || (c[3] = e("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md inline-flex items-center relative text-left w-full" }, [
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })
       ], -1))
-    ])) : (s(), n("div", Pt, [
+    ])) : (s(), n("div", Yt, [
       e("div", It, [
         t.label ? (s(), n("label", Ft, g(t.label), 1)) : b("", !0),
         t.requiredText ? (s(), n("span", Vt, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: h([{ "mt-1": t.label }, "relative flex"])
+        class: y([{ "mt-1": t.label }, "relative flex"])
       }, [
         t.addOn ? (s(), n("span", {
           key: 0,
@@ -730,7 +730,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         C(e("input", {
           "onUpdate:modelValue": c[1] || (c[1] = (d) => r.value = d),
           max: t.max,
-          class: h([{
+          class: y([{
             "border-gray-300": t.color === "gray",
             "border-red-400": t.color === "red",
             "border-yellow-400": t.color === "yellow",
@@ -751,7 +751,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           placeholder: t.placeholder,
           type: t.type,
           onInput: l
-        }, null, 42, qt), [
+        }, null, 42, Rt), [
           [et, r.value]
         ]),
         t.rightAddOn ? (s(), n("span", {
@@ -759,7 +759,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           onClick: c[2] || (c[2] = (d) => t.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
-        e("div", Rt, [
+        e("div", qt, [
           t.icon ? (s(), _(j, {
             key: 0,
             icon: t.icon,
@@ -790,7 +790,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         ])
       ], 2),
       C(e("p", {
-        class: h([{
+        class: y([{
           "text-gray-400": t.color === "gray",
           "text-red-400": t.color === "red",
           "text-yellow-400": t.color === "yellow",
@@ -827,7 +827,7 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["filesUploaded"],
   setup(m, { emit: i }) {
-    let o = O("");
+    let o = N("");
     const a = i, r = m, l = (d) => {
       c(d.dataTransfer.files), a("filesUploaded", { id: r.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -835,8 +835,8 @@ const zt = { class: "flex justify-between" }, Lt = {
     }, c = (d) => {
       o.value = "";
       let f = 1;
-      Object.values(d).forEach((y) => {
-        f++, o.value += y.name, f >= 1 && f < d.length && (o.value += ", ");
+      Object.values(d).forEach((h) => {
+        f++, o.value += h.name, f >= 1 && f < d.length && (o.value += ", ");
       });
     };
     return (d, f) => d.loading ? (s(), n("div", os, f[1] || (f[1] = [
@@ -851,7 +851,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         d.requiredText ? (s(), n("span", Wt, g(d.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: h([
+        class: y([
           [
             { "mt-1": d.label },
             { "border-gray-300 hover:border-gray-400": !d.error },
@@ -903,7 +903,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           class: "mr-2",
           loading: d.loading
         }, null, 8, ["icon", "loading"]),
-        z(" " + g(d.error), 1)
+        L(" " + g(d.error), 1)
       ], 512), [
         [D, d.error]
       ])
@@ -929,19 +929,19 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["selectChanged"],
   setup(m, { emit: i }) {
-    const o = O(""), a = i, r = m, l = P(() => o.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = P(() => r.select);
+    const o = N(""), a = i, r = m, l = Y(() => o.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = Y(() => r.select);
     return (d, f) => d.loading ? (s(), n("div", is, [
       f[4] || (f[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(u(fe), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (s(), _(u(Pe), {
+    ])) : (s(), _(u(Ye), {
       key: 0,
       modelValue: c.value,
       "onUpdate:modelValue": [
-        f[2] || (f[2] = (y) => c.value = y),
-        f[3] || (f[3] = (y) => a("selectChanged", y))
+        f[2] || (f[2] = (h) => c.value = h),
+        f[3] || (f[3] = (h) => a("selectChanged", h))
       ],
       disabled: d.disabled,
       as: "div"
@@ -950,7 +950,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         e("div", rs, [
           p(u(lt), { class: "block text-sm font-medium" }, {
             default: v(() => [
-              z(g(d.label), 1)
+              L(g(d.label), 1)
             ]),
             _: 1
           }),
@@ -958,10 +958,10 @@ const zt = { class: "flex justify-between" }, Lt = {
         ]),
         e("div", as, [
           p(u(Ie), {
-            onChange: f[0] || (f[0] = (y) => o.value = y.target.value),
-            onBlur: f[1] || (f[1] = (y) => o.value = ""),
+            onChange: f[0] || (f[0] = (h) => o.value = h.target.value),
+            onBlur: f[1] || (f[1] = (h) => o.value = ""),
             displayValue: t,
-            class: h([{
+            class: y([{
               "border-gray-300": d.color === "gray",
               "border-red-400": d.color === "red",
               "border-yellow-400": d.color === "yellow",
@@ -989,24 +989,24 @@ const zt = { class: "flex justify-between" }, Lt = {
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: v(() => [
-              (s(!0), n(k, null, $(l.value, (y) => (s(), _(u(qe), {
-                key: y.id,
-                value: y,
+              (s(!0), n(k, null, $(l.value, (h) => (s(), _(u(Re), {
+                key: h.id,
+                value: h,
                 as: "template"
               }, {
-                default: v(({ active: w, selected: L }) => [
+                default: v(({ active: w, selected: z }) => [
                   e("li", {
-                    class: h([
+                    class: y([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
                       w ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
                     e("span", {
-                      class: h(["block truncate", L && "font-semibold"])
-                    }, g(y.name), 3),
-                    L ? (s(), n("span", {
+                      class: y(["block truncate", z && "font-semibold"])
+                    }, g(h.name), 3),
+                    z ? (s(), n("span", {
                       key: 0,
-                      class: h([
+                      class: y([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
                         w ? "text-white" : "text-indigo-600"
                       ])
@@ -1026,7 +1026,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           })) : b("", !0)
         ]),
         C(e("p", {
-          class: h([{
+          class: y([{
             "text-gray-400": d.color === "gray",
             "text-red-400": d.color === "red",
             "text-yellow-400": d.color === "yellow",
@@ -1062,7 +1062,7 @@ const zt = { class: "flex justify-between" }, Lt = {
     ]))) : (s(), n("span", {
       key: 0,
       onClick: r,
-      class: h([{
+      class: y([{
         "bg-indigo-100 text-indigo-800 border border-indigo-200": l.color === "primary",
         "hover:bg-indigo-200 cursor-pointer": l.event !== void 0 && l.color === "primary",
         "bg-red-100 text-red-800 border border-red-200": l.color === "red",
@@ -1078,7 +1078,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         "px-4 py-3": l.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      q(l.$slots, "default")
+      R(l.$slots, "default")
     ], 2));
   }
 }), cs = { key: 0 }, gs = { class: "flex justify-between" }, ps = {
@@ -1087,10 +1087,10 @@ const zt = { class: "flex justify-between" }, Lt = {
 }, ms = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, fs = ["disabled", "placeholder"], ys = {
+}, fs = ["disabled", "placeholder"], hs = {
   key: 1,
   class: "animate-pulse"
-}, hs = /* @__PURE__ */ B({
+}, ys = /* @__PURE__ */ B({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1107,10 +1107,10 @@ const zt = { class: "flex justify-between" }, Lt = {
   setup(m, { emit: i }) {
     const o = i, a = m, r = (t) => {
       o("inputChanged", t.target.value);
-    }, l = O(a.value);
-    return R(() => a.value, (t) => {
+    }, l = N(a.value);
+    return q(() => a.value, (t) => {
       l.value = t, o("inputChanged", { name: a.name, value: l.value });
-    }), (t, c) => t.loading ? (s(), n("div", ys, c[1] || (c[1] = [
+    }), (t, c) => t.loading ? (s(), n("div", hs, c[1] || (c[1] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
       e("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
     ]))) : (s(), n("div", cs, [
@@ -1119,14 +1119,14 @@ const zt = { class: "flex justify-between" }, Lt = {
         t.requiredText ? (s(), n("span", ms, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: h({ "mt-1": t.label })
+        class: y({ "mt-1": t.label })
       }, [
         C(e("textarea", {
           disabled: t.disabled,
           rows: "4",
           "onUpdate:modelValue": c[0] || (c[0] = (d) => l.value = d),
           placeholder: t.placeholder,
-          class: h(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
+          class: y(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
             "border-gray-300": t.color === "gray",
             "border-red-300": t.color === "red",
             "border-yellow-400": t.color === "yellow",
@@ -1143,7 +1143,7 @@ const zt = { class: "flex justify-between" }, Lt = {
         ])
       ], 2),
       C(e("p", {
-        class: h([{
+        class: y([{
           "text-gray-300": t.color === "gray",
           "text-red-300": t.color === "red",
           "text-yellow-400": t.color === "yellow",
@@ -1156,7 +1156,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           class: "mr-2",
           loading: !1
         }, null, 8, ["icon"]),
-        z(" " + g(t.error), 1)
+        L(" " + g(t.error), 1)
       ], 2), [
         [D, t.error]
       ])
@@ -1178,8 +1178,8 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = O(o.checked);
-    return R(() => o.checked, (r) => a.value = r), (r, l) => r.loading ? (s(), n("div", ws, l[3] || (l[3] = [
+    const o = m, a = N(o.checked);
+    return q(() => o.checked, (r) => a.value = r), (r, l) => r.loading ? (s(), n("div", ws, l[3] || (l[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),
@@ -1195,7 +1195,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           onClick: l[0] || (l[0] = (t) => r.$emit("toggleChanged", { item: r.item, active: !a.value })),
           modelValue: a.value,
           "onUpdate:modelValue": l[1] || (l[1] = (t) => a.value = t),
-          class: h([
+          class: y([
             a.value ? "bg-indigo-600" : "bg-gray-200",
             "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
           ])
@@ -1203,7 +1203,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           default: v(() => [
             e("span", {
               "aria-hidden": "true",
-              class: h([
+              class: y([
                 a.value ? "translate-x-5" : "translate-x-0",
                 r.disabled ? "bg-gray-300" : "",
                 "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
@@ -1254,7 +1254,7 @@ const zt = { class: "flex justify-between" }, Lt = {
       K('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
     ]))) : (s(), n("div", ks, [
       e("div", {
-        class: h([{
+        class: y([{
           "bg-indigo-50 border-indigo-400": r.type === "info",
           "bg-red-50 border-red-400": r.type === "danger",
           "bg-yellow-50 border-yellow-400": r.type === "warning",
@@ -1286,20 +1286,20 @@ const zt = { class: "flex justify-between" }, Lt = {
           ]),
           e("div", Cs, [
             e("h3", {
-              class: h([{
+              class: y([{
                 "text-red-800": r.type === "danger",
                 "text-yellow-800": r.type === "warning",
                 "text-green-800": r.type === "success"
               }, "text-sm font-medium"])
             }, g(r.title), 3),
             e("div", {
-              class: h([{
+              class: y([{
                 "text-red-700": r.type === "danger",
                 "text-yellow-700": r.type === "warning",
                 "text-green-700": r.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              q(r.$slots, "default")
+              R(r.$slots, "default")
             ], 2),
             e("div", Ss, [
               e("div", Bs, [
@@ -1307,7 +1307,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                   onClick: (d) => a(t),
                   type: "button",
                   key: c,
-                  class: h([
+                  class: y([
                     {
                       "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": r.type === "success",
                       "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": r.type === "info",
@@ -1331,13 +1331,13 @@ const zt = { class: "flex justify-between" }, Lt = {
 }, zs = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, Ls = { key: 0 }, Ns = ["onClick"], Os = {
+}, Ls = { key: 0 }, Os = ["onClick"], Ns = {
   key: 1,
   class: "flex items-center"
-}, As = ["onClick"], Ys = {
+}, As = ["onClick"], Ps = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Ps = /* @__PURE__ */ B({
+}, Ys = /* @__PURE__ */ B({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1345,7 +1345,7 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["breadCrumbClicked"],
   setup(m, { emit: i }) {
-    return (o, a) => o.loading ? (s(), n("div", Ys, a[0] || (a[0] = [
+    return (o, a) => o.loading ? (s(), n("div", Ps, a[0] || (a[0] = [
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
@@ -1363,15 +1363,15 @@ const zt = { class: "flex justify-between" }, Lt = {
                 "aria-hidden": "true"
               }),
               e("span", null, g(r.name), 1)
-            ], 8, Ns)
-          ])) : (s(), n("div", Os, [
+            ], 8, Os)
+          ])) : (s(), n("div", Ns, [
             p(u(te), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
             e("span", {
               onClick: (t) => o.$emit("breadCrumbClicked", r.routeName),
-              class: h(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
+              class: y(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
               "aria-current": "page"
             }, g(r.name), 11, As)
           ]))
@@ -1379,7 +1379,7 @@ const zt = { class: "flex justify-between" }, Lt = {
       ])
     ]));
   }
-}), Is = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Fs = ["src"], Vs = { class: "font-bold text-center sm:text-left" }, qs = { class: "mt-1 text-xs text-center sm:text-left" }, Rs = {
+}), Is = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Fs = ["src"], Vs = { class: "font-bold text-center sm:text-left" }, Rs = { class: "mt-1 text-xs text-center sm:text-left" }, qs = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
 }, Hs = {
@@ -1413,10 +1413,10 @@ const zt = { class: "flex justify-between" }, Lt = {
           }, null, 8, Fs),
           e("div", null, [
             e("h4", Vs, g(o.name), 1),
-            e("p", qs, g(o.type), 1)
+            e("p", Rs, g(o.type), 1)
           ])
         ]),
-        o.tags && ((r = o.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Rs, [
+        o.tags && ((r = o.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", qs, [
           (s(!0), n(k, null, $(o.tags, (l) => (s(), _(H, {
             class: "mb-1 mr-1",
             key: l.name,
@@ -1424,7 +1424,7 @@ const zt = { class: "flex justify-between" }, Lt = {
             loading: o.loading
           }, {
             default: v(() => [
-              z(g(l.name), 1)
+              L(g(l.name), 1)
             ]),
             _: 2
           }, 1032, ["color", "loading"]))), 128))
@@ -1446,7 +1446,7 @@ const zt = { class: "flex justify-between" }, Lt = {
       l.value.forEach((c) => {
         c.active = c.value === t.value;
       }), o("filterSelected", t);
-    }, l = O(a.items);
+    }, l = N(a.items);
     return (t, c) => (s(), _(me, {
       class: "text-nowrap",
       loading: t.loading,
@@ -1529,7 +1529,7 @@ const zt = { class: "flex justify-between" }, Lt = {
                         ]),
                         e("div", Ws, [
                           e("div", {
-                            class: h(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
+                            class: y(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": l.type === "danger",
                               "bg-green-100": l.type === "success",
                               "bg-indigo-100": l.type === "default",
@@ -1562,17 +1562,17 @@ const zt = { class: "flex justify-between" }, Lt = {
                             ])
                           ], 2),
                           e("div", Gs, [
-                            p(u(Re), {
+                            p(u(qe), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
                               default: v(() => [
-                                z(g(l.title), 1)
+                                L(g(l.title), 1)
                               ]),
                               _: 1
                             }),
                             e("div", Qs, [
-                              q(l.$slots, "default")
+                              R(l.$slots, "default")
                             ]),
                             l.actions ? (s(), n("div", Ks, [
                               (s(!0), n(k, null, $(l.actions, (c, d) => (s(), n("button", {
@@ -1613,10 +1613,10 @@ const zt = { class: "flex justify-between" }, Lt = {
   },
   emits: ["closeNotification"],
   setup(m, { emit: i }) {
-    const o = m, a = P(() => o.show);
+    const o = m, a = Y(() => o.show);
     return (r, l) => (s(), n("div", {
       "aria-live": "assertive",
-      class: h([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
+      class: y([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
       e("div", eo, [
         p(ce, {
@@ -1687,7 +1687,7 @@ const zt = { class: "flex justify-between" }, Lt = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, go = { class: "min-w-0" }, po = { class: "flex items-start gap-x-3" }, mo = { class: "text-sm font-semibold leading-6 text-gray-900" }, fo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, yo = { class: "truncate" }, ho = { class: "flex flex-none items-center gap-x-4" }, vo = ["href"], bo = { class: "sr-only" }, wo = {
+}, go = { class: "min-w-0" }, po = { class: "flex items-start gap-x-3" }, mo = { class: "text-sm font-semibold leading-6 text-gray-900" }, fo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ho = { class: "truncate" }, yo = { class: "flex flex-none items-center gap-x-4" }, vo = ["href"], bo = { class: "sr-only" }, wo = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
 }, xo = /* @__PURE__ */ B({
@@ -1713,7 +1713,7 @@ const zt = { class: "flex justify-between" }, Lt = {
           e("div", po, [
             e("p", mo, g(a.name), 1),
             e("p", {
-              class: h([
+              class: y([
                 {
                   "text-green-700 bg-green-50 ring-green-600/20": a.status === "Complete",
                   "text-gray-600 bg-gray-50 ring-gray-500/10": a.status === "In progress",
@@ -1724,15 +1724,15 @@ const zt = { class: "flex justify-between" }, Lt = {
             }, g(a.statusLiteral), 3)
           ]),
           e("div", fo, [
-            e("p", yo, g(a.description), 1)
+            e("p", ho, g(a.description), 1)
           ])
         ]),
-        e("div", ho, [
+        e("div", yo, [
           e("a", {
             href: a.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
-            z(g(a.action), 1),
+            L(g(a.action), 1),
             e("span", bo, ", " + g(a.name), 1)
           ], 8, vo)
         ])
@@ -1770,8 +1770,8 @@ function So() {
         return d && typeof d == "object" && "default" in d ? d : { default: d };
       }
       var r = a(o), l = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
-      function t(d, f, y) {
-        var w = l[y];
+      function t(d, f, h) {
+        var w = l[h];
         return Array.isArray(w) && (w = w[f ? 0 : 1]), w.replace("%d", d);
       }
       var c = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(d) {
@@ -1848,13 +1848,13 @@ const se = (m, i) => {
       i === "next" && (m === "day" && (o = T(this.selectedDate).add(1, "day")), m === "month" && (o = T(this.selectedDate).add(1, "month")), m === "year" && (o = T(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
     }
   }
-}, zo = { class: "dateSelector flex items-center text-white flex-row" }, Lo = { class: "pagination flex items-center my-1 md:my-0" }, No = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Oo = { class: "pagination flex items-center my-1 sm:my-0" };
+}, zo = { class: "dateSelector flex items-center text-white flex-row" }, Lo = { class: "pagination flex items-center my-1 md:my-0" }, Oo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, No = { class: "pagination flex items-center my-1 sm:my-0" };
 function Ao(m, i, o, a, r, l) {
   const t = Be("ChevronLeftIcon"), c = Be("ChevronRightIcon");
   return s(), n("div", zo, [
     e("div", Lo, [
       e("div", {
-        class: h([{
+        class: y([{
           "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
           "bg-indigo-300": l.currentDate <= l.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -1865,7 +1865,7 @@ function Ao(m, i, o, a, r, l) {
         p(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
-        class: h([{
+        class: y([{
           "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
           "bg-indigo-300": l.currentDate <= l.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -1875,7 +1875,7 @@ function Ao(m, i, o, a, r, l) {
         p(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
-        class: h([{
+        class: y([{
           "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
           "bg-indigo-300": l.currentDate <= l.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -1884,8 +1884,8 @@ function Ao(m, i, o, a, r, l) {
         p(t, { class: "h-4" })
       ], 2)
     ]),
-    e("div", No, g(l.formatedDate), 1),
-    e("div", Oo, [
+    e("div", Oo, g(l.formatedDate), 1),
+    e("div", No, [
       e("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: i[3] || (i[3] = (d) => l.selectDate("day", "next"))
@@ -1910,15 +1910,15 @@ function Ao(m, i, o, a, r, l) {
     ])
   ]);
 }
-const Yo = /* @__PURE__ */ se(To, [["render", Ao]]), Po = {
+const Po = /* @__PURE__ */ se(To, [["render", Ao]]), Yo = {
   name: "SkeletonTable"
-}, Io = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Fo = { class: "flow-root" }, Vo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, qo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ro = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ho = { class: "min-w-full divide-y divide-gray-300" }, Uo = { class: "divide-y divide-gray-200 bg-white" };
+}, Io = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Fo = { class: "flow-root" }, Vo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ro = { class: "inline-block min-w-full py-2 align-middle px-1" }, qo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ho = { class: "min-w-full divide-y divide-gray-300" }, Uo = { class: "divide-y divide-gray-200 bg-white" };
 function Eo(m, i, o, a, r, l) {
   return s(), n("div", Io, [
     e("div", Fo, [
       e("div", Vo, [
-        e("div", qo, [
-          e("div", Ro, [
+        e("div", Ro, [
+          e("div", qo, [
             e("table", Ho, [
               i[1] || (i[1] = e("thead", { class: "bg-gray-50" }, [
                 e("tr", null, [
@@ -1977,7 +1977,7 @@ function Eo(m, i, o, a, r, l) {
                     }, [
                       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }),
                       e("span", { class: "sr-only" }, [
-                        z(", {"),
+                        L(", {"),
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                       ])
                     ])
@@ -1991,7 +1991,7 @@ function Eo(m, i, o, a, r, l) {
     ])
   ]);
 }
-const Ke = /* @__PURE__ */ se(Po, [["render", Eo]]);
+const Ke = /* @__PURE__ */ se(Yo, [["render", Eo]]);
 var de = { exports: {} }, Zo = de.exports, ze;
 function Jo() {
   return ze || (ze = 1, function(m, i) {
@@ -2027,7 +2027,7 @@ const Go = /* @__PURE__ */ ko(Wo), Qo = {
 }, Ko = { class: "text-xs" }, Xo = { class: "font-bold text-lg" }, el = { class: "text-xs font-medium" };
 function tl(m, i, o, a, r, l) {
   return s(), n("div", {
-    class: h([
+    class: y([
       "day select-none text-center",
       {
         "bg-indigo-200 text-white": l.currentDay.isWeekend,
@@ -2063,7 +2063,7 @@ const sl = /* @__PURE__ */ se(Qo, [["render", tl]]), ol = {
 function rl(m, i, o, a, r, l) {
   return s(), n("div", ll, [
     e("div", {
-      class: h([
+      class: y([
         {
           "bg-indigo-200 text-white": l.currentDay.isWeekend,
           "bg-green-300 text-white": o.price.price > o.basePrice,
@@ -2088,7 +2088,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
 }, ml = { key: 0 }, fl = {
   colspan: "6",
   class: "pl-4"
-}, yl = { key: 1 }, hl = {
+}, hl = { key: 1 }, yl = {
   colspan: "6",
   class: "pl-4"
 }, vl = { key: 2 }, bl = {
@@ -2125,7 +2125,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
 }, Ll = {
   colspan: "2",
   class: "pl-4"
-}, Nl = /* @__PURE__ */ B({
+}, Ol = /* @__PURE__ */ B({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2139,25 +2139,25 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(m, { emit: i }) {
-    const o = m, a = i, r = O(/* @__PURE__ */ new Date()), l = O(o.today), t = O([]);
-    R(() => o.today, (x) => {
+    const o = m, a = i, r = N(/* @__PURE__ */ new Date()), l = N(o.today), t = N([]);
+    q(() => o.today, (x) => {
       l.value = x;
     });
-    const c = P(() => {
+    const c = Y(() => {
       let x = [];
       for (let I = 0; I < 14; I++)
         x.push(T(l.value).add(I, "day"));
       return x;
-    }), d = P(() => t.value.length > 0 && t.value.length < o.rooms.length), f = (x) => {
+    }), d = Y(() => t.value.length > 0 && t.value.length < o.rooms.length), f = (x) => {
       T(x).isBefore(r.value) || (l.value = x, a("dateChanged", l.value));
-    }, y = (x) => {
-      let I = o.category.selectionPrices.find((Y) => T(Y.date).isSame(x.date));
+    }, h = (x) => {
+      let I = o.category.selectionPrices.find((P) => T(P.date).isSame(x.date));
       return I ? I.price : x.price;
     }, w = (x) => {
       t.value = x.target.checked ? o.rooms.map((I) => I.id) : [];
-    }, L = () => a("changeCategoryBulkPrices"), A = (x) => a("changeCategorySelectionPrice", x), M = (x) => a("changeCategoryUpgradePrice", x), S = (x) => a("tableAction", x), F = (x, I, Y) => a("changeRoomPrice", { price: x, roomId: I, roomName: Y });
+    }, z = () => a("changeCategoryBulkPrices"), A = (x) => a("changeCategorySelectionPrice", x), M = (x) => a("changeCategoryUpgradePrice", x), S = (x) => a("tableAction", x), F = (x, I, P) => a("changeRoomPrice", { price: x, roomId: I, roomName: P });
     return (x, I) => {
-      var Y, oe;
+      var P, oe;
       return x.loading ? (s(), _(Ke, { key: 1 })) : (s(), n("div", nl, [
         e("div", al, [
           e("div", il, [
@@ -2166,19 +2166,19 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                 e("tbody", cl, [
                   e("tr", null, [
                     e("th", gl, [
-                      p(Yo, {
+                      p(Po, {
                         selectedDate: l.value,
-                        onDateSelected: I[0] || (I[0] = (N) => f(N))
+                        onDateSelected: I[0] || (I[0] = (O) => f(O))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (s(!0), n(k, null, $(c.value, (N, V) => (s(), n("th", {
+                    (s(!0), n(k, null, $(c.value, (O, V) => (s(), n("th", {
                       scope: "col",
                       key: V,
                       class: "text-sm font-semibold text-gray-900 p-0"
                     }, [
                       p(sl, {
                         class: "border-l border-gray-200 px-6 py-3",
-                        day: N
+                        day: O
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
@@ -2189,10 +2189,10 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                         loading: x.loading,
                         class: "ml-4",
                         size: "small",
-                        onClick: L
+                        onClick: z
                       }, {
                         default: v(() => [
-                          z(g(x.literals.changeInBulk), 1)
+                          L(g(x.literals.changeInBulk), 1)
                         ]),
                         _: 1
                       }, 8, ["loading"])
@@ -2200,29 +2200,29 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                   ]),
                   x.type === "discounts" ? (s(), n("tr", ml, [
                     e("td", fl, g(x.literals.pricesDiscount), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (N, V) => (s(), n("td", {
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (O, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       p(le, {
-                        onClick: (X) => A(N),
+                        onClick: (X) => A(O),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: N,
+                        price: O,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  x.type === "prices" ? (s(), n("tr", yl, [
-                    e("td", hl, g(x.literals.pricesSelection), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (N, V) => (s(), n("td", {
+                  x.type === "prices" ? (s(), n("tr", hl, [
+                    e("td", yl, g(x.literals.pricesSelection), 1),
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (O, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       p(le, {
-                        onClick: (X) => A(N),
+                        onClick: (X) => A(O),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: N,
+                        price: O,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
@@ -2230,14 +2230,14 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                   ])) : b("", !0),
                   x.type === "prices" ? (s(), n("tr", vl, [
                     e("td", bl, g(x.literals.pricesUpgrade), 1),
-                    (s(!0), n(k, null, $(x.category.upgradePrices, (N, V) => (s(), n("td", {
+                    (s(!0), n(k, null, $(x.category.upgradePrices, (O, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
                       p(le, {
-                        onClick: (X) => M(N),
+                        onClick: (X) => M(O),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100",
-                        price: N,
+                        price: O,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
@@ -2245,13 +2245,13 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                   ])) : b("", !0),
                   e("tr", null, [
                     e("th", wl, [
-                      ((Y = t.value) == null ? void 0 : Y.length) > 0 && ((oe = x.actions) == null ? void 0 : oe.length) > 0 ? (s(), n("div", xl, [
-                        (s(!0), n(k, null, $(x.actions, (N, V) => (s(), n("button", {
-                          onClick: (X) => S({ action: N.id, items: t.value }),
+                      ((P = t.value) == null ? void 0 : P.length) > 0 && ((oe = x.actions) == null ? void 0 : oe.length) > 0 ? (s(), n("div", xl, [
+                        (s(!0), n(k, null, $(x.actions, (O, V) => (s(), n("button", {
+                          onClick: (X) => S({ action: O.id, items: t.value }),
                           key: V,
                           type: "button",
                           class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                        }, g(N.name), 9, kl))), 128))
+                        }, g(O.name), 9, kl))), 128))
                       ])) : b("", !0),
                       e("span", null, g(x.literals.pricesSelection), 1)
                     ])
@@ -2275,34 +2275,34 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
                     }, null, -1))
                   ]),
-                  (s(!0), n(k, null, $(x.rooms, (N) => (s(), n("tr", {
-                    key: N.name,
-                    class: h([{ "even:bg-gray-100": x.type === "prices", "odd:bg-gray-100": x.type === "discounts" }])
+                  (s(!0), n(k, null, $(x.rooms, (O) => (s(), n("tr", {
+                    key: O.name,
+                    class: y([{ "even:bg-gray-100": x.type === "prices", "odd:bg-gray-100": x.type === "discounts" }])
                   }, [
                     e("td", Ml, [
                       t.value.length > 0 ? (s(), n("div", Dl)) : b("", !0),
                       C(e("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
-                        value: N.name,
+                        value: O.name,
                         "onUpdate:modelValue": I[1] || (I[1] = (V) => t.value = V)
                       }, null, 8, jl), [
                         [Ae, t.value]
                       ]),
-                      e("span", Tl, g(N.name), 1)
+                      e("span", Tl, g(O.name), 1)
                     ]),
-                    e("td", zl, g(N.building), 1),
-                    e("td", Ll, g(N.floor), 1),
-                    (s(!0), n(k, null, $(N.selectionPrices, (V, X) => (s(), n("td", {
+                    e("td", zl, g(O.building), 1),
+                    e("td", Ll, g(O.floor), 1),
+                    (s(!0), n(k, null, $(O.selectionPrices, (V, X) => (s(), n("td", {
                       class: "p-0",
                       key: X
                     }, [
                       p(le, {
-                        onClick: (yd) => F(V, N.id, N.name),
+                        onClick: (hd) => F(V, O.id, O.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: V,
                         currency: x.currency.symbol,
-                        basePrice: y(V)
+                        basePrice: h(V)
                       }, null, 8, ["onClick", "price", "currency", "basePrice"])
                     ]))), 128))
                   ], 2))), 128))
@@ -2314,10 +2314,10 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
       ]));
     };
   }
-}), Ol = { class: "chart-header flex flex-row items-center w-full justify-between" }, Al = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Yl = {
+}), Nl = { class: "chart-header flex flex-row items-center w-full justify-between" }, Al = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Pl = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Pl = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, ql = { class: "w-1/2 min-w-0 flex-1" }, Rl = ["max"], Hl = { class: "min-w-0 flex-1" }, Ul = ["max"], El = { class: "chart-content relative" }, Zl = /* @__PURE__ */ B({
+}, Yl = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Fl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, Rl = { class: "w-1/2 min-w-0 flex-1" }, ql = ["max"], Hl = { class: "min-w-0 flex-1" }, Ul = ["max"], El = { class: "chart-content relative" }, Zl = /* @__PURE__ */ B({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2339,9 +2339,9 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(m, { emit: i }) {
-    const o = i, a = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), r = m;
+    const o = i, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), r = m;
     let l = Q(r.dates || { from: "", to: a });
-    R(() => r.dates, (M) => {
+    q(() => r.dates, (M) => {
       M && (l = M);
     });
     let c = {
@@ -2402,16 +2402,16 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
     }), r.type === "area" && (c.tooltip = { intersect: !0, shared: !1 });
     const d = () => (c.chart.stacked = r.stacked, { ...c, ...r.options, plotOptions: { bar: { horizontal: r.horizontal } } }), f = () => {
       l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && o("selectedRange", { range: l, chartId: r.id });
-    }, y = P(() => r.series), w = P(() => d()), L = () => o("chartUpdated"), A = (M, S, F) => {
+    }, h = Y(() => r.series), w = Y(() => d()), z = () => o("chartUpdated"), A = (M, S, F) => {
       o("dataPointSelection", { id: r.id, chartContext: S, config: F, event: M });
     };
     return (M, S) => (s(), n(k, null, [
       C(e("div", {
-        class: h(["h-[" + M.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+        class: y(["h-[" + M.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
-        e("div", Ol, [
+        e("div", Nl, [
           e("div", Al, g(M.title), 1),
-          M.isNps && M.npsLiterals ? (s(), n("div", Yl, [
+          M.isNps && M.npsLiterals ? (s(), n("div", Pl, [
             p(H, {
               size: "small",
               color: "red",
@@ -2423,7 +2423,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", Pl, g(M.npsLiterals.unhappy), 1)
+                e("span", Yl, g(M.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2459,7 +2459,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
             })
           ])) : b("", !0),
           e("div", Vl, [
-            e("div", ql, [
+            e("div", Rl, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (F) => u(l).from = F),
@@ -2468,7 +2468,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
                 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, Rl), [
+              }, null, 40, ql), [
                 [ee, u(l).from]
               ])
             ]),
@@ -2498,18 +2498,18 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
           p(u(Ce), {
             class: "chart",
             type: M.type,
-            series: y.value,
+            series: h.value,
             height: M.height,
             options: w.value,
-            onUpdated: L,
-            onMounted: L,
+            onUpdated: z,
+            onMounted: z,
             onDataPointSelection: A
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
           [D, !M.empty]
         ]),
         C(e("div", {
-          class: h(["h-[" + M.height + "px]", "w-full flex items-center justify-center flex-col"])
+          class: y(["h-[" + M.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
           p(j, {
             icon: u(U),
@@ -2525,7 +2525,7 @@ const le = /* @__PURE__ */ se(ol, [["render", rl]]), nl = {
         [D, !M.loading]
       ]),
       C(e("div", {
-        class: h(["h-[" + M.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
+        class: y(["h-[" + M.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
       }, S[4] || (S[4] = [
         e("div", {
           role: "status",
@@ -2578,7 +2578,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   setup(m) {
     return (i, o) => (s(), n("div", {
-      class: h([
+      class: y([
         { fixed: i.fixed },
         "load-screen h-full w-full top-0 left-0 z-[100] flex flex-col items-center justify-center bg-gray-50"
       ])
@@ -2621,11 +2621,11 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = O(3), l = P(
+    const o = i, a = m, r = N(3), l = Y(
       () => Math.max(1, Number(a.current) - Number(r.value))
-    ), t = P(
+    ), t = Y(
       () => Math.min(Number(a.current) + Number(r.value), Number(a.total))
-    ), c = P(() => {
+    ), c = Y(() => {
       let d = [];
       for (let f = Number(l.value); f <= Number(t.value); f++)
         d.push(f);
@@ -2637,29 +2637,29 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     ]))) : (s(), n("div", Xl, [
       e("div", er, [
         e("a", tr, [
-          q(d.$slots, "previous")
+          R(d.$slots, "previous")
         ]),
         e("a", sr, [
-          q(d.$slots, "next")
+          R(d.$slots, "next")
         ])
       ]),
       e("div", or, [
         e("div", null, [
           e("p", lr, [
-            q(d.$slots, "showing"),
+            R(d.$slots, "showing"),
             e("span", rr, g(d.current + " "), 1),
-            q(d.$slots, "of"),
+            R(d.$slots, "of"),
             e("span", nr, g(d.total), 1)
           ])
         ]),
         e("div", null, [
           e("nav", ar, [
             C(e("button", {
-              onClick: f[0] || (f[0] = (y) => o("changePage", d.current - 1)),
+              onClick: f[0] || (f[0] = (h) => o("changePage", d.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", ir, [
-                q(d.$slots, "previous")
+                R(d.$slots, "previous")
               ]),
               p(u(Je), {
                 class: "h-5 w-5",
@@ -2668,20 +2668,20 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             ], 512), [
               [D, d.current !== 1]
             ]),
-            (s(!0), n(k, null, $(c.value, (y) => (s(), n("button", {
-              onClick: (w) => o("changePage", y),
-              key: y,
+            (s(!0), n(k, null, $(c.value, (h) => (s(), n("button", {
+              onClick: (w) => o("changePage", h),
+              key: h,
               "aria-current": "page",
-              class: h([[
-                y === d.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
+              class: y([[
+                h === d.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, g(y), 11, dr))), 128)),
+            }, g(h), 11, dr))), 128)),
             C(e("button", {
-              onClick: f[1] || (f[1] = (y) => o("changePage", d.current + 1)),
+              onClick: f[1] || (f[1] = (h) => o("changePage", d.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", ur, [
-                q(d.$slots, "next")
+                R(d.$slots, "next")
               ]),
               p(u(te), {
                 class: "h-5 w-5",
@@ -2695,10 +2695,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), pr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, mr = { class: "flex flex-col flex-grow overflow-y-auto" }, fr = { class: "grow flex flex-col" }, yr = {
+}), pr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, mr = { class: "flex flex-col flex-grow overflow-y-auto" }, fr = { class: "grow flex flex-col" }, hr = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, hr = { key: 0 }, vr = ["onClick"], br = {
+}, yr = { key: 0 }, vr = ["onClick"], br = {
   key: 1,
   class: "text-left"
 }, wr = {
@@ -2728,7 +2728,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     return (a, r) => (s(), n("div", pr, [
       e("div", mr, [
         e("div", fr, [
-          e("nav", yr, [
+          e("nav", hr, [
             a.loading ? (s(), n(k, { key: 1 }, $(5, (l) => e("div", $r, r[1] || (r[1] = [
               e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
@@ -2742,14 +2742,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               }, {
                 default: v(({ open: t }) => [
                   p(u(Z), {
-                    class: h([l.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
+                    class: y([l.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: v(() => [
                       l.icon ? (s(), _(j, {
                         key: 0,
                         loading: a.loading,
                         icon: l.icon,
-                        class: h([
+                        class: y([
                           l.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                           "mr-3 flex-shrink-0 h-6 w-6"
                         ]),
@@ -2759,7 +2759,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
                       ]))) : (s(), n("span", wr, g(l.name), 1)),
                       p(u(te), {
-                        class: h([t ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
+                        class: y([t ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
                     ]),
                     _: 2
@@ -2769,7 +2769,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       (s(!0), n(k, null, $(l.children, (c) => (s(), _(u(Z), {
                         onClick: (d) => o("sideBarClick", c.id),
                         key: c.name,
-                        class: h([c.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
+                        class: y([c.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: v(() => [
                           a.loading ? (s(), n("div", _r)) : (s(), n("span", kr, g(c.name), 1))
@@ -2781,10 +2781,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (s(), n("div", hr, [
+              }, 1024)) : (s(), n("div", yr, [
                 e("button", {
                   onClick: (t) => o("sideBarClick", l.id),
-                  class: h([
+                  class: y([
                     l.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
@@ -2793,7 +2793,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                     key: 0,
                     loading: a.loading,
                     icon: l.icon,
-                    class: h([
+                    class: y([
                       l.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                       "mr-3 flex-shrink-0 h-6 w-6"
                     ]),
@@ -2811,7 +2811,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
 }), Sr = { key: 0 }, Br = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Mr = { class: "ml-16 flex items-baseline pb-5" }, Dr = { class: "text-2xl font-semibold text-gray-900" }, jr = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, Tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, zr = { class: "text-sm" }, Lr = { key: 1 }, Nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Or = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xe = /* @__PURE__ */ B({
+}, Tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, zr = { class: "text-sm" }, Lr = { key: 1 }, Or = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Nr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Xe = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -2820,9 +2820,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   emits: ["statClick"],
   setup(m, { emit: i }) {
     return (o, a) => o.loading ? (s(), n("div", Lr, [
-      e("div", Nr, [
+      e("div", Or, [
         e("dt", null, [
-          e("div", Or, [
+          e("div", Nr, [
             p(j, {
               loading: o.loading,
               icon: o.item.icon,
@@ -2840,11 +2840,11 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ])) : (s(), n("div", Sr, [
       e("div", {
-        class: h(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": o.item.showFooter }])
+        class: y(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": o.item.showFooter }])
       }, [
         e("dt", null, [
           e("div", {
-            class: h(["absolute rounded-md p-3", {
+            class: y(["absolute rounded-md p-3", {
               "bg-indigo-500": !o.item.color,
               "bg-green-500": o.item.color === "green",
               "bg-red-500": o.item.color === "red",
@@ -2866,7 +2866,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           o.item.explanation ? (s(), n("p", jr, g(o.item.explanation), 1)) : b("", !0),
           o.item.changeType ? (s(), n("p", {
             key: 1,
-            class: h([
+            class: y([
               {
                 "text-green-600": o.item.changeType === "increase",
                 "text-red-600": o.item.changeType === "decrease",
@@ -2885,7 +2885,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            z(" " + g(o.item.change), 1)
+            L(" " + g(o.item.change), 1)
           ], 2)) : b("", !0),
           C(e("div", Tr, [
             e("div", zr, [
@@ -2904,10 +2904,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
 }), Ar = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Yr = { class: "px-4 py-5 sm:px-6" }, Pr = { class: "text-lg font-medium leading-6 text-gray-900" }, Ir = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Fr = { class: "border-t border-gray-200" }, Vr = { class: "text-sm font-medium text-gray-500" }, qr = {
+}, Pr = { class: "px-4 py-5 sm:px-6" }, Yr = { class: "text-lg font-medium leading-6 text-gray-900" }, Ir = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Fr = { class: "border-t border-gray-200" }, Vr = { class: "text-sm font-medium text-gray-500" }, Rr = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, Rr = ["onClick"], Hr = {
+}, qr = ["onClick"], Hr = {
   key: 2,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
 }, Ur = {
@@ -2929,7 +2929,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         e("dl", null, [
           (s(), n(k, null, $(5, (r) => e("div", {
             key: r,
-            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, a[0] || (a[0] = [
             e("dt", { class: "text-sm font-medium text-gray-500" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
@@ -2941,18 +2941,18 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         ])
       ])
     ])) : (s(), n("div", Ar, [
-      e("div", Yr, [
-        e("h3", Pr, g(o.title), 1),
+      e("div", Pr, [
+        e("h3", Yr, g(o.title), 1),
         e("p", Ir, g(o.subtitle), 1)
       ]),
       e("div", Fr, [
         e("dl", null, [
           (s(!0), n(k, null, $(o.items, (r, l) => (s(), n("div", {
             key: l,
-            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [l % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [l % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
             e("dt", Vr, g(r.title), 1),
-            r.type === "tags" ? (s(), n("dd", qr, [
+            r.type === "tags" ? (s(), n("dd", Rr, [
               (s(!0), n(k, null, $(r.tags, (t, c) => (s(), _(H, {
                 loading: o.loading,
                 key: c,
@@ -2960,7 +2960,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 class: "mr-2 mb-2"
               }, {
                 default: v(() => [
-                  z(g(t.text), 1)
+                  L(g(t.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
@@ -2968,7 +2968,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               key: 1,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (t) => o.$emit("itemClicked", r.emits)
-            }, g(r.text), 9, Rr)) : (s(), n("dd", Hr, g(r.text), 1))
+            }, g(r.text), 9, qr)) : (s(), n("dd", Hr, g(r.text), 1))
           ], 2))), 128))
         ])
       ])
@@ -3019,7 +3019,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
 }, cn = { class: "divide-y divide-gray-200 bg-white" }, gn = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, pn = ["value"], mn = ["onClick"], fn = ["href"], yn = { key: 3 }, hn = /* @__PURE__ */ B({
+}, pn = ["value"], mn = ["onClick"], fn = ["href"], hn = { key: 3 }, yn = /* @__PURE__ */ B({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3032,19 +3032,19 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(m, { emit: i }) {
-    let o = O([]), a = O(""), r = O(!1);
-    const l = i, t = m, c = P(
+    let o = N([]), a = N(""), r = N(!1);
+    const l = i, t = m, c = Y(
       () => o.value.length > 0 && o.value.length < t.items.length
-    ), d = (w, L) => {
-      a.value !== w && L && (a.value = w), L || (a.value = void 0);
+    ), d = (w, z) => {
+      a.value !== w && z && (a.value = w), z || (a.value = void 0);
     }, f = (w) => {
-      o.value = w.target.checked ? t.items.map((L) => L.id) : [];
-    }, y = (w) => {
+      o.value = w.target.checked ? t.items.map((z) => z.id) : [];
+    }, h = (w) => {
       l("customEmit", w);
     };
-    return R(() => t.resetSelected, (w) => {
+    return q(() => t.resetSelected, (w) => {
       r.value = w, w && r.value && (o.value = [], r.value = !w, l("selectedItemsDeleted"));
-    }), (w, L) => {
+    }), (w, z) => {
       var A, M;
       return w.loading ? (s(), _(Ke, { key: 1 })) : (s(), n("div", Qr, [
         e("div", Kr, [
@@ -3064,7 +3064,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                     e("tr", null, [
                       e("th", {
                         scope: "col",
-                        class: h([w.actions ? "px-6 sm:px-8" : "px-3", "relative"])
+                        class: y([w.actions ? "px-6 sm:px-8" : "px-3", "relative"])
                       }, [
                         w.actions ? (s(), n("input", {
                           key: 0,
@@ -3095,7 +3095,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                         }, [
                           e("span", null, g(S.name), 1),
                           e("span", {
-                            class: h([[
+                            class: y([[
                               S.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
                             ], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"])
                           }, [
@@ -3116,18 +3116,18 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       var x, I;
                       return s(), n("tr", {
                         key: S.id,
-                        class: h([
+                        class: y([
                           u(o).includes(S.id) && "bg-gray-50",
                           F % 2 === 0 ? void 0 : "bg-gray-50"
                         ])
                       }, [
                         e("td", {
-                          class: h([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
+                          class: y([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
                           u(o).includes(S.id) ? (s(), n("div", gn)) : b("", !0),
                           ((I = w.actions) == null ? void 0 : I.length) > 0 ? C((s(), n("input", {
                             key: 1,
-                            "onUpdate:modelValue": L[0] || (L[0] = (Y) => Ye(o) ? o.value = Y : o = Y),
+                            "onUpdate:modelValue": z[0] || (z[0] = (P) => Pe(o) ? o.value = P : o = P),
                             value: S.id,
                             class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap",
                             type: "checkbox"
@@ -3135,31 +3135,31 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                             [Ae, u(o)]
                           ]) : b("", !0)
                         ], 2),
-                        (s(!0), n(k, null, $(S.row, (Y, oe) => (s(), n("td", {
+                        (s(!0), n(k, null, $(S.row, (P, oe) => (s(), n("td", {
                           key: oe,
-                          class: h([
+                          class: y([
                             "whitespace-nowrap py-4 pr-3 text-sm",
                             u(o).includes(S.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
-                          typeof Y == "object" && Y.type === "tag" ? (s(), _(H, {
+                          typeof P == "object" && P.type === "tag" ? (s(), _(H, {
                             key: 0,
                             loading: w.loading,
-                            color: Y.color
+                            color: P.color
                           }, {
                             default: v(() => [
-                              z(g(Y.content), 1)
+                              L(g(P.content), 1)
                             ]),
                             _: 2
-                          }, 1032, ["loading", "color"])) : typeof Y == "object" && Y.type === "link" ? (s(), n("span", {
+                          }, 1032, ["loading", "color"])) : typeof P == "object" && P.type === "link" ? (s(), n("span", {
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
-                            onClick: (N) => y(Y)
-                          }, g(Y.content), 9, mn)) : typeof Y == "object" && Y.type === "href" ? (s(), n("a", {
+                            onClick: (O) => h(P)
+                          }, g(P.content), 9, mn)) : typeof P == "object" && P.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
-                            href: Y.href
-                          }, g(Y.content), 9, fn)) : (s(), n("span", yn, g(Y), 1))
+                            href: P.href
+                          }, g(P.content), 9, fn)) : (s(), n("span", hn, g(P), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -3206,16 +3206,16 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("a", {
               key: t.name,
               onClick: (c) => o("tabClicked", t.id),
-              class: h([
+              class: y([
                 t.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200",
                 "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"
               ]),
               "aria-current": t.current ? "page" : void 0
             }, [
-              z(g(t.name) + " ", 1),
+              L(g(t.name) + " ", 1),
               t.count ? (s(), n("span", {
                 key: 0,
-                class: h([
+                class: y([
                   t.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
@@ -3233,16 +3233,16 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Tn = { class: "relative flex space-x-3" }, zn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ln = { class: "text-sm text-gray-500" }, Nn = ["onClick"], On = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, An = ["datetime"], Yn = {
+}, Tn = { class: "relative flex space-x-3" }, zn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ln = { class: "text-sm text-gray-500" }, On = ["onClick"], Nn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, An = ["datetime"], Pn = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
-}, Pn = { class: "text-sm" }, In = {
+}, Yn = { class: "text-sm" }, In = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col mb-5"
 }, Fn = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, Vn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, qn = { class: "flow-root" }, Rn = {
+}, Vn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Rn = { class: "flow-root" }, qn = {
   class: "-mb-8",
   role: "list"
 }, Hn = { class: "relative pb-8" }, Un = {
@@ -3268,8 +3268,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         ])
       ], -1)),
       e("div", Vn, [
-        e("div", qn, [
-          e("ul", Rn, [
+        e("div", Rn, [
+          e("ul", qn, [
             (s(), n(k, null, $(10, (t, c) => e("li", { key: c }, [
               e("div", Hn, [
                 t !== 10 ? (s(), n("span", Un)) : b("", !0),
@@ -3286,7 +3286,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ], -1))
     ])) : (s(), n("div", {
       key: 0,
-      class: h(["h-[" + r.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
+      class: y(["h-[" + r.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
       e("div", Cn, [
         e("h1", Sn, g(r.name), 1)
@@ -3307,7 +3307,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                     e("div", Tn, [
                       e("div", null, [
                         e("span", {
-                          class: h([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
+                          class: y([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                         }, [
                           p(j, {
                             loading: r.loading,
@@ -3324,11 +3324,11 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                             e("a", {
                               onClick: (f) => r.$emit("timelineEventClicked", t.linkId),
                               class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
-                            }, g(t == null ? void 0 : t.target), 9, Nn),
-                            z(" " + g(t == null ? void 0 : t.content), 1)
+                            }, g(t == null ? void 0 : t.target), 9, On),
+                            L(" " + g(t == null ? void 0 : t.content), 1)
                           ])
                         ]),
-                        e("div", On, [
+                        e("div", Nn, [
                           e("time", {
                             datetime: t == null ? void 0 : t.datetime
                           }, g(t == null ? void 0 : t.date), 9, An)
@@ -3343,8 +3343,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           })
         ])
       ])) : b("", !0),
-      a.items ? (s(), n("div", Yn, [
-        e("div", Pn, [
+      a.items ? (s(), n("div", Pn, [
+        e("div", Yn, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
             onClick: l[0] || (l[0] = (t) => r.$emit("timelineFooterClicked", r.timeline.id))
@@ -3414,13 +3414,13 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             ]),
             e("div", Kn, [
               e("div", Xn, [
-                p(u(ye), {
+                p(u(he), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: v(() => [
                     e("div", null, [
-                      C(p(u(he), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      C(p(u(ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: v(() => [
                           C(e("div", ea, a[2] || (a[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
@@ -3454,7 +3454,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                               default: v(({ active: t }) => [
                                 e("p", {
                                   onClick: (c) => o.$emit("topBarClick", l.id),
-                                  class: h(["cursor-pointer", [
+                                  class: y(["cursor-pointer", [
                                     t ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
@@ -3481,7 +3481,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               (s(!0), n(k, null, $(o.navigation, (l) => (s(), _(u(Z), {
                 as: "template",
                 key: l.name,
-                class: h(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
+                class: y(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
                   "bg-indigo-50 border-indigo-500 text-indigo-700": l.current && l.current === !0,
                   "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !l.current
                 }])
@@ -3529,36 +3529,36 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), fa = { class: "chart-selector flex flex-row items-center justify-center" }, ya = /* @__PURE__ */ B({
+}), fa = { class: "chart-selector flex flex-row items-center justify-center" }, ha = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(m, { emit: i }) {
     const o = i, a = m;
-    let r = P(() => a.range);
+    let r = Y(() => a.range);
     const l = (t) => {
       r = t, o("rangeSelected", t);
     };
     return (t, c) => (s(), n("ul", fa, [
       e("li", {
-        class: h({ selected: u(r) === "24h" }),
+        class: y({ selected: u(r) === "24h" }),
         onClick: c[0] || (c[0] = (d) => l("24h"))
       }, " 24H ", 2),
       e("li", {
-        class: h({ selected: u(r) === "7d" }),
+        class: y({ selected: u(r) === "7d" }),
         onClick: c[1] || (c[1] = (d) => l("7d"))
       }, "7D", 2),
       e("li", {
-        class: h({ selected: u(r) === "1m" }),
+        class: y({ selected: u(r) === "1m" }),
         onClick: c[2] || (c[2] = (d) => l("1m"))
       }, "1M", 2),
       e("li", {
-        class: h({ selected: u(r) === "3m" }),
+        class: y({ selected: u(r) === "3m" }),
         onClick: c[3] || (c[3] = (d) => l("3m"))
       }, "3M", 2)
     ]));
   }
-}), ha = { class: "chart-header flex flex-row justify-between" }, va = { class: "text-sm font-medium text-gray-500 truncate" }, ba = { class: "chart-content" }, wa = { class: "h-full w-full flex items-center justify-center flex-col" }, xa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ka = /* @__PURE__ */ B({
+}), ya = { class: "chart-header flex flex-row justify-between" }, va = { class: "text-sm font-medium text-gray-500 truncate" }, ba = { class: "chart-content" }, wa = { class: "h-full w-full flex items-center justify-center flex-col" }, xa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ka = /* @__PURE__ */ B({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3596,8 +3596,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ],
       dataLabels: {
         enabled: !0,
-        formatter: function(f, y) {
-          return y.w.globals.labels[y.dataPointIndex] + ":  " + f;
+        formatter: function(f, h) {
+          return h.w.globals.labels[h.dataPointIndex] + ":  " + f;
         }
       },
       markers: {
@@ -3616,18 +3616,18 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         }
       }
     };
-    const l = P(() => ({ ...a.options, ...r })), t = P(() => a.series), c = () => o("chartUpdated"), d = (f, y, w) => {
-      o("dataPointSelection", { id: a.id, chartContext: y, config: w, event: f });
+    const l = Y(() => ({ ...a.options, ...r })), t = Y(() => a.series), c = () => o("chartUpdated"), d = (f, h, w) => {
+      o("dataPointSelection", { id: a.id, chartContext: h, config: w, event: f });
     };
-    return (f, y) => (s(), n(k, null, [
+    return (f, h) => (s(), n(k, null, [
       C(e("div", {
-        class: h(["h-[" + f.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: y(["h-[" + f.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", ha, [
+        e("div", ya, [
           e("div", va, g(f.title), 1),
-          p(ya, {
+          p(ha, {
             range: f.range,
-            onRangeSelected: y[0] || (y[0] = (w) => f.$emit("selectedRange", { range: w, chartId: f.id }))
+            onRangeSelected: h[0] || (h[0] = (w) => f.$emit("selectedRange", { range: w, chartId: f.id }))
           }, null, 8, ["range"])
         ]),
         C(e("div", ba, [
@@ -3651,14 +3651,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          y[1] || (y[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          h[1] || (h[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [D, f.empty]
         ])
       ], 2), [
         [D, !f.loading]
       ]),
-      C(e("div", xa, y[2] || (y[2] = [
+      C(e("div", xa, h[2] || (h[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3716,7 +3716,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           onClick: (l) => i.$emit("action", a.action)
         }, {
           default: v(() => [
-            z(g(a.text), 1)
+            L(g(a.text), 1)
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128)),
@@ -3729,7 +3729,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ba = { class: "fixed inset-0 overflow-hidden" }, Ma = { class: "absolute inset-0 overflow-hidden" }, Da = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ja = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ta = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, za = { class: "flex items-center justify-between" }, La = { class: "ml-3 flex h-7 items-center" }, Na = { class: "mt-1" }, Oa = { class: "text-sm text-indigo-300" }, Aa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Ya = /* @__PURE__ */ B({
+}), Ba = { class: "fixed inset-0 overflow-hidden" }, Ma = { class: "absolute inset-0 overflow-hidden" }, Da = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ja = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ta = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, za = { class: "flex items-center justify-between" }, La = { class: "ml-3 flex h-7 items-center" }, Oa = { class: "mt-1" }, Na = { class: "text-sm text-indigo-300" }, Aa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Pa = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3768,9 +3768,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                           e("div", ja, [
                             e("div", Ta, [
                               e("div", za, [
-                                p(u(Re), { class: "text-base font-semibold leading-6 text-white" }, {
+                                p(u(qe), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
-                                    z(g(o.title), 1)
+                                    L(g(o.title), 1)
                                   ]),
                                   _: 1
                                 }),
@@ -3789,12 +3789,12 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                                   ])
                                 ])
                               ]),
-                              e("div", Na, [
-                                e("p", Oa, g(o.description), 1)
+                              e("div", Oa, [
+                                e("p", Na, g(o.description), 1)
                               ])
                             ]),
                             e("div", Aa, [
-                              q(o.$slots, "default")
+                              R(o.$slots, "default")
                             ])
                           ])
                         ]),
@@ -3813,11 +3813,11 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       _: 3
     }, 8, ["show"]));
   }
-}), Pa = { class: "uiGallery" }, Ia = {
+}), Ya = { class: "uiGallery" }, Ia = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Fa = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Va = ["src"], qa = ["onClick"], Ra = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ha = { class: "flex items-center justify-between" }, Ua = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ea = {
+}, Fa = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Va = ["src"], Ra = ["onClick"], qa = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ha = { class: "flex items-center justify-between" }, Ua = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ea = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
@@ -3831,10 +3831,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(m, { emit: i }) {
-    const o = i, a = O(!1), r = (l) => {
+    const o = i, a = N(!1), r = (l) => {
       a.value = !1, o("modalAction", l);
     };
-    return (l, t) => (s(), n("div", Pa, [
+    return (l, t) => (s(), n("div", Ya, [
       l.loading ? b("", !0) : (s(), _(Qe, {
         key: 0,
         open: a.value,
@@ -3870,9 +3870,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => l.$emit("imgClicked", c)
-            }, null, 8, qa)
+            }, null, 8, Ra)
           ]),
-          e("p", Ra, g(c.title), 1),
+          e("p", qa, g(c.title), 1),
           e("div", Ha, [
             e("p", Ua, g(c.size), 1),
             p(j, {
@@ -3894,7 +3894,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         size: "small"
       }, {
         default: v(() => [
-          z(g(l.literals.deleteAllImages), 1)
+          L(g(l.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
@@ -3912,8 +3912,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   emits: ["dragAndDropUpdated"],
   setup(m, { emit: i }) {
     const o = i, a = m;
-    let r = O(a.elements);
-    R(() => a.elements, (t) => {
+    let r = N(a.elements);
+    q(() => a.elements, (t) => {
       r.value = t;
     });
     const l = (t) => {
@@ -3925,7 +3925,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       key: 0,
       modelValue: u(r),
       "onUpdate:modelValue": [
-        c[0] || (c[0] = (d) => Ye(r) ? r.value = d : r = d),
+        c[0] || (c[0] = (d) => Pe(r) ? r.value = d : r = d),
         c[1] || (c[1] = (d) => l(d))
       ]
     }, {
@@ -3972,9 +3972,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(m, { emit: i }) {
-    const o = i, a = m, r = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const o = i, a = m, r = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let l = Q(a.dates || { from: "", to: r });
-    R(() => a.dates, (A) => {
+    q(() => a.dates, (A) => {
       A && (l = A);
     });
     let t = {
@@ -4009,14 +4009,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         }
       }
     };
-    const c = () => ({ ...t, ...a.options }), d = P(() => a.series), f = P(() => c()), y = () => o("chartUpdated"), w = (A, M, S) => {
+    const c = () => ({ ...t, ...a.options }), d = Y(() => a.series), f = Y(() => c()), h = () => o("chartUpdated"), w = (A, M, S) => {
       o("dataPointSelection", { id: a.id, chartContext: M, config: S, event: A });
-    }, L = () => {
+    }, z = () => {
       l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && o("selectedRange", { range: l, chartId: a.id });
     };
     return (A, M) => (s(), n(k, null, [
       C(e("div", {
-        class: h(["h-[" + A.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: y(["h-[" + A.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         e("div", si, [
           e("div", oi, g(A.title), 1),
@@ -4026,7 +4026,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 type: "datetime-local",
                 "onUpdate:modelValue": M[0] || (M[0] = (S) => u(l).from = S),
                 max: r.value.toString(),
-                onChange: L,
+                onChange: z,
                 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"
@@ -4039,7 +4039,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 type: "datetime-local",
                 "onUpdate:modelValue": M[1] || (M[1] = (S) => u(l).to = S),
                 max: r.value.toString(),
-                onChange: L,
+                onChange: z,
                 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"
@@ -4063,8 +4063,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
             series: d.value,
             options: f.value,
             height: A.height - 80,
-            onUpdated: y,
-            onMounted: y,
+            onUpdated: h,
+            onMounted: h,
             onDataPointSelection: w
           }, null, 8, ["series", "options", "height"])
         ], 512), [
@@ -4136,10 +4136,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    const o = m, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let r = Q(o.values || { from: "", to: a });
     const l = i;
-    R(() => o.values, (c) => {
+    q(() => o.values, (c) => {
       c && (r = c);
     });
     const t = () => {
@@ -4156,7 +4156,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       }),
       p(J, { loading: !0 }, {
         default: v(() => d[2] || (d[2] = [
-          z("Search")
+          L("Search")
         ])),
         _: 1
       })
@@ -4177,7 +4177,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       p(E, {
         type: "datetime-local",
         loading: !1,
-        class: h([{ "mt-6": c.label }]),
+        class: y([{ "mt-6": c.label }]),
         addOn: c.literals.to,
         name: `dateTo_${c.id}`,
         color: c.color,
@@ -4192,17 +4192,17 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         disabled: c.disabled,
         color: "primary",
         loading: !1,
-        class: h([{ "mt-6": c.label }, "h-10"]),
+        class: y([{ "mt-6": c.label }, "h-10"]),
         onClick: t
       }, {
         default: v(() => [
-          z(g(c.literals.search), 1)
+          L(g(c.literals.search), 1)
         ]),
         _: 1
       }, 8, ["disabled", "class"])
     ]));
   }
-}), yi = { class: "flex justify-between items-center" }, hi = {
+}), hi = { class: "flex justify-between items-center" }, yi = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
 }, vi = {
@@ -4224,14 +4224,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["sliderUpdated"],
   setup(m, { emit: i }) {
-    const o = i, r = O(m.sliderValue);
+    const o = i, r = N(m.sliderValue);
     return (l, t) => (s(), n("div", null, [
-      e("div", yi, [
-        l.label ? (s(), n("label", hi, g(l.label), 1)) : b("", !0),
+      e("div", hi, [
+        l.label ? (s(), n("label", yi, g(l.label), 1)) : b("", !0),
         l.requiredText ? (s(), n("span", vi, g(l.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: h([{ "mt-1": l.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
+        class: y([{ "mt-1": l.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
         l.loading ? (s(), n("p", bi)) : (s(), _(u(dt), {
           key: 0,
@@ -4258,7 +4258,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   setup(m) {
     return (i, o) => (s(), n(k, null, [
       e("h3", {
-        class: h(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
+        class: y(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, g(i.title), 3),
       e("p", xi, g(i.description), 1)
     ], 64));
@@ -4304,7 +4304,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               onTagEvent: a[2] || (a[2] = (t) => o.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
-                z(g(r.name), 1)
+                L(g(r.name), 1)
               ]),
               _: 2
             }, 1032, ["loading", "event", "color"]))), 128))
@@ -4314,7 +4314,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     ])) : (s(), n("div", _i, [
       e("div", $i, [
         e("div", {
-          class: h(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
+          class: y(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !o.color || o.color === "green",
             "bg-red-500": o.color === "red",
             "bg-yellow-500": o.color === "yellow",
@@ -4332,7 +4332,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           }, null, 8, ["icon"])
         ], 2),
         e("h3", Ci, [
-          z(g(o.name) + " ", 1),
+          L(g(o.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
             onClick: a[0] || (a[0] = (r) => o.$emit("deviceStatusQtyClicked", o.id))
@@ -4350,7 +4350,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
               onTagEvent: a[1] || (a[1] = (t) => o.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
-                z(g(r.name), 1)
+                L(g(r.name), 1)
               ]),
               _: 2
             }, 1032, ["event", "color"]))), 128))
@@ -4359,17 +4359,17 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ni = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Oi = { class: "bg-indigo-600 w-16 mr-6" }, Ai = ["onClick"], Yi = {
+}), Oi = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Ni = { class: "bg-indigo-600 w-16 mr-6" }, Ai = ["onClick"], Pi = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Pi = { class: "flex h-16 shrink-0 items-center" }, Ii = ["src"], Fi = { class: "flex flex-1 flex-col" }, Vi = {
+}, Yi = { class: "flex h-16 shrink-0 items-center" }, Ii = ["src"], Fi = { class: "flex flex-1 flex-col" }, Vi = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, qi = {
+}, Ri = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Ri = ["onClick"], Hi = {
+}, qi = ["onClick"], Hi = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
@@ -4388,12 +4388,12 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(m, { emit: i }) {
-    return (o, a) => (s(), n("div", Ni, [
-      e("div", Oi, [
+    return (o, a) => (s(), n("div", Oi, [
+      e("div", Ni, [
         e("ul", null, [
           (s(!0), n(k, null, $(o.productsSidebar, (r, l) => (s(), n("li", {
             key: l,
-            class: h([{ "!bg-indigo-900": r.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
+            class: y([{ "!bg-indigo-900": r.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
             onClick: (t) => o.$emit("productBarClick", r.name)
           }, [
             p(j, {
@@ -4410,8 +4410,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
           e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
         ]))), 64))
-      ])) : (s(), n("div", Yi, [
-        e("div", Pi, [
+      ])) : (s(), n("div", Pi, [
+        e("div", Yi, [
           e("img", {
             class: "h-8 w-auto",
             src: o.logo,
@@ -4421,7 +4421,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         e("nav", Fi, [
           o.isFilterNavigation ? b("", !0) : (s(), n("ul", Vi, [
             e("li", null, [
-              e("ul", qi, [
+              e("ul", Ri, [
                 (s(!0), n(k, null, $(o.navigation, (r) => (s(), n("li", {
                   key: r.name
                 }, [
@@ -4432,7 +4432,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                     default: v(() => [
                       p(u(Z), {
                         onClick: (l) => o.$emit("sideBarClick", r.id),
-                        class: h([r.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
+                        class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                       }, {
                         default: v(() => [
                           p(j, {
@@ -4443,9 +4443,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                             "aria-hidden": "true",
                             class: "shrink-0"
                           }, null, 8, ["icon"]),
-                          z(" " + g(r.name) + " ", 1),
+                          L(" " + g(r.name) + " ", 1),
                           p(u(te), {
-                            class: h([r.children.some((l) => l.current) || r.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
+                            class: y([r.children.some((l) => l.current) || r.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                             "aria-hidden": "true"
                           }, null, 8, ["class"])
                         ]),
@@ -4464,10 +4464,10 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                               p(u(Z), {
                                 as: "a",
                                 onClick: (t) => o.$emit("sideBarClick", l.id),
-                                class: h([l.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
+                                class: y([l.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                               }, {
                                 default: v(() => [
-                                  z(g(l.name), 1)
+                                  L(g(l.name), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["onClick", "class"])
@@ -4483,7 +4483,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                   }, 1024)) : (s(), n("div", {
                     key: 0,
                     onClick: (l) => o.$emit("sideBarClick", r.id),
-                    class: h([r.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
+                    class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                   }, [
                     p(j, {
                       icon: r.icon,
@@ -4493,8 +4493,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       "aria-hidden": "true",
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
-                    z(" " + g(r.name), 1)
-                  ], 10, Ri))
+                    L(" " + g(r.name), 1)
+                  ], 10, qi))
                 ]))), 128))
               ])
             ])
@@ -4521,7 +4521,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 loading: t.loading
               }, {
                 default: v(() => [
-                  z(g(t.text), 1)
+                  L(g(t.text), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "loading"]))), 256))
@@ -4546,7 +4546,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick"],
   setup(m, { emit: i }) {
-    const o = m, a = O(""), r = P(() => a.value === "" ? o.topbar.selectItems : o.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), l = (d) => (d == null ? void 0 : d.name) ?? "", t = P(() => o.topbar.selectedItem), c = O(!1);
+    const o = m, a = N(""), r = Y(() => a.value === "" ? o.topbar.selectItems : o.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), l = (d) => (d == null ? void 0 : d.name) ?? "", t = Y(() => o.topbar.selectedItem), c = N(!1);
     return (d, f) => (s(), n("div", null, [
       p(u(we), {
         as: "template",
@@ -4555,7 +4555,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         default: v(() => [
           p(u(xe), {
             class: "relative z-50 lg:hidden",
-            onClose: f[3] || (f[3] = (y) => c.value = !1)
+            onClose: f[3] || (f[3] = (h) => c.value = !1)
           }, {
             default: v(() => [
               p(u(G), {
@@ -4599,7 +4599,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
-                                onClick: f[0] || (f[0] = (y) => c.value = !1)
+                                onClick: f[0] || (f[0] = (h) => c.value = !1)
                               }, [
                                 f[12] || (f[12] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
                                 p(u(W), {
@@ -4618,8 +4618,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                           filterNavigation: d.sidebar.filterNavigation,
                           loading: !1,
                           logo: d.topbar.logo,
-                          onSideBarClick: f[1] || (f[1] = (y) => d.$emit("sideBarClick", y)),
-                          onProductBarClick: f[2] || (f[2] = (y) => d.$emit("productBarClick", y))
+                          onSideBarClick: f[1] || (f[1] = (h) => d.$emit("sideBarClick", h)),
+                          onProductBarClick: f[2] || (f[2] = (h) => d.$emit("productBarClick", h))
                         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
                       ]),
                       _: 1
@@ -4642,8 +4642,8 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           filterNavigation: d.sidebar.filterNavigation,
           loading: !1,
           logo: d.topbar.logo,
-          onSideBarClick: f[4] || (f[4] = (y) => d.$emit("sideBarClick", y)),
-          onProductBarClick: f[5] || (f[5] = (y) => d.$emit("productBarClick", y))
+          onSideBarClick: f[4] || (f[4] = (h) => d.$emit("sideBarClick", h)),
+          onProductBarClick: f[5] || (f[5] = (h) => d.$emit("productBarClick", h))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
       e("div", Ki, [
@@ -4651,7 +4651,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
-            onClick: f[6] || (f[6] = (y) => c.value = !0)
+            onClick: f[6] || (f[6] = (h) => c.value = !0)
           }, [
             f[13] || (f[13] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
             p(u(Ee), {
@@ -4673,21 +4673,21 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 class: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400",
                 "aria-hidden": "true"
               }),
-              p(u(Pe), {
+              p(u(Ye), {
                 class: "w-full",
                 as: "div",
                 modelValue: t.value,
                 "onUpdate:modelValue": [
-                  f[9] || (f[9] = (y) => t.value = y),
-                  f[10] || (f[10] = (y) => d.$emit("selectChanged", y))
+                  f[9] || (f[9] = (h) => t.value = h),
+                  f[10] || (f[10] = (h) => d.$emit("selectChanged", h))
                 ]
               }, {
                 default: v(() => [
                   e("div", sd, [
                     p(u(Ie), {
                       class: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",
-                      onChange: f[7] || (f[7] = (y) => a.value = y.target.value),
-                      onBlur: f[8] || (f[8] = (y) => a.value = ""),
+                      onChange: f[7] || (f[7] = (h) => a.value = h.target.value),
+                      onBlur: f[8] || (f[8] = (h) => a.value = ""),
                       displayValue: l
                     }),
                     p(u(Fe), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
@@ -4701,21 +4701,21 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                       class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
                     }, {
                       default: v(() => [
-                        (s(!0), n(k, null, $(r.value, (y) => (s(), _(u(qe), {
-                          key: y.id,
-                          value: y,
+                        (s(!0), n(k, null, $(r.value, (h) => (s(), _(u(Re), {
+                          key: h.id,
+                          value: h,
                           as: "template"
                         }, {
-                          default: v(({ active: w, selected: L }) => [
+                          default: v(({ active: w, selected: z }) => [
                             e("li", {
-                              class: h(["relative cursor-default select-none py-2 pl-8 pr-4", w ? "bg-indigo-600 text-white" : "text-gray-900"])
+                              class: y(["relative cursor-default select-none py-2 pl-8 pr-4", w ? "bg-indigo-600 text-white" : "text-gray-900"])
                             }, [
                               e("span", {
-                                class: h(["block truncate", L && "font-semibold"])
-                              }, g(y.name), 3),
-                              L ? (s(), n("span", {
+                                class: y(["block truncate", z && "font-semibold"])
+                              }, g(h.name), 3),
+                              z ? (s(), n("span", {
                                 key: 0,
-                                class: h(["absolute inset-y-0 left-0 flex items-center pl-1.5", w ? "text-white" : "text-indigo-600"])
+                                class: y(["absolute inset-y-0 left-0 flex items-center pl-1.5", w ? "text-white" : "text-indigo-600"])
                               }, [
                                 p(u(ge), { class: "h-5 w-5" })
                               ], 2)) : b("", !0)
@@ -4748,12 +4748,12 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              p(u(ye), {
+              p(u(he), {
                 as: "div",
                 class: "relative"
               }, {
                 default: v(() => [
-                  p(u(he), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  p(u(ye), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: v(() => [
                       f[17] || (f[17] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
@@ -4781,14 +4781,14 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
                     default: v(() => [
                       p(u(ve), { 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: v(() => [
-                          (s(!0), n(k, null, $(d.topbar.profileMenu, (y) => (s(), _(u(be), {
-                            key: y.name
+                          (s(!0), n(k, null, $(d.topbar.profileMenu, (h) => (s(), _(u(be), {
+                            key: h.name
                           }, {
                             default: v(({ active: w }) => [
                               e("a", {
-                                onClick: (L) => d.$emit("topBarClick", y.id),
-                                class: h([w ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(y.name), 11, id)
+                                onClick: (z) => d.$emit("topBarClick", h.id),
+                                class: y([w ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
+                              }, g(h.name), 11, id)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4806,7 +4806,7 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
         ]),
         e("main", dd, [
           e("div", ud, [
-            q(d.$slots, "default")
+            R(d.$slots, "default")
           ])
         ])
       ])
@@ -4819,9 +4819,9 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   setup(m) {
-    const i = m, o = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = O(0), r = O(o());
+    const i = m, o = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = N(0), r = N(o());
     return st(() => a.value += 1), (l, t) => (s(), n("div", {
-      class: h([r.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
+      class: y([r.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
       (s(!0), n(k, null, $(l.dynamicStats, (c, d) => (s(), _(Xe, {
@@ -4839,43 +4839,45 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
     dropdownProps: {},
     filterType: { default: "input" },
     buttonLiteral: {},
-    deleteLiteral: {},
     loading: { type: Boolean, default: !0 }
   },
-  emits: ["smartFilterSelected", "smartInputChanged", "smartOptionSelected"],
+  emits: ["smartFilterSelected", "smartInputChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(m, { emit: i }) {
-    const o = m, a = i, r = O(o.filterType);
+    const o = m, a = i, r = N(o.filterType);
     let l = Q(o.inputProps), t = Q(o.dropdownProps);
-    R(() => o.filterType, (y) => r.value = y), R(() => o.inputProps, (y) => l = y), R(() => o.dropdownProps, (y) => t = y);
-    const c = P(() => r.value === "input" ? l : t), d = P(() => r.value === "input" ? E : me), f = (y) => {
-      r.value = y.type, a("smartFilterSelected", y);
+    q(() => o.filterType, (h) => r.value = h), q(() => o.inputProps, (h) => l = h), q(() => o.dropdownProps, (h) => t = h);
+    const c = Y(() => r.value === "input" ? l : t), d = Y(() => r.value === "input" ? E : me), f = (h) => {
+      r.value = h.type, a("smartFilterSelected", h);
     };
-    return (y, w) => (s(), n("div", pd, [
+    return (h, w) => (s(), n("div", pd, [
       p(Ge, {
-        items: y.items,
-        loading: y.loading,
+        items: h.items,
+        loading: h.loading,
         onFilterSelected: f
       }, null, 8, ["items", "loading"]),
-      (s(), _(Oe(d.value), ot({ class: "w-full mt-2 lg:mt-0 lg:mx-2 lg:grow" }, c.value, {
-        loading: y.loading,
-        onInputChanged: w[0] || (w[0] = (L) => a("smartInputChanged", L)),
-        onOptionSelected: w[1] || (w[1] = (L) => a("smartOptionSelected", L))
-      }), null, 16, ["loading"])),
+      (s(), _(Ne(d.value), ot({
+        class: [{ "rounded-md": !h.inputProps.rightAddOn, "rounded-l-md": h.inputProps.rightAddOn, "rounded-r-none": h.inputProps.rightAddOn }, "w-full mt-2 lg:mt-0 lg:mx-2 lg:grow"]
+      }, c.value, {
+        loading: h.loading,
+        onInputChanged: w[0] || (w[0] = (z) => a("smartInputChanged", z)),
+        onOptionSelected: w[1] || (w[1] = (z) => a("smartOptionSelected", z)),
+        onRightAddOnClicked: w[2] || (w[2] = (z) => a("rightAddOnClicked"))
+      }), null, 16, ["class", "loading"])),
       p(J, {
         class: "mt-2 lg:mt-0",
-        loading: y.loading
+        loading: h.loading
       }, {
         default: v(() => [
-          z(g(y.buttonLiteral), 1)
+          L(g(h.buttonLiteral), 1)
         ]),
         _: 1
       }, 8, ["loading"])
     ]));
   }
-}), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   uiAlert: js,
-  uiBreadcrumbs: Ps,
+  uiBreadcrumbs: Ys,
   uiButton: J,
   uiCard: Us,
   uiChart: Zl,
@@ -4898,34 +4900,34 @@ const Ql = /* @__PURE__ */ se(Jl, [["render", Gl]]), Kl = /* @__PURE__ */ B({
   uiNoResults: Sa,
   uiNotification: uo,
   uiPagination: gr,
-  uiPriceCalendar: Nl,
+  uiPriceCalendar: Ol,
   uiRangeSlider: wi,
-  uiRightSidebar: Ya,
+  uiRightSidebar: Pa,
   uiSectionTitle: ki,
   uiSelect: ds,
   uiSidebar: Cr,
   uiSmartFilter: md,
   uiStats: Xe,
   uiStripedCard: Zr,
-  uiTable: hn,
+  uiTable: yn,
   uiTabs: $n,
   uiTag: H,
   uiTaskList: xo,
-  uiTextArea: hs,
+  uiTextArea: ys,
   uiTimeline: En,
   uiToggle: xs,
   uiTopbar: ma,
   uiWrapper: cd
 }, Symbol.toStringTag, { value: "Module" }));
 function fd(m) {
-  for (const i in Ne)
-    m.component(i, Ne[i]);
+  for (const i in Oe)
+    m.component(i, Oe[i]);
 }
 const _d = { install: fd };
 export {
   _d as default,
   js as uiAlert,
-  Ps as uiBreadcrumbs,
+  Ys as uiBreadcrumbs,
   J as uiButton,
   Us as uiCard,
   Zl as uiChart,
@@ -4948,20 +4950,20 @@ export {
   Sa as uiNoResults,
   uo as uiNotification,
   gr as uiPagination,
-  Nl as uiPriceCalendar,
+  Ol as uiPriceCalendar,
   wi as uiRangeSlider,
-  Ya as uiRightSidebar,
+  Pa as uiRightSidebar,
   ki as uiSectionTitle,
   ds as uiSelect,
   Cr as uiSidebar,
   md as uiSmartFilter,
   Xe as uiStats,
   Zr as uiStripedCard,
-  hn as uiTable,
+  yn as uiTable,
   $n as uiTabs,
   H as uiTag,
   xo as uiTaskList,
-  hs as uiTextArea,
+  ys as uiTextArea,
   En as uiTimeline,
   xs as uiToggle,
   ma as uiTopbar,