@hotelinking/ui 14.47.7 → 14.47.9

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as I, watch as H, computed as Y, unref as c, withCtx as h, createVNode as m, toDisplayString as g, createTextVNode as L, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Oe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
+import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as I, watch as H, unref as c, withCtx as h, createVNode as m, toDisplayString as g, createTextVNode as L, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Oe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
 import { Menu as _e, MenuButton as $e, MenuItems as Ce, MenuItem as Se, Combobox as Ue, ComboboxLabel as He, ComboboxInput as Ze, ComboboxButton as Je, ComboboxOptions as We, ComboboxOption as Ge, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Be, Dialog as Me, TransitionChild as X, DialogPanel as je, DialogTitle as Qe, Disclosure as De, DisclosureButton as Q, DisclosurePanel as Te, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as _t, PopoverButton as $t, PopoverPanel as Ct } from "@headlessui/vue";
 import V from "dayjs";
 import ze from "vue3-apexcharts";
@@ -40,10 +40,7 @@ const A = /* @__PURE__ */ M({
       })
     }, null, 8, ["class"]));
   }
-}), Mt = ["disabled"], jt = {
-  key: 1,
-  class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
-}, U = /* @__PURE__ */ M({
+}), Mt = ["disabled"], jt = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ M({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -54,39 +51,49 @@ const A = /* @__PURE__ */ M({
     size: { default: "medium" }
   },
   setup(p) {
-    return (u, r) => u.loading ? (l(), n("button", jt, [
-      u.icon ? (l(), k(A, {
+    const u = p, r = {
+      primary: "bg-black hover:bg-lime-400 group-hover:text-black text-white shadow-sm",
+      secondary: "bg-lime-400 hover:bg-black hover:text-white shadow-sm group:text-black",
+      red: "bg-red-600 hover:bg-red-900 text-white shadow-sm",
+      yellow: "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm",
+      green: "bg-green-600 hover:bg-green-900 text-white shadow-sm"
+    }, i = {
+      small: "px-2.5 py-1.5 text-xs rounded leading-none",
+      medium: "px-4 py-2 text-sm rounded-md",
+      big: "px-6 py-3 text-base rounded-md"
+    }, s = Y(() => {
+      const t = [jt];
+      return u.color && r[u.color] && t.push(r[u.color]), u.size && i[u.size] && t.push(i[u.size]), u.block && t.push("w-full flex items-center justify-center"), t.join(" ");
+    }), o = Y(() => [
+      "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
+    ].join(" "));
+    return (t, a) => t.loading ? (l(), n("button", {
+      key: 1,
+      class: y(o.value),
+      type: "button"
+    }, [
+      t.icon ? (l(), k(A, {
         key: 0,
-        icon: u.icon,
+        icon: t.icon,
         color: "white",
         class: "-ml-0.5 mr-2",
-        loading: u.loading
+        loading: t.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      r[0] || (r[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1))
-    ])) : (l(), n("button", {
+      a[0] || (a[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1))
+    ], 2)) : (l(), n("button", {
       key: 0,
-      disabled: u.disabled,
-      class: y([{
-        "bg-black hover:bg-lime-400 group-hover:text-black text-white shadow-sm": u.color === "primary",
-        "bg-lime-400 hover:bg-black hover:text-white shadow-sm group:text-black": u.color === "secondary",
-        "bg-red-600 hover:bg-red-900 text-white shadow-sm": u.color === "red",
-        "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm": u.color === "yellow",
-        "bg-green-600 hover:bg-green-900 text-white shadow-sm": u.color === "green",
-        "px-4 py-2 text-sm rounded-md": u.size === "medium",
-        "px-2.5 py-1.5 text-xs rounded leading-none": u.size === "small",
-        "px-6 py-3 text-base rounded-md": u.size === "big",
-        "w-full flex items-center justify-center": u.block
-      }, "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap"]),
+      disabled: t.disabled,
+      class: y(s.value),
       type: "button"
     }, [
-      u.icon ? (l(), k(A, {
+      t.icon ? (l(), k(A, {
         key: 0,
-        icon: u.icon,
+        icon: t.icon,
         class: "-ml-0.5 mr-2",
         color: "black",
-        loading: u.loading
+        loading: t.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      E(u.$slots, "default")
+      E(t.$slots, "default")
     ], 10, Mt));
   }
 }), Dt = {
@@ -3019,24 +3026,24 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Hr = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Zr = { class: "bg-black w-16 mr-6" }, Jr = ["onClick"], Wr = ["src", "alt"], Gr = {
+}), Hr = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Zr = { class: "bg-black w-16 mr-6 flex-shrink-0" }, Jr = ["onClick"], Wr = ["src", "alt"], Gr = {
   key: 0,
-  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Qr = ["src"], Kr = { class: "flex flex-1 flex-col" }, Xr = {
+  class: "flex flex-col grow h-full"
+}, Qr = ["src"], Kr = { class: "flex flex-1 flex-col overflow-hidden" }, Xr = { class: "flex-1 overflow-y-auto pr-6" }, ea = {
   key: 0,
   role: "list",
-  class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, ea = {
+  class: "flex flex-col gap-y-7 mb-4"
+}, ta = {
   role: "list",
   class: "ml-2 space-y-1"
-}, ta = ["onClick"], la = {
+}, la = ["onClick"], sa = {
   key: 1,
   role: "list",
-  class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, sa = { class: "ml-2 space-y-1" }, oa = { class: "font-bold mb-4" }, ra = {
+  class: "flex flex-col gap-y-7 mb-4"
+}, oa = { class: "ml-2 space-y-1" }, ra = { class: "font-bold mb-4" }, aa = {
   key: 1,
-  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, aa = { class: "h-12 flex flex-row items-center" }, we = /* @__PURE__ */ M({
+  class: "flex flex-col grow h-full"
+}, na = { class: "flex-1 overflow-y-auto pr-6" }, ia = { class: "h-12 flex flex-row items-center" }, we = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3064,11 +3071,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ], 10, Jr))), 128))
         ])
       ]),
-      s.loading ? (l(), n("div", ra, [
-        (l(), n($, null, S(5, (t) => e("div", aa, o[2] || (o[2] = [
-          e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
-          e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
-        ]))), 64))
+      s.loading ? (l(), n("div", aa, [
+        e("div", na, [
+          (l(), n($, null, S(5, (t) => e("div", ia, o[2] || (o[2] = [
+            e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
+            e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
+          ]))), 64))
+        ])
       ])) : (l(), n("div", Gr, [
         e("div", {
           class: "flex h-16 shrink-0 items-center",
@@ -3081,123 +3090,125 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, null, 8, Qr)
         ]),
         e("nav", Kr, [
-          s.isFilterNavigation ? b("", !0) : (l(), n("ul", Xr, [
-            e("li", null, [
-              e("ul", ea, [
-                (l(!0), n($, null, S(i.value, (t) => (l(), n("li", {
-                  key: t.name
-                }, [
-                  t.children ? (l(), k(c(De), {
-                    key: 1,
-                    as: "div"
-                  }, {
-                    default: h(() => [
-                      m(c(Q), {
-                        onClick: (a) => s.$emit("sideBarClick", t.id),
-                        class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
-                      }, {
-                        default: h(() => [
-                          m(A, {
-                            icon: t.icon,
-                            color: "primary",
-                            size: "big",
-                            loading: !1,
-                            "aria-hidden": "true",
-                            class: "shrink-0"
-                          }, null, 8, ["icon"]),
-                          L(" " + g(t.name) + " ", 1),
-                          m(c(ne), {
-                            class: y([t.children.some((a) => a.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
-                            "aria-hidden": "true"
-                          }, null, 8, ["class"])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick", "class"]),
-                      B(e("div", null, [
-                        m(c(Te), {
-                          as: "ul",
-                          class: "mt-1 px-2",
-                          static: ""
+          e("div", Xr, [
+            s.isFilterNavigation ? b("", !0) : (l(), n("ul", ea, [
+              e("li", null, [
+                e("ul", ta, [
+                  (l(!0), n($, null, S(i.value, (t) => (l(), n("li", {
+                    key: t.name
+                  }, [
+                    t.children ? (l(), k(c(De), {
+                      key: 1,
+                      as: "div"
+                    }, {
+                      default: h(() => [
+                        m(c(Q), {
+                          onClick: (a) => s.$emit("sideBarClick", t.id),
+                          class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                         }, {
                           default: h(() => [
-                            (l(!0), n($, null, S(t.children, (a) => (l(), n("li", {
-                              key: a.name
-                            }, [
-                              m(c(Q), {
-                                as: "a",
-                                onClick: (d) => s.$emit("sideBarClick", a.id),
-                                class: y([a.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
-                              }, {
-                                default: h(() => [
-                                  L(g(a.name), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick", "class"])
-                            ]))), 128))
+                            m(A, {
+                              icon: t.icon,
+                              color: "primary",
+                              size: "big",
+                              loading: !1,
+                              "aria-hidden": "true",
+                              class: "shrink-0"
+                            }, null, 8, ["icon"]),
+                            L(" " + g(t.name) + " ", 1),
+                            m(c(ne), {
+                              class: y([t.children.some((a) => a.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
+                              "aria-hidden": "true"
+                            }, null, 8, ["class"])
                           ]),
                           _: 2
-                        }, 1024)
-                      ], 512), [
-                        [D, t.children.some((a) => a.current) || t.current]
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024)) : (l(), n("div", {
-                    key: 0,
-                    onClick: (a) => s.$emit("sideBarClick", t.id),
-                    class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
-                  }, [
-                    m(A, {
-                      icon: t.icon,
-                      color: "primary",
-                      size: "big",
-                      loading: !1,
-                      "aria-hidden": "true",
-                      class: "shrink-0"
-                    }, null, 8, ["icon"]),
-                    L(" " + g(t.name), 1)
-                  ], 10, ta))
-                ]))), 128))
+                        }, 1032, ["onClick", "class"]),
+                        B(e("div", null, [
+                          m(c(Te), {
+                            as: "ul",
+                            class: "mt-1 px-2",
+                            static: ""
+                          }, {
+                            default: h(() => [
+                              (l(!0), n($, null, S(t.children, (a) => (l(), n("li", {
+                                key: a.name
+                              }, [
+                                m(c(Q), {
+                                  as: "a",
+                                  onClick: (d) => s.$emit("sideBarClick", a.id),
+                                  class: y([a.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
+                                }, {
+                                  default: h(() => [
+                                    L(g(a.name), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick", "class"])
+                              ]))), 128))
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ], 512), [
+                          [D, t.children.some((a) => a.current) || t.current]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)) : (l(), n("div", {
+                      key: 0,
+                      onClick: (a) => s.$emit("sideBarClick", t.id),
+                      class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
+                    }, [
+                      m(A, {
+                        icon: t.icon,
+                        color: "primary",
+                        size: "big",
+                        loading: !1,
+                        "aria-hidden": "true",
+                        class: "shrink-0"
+                      }, null, 8, ["icon"]),
+                      L(" " + g(t.name), 1)
+                    ], 10, la))
+                  ]))), 128))
+                ])
               ])
-            ])
-          ])),
-          s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", la, [
-            e("li", sa, [
-              s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(J, {
-                key: 0,
-                name: s.filterNavigation.search.name,
-                label: s.filterNavigation.search.label,
-                placeholder: s.filterNavigation.search.placeholder,
-                value: s.filterNavigation.search.value,
-                loading: s.filterNavigation.search.loading,
-                onInputChanged: o[1] || (o[1] = (t) => s.$emit("inputChanged", t))
-              }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
-            ]),
-            (l(!0), n($, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
-              class: "ml-2",
-              key: a
-            }, [
-              e("p", oa, g(t.label), 1),
-              (l(!0), n($, null, S(t.filters, (d, f) => (l(), k(Ke, {
-                class: "mb-2",
-                value: d.value,
-                loading: d.loading
-              }, {
-                default: h(() => [
-                  L(g(d.text), 1)
-                ]),
-                _: 2
-              }, 1032, ["value", "loading"]))), 256))
-            ]))), 128))
-          ])) : b("", !0)
+            ])),
+            s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", sa, [
+              e("li", oa, [
+                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(J, {
+                  key: 0,
+                  name: s.filterNavigation.search.name,
+                  label: s.filterNavigation.search.label,
+                  placeholder: s.filterNavigation.search.placeholder,
+                  value: s.filterNavigation.search.value,
+                  loading: s.filterNavigation.search.loading,
+                  onInputChanged: o[1] || (o[1] = (t) => s.$emit("inputChanged", t))
+                }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
+              ]),
+              (l(!0), n($, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
+                class: "ml-2",
+                key: a
+              }, [
+                e("p", ra, g(t.label), 1),
+                (l(!0), n($, null, S(t.filters, (d, f) => (l(), k(Ke, {
+                  class: "mb-2",
+                  value: d.value,
+                  loading: d.loading
+                }, {
+                  default: h(() => [
+                    L(g(d.text), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value", "loading"]))), 256))
+              ]))), 128))
+            ])) : b("", !0)
+          ])
         ])
       ]))
     ]));
   }
-}), na = { key: 0 }, ia = { class: "ml-16 text-sm font-medium truncate" }, da = { class: "ml-16 flex items-baseline pb-5" }, ua = { class: "text-2xl font-semibold" }, ca = {
+}), da = { key: 0 }, ua = { class: "ml-16 text-sm font-medium truncate" }, ca = { class: "ml-16 flex items-baseline pb-5" }, ga = { class: "text-2xl font-semibold" }, ma = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, ga = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, ma = { class: "text-sm" }, pa = { key: 1 }, fa = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ha = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, it = /* @__PURE__ */ M({
+}, pa = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, fa = { class: "text-sm" }, ha = { key: 1 }, ya = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, va = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, it = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -3205,10 +3216,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["statClick"],
   setup(p, { emit: u }) {
-    return (r, i) => r.loading ? (l(), n("div", pa, [
-      e("div", fa, [
+    return (r, i) => r.loading ? (l(), n("div", ha, [
+      e("div", ya, [
         e("dt", null, [
-          e("div", ha, [
+          e("div", va, [
             m(A, {
               loading: r.loading,
               icon: r.item.icon,
@@ -3224,7 +3235,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ], -1))
         ])
       ])
-    ])) : (l(), n("div", na, [
+    ])) : (l(), n("div", da, [
       e("div", {
         class: y(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": r.item.showFooter }])
       }, [
@@ -3243,11 +3254,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               loading: r.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", ia, g(r.item.name), 1)
+          e("p", ua, g(r.item.name), 1)
         ]),
-        e("dd", da, [
-          e("p", ua, g(r.item.stat), 1),
-          r.item.explanation ? (l(), n("p", ca, g(r.item.explanation), 1)) : b("", !0),
+        e("dd", ca, [
+          e("p", ga, g(r.item.stat), 1),
+          r.item.explanation ? (l(), n("p", ma, g(r.item.explanation), 1)) : b("", !0),
           r.item.changeType ? (l(), n("p", {
             key: 1,
             class: y([
@@ -3271,8 +3282,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             })) : b("", !0),
             L(" " + g(r.item.change), 1)
           ], 2)) : b("", !0),
-          B(e("div", ga, [
-            e("div", ma, [
+          B(e("div", pa, [
+            e("div", fa, [
               e("span", {
                 onClick: i[0] || (i[0] = (s) => r.$emit("statClick", r.item.id)),
                 class: "font-medium text-black hover:text-lime-400 underline cursor-pointer"
@@ -3285,19 +3296,19 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), ya = {
+}), ba = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, va = { class: "px-4 py-5 sm:px-6" }, ba = { class: "text-lg font-medium leading-6" }, wa = { class: "mt-1 max-w-2xl text-sm" }, ka = { class: "border-t border-gray-200" }, xa = { class: "text-sm font-medium" }, _a = {
+}, wa = { class: "px-4 py-5 sm:px-6" }, ka = { class: "text-lg font-medium leading-6" }, xa = { class: "mt-1 max-w-2xl text-sm" }, _a = { class: "border-t border-gray-200" }, $a = { class: "text-sm font-medium" }, Ca = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
-}, $a = ["onClick"], Ca = {
+}, Sa = ["onClick"], Ba = {
   key: 2,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words"
-}, Sa = {
+}, Ma = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Ba = { class: "border-t border-gray-200" }, Ma = /* @__PURE__ */ M({
+}, ja = { class: "border-t border-gray-200" }, Da = /* @__PURE__ */ M({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3307,9 +3318,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["itemClicked"],
   setup(p) {
-    return (u, r) => u.loading ? (l(), n("div", Sa, [
+    return (u, r) => u.loading ? (l(), n("div", Ma, [
       r[1] || (r[1] = te('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><div class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></div></div>', 1)),
-      e("div", Ba, [
+      e("div", ja, [
         e("dl", null, [
           (l(), n($, null, S(5, (i) => e("div", {
             key: i,
@@ -3324,19 +3335,19 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ]), 2)), 64))
         ])
       ])
-    ])) : (l(), n("div", ya, [
-      e("div", va, [
-        e("h3", ba, g(u.title), 1),
-        e("p", wa, g(u.subtitle), 1)
+    ])) : (l(), n("div", ba, [
+      e("div", wa, [
+        e("h3", ka, g(u.title), 1),
+        e("p", xa, g(u.subtitle), 1)
       ]),
-      e("div", ka, [
+      e("div", _a, [
         e("dl", null, [
           (l(!0), n($, null, S(u.items, (i, s) => (l(), n("div", {
             key: s,
             class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
           }, [
-            e("dt", xa, g(i.title), 1),
-            i.type === "tags" ? (l(), n("dd", _a, [
+            e("dt", $a, g(i.title), 1),
+            i.type === "tags" ? (l(), n("dd", Ca, [
               (l(!0), n($, null, S(i.tags, (o, t) => (l(), k(Z, {
                 loading: u.loading,
                 key: t,
@@ -3352,13 +3363,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               key: 1,
               class: "mt-1 text-sm text-lime-600 hover:text-black sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (o) => u.$emit("itemClicked", i.emits)
-            }, g(i.text), 9, $a)) : (l(), n("dd", Ca, g(i.text), 1))
+            }, g(i.text), 9, Sa)) : (l(), n("dd", Ba, g(i.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), ja = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Da = { class: "ml-2" }, Ta = {
+}), Ta = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, za = { class: "ml-2" }, La = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3367,7 +3378,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }
   },
   setup(p) {
-    return (u, r) => (l(), n("div", ja, [
+    return (u, r) => (l(), n("div", Ta, [
       r[0] || (r[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3391,19 +3402,19 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", Da, g(p.tip), 1)
+      e("span", za, g(p.tip), 1)
     ]));
   }
-}, za = { key: 0 }, La = { class: "flex flex-col" }, Oa = { class: "-my-2 overflow-x-auto" }, Aa = { class: "inline-block min-w-full py-2 align-middle px-1" }, Fa = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ia = {
+}, Oa = { key: 0 }, Aa = { class: "flex flex-col" }, Fa = { class: "-my-2 overflow-x-auto" }, Ia = { class: "inline-block min-w-full py-2 align-middle px-1" }, Na = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Pa = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
-}, Na = ["onClick"], Pa = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Va = { class: "bg-lime-50" }, Ya = ["checked", "indeterminate"], qa = ["onMouseover", "onMouseleave"], Ra = ["onClick"], Ea = {
+}, Va = ["onClick"], Ya = { class: "min-w-full table-fixed divide-y divide-gray-300" }, qa = { class: "bg-lime-50" }, Ra = ["checked", "indeterminate"], Ea = ["onMouseover", "onMouseleave"], Ua = ["onClick"], Ha = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, Ua = { class: "divide-y divide-gray-200 bg-white" }, Ha = {
+}, Za = { class: "divide-y divide-gray-200 bg-white" }, Ja = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Za = ["value"], Ja = ["onClick"], Wa = ["href"], Ga = { key: 3 }, Qa = /* @__PURE__ */ M({
+}, Wa = ["value"], Ga = ["onClick"], Qa = ["href"], Ka = { key: 3 }, Xa = /* @__PURE__ */ M({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3429,21 +3440,21 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }, j = (w) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(w) : !0;
     return H(() => t.resetSelected, (w) => {
       s.value = w, w && s.value && (r.value = [], s.value = !w, o("selectedItemsDeleted"));
-    }), (w, T) => w.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", za, [
-      e("div", La, [
-        e("div", Oa, [
-          e("div", Aa, [
-            e("div", Fa, [
-              c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Ia, [
+    }), (w, T) => w.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Oa, [
+      e("div", Aa, [
+        e("div", Fa, [
+          e("div", Ia, [
+            e("div", Na, [
+              c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Pa, [
                 (l(!0), n($, null, S(w.actions, (x, F) => (l(), n("button", {
                   onClick: (O) => w.$emit("tableAction", { action: x.id, items: c(r) }),
                   key: F,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                }, g(x.name), 9, Na))), 128))
+                }, g(x.name), 9, Va))), 128))
               ])) : b("", !0),
-              e("table", Pa, [
-                e("thead", Va, [
+              e("table", Ya, [
+                e("thead", qa, [
                   e("tr", null, [
                     e("th", {
                       scope: "col",
@@ -3456,7 +3467,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
                         type: "checkbox",
                         onChange: f
-                      }, null, 40, Ya)) : b("", !0)
+                      }, null, 40, Ra)) : b("", !0)
                     ], 2),
                     (l(!0), n($, null, S(w.header, (x, F) => B((l(), n("th", {
                       key: F,
@@ -3465,7 +3476,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       onMouseover: (O) => d(x.name, !0),
                       onMouseleave: (O) => d(x.name, !1)
                     }, [
-                      x.tooltip ? B((l(), k(Ta, {
+                      x.tooltip ? B((l(), k(La, {
                         key: 0,
                         tip: x.tooltip
                       }, null, 8, ["tip"])), [
@@ -3488,15 +3499,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             color: x.value === w.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
-                      ], 8, Ra)) : (l(), n("p", Ea, [
+                      ], 8, Ua)) : (l(), n("p", Ha, [
                         e("span", null, g(x.name), 1)
                       ]))
-                    ], 40, qa)), [
+                    ], 40, Ea)), [
                       [D, j(F)]
                     ])), 128))
                   ])
                 ]),
-                e("tbody", Ua, [
+                e("tbody", Za, [
                   (l(!0), n($, null, S(w.items, (x, F) => (l(), n("tr", {
                     key: x.id,
                     class: y([
@@ -3507,14 +3518,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     e("td", {
                       class: y([w.actions?.length > 0 ? "w-2" : "w-0", "relative"])
                     }, [
-                      c(r).includes(x.id) ? (l(), n("div", Ha)) : b("", !0),
+                      c(r).includes(x.id) ? (l(), n("div", Ja)) : b("", !0),
                       w.actions?.length > 0 ? B((l(), n("input", {
                         key: 1,
                         "onUpdate:modelValue": T[0] || (T[0] = (O) => xe(r) ? r.value = O : r = O),
                         value: x.id,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400 flex-wrap",
                         type: "checkbox"
-                      }, null, 8, Za)), [
+                      }, null, 8, Wa)), [
                         [Ee, c(r)]
                       ]) : b("", !0)
                     ], 2),
@@ -3538,11 +3549,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
                         onClick: (q) => v(O)
-                      }, g(O.content), 9, Ja)) : typeof O == "object" && O.type === "href" ? (l(), n("a", {
+                      }, g(O.content), 9, Ga)) : typeof O == "object" && O.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
                         href: O.href
-                      }, g(O.content), 9, Wa)) : (l(), n("span", Ga, g(O), 1))
+                      }, g(O.content), 9, Qa)) : (l(), n("span", Ka, g(O), 1))
                     ], 2)), [
                       [D, j(C)]
                     ])), 128))
@@ -3555,10 +3566,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Ka = { class: "lg:hidden" }, Xa = ["value"], en = { class: "hidden lg:block" }, tn = { class: "border-b border-gray-200" }, ln = {
+}), en = { class: "lg:hidden" }, tn = ["value"], ln = { class: "hidden lg:block" }, sn = { class: "border-b border-gray-200" }, on = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, sn = ["onClick", "aria-current"], on = /* @__PURE__ */ M({
+}, rn = ["onClick", "aria-current"], an = /* @__PURE__ */ M({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -3570,7 +3581,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       o.value && r("tabClicked", o.value);
     };
     return (s, o) => (l(), n("div", null, [
-      e("div", Ka, [
+      e("div", en, [
         e("select", {
           onChange: o[0] || (o[0] = (t) => i(t)),
           id: "tabs",
@@ -3580,12 +3591,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           (l(!0), n($, null, S(s.tabs, (t) => (l(), n("option", {
             value: t.id,
             key: t.name
-          }, g(t.name), 9, Xa))), 128))
+          }, g(t.name), 9, tn))), 128))
         ], 32)
       ]),
-      e("div", en, [
-        e("div", tn, [
-          e("nav", ln, [
+      e("div", ln, [
+        e("div", sn, [
+          e("nav", on, [
             (l(!0), n($, null, S(s.tabs, (t) => (l(), n("a", {
               key: t.name,
               onClick: (a) => r("tabClicked", t.id),
@@ -3603,36 +3614,36 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, g(t.count), 3)) : b("", !0)
-            ], 10, sn))), 128))
+            ], 10, rn))), 128))
           ])
         ])
       ])
     ]));
   }
-}), rn = { class: "px-4 py-5 sm:px-6" }, an = { class: "text-xl font-bold" }, nn = {
+}), nn = { class: "px-4 py-5 sm:px-6" }, dn = { class: "text-xl font-bold" }, un = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, dn = { class: "flow-root" }, un = { class: "relative pb-8" }, cn = {
+}, cn = { class: "flow-root" }, gn = { class: "relative pb-8" }, mn = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, gn = { class: "relative flex space-x-3" }, mn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, pn = { class: "text-sm text-gray-500" }, fn = ["onClick"], hn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, yn = ["datetime"], vn = {
+}, pn = { class: "relative flex space-x-3" }, fn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, hn = { class: "text-sm text-gray-500" }, yn = ["onClick"], vn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, bn = ["datetime"], wn = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, bn = { class: "text-sm" }, wn = {
+}, kn = { class: "text-sm" }, xn = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, kn = {
+}, _n = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, xn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, _n = { class: "flow-root" }, $n = {
+}, $n = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Cn = { class: "flow-root" }, Sn = {
   class: "-mb-8",
   role: "list"
-}, Cn = { class: "relative pb-8" }, Sn = {
+}, Bn = { class: "relative pb-8" }, Mn = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Bn = /* @__PURE__ */ M({
+}, jn = /* @__PURE__ */ M({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3644,18 +3655,18 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: u }) {
     const i = ae(p.timeline);
-    return (s, o) => s.loading ? (l(), n("div", kn, [
+    return (s, o) => s.loading ? (l(), n("div", _n, [
       o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
           e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      e("div", xn, [
-        e("div", _n, [
-          e("ul", $n, [
+      e("div", $n, [
+        e("div", Cn, [
+          e("ul", Sn, [
             (l(), n($, null, S(10, (t, a) => e("li", { key: a }, [
-              e("div", Cn, [
-                t !== 10 ? (l(), n("span", Sn)) : b("", !0),
+              e("div", Bn, [
+                t !== 10 ? (l(), n("span", Mn)) : b("", !0),
                 o[2] || (o[2] = te('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><div class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></div></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1))
               ])
             ])), 64))
@@ -3671,11 +3682,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       key: 0,
       class: y(["h-[" + s.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      e("div", rn, [
-        e("h1", an, g(s.name), 1)
+      e("div", nn, [
+        e("h1", dn, g(s.name), 1)
       ]),
-      i.items.length > 0 ? (l(), n("div", nn, [
-        e("div", dn, [
+      i.items.length > 0 ? (l(), n("div", un, [
+        e("div", cn, [
           m(gt, {
             name: "list",
             tag: "ul",
@@ -3683,9 +3694,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, {
             default: h(() => [
               (l(!0), n($, null, S(i.items, (t, a) => (l(), n("li", { key: a }, [
-                e("div", un, [
-                  a < i.items.length - 1 ? (l(), n("span", cn)) : b("", !0),
-                  e("div", gn, [
+                e("div", gn, [
+                  a < i.items.length - 1 ? (l(), n("span", mn)) : b("", !0),
+                  e("div", pn, [
                     e("div", null, [
                       e("span", {
                         class: y([{
@@ -3703,20 +3714,20 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    e("div", mn, [
+                    e("div", fn, [
                       e("div", null, [
-                        e("p", pn, [
+                        e("p", hn, [
                           e("a", {
                             onClick: (d) => s.$emit("timelineEventClicked", t.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
-                          }, g(t?.target), 9, fn),
+                          }, g(t?.target), 9, yn),
                           L(" " + g(t?.content), 1)
                         ])
                       ]),
-                      e("div", hn, [
+                      e("div", vn, [
                         e("time", {
                           datetime: t?.datetime
-                        }, g(t?.date), 9, yn)
+                        }, g(t?.date), 9, bn)
                       ])
                     ])
                   ])
@@ -3727,14 +3738,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           })
         ])
       ])) : b("", !0),
-      i.items.length > 0 ? (l(), n("div", vn, [
-        e("div", bn, [
+      i.items.length > 0 ? (l(), n("div", wn, [
+        e("div", kn, [
           e("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: o[0] || (o[0] = (t) => s.$emit("timelineFooterClicked", s.timeline.id))
           }, g(s.timeline.footerText), 1)
         ])
-      ])) : (l(), n("div", wn, [
+      ])) : (l(), n("div", xn, [
         m(A, {
           icon: c(W),
           color: "gray",
@@ -3745,10 +3756,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ]))
     ], 2));
   }
-}), Mn = { class: "mx-auto px-6 lg:px-8" }, jn = { class: "flex justify-between h-20" }, Dn = { class: "flex" }, Tn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, zn = ["src"], Ln = { class: "flex items-center" }, On = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, An = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Fn = ["src"], In = ["onClick"], Nn = { class: "pt-2 pb-3 space-y-1" }, Pn = ["onClick"], Vn = { class: "pt-4 pb-3 border-t border-gray-200" }, Yn = { class: "flex items-center px-4 sm:px-6" }, qn = { class: "flex-shrink-0" }, Rn = ["src"], En = {
+}), Dn = { class: "mx-auto px-6 lg:px-8" }, Tn = { class: "flex justify-between h-20" }, zn = { class: "flex" }, Ln = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, On = ["src"], An = { class: "flex items-center" }, Fn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, In = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Nn = ["src"], Pn = ["onClick"], Vn = { class: "pt-2 pb-3 space-y-1" }, Yn = ["onClick"], qn = { class: "pt-4 pb-3 border-t border-gray-200" }, Rn = { class: "flex items-center px-4 sm:px-6" }, En = { class: "flex-shrink-0" }, Un = ["src"], Hn = {
   key: 0,
   class: "ml-3"
-}, Un = { class: "text-base font-medium text-gray-800" }, Hn = { class: "text-sm font-medium text-gray-500" }, Zn = { class: "mt-3 space-y-1" }, Jn = ["onClick"], Wn = /* @__PURE__ */ M({
+}, Zn = { class: "text-base font-medium text-gray-800" }, Jn = { class: "text-sm font-medium text-gray-500" }, Wn = { class: "mt-3 space-y-1" }, Gn = ["onClick"], Qn = /* @__PURE__ */ M({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3766,10 +3777,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       class: "bg-white shadow z-10"
     }, {
       default: h(({ open: t }) => [
-        e("div", Mn, [
-          e("div", jn, [
-            e("div", Dn, [
-              e("div", Tn, [
+        e("div", Dn, [
+          e("div", Tn, [
+            e("div", zn, [
+              e("div", Ln, [
                 m(c(Q), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: h(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
@@ -3795,11 +3806,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   class: "h-10",
                   src: s.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, zn)
+                }, null, 8, On)
               ])
             ]),
-            e("div", Ln, [
-              e("div", On, [
+            e("div", An, [
+              e("div", Fn, [
                 m(c(_e), {
                   as: "div",
                   class: "ml-3 relative"
@@ -3808,7 +3819,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     e("div", null, [
                       B(m(c($e), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: h(() => [
-                          B(e("div", An, o[2] || (o[2] = [
+                          B(e("div", In, o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
                             [D, s.alerted]
@@ -3816,7 +3827,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: s.accountLogo
-                          }, null, 8, Fn)
+                          }, null, 8, Nn)
                         ]),
                         _: 1
                       }, 512), [
@@ -3844,7 +3855,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                                     d ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(a.name), 11, In)
+                                }, g(a.name), 11, Pn)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3863,7 +3874,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ]),
         m(c(Te), { class: "lg:hidden" }, {
           default: h(() => [
-            e("div", Nn, [
+            e("div", Vn, [
               (l(!0), n($, null, S(i.value, (a) => (l(), k(c(Q), {
                 as: "template",
                 key: a.id,
@@ -3875,25 +3886,25 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 default: h(() => [
                   e("p", {
                     onClick: (d) => s.$emit("topBarClick", a.id)
-                  }, g(a.name), 9, Pn)
+                  }, g(a.name), 9, Yn)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", Vn, [
-              e("div", Yn, [
-                e("div", qn, [
+            e("div", qn, [
+              e("div", Rn, [
+                e("div", En, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: s.accountLogo
-                  }, null, 8, Rn)
+                  }, null, 8, Un)
                 ]),
-                s.brand ? (l(), n("div", En, [
-                  e("div", Un, g(s.brand.title), 1),
-                  e("div", Hn, g(s.brand.subtitle), 1)
+                s.brand ? (l(), n("div", Hn, [
+                  e("div", Zn, g(s.brand.title), 1),
+                  e("div", Jn, g(s.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
-              e("div", Zn, [
+              e("div", Wn, [
                 (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Q), {
                   as: "template",
                   key: a.name,
@@ -3902,7 +3913,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   default: h(() => [
                     e("p", {
                       onClick: (d) => s.$emit("topBarClick", a.id)
-                    }, g(a.name), 9, Jn)
+                    }, g(a.name), 9, Gn)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3915,7 +3926,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       _: 1
     }));
   }
-}), Gn = { class: "chart-selector flex flex-row items-center justify-center" }, Qn = /* @__PURE__ */ M({
+}), Kn = { class: "chart-selector flex flex-row items-center justify-center" }, Xn = /* @__PURE__ */ M({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -3925,7 +3936,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     const o = (t) => {
       s = t, r("rangeSelected", t);
     };
-    return (t, a) => (l(), n("ul", Gn, [
+    return (t, a) => (l(), n("ul", Kn, [
       e("li", {
         class: y({ selected: c(s) === "24h" }),
         onClick: a[0] || (a[0] = (d) => o("24h"))
@@ -3944,7 +3955,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }, "3M", 2)
     ]));
   }
-}), Kn = { class: "chart-header flex flex-row justify-between" }, Xn = { class: "text-sm font-medium text-gray-500 truncate" }, ei = { class: "chart-content" }, ti = { class: "h-full w-full flex items-center justify-center flex-col" }, li = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, si = /* @__PURE__ */ M({
+}), ei = { class: "chart-header flex flex-row justify-between" }, ti = { class: "text-sm font-medium text-gray-500 truncate" }, li = { class: "chart-content" }, si = { class: "h-full w-full flex items-center justify-center flex-col" }, oi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ri = /* @__PURE__ */ M({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -4009,14 +4020,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       B(e("div", {
         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", Kn, [
-          e("div", Xn, g(f.title), 1),
-          m(Qn, {
+        e("div", ei, [
+          e("div", ti, g(f.title), 1),
+          m(Xn, {
             range: f.range,
             onRangeSelected: v[0] || (v[0] = (j) => f.$emit("selectedRange", { range: j, chartId: f.id }))
           }, null, 8, ["range"])
         ]),
-        B(e("div", ei, [
+        B(e("div", li, [
           m(c(ze), {
             type: f.type,
             series: t.value,
@@ -4030,7 +4041,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ], 512), [
           [D, !f.empty]
         ]),
-        B(e("div", ti, [
+        B(e("div", si, [
           m(A, {
             icon: c(W),
             color: "gray",
@@ -4044,7 +4055,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ], 2), [
         [D, !f.loading]
       ]),
-      B(e("div", li, v[2] || (v[2] = [
+      B(e("div", oi, v[2] || (v[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4075,7 +4086,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), oi = { class: "w-full flex flex-col justify-center p-10 grow" }, ri = { class: "text-center" }, ai = { class: "text-2xl mt-4 font-bold" }, ni = { class: "mt-4" }, ii = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, di = /* @__PURE__ */ M({
+}), ai = { class: "w-full flex flex-col justify-center p-10 grow" }, ni = { class: "text-center" }, ii = { class: "text-2xl mt-4 font-bold" }, di = { class: "mt-4" }, ui = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, ci = /* @__PURE__ */ M({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4086,7 +4097,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
-    return (u, r) => (l(), n("div", oi, [
+    return (u, r) => (l(), n("div", ai, [
       m(A, {
         class: "mx-auto",
         loading: !1,
@@ -4094,10 +4105,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      e("div", ri, [
-        e("h2", ai, g(u.title), 1),
-        e("p", ni, g(u.message), 1),
-        e("div", ii, [
+      e("div", ni, [
+        e("h2", ii, g(u.title), 1),
+        e("p", di, g(u.message), 1),
+        e("div", ui, [
           (l(!0), n($, null, S(u.actions, (i, s) => (l(), k(U, {
             key: s,
             loading: !1,
@@ -4118,7 +4129,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), ui = { class: "fixed inset-0 overflow-hidden" }, ci = { class: "absolute inset-0 overflow-hidden" }, gi = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, mi = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, pi = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, fi = { class: "flex items-center justify-between" }, hi = { class: "ml-3 flex h-7 items-center" }, yi = { class: "mt-1" }, vi = { class: "text-sm" }, bi = { class: "relative flex-1 px-4 py-6 sm:px-6" }, wi = /* @__PURE__ */ M({
+}), gi = { class: "fixed inset-0 overflow-hidden" }, mi = { class: "absolute inset-0 overflow-hidden" }, pi = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, fi = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, hi = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, yi = { class: "flex items-center justify-between" }, vi = { class: "ml-3 flex h-7 items-center" }, bi = { class: "mt-1" }, wi = { class: "text-sm" }, ki = { class: "relative flex-1 px-4 py-6 sm:px-6" }, xi = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4139,9 +4150,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }, {
           default: h(() => [
             i[4] || (i[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", ui, [
-              e("div", ci, [
-                e("div", gi, [
+            e("div", gi, [
+              e("div", mi, [
+                e("div", pi, [
                   m(c(X), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -4154,16 +4165,16 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     default: h(() => [
                       m(c(je), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: h(() => [
-                          e("div", mi, [
-                            e("div", pi, [
-                              e("div", fi, [
+                          e("div", fi, [
+                            e("div", hi, [
+                              e("div", yi, [
                                 m(c(Qe), { class: "text-base font-semibold leading-6" }, {
                                   default: h(() => [
                                     L(g(r.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", hi, [
+                                e("div", vi, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md hover:bg-black hover:text-white outline-none",
@@ -4178,11 +4189,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                                   ])
                                 ])
                               ]),
-                              e("div", yi, [
-                                e("p", vi, g(r.description), 1)
+                              e("div", bi, [
+                                e("p", wi, g(r.description), 1)
                               ])
                             ]),
-                            e("div", bi, [
+                            e("div", ki, [
                               E(r.$slots, "default")
                             ])
                           ])
@@ -4203,15 +4214,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), ki = { class: "uiGallery" }, xi = {
+}), _i = { class: "uiGallery" }, $i = {
   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"
-}, _i = { 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" }, $i = ["src"], Ci = ["onClick"], Si = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Bi = { class: "flex items-center justify-between" }, Mi = { class: "pointer-events-none block text-sm font-medium" }, ji = {
+}, Ci = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Si = ["src"], Bi = ["onClick"], Mi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, ji = { class: "flex items-center justify-between" }, Di = { class: "pointer-events-none block text-sm font-medium" }, Ti = {
   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"
-}, Di = /* @__PURE__ */ M({
+}, zi = /* @__PURE__ */ M({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4224,7 +4235,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     const r = u, i = I(!1), s = (o) => {
       i.value = !1, r("modalAction", o);
     };
-    return (o, t) => (l(), n("div", ki, [
+    return (o, t) => (l(), n("div", _i, [
       o.loading ? b("", !0) : (l(), k(at, {
         key: 0,
         open: i.value,
@@ -4239,32 +4250,32 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (l(), n("ul", ji, [
+      o.loading ? (l(), n("ul", Ti, [
         (l(), n($, null, S(4, (a) => e("li", null, t[2] || (t[2] = [
           e("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ]))), 64))
-      ])) : (l(), n("ul", xi, [
+      ])) : (l(), n("ul", $i, [
         (l(!0), n($, null, S(o.gallery, (a) => (l(), n("li", {
           key: a.source,
           class: "relative"
         }, [
-          e("div", _i, [
+          e("div", Ci, [
             e("img", {
               src: a.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, $i),
+            }, null, 8, Si),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => o.$emit("imgClicked", a)
-            }, null, 8, Ci)
+            }, null, 8, Bi)
           ]),
-          e("p", Si, g(a.title), 1),
-          e("div", Bi, [
-            e("p", Mi, g(a.size), 1),
+          e("p", Mi, g(a.title), 1),
+          e("div", ji, [
+            e("p", Di, g(a.size), 1),
             m(A, {
               class: "cursor-pointer",
               icon: c(pe),
@@ -4290,10 +4301,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       })) : b("", !0)
     ]));
   }
-}), Ti = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, zi = { class: "flex flex-row items-center w-full" }, Li = { class: "content text-sm grow" }, Oi = { class: "font-bold" }, Ai = { key: 0 }, Fi = { class: "font-bold text-gray-400" }, Ii = {
+}), Li = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Oi = { class: "flex flex-row items-center w-full" }, Ai = { class: "content text-sm grow" }, Fi = { class: "font-bold" }, Ii = { key: 0 }, Ni = { class: "font-bold text-gray-400" }, Pi = {
   key: 1,
   class: "animate-pulse"
-}, Ni = /* @__PURE__ */ M({
+}, Vi = /* @__PURE__ */ M({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4309,7 +4320,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     const o = (t) => {
       r("dragAndDropUpdated", t);
     };
-    return (t, a) => t.loading ? (l(), n("div", Ii, a[2] || (a[2] = [
+    return (t, a) => t.loading ? (l(), n("div", Pi, a[2] || (a[2] = [
       te('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
     ]))) : (l(), k(c(St), {
       key: 0,
@@ -4320,8 +4331,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ]
     }, {
       item: h(({ item: d }) => [
-        e("div", Ti, [
-          e("div", zi, [
+        e("div", Li, [
+          e("div", Oi, [
             m(A, {
               icon: c(Vt),
               loading: !1,
@@ -4329,18 +4340,18 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", Li, [
-              e("p", Oi, g(d.name), 1),
-              d.description ? (l(), n("p", Ai, g(d.description), 1)) : b("", !0)
+            e("div", Ai, [
+              e("p", Fi, g(d.name), 1),
+              d.description ? (l(), n("p", Ii, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", Fi, g(c(s).indexOf(d) + 1), 1)
+            e("div", Ni, g(c(s).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Pi = { class: "chart-header flex flex-row justify-between" }, Vi = { class: "text-sm font-medium text-gray-500 truncate" }, Yi = { class: "hidden sm:flex items-center" }, qi = { class: "w-1/2 min-w-0 flex-1" }, Ri = ["max"], Ei = { class: "min-w-0 flex-1" }, Ui = ["max"], Hi = { class: "chart-content" }, Zi = { class: "h-full w-full flex items-center justify-center flex-col" }, Ji = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Wi = /* @__PURE__ */ M({
+}), Yi = { class: "chart-header flex flex-row justify-between" }, qi = { class: "text-sm font-medium text-gray-500 truncate" }, Ri = { class: "hidden sm:flex items-center" }, Ei = { class: "w-1/2 min-w-0 flex-1" }, Ui = ["max"], Hi = { class: "min-w-0 flex-1" }, Zi = ["max"], Ji = { class: "chart-content" }, Wi = { class: "h-full w-full flex items-center justify-center flex-col" }, Gi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Qi = /* @__PURE__ */ M({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4408,10 +4419,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       B(e("div", {
         class: y(["h-[" + T.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Pi, [
-          e("div", Vi, g(T.title), 1),
-          e("div", Yi, [
-            e("div", qi, [
+        e("div", Yi, [
+          e("div", qi, g(T.title), 1),
+          e("div", Ri, [
+            e("div", Ei, [
               B(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": x[0] || (x[0] = (F) => c(o).from = F),
@@ -4420,11 +4431,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 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, Ri), [
+              }, null, 40, Ui), [
                 [se, c(o).from]
               ])
             ]),
-            e("div", Ei, [
+            e("div", Hi, [
               B(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": x[1] || (x[1] = (F) => c(o).to = F),
@@ -4433,7 +4444,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Ui), [
+              }, null, 40, Zi), [
                 [se, c(o).to]
               ])
             ]),
@@ -4446,7 +4457,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        B(e("div", Hi, [
+        B(e("div", Ji, [
           m(c(ze), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -4460,7 +4471,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ], 512), [
           [D, !T.empty]
         ]),
-        B(e("div", Zi, [
+        B(e("div", Wi, [
           m(A, {
             icon: c(W),
             color: "gray",
@@ -4474,7 +4485,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ], 2), [
         [D, !T.loading]
       ]),
-      B(e("div", Ji, x[4] || (x[4] = [
+      B(e("div", Gi, x[4] || (x[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4505,13 +4516,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), Gi = {
+}), Ki = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Qi = {
+}, Xi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Ki = /* @__PURE__ */ M({
+}, ed = /* @__PURE__ */ M({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4535,7 +4546,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     const t = () => {
       o("uiDateRangeButtonClicked", s);
     };
-    return (a, d) => a.loading ? (l(), n("div", Qi, [
+    return (a, d) => a.loading ? (l(), n("div", Xi, [
       m(J, {
         name: "dateFrom",
         loading: !0
@@ -4546,12 +4557,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }),
       m(U, { loading: !0 }, {
         default: h(() => d[2] || (d[2] = [
-          L("Search")
+          L("Search", -1)
         ])),
         _: 1,
         __: [2]
       })
-    ])) : (l(), n("div", Gi, [
+    ])) : (l(), n("div", Ki, [
       m(J, {
         type: "datetime-local",
         loading: !1,
@@ -4593,17 +4604,17 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), Xi = { class: "flex justify-between items-center" }, ed = {
+}), td = { class: "flex justify-between items-center" }, ld = {
   key: 0,
   class: "block text-sm font-medium"
-}, td = {
+}, sd = {
   key: 1,
   "data-test": "required",
   class: "place-self-center text-[10px] uppercase justify-self-end"
-}, ld = {
+}, od = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, sd = /* @__PURE__ */ M({
+}, rd = /* @__PURE__ */ M({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4618,14 +4629,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   setup(p, { emit: u }) {
     const r = u, s = I(p.sliderValue);
     return (o, t) => (l(), n("div", null, [
-      e("div", Xi, [
-        o.label ? (l(), n("label", ed, g(o.label), 1)) : b("", !0),
-        o.requiredText ? (l(), n("span", td, g(o.requiredText), 1)) : b("", !0)
+      e("div", td, [
+        o.label ? (l(), n("label", ld, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (l(), n("span", sd, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: y([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-black rounded-lg shadow-sm"])
       }, [
-        o.loading ? (l(), n("p", ld)) : (l(), k(c(Bt), {
+        o.loading ? (l(), n("p", od)) : (l(), k(c(Bt), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
@@ -4641,7 +4652,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), od = { class: "mt-1 mb-8 text-sm" }, rd = /* @__PURE__ */ M({
+}), ad = { class: "mt-1 mb-8 text-sm" }, nd = /* @__PURE__ */ M({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4652,16 +4663,16 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("h3", {
         class: y(["text-lg font-medium leading-6", { "mb-8": u.description === void 0 }])
       }, g(u.title), 3),
-      e("p", od, g(u.description), 1)
+      e("p", ad, g(u.description), 1)
     ], 64));
   }
-}), ad = {
+}), id = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, nd = { class: "flex flex-1 flex-col p-8" }, id = { class: "text-2xl font-bold" }, dd = { class: "mt-1 flex flex-grow flex-col justify-between" }, ud = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, cd = {
+}, dd = { class: "flex flex-1 flex-col p-8" }, ud = { class: "text-2xl font-bold" }, cd = { class: "mt-1 flex flex-grow flex-col justify-between" }, gd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, md = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, gd = { class: "flex flex-1 flex-col p-8" }, md = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, pd = { class: "mt-1 flex flex-grow flex-col justify-between" }, fd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, hd = /* @__PURE__ */ M({
+}, pd = { class: "flex flex-1 flex-col p-8" }, fd = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, hd = { class: "mt-1 flex flex-grow flex-col justify-between" }, yd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, vd = /* @__PURE__ */ M({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4674,9 +4685,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: u }) {
-    return (r, i) => r.loading ? (l(), n("div", cd, [
-      e("div", gd, [
-        e("div", md, [
+    return (r, i) => r.loading ? (l(), n("div", md, [
+      e("div", pd, [
+        e("div", fd, [
           m(A, {
             icon: r.icon,
             size: "huge",
@@ -4686,8 +4697,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, null, 8, ["icon", "loading"])
         ]),
         i[3] || (i[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", pd, [
-          e("dd", fd, [
+        e("dl", hd, [
+          e("dd", yd, [
             (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
               key: o,
               loading: r.loading,
@@ -4703,8 +4714,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ])
         ])
       ])
-    ])) : (l(), n("div", ad, [
-      e("div", nd, [
+    ])) : (l(), n("div", id, [
+      e("div", dd, [
         e("div", {
           class: y(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-lime-400": r.color === "green" || r.color === "primary" || !r.color,
@@ -4722,7 +4733,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", id, [
+        e("h3", ud, [
           L(g(r.name) + " ", 1),
           B(e("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
@@ -4731,8 +4742,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             [D, r.qty > 0]
           ])
         ]),
-        e("dl", dd, [
-          e("dd", ud, [
+        e("dl", cd, [
+          e("dd", gd, [
             (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
               key: o,
               loading: !1,
@@ -4750,7 +4761,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), yd = { class: "fixed inset-0 flex" }, vd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, bd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, wd = { class: "lg:pl-[25rem]" }, kd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, xd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, _d = { class: "flex items-center gap-x-4 lg:gap-x-6" }, $d = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Cd = ["src"], Sd = { class: "hidden lg:flex lg:items-center" }, Bd = ["onClick"], Md = { class: "py-7" }, jd = { class: "px-7 lg:px-10" }, Dd = /* @__PURE__ */ M({
+}), bd = { class: "fixed inset-0 flex" }, wd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, kd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, xd = { class: "lg:pl-[25rem]" }, _d = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, $d = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Cd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Sd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Bd = ["src"], Md = { class: "hidden lg:flex lg:items-center" }, jd = ["onClick"], Dd = { class: "py-7" }, Td = { class: "px-7 lg:px-10" }, zd = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4788,7 +4799,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 _: 1,
                 __: [10]
               }),
-              e("div", yd, [
+              e("div", bd, [
                 m(c(X), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4811,7 +4822,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           "leave-to": "opacity-0"
                         }, {
                           default: h(() => [
-                            e("div", vd, [
+                            e("div", wd, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -4852,7 +4863,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", bd, [
+      e("div", kd, [
         m(we, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
@@ -4866,8 +4877,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           onInputChanged: a[7] || (a[7] = (d) => t.$emit("inputChanged", d))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", wd, [
-        e("div", kd, [
+      e("div", xd, [
+        e("div", _d, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -4883,7 +4894,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", xd, [
+          e("div", $d, [
             m(ee, {
               isWrapped: !0,
               class: "w-full self-center relative",
@@ -4891,14 +4902,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               select: t.topbar.selectedItem,
               onSelectChanged: a[8] || (a[8] = (d) => t.$emit("selectChanged", d))
             }, null, 8, ["items", "select"]),
-            e("div", _d, [
+            e("div", Cd, [
               e("button", {
                 type: "button",
                 class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
                 onClick: a[9] || (a[9] = (d) => i("bellClick"))
               }, [
                 a[14] || (a[14] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                B(e("div", $d, a[13] || (a[13] = [
+                B(e("div", Sd, a[13] || (a[13] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [D, t.topbar.alerted]
@@ -4924,8 +4935,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: t.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, Cd),
-                      e("span", Sd, [
+                      }, null, 8, Bd),
+                      e("span", Md, [
                         m(c(oe), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4953,7 +4964,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                               e("a", {
                                 onClick: (v) => t.$emit("topBarClick", d.id),
                                 class: y([f ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(d.name), 11, Bd)
+                              }, g(d.name), 11, jd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4969,15 +4980,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        e("main", Md, [
-          e("div", jd, [
+        e("main", Dd, [
+          e("div", Td, [
             E(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), Td = /* @__PURE__ */ M({
+}), Ld = /* @__PURE__ */ M({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4996,13 +5007,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), zd = { class: "flex justify-between" }, Ld = {
+}), Od = { class: "flex justify-between" }, Ad = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, Od = { class: "relative" }, Ad = { class: "block flex flex-wrap gap-2" }, Fd = {
+}, Fd = { class: "relative" }, Id = { class: "block flex flex-wrap gap-2" }, Nd = {
   key: 0,
   class: "p-0.5"
-}, Id = ["onClick"], Nd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Pd = {
+}, Pd = ["onClick"], Vd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Yd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
 }, dt = /* @__PURE__ */ M({
@@ -5029,7 +5040,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     function t(a) {
       s.value = s.value.filter((d) => d.id !== a.id), o(s.value);
     }
-    return (a, d) => a.loading ? (l(), n("div", Pd, [
+    return (a, d) => a.loading ? (l(), n("div", Yd, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(c(be), {
         "aria-hidden": "true",
@@ -5048,16 +5059,16 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       as: "div"
     }, {
       default: h(() => [
-        e("div", zd, [
+        e("div", Od, [
           m(c(bt), { class: "block text-sm font-medium" }, {
             default: h(() => [
               L(g(a.label), 1)
             ]),
             _: 1
           }),
-          a.requiredText ? (l(), n("span", Ld, g(a.requiredText), 1)) : b("", !0)
+          a.requiredText ? (l(), n("span", Ad, g(a.requiredText), 1)) : b("", !0)
         ]),
-        e("div", Od, [
+        e("div", Fd, [
           m(c(wt), {
             class: y([{
               "mt-1": a.requiredText || a.label,
@@ -5076,8 +5087,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             }, "relative w-full rounded-md border py-1.5 pl-2 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: h(() => [
-              e("span", Ad, [
-                c(s).length === 0 ? (l(), n("span", Fd, "...")) : b("", !0),
+              e("span", Id, [
+                c(s).length === 0 ? (l(), n("span", Nd, "...")) : b("", !0),
                 (l(!0), n($, null, S(c(s), (f) => (l(), n("span", {
                   key: f.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
@@ -5097,7 +5108,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Id))
+                  ]), 8, Pd))
                 ]))), 128))
               ]),
               d[2] || (d[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5119,7 +5130,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             _: 1,
             __: [2]
           }, 8, ["class"]),
-          e("div", Nd, [
+          e("div", Vd, [
             m(c(kt), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: h(() => [
                 (l(!0), n($, null, S(a.items, (f) => (l(), k(c(xt), {
@@ -5173,7 +5184,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), Vd = { class: "flex flex-col lg:flex-row items-center" }, ke = /* @__PURE__ */ M({
+}), qd = { class: "flex flex-col lg:flex-row items-center" }, ke = /* @__PURE__ */ M({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5202,7 +5213,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }
       o.value = a.props;
     };
-    return (a, d) => (l(), n("div", Vd, [
+    return (a, d) => (l(), n("div", qd, [
       m(rt, {
         items: a.items,
         loading: a.loading,
@@ -5228,11 +5239,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       }, 8, ["loading"])) : b("", !0)
     ]));
   }
-}), Yd = {}, qd = { class: "bg-gray-200 text-gray-500 px-2 py-2 rounded h-full text-sm font-bold ml-2 text-center" };
-function Rd(p, u) {
-  return l(), n("span", qd, "AND");
+}), Rd = {}, Ed = { class: "bg-gray-200 text-gray-500 px-2 py-2 rounded h-full text-sm font-bold ml-2 text-center" };
+function Ud(p, u) {
+  return l(), n("span", Ed, "AND");
 }
-const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-col sm:flex-row items-center w-full" }, Ud = { class: "flex mt-4" }, Hd = /* @__PURE__ */ M({
+const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-col sm:flex-row items-center w-full" }, Zd = { class: "flex mt-4" }, Jd = /* @__PURE__ */ M({
   __name: "uiSmartFilterMultiple",
   props: {
     items: {},
@@ -5254,7 +5265,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
       o.value = [], s.value = [JSON.parse(JSON.stringify(r))], i("smartFilterMultipleSent", []);
     };
     return (v, j) => (l(), n("div", null, [
-      e("div", Ed, [
+      e("div", Hd, [
         m(ke, ve(s.value[0], {
           class: "w-full sm:grow",
           onSmartInputChanged: j[0] || (j[0] = (w) => o.value[0].value = w),
@@ -5320,7 +5331,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           _: 1
         }, 8, ["icon"])) : b("", !0)
       ]))), 128)),
-      e("div", Ud, [
+      e("div", Zd, [
         m(U, {
           loading: !1,
           onClick: d,
@@ -5345,10 +5356,10 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
       ])
     ]));
   }
-}), Zd = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, Jd = {
+}), Wd = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, Gd = {
   key: 0,
   class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-gray-100 text-gray-900 uppercase"
-}, Wd = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Gd = { class: "p-6 gap-y-4 flex flex-col" }, Qd = { class: "flex items-center gap-x-2 w-full" }, Kd = { class: "w-auto px-3 py-2 bg-gray-50 rounded border text-sm" }, Xd = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, eu = /* @__PURE__ */ M({
+}, Qd = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Kd = { class: "p-6 gap-y-4 flex flex-col" }, Xd = { class: "flex items-center gap-x-2 w-full" }, eu = { class: "w-auto px-3 py-2 bg-gray-50 rounded border text-sm" }, tu = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, lu = /* @__PURE__ */ M({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -5457,8 +5468,8 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           default: h(() => [
             e("span", null, g(r.literals.filters) + ": ", 1),
             (l(!0), n($, null, S(w.value, (z, R) => (l(), n($, { key: R }, [
-              e("span", Zd, g(z.name) + " " + g(z.operator) + ": " + g(z.value), 1),
-              R < w.value.length - 1 ? (l(), n("span", Jd, g(s.value.name), 1)) : b("", !0)
+              e("span", Wd, g(z.name) + " " + g(z.operator) + ": " + g(z.value), 1),
+              R < w.value.length - 1 ? (l(), n("span", Gd, g(s.value.name), 1)) : b("", !0)
             ], 64))), 128)),
             m(c(oe), {
               class: "size-5",
@@ -5478,9 +5489,9 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
           default: h(() => [
             m(c(Ct), { class: "absolute z-10 mt-2 flex w-screen max-w-max bg-transparent" }, {
               default: h(() => [
-                e("div", Wd, [
-                  e("div", Gd, [
-                    e("div", Qd, [
+                e("div", Qd, [
+                  e("div", Kd, [
+                    e("div", Xd, [
                       m(ee, {
                         loading: !1,
                         class: "w-60",
@@ -5494,7 +5505,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                         disabled: !o.value
                       }, {
                         default: h(() => P[0] || (P[0] = [
-                          L(" Agregar Filtro ")
+                          L(" Agregar Filtro ", -1)
                         ])),
                         _: 1,
                         __: [0]
@@ -5504,7 +5515,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                       class: "flex items-center gap-x-2 w-full",
                       key: z.id
                     }, [
-                      e("div", Kd, g(z.name), 1),
+                      e("div", eu, g(z.name), 1),
                       m(Z, {
                         loading: !1,
                         size: "big",
@@ -5560,7 +5571,7 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
                       }, null, 8, ["icon", "onClick"])
                     ]))), 128))
                   ]),
-                  e("div", Xd, [
+                  e("div", tu, [
                     m(U, {
                       loading: !1,
                       color: "red",
@@ -5602,122 +5613,122 @@ const Ye = /* @__PURE__ */ le(Yd, [["render", Rd]]), Ed = { class: "flex flex-co
   uiCard: us,
   uiChart: gr,
   uiCheckbox: Ke,
-  uiCircleChart: Wi,
-  uiDateRange: Ki,
-  uiDeviceStatus: hd,
-  uiDragAndDrop: Ni,
+  uiCircleChart: Qi,
+  uiDateRange: ed,
+  uiDeviceStatus: vd,
+  uiDragAndDrop: Vi,
   uiDropdown: he,
-  uiDynamicStats: Td,
+  uiDynamicStats: Ld,
   uiFilter: rt,
   uiFooter: hr,
-  uiFunnelChartV2: si,
-  uiGallery: Di,
+  uiFunnelChartV2: ri,
+  uiGallery: zi,
   uiIcon: A,
   uiInput: J,
   uiInputFile: bl,
   uiLoadingScreen: yr,
   uiModal: at,
-  uiNoResults: di,
+  uiNoResults: ci,
   uiNotification: Ms,
   uiPagination: zr,
   uiPriceCalendar: Xo,
-  uiRangeSlider: sd,
-  uiRightSidebar: wi,
-  uiSectionTitle: rd,
+  uiRangeSlider: rd,
+  uiRightSidebar: xi,
+  uiSectionTitle: nd,
   uiSelect: $l,
   uiSelectMultiple: dt,
   uiSelect_v2: ee,
   uiSidebar: Ur,
   uiSidebarV2: we,
   uiSmartFilter: ke,
-  uiSmartFilterMultiple: Hd,
-  uiSmartFilterMultipleV2: eu,
+  uiSmartFilterMultiple: Jd,
+  uiSmartFilterMultipleV2: lu,
   uiStats: it,
-  uiStripedCard: Ma,
-  uiTable: Qa,
-  uiTabs: on,
+  uiStripedCard: Da,
+  uiTable: Xa,
+  uiTabs: an,
   uiTag: Z,
   uiTaskList: Ps,
   uiTextArea: Fl,
-  uiTimeline: Bn,
+  uiTimeline: jn,
   uiToggle: Vl,
-  uiTopbar: Wn,
-  uiWrapper: Dd
-}, Symbol.toStringTag, { value: "Module" })), tu = [
+  uiTopbar: Qn,
+  uiWrapper: zd
+}, Symbol.toStringTag, { value: "Module" })), su = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], gu = [
+], pu = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], lu = ["black", "gray", "white"], mu = [...tu, ...lu], su = ["small", "medium", "big"], ou = ["bigger", "huge", "massive"], pu = [...su, ...ou], fu = ["default", "success", "warning", "danger"];
-function ru(p) {
+], ou = ["black", "gray", "white"], fu = [...su, ...ou], ru = ["small", "medium", "big"], au = ["bigger", "huge", "massive"], hu = [...ru, ...au], yu = ["default", "success", "warning", "danger"];
+function nu(p) {
   for (const u in qe)
     p.component(u, qe[u]);
 }
-const hu = { install: ru };
+const vu = { install: nu };
 export {
-  mu as AllColors,
-  pu as AllSizes,
-  ou as BiggerSizes,
-  tu as Colors,
-  lu as MonoColors,
-  su as Sizes,
-  fu as Types,
-  gu as UiInputTypes,
-  hu as default,
+  fu as AllColors,
+  hu as AllSizes,
+  au as BiggerSizes,
+  su as Colors,
+  ou as MonoColors,
+  ru as Sizes,
+  yu as Types,
+  pu as UiInputTypes,
+  vu as default,
   Wl as uiAlert,
   ss as uiBreadcrumbs,
   U as uiButton,
   us as uiCard,
   gr as uiChart,
   Ke as uiCheckbox,
-  Wi as uiCircleChart,
-  Ki as uiDateRange,
-  hd as uiDeviceStatus,
-  Ni as uiDragAndDrop,
+  Qi as uiCircleChart,
+  ed as uiDateRange,
+  vd as uiDeviceStatus,
+  Vi as uiDragAndDrop,
   he as uiDropdown,
-  Td as uiDynamicStats,
+  Ld as uiDynamicStats,
   rt as uiFilter,
   hr as uiFooter,
-  si as uiFunnelChartV2,
-  Di as uiGallery,
+  ri as uiFunnelChartV2,
+  zi as uiGallery,
   A as uiIcon,
   J as uiInput,
   bl as uiInputFile,
   yr as uiLoadingScreen,
   at as uiModal,
-  di as uiNoResults,
+  ci as uiNoResults,
   Ms as uiNotification,
   zr as uiPagination,
   Xo as uiPriceCalendar,
-  sd as uiRangeSlider,
-  wi as uiRightSidebar,
-  rd as uiSectionTitle,
+  rd as uiRangeSlider,
+  xi as uiRightSidebar,
+  nd as uiSectionTitle,
   $l as uiSelect,
   dt as uiSelectMultiple,
   ee as uiSelect_v2,
   Ur as uiSidebar,
   we as uiSidebarV2,
   ke as uiSmartFilter,
-  Hd as uiSmartFilterMultiple,
-  eu as uiSmartFilterMultipleV2,
+  Jd as uiSmartFilterMultiple,
+  lu as uiSmartFilterMultipleV2,
   it as uiStats,
-  Ma as uiStripedCard,
-  Qa as uiTable,
-  on as uiTabs,
+  Da as uiStripedCard,
+  Xa as uiTable,
+  an as uiTabs,
   Z as uiTag,
   Ps as uiTaskList,
   Fl as uiTextArea,
-  Bn as uiTimeline,
+  jn as uiTimeline,
   Vl as uiToggle,
-  Wn as uiTopbar,
-  Dd as uiWrapper
+  Qn as uiTopbar,
+  zd as uiWrapper
 };