@quoreadmin/ui 1.7.7 → 1.7.9

package/dist/index43.js

@@ -1,5 +1,5 @@
 import N from "./index140.js";
-import { resolveComponent as y, createElementBlock as i, createCommentVNode as t, openBlock as l, createVNode as n, withCtx as d, createElementVNode as r, normalizeClass as u, toDisplayString as a, createBlock as g, Fragment as h, renderList as f, 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, 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";
 /* empty css         */
 import R from "./index62.js";
 const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
@@ -23,10 +23,10 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, le = ["href"], ie = { class: "shrink-0 mr-2 text-sm font-normal" }, te = {
   key: 0,
   class: "animate-shimmer bg-gray-10 w-full h-6"
-}, ne = {
+}, re = {
   key: 1,
   class: "guest-info-container"
-}, re = {
+}, ne = {
   key: 0,
   class: "text-base text-inkwell-30 mb-2"
 }, ae = {
@@ -35,7 +35,7 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, de = { class: "text-truncate text-inkwell-0" }, ue = { class: "grow text-inkwell-30" }, pe = {
   key: 1,
   class: "flex gap-1 text-xs mb-2 stay-details-row"
-}, me = { class: "text-truncate text-inkwell-0" }, ye = { class: "grow text-inkwell-30" }, ge = { class: "shrink-0 mr-2 text-sm font-normal" }, ke = {
+}, me = { class: "text-truncate text-inkwell-0" }, ge = { class: "grow text-inkwell-30" }, ye = { class: "shrink-0 mr-2 text-sm font-normal" }, ke = {
   key: 0,
   class: "animate-shimmer bg-gray-30 w-full h-6"
 }, he = {
@@ -44,13 +44,13 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, ve = ["id"], we = {
   key: 2,
   class: "text-center mx-auto font-normal"
-}, qe = { class: "shrink-0 mr-2 text-sm font-normal" }, fe = {
+}, fe = { class: "shrink-0 mr-2 text-sm font-normal" }, qe = {
   key: 0,
   class: "quick-replies"
-}, Te = ["onClick"], Ce = {
+}, be = ["onClick"], Te = {
   key: 1,
   class: "text-inkwell-0 text-xxs text-center"
-}, ce = { class: "chat-container" }, be = {
+}, Ce = { class: "chat-container" }, ce = {
   id: "comments-container",
   class: "chat-messages"
 }, Oe = {
@@ -113,10 +113,10 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, to = {
   key: 11,
   class: "field"
-}, no = {
+}, ro = {
   key: 12,
   class: "field col-span-2"
-}, ro = {
+}, no = {
   key: 13,
   class: "field"
 }, ao = {
@@ -131,10 +131,10 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, mo = {
   key: 17,
   class: "field"
-}, yo = {
+}, go = {
   key: 18,
   class: "field"
-}, go = {
+}, yo = {
   key: 19,
   class: "field col-span-2"
 }, ko = {
@@ -149,24 +149,24 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
 }, wo = {
   key: 23,
   class: "field"
-}, qo = {
+}, fo = {
   key: 24,
   class: "field"
-}, fo = {
+}, qo = {
   key: 25,
   class: "field"
-}, To = {
+}, bo = {
   key: 26,
   class: "field"
-}, Co = {
+}, To = {
   key: 27,
   class: "field col-span-2"
-}, co = {
+}, Co = {
   class: /* @__PURE__ */ u([
     "actions flex-shrink-0",
     "flex items-center justify-between mt-4"
   ])
-}, bo = {
+}, co = {
   key: 4,
   class: "animate-shimmer bg-gray-30 w-full h-4 my-4"
 }, Oo = {
@@ -174,14 +174,14 @@ const I = ["id"], G = ["id"], L = ["id"], z = { class: "flex gap-3" }, Y = {
   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 = y("q-icon"), q = y("q-tooltip"), $ = y("q-tag"), S = y("q-popover"), T = y("q-divider"), O = y("q-accordion"), M = y("q-activity-item"), D = y("q-avatar"), v = y("q-textarea"), C = y("q-button"), m = y("q-select"), w = y("q-date-picker"), c = y("q-input");
+  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");
   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))
   }, [
-    n(S, {
+    r(S, {
       "model-value": e.open,
       align: e.alignment,
       position: e.positioning,
@@ -192,7 +192,7 @@ function $o(e, s, So, Do, Ho, Vo) {
       "onUpdate:modelValue": s[53] || (s[53] = (o) => e.$emit("toggle", o))
     }, {
       trigger: d(() => [
-        r("div", U({
+        n("div", U({
           ref: "trigger",
           id: e.id ? `rdp-${e.id}-trigger` : "",
           class: "trigger-text"
@@ -207,11 +207,11 @@ function $o(e, s, So, Do, Ho, Vo) {
         ], 16, G)
       ]),
       content: d(() => [
-        r("div", {
+        n("div", {
           id: e.id ? `rdp-${e.id}-content` : "",
           class: "popover-content w-full font-weight-normal cursor-default"
         }, [
-          r("div", z, [
+          n("div", z, [
             e.loading.pms || e.loading.roomNotices ? (l(), i("div", Y)) : (l(), i("div", {
               key: 1,
               class: u([
@@ -220,7 +220,7 @@ function $o(e, s, So, Do, Ho, Vo) {
               ])
             }, [
               e.showRoomName ? (l(), i("h2", P, [
-                r("strong", null, a(e.$t("HC_GUESTROOM")) + " " + a(e.room.name), 1)
+                n("strong", null, a(e.$t("HC_GUESTROOM")) + " " + a(e.room.name), 1)
               ])) : t("", !0),
               (e.occupied || e.cleanliness || e.tagsList.length && !e.showRoomName) && e.size !== "sm" ? (l(), i("div", {
                 key: 1,
@@ -229,12 +229,12 @@ function $o(e, s, So, Do, Ho, Vo) {
                   { "gap-y-3": !e.showRoomName }
                 ])
               }, [
-                e.occupied ? (l(), g(q, {
+                e.occupied ? (l(), y(f, {
                   key: 0,
                   class: "flex shrink-0 items-center"
                 }, {
                   trigger: d(() => [
-                    n(p, {
+                    r(p, {
                       icon: "user",
                       type: "fill",
                       color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
@@ -247,12 +247,12 @@ function $o(e, s, So, Do, Ho, Vo) {
                   ]),
                   _: 1
                 })) : t("", !0),
-                e.cleanliness ? (l(), g(q, {
+                e.cleanliness ? (l(), y(f, {
                   key: 1,
                   class: "flex shrink-0 items-center"
                 }, {
                   trigger: d(() => [
-                    n(p, {
+                    r(p, {
                       icon: "spray-bottle",
                       type: "fill",
                       color: e.cleanlinessColor,
@@ -265,13 +265,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                   ]),
                   _: 1
                 })) : t("", !0),
-                e.tagsList.length && !e.showRoomName ? (l(!0), i(h, { key: 2 }, f(e.tagsList, (o) => (l(), i("a", {
+                e.tagsList.length && !e.showRoomName ? (l(!0), i(h, { key: 2 }, q(e.tagsList, (o) => (l(), i("a", {
                   key: o,
                   href: typeof o == "object" && o.id && o.name ? `/roomsbook/notice.php?id=${o.id}` : "",
                   target: "_blank",
                   class: "capitalize"
                 }, [
-                  n($, {
+                  r($, {
                     class: u([
                       "!text-xs !leading-4",
                       "shrink-0 max-w-[100px] !h-auto",
@@ -290,8 +290,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ], 8, K))), 128)) : t("", !0)
               ], 2)) : t("", !0)
             ], 2)),
-            r("div", j, [
-              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), g(S, {
+            n("div", j, [
+              e.showActionMenu && (e.showActionsLink || !e.hasGuestCallback && e.showGuestCallback || e.showComments || e.showGuestDetails) ? (l(), y(S, {
                 key: 0,
                 modelValue: e.actionMenuOpen,
                 "onUpdate:modelValue": s[7] || (s[7] = (o) => e.actionMenuOpen = o),
@@ -302,7 +302,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                 onClose: s[8] || (s[8] = (o) => e.actionMenuOpen = !1)
               }, {
                 trigger: d(() => [
-                  n(p, {
+                  r(p, {
                     class: "popover-action rounded-full cursor-pointer",
                     icon: "ellipsis-h",
                     size: "md",
@@ -311,7 +311,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   })
                 ]),
                 content: d(() => [
-                  r("ul", F, [
+                  n("ul", F, [
                     e.showActionsLink ? (l(), i("li", {
                       key: 0,
                       class: u([
@@ -324,14 +324,14 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ]),
                       onClick: s[3] || (s[3] = (...o) => e.openRequest && e.openRequest(...o))
                     }, [
-                      n(p, {
+                      r(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "plus",
                         size: "md",
                         type: ""
                       }),
-                      r("div", Z, a(e.$t("HC_ACTION")), 1)
+                      n("div", Z, a(e.$t("HC_ACTION")), 1)
                     ], 2)) : t("", !0),
                     !e.hasGuestCallback && e.showGuestCallback ? (l(), i("li", {
                       key: 1,
@@ -346,14 +346,14 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ]),
                       onClick: s[4] || (s[4] = (...o) => e.createCallback && e.createCallback(...o))
                     }, [
-                      n(p, {
+                      r(p, {
                         class: "shrink-0 mr-1 p-0.5",
                         color: "inkwell-10",
                         icon: "phone-plus",
                         size: "md",
                         type: "fill"
                       }),
-                      r("div", Q, a(e.$t(
+                      n("div", Q, a(e.$t(
                         "HC_GUEST_SATISFACTION_CALL"
                       )), 1)
                     ], 2)) : t("", !0),
@@ -370,14 +370,14 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ]),
                       onClick: s[5] || (s[5] = (...o) => e.onClickEditConnectGuest && e.onClickEditConnectGuest(...o))
                     }, [
-                      n(p, {
+                      r(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "pencil",
                         size: "md",
                         type: "fill"
                       }),
-                      r("div", J, a(e.$t("HC_EDIT_INFORMATION")), 1)
+                      n("div", J, a(e.$t("HC_EDIT_INFORMATION")), 1)
                     ], 2)) : t("", !0),
                     e.showGuestDetails ? (l(), i("li", {
                       key: 3,
@@ -391,23 +391,23 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ]),
                       onClick: s[6] || (s[6] = (...o) => e.refreshPMSData && e.refreshPMSData(...o))
                     }, [
-                      n(p, {
+                      r(p, {
                         class: "shrink-0 mr-1 p-1",
                         color: "inkwell-10",
                         icon: "refresh",
                         size: "md",
                         type: ""
                       }),
-                      r("div", X, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
+                      n("div", X, a(e.$t("HC_REFRESH_PMS_DATA")), 1)
                     ], 2)) : t("", !0)
                   ])
                 ]),
                 _: 1
               }, 8, ["modelValue"])) : t("", !0),
-              r("div", _, [
-                n(q, null, {
+              n("div", _, [
+                r(f, null, {
                   trigger: d(() => [
-                    n(p, {
+                    r(p, {
                       icon: "close",
                       size: "md",
                       type: "",
@@ -424,14 +424,14 @@ 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.occupied ? (l(), g(p, {
+            e.occupied ? (l(), y(p, {
               key: 0,
               icon: "user",
               type: "fill",
               color: e.occupied && e.hasComplaint ? "red-10" : "gray-30",
               size: "sm"
             }, null, 8, ["color"])) : t("", !0),
-            e.cleanliness ? (l(), g(p, {
+            e.cleanliness ? (l(), y(p, {
               key: 1,
               icon: "spray-bottle",
               type: "fill",
@@ -440,15 +440,15 @@ function $o(e, s, So, Do, Ho, Vo) {
             }, null, 8, ["color"])) : t("", !0)
           ])) : t("", !0),
           e.loading.roomNotices ? (l(), i("div", oe)) : !e.loading.roomNotices && e.tagsList.length && e.showRoomName ? (l(), i("div", se, [
-            (l(!0), i(h, null, f(e.tagsList, (o) => (l(), i("a", {
+            (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}` : "",
               target: "_blank",
               class: "mr-2 mb-1 capitalize"
             }, [
-              n(q, { position: "bottom" }, {
+              r(f, { position: "bottom" }, {
                 trigger: d(() => [
-                  n($, {
+                  r($, {
                     class: u([
                       "!text-tiny !leading-4",
                       "shrink-0 max-w-[100px] !h-auto",
@@ -472,10 +472,10 @@ function $o(e, s, So, Do, Ho, Vo) {
               }, 1024)
             ], 8, le))), 128))
           ])) : t("", !0),
-          r("div", {
+          n("div", {
             class: u(["accordions", { closed: e.showCreateRequest }])
           }, [
-            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), g(O, {
+            e.showGuestDetails && e.roomDetailsData.reservations && e.roomDetailsData.reservations[0] ? (l(), y(O, {
               key: 0,
               modelValue: e.expandGuestInfo,
               "onUpdate:modelValue": s[11] || (s[11] = (o) => e.expandGuestInfo = o),
@@ -483,13 +483,13 @@ function $o(e, s, So, Do, Ho, Vo) {
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
               toggle: d(() => [
-                r("div", {
+                n("div", {
                   class: "flex items-center cursor-pointer",
                   onClick: s[10] || (s[10] = (o) => e.expandGuestInfo = !e.expandGuestInfo)
                 }, [
-                  r("div", ie, a(e.$t("HC_GUEST_INFORMATION")), 1),
-                  n(T, { class: "grow" }),
-                  n(p, {
+                  n("div", ie, a(e.$t("HC_GUEST_INFORMATION")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
                     class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandGuestInfo }
@@ -501,30 +501,30 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ])
               ]),
               content: d(() => [
-                e.loading.pms ? (l(), i("div", te)) : (l(), i("div", ne, [
-                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", re, [
-                    r("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
+                e.loading.pms ? (l(), i("div", te)) : (l(), i("div", re, [
+                  e.roomDetailsData.reservations[0].guestName ? (l(), i("p", ne, [
+                    n("strong", null, a(e.roomDetailsData.reservations[0].guestName), 1)
                   ])) : t("", !0),
-                  r("div", {
+                  n("div", {
                     class: u([
                       "stay-details-container flex",
                       e.size === "sm" ? "flex-col" : "flex-row gap-3"
                     ])
                   }, [
                     e.roomDetailsData.reservations[0].confirmationNumber ? (l(), i("div", ae, [
-                      r("div", de, a(e.$t("HC_RESERVATION")) + ": ", 1),
-                      r("div", ue, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
+                      n("div", de, a(e.$t("HC_RESERVATION")) + ": ", 1),
+                      n("div", ue, a(e.roomDetailsData.reservations[0].confirmationNumber), 1)
                     ])) : t("", !0),
                     e.stayDetails ? (l(), i("div", pe, [
-                      r("div", me, a(e.$t("HC_STAY")) + ": ", 1),
-                      r("div", ye, a(e.stayDetails), 1)
+                      n("div", me, a(e.$t("HC_STAY")) + ": ", 1),
+                      n("div", ge, a(e.stayDetails), 1)
                     ])) : t("", !0)
                   ], 2)
                 ]))
               ]),
               _: 1
             }, 8, ["modelValue"])) : t("", !0),
-            e.showTickets ? (l(), g(O, {
+            e.showTickets ? (l(), y(O, {
               key: 1,
               modelValue: e.expandTickets,
               "onUpdate:modelValue": s[13] || (s[13] = (o) => e.expandTickets = o),
@@ -532,13 +532,13 @@ function $o(e, s, So, Do, Ho, Vo) {
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
               toggle: d(() => [
-                r("div", {
+                n("div", {
                   class: "flex items-center cursor-pointer",
                   onClick: s[12] || (s[12] = (o) => e.expandTickets = !e.expandTickets)
                 }, [
-                  r("div", ge, a(e.$t("HC_OPEN_TICKETS")), 1),
-                  n(T, { class: "grow" }),
-                  n(p, {
+                  n("div", ye, a(e.$t("HC_OPEN_TICKETS")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
                     class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandTickets }
@@ -551,14 +551,14 @@ function $o(e, s, So, Do, Ho, Vo) {
               ]),
               content: d(() => [
                 e.loading.tickets ? (l(), i("div", ke)) : e.ticketsList.length ? (l(), i("ul", he, [
-                  (l(!0), i(h, null, f(e.ticketsList, (o, b) => (l(), i("li", {
+                  (l(!0), i(h, null, q(e.ticketsList, (o, c) => (l(), i("li", {
                     key: o.id,
                     id: `open-ticket-${o.id}`
                   }, [
-                    n(M, {
+                    r(M, {
                       class: u([
                         {
-                          "mt-3": b > 0,
+                          "mt-3": c > 0,
                           pulse: o.isNew
                         }
                       ]),
@@ -575,7 +575,7 @@ function $o(e, s, So, Do, Ho, Vo) {
               ]),
               _: 1
             }, 8, ["modelValue"])) : t("", !0),
-            e.showComments ? (l(), g(O, {
+            e.showComments ? (l(), y(O, {
               key: 2,
               modelValue: e.expandComments,
               "onUpdate:modelValue": s[19] || (s[19] = (o) => e.expandComments = o),
@@ -583,13 +583,13 @@ function $o(e, s, So, Do, Ho, Vo) {
               "content-class": "!px-0 !pt-3 !pb-0"
             }, {
               toggle: d(() => [
-                r("div", {
+                n("div", {
                   class: "flex items-center cursor-pointer",
                   onClick: s[14] || (s[14] = (o) => e.expandComments = !e.expandComments)
                 }, [
-                  r("div", qe, a(e.$t("HC_GUEST_CONNECT")), 1),
-                  n(T, { class: "grow" }),
-                  n(p, {
+                  n("div", fe, a(e.$t("HC_GUEST_CONNECT")), 1),
+                  r(b, { class: "grow" }),
+                  r(p, {
                     class: u([
                       "ml-2 transition-transform",
                       { "rotate-90": e.expandComments }
@@ -601,7 +601,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                 ])
               ]),
               content: d(() => [
-                r("div", {
+                n("div", {
                   class: u([
                     "quick-replies-container",
                     "flex flex-col",
@@ -614,37 +614,37 @@ function $o(e, s, So, Do, Ho, Vo) {
                     }
                   ])
                 }, [
-                  e.filteredReplies.length ? (l(), i("div", fe, [
-                    (l(!0), i(h, null, f(e.filteredReplies, (o) => (l(), i("div", {
+                  e.filteredReplies.length ? (l(), i("div", qe, [
+                    (l(!0), i(h, null, q(e.filteredReplies, (o) => (l(), i("div", {
                       key: o,
                       class: u([
                         "quick-reply",
                         { active: e.comment }
                       ]),
-                      onClick: (b) => e.onSelectQuickReply(o)
+                      onClick: (c) => e.onSelectQuickReply(o)
                     }, [
-                      r("div", null, a(o), 1)
-                    ], 10, Te))), 128))
-                  ])) : (l(), i("div", Ce, a(e.$t("HC_NO_RESULTS_FOUND_FOR")) + ' "' + a(e.comment) + '". ', 1))
+                      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))
                 ], 2),
-                r("div", ce, [
-                  r("div", be, [
+                n("div", Ce, [
+                  n("div", ce, [
                     e.loading.messages ? (l(), i("div", Oe, [...s[55] || (s[55] = [
-                      r("div", { class: "flex gap-2 items-end" }, [
-                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
-                        r("div", { class: "animate-shimmer bg-gray-10 h-12 w-3/4 rounded-lg" })
+                      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" })
                       ], -1),
-                      r("div", { class: "flex gap-2 items-end justify-end" }, [
-                        r("div", { class: "animate-shimmer bg-gray-10 h-10 w-2/3 rounded-lg" }),
-                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" })
+                      n("div", { class: "flex gap-2 items-end justify-end" }, [
+                        n("div", { class: "animate-shimmer bg-gray-10 h-10 w-2/3 rounded-lg" }),
+                        n("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" })
                       ], -1),
-                      r("div", { class: "flex gap-2 items-end" }, [
-                        r("div", { class: "animate-shimmer bg-gray-20 w-8 h-8 rounded-full shrink-0" }),
-                        r("div", { class: "animate-shimmer bg-gray-10 h-8 w-1/2 rounded-lg" })
+                      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-8 w-1/2 rounded-lg" })
                       ], -1)
-                    ])])) : (l(!0), i(h, { key: 1 }, f(e.groupedMessages, (o, b) => (l(), i(h, { key: b }, [
+                    ])])) : (l(!0), i(h, { key: 1 }, q(e.groupedMessages, (o, c) => (l(), i(h, { key: c }, [
                       o.type === "separator" ? (l(), i("div", Ee, [
-                        r("span", $e, a(o.label), 1)
+                        n("span", $e, a(o.label), 1)
                       ])) : (l(), i("div", {
                         key: 1,
                         class: u([
@@ -656,9 +656,9 @@ function $o(e, s, So, Do, Ho, Vo) {
                         ])
                       }, [
                         o.isGuestMessage ? (l(), i("div", Se, [
-                          n(q, { position: "top" }, {
+                          r(f, { position: "top" }, {
                             trigger: d(() => [
-                              n(D, {
+                              r(D, {
                                 initials: o.user?.initials || "?",
                                 src: o.user?.src || "",
                                 size: "sm"
@@ -670,14 +670,14 @@ function $o(e, s, So, Do, Ho, Vo) {
                             _: 2
                           }, 1024)
                         ])) : t("", !0),
-                        r("div", De, [
-                          r("div", He, a(o.formattedTime), 1),
-                          r("div", Ve, a(o.comment), 1)
+                        n("div", De, [
+                          n("div", He, a(o.formattedTime), 1),
+                          n("div", Ve, a(o.comment), 1)
                         ]),
                         o.isStaffMessage ? (l(), i("div", Me, [
-                          n(D, { size: "sm" }, {
+                          r(D, { size: "sm" }, {
                             default: d(() => [
-                              n(p, {
+                              r(p, {
                                 icon: "building",
                                 size: "sm",
                                 color: "gray-30",
@@ -692,18 +692,18 @@ function $o(e, s, So, Do, Ho, Vo) {
                     !e.loading.messages && !e.groupedMessages.length ? (l(), i("div", Ne, a(e.$t("HC_NO_MESSAGES_YET")), 1)) : t("", !0)
                   ]),
                   e.isTestEnvironment && e.simulateOpen ? (l(), i("div", Ue, [
-                    r("div", Ae, [
-                      s[56] || (s[56] = r("span", { class: "simulate-badge" }, "TEST", -1)),
-                      r("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
-                      n(p, {
+                    n("div", Ae, [
+                      s[56] || (s[56] = n("span", { class: "simulate-badge" }, "TEST", -1)),
+                      n("span", null, a(e.$t("HC_SIMULATE_GUEST_REPLY")), 1),
+                      r(p, {
                         icon: "close",
                         size: "sm",
                         class: "cursor-pointer ml-auto",
                         onClick: e.toggleSimulateOpen
                       }, null, 8, ["onClick"])
                     ]),
-                    r("div", Re, [
-                      n(v, {
+                    n("div", Re, [
+                      r(v, {
                         id: "simulate-content",
                         modelValue: e.simulateContent,
                         "onUpdate:modelValue": s[15] || (s[15] = (o) => e.simulateContent = o),
@@ -713,8 +713,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                         rows: 2,
                         onKeydown: H(E(e.simulateGuestReply, ["prevent"]), ["enter"])
                       }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                      r("div", Ie, [
-                        n(C, {
+                      n("div", Ie, [
+                        r(T, {
                           disabled: !e.simulateContent.trim() || e.simulateLoading,
                           loading: e.simulateLoading,
                           size: "xsm",
@@ -729,8 +729,8 @@ function $o(e, s, So, Do, Ho, Vo) {
                       ])
                     ])
                   ])) : t("", !0),
-                  r("div", Ge, [
-                    r("div", Le, [
+                  n("div", Ge, [
+                    n("div", Le, [
                       e.messages.length > 0 ? (l(), i("div", {
                         key: 0,
                         class: u([
@@ -758,8 +758,8 @@ 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),
-                      r("div", Ye, [
-                        n(v, {
+                      n("div", Ye, [
+                        r(v, {
                           id: "comment-field",
                           modelValue: e.comment,
                           "onUpdate:modelValue": s[18] || (s[18] = (o) => e.comment = o),
@@ -767,14 +767,15 @@ function $o(e, s, So, Do, Ho, Vo) {
                           placeholder: e.quickReplyOpen ? e.$t("HC_SEARCH_REPLIES") : e.$t("HC_WRITE_A_MESSAGE"),
                           rows: 1,
                           "control-class": "w-full",
+                          "floating-label": "",
                           onKeydown: H(e.sendChatMessage, ["enter"])
                         }, null, 8, ["modelValue", "placeholder", "onKeydown"]),
-                        r("div", {
+                        n("div", {
                           id: "hidden-text",
                           class: "text-sm",
                           innerHTML: e.comment
                         }, null, 8, Pe),
-                        n(p, {
+                        r(p, {
                           id: "quick-reply-trigger",
                           icon: "comment-lines",
                           class: "cursor-pointer !absolute top-1/2 -translate-y-1/2 mb-1",
@@ -783,7 +784,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                           type: e.quickReplyOpen ? "fill" : "outline",
                           onClick: e.toggleQuickReply
                         }, null, 8, ["color", "type", "onClick"]),
-                        n(C, {
+                        r(T, {
                           id: "send-comment",
                           disabled: !e.comment || e.quickReplyOpen || e.loading.sendingMessage,
                           loading: e.loading.sendingMessage,
@@ -806,7 +807,7 @@ function $o(e, s, So, Do, Ho, Vo) {
               _: 1
             }, 8, ["modelValue"])) : t("", !0)
           ], 2),
-          r("div", {
+          n("div", {
             id: "add-ticket",
             class: u([
               "add-ticket",
@@ -816,50 +817,50 @@ function $o(e, s, So, Do, Ho, Vo) {
               }
             ])
           }, [
-            n(T, {
+            r(b, {
               class: "text-base section-header mb-3",
               align: "left",
               color: "inkwell-30"
             }, {
               default: d(() => [
-                r("div", Be, [
-                  r("div", We, a(e.$t("HC_ACTION")), 1)
+                n("div", Be, [
+                  n("div", We, a(e.$t("HC_ACTION")), 1)
                 ])
               ]),
               _: 1
             }),
-            r("form", {
+            n("form", {
               class: "flex flex-col",
               onSubmit: s[51] || (s[51] = E((...o) => e.onCreateRequestSubmit && e.onCreateRequestSubmit(...o), ["prevent"]))
             }, [
               e.showCreateRequest ? (l(), i("div", Ke, [
-                r("div", je, [
-                  r("div", Fe, [
-                    n(m, {
+                n("div", je, [
+                  n("div", Fe, [
+                    r(m, {
                       id: "todo-type",
                       "model-value": e.requestType,
                       options: e.todoOptions,
                       placeholder: e.$t("HC_ACTION_TYPE"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-notice-issue",
                       "model-value": e.roomNotice.issue,
                       options: e.itemOptionsList,
                       disabled: !e.itemOptionsList.length && !e.loading.actionItems,
                       loading: e.loading.actionItems,
                       placeholder: e.$t("HC_ITEM"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(w, {
+                    r(w, {
                       id: "todo-notice-start-date",
                       "model-value": e.roomNotice.startDate,
                       "is-today-min": !0,
@@ -871,13 +872,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(w, {
+                    r(w, {
                       id: "todo-notice-end-date",
                       "model-value": e.roomNotice.endDate,
                       "is-today-min": !0,
@@ -890,24 +891,25 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(v, {
+                    r(v, {
                       id: "todo-notice-notes",
                       modelValue: e.roomNotice.notes,
                       "onUpdate:modelValue": s[24] || (s[24] = (o) => e.roomNotice.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
                       "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
                       "control-class": "w-full",
-                      rows: 2
+                      rows: 2,
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "complaint" ? (l(), i("div", _e, [
-                    n(m, {
+                    r(m, {
                       id: "todo-complaint-problem",
                       "model-value": e.complaint.problem,
                       options: e.itemOptionsList,
@@ -915,67 +917,67 @@ function $o(e, s, So, Do, Ho, Vo) {
                       loading: e.loading.actionItems,
                       multiple: !1,
                       placeholder: e.$t("HC_PROBLEM"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(c, {
+                    r(C, {
                       id: "guest-name",
                       modelValue: e.complaint.guestName,
                       "onUpdate:modelValue": s[26] || (s[26] = (o) => e.complaint.guestName = o),
                       placeholder: e.$t("HC_GUEST_NAME"),
                       "control-class": "w-full",
                       classes: "text-inkwell-30 border-gray-12 ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", eo, [
-                    n(c, {
+                    r(C, {
                       id: "guest-phone",
                       modelValue: e.complaint.guestPhone,
                       "onUpdate:modelValue": s[27] || (s[27] = (o) => e.complaint.guestPhone = o),
                       placeholder: e.$t("HC_GUEST_PHONE_NUMBER"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
-                      condensed: ""
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", oo, [
-                    n(c, {
+                    r(C, {
                       id: "guest-email",
                       modelValue: e.complaint.guestEmail,
                       "onUpdate:modelValue": s[28] || (s[28] = (o) => e.complaint.guestEmail = o),
                       placeholder: e.$t("HC_GUEST_EMAIL"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
-                      condensed: ""
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", so, [
-                    n(c, {
+                    r(C, {
                       id: "guest-loyalty",
                       modelValue: e.complaint.guestLoyalty,
                       "onUpdate:modelValue": s[29] || (s[29] = (o) => e.complaint.guestLoyalty = o),
                       placeholder: e.$t("HC_GUEST_LOYALTY"),
                       classes: "text-inkwell-40 border-gray-12 ui-overhaul",
-                      condensed: ""
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", lo, [
-                    n(m, {
+                    r(m, {
                       id: "todo-complaint-mood",
                       "model-value": e.complaint.guestMood,
                       options: e.moodOptions,
                       disabled: !e.moodOptions.length,
                       placeholder: e.$t("HC_GUEST_MOOD"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(w, {
+                    r(w, {
                       id: "todo-complaint-check-in",
                       "model-value": e.complaint.checkInDate,
                       "is-today-min": !1,
@@ -987,13 +989,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(w, {
+                    r(w, {
                       id: "todo-complaint-check-out",
                       "model-value": e.complaint.checkOutDate,
                       "is-today-min": !1,
@@ -1006,24 +1008,25 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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", no, [
-                    n(v, {
+                  e.requestType && e.requestType.id === "complaint" && e.complaint.problem ? (l(), i("div", ro, [
+                    r(v, {
                       id: "todo-complaint-notes",
                       modelValue: e.complaint.notes,
                       "onUpdate:modelValue": s[33] || (s[33] = (o) => e.complaint.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
                       "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
                       "control-class": "w-full",
-                      rows: 2
+                      rows: 2,
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
-                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", ro, [
-                    n(m, {
+                  e.requestType && e.requestType.id === "work_order" ? (l(), i("div", no, [
+                    r(m, {
                       id: "todo-work-order-item",
                       "model-value": e.workOrder.item,
                       options: e.itemOptionsList,
@@ -1033,58 +1036,58 @@ function $o(e, s, So, Do, Ho, Vo) {
                       placeholder: e.$t("HC_ITEM"),
                       "group-label": "group",
                       "group-values": "options",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-work-order-issue",
                       "model-value": e.workOrder.issue,
                       options: e.workOrderIssues,
                       disabled: !e.workOrderIssues.length,
                       placeholder: e.$t("HC_ISSUE"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-work-order-requested-by",
                       "model-value": e.workOrder.requestedBy,
                       options: e.requestedByOptions,
                       placeholder: e.$t("HC_REQUESTED_BY"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-work-order-assign-type",
                       "model-value": e.workOrder.assignType,
                       options: e.assignTypes,
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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 && e.workOrder.assignType && e.workOrder.assignType.id === 1 ? (l(), g(m, {
+                    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",
                       "model-value": e.workOrder.department,
                       options: e.departments,
                       disabled: !e.departments.length,
                       placeholder: e.$t("HC_ASSIGN_TO"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "onUpdate:modelValue": s[38] || (s[38] = (o) => e.workOrder.department = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0),
-                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 2 ? (l(), g(m, {
+                    e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue && e.workOrder.assignType && e.workOrder.assignType.id === 2 ? (l(), y(m, {
                       key: 1,
                       id: "todo-work-order-assign-to",
                       "model-value": e.workOrder.person,
@@ -1094,13 +1097,13 @@ function $o(e, s, So, Do, Ho, Vo) {
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       "group-label": "group",
                       "group-values": "options",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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", yo, [
-                    n(w, {
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", go, [
+                    r(w, {
                       id: "todo-work-order-due",
                       "model-value": e.workOrder.due,
                       "is-today-min": !0,
@@ -1112,48 +1115,49 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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", go, [
-                    n(v, {
+                  e.requestType && e.requestType.id === "work_order" && e.workOrder.item && e.workOrder.issue ? (l(), i("div", yo, [
+                    r(v, {
                       id: "todo-work-order-notes",
                       modelValue: e.workOrder.notes,
                       "onUpdate:modelValue": s[41] || (s[41] = (o) => e.workOrder.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
                       "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
                       "control-class": "w-full",
-                      rows: 2
+                      rows: 2,
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0),
                   e.requestType && e.requestType.id === "request" ? (l(), i("div", ko, [
-                    n(m, {
+                    r(m, {
                       id: "todo-request-item",
                       "model-value": e.request.item,
                       options: e.itemOptionsList,
                       disabled: !e.itemOptionsList.length && !e.loading.actionItems,
                       loading: e.loading.actionItems,
                       placeholder: e.$t("HC_ITEM"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-request-requested-by",
                       "model-value": e.request.requestedBy,
                       options: e.requestedByOptions,
                       placeholder: e.$t("HC_REQUESTED_BY"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(w, {
+                    r(w, {
                       id: "todo-request-due",
                       "model-value": e.request.due,
                       "is-today-min": !0,
@@ -1165,35 +1169,35 @@ function $o(e, s, So, Do, Ho, Vo) {
                       class: "icon-right",
                       "input-classes": "datepicker-md text-inkwell-40",
                       "wrapper-classes": "ui-overhaul",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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, [
-                    n(m, {
+                    r(m, {
                       id: "todo-request-assign-type",
                       "model-value": e.request.assignType,
                       options: e.assignTypes,
                       placeholder: e.$t("HC_ASSIGN_TYPE"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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", qo, [
-                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 1 ? (l(), g(m, {
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", fo, [
+                    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",
                       "model-value": e.request.department,
                       options: e.departments,
                       disabled: !e.departments.length,
                       placeholder: e.$t("HC_ASSIGN_TO"),
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "onUpdate:modelValue": s[46] || (s[46] = (o) => e.request.department = o)
                     }, null, 8, ["model-value", "options", "disabled", "placeholder"])) : t("", !0),
-                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 2 ? (l(), g(m, {
+                    e.requestType && e.requestType.id === "request" && e.request.item && e.request.assignType && e.request.assignType.id === 2 ? (l(), y(m, {
                       key: 1,
                       id: "todo-request-assign-to",
                       "model-value": e.request.person,
@@ -1203,48 +1207,49 @@ function $o(e, s, So, Do, Ho, Vo) {
                       placeholder: e.$t("HC_ASSIGN_TO"),
                       "group-label": "group",
                       "group-values": "options",
-                      condensed: "",
+                      "floating-label": "",
                       required: "",
                       "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", fo, [
-                    n(m, {
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", qo, [
+                    r(m, {
                       id: "todo-request-when",
                       "model-value": e.request.when,
                       options: e.whenOptions,
                       disabled: !e.whenOptions.length,
                       placeholder: e.$t("HC_SELECT_WHEN"),
-                      condensed: "",
+                      "floating-label": "",
                       "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", To, [
-                    n(m, {
+                  e.requestType && e.requestType.id === "request" && e.request.item && e.allowWhenWhere ? (l(), i("div", bo, [
+                    r(m, {
                       id: "todo-request-where",
                       "model-value": e.request.where,
                       options: e.whereOptions,
                       disabled: !e.whereOptions.length,
                       placeholder: e.$t("HC_SELECT_WHERE"),
-                      condensed: "",
+                      "floating-label": "",
                       "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", Co, [
-                    n(v, {
+                  e.requestType && e.requestType.id === "request" && e.request.item ? (l(), i("div", To, [
+                    r(v, {
                       id: "todo-request-notes",
                       modelValue: e.request.notes,
                       "onUpdate:modelValue": s[50] || (s[50] = (o) => e.request.notes = o),
                       placeholder: e.$t("HC_WRITE_A_MESSAGE"),
                       "textarea-class": "text-inkwell-30 border-gray-12 mb-2",
                       "control-class": "w-full",
-                      rows: 2
+                      rows: 2,
+                      "floating-label": ""
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : t("", !0)
                 ])
               ])) : t("", !0),
-              r("div", co, [
-                n(C, {
+              n("div", Co, [
+                r(T, {
                   status: "secondary",
                   onClick: E(e.closeRequest, ["prevent"])
                 }, {
@@ -1253,7 +1258,7 @@ function $o(e, s, So, Do, Ho, Vo) {
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
-                n(C, {
+                r(T, {
                   disabled: !e.validateToDo,
                   loading: e.requestLoading,
                   "use-loading-spinner": !0,
@@ -1267,15 +1272,15 @@ function $o(e, s, So, Do, Ho, Vo) {
               ])
             ], 32)
           ], 2),
-          e.loading.pms ? (l(), i("div", bo)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", Oo, [
-            n(p, {
+          e.loading.pms ? (l(), i("div", co)) : !e.loading.pms && e.roomDetailsData.updatedAt ? (l(), i("div", Oo, [
+            r(p, {
               class: "flex-shrink-1 mr-2",
               size: "sm",
               color: "inkwell-0",
               icon: "clock-alarm",
               type: "outline"
             }),
-            r("p", Eo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
+            n("p", Eo, a(e.$t("HC_PMS_UPDATED")) + " " + a(e.DateTime.fromISO(
               e.roomDetailsData.updatedAt
             ).toRelative({ locale: e.locale })), 1)
           ])) : t("", !0)