@quoreadmin/ui 1.7.16 → 1.7.18

package/dist/index43.js

@@ -1,193 +1,196 @@
 import N from "./index140.js";
-import { resolveComponent as g, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as r, withCtx as d, createElementVNode as n, normalizeClass as u, toDisplayString as a, createBlock as y, Fragment as h, renderList as q, createTextVNode as k, withKeys as H, withModifiers as E, mergeProps as U, toHandlerKey as V, renderSlot as A } from "vue";
+import { resolveComponent as g, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as r, withCtx as d, createElementVNode as n, normalizeClass as u, toDisplayString as a, createBlock as y, createTextVNode as k, Fragment as h, renderList as q, withKeys as H, withModifiers as E, mergeProps as U, toHandlerKey as V, renderSlot as R } from "vue";
 /* empty css         */
-import R from "./index62.js";
-const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
+import I from "./index62.js";
+const A = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-3/4 h-6 grow"
 }, P = {
   key: 0,
   class: "text-base text-inkwell-30"
-}, B = { key: 0 }, W = { key: 0 }, K = ["href"], j = { class: "flex items-start" }, F = { class: "list-unstyled text-sm w-full font-normal" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "grow" }, _ = { class: "position-relative icon-container ml-auto" }, x = {
+}, B = { key: 0 }, W = ["href"], K = { class: "flex items-start" }, j = { class: "list-unstyled text-sm w-full font-normal" }, F = { class: "grow" }, Z = { class: "grow" }, Q = { class: "grow" }, J = { class: "grow" }, X = { class: "position-relative icon-container ml-auto" }, _ = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-4 my-4"
-}, ee = {
+}, x = {
   key: 1,
   class: "flex flex-wrap items-center mb-3 gap-2"
-}, oe = {
+}, ee = {
   key: 2,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, se = {
+}, oe = {
   key: 3,
   class: "flex flex-wrap items-center mb-4"
-}, le = ["href"], ie = { class: "shrink-0 mr-2 text-sm font-normal" }, te = {
+}, se = ["href"], le = { class: "shrink-0 mr-2 text-sm font-normal" }, ie = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-6"
-}, re = {
+}, te = {
   key: 1,
   class: "guest-info-container"
-}, ne = {
+}, re = {
   key: 0,
   class: "text-base text-inkwell-30 mb-2"
-}, ae = {
+}, ne = {
   key: 0,
   class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, de = { class: "text-truncate text-inkwell-0" }, ue = { class: "grow text-inkwell-30" }, pe = {
+}, ae = { class: "text-truncate text-inkwell-0" }, de = { class: "grow text-inkwell-30" }, ue = {
   key: 1,
   class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, me = { class: "text-truncate text-inkwell-0" }, ge = { class: "grow text-inkwell-30" }, ye = { class: "shrink-0 mr-2 text-sm font-normal" }, ke = {
+}, pe = { class: "text-truncate text-inkwell-0" }, me = { class: "grow text-inkwell-30" }, ge = { class: "shrink-0 mr-2 text-sm font-normal" }, ye = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-full h-6"
-}, he = {
+}, ke = {
   key: 1,
   class: "open-tickets"
-}, ve = ["id"], we = {
+}, he = ["id"], ve = {
   key: 2,
   class: "text-center mx-auto font-normal"
-}, fe = { class: "shrink-0 mr-2 text-sm font-normal" }, qe = {
+}, we = { class: "shrink-0 mr-2 text-sm font-normal" }, fe = {
   key: 0,
   class: "quick-replies"
-}, be = ["onClick"], Te = {
+}, qe = ["onClick"], be = {
   key: 1,
   class: "text-inkwell-0 text-xxs text-center"
-}, Ce = { class: "chat-container" }, ce = {
+}, Te = { class: "chat-container" }, Ce = {
   id: "comments-container",
   class: "chat-messages"
-}, Oe = {
+}, ce = {
   key: 0,
   class: "flex flex-col gap-3 p-2"
-}, Ee = {
+}, Oe = {
   key: 0,
   class: "chat-separator"
-}, $e = { class: "chat-separator-text" }, Se = {
+}, Ee = { class: "chat-separator-text" }, $e = {
   key: 0,
   class: "chat-message-avatar"
-}, De = { class: "chat-message-content" }, He = { class: "chat-message-time" }, Ve = { class: "chat-message-bubble" }, Me = {
+}, De = { class: "chat-message-content" }, Se = { class: "chat-message-time" }, He = { class: "chat-message-bubble" }, Ve = {
   key: 1,
   class: "chat-message-avatar"
-}, Ne = {
+}, Me = {
   key: 2,
   class: "chat-empty text-center py-4 text-inkwell-0 text-sm"
-}, Ue = {
+}, Ne = {
   key: 0,
   class: "simulate-panel"
-}, Ae = { class: "simulate-panel-header" }, Re = { class: "simulate-panel-body" }, Ie = { class: "flex justify-end mt-2" }, Ge = { class: "chat-input-area" }, Le = { class: "flex items-center gap-2" }, ze = {
+}, Ue = { class: "simulate-panel-header" }, Re = { class: "simulate-panel-body" }, Ie = { class: "flex justify-end mt-2" }, Ae = { class: "chat-input-area" }, Ge = { class: "flex items-center gap-2" }, Le = {
   key: 0,
   class: "inline-block animate-pulse"
-}, Ye = { class: "relative flex-1 min-w-0" }, Pe = ["innerHTML"], Be = { class: "flex items-center add-ticket-divider" }, We = { class: "grow flex items-center text-sm font-normal" }, Ke = {
+}, ze = { class: "relative flex-1 min-w-0" }, Ye = ["innerHTML"], Pe = { class: "flex items-center add-ticket-divider" }, Be = { class: "grow flex items-center text-sm font-normal" }, We = {
   key: 0,
   class: "grow"
-}, je = { class: "grid grid-cols-2 gap-3" }, Fe = { class: "field" }, Ze = {
+}, Ke = { class: "grid grid-cols-2 gap-3" }, je = { class: "field" }, Fe = {
   key: 0,
   class: "field"
-}, Qe = {
+}, Ze = {
   key: 1,
   class: "field"
-}, Je = {
+}, Qe = {
   key: 2,
   class: "field"
-}, Xe = {
+}, Je = {
   key: 3,
   class: "field col-span-2"
-}, _e = {
+}, Xe = {
   key: 4,
   class: "field"
-}, xe = {
+}, _e = {
   key: 5,
   class: "field col-span-2"
-}, eo = {
+}, xe = {
   key: 6,
   class: "field"
-}, oo = {
+}, eo = {
   key: 7,
   class: "field"
-}, so = {
+}, oo = {
   key: 8,
   class: "field"
-}, lo = {
+}, so = {
   key: 9,
   class: "field"
-}, io = {
+}, lo = {
   key: 10,
   class: "field"
-}, to = {
+}, io = {
   key: 11,
   class: "field"
-}, ro = {
+}, to = {
   key: 12,
   class: "field col-span-2"
-}, no = {
+}, ro = {
   key: 13,
   class: "field"
-}, ao = {
+}, no = {
   key: 14,
   class: "field"
-}, uo = {
+}, ao = {
   key: 15,
   class: "field"
-}, po = {
+}, uo = {
   key: 16,
   class: "field"
-}, mo = {
+}, po = {
   key: 17,
   class: "field"
-}, go = {
+}, mo = {
   key: 18,
   class: "field"
-}, yo = {
+}, go = {
   key: 19,
   class: "field col-span-2"
-}, ko = {
+}, yo = {
   key: 20,
   class: "field"
-}, ho = {
+}, ko = {
   key: 21,
   class: "field"
-}, vo = {
+}, ho = {
   key: 22,
   class: "field"
-}, wo = {
+}, vo = {
   key: 23,
   class: "field"
-}, fo = {
+}, wo = {
   key: 24,
   class: "field"
-}, qo = {
+}, fo = {
   key: 25,
   class: "field"
-}, bo = {
+}, qo = {
   key: 26,
   class: "field"
-}, To = {
+}, bo = {
   key: 27,
   class: "field col-span-2"
-}, Co = {
+}, To = {
   class: /* @__PURE__ */ u([
     "actions flex-shrink-0",
     "flex items-center justify-between mt-4"
   ])
-}, co = {
+}, Co = {
   key: 4,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
-}, Oo = {
+}, co = {
   key: 5,
   class: "flex items-center mt-0.5"
-}, Eo = { class: "text-xs text-inkwell-0 font-normal" };
-function $o(e, s, So, Do, Ho, Vo) {
-  const p = g("q-icon"), f = g("q-tooltip"), $ = g("q-tag"), S = g("q-popover"), b = g("q-divider"), O = g("q-accordion"), M = g("q-activity-item"), D = g("q-avatar"), v = g("q-textarea"), T = g("q-button"), m = g("q-select"), w = g("q-date-picker"), C = g("q-input");
+}, Oo = { class: "text-xs text-inkwell-0 font-normal" };
+function Eo(e, s, $o, Do, So, Ho) {
+  const p = g("q-icon"), f = g("q-tooltip"), $ = g("q-tag"), D = g("q-popover"), b = g("q-divider"), O = g("q-accordion"), M = g("q-activity-item"), S = g("q-avatar"), v = g("q-textarea"), T = g("q-button"), m = g("q-select"), w = g("q-date-picker"), C = g("q-input");
   return e.showActionMenu || e.showComments || e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] || e.showTickets || e.tagsList.length ? (l(), i("div", {
     key: 0,
     id: e.id ? `rdp-${e.id}` : "",
     class: "room-detail component-container text-inkwell-30",
     onMouseleave: s[54] || (s[54] = (o) => e.onHoverToggle(!1))
   }, [
-    r(S, {
+    r(D, {
       "model-value": e.open,
       align: e.alignment,
       position: e.positioning,
       size: (!e.showTickets || e.showTickets && (!e.ticketsList || !e.ticketsList.length)) && !e.showComments && !e.showActionMenu ? "sm" : e.size,
       teleport: e.teleport,
       "teleport-to": e.teleportTo,
+      "close-on-scroll-out-of-view": e.closeOnScrollOutOfView,
+      "scroll-into-view": e.scrollIntoView,
+      "scroll-into-view-padding": e.scrollIntoViewPadding,
       onClose: s[52] || (s[52] = (o) => e.$emit("toggle", !1)),
       "onUpdate:modelValue": s[53] || (s[53] = (o) => e.$emit("toggle", o))
     }, {
@@ -201,7 +204,7 @@ function $o(e, s, So, Do, Ho, Vo) {
         }, {
           [V(e.hover && "mouseover")]: s[1] || (s[1] = (o) => e.onHoverToggle(!0))
         }), [
-          A(e.$slots, "trigger", {}, () => [
+          R(e.$slots, "trigger", {}, () => [
             k(a(e.trigger), 1)
           ])
         ], 16, G)
@@ -238,7 +241,6 @@ function $o(e, s, So, Do, Ho, Vo) {
                       icon: "user",
                       type: "fill",
                       color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
-                      class: "!h-[1.625rem] !w-[1.625rem]",
                       size: "sm"
                     }, null, 8, ["color"])
                   ]),
@@ -247,7 +249,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   ]),
                   _: 1
                 })) : t("", !0),
-                e.cleanliness ? (l(), y(f, {
+                e.cleanliness === "DIRTY" ? (l(), y(f, {
                   key: 1,
                   class: "flex shrink-0 items-center"
                 }, {
@@ -255,13 +257,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                     r(p, {
                       icon: "spray-bottle",
                       type: "fill",
-                      color: e.cleanlinessColor,
+                      color: "red-10",
                       size: "sm",
                       class: "mt-[0.0612rem]"
-                    }, null, 8, ["color"])
+                    })
                   ]),
                   content: d(() => [
-                    e.cleanlinessTooltipContent ? (l(), i("div", W, a(e.cleanlinessTooltipContent), 1)) : t("", !0)
+                    k(a(e.$t("HC_DIRTY")), 1)
                   ]),
                   _: 1
                 })) : t("", !0),
@@ -287,11 +289,11 @@ function $o(e, s, So, Do, Ho, Vo) {
                     ]),
                     _: 2
                   }, 1032, ["class"])
-                ], 8, K))), 128)) : t("", !0)
+                ], 8, W))), 128)) : t("", !0)
               ], 2)) : t("", !0)
             ], 2)),
-            n("div", j, [
-              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), y(S, {
+            n("div", K, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), y(D, {
                 key: 0,
                 modelValue: e.actionMenuOpen,
                 "onUpdate:modelValue": s[7] || (s[7] = (o) => e.actionMenuOpen = o),
@@ -311,7 +313,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   })
                 ]),
                 content: d(() => [
-                  n("ul", F, [
+                  n("ul", j, [
                     e.showActionsLink ? (l(), i("li", {
                       key: 0,
                       class: u([
@@ -331,7 +333,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                         size: "md",
                         type: ""
                       }),
-                      n("div", Z, a(e.$t("HC_ACTION")), 1)
+                      n("div", F, a(e.$t("HC_ACTION")), 1)
                     ], 2)) : t("", !0),
                     !e.hasGuestCallback && e.showGuestCallback ? (l(), i("li", {
                       key: 1,
@@ -353,7 +355,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                         size: "md",
                         type: "fill"
                       }),
-                      n("div", Q, a(e.$t(
+                      n("div", Z, a(e.$t(
                         "HC_GUEST_SATISFACTION_CALL"
                       )), 1)
                     ], 2)) : t("", !0),
@@ -377,7 +379,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                         size: "md",
                         type: "fill"
                       }),
-                      n("div", J, a(e.$t("HC_EDIT_INFORMATION")), 1)
+                      n("div", Q, a(e.$t("HC_EDIT_INFORMATION")), 1)
                     ], 2)) : t("", !0),
                     e.showGuestDetails ? (l(), i("li", {
                       key: 3,
@@ -398,13 +400,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                         size: "md",
                         type: ""
                       }),
-                      n("div", X, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                      n("div", J, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
                     ], 2)) : t("", !0)
                   ])
                 ]),
                 _: 1
               }, 8, ["modelValue"])) : t("", !0),
-              n("div", _, [
+              n("div", X, [
                 r(f, null, {
                   trigger: d(() => [
                     r(p, {
@@ -423,7 +425,7 @@ function $o(e, s, So, Do, Ho, Vo) {
               ])
             ])
           ]),
-          e.loading.pms && e.size === "sm" ? (l(), i("div", x)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), i("div", ee, [
+          e.loading.pms && e.size === "sm" ? (l(), i("div", _)) : !e.loading.pms && (e.occupied || e.cleanliness) && e.size === "sm" ? (l(), i("div", x, [
             e.occupied ? (l(), y(p, {
               key: 0,
               icon: "user",
@@ -431,15 +433,15 @@ function $o(e, s, So, Do, Ho, Vo) {
               color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
               size: "sm"
             }, null, 8, ["color"])) : t("", !0),
-            e.cleanliness ? (l(), y(p, {
+            e.cleanliness === "DIRTY" ? (l(), y(p, {
               key: 1,
               icon: "spray-bottle",
               type: "fill",
-              color: e.cleanlinessColor,
+              color: "red-10",
               size: "sm"
-            }, null, 8, ["color"])) : t("", !0)
+            })) : t("", !0)
           ])) : t("", !0),
-          e.loading.roomNotices ? (l(), i("div", oe)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), i("div", se, [
+          e.loading.roomNotices ? (l(), i("div", ee)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), i("div", oe, [
             (l(!0), i(h, null, q(e.tagsList, (o) => (l(), i("a", {
               key: o,
               href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
@@ -470,7 +472,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ]),
                 _: 2
               }, 1024)
-            ], 8, le))), 128))
+            ], 8, se))), 128))
           ])) : t("", !0),
           n("div", {
             class: u(["accordions", { closed: e.showCreateRequest }])
@@ -487,7 +489,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[10] || (s[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
                 }, [
-                  n("div", ie, a(e.$t("HC_GUEST_INFORMATION")), 1),
+                  n("div", le, a(e.$t("HC_GUEST_INFORMATION")), 1),
                   r(b, { class: "grow" }),
                   r(p, {
                     class: u([
@@ -501,8 +503,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ])
               ]),
               content: d(() => [
-                e.loading.pms ? (l(), i("div", te)) : (l(), i("div", re, [
-                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", ne, [
+                e.loading.pms ? (l(), i("div", ie)) : (l(), i("div", te, [
+                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", re, [
                     n("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
                   ])) : t("", !0),
                   n("div", {
@@ -511,13 +513,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                       e.size === "sm" ? "flex-col" : "flex-row gap-3"
                     ])
                   }, [
-                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ae, [
-                      n("div", de, a(e.$t("HC_RESERVATION")) + ": ", 1),
-                      n("div", ue, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
+                    e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ne, [
+                      n("div", ae, a(e.$t("HC_RESERVATION")) + ": ", 1),
+                      n("div", de, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
                     ])) : t("", !0),
-                    e.stayDetails ? (l(), i("div", pe, [
-                      n("div", me, a(e.$t("HC_STAY")) + ": ", 1),
-                      n("div", ge, a(e.stayDetails), 1)
+                    e.stayDetails ? (l(), i("div", ue, [
+                      n("div", pe, a(e.$t("HC_STAY")) + ": ", 1),
+                      n("div", me, a(e.stayDetails), 1)
                     ])) : t("", !0)
                   ], 2)
                 ]))
@@ -536,7 +538,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[12] || (s[12] = (o) => e.expandTickets = !e.expandTickets)
                 }, [
-                  n("div", ye, a(e.$t("HC_OPEN_TICKETS")), 1),
+                  n("div", ge, a(e.$t("HC_OPEN_TICKETS")), 1),
                   r(b, { class: "grow" }),
                   r(p, {
                     class: u([
@@ -550,7 +552,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ])
               ]),
               content: d(() => [
-                e.loading.tickets ? (l(), i("div", ke)) : e.ticketsList.length ? (l(), i("ul", he, [
+                e.loading.tickets ? (l(), i("div", ye)) : e.ticketsList.length ? (l(), i("ul", ke, [
                   (l(!0), i(h, null, q(e.ticketsList, (o, c) => (l(), i("li", {
                     key: o.id,
                     id: `open-ticket-${o.id}`
@@ -568,10 +570,10 @@ function $o(e, s, So, Do, Ho, Vo) {
                         o.started?.dateUtc
                       ),
                       type: o.type,
-                      onClick: (Mo) => e.onClickTicket(o)
+                      onClick: (Vo) => e.onClickTicket(o)
                     }, null, 8, ["class", "text", "time", "type", "onClick"])
-                  ], 8, ve))), 128))
-                ])) : (l(), i("p", we, a(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
+                  ], 8, he))), 128))
+                ])) : (l(), i("p", ve, a(e.$t("HC_THERE_ARE_NO_OPEN_TICKETS_YET")), 1))
               ]),
               _: 1
             }, 8, ["modelValue"])) : t("", !0),
@@ -587,7 +589,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   class: "flex items-center cursor-pointer",
                   onClick: s[14] || (s[14] = (o) => e.expandComments = !e.expandComments)
                 }, [
-                  n("div", fe, a(e.$t("HC_GUEST_CONNECT")), 1),
+                  n("div", we, a(e.$t("HC_GUEST_CONNECT")), 1),
                   r(b, { class: "grow" }),
                   r(p, {
                     class: u([
@@ -614,7 +616,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                     }
                   ])
                 }, [
-                  e.filteredReplies.length ? (l(), i("div", qe, [
+                  e.filteredReplies.length ? (l(), i("div", fe, [
                     (l(!0), i(h, null, q(e.filteredReplies, (o) => (l(), i("div", {
                       key: o,
                       class: u([
@@ -624,12 +626,12 @@ function $o(e, s, So, Do, Ho, Vo) {
                       onClick: (c) => e.onSelectQuickReply(o)
                     }, [
                       n("div", null, a(o), 1)
-                    ], 10, be))), 128))
-                  ])) : (l(), i("div", Te, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
+                    ], 10, qe))), 128))
+                  ])) : (l(), i("div", be, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
                 ], 2),
-                n("div", Ce, [
-                  n("div", ce, [
-                    e.loading.messages ? (l(), i("div", Oe, [...s[55] || (s[55] = [
+                n("div", Te, [
+                  n("div", Ce, [
+                    e.loading.messages ? (l(), i("div", ce, [...s[55] || (s[55] = [
                       n("div", { class: "flex gap-2 items-end" }, [
                         n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
                         n("div", { class: "animate-shimmer bg-gray-10 h-12 w-3/4 rounded-lg" })
@@ -643,8 +645,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                         n("div", { class: "animate-shimmer bg-gray-10 h-8 w-1/2 rounded-lg" })
                       ], -1)
                     ])])) : (l(!0), i(h, { key: 1 }, q(e.groupedMessages, (o, c) => (l(), i(h, { key: c }, [
-                      o.type === "separator" ? (l(), i("div", Ee, [
-                        n("span", $e, a(o.label), 1)
+                      o.type === "separator" ? (l(), i("div", Oe, [
+                        n("span", Ee, a(o.label), 1)
                       ])) : (l(), i("div", {
                         key: 1,
                         class: u([
@@ -655,10 +657,10 @@ function $o(e, s, So, Do, Ho, Vo) {
                           }
                         ])
                       }, [
-                        o.isGuestMessage ? (l(), i("div", Se, [
+                        o.isGuestMessage ? (l(), i("div", $e, [
                           r(f, { position: "top" }, {
                             trigger: d(() => [
-                              r(D, {
+                              r(S, {
                                 initials: o.user?.initials || "?",
                                 src: o.user?.src || "",
                                 size: "sm"
@@ -671,11 +673,11 @@ function $o(e, s, So, Do, Ho, Vo) {
                           }, 1024)
                         ])) : t("", !0),
                         n("div", De, [
-                          n("div", He, a(o.formattedTime), 1),
-                          n("div", Ve, a(o.comment), 1)
+                          n("div", Se, a(o.formattedTime), 1),
+                          n("div", He, a(o.comment), 1)
                         ]),
-                        o.isStaffMessage ? (l(), i("div", Me, [
-                          r(D, { size: "sm" }, {
+                        o.isStaffMessage ? (l(), i("div", Ve, [
+                          r(S, { size: "sm" }, {
                             default: d(() => [
                               r(p, {
                                 icon: "building",
@@ -689,10 +691,10 @@ function $o(e, s, So, Do, Ho, Vo) {
                         ])) : t("", !0)
                       ], 2))
                     ], 64))), 128)),
-                    !e.loading.messages && !e.groupedMessages.length ? (l(), i("div", Ne, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
+                    !e.loading.messages && !e.groupedMessages.length ? (l(), i("div", Me, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
                   ]),
-                  e.isTestEnvironment && e.simulateOpen ? (l(), i("div", Ue, [
-                    n("div", Ae, [
+                  e.isTestEnvironment && e.simulateOpen ? (l(), i("div", Ne, [
+                    n("div", Ue, [
                       s[56] || (s[56] = n("span", { class: "simulate-badge" }, "TEST", -1)),
                       n("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
                       r(p, {
@@ -729,8 +731,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ])
                     ])
                   ])) : t("", !0),
-                  n("div", Ge, [
-                    n("div", Le, [
+                  n("div", Ae, [
+                    n("div", Ge, [
                       e.messages.length > 0 ? (l(), i("div", {
                         key: 0,
                         class: u([
@@ -741,7 +743,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                         ]),
                         onClick: s[16] || (s[16] = (o) => !e.loading.conversationToggle && e.toggleMarkOpenClose())
                       }, [
-                        e.loading.conversationToggle ? (l(), i("span", ze, "...")) : (l(), i(h, { key: 1 }, [
+                        e.loading.conversationToggle ? (l(), i("span", Le, "...")) : (l(), i(h, { key: 1 }, [
                           k(a(e.$t(
                             e.isConversationOpen ? "HC_CLOSE" : "HC_OPEN"
                           )), 1)
@@ -758,7 +760,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                         style: { color: "#e67e22" },
                         onClick: s[17] || (s[17] = (...o) => e.toggleSimulateOpen && e.toggleSimulateOpen(...o))
                       }, a(e.$t("HC_SIMULATE")), 3)) : t("", !0),
-                      n("div", Ye, [
+                      n("div", ze, [
                         r(v, {
                           id: "comment-field",
                           modelValue: e.comment,
@@ -774,7 +776,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                           id: "hidden-text",
                           class: "text-sm",
                           innerHTML: e.comment
-                        }, null, 8, Pe),
+                        }, null, 8, Ye),
                         r(p, {
                           id: "quick-reply-trigger",
                           icon: "comment-lines",
@@ -823,8 +825,8 @@ function $o(e, s, So, Do, Ho, Vo) {
               color: "inkwell-30"
             }, {
               default: d(() => [
-                n("div", Be, [
-                  n("div", We, a(e.$t("HC_ACTION")), 1)
+                n("div", Pe, [
+                  n("div", Be, a(e.$t("HC_ACTION")), 1)
                 ])
               ]),
               _: 1
@@ -833,9 +835,9 @@ function $o(e, s, So, Do, Ho, Vo) {
               class: "flex flex-col",
               onSubmit: s[51] || (s[51] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
             }, [
-              e.showCreateRequest ? (l(), i("div", Ke, [
-                n("div", je, [
-                  n("div", Fe, [
+              e.showCreateRequest ? (l(), i("div", We, [
+                n("div", Ke, [
+                  n("div", je, [
                     r(m, {
                       id: "todo-type",
                       "model-value": e.requestType,
@@ -846,7 +848,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[20] || (s[20] = (o) => e.onSelectToDo(o))
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ]),
-                  e.requestType && e.requestType.id === "room_notice" ? (l(), i("div", Ze, [
+                  e.requestType && e.requestType.id === "room_notice" ? (l(), i("div", Fe, [
                     r(m, {
                       id: "todo-notice-issue",
                       "model-value": e.roomNotice.issue,
@@ -859,7 +861,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[21] || (s[21] = (o) => e.roomNotice.issue = o)
                     }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Qe, [
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Ze, [
                     r(w, {
                       id: "todo-notice-start-date",
                       "model-value": e.roomNotice.startDate,
@@ -877,7 +879,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[22] || (s[22] = (o) => e.roomNotice.startDate = o)
                     }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Je, [
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Qe, [
                     r(w, {
                       id: "todo-notice-end-date",
                       "model-value": e.roomNotice.endDate,
@@ -896,7 +898,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[23] || (s[23] = (o) => e.roomNotice.endDate = o)
                     }, null, 8, ["model-value", "minimum-date", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Xe, [
+                  e.requestType && e.requestType.id === "room_notice" && e.roomNotice.issue ? (l(), i("div", Je, [
                     r(v, {
                       id: "todo-notice-notes",
                       modelValue: e.roomNotice.notes,
@@ -908,7 +910,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" ? (l(), i("div", _e, [
+                  e.requestType && e.requestType.id === "complaint" ? (l(), i("div", Xe, [
                     r(m, {
                       id: "todo-complaint-problem",
                       "model-value": e.complaint.problem,
@@ -922,7 +924,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[25] || (s[25] = (o) => e.complaint.problem = o)
                     }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", xe, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", _e, [
                     r(C, {
                       id: "guest-name",
                       modelValue: e.complaint.guestName,
@@ -934,7 +936,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       required: ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", eo, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", xe, [
                     r(C, {
                       id: "guest-phone",
                       modelValue: e.complaint.guestPhone,
@@ -944,7 +946,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", oo, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", eo, [
                     r(C, {
                       id: "guest-email",
                       modelValue: e.complaint.guestEmail,
@@ -954,7 +956,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", so, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", oo, [
                     r(C, {
                       id: "guest-loyalty",
                       modelValue: e.complaint.guestLoyalty,
@@ -964,7 +966,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", lo, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", so, [
                     r(m, {
                       id: "todo-complaint-mood",
                       "model-value": e.complaint.guestMood,
@@ -976,7 +978,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[30] || (s[30] = (o) => e.complaint.guestMood = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", io, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", lo, [
                     r(w, {
                       id: "todo-complaint-check-in",
                       "model-value": e.complaint.checkInDate,
@@ -994,7 +996,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[31] || (s[31] = (o) => e.complaint.checkInDate = o)
                     }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", to, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", io, [
                     r(w, {
                       id: "todo-complaint-check-out",
                       "model-value": e.complaint.checkOutDate,
@@ -1013,7 +1015,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[32] || (s[32] = (o) => e.complaint.checkOutDate = o)
                     }, null, 8, ["model-value", "minimum-date", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", ro, [
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", to, [
                     r(v, {
                       id: "todo-complaint-notes",
                       modelValue: e.complaint.notes,
@@ -1025,7 +1027,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", no, [
+                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", ro, [
                     r(m, {
                       id: "todo-work-order-item",
                       "model-value": e.workOrder.item,
@@ -1041,7 +1043,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[34] || (s[34] = (o) => e.workOrder.item = o)
                     }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), i("div", ao, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item ? (l(), i("div", no, [
                     r(m, {
                       id: "todo-work-order-issue",
                       "model-value": e.workOrder.issue,
@@ -1053,7 +1055,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[35] || (s[35] = (o) => e.workOrder.issue = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", uo, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", ao, [
                     r(m, {
                       id: "todo-work-order-requested-by",
                       "model-value": e.workOrder.requestedBy,
@@ -1064,7 +1066,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[36] || (s[36] = (o) => e.workOrder.requestedBy = o)
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", po, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", uo, [
                     r(m, {
                       id: "todo-work-order-assign-type",
                       "model-value": e.workOrder.assignType,
@@ -1075,7 +1077,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[37] || (s[37] = (o) => e.workOrder.assignType = o)
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", mo, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", po, [
                     e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), y(m, {
                       key: 0,
                       id: "todo-work-order-assign-to",
@@ -1102,7 +1104,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[39] || (s[39] = (o) => e.workOrder.person = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0)
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", go, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", mo, [
                     r(w, {
                       id: "todo-work-order-due",
                       "model-value": e.workOrder.due,
@@ -1120,7 +1122,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[40] || (s[40] = (o) => e.workOrder.due = o)
                     }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", yo, [
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", go, [
                     r(v, {
                       id: "todo-work-order-notes",
                       modelValue: e.workOrder.notes,
@@ -1132,7 +1134,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" ? (l(), i("div", ko, [
+                  e.requestType && e.requestType.id === "request" ? (l(), i("div", yo, [
                     r(m, {
                       id: "todo-request-item",
                       "model-value": e.request.item,
@@ -1145,7 +1147,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[42] || (s[42] = (o) => e.request.item = o)
                     }, null, 8, ["model-value", "options", "disabled", "loading", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", ho, [
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", ko, [
                     r(m, {
                       id: "todo-request-requested-by",
                       "model-value": e.request.requestedBy,
@@ -1156,7 +1158,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[43] || (s[43] = (o) => e.request.requestedBy = o)
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", vo, [
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", ho, [
                     r(w, {
                       id: "todo-request-due",
                       "model-value": e.request.due,
@@ -1174,7 +1176,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[44] || (s[44] = (o) => e.request.due = o)
                     }, null, 8, ["model-value", "property-timezone", "locale", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", wo, [
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", vo, [
                     r(m, {
                       id: "todo-request-assign-type",
                       "model-value": e.request.assignType,
@@ -1185,7 +1187,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[45] || (s[45] = (o) => e.request.assignType = o)
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", fo, [
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", wo, [
                     e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), y(m, {
                       key: 0,
                       id: "todo-request-assign-to",
@@ -1212,7 +1214,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[47] || (s[47] = (o) => e.request.person = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0)
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", qo, [
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", fo, [
                     r(m, {
                       id: "todo-request-when",
                       "model-value": e.request.when,
@@ -1223,7 +1225,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[48] || (s[48] = (o) => e.request.when = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", bo, [
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", qo, [
                     r(m, {
                       id: "todo-request-where",
                       "model-value": e.request.where,
@@ -1234,7 +1236,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                       "onUpdate:modelValue": s[49] || (s[49] = (o) => e.request.where = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", To, [
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", bo, [
                     r(v, {
                       id: "todo-request-notes",
                       modelValue: e.request.notes,
@@ -1248,7 +1250,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   ])) : t("", !0)
                 ])
               ])) : t("", !0),
-              n("div", Co, [
+              n("div", To, [
                 r(T, {
                   status: "secondary",
                   onClick: E(e.closeRequest, ["prevent"])
@@ -1272,7 +1274,7 @@ function $o(e, s, So, Do, Ho, Vo) {
               ])
             ], 32)
           ], 2),
-          e.loading.pms ? (l(), i("div", co)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", Oo, [
+          e.loading.pms ? (l(), i("div", Co)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", co, [
             r(p, {
               class: "flex-shrink-1 mr-2",
               size: "sm",
@@ -1280,17 +1282,17 @@ function $o(e, s, So, Do, Ho, Vo) {
               icon: "clock-alarm",
               type: "outline"
             }),
-            n("p", Eo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
+            n("p", Oo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
               e.roomDetailsData.updatedAt
             ).toRelative({ locale: e.locale })), 1)
           ])) : t("", !0)
         ], 8, L)
       ]),
       _: 3
-    }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to"])
-  ], 40, I)) : t("", !0);
+    }, 8, ["model-value", "align", "position", "size", "teleport", "teleport-to", "close-on-scroll-out-of-view", "scroll-into-view", "scroll-into-view-padding"])
+  ], 40, A)) : t("", !0);
 }
-const Io = /* @__PURE__ */ R(N, [["render", $o]]);
+const Io = /* @__PURE__ */ I(N, [["render", Eo]]);
 export {
   Io as default
 };