sm-click-library-ui 0.0.236 → 0.0.238

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 Y, 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 Ke, 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 Y, 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;
@@ -5514,7 +5514,7 @@ const hm = (e, n, t) => {
       value: s
     };
   });
-}, pm = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], Ze = (e) => {
+}, pm = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], Ke = (e) => {
   const n = w(e);
   return n != null && n.$el ? n == null ? void 0 : n.$el : n;
 }, vm = (e) => ({ type: "dot", ...e ?? {} }), tl = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, Ur = {
@@ -6070,8 +6070,8 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, le = (A) => A ? n.utc ? km(A, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +h(A) : n.modelType === "iso" ? h(A).toISOString() : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? b(h(A)) : b(h(A), n.modelType, !0) : h(A) : "", be = (A, ue = !1, ke = !1) => {
     if (ke) return A;
     if (e("update:model-value", A), s.value.emitTimezone && ue) {
-      const Ge = Array.isArray(A) ? A.map((W) => gt(Je(W), s.value.emitTimezone)) : gt(Je(A), s.value.emitTimezone);
-      e("update:model-timezone-value", Ge);
+      const Ze = Array.isArray(A) ? A.map((W) => gt(Je(W), s.value.emitTimezone)) : gt(Je(A), s.value.emitTimezone);
+      e("update:model-timezone-value", Ze);
     }
   }, P = (A) => Array.isArray(a.value) ? l.value.enabled ? a.value.map((ue) => A(ue)) : [
     A(a.value[0]),
@@ -6271,7 +6271,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       defaultedMultiDates: u
     } = qe(a), { isTimeValid: d, isMonthValid: f } = on(a), { buildMatrix: h } = rn(), b = Y(null), _ = Y(null), D = Y(!1), k = Y({}), x = Y(null), g = Y(null);
     Le(() => {
-      a.arrowNavigation && h([Ze(b), Ze(_)], "actionRow"), B(), window.addEventListener("resize", B);
+      a.arrowNavigation && h([Ke(b), Ke(_)], "actionRow"), B(), window.addEventListener("resize", B);
     }), Jn(() => {
       window.removeEventListener("resize", B);
     });
@@ -6398,14 +6398,14 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     Hl(() => {
       h.value = null;
     }), Le(() => {
-      Ke().then(() => K()), l.noOverlayFocus || ae(), B(!0);
+      Ge().then(() => K()), l.noOverlayFocus || ae(), B(!0);
     }), Jn(() => B(!1));
     const B = (P) => {
       var S;
       l.arrowNavigation && ((S = l.headerRefs) != null && S.length ? o(P) : a(P));
     }, ae = () => {
       var P;
-      const S = Ze(b);
+      const S = Ke(b);
       S && (c.value.enabled || (h.value ? (P = h.value) == null || P.focus({ preventScroll: !0 }) : S.focus({ preventScroll: !0 })), f.value = S.clientHeight < S.scrollHeight);
     }, H = G(
       () => ({
@@ -6439,8 +6439,8 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       { deep: !0 }
     );
     const K = (P = !0) => {
-      Ke().then(() => {
-        const S = Ze(h), p = Ze(b), F = Ze(k), X = Ze(g), A = F ? F.getBoundingClientRect().height : 0;
+      Ge().then(() => {
+        const S = Ke(h), p = Ke(b), F = Ke(k), X = Ke(g), A = F ? F.getBoundingClientRect().height : 0;
         p && (p.getBoundingClientRect().height ? x.value = p.getBoundingClientRect().height - A : x.value = u.value.modeHeight - A), S && X && P && (X.scrollTop = S.offsetTop - X.offsetTop - (x.value / 2 - S.getBoundingClientRect().height) - A);
       });
     }, de = (P) => {
@@ -6904,14 +6904,14 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       F.value,
       rl(b.value(p), i.value.minDate),
       ol(b.value(p), i.value.maxDate)
-    ) || Tm(i.value.disabledDates, b.value(p)).includes(F.value) || ((X = u.value.months) == null ? void 0 : X.includes(F.value)), ke = L(F.value, p), Ge = dl(l.value, F.value, b.value(p));
-    return { active: A, disabled: ue, isBetween: ke, highlighted: Ge };
+    ) || Tm(i.value.disabledDates, b.value(p)).includes(F.value) || ((X = u.value.months) == null ? void 0 : X.includes(F.value)), ke = L(F.value, p), Ze = dl(l.value, F.value, b.value(p));
+    return { active: A, disabled: ue, isBetween: ke, highlighted: Ze };
   })), j = (p, F) => Ht(St(J()), p, b.value(F)), se = (p, F) => {
     const X = h.value ? h.value : St(/* @__PURE__ */ new Date());
     h.value = Ht(X, p, b.value(F)), n("auto-apply"), n("update-flow-step");
   }, Q = (p, F) => {
     const X = j(p, F);
-    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, F), n)) : h.value = [j(p, F)], Ke().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, F), n)) : h.value = [j(p, F)], Ge().then(() => {
       Ea(h.value, n, e.autoApply, e.modelAuto);
     });
   }, le = (p, F) => {
@@ -7099,7 +7099,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       var D;
       if (n("update-month-year", { instance: 0, year: _ }), s.value.enabled)
         return a.value ? Array.isArray(a.value) && (((D = a.value) == null ? void 0 : D.map((k) => xe(k))).includes(_) ? a.value = a.value.filter((k) => xe(k) !== _) : a.value.push(Bt(ht(J()), _))) : a.value = [Bt(ht(Xn(J())), _)], n("auto-apply", !0);
-      i.value.enabled ? (a.value = Zr(a, b(_), n), Ke().then(() => {
+      i.value.enabled ? (a.value = Zr(a, b(_), n), Ge().then(() => {
         Ea(a.value, n, e.autoApply, e.modelAuto);
       })) : (a.value = b(_), n("auto-apply"));
     }
@@ -7267,7 +7267,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       }, u.value.timeArrowHoldThreshold));
     }, ue = (y) => r.is24 ? y : (y >= 12 ? _.value = "PM" : _.value = "AM", pm(y)), ke = () => {
       _.value === "PM" ? (_.value = "AM", a("update:hours", r.hours - 12)) : (_.value = "PM", a("update:hours", r.hours + 12)), a("am-pm-change", _.value);
-    }, Ge = (y) => {
+    }, Ze = (y) => {
       b[y] = !0;
     }, W = (y, Z, ne) => {
       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), D.value && (U[1] = U[1].concat(D.value)), o(U, r.order);
       }
     }, te = (y, Z) => (p(y), a(`update:${y}`, Z));
-    return n({ openChildCmp: Ge }), (y, Z) => {
+    return n({ openChildCmp: Ze }), (y, Z) => {
       var ne;
       return y.disabled ? q("", !0) : (v(), M("div", s0, [
         (v(!0), M(_e, null, Pe($.value, (U, Ae) => {
@@ -7488,7 +7488,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   setup(e, { expose: n, emit: t }) {
     const a = t, r = e, { buildMatrix: o, setTimePicker: s } = rn(), l = yn(), { defaultedTransitions: i, defaultedAriaLabels: c, defaultedTextInput: u, defaultedConfig: d, defaultedRange: f } = qe(r), { transitionName: h, showTransition: b } = ra(i), { hideNavigationButtons: _ } = Fa(), D = Y(null), k = Y(null), x = Y([]), g = Y(null), B = Y(!1);
     Le(() => {
-      a("mount"), !r.timePicker && r.arrowNavigation ? o([Ze(D.value)], "time") : s(!0, r.timePicker);
+      a("mount"), !r.timePicker && r.arrowNavigation ? o([Ke(D.value)], "time") : s(!0, r.timePicker);
     });
     const ae = G(() => f.value.enabled && r.modelAuto ? tl(r.internalModelValue) : !0), H = Y(!1), T = (Q) => ({
       hours: Array.isArray(r.hours) ? r.hours[Q] : r.hours,
@@ -7503,7 +7503,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         Q.push(T(0));
       return Q;
     }), E = (Q, le = !1, be = "") => {
-      le || a("reset-flow"), H.value = Q, a(Q ? "overlay-opened" : "overlay-closed", st.time), r.arrowNavigation && s(Q), Ke(() => {
+      le || a("reset-flow"), H.value = Q, a(Q ? "overlay-opened" : "overlay-closed", st.time), r.arrowNavigation && s(Q), Ge(() => {
         be !== "" && x.value[0] && x.value[0].openChildCmp(be);
       });
     }, I = G(() => ({
@@ -7892,7 +7892,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, Q = (S) => {
       S || a("reset-flow");
     }, le = (S, p) => {
-      r.arrowNavigation && (N.value[p] = Ze(S), _(N.value, "monthYear"));
+      r.arrowNavigation && (N.value[p] = Ke(S), _(N.value, "monthYear"));
     }, be = G(() => {
       var S, p, F, X, A, ue;
       return [
@@ -7927,7 +7927,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       toggleYearPicker: se,
       handleMonthYearChange: D
     }), (S, p) => {
-      var F, X, A, ue, ke, Ge;
+      var F, X, A, ue, ke, Ze;
       return v(), M("div", x0, [
         S.$slots["month-year"] ? (v(), M("div", A0, [
           ie(S.$slots, "month-year", tt(vt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: w(x), handleMonthYearChange: w(D), 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(k)(!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(D)(!0, !0)),
               onSetRef: p[4] || (p[4] = (W) => le(W, S.disableYearSelect ? 2 : 3))
             }, {
@@ -8128,7 +8128,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     const E = (W) => W ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", I = (W, te) => {
       if (r.transitions) {
         const y = ht(Ht(J(), r.month, r.year));
-        x.value = Ue(ht(Ht(J(), W, te)), y) ? s.value[E(!0)] : s.value[E(!1)], k.value = !1, Ke(() => {
+        x.value = Ue(ht(Ht(J(), W, te)), y) ? s.value[E(!0)] : s.value[E(!1)], k.value = !1, Ge(() => {
           k.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 = te.value;
       let ne = { left: `${y / 2}px` }, U = -50;
-      if (await Ke(), B.value[0]) {
+      if (await Ge(), B.value[0]) {
         const { left: Ae, width: R } = B.value[0].getBoundingClientRect();
         Ae < 0 && (ne = { left: "0" }, U = 0, ae.value.left = `${y / 2}px`), window.innerWidth < Ae + R && (ne = { right: "0" }, U = 0, ae.value.left = `${R - y / 2}px`);
       }
@@ -8160,7 +8160,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       };
     }, j = async (W, te, y) => {
       var Z, ne, U;
-      const Ae = Ze(_.value[te][y]);
+      const Ae = Ke(_.value[te][y]);
       Ae && ((Z = W.marker) != null && Z.customPosition && (U = (ne = W.marker) == null ? void 0 : ne.tooltip) != null && U.length ? b.value = W.marker.customPosition(Ae) : await C(Ae, W), a("tooltip-open", W.marker));
     }, se = async (W, te, y) => {
       var Z, ne;
@@ -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", te));
     }, 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: I }), (W, te) => (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", ne)),
                     onMouseenter: (he) => se(ne, Z, U),
                     onMouseleave: (he) => Q(ne),
-                    onMousedown: (he) => Ge(ne),
+                    onMousedown: (he) => Ze(ne),
                     onMouseup: te[0] || (te[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) };
       }
   }, S = (O, oe) => {
-    P(O), E("hours", jt(O)), E("minutes", an(O)), E("seconds", Tn(O)), f.value.count && oe && Ge();
+    P(O), E("hours", jt(O)), E("minutes", an(O)), E("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
     }
   }, A = (O) => {
     const oe = i.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) && (C(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);
       C(oe, Se(z), xe(z));
     }
-  }, Ge = () => {
+  }, Ze = () => {
     if (Array.isArray(i.value) && i.value.length === 2) {
       const O = J(
         J(i.value[1] ? i.value[1] : $t(i.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), u.hours, u.minutes, wt());
-    n("date-update", oe), x.value.enabled ? Gr(oe, i, x.value.limit) : i.value = oe, a(), Ke().then(() => {
+    n("date-update", oe), x.value.enabled ? Gr(oe, i, x.value.limit) : i.value = oe, a(), Ge().then(() => {
       Q();
     });
   }, Te = (O) => b.value.noDisabledRange ? sl(r.value[0], O).some((oe) => B(oe)) : !1, xt = () => {
@@ -8539,7 +8539,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       modelValue: i,
       range: b.value.enabled,
       timezone: oe ? void 0 : D.value.timezone
-    }), j(), e.multiCalendars && Ke().then(() => le(!0));
+    }), j(), e.multiCalendars && Ge().then(() => le(!0));
   }, Va = () => {
     const O = zr(J(), D.value);
     b.value.enabled ? i.value && Array.isArray(i.value) && i.value[0] ? i.value = He(O, i.value[0]) ? [O, i.value[0]] : [i.value[0], O] : i.value = [O] : i.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(te, !0);
     }, ke = (te) => {
       g(0, { month: s.value(0), year: l.value(0) + (te ? 1 : -1), fromNav: !0 });
-    }, Ge = (te, y) => {
+    }, Ze = (te, y) => {
       te === st.time && a(`time-picker-${y ? "open" : "close"}`), a("overlay-toggle", { open: y, overlay: te });
     }, W = (te) => {
       a("overlay-toggle", { open: !1, overlay: te }), 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) => te.$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) => te.$emit("am-pm-change", Z))
         }), lt({ _: 2 }, [
           Pe(w(se), (Z, ne) => ({
@@ -9046,7 +9046,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     Le(() => {
       if (!r.shadow) {
         x.value = !0, B(), window.addEventListener("resize", B);
-        const R = Ze(o);
+        const R = Ke(o);
         if (R && !d.value.enabled && !f.value.enabled && (l(!0), C()), R) {
           const ee = (he) => {
             h.value.allowPreventDefault && he.preventDefault(), en(he, h.value, !0);
@@ -9058,7 +9058,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       window.removeEventListener("resize", B);
     });
     const B = () => {
-      const R = Ze(k);
+      const R = Ke(k);
       R && (D.value = R.getBoundingClientRect().width);
     }, { arrowRight: ae, arrowLeft: H, arrowDown: T, arrowUp: N } = rn(), { flowStep: E, updateFlowStep: I, childMount: K, resetFlow: de, handleFlow: pe } = ah(r, a, g), $ = G(() => r.monthPicker ? a0 : r.yearPicker ? o0 : r.timePicker ? k0 : r.quarterPicker ? H0 : I0), L = G(() => {
       var R;
@@ -9066,7 +9066,7 @@ const Dr = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       const ee = (R = o.value) == null ? void 0 : R.getBoundingClientRect(), he = r.getInputRect();
       return (he == null ? void 0 : he.width) < (D == null ? void 0 : D.value) && (he == null ? void 0 : he.left) <= ((ee == null ? void 0 : ee.left) ?? 0) ? `${(he == null ? void 0 : he.width) / 2}px` : (he == null ? void 0 : he.right) >= ((ee == null ? void 0 : ee.right) ?? 0) && (he == null ? void 0 : he.width) < (D == null ? void 0 : D.value) ? `${(D == null ? void 0 : D.value) - (he == null ? void 0 : he.width) / 2}px` : "50%";
     }), C = () => {
-      const R = Ze(o);
+      const R = Ke(o);
       R && R.focus({ preventScroll: !0 });
     }, j = G(() => {
       var R;
@@ -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: ne,
-      switchView: Ge,
+      switchView: Ze,
       handleFlow: pe
     }), (R, ee) => {
       var he, Te, xt;
@@ -9318,7 +9318,7 @@ const J0 = ({
   }, g = () => {
     d.value.left = "50%", d.value.top = "50%", d.value.transform = "translate(-50%, -50%)", d.value.position = "fixed", delete d.value.opacity;
   }, B = () => {
-    const C = Ze(t), { top: j, left: se, transform: Q } = s.altPosition(C);
+    const C = Ke(t), { top: j, left: se, transform: Q } = s.altPosition(C);
     d.value = { top: `${j}px`, left: `${se}px`, transform: Q ?? "" };
   }, ae = (C = !0) => {
     var j;
@@ -9353,14 +9353,14 @@ const J0 = ({
       }
     }
   }, I = () => {
-    const C = Ze(t);
+    const C = Ke(t);
     if (C) {
       const { height: j } = c.value, { top: se, height: Q } = C.getBoundingClientRect(), le = window.innerHeight - se - Q, be = se;
       return j <= le ? un.bottom : j > le && j <= be ? un.top : le >= be ? un.bottom : un.top;
     }
     return un.bottom;
   }, K = (C) => I() === un.bottom ? T(C) : N(C), de = () => {
-    const C = Ze(t);
+    const C = Ke(t);
     if (C)
       return s.autoPosition ? K(C) : T(C);
   }, pe = function(C) {
@@ -9393,7 +9393,7 @@ const J0 = ({
     getScrollableParent: $,
     shadowRender: (C, j) => {
       var se, Q, le;
-      const be = document.createElement("div"), P = (se = Ze(t)) == null ? void 0 : se.getBoundingClientRect();
+      const be = document.createElement("div"), P = (se = Ke(t)) == null ? void 0 : se.getBoundingClientRect();
       be.setAttribute("id", "dp--temp-container");
       const S = (Q = a.value) != null && Q.clientWidth ? a.value : document.body;
       S.append(be);
@@ -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), u()), ((f = e.flow) == null ? void 0 : f.length) === a.value && Ke().then(() => i());
+    (d = e.flow) != null && d.length && a.value !== -1 && (a.value += 1, n("flow-step", a.value), u()), ((f = e.flow) == null ? void 0 : f.length) === a.value && Ge().then(() => i());
   }, i = () => {
     a.value = -1;
   }, c = (d, f, ...h) => {
@@ -9858,7 +9858,7 @@ const J0 = ({
       var p;
       B.value && S && !x.value && (P.preventDefault(), x.value = !0, (p = B.value) == null || p.focus()), o.value.enabled && o.value.tabSubmit && I(P.target.value), o.value.tabSubmit && Tr(_.value) && r.inputValue !== "" ? (a("set-input-date", _.value, !0, !0), _.value = null) : o.value.tabSubmit && r.inputValue === "" && (_.value = null, a("clear", !0));
     }, $ = () => {
-      k.value = !0, a("focus"), Ke().then(() => {
+      k.value = !0, a("focus"), Ge().then(() => {
         var P;
         o.value.enabled && o.value.selectOnFocus && ((P = D.value) == null || P.select());
       });
@@ -9991,7 +9991,7 @@ const J0 = ({
 }, fh = (e, n, t, a = {}) => {
   const { window: r = uh, event: o = "pointerdown" } = a;
   return r ? ch(r, o, (s) => {
-    const l = Ze(e), i = Ze(n);
+    const l = Ke(e), i = Ke(n);
     !l || !i || l === s.target || s.composedPath().includes(l) || s.composedPath().includes(i) || t(s);
   }, { passive: !0 }) : void 0;
 }, mh = /* @__PURE__ */ nt({
@@ -10039,7 +10039,7 @@ const J0 = ({
       defaultedMultiDates: de
     } = qe(r), { menuTransition: pe, showTransition: $ } = ra(T);
     Le(() => {
-      F(r.modelValue), Ke().then(() => {
+      F(r.modelValue), Ge().then(() => {
         if (!E.value.enabled) {
           const z = be(h.value);
           z == null || z.addEventListener("scroll", ne), window == null || window.addEventListener("resize", U);
@@ -10085,7 +10085,7 @@ const J0 = ({
         "dp--flex-display-collapsed": D.value,
         dp__flex_display_with_input: E.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 || E.value.enabled
     } : {}), te = G(() => ({ class: "dp__outer_menu_wrap" })), y = G(() => E.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) => !ae(sn)) : ae(z), At = H(z);
-      dt && At && (k.value = !0, p.value = z, re && (b.value = ce, xt(), a("text-submit")), Ke().then(() => {
+      dt && At && (k.value = !0, p.value = z, re && (b.value = ce, xt(), a("text-submit")), Ge().then(() => {
         k.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: D.value,
@@ -10533,7 +10533,7 @@ const Ih = () => {
     });
     const l = Y(null);
     function i(f) {
-      s.value.message[0].content += ` {${f.name}} `, Ke(() => {
+      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 Ke(), 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 Ke(), !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 x = a.value.scrollHeight, g = a.value.scrollTop;
-        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ke(), a.value.scrollTop = a.value.scrollHeight - x + g - 32, k.loaded();
+        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ge(), a.value.scrollTop = a.value.scrollHeight - x + g - 32, k.loaded();
       } catch (x) {
         console.error(x), k.complete();
       }
@@ -13273,7 +13273,7 @@ const Qv = {
             n.selectedAtendente.id,
             k,
             n.attendant
-          ), await Ke(), f();
+          ), await Ge(), f();
         } catch (k) {
           console.error("Erro ao enviar mensagem:", k);
         }
@@ -13285,7 +13285,7 @@ const Qv = {
       }, 200);
     };
     Le(async () => {
-      await Ke(() => {
+      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-301d61a1"), 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-4ef99c22"), 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",
@@ -13724,8 +13724,8 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       { immediate: !0 }
     ), Fe(
       () => r.departments,
-      (D) => {
-        f(), d();
+      async (D) => {
+        console.log("Watch disparado, departamentos atualizados:", D), await Ge(), f(), d();
       },
       { immediate: !0, deep: !0 }
     ), Fe(
@@ -13833,7 +13833,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       ])
     ]));
   }
-}, Rl = /* @__PURE__ */ pt(Mg, [["__scopeId", "data-v-301d61a1"]]), qa = (e) => (it("data-v-92fea944"), 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-4ef99c22"]]), 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",
@@ -13934,8 +13934,8 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       { immediate: !0 }
     ), Fe(
       () => r.attendants,
-      (D) => {
-        f(), h();
+      async (D) => {
+        await Ge(), f(), h();
       },
       { immediate: !0, deep: !0 }
     ), Fe(
@@ -14031,7 +14031,7 @@ const jy = /* @__PURE__ */ pt(Ly, [["render", Hy], ["__scopeId", "data-v-17a2cc3
       ])
     ]));
   }
-}, Nl = /* @__PURE__ */ pt(Xg, [["__scopeId", "data-v-92fea944"]]), El = (e) => (it("data-v-1a1f2b13"), e = e(), ut(), e), Gg = { class: "" }, Zg = { class: "flex justify-between mb-3" }, Kg = /* @__PURE__ */ El(() => /* @__PURE__ */ m("svg", {
+}, Nl = /* @__PURE__ */ pt(Xg, [["__scopeId", "data-v-281bd5e7"]]), El = (e) => (it("data-v-1a1f2b13"), e = e(), ut(), e), Gg = { class: "" }, Zg = { class: "flex justify-between mb-3" }, Kg = /* @__PURE__ */ El(() => /* @__PURE__ */ m("svg", {
   class: "w-4 h-4 text-white",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",