sm-click-library-ui 0.0.239 → 0.0.240

package/dist/sm-click-library-ui.es.js

@@ -1,7 +1,7 @@
 var Ll = Object.defineProperty;
 var Il = (e, n, t) => n in e ? Ll(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var fe = (e, n, t) => Il(e, typeof n != "symbol" ? n + "" : n, t);
-import { getCurrentScope as Go, onScopeDispose as Zo, unref as w, watch as Fe, ref as L, computed as G, openBlock as v, createElementBlock as M, createElementVNode as m, toDisplayString as ge, normalizeClass as me, renderSlot as ie, createCommentVNode as q, pushScopeId as it, popScopeId as ut, onMounted as Le, resolveComponent as Ma, createBlock as Me, withCtx as ve, createTextVNode as rt, Fragment as _e, renderList as Pe, createVNode as Ye, reactive as Kn, defineComponent as nt, useSlots as yn, toRef as Un, nextTick as Ze, onUnmounted as Jn, mergeProps as et, isRef as to, createSlots as lt, normalizeProps as tt, guardReactiveProps as vt, resolveDynamicComponent as Da, Teleport as Bl, Transition as gn, normalizeStyle as bt, withModifiers as Kt, h as ql, render as no, useAttrs as Wl, onBeforeUpdate as Hl, withDirectives as mt, vShow as jn, withKeys as Ko, vModelText as nn, vModelSelect as Jo, toRefs as jl, onBeforeUnmount as zl } from "vue";
+import { getCurrentScope as Go, onScopeDispose as Zo, unref as w, watch as Fe, ref as L, computed as G, openBlock as v, createElementBlock as M, createElementVNode as m, toDisplayString as ge, normalizeClass as me, renderSlot as ie, createCommentVNode as q, pushScopeId as it, popScopeId as ut, onMounted as Le, resolveComponent as Ma, createBlock as Me, withCtx as ve, createTextVNode as rt, Fragment as _e, renderList as Pe, createVNode as Ye, reactive as Kn, defineComponent as nt, useSlots as yn, toRef as Un, nextTick as Ge, onUnmounted as Jn, mergeProps as et, isRef as to, createSlots as lt, normalizeProps as tt, guardReactiveProps as vt, resolveDynamicComponent as Da, Teleport as Bl, Transition as gn, normalizeStyle as bt, withModifiers as Kt, h as ql, render as no, useAttrs as Wl, onBeforeUpdate as Hl, withDirectives as mt, vShow as jn, withKeys as Ko, vModelText as nn, vModelSelect as Jo, toRefs as jl, onBeforeUnmount as zl } from "vue";
 import { defineStore as ea } from "pinia";
 function Vl(e) {
   return Go() ? (Zo(e), !0) : !1;
@@ -6070,8 +6070,8 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, le = (x) => x ? n.utc ? km(x, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +h(x) : n.modelType === "iso" ? h(x).toISOString() : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? b(h(x)) : b(h(x), n.modelType, !0) : h(x) : "", be = (x, ue = !1, ke = !1) => {
     if (ke) return x;
     if (e("update:model-value", x), s.value.emitTimezone && ue) {
-      const Ge = Array.isArray(x) ? x.map((W) => gt(Je(W), s.value.emitTimezone)) : gt(Je(x), s.value.emitTimezone);
-      e("update:model-timezone-value", Ge);
+      const Ze = Array.isArray(x) ? x.map((W) => gt(Je(W), s.value.emitTimezone)) : gt(Je(x), s.value.emitTimezone);
+      e("update:model-timezone-value", Ze);
     }
   }, T = (x) => Array.isArray(a.value) ? l.value.enabled ? a.value.map((ue) => x(ue)) : [
     x(a.value[0]),
@@ -6398,7 +6398,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     Hl(() => {
       h.value = null;
     }), Le(() => {
-      Ze().then(() => K()), l.noOverlayFocus || te(), E(!0);
+      Ge().then(() => K()), l.noOverlayFocus || te(), E(!0);
     }), Jn(() => E(!1));
     const E = (T) => {
       var P;
@@ -6439,7 +6439,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       { deep: !0 }
     );
     const K = (T = !0) => {
-      Ze().then(() => {
+      Ge().then(() => {
         const P = Ke(h), p = Ke(b), Y = Ke(_), X = Ke(g), x = Y ? Y.getBoundingClientRect().height : 0;
         p && (p.getBoundingClientRect().height ? A.value = p.getBoundingClientRect().height - x : A.value = i.value.modeHeight - x), P && X && T && (X.scrollTop = P.offsetTop - X.offsetTop - (A.value / 2 - P.getBoundingClientRect().height) - x);
       });
@@ -6904,14 +6904,14 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       Y.value,
       rl(b.value(p), u.value.minDate),
       ol(b.value(p), u.value.maxDate)
-    ) || Tm(u.value.disabledDates, b.value(p)).includes(Y.value) || ((X = i.value.months) == null ? void 0 : X.includes(Y.value)), ke = I(Y.value, p), Ge = dl(l.value, Y.value, b.value(p));
-    return { active: x, disabled: ue, isBetween: ke, highlighted: Ge };
+    ) || Tm(u.value.disabledDates, b.value(p)).includes(Y.value) || ((X = i.value.months) == null ? void 0 : X.includes(Y.value)), ke = I(Y.value, p), Ze = dl(l.value, Y.value, b.value(p));
+    return { active: x, disabled: ue, isBetween: ke, highlighted: Ze };
   })), j = (p, Y) => Ht(St(J()), p, b.value(Y)), se = (p, Y) => {
     const X = h.value ? h.value : St(/* @__PURE__ */ new Date());
     h.value = Ht(X, p, b.value(Y)), n("auto-apply"), n("update-flow-step");
   }, Q = (p, Y) => {
     const X = j(p, Y);
-    s.value.fixedEnd || s.value.fixedStart ? h.value = pl(X, h, n, s) : h.value ? g(X, h.value) && (h.value = Zr(h, j(p, Y), n)) : h.value = [j(p, Y)], Ze().then(() => {
+    s.value.fixedEnd || s.value.fixedStart ? h.value = pl(X, h, n, s) : h.value ? g(X, h.value) && (h.value = Zr(h, j(p, Y), n)) : h.value = [j(p, Y)], Ge().then(() => {
       Ea(h.value, n, e.autoApply, e.modelAuto);
     });
   }, le = (p, Y) => {
@@ -7099,7 +7099,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       var C;
       if (n("update-month-year", { instance: 0, year: k }), s.value.enabled)
         return a.value ? Array.isArray(a.value) && (((C = a.value) == null ? void 0 : C.map((_) => xe(_))).includes(k) ? a.value = a.value.filter((_) => xe(_) !== k) : a.value.push(Bt(ht(J()), k))) : a.value = [Bt(ht(Xn(J())), k)], n("auto-apply", !0);
-      u.value.enabled ? (a.value = Zr(a, b(k), n), Ze().then(() => {
+      u.value.enabled ? (a.value = Zr(a, b(k), n), Ge().then(() => {
         Ea(a.value, n, e.autoApply, e.modelAuto);
       })) : (a.value = b(k), n("auto-apply"));
     }
@@ -7267,7 +7267,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       }, i.value.timeArrowHoldThreshold));
     }, ue = (y) => r.is24 ? y : (y >= 12 ? k.value = "PM" : k.value = "AM", pm(y)), ke = () => {
       k.value === "PM" ? (k.value = "AM", a("update:hours", r.hours - 12)) : (k.value = "PM", a("update:hours", r.hours + 12)), a("am-pm-change", k.value);
-    }, Ge = (y) => {
+    }, Ze = (y) => {
       b[y] = !0;
     }, W = (y, Z, ae) => {
       if (y && r.arrowNavigation) {
@@ -7279,7 +7279,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         s(r.closeTimePickerBtn), C.value && (U[1] = U[1].concat(C.value)), o(U, r.order);
       }
     }, ne = (y, Z) => (p(y), a(`update:${y}`, Z));
-    return n({ openChildCmp: Ge }), (y, Z) => {
+    return n({ openChildCmp: Ze }), (y, Z) => {
       var ae;
       return y.disabled ? q("", !0) : (v(), M("div", s0, [
         (v(!0), M(_e, null, Pe($.value, (U, Ae) => {
@@ -7503,7 +7503,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         Q.push(D(0));
       return Q;
     }), F = (Q, le = !1, be = "") => {
-      le || a("reset-flow"), H.value = Q, a(Q ? "overlay-opened" : "overlay-closed", st.time), r.arrowNavigation && s(Q), Ze(() => {
+      le || a("reset-flow"), H.value = Q, a(Q ? "overlay-opened" : "overlay-closed", st.time), r.arrowNavigation && s(Q), Ge(() => {
         be !== "" && A.value[0] && A.value[0].openChildCmp(be);
       });
     }, B = G(() => ({
@@ -7927,7 +7927,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       toggleYearPicker: se,
       handleMonthYearChange: C
     }), (P, p) => {
-      var Y, X, x, ue, ke, Ge;
+      var Y, X, x, ue, ke, Ze;
       return v(), M("div", x0, [
         P.$slots["month-year"] ? (v(), M("div", A0, [
           ie(P.$slots, "month-year", tt(vt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: w(A), handleMonthYearChange: w(C), instance: e.instance })))
@@ -8060,7 +8060,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               "el-name": "action-next",
               disabled: w(_)(!0),
               "aria-label": (ke = w(s)) == null ? void 0 : ke.nextMonth,
-              class: me((Ge = w(f)) == null ? void 0 : Ge.navBtnNext),
+              class: me((Ze = w(f)) == null ? void 0 : Ze.navBtnNext),
               onActivate: p[3] || (p[3] = (W) => w(C)(!0, !0)),
               onSetRef: p[4] || (p[4] = (W) => le(W, P.disableYearSelect ? 2 : 3))
             }, {
@@ -8128,7 +8128,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     const F = (W) => W ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", B = (W, ne) => {
       if (r.transitions) {
         const y = ht(Ht(J(), r.month, r.year));
-        A.value = Ue(ht(Ht(J(), W, ne)), y) ? s.value[F(!0)] : s.value[F(!1)], _.value = !1, Ze(() => {
+        A.value = Ue(ht(Ht(J(), W, ne)), y) ? s.value[F(!0)] : s.value[F(!1)], _.value = !1, Ge(() => {
           _.value = !0;
         });
       }
@@ -8149,7 +8149,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       const { width: y, height: Z } = W.getBoundingClientRect();
       h.value = ne.value;
       let ae = { left: `${y / 2}px` }, U = -50;
-      if (await Ze(), E.value[0]) {
+      if (await Ge(), E.value[0]) {
         const { left: Ae, width: R } = E.value[0].getBoundingClientRect();
         Ae < 0 && (ae = { left: "0" }, U = 0, te.value.left = `${y / 2}px`), window.innerWidth < Ae + R && (ae = { right: "0" }, U = 0, te.value.left = `${R - y / 2}px`);
       }
@@ -8189,7 +8189,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       y && Co() || !y && !Co() || d.value.enabled || (en(W, l.value), a("select-date", ne));
     }, ke = (W) => {
       en(W, l.value);
-    }, Ge = (W) => {
+    }, Ze = (W) => {
       d.value.enabled && d.value.dragSelect ? (H.value = !0, a("select-date", W)) : d.value.enabled && a("select-date", W);
     };
     return n({ triggerTransition: B }), (W, ne) => (v(), M("div", {
@@ -8262,7 +8262,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     onKeydown: (he) => w(ft)(he, () => W.$emit("select-date", ae)),
                     onMouseenter: (he) => se(ae, Z, U),
                     onMouseleave: (he) => Q(ae),
-                    onMousedown: (he) => Ge(ae),
+                    onMousedown: (he) => Ze(ae),
                     onMouseup: ne[0] || (ne[0] = (he) => H.value = !1)
                   }, [
                     m("div", {
@@ -8374,7 +8374,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         c.value[z] = { month: Se(ce), year: xe(ce) };
       }
   }, P = (O, oe) => {
-    T(O), F("hours", jt(O)), F("minutes", an(O)), F("seconds", Tn(O)), f.value.count && oe && Ge();
+    T(O), F("hours", jt(O)), F("minutes", an(O)), F("seconds", Tn(O)), f.value.count && oe && Ze();
   }, p = (O) => {
     if (f.value.count) {
       if (f.value.solo) return 0;
@@ -8398,7 +8398,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }
   }, x = (O) => {
     const oe = u.value;
-    X(oe, O), f.value.count && f.value.solo && Ge();
+    X(oe, O), f.value.count && f.value.solo && Ze();
   }, ue = (O, oe) => {
     const z = Ee(J(), { month: pe.value(oe), year: $.value(oe) }), re = O < 0 ? $t(z, 1) : Sn(z, 1);
     g(Se(re), xe(re), O < 0, e.preventMinMaxNavigation) && (S(oe, Se(re), xe(re)), n("update-month-year", { instance: oe, month: Se(re), year: xe(re) }), f.value.count && !f.value.solo && ke(oe), t());
@@ -8411,7 +8411,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       const z = $t(Ee(J(), { month: pe.value(oe - 1), year: $.value(oe - 1) }), 1);
       S(oe, Se(z), xe(z));
     }
-  }, Ge = () => {
+  }, Ze = () => {
     if (Array.isArray(u.value) && u.value.length === 2) {
       const O = J(
         J(u.value[1] ? u.value[1] : $t(u.value[0], 1))
@@ -8484,7 +8484,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     return sn(At), Ae(z, re, ce, dt);
   }, he = (O) => {
     const oe = tn(J(O.value), i.hours, i.minutes, wt());
-    n("date-update", oe), A.value.enabled ? Gr(oe, u, A.value.limit) : u.value = oe, a(), Ze().then(() => {
+    n("date-update", oe), A.value.enabled ? Gr(oe, u, A.value.limit) : u.value = oe, a(), Ge().then(() => {
       Q();
     });
   }, Te = (O) => b.value.noDisabledRange ? sl(r.value[0], O).some((oe) => E(oe)) : !1, xt = () => {
@@ -8539,7 +8539,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       modelValue: u,
       range: b.value.enabled,
       timezone: oe ? void 0 : C.value.timezone
-    }), j(), e.multiCalendars && Ze().then(() => le(!0));
+    }), j(), e.multiCalendars && Ge().then(() => le(!0));
   }, Va = () => {
     const O = zr(J(), C.value);
     b.value.enabled ? u.value && Array.isArray(u.value) && u.value[0] ? u.value = He(O, u.value[0]) ? [O, u.value[0]] : [u.value[0], O] : u.value = [O] : u.value = O, j();
@@ -8683,7 +8683,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       (y = pe.value[0]) == null || y.handleMonthYearChange(ne, !0);
     }, ke = (ne) => {
       g(0, { month: s.value(0), year: l.value(0) + (ne ? 1 : -1), fromNav: !0 });
-    }, Ge = (ne, y) => {
+    }, Ze = (ne, y) => {
       ne === st.time && a(`time-picker-${y ? "open" : "close"}`), a("overlay-toggle", { open: y, overlay: ne });
     }, W = (ne) => {
       a("overlay-toggle", { open: !1, overlay: ne }), a("focus-menu");
@@ -8786,8 +8786,8 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           "onUpdate:minutes": y[10] || (y[10] = (Z) => w(H)(Z, !1)),
           "onUpdate:seconds": y[11] || (y[11] = (Z) => w(H)(Z, !1, !0)),
           onResetFlow: y[12] || (y[12] = (Z) => ne.$emit("reset-flow")),
-          onOverlayClosed: y[13] || (y[13] = (Z) => Ge(Z, !1)),
-          onOverlayOpened: y[14] || (y[14] = (Z) => Ge(Z, !0)),
+          onOverlayClosed: y[13] || (y[13] = (Z) => Ze(Z, !1)),
+          onOverlayOpened: y[14] || (y[14] = (Z) => Ze(Z, !0)),
           onAmPmChange: y[15] || (y[15] = (Z) => ne.$emit("am-pm-change", Z))
         }), lt({ _: 2 }, [
           Pe(w(se), (Z, ae) => ({
@@ -9102,7 +9102,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, ke = (R) => {
       var ee, he, Te;
       (ee = g.value) == null || ee.toggleTimePicker(!1, !1), (he = g.value) == null || he.toggleMonthPicker(!1, !1, R), (Te = g.value) == null || Te.toggleYearPicker(!1, !1, R);
-    }, Ge = (R, ee = 0) => {
+    }, Ze = (R, ee = 0) => {
       var he, Te, xt;
       return R === "month" ? (he = g.value) == null ? void 0 : he.toggleMonthPicker(!1, !0, ee) : R === "year" ? (Te = g.value) == null ? void 0 : Te.toggleYearPicker(!1, !0, ee) : R === "time" ? (xt = g.value) == null ? void 0 : xt.toggleTimePicker(!0, !1) : ke(ee);
     }, W = (R, ...ee) => {
@@ -9143,7 +9143,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     };
     return n({
       updateMonthYear: ae,
-      switchView: Ge,
+      switchView: Ze,
       handleFlow: pe
     }), (R, ee) => {
       var he, Te, xt;
@@ -9751,7 +9751,7 @@ const J0 = ({
     }
   }, l = () => {
     var d, f;
-    (d = e.flow) != null && d.length && a.value !== -1 && (a.value += 1, n("flow-step", a.value), i()), ((f = e.flow) == null ? void 0 : f.length) === a.value && Ze().then(() => u());
+    (d = e.flow) != null && d.length && a.value !== -1 && (a.value += 1, n("flow-step", a.value), i()), ((f = e.flow) == null ? void 0 : f.length) === a.value && Ge().then(() => u());
   }, u = () => {
     a.value = -1;
   }, c = (d, f, ...h) => {
@@ -9858,7 +9858,7 @@ const J0 = ({
       var p;
       E.value && P && !A.value && (T.preventDefault(), A.value = !0, (p = E.value) == null || p.focus()), o.value.enabled && o.value.tabSubmit && B(T.target.value), o.value.tabSubmit && Tr(k.value) && r.inputValue !== "" ? (a("set-input-date", k.value, !0, !0), k.value = null) : o.value.tabSubmit && r.inputValue === "" && (k.value = null, a("clear", !0));
     }, $ = () => {
-      _.value = !0, a("focus"), Ze().then(() => {
+      _.value = !0, a("focus"), Ge().then(() => {
         var T;
         o.value.enabled && o.value.selectOnFocus && ((T = C.value) == null || T.select());
       });
@@ -10039,7 +10039,7 @@ const J0 = ({
       defaultedMultiDates: de
     } = qe(r), { menuTransition: pe, showTransition: $ } = ra(D);
     Le(() => {
-      Y(r.modelValue), Ze().then(() => {
+      Y(r.modelValue), Ge().then(() => {
         if (!F.value.enabled) {
           const z = be(h.value);
           z == null || z.addEventListener("scroll", ae), window == null || window.addEventListener("resize", U);
@@ -10085,7 +10085,7 @@ const J0 = ({
         "dp--flex-display-collapsed": C.value,
         dp__flex_display_with_input: F.value.input
       })
-    ), Ge = G(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), W = G(() => r.teleport ? {
+    ), Ze = G(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), W = G(() => r.teleport ? {
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
       disabled: !r.teleport || F.value.enabled
     } : {}), ne = G(() => ({ class: "dp__outer_menu_wrap" })), y = G(() => F.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), Z = () => {
@@ -10128,7 +10128,7 @@ const J0 = ({
         return;
       }
       const dt = Array.isArray(z) ? !z.some((sn) => !te(sn)) : te(z), At = H(z);
-      dt && At && (_.value = !0, p.value = z, re && (b.value = ce, xt(), a("text-submit")), Ze().then(() => {
+      dt && At && (_.value = !0, p.value = z, re && (b.value = ce, xt(), a("text-submit")), Ge().then(() => {
         _.value = !1;
       }));
     }, Wa = () => {
@@ -10226,7 +10226,7 @@ const J0 = ({
                 }, z.$props, {
                   "internal-model-value": w(p),
                   "onUpdate:internalModelValue": re[3] || (re[3] = (ce) => to(p) ? p.value = ce : null),
-                  class: { [Ge.value]: !0, "dp--menu-wrapper": z.teleport },
+                  class: { [Ze.value]: !0, "dp--menu-wrapper": z.teleport },
                   "open-on-top": w(j),
                   "no-overlay-focus": y.value,
                   collapse: C.value,
@@ -10533,7 +10533,7 @@ const Ih = () => {
     });
     const l = L(null);
     function u(f) {
-      s.value.message[0].content += ` {${f.name}} `, Ze(() => {
+      s.value.message[0].content += ` {${f.name}} `, Ge(() => {
         l.value.focus();
       });
     }
@@ -11454,7 +11454,7 @@ function M1(e, n = null) {
   return t.bottom >= a.top && t.top <= a.bottom && t.right >= a.left && t.left <= a.right;
 }
 async function D1(e) {
-  return e ? (await Ze(), e.value instanceof HTMLElement ? e.value : e.value ? document.querySelector(e.value) : null) : null;
+  return e ? (await Ge(), e.value instanceof HTMLElement ? e.value : e.value ? document.querySelector(e.value) : null) : null;
 }
 function T1(e) {
   let n = `0px 0px ${e.distance}px 0px`;
@@ -11468,7 +11468,7 @@ function T1(e) {
   return e.infiniteLoading.value && t.observe(e.infiniteLoading.value), t;
 }
 async function qo(e, n) {
-  if (await Ze(), !e.top)
+  if (await Ge(), !e.top)
     return;
   const t = e.parentEl || document.documentElement;
   t.scrollTop = t.scrollHeight - n;
@@ -13261,7 +13261,7 @@ const Qv = {
           return;
         }
         const A = a.value.scrollHeight, g = a.value.scrollTop;
-        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ze(), a.value.scrollTop = a.value.scrollHeight - A + g - 32, _.loaded();
+        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ge(), a.value.scrollTop = a.value.scrollHeight - A + g - 32, _.loaded();
       } catch (A) {
         console.error(A), _.complete();
       }
@@ -13273,7 +13273,7 @@ const Qv = {
             n.selectedAtendente.id,
             _,
             n.attendant
-          ), await Ze(), f();
+          ), await Ge(), f();
         } catch (_) {
           console.error("Erro ao enviar mensagem:", _);
         }
@@ -13285,7 +13285,7 @@ const Qv = {
       }, 200);
     };
     Le(async () => {
-      await Ze(() => {
+      await Ge(() => {
         f(), r.value = !0;
       });
     }), Fe(
@@ -13647,7 +13647,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       n !== -1 ? this.departments[n] = e : this.departments.push(e);
     }
   }
-}), ua = (e) => (it("data-v-b5b02f35"), e = e(), ut(), e), ng = { class: "depart-select-container" }, ag = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, rg = ["placeholder"], og = { class: "icon-container" }, sg = {
+}), ua = (e) => (it("data-v-80fe58ce"), e = e(), ut(), e), ng = { class: "depart-select-container" }, ag = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, rg = ["placeholder"], og = { class: "icon-container" }, sg = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13727,7 +13727,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
     Fe(
       () => r.departments,
       async (_) => {
-        i || (console.log("Watch disparado, departamentos atualizados:", _), i = !0, await nextTick(), h(), f(), i = !1);
+        i || (console.log("Watch disparado, departamentos atualizados:", _), i = !0, await Ge(), h(), f(), i = !1);
       },
       { immediate: !0, deep: !0 }
     ), Fe(
@@ -13835,7 +13835,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       ])
     ]));
   }
-}, Rl = /* @__PURE__ */ pt(Mg, [["__scopeId", "data-v-b5b02f35"]]), qa = (e) => (it("data-v-281bd5e7"), e = e(), ut(), e), Dg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Pg = ["placeholder"], Sg = { class: "icon-container" }, Cg = {
+}, Rl = /* @__PURE__ */ pt(Mg, [["__scopeId", "data-v-80fe58ce"]]), qa = (e) => (it("data-v-281bd5e7"), e = e(), ut(), e), Dg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Pg = ["placeholder"], Sg = { class: "icon-container" }, Cg = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13937,7 +13937,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
     ), Fe(
       () => r.attendants,
       async (C) => {
-        await Ze(), f(), h();
+        await Ge(), f(), h();
       },
       { immediate: !0, deep: !0 }
     ), Fe(