sm-click-library-ui 0.0.84 → 0.0.86

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

@@ -1,13 +1,13 @@
-var kl = Object.defineProperty;
-var xl = (e, t, a) => t in e ? kl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
-var fe = (e, t, a) => xl(e, typeof t != "symbol" ? t + "" : t, a);
-import { getCurrentScope as Ho, onScopeDispose as jo, unref as w, watch as Ge, ref as z, computed as J, openBlock as g, createElementBlock as x, createElementVNode as v, toDisplayString as ke, normalizeClass as ge, renderSlot as ue, createCommentVNode as U, pushScopeId as Ct, popScopeId as St, onMounted as Be, resolveComponent as xr, createBlock as De, withCtx as pe, createTextVNode as Je, Fragment as be, renderList as Ce, createVNode as Le, reactive as Za, defineComponent as nt, useSlots as ma, toRef as za, nextTick as Ke, onUnmounted as Ja, mergeProps as tt, isRef as Gr, createSlots as lt, normalizeProps as at, guardReactiveProps as ft, resolveDynamicComponent as xn, Teleport as Ml, Transition as ha, normalizeStyle as wt, withModifiers as ka, h as Tl, render as Xr, useAttrs as Dl, onBeforeUpdate as Pl, withDirectives as bt, vShow as Wa, withKeys as Wo, vModelText as xa, vModelSelect as $l, toRefs as Ol } from "vue";
-import { defineStore as Cl } from "pinia";
+var _l = Object.defineProperty;
+var kl = (e, t, a) => t in e ? _l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var fe = (e, t, a) => kl(e, typeof t != "symbol" ? t + "" : t, a);
+import { getCurrentScope as Ho, onScopeDispose as jo, unref as g, watch as Ge, ref as z, computed as J, openBlock as w, createElementBlock as x, createElementVNode as v, toDisplayString as ke, normalizeClass as ge, renderSlot as ue, createCommentVNode as U, pushScopeId as Ct, popScopeId as St, onMounted as Be, resolveComponent as xr, createBlock as De, withCtx as pe, createTextVNode as Je, Fragment as be, renderList as Ce, createVNode as Le, reactive as Za, defineComponent as nt, useSlots as ma, toRef as za, nextTick as Ke, onUnmounted as Ja, mergeProps as tt, isRef as Gr, createSlots as lt, normalizeProps as at, guardReactiveProps as ft, resolveDynamicComponent as xn, Teleport as xl, Transition as ha, normalizeStyle as wt, withModifiers as ka, h as Ml, render as Xr, useAttrs as Tl, onBeforeUpdate as Dl, withDirectives as bt, vShow as Wa, withKeys as Wo, vModelText as xa, vModelSelect as Pl, toRefs as $l } from "vue";
+import { defineStore as Ol, getActivePinia as Cl } from "pinia";
 function Sl(e) {
   return Ho() ? (jo(e), !0) : !1;
 }
 function qo(e) {
-  return typeof e == "function" ? e() : w(e);
+  return typeof e == "function" ? e() : g(e);
 }
 const Vo = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -120,7 +120,7 @@ const At = (e, t) => {
     };
     return Il(r, () => {
       n.value && (n.value = !1);
-    }), (l, u) => (g(), x("div", {
+    }), (l, u) => (w(), x("div", {
       ref_key: "target",
       ref: r,
       class: "relative w-full"
@@ -133,7 +133,7 @@ const At = (e, t) => {
           v("p", Fl, ke(e.config.title), 1)
         ]),
         v("div", null, [
-          (g(), x("svg", {
+          (w(), x("svg", {
             class: ge([n.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
             xmlns: "http://www.w3.org/2000/svg",
             fill: "currentColor",
@@ -141,7 +141,7 @@ const At = (e, t) => {
           }, Bl, 2))
         ])
       ]),
-      n.value ? (g(), x("section", Hl, [
+      n.value ? (w(), x("section", Hl, [
         v("div", null, [
           ue(l.$slots, "free-slot", {}, void 0, !0)
         ])
@@ -175,7 +175,7 @@ const At = (e, t) => {
     const a = e, n = t, r = () => {
       n("update:isOpen", !a.isOpen);
     };
-    return (o, s) => e.isOpen ? (g(), x("div", Wl, [
+    return (o, s) => e.isOpen ? (w(), x("div", Wl, [
       ql,
       v("div", Vl, [
         v("div", zl, [
@@ -282,14 +282,14 @@ const At = (e, t) => {
   },
   setup(e) {
     const t = e, a = J(() => t.typeCard === "success" ? "border-green-500 text-green-500 shadow-md shadow-green-700" : t.typeCard === "info" ? "border-blue-400 text-blue-400 shadow-md shadow-blue-700" : t.typeCard === "alert" ? "border-yellow-400 text-yellow-400 shadow-md shadow-yellow-700" : t.typeCard === "error" ? "border-red-500 text-red-500 shadow-md shadow-red-700" : "border-white text-white");
-    return (n, r) => (g(), x("div", {
+    return (n, r) => (w(), x("div", {
       class: ge([a.value, "bg-base-300 border-2 p-2 rounded-lg flex-col justify-left items-center"])
     }, [
       v("div", ni, [
-        e.typeCard === "success" ? (g(), x("svg", ri, si)) : U("", !0),
-        e.typeCard === "info" ? (g(), x("svg", li, ui)) : U("", !0),
-        e.typeCard === "alert" ? (g(), x("svg", ci, fi)) : U("", !0),
-        e.typeCard === "error" ? (g(), x("svg", mi, pi)) : U("", !0),
+        e.typeCard === "success" ? (w(), x("svg", ri, si)) : U("", !0),
+        e.typeCard === "info" ? (w(), x("svg", li, ui)) : U("", !0),
+        e.typeCard === "alert" ? (w(), x("svg", ci, fi)) : U("", !0),
+        e.typeCard === "error" ? (w(), x("svg", mi, pi)) : U("", !0),
         v("span", null, [
           v("p", vi, ke(e.content.title), 1)
         ])
@@ -2173,7 +2173,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
       }
     }), (i, c) => {
       const d = xr("Popper");
-      return g(), x("main", qu, [
+      return w(), x("main", qu, [
         v("div", {
           class: ge([{ "rounded-b-none": a.value }, "rounded-lg shadow dark:shadow-gray-400 shadow-gray-900 dark:bg-base-100 bg-base-100 text-center"])
         }, [
@@ -2182,17 +2182,17 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
               onClick: c[0] || (c[0] = (h) => a.value = !a.value),
               class: "w-full p-3 px-4 select-none"
             }, [
-              r.value ? (g(), x("div", uc, [
+              r.value ? (w(), x("div", uc, [
                 cc,
                 Je("Carregando instâncias...")
-              ])) : (g(), x("div", zu, [
-                n.value ? (g(), x("span", Qu, [
+              ])) : (w(), x("div", zu, [
+                n.value ? (w(), x("span", Qu, [
                   v("header", Gu, [
-                    n.value.type === "whatsapp-qrcode" ? (g(), x("svg", Xu, Ju)) : n.value.type === "whatsapp-api-official" ? (g(), x("div", Ku, [
+                    n.value.type === "whatsapp-qrcode" ? (w(), x("svg", Xu, Ju)) : n.value.type === "whatsapp-api-official" ? (w(), x("div", Ku, [
                       ec,
-                      (g(), x("svg", tc, nc))
+                      (w(), x("svg", tc, nc))
                     ])) : U("", !0),
-                    n.value && n.value.status !== void 0 ? (g(), De(d, {
+                    n.value && n.value.status !== void 0 ? (w(), De(d, {
                       key: 2,
                       class: "dark:popper-light popper-dark",
                       hover: !0,
@@ -2206,7 +2206,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                         ], 2)
                       ]),
                       default: pe(() => [
-                        n.value.isLoading ? (g(), x("div", oc, lc)) : (g(), x("div", {
+                        n.value.isLoading ? (w(), x("div", oc, lc)) : (w(), x("div", {
                           key: 0,
                           class: ge([{ "bg-red-500": n.value.status === !1, "bg-green-500": n.value.status === !0, "bg-purple-500": n.value.status === "Offline" }, "text-xs w-5 h-5 py-1 shadow flex justify-start shadow-gray-900 dark:shadow-gray-400 rounded-full cursor-pointer transition-all duration-200 ease-in-out"])
                         }, null, 2))
@@ -2215,7 +2215,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                     })) : U("", !0)
                   ]),
                   v("div", ic, ke(n.value.name), 1)
-                ])) : (g(), x("span", Uu, ke(l.value ? l.value.length : "Sem") + " Instâncias disponíveis", 1))
+                ])) : (w(), x("span", Uu, ke(l.value ? l.value.length : "Sem") + " Instâncias disponíveis", 1))
               ]))
             ]),
             v("footer", dc, [
@@ -2225,7 +2225,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
               v("button", {
                 onClick: c[2] || (c[2] = (h) => a.value = !a.value)
               }, [
-                (g(), x("svg", {
+                (w(), x("svg", {
                   class: ge([{ "rotate-180": a.value }, "w-4 h-4 ease-out transition"]),
                   "aria-hidden": "true",
                   xmlns: "http://www.w3.org/2000/svg",
@@ -2238,18 +2238,18 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
             ])
           ])
         ], 2),
-        a.value ? (g(), x("nav", vc, [
+        a.value ? (w(), x("nav", vc, [
           v("ul", yc, [
-            l.value.length > 0 ? (g(!0), x(be, { key: 0 }, Ce(l.value, (h, y) => (g(), x("li", gc, [
+            l.value.length > 0 ? (w(!0), x(be, { key: 0 }, Ce(l.value, (h, y) => (w(), x("li", gc, [
               v("button", {
                 class: ge([n.value && n.value.id === h.id ? "bg-base-100" : "bg-base-200 hover:bg-base-100", "flex rounded-md justify-between items-center p-2 px-1 w-full"]),
                 onClick: (_) => (n.value = h, a.value = !1, m(h)),
                 disabled: n.value && n.value.id === h.id || e.type && h.type !== e.type || e.webhooks !== void 0 && e.webhooks !== h.webhooks
               }, [
                 v("div", bc, [
-                  h.type === "whatsapp-qrcode" ? (g(), x("svg", _c, xc)) : h.type === "whatsapp-api-official" ? (g(), x("div", Mc, [
+                  h.type === "whatsapp-qrcode" ? (w(), x("svg", _c, xc)) : h.type === "whatsapp-api-official" ? (w(), x("div", Mc, [
                     Tc,
-                    (g(), x("svg", Dc, $c))
+                    (w(), x("svg", Dc, $c))
                   ])) : U("", !0),
                   Le(d, {
                     class: "dark:popper-light popper-dark",
@@ -2260,7 +2260,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                       v("span", null, ke(e.type && h.type !== e.type ? "Não é possível utilizar esse tipo de Instância neste recurso" : e.webhooks === !0 ? "Essa instância está com o Atendimento desabilitado" : "Essa aplicação é somente para instâncias sem atendimento habilitado."), 1)
                     ]),
                     default: pe(() => [
-                      e.type && h.type !== e.type || e.webhooks !== void 0 && e.webhooks !== h.webhooks ? (g(), x("svg", Oc, Sc)) : U("", !0)
+                      e.type && h.type !== e.type || e.webhooks !== void 0 && e.webhooks !== h.webhooks ? (w(), x("svg", Oc, Sc)) : U("", !0)
                     ]),
                     _: 2
                   }, 1024),
@@ -2278,7 +2278,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                       ], 2)
                     ]),
                     default: pe(() => [
-                      h.isLoading ? (g(), x("div", Ec, Ic)) : (g(), x("div", {
+                      h.isLoading ? (w(), x("div", Ec, Ic)) : (w(), x("div", {
                         key: 0,
                         class: ge([{ "bg-red-500": h.status === !1, "bg-green-500": h.status === !0, "bg-purple-500": h.status === "Offline" }, "text-xs w-5 h-5 py-1 shadow flex justify-start shadow-gray-900 dark:shadow-gray-400 rounded-full cursor-pointer transition-all duration-200 ease-in-out"])
                       }, null, 2))
@@ -2287,7 +2287,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                   }, 1024)
                 ]),
                 v("div", Yc, [
-                  h.telephone ? (g(), De(d, {
+                  h.telephone ? (w(), De(d, {
                     key: 0,
                     class: "dark:popper-light popper-dark",
                     hover: !0,
@@ -2303,7 +2303,7 @@ const qu = { class: "w-full relative text-current" }, Vu = { class: "flex cursor
                   }, 1024)) : U("", !0)
                 ])
               ], 10, wc)
-            ]))), 256)) : (g(), x("div", Lc, " Sem instâncias disponíveis"))
+            ]))), 256)) : (w(), x("div", Lc, " Sem instâncias disponíveis"))
           ])
         ])) : U("", !0)
       ]);
@@ -5247,8 +5247,8 @@ function Hs(e, t) {
   return Or(e, -t);
 }
 function Aa() {
-  const e = Dl();
-  return g(), x(
+  const e = Tl();
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5279,7 +5279,7 @@ Aa.compatConfig = {
   MODE: 3
 };
 function js() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5303,7 +5303,7 @@ js.compatConfig = {
   MODE: 3
 };
 function Nr() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5324,7 +5324,7 @@ Nr.compatConfig = {
   MODE: 3
 };
 function Ir() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5345,7 +5345,7 @@ Ir.compatConfig = {
   MODE: 3
 };
 function Yr() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5369,7 +5369,7 @@ Yr.compatConfig = {
   MODE: 3
 };
 function Fr() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5390,7 +5390,7 @@ Fr.compatConfig = {
   MODE: 3
 };
 function Lr() {
-  return g(), x(
+  return w(), x(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5475,7 +5475,7 @@ const Xf = (e, t, a) => {
     };
   });
 }, Zf = (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) => {
-  const t = w(e);
+  const t = g(e);
   return t != null && t.$el ? t == null ? void 0 : t.$el : t;
 }, Jf = (e) => ({ type: "dot", ...e ?? {} }), qs = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, jr = {
   prop: (e) => `"${e}" prop must be enabled!`,
@@ -6261,7 +6261,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     ), he = () => {
       c.value(n.internalModelValue) && d.value(n.internalModelValue) && ae.value ? a("select-date") : a("invalid-select");
     };
-    return (O, N) => (g(), x("div", {
+    return (O, N) => (w(), x("div", {
       ref_key: "actionRowRef",
       ref: k,
       class: "dp__action_row"
@@ -6271,8 +6271,8 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         disabled: H.value,
         selectDate: () => O.$emit("select-date"),
         closePicker: () => O.$emit("close-picker")
-      }))) : (g(), x(be, { key: 1 }, [
-        w(r).showPreview ? (g(), x("div", {
+      }))) : (w(), x(be, { key: 1 }, [
+        g(r).showPreview ? (w(), x("div", {
           key: 0,
           class: "dp__selection_preview",
           title: ce.value,
@@ -6282,7 +6282,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             key: 0,
             value: O.internalModelValue
           }) : U("", !0),
-          !O.$slots["action-preview"] && B.value ? (g(), x(be, { key: 1 }, [
+          !O.$slots["action-preview"] && B.value ? (w(), x(be, { key: 1 }, [
             Je(ke(ce.value), 1)
           ], 64)) : U("", !0)
         ], 12, Om)) : U("", !0),
@@ -6296,24 +6296,24 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             key: 0,
             value: O.internalModelValue
           }) : U("", !0),
-          O.$slots["action-buttons"] ? U("", !0) : (g(), x(be, { key: 1 }, [
-            !w(u).enabled && w(r).showCancel ? (g(), x("button", {
+          O.$slots["action-buttons"] ? U("", !0) : (w(), x(be, { key: 1 }, [
+            !g(u).enabled && g(r).showCancel ? (w(), x("button", {
               key: 0,
               ref_key: "cancelButtonRef",
               ref: y,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: N[0] || (N[0] = (P) => O.$emit("close-picker")),
-              onKeydown: N[1] || (N[1] = (P) => w(ct)(P, () => O.$emit("close-picker")))
+              onKeydown: N[1] || (N[1] = (P) => g(ct)(P, () => O.$emit("close-picker")))
             }, ke(O.cancelText), 545)) : U("", !0),
-            w(r).showNow ? (g(), x("button", {
+            g(r).showNow ? (w(), x("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: N[2] || (N[2] = (P) => O.$emit("select-now")),
-              onKeydown: N[3] || (N[3] = (P) => w(ct)(P, () => O.$emit("select-now")))
+              onKeydown: N[3] || (N[3] = (P) => g(ct)(P, () => O.$emit("select-now")))
             }, ke(O.nowButtonLabel), 33)) : U("", !0),
-            w(r).showSelect ? (g(), x("button", {
+            g(r).showSelect ? (w(), x("button", {
               key: 2,
               ref_key: "selectButtonRef",
               ref: _,
@@ -6321,7 +6321,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               class: "dp__action_button dp__action_select",
               disabled: H.value,
               "data-test": "select-button",
-              onKeydown: N[4] || (N[4] = (P) => w(ct)(P, () => he())),
+              onKeydown: N[4] || (N[4] = (P) => g(ct)(P, () => he())),
               onClick: he
             }, ke(O.selectText), 41, Cm)) : U("", !0)
           ], 64))
@@ -6355,7 +6355,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     const { setSelectionGrid: n, buildMultiLevelMatrix: r, setMonthPicker: o } = ta(), s = a, l = e, { defaultedAriaLabels: u, defaultedTextInput: m, defaultedConfig: i } = He(
       l
     ), { hideNavigationButtons: c } = Rn(), d = z(!1), h = z(null), y = z(null), _ = z([]), B = z(), R = z(null), T = z(0), k = z(null);
-    Pl(() => {
+    Dl(() => {
       h.value = null;
     }), Be(() => {
       Ke().then(() => Z()), l.noOverlayFocus || ae(), I(!0);
@@ -6448,7 +6448,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     };
     return t({ focusGrid: ae }), (M, D) => {
       var f;
-      return g(), x("div", {
+      return w(), x("div", {
         ref_key: "gridWrapRef",
         ref: y,
         class: ge(H.value),
@@ -6470,12 +6470,12 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           v("div", Rm, [
             ue(M.$slots, "header")
           ]),
-          M.$slots.overlay ? ue(M.$slots, "overlay", { key: 0 }) : (g(!0), x(be, { key: 1 }, Ce(M.items, (A, G) => (g(), x("div", {
+          M.$slots.overlay ? ue(M.$slots, "overlay", { key: 0 }) : (w(!0), x(be, { key: 1 }, Ce(M.items, (A, G) => (w(), x("div", {
             key: G,
             class: ge(["dp__overlay_row", { dp__flex_row: M.items.length >= 3 }]),
             role: "row"
           }, [
-            (g(!0), x(be, null, Ce(A, (b, ie) => (g(), x("div", {
+            (w(!0), x(be, null, Ce(A, (b, ie) => (w(), x("div", {
               key: b.value,
               ref_for: !0,
               ref: (_e) => N(_e, b, G, ie),
@@ -6486,7 +6486,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               tabindex: "0",
               "data-test": b.text,
               onClick: ka((_e) => ce(b), ["prevent"]),
-              onKeydown: (_e) => w(ct)(_e, () => ce(b), !0),
+              onKeydown: (_e) => g(ct)(_e, () => ce(b), !0),
               onMouseover: (_e) => se(b.value)
             }, [
               v("div", {
@@ -6496,19 +6496,19 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   key: 0,
                   item: b
                 }) : U("", !0),
-                M.$slots.item ? U("", !0) : (g(), x(be, { key: 1 }, [
+                M.$slots.item ? U("", !0) : (w(), x(be, { key: 1 }, [
                   Je(ke(b.text), 1)
                 ], 64))
               ], 2)
             ], 42, Em))), 128))
           ], 2))), 128))
         ], 6),
-        M.$slots["button-icon"] ? bt((g(), x("button", {
+        M.$slots["button-icon"] ? bt((w(), x("button", {
           key: 0,
           ref_key: "toggleButton",
           ref: R,
           type: "button",
-          "aria-label": (f = w(u)) == null ? void 0 : f.toggleOverlay,
+          "aria-label": (f = g(u)) == null ? void 0 : f.toggleOverlay,
           class: ge(E.value),
           tabindex: "0",
           onClick: he,
@@ -6516,7 +6516,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         }, [
           ue(M.$slots, "button-icon")
         ], 42, Nm)), [
-          [Wa, !w(c)(M.hideNavigation, M.type)]
+          [Wa, !g(c)(M.hideNavigation, M.type)]
         ]) : U("", !0)
       ], 46, Am);
     };
@@ -6534,7 +6534,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     ), n = J(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
-    return (r, o) => (g(), x("div", {
+    return (r, o) => (w(), x("div", {
       class: ge({
         dp__menu_inner: !r.stretch,
         "dp--menu--inner-stretched": r.stretch,
@@ -6542,7 +6542,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         "dp--flex-display-collapsed": r.collapse
       })
     }, [
-      (g(!0), x(be, null, Ce(a.value, (s, l) => (g(), x("div", {
+      (w(!0), x(be, null, Ce(a.value, (s, l) => (w(), x("div", {
         key: s,
         class: ge(n.value)
       }, [
@@ -6566,7 +6566,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
     const a = t, n = z(null);
-    return Be(() => a("set-ref", n)), (r, o) => (g(), x("button", {
+    return Be(() => a("set-ref", n)), (r, o) => (w(), x("button", {
       ref_key: "elRef",
       ref: n,
       type: "button",
@@ -6576,7 +6576,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       "aria-label": r.ariaLabel,
       "aria-disabled": r.disabled || void 0,
       onClick: o[0] || (o[0] = (s) => r.$emit("activate")),
-      onKeydown: o[1] || (o[1] = (s) => w(ct)(s, () => r.$emit("activate"), !0))
+      onKeydown: o[1] || (o[1] = (s) => g(ct)(s, () => r.$emit("activate"), !0))
     }, [
       v("span", {
         class: ge(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
@@ -6606,21 +6606,21 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     };
     return (R, T) => {
       var k, I, ae, H, $;
-      return g(), x(be, null, [
+      return w(), x(be, null, [
         v("div", {
           class: ge(["dp--year-mode-picker", { "dp--hidden-el": h.value }])
         }, [
-          w(o)(w(l), e.instance) ? (g(), De(Va, {
+          g(o)(g(l), e.instance) ? (w(), De(Va, {
             key: 0,
             ref: "mpPrevIconRef",
-            "aria-label": (k = w(u)) == null ? void 0 : k.prevYear,
+            "aria-label": (k = g(u)) == null ? void 0 : k.prevYear,
             disabled: e.isDisabled(!1),
-            class: ge((I = w(i)) == null ? void 0 : I.navBtnPrev),
+            class: ge((I = g(i)) == null ? void 0 : I.navBtnPrev),
             onActivate: T[0] || (T[0] = (Y) => B(!1))
           }, {
             default: pe(() => [
               R.$slots["arrow-left"] ? ue(R.$slots, "arrow-left", { key: 0 }) : U("", !0),
-              R.$slots["arrow-left"] ? U("", !0) : (g(), De(w(Nr), { key: 1 }))
+              R.$slots["arrow-left"] ? U("", !0) : (w(), De(g(Nr), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : U("", !0),
@@ -6628,7 +6628,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             ref: "mpYearButtonRef",
             class: "dp__btn dp--year-select",
             type: "button",
-            "aria-label": `${e.year}-${(ae = w(u)) == null ? void 0 : ae.openYearsOverlay}`,
+            "aria-label": `${e.year}-${(ae = g(u)) == null ? void 0 : ae.openYearsOverlay}`,
             "data-test": `year-mode-btn-${e.instance}`,
             onClick: T[1] || (T[1] = () => y(!1)),
             onKeydown: T[2] || (T[2] = Wo(() => y(!1), ["enter"]))
@@ -6637,49 +6637,49 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               key: 0,
               year: e.year
             }) : U("", !0),
-            R.$slots.year ? U("", !0) : (g(), x(be, { key: 1 }, [
+            R.$slots.year ? U("", !0) : (w(), x(be, { key: 1 }, [
               Je(ke(e.year), 1)
             ], 64))
           ], 40, Ym),
-          w(r)(w(l), e.instance) ? (g(), De(Va, {
+          g(r)(g(l), e.instance) ? (w(), De(Va, {
             key: 1,
             ref: "mpNextIconRef",
-            "aria-label": (H = w(u)) == null ? void 0 : H.nextYear,
+            "aria-label": (H = g(u)) == null ? void 0 : H.nextYear,
             disabled: e.isDisabled(!0),
-            class: ge(($ = w(i)) == null ? void 0 : $.navBtnNext),
+            class: ge(($ = g(i)) == null ? void 0 : $.navBtnNext),
             onActivate: T[3] || (T[3] = (Y) => B(!0))
           }, {
             default: pe(() => [
               R.$slots["arrow-right"] ? ue(R.$slots, "arrow-right", { key: 0 }) : U("", !0),
-              R.$slots["arrow-right"] ? U("", !0) : (g(), De(w(Ir), { key: 1 }))
+              R.$slots["arrow-right"] ? U("", !0) : (w(), De(g(Ir), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : U("", !0)
         ], 2),
         Le(ha, {
-          name: w(d)(e.showYearPicker),
-          css: w(c)
+          name: g(d)(e.showYearPicker),
+          css: g(c)
         }, {
           default: pe(() => {
             var Y, E;
             return [
-              e.showYearPicker ? (g(), De(tn, {
+              e.showYearPicker ? (w(), De(tn, {
                 key: 0,
                 items: e.items,
                 "text-input": R.textInput,
                 "esc-close": R.escClose,
                 config: R.config,
-                "is-last": R.autoApply && !w(s).keepActionRow,
+                "is-last": R.autoApply && !g(s).keepActionRow,
                 "hide-navigation": R.hideNavigation,
                 "aria-labels": R.ariaLabels,
-                "overlay-label": (E = (Y = w(u)) == null ? void 0 : Y.yearPicker) == null ? void 0 : E.call(Y, !0),
+                "overlay-label": (E = (Y = g(u)) == null ? void 0 : Y.yearPicker) == null ? void 0 : E.call(Y, !0),
                 type: "year",
                 onToggle: y,
                 onSelected: T[4] || (T[4] = (F) => _(F))
               }, lt({
                 "button-icon": pe(() => [
                   R.$slots["calendar-icon"] ? ue(R.$slots, "calendar-icon", { key: 0 }) : U("", !0),
-                  R.$slots["calendar-icon"] ? U("", !0) : (g(), De(w(Aa), { key: 1 }))
+                  R.$slots["calendar-icon"] ? U("", !0) : (w(), De(g(Aa), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -6966,8 +6966,8 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       selectMonth: R,
       selectYear: T,
       handleYear: ae
-    }), presetDate: _, toggleYearPicker: ($) => k(0, $) }), ($, Y) => (g(), De(Sn, {
-      "multi-calendars": w(c).count,
+    }), presetDate: _, toggleYearPicker: ($) => k(0, $) }), ($, Y) => (w(), De(Sn, {
+      "multi-calendars": g(c).count,
       collapse: $.collapse,
       stretch: ""
     }, {
@@ -6977,38 +6977,38 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           value: $.internalModelValue
         }) : U("", !0),
         $.$slots["month-year"] ? ue($.$slots, "month-year", at(tt({ key: 1 }, {
-          year: w(m),
-          months: w(l)(E),
-          years: w(u)(E),
-          selectMonth: w(R),
-          selectYear: w(T),
+          year: g(m),
+          months: g(l)(E),
+          years: g(u)(E),
+          selectMonth: g(R),
+          selectYear: g(T),
           instance: E
-        }))) : (g(), De(tn, {
+        }))) : (w(), De(tn, {
           key: 2,
-          items: w(l)(E),
+          items: g(l)(E),
           "arrow-navigation": $.arrowNavigation,
-          "is-last": $.autoApply && !w(d).keepActionRow,
+          "is-last": $.autoApply && !g(d).keepActionRow,
           "esc-close": $.escClose,
-          height: w(d).modeHeight,
+          height: g(d).modeHeight,
           config: $.config,
           "no-overlay-focus": !!($.noOverlayFocus || $.textInput),
           "use-relative": "",
           type: "month",
-          onSelected: (F) => w(R)(F, E),
-          onHoverValue: (F) => w(B)(F, E)
+          onSelected: (F) => g(R)(F, E),
+          onHoverValue: (F) => g(B)(F, E)
         }, lt({
           header: pe(() => [
             Le(al, tt($.$props, {
-              items: w(u)(E),
+              items: g(u)(E),
               instance: E,
-              "show-year-picker": w(h)[E],
-              year: w(m)(E),
-              "is-disabled": (F) => w(i)(E, F),
-              onHandleYear: (F) => w(ae)(E, F),
-              onYearSelect: (F) => w(I)(F, E),
-              onToggleYearPicker: (F) => w(k)(E, F == null ? void 0 : F.flow, F == null ? void 0 : F.show)
+              "show-year-picker": g(h)[E],
+              year: g(m)(E),
+              "is-disabled": (F) => g(i)(E, F),
+              onHandleYear: (F) => g(ae)(E, F),
+              onYearSelect: (F) => g(I)(F, E),
+              onToggleYearPicker: (F) => g(k)(E, F == null ? void 0 : F.flow, F == null ? void 0 : F.show)
             }), lt({ _: 2 }, [
-              Ce(w(o), (F, Z) => ({
+              Ce(g(o), (F, Z) => ({
                 name: F,
                 fn: pe((ce) => [
                   ue($.$slots, F, at(ft(ce)))
@@ -7085,26 +7085,26 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     return t({ getSidebarProps: () => ({
       modelValue: s,
       selectYear: u
-    }) }), (c, d) => (g(), x("div", null, [
+    }) }), (c, d) => (w(), x("div", null, [
       c.$slots["top-extra"] ? ue(c.$slots, "top-extra", {
         key: 0,
         value: c.internalModelValue
       }) : U("", !0),
       c.$slots["month-year"] ? ue(c.$slots, "month-year", at(tt({ key: 1 }, {
-        years: w(o),
-        selectYear: w(u)
-      }))) : (g(), De(tn, {
+        years: g(o),
+        selectYear: g(u)
+      }))) : (w(), De(tn, {
         key: 2,
-        items: w(o),
-        "is-last": c.autoApply && !w(i).keepActionRow,
-        height: w(i).modeHeight,
+        items: g(o),
+        "is-last": c.autoApply && !g(i).keepActionRow,
+        height: g(i).modeHeight,
         config: c.config,
         "no-overlay-focus": !!(c.noOverlayFocus || c.textInput),
-        "focus-value": w(l),
+        "focus-value": g(l),
         type: "year",
         "use-relative": "",
-        onSelected: w(u),
-        onHoverValue: w(m)
+        onSelected: g(u),
+        onHoverValue: g(m)
       }, lt({ _: 2 }, [
         c.$slots["year-overlay-value"] ? {
           name: "item",
@@ -7241,18 +7241,18 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }, te = (p, X) => (f(p), n(`update:${p}`, X));
     return t({ openChildCmp: Xe }), (p, X) => {
       var ne;
-      return p.disabled ? U("", !0) : (g(), x("div", jm, [
-        (g(!0), x(be, null, Ce(O.value, (V, Me) => {
+      return p.disabled ? U("", !0) : (w(), x("div", jm, [
+        (w(!0), x(be, null, Ce(O.value, (V, Me) => {
           var S, ee, me;
-          return g(), x("div", {
+          return w(), x("div", {
             key: Me,
             class: ge(he.value)
           }, [
-            V.separator ? (g(), x(be, { key: 0 }, [
-              k.value ? U("", !0) : (g(), x(be, { key: 0 }, [
+            V.separator ? (w(), x(be, { key: 0 }, [
+              k.value ? U("", !0) : (w(), x(be, { key: 0 }, [
                 Je(":")
               ], 64))
-            ], 64)) : (g(), x(be, { key: 1 }, [
+            ], 64)) : (w(), x(be, { key: 1 }, [
               v("button", {
                 ref_for: !0,
                 ref: (Pe) => L(Pe, Me, 0),
@@ -7266,28 +7266,28 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "dp--hidden-el": k.value
                 }),
                 "data-test": `${V.type}-time-inc-btn-${r.order}`,
-                "aria-label": (S = w(l)) == null ? void 0 : S.incrementValue(V.type),
+                "aria-label": (S = g(l)) == null ? void 0 : S.incrementValue(V.type),
                 tabindex: "0",
-                onKeydown: (Pe) => w(ct)(Pe, () => b(V.type, !0, { keyboard: !0 }), !0),
-                onClick: (Pe) => w(i).timeArrowHoldThreshold ? void 0 : b(V.type, !0),
-                onMousedown: (Pe) => w(i).timeArrowHoldThreshold ? b(V.type, !0) : void 0,
+                onKeydown: (Pe) => g(ct)(Pe, () => b(V.type, !0, { keyboard: !0 }), !0),
+                onClick: (Pe) => g(i).timeArrowHoldThreshold ? void 0 : b(V.type, !0),
+                onMousedown: (Pe) => g(i).timeArrowHoldThreshold ? b(V.type, !0) : void 0,
                 onMouseup: G
               }, [
-                r.timePickerInline ? (g(), x(be, { key: 1 }, [
-                  p.$slots["tp-inline-arrow-up"] ? ue(p.$slots, "tp-inline-arrow-up", { key: 0 }) : (g(), x(be, { key: 1 }, [
+                r.timePickerInline ? (w(), x(be, { key: 1 }, [
+                  p.$slots["tp-inline-arrow-up"] ? ue(p.$slots, "tp-inline-arrow-up", { key: 0 }) : (w(), x(be, { key: 1 }, [
                     qm,
                     Vm
                   ], 64))
-                ], 64)) : (g(), x(be, { key: 0 }, [
+                ], 64)) : (w(), x(be, { key: 0 }, [
                   p.$slots["arrow-up"] ? ue(p.$slots, "arrow-up", { key: 0 }) : U("", !0),
-                  p.$slots["arrow-up"] ? U("", !0) : (g(), De(w(Fr), { key: 1 }))
+                  p.$slots["arrow-up"] ? U("", !0) : (w(), De(g(Fr), { key: 1 }))
                 ], 64))
               ], 42, Wm),
               v("button", {
                 ref_for: !0,
                 ref: (Pe) => L(Pe, Me, 1),
                 type: "button",
-                "aria-label": `${P.value(V.type).text}-${(ee = w(l)) == null ? void 0 : ee.openTpOverlay(V.type)}`,
+                "aria-label": `${P.value(V.type).text}-${(ee = g(l)) == null ? void 0 : ee.openTpOverlay(V.type)}`,
                 class: ge({
                   dp__time_display: !0,
                   dp__time_display_block: !p.timePickerInline,
@@ -7299,7 +7299,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 disabled: D(V.type),
                 tabindex: "0",
                 "data-test": `${V.type}-toggle-overlay-btn-${r.order}`,
-                onKeydown: (Pe) => w(ct)(Pe, () => f(V.type), !0),
+                onKeydown: (Pe) => g(ct)(Pe, () => f(V.type), !0),
                 onClick: (Pe) => f(V.type)
               }, [
                 p.$slots[V.type] ? ue(p.$slots, V.type, {
@@ -7307,7 +7307,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   text: P.value(V.type).text,
                   value: P.value(V.type).value
                 }) : U("", !0),
-                p.$slots[V.type] ? U("", !0) : (g(), x(be, { key: 1 }, [
+                p.$slots[V.type] ? U("", !0) : (w(), x(be, { key: 1 }, [
                   Je(ke(P.value(V.type).text), 1)
                 ], 64))
               ], 42, zm),
@@ -7324,71 +7324,71 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "dp--hidden-el": k.value
                 }),
                 "data-test": `${V.type}-time-dec-btn-${r.order}`,
-                "aria-label": (me = w(l)) == null ? void 0 : me.decrementValue(V.type),
+                "aria-label": (me = g(l)) == null ? void 0 : me.decrementValue(V.type),
                 tabindex: "0",
-                onKeydown: (Pe) => w(ct)(Pe, () => b(V.type, !1, { keyboard: !0 }), !0),
-                onClick: (Pe) => w(i).timeArrowHoldThreshold ? void 0 : b(V.type, !1),
-                onMousedown: (Pe) => w(i).timeArrowHoldThreshold ? b(V.type, !1) : void 0,
+                onKeydown: (Pe) => g(ct)(Pe, () => b(V.type, !1, { keyboard: !0 }), !0),
+                onClick: (Pe) => g(i).timeArrowHoldThreshold ? void 0 : b(V.type, !1),
+                onMousedown: (Pe) => g(i).timeArrowHoldThreshold ? b(V.type, !1) : void 0,
                 onMouseup: G
               }, [
-                r.timePickerInline ? (g(), x(be, { key: 1 }, [
-                  p.$slots["tp-inline-arrow-down"] ? ue(p.$slots, "tp-inline-arrow-down", { key: 0 }) : (g(), x(be, { key: 1 }, [
+                r.timePickerInline ? (w(), x(be, { key: 1 }, [
+                  p.$slots["tp-inline-arrow-down"] ? ue(p.$slots, "tp-inline-arrow-down", { key: 0 }) : (w(), x(be, { key: 1 }, [
                     Qm,
                     Gm
                   ], 64))
-                ], 64)) : (g(), x(be, { key: 0 }, [
+                ], 64)) : (w(), x(be, { key: 0 }, [
                   p.$slots["arrow-down"] ? ue(p.$slots, "arrow-down", { key: 0 }) : U("", !0),
-                  p.$slots["arrow-down"] ? U("", !0) : (g(), De(w(Lr), { key: 1 }))
+                  p.$slots["arrow-down"] ? U("", !0) : (w(), De(g(Lr), { key: 1 }))
                 ], 64))
               ], 42, Um)
             ], 64))
           ], 2);
         }), 128)),
-        p.is24 ? U("", !0) : (g(), x("div", Xm, [
+        p.is24 ? U("", !0) : (w(), x("div", Xm, [
           p.$slots["am-pm-button"] ? ue(p.$slots, "am-pm-button", {
             key: 0,
             toggle: _e,
             value: _.value
           }) : U("", !0),
-          p.$slots["am-pm-button"] ? U("", !0) : (g(), x("button", {
+          p.$slots["am-pm-button"] ? U("", !0) : (w(), x("button", {
             key: 1,
             ref_key: "amPmButton",
             ref: B,
             type: "button",
             class: "dp__pm_am_button",
             role: "button",
-            "aria-label": (ne = w(l)) == null ? void 0 : ne.amPmButton,
+            "aria-label": (ne = g(l)) == null ? void 0 : ne.amPmButton,
             tabindex: "0",
             onClick: _e,
-            onKeydown: X[0] || (X[0] = (V) => w(ct)(V, () => _e(), !0))
+            onKeydown: X[0] || (X[0] = (V) => g(ct)(V, () => _e(), !0))
           }, ke(_.value), 41, Zm))
         ])),
-        (g(!0), x(be, null, Ce(N.value, (V, Me) => (g(), De(ha, {
+        (w(!0), x(be, null, Ce(N.value, (V, Me) => (w(), De(ha, {
           key: Me,
-          name: w(d)(y[V.type]),
-          css: w(h)
+          name: g(d)(y[V.type]),
+          css: g(h)
         }, {
           default: pe(() => {
             var S, ee;
             return [
-              y[V.type] ? (g(), De(tn, {
+              y[V.type] ? (w(), De(tn, {
                 key: 0,
                 items: Q(V.type),
-                "is-last": p.autoApply && !w(i).keepActionRow,
+                "is-last": p.autoApply && !g(i).keepActionRow,
                 "esc-close": p.escClose,
                 type: V.type,
                 "text-input": p.textInput,
                 config: p.config,
                 "arrow-navigation": p.arrowNavigation,
                 "aria-labels": p.ariaLabels,
-                "overlay-label": (ee = (S = w(l)).timeOverlay) == null ? void 0 : ee.call(S, V.type),
+                "overlay-label": (ee = (S = g(l)).timeOverlay) == null ? void 0 : ee.call(S, V.type),
                 onSelected: (me) => te(V.type, me),
                 onToggle: (me) => f(V.type),
                 onResetFlow: X[1] || (X[1] = (me) => p.$emit("reset-flow"))
               }, lt({
                 "button-icon": pe(() => [
                   p.$slots["clock-icon"] ? ue(p.$slots, "clock-icon", { key: 0 }) : U("", !0),
-                  p.$slots["clock-icon"] ? U("", !0) : (g(), De(xn(p.timePickerInline ? w(Aa) : w(Yr)), { key: 1 }))
+                  p.$slots["clock-icon"] ? U("", !0) : (w(), De(xn(p.timePickerInline ? g(Aa) : g(Yr)), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -7488,32 +7488,32 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     };
     return t({ toggleTimePicker: E }), (Q, le) => {
       var we;
-      return g(), x("div", Km, [
-        !Q.timePicker && !Q.timePickerInline ? bt((g(), x("button", {
+      return w(), x("div", Km, [
+        !Q.timePicker && !Q.timePickerInline ? bt((w(), x("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
           ref: B,
           type: "button",
           class: ge({ ...F.value, "dp--hidden-el": H.value }),
-          "aria-label": (we = w(m)) == null ? void 0 : we.openTimePicker,
+          "aria-label": (we = g(m)) == null ? void 0 : we.openTimePicker,
           tabindex: Q.noOverlayFocus ? void 0 : 0,
           "data-test": "open-time-picker-btn",
-          onKeydown: le[0] || (le[0] = (M) => w(ct)(M, () => E(!0))),
+          onKeydown: le[0] || (le[0] = (M) => g(ct)(M, () => E(!0))),
           onClick: le[1] || (le[1] = (M) => E(!0))
         }, [
           Q.$slots["clock-icon"] ? ue(Q.$slots, "clock-icon", { key: 0 }) : U("", !0),
-          Q.$slots["clock-icon"] ? U("", !0) : (g(), De(w(Yr), { key: 1 }))
+          Q.$slots["clock-icon"] ? U("", !0) : (w(), De(g(Yr), { key: 1 }))
         ], 42, e0)), [
-          [Wa, !w(_)(Q.hideNavigation, "time")]
+          [Wa, !g(_)(Q.hideNavigation, "time")]
         ]) : U("", !0),
         Le(ha, {
-          name: w(h)(H.value),
-          css: w(y) && !Q.timePickerInline
+          name: g(h)(H.value),
+          css: g(y) && !Q.timePickerInline
         }, {
           default: pe(() => {
             var M, D;
             return [
-              H.value || Q.timePicker || Q.timePickerInline ? (g(), x("div", {
+              H.value || Q.timePicker || Q.timePickerInline ? (w(), x("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: k,
@@ -7523,8 +7523,8 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "dp--overlay-absolute": !r.timePicker && !Q.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: wt(Q.timePicker ? { height: `${w(c).modeHeight}px` } : void 0),
-                "aria-label": (M = w(m)) == null ? void 0 : M.timePicker,
+                style: wt(Q.timePicker ? { height: `${g(c).modeHeight}px` } : void 0),
+                "aria-label": (M = g(m)) == null ? void 0 : M.timePicker,
                 tabindex: Q.timePickerInline ? void 0 : 0
               }, [
                 v("div", {
@@ -7542,11 +7542,11 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     setMinutes: O,
                     setSeconds: N
                   }) : U("", !0),
-                  Q.$slots["time-picker-overlay"] ? U("", !0) : (g(), x("div", {
+                  Q.$slots["time-picker-overlay"] ? U("", !0) : (w(), x("div", {
                     key: 1,
                     class: ge(Q.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (g(!0), x(be, null, Ce(Y.value, (f, A) => bt((g(), De(Jm, tt({
+                    (w(!0), x(be, null, Ce(Y.value, (f, A) => bt((w(), De(Jm, tt({
                       key: A,
                       ref_for: !0
                     }, {
@@ -7557,7 +7557,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                       seconds: f.seconds,
                       closeTimePickerBtn: R.value,
                       disabledTimesConfig: e.disabledTimesConfig,
-                      disabled: A === 0 ? w(d).fixedStart : w(d).fixedEnd
+                      disabled: A === 0 ? g(d).fixedStart : g(d).fixedEnd
                     }, {
                       ref_for: !0,
                       ref_key: "timeInputRefs",
@@ -7571,7 +7571,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                       onOverlayOpened: se,
                       onAmPmChange: le[2] || (le[2] = (G) => Q.$emit("am-pm-change", G))
                     }), lt({ _: 2 }, [
-                      Ce(w(Z), (G, b) => ({
+                      Ce(g(Z), (G, b) => ({
                         name: G,
                         fn: pe((ie) => [
                           ue(Q.$slots, G, tt({ ref_for: !0 }, ie))
@@ -7581,21 +7581,21 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                       [Wa, A === 0 ? !0 : ae.value]
                     ])), 128))
                   ], 2)),
-                  !Q.timePicker && !Q.timePickerInline ? bt((g(), x("button", {
+                  !Q.timePicker && !Q.timePickerInline ? bt((w(), x("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: R,
                     type: "button",
                     class: ge({ ...F.value, "dp--hidden-el": I.value }),
-                    "aria-label": (D = w(m)) == null ? void 0 : D.closeTimePicker,
+                    "aria-label": (D = g(m)) == null ? void 0 : D.closeTimePicker,
                     tabindex: "0",
-                    onKeydown: le[3] || (le[3] = (f) => w(ct)(f, () => E(!1))),
+                    onKeydown: le[3] || (le[3] = (f) => g(ct)(f, () => E(!1))),
                     onClick: le[4] || (le[4] = (f) => E(!1))
                   }, [
                     Q.$slots["calendar-icon"] ? ue(Q.$slots, "calendar-icon", { key: 0 }) : U("", !0),
-                    Q.$slots["calendar-icon"] ? U("", !0) : (g(), De(w(Aa), { key: 1 }))
+                    Q.$slots["calendar-icon"] ? U("", !0) : (w(), De(g(Aa), { key: 1 }))
                   ], 42, a0)), [
-                    [Wa, !w(_)(Q.hideNavigation, "time")]
+                    [Wa, !g(_)(Q.hideNavigation, "time")]
                   ]) : U("", !0)
                 ], 2)
               ], 14, t0)) : U("", !0)
@@ -7751,7 +7751,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }), toggleTimePicker: (h, y = !1, _ = "") => {
       var B;
       (B = l.value) == null || B.toggleTimePicker(h, y, _);
-    } }), (h, y) => (g(), De(Sn, {
+    } }), (h, y) => (w(), De(Sn, {
       "multi-calendars": 0,
       stretch: ""
     }, {
@@ -7760,21 +7760,21 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ref_key: "tpRef",
           ref: l
         }, h.$props, {
-          hours: w(u).hours,
-          minutes: w(u).minutes,
-          seconds: w(u).seconds,
+          hours: g(u).hours,
+          minutes: g(u).minutes,
+          seconds: g(u).seconds,
           "internal-model-value": h.internalModelValue,
-          "disabled-times-config": w(i),
-          "validate-time": w(d),
-          "onUpdate:hours": y[0] || (y[0] = (_) => w(c)(_)),
-          "onUpdate:minutes": y[1] || (y[1] = (_) => w(c)(_, !1)),
-          "onUpdate:seconds": y[2] || (y[2] = (_) => w(c)(_, !1, !0)),
+          "disabled-times-config": g(i),
+          "validate-time": g(d),
+          "onUpdate:hours": y[0] || (y[0] = (_) => g(c)(_)),
+          "onUpdate:minutes": y[1] || (y[1] = (_) => g(c)(_, !1)),
+          "onUpdate:seconds": y[2] || (y[2] = (_) => g(c)(_, !1, !0)),
           onAmPmChange: y[3] || (y[3] = (_) => h.$emit("am-pm-change", _)),
           onResetFlow: y[4] || (y[4] = (_) => h.$emit("reset-flow")),
           onOverlayClosed: y[5] || (y[5] = (_) => h.$emit("overlay-toggle", { open: !1, overlay: _ })),
           onOverlayOpened: y[6] || (y[6] = (_) => h.$emit("overlay-toggle", { open: !0, overlay: _ }))
         }), lt({ _: 2 }, [
-          Ce(w(s), (_, B) => ({
+          Ce(g(s), (_, B) => ({
             name: _,
             fn: pe((R) => [
               ue(h.$slots, _, at(ft(R)))
@@ -7888,26 +7888,26 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       handleMonthYearChange: B
     }), (D, f) => {
       var A, G, b, ie, _e, Xe;
-      return g(), x("div", o0, [
-        D.$slots["month-year"] ? (g(), x("div", s0, [
-          ue(D.$slots, "month-year", at(ft({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: w(T), handleMonthYearChange: w(B), instance: e.instance })))
-        ])) : (g(), x(be, { key: 1 }, [
-          D.$slots["top-extra"] ? (g(), x("div", l0, [
+      return w(), x("div", o0, [
+        D.$slots["month-year"] ? (w(), x("div", s0, [
+          ue(D.$slots, "month-year", at(ft({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: g(T), handleMonthYearChange: g(B), instance: e.instance })))
+        ])) : (w(), x(be, { key: 1 }, [
+          D.$slots["top-extra"] ? (w(), x("div", l0, [
             ue(D.$slots, "top-extra", { value: D.internalModelValue })
           ])) : U("", !0),
           v("div", i0, [
-            w(k)(w(l), e.instance) && !D.vertical ? (g(), De(Va, {
+            g(k)(g(l), e.instance) && !D.vertical ? (w(), De(Va, {
               key: 0,
-              "aria-label": (A = w(s)) == null ? void 0 : A.prevMonth,
-              disabled: w(R)(!1),
-              class: ge((G = w(d)) == null ? void 0 : G.navBtnPrev),
+              "aria-label": (A = g(s)) == null ? void 0 : A.prevMonth,
+              disabled: g(R)(!1),
+              class: ge((G = g(d)) == null ? void 0 : G.navBtnPrev),
               "el-name": "action-prev",
-              onActivate: f[0] || (f[0] = (L) => w(B)(!1, !0)),
+              onActivate: f[0] || (f[0] = (L) => g(B)(!1, !0)),
               onSetRef: f[1] || (f[1] = (L) => le(L, 0))
             }, {
               default: pe(() => [
                 D.$slots["arrow-left"] ? ue(D.$slots, "arrow-left", { key: 0 }) : U("", !0),
-                D.$slots["arrow-left"] ? U("", !0) : (g(), De(w(Nr), { key: 1 }))
+                D.$slots["arrow-left"] ? U("", !0) : (w(), De(g(Nr), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : U("", !0),
@@ -7916,7 +7916,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 dp__year_disable_select: D.disableYearSelect
               }])
             }, [
-              (g(!0), x(be, null, Ce(M.value, (L, te) => (g(), x(be, {
+              (w(!0), x(be, null, Ce(M.value, (L, te) => (w(), x(be, {
                 key: L.type
               }, [
                 v("button", {
@@ -7928,28 +7928,28 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "aria-label": `${L.text}-${L.ariaLabel}`,
                   "data-test": `${L.type}-toggle-overlay-${e.instance}`,
                   onClick: L.toggle,
-                  onKeydown: (p) => w(ct)(p, () => L.toggle(), !0)
+                  onKeydown: (p) => g(ct)(p, () => L.toggle(), !0)
                 }, [
                   D.$slots[L.type] ? ue(D.$slots, L.type, {
                     key: 0,
                     text: L.text,
                     value: r[L.type]
                   }) : U("", !0),
-                  D.$slots[L.type] ? U("", !0) : (g(), x(be, { key: 1 }, [
+                  D.$slots[L.type] ? U("", !0) : (w(), x(be, { key: 1 }, [
                     Je(ke(L.text), 1)
                   ], 64))
                 ], 42, u0),
                 Le(ha, {
-                  name: w(h)(L.showSelectionGrid),
-                  css: w(y)
+                  name: g(h)(L.showSelectionGrid),
+                  css: g(y)
                 }, {
                   default: pe(() => [
-                    L.showSelectionGrid ? (g(), De(tn, {
+                    L.showSelectionGrid ? (w(), De(tn, {
                       key: 0,
                       items: L.items,
                       "arrow-navigation": D.arrowNavigation,
                       "hide-navigation": D.hideNavigation,
-                      "is-last": D.autoApply && !w(m).keepActionRow,
+                      "is-last": D.autoApply && !g(m).keepActionRow,
                       "skip-button-ref": !1,
                       config: D.config,
                       type: L.type,
@@ -7964,7 +7964,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     }, lt({
                       "button-icon": pe(() => [
                         D.$slots["calendar-icon"] ? ue(D.$slots, "calendar-icon", { key: 0 }) : U("", !0),
-                        D.$slots["calendar-icon"] ? U("", !0) : (g(), De(w(Aa), { key: 1 }))
+                        D.$slots["calendar-icon"] ? U("", !0) : (w(), De(g(Aa), { key: 1 }))
                       ]),
                       _: 2
                     }, [
@@ -8000,33 +8000,33 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            w(k)(w(l), e.instance) && D.vertical ? (g(), De(Va, {
+            g(k)(g(l), e.instance) && D.vertical ? (w(), De(Va, {
               key: 1,
-              "aria-label": (b = w(s)) == null ? void 0 : b.prevMonth,
+              "aria-label": (b = g(s)) == null ? void 0 : b.prevMonth,
               "el-name": "action-prev",
-              disabled: w(R)(!1),
-              class: ge((ie = w(d)) == null ? void 0 : ie.navBtnPrev),
-              onActivate: f[2] || (f[2] = (L) => w(B)(!1, !0))
+              disabled: g(R)(!1),
+              class: ge((ie = g(d)) == null ? void 0 : ie.navBtnPrev),
+              onActivate: f[2] || (f[2] = (L) => g(B)(!1, !0))
             }, {
               default: pe(() => [
                 D.$slots["arrow-up"] ? ue(D.$slots, "arrow-up", { key: 0 }) : U("", !0),
-                D.$slots["arrow-up"] ? U("", !0) : (g(), De(w(Fr), { key: 1 }))
+                D.$slots["arrow-up"] ? U("", !0) : (w(), De(g(Fr), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : U("", !0),
-            w(I)(w(l), e.instance) ? (g(), De(Va, {
+            g(I)(g(l), e.instance) ? (w(), De(Va, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
-              disabled: w(R)(!0),
-              "aria-label": (_e = w(s)) == null ? void 0 : _e.nextMonth,
-              class: ge((Xe = w(d)) == null ? void 0 : Xe.navBtnNext),
-              onActivate: f[3] || (f[3] = (L) => w(B)(!0, !0)),
+              disabled: g(R)(!0),
+              "aria-label": (_e = g(s)) == null ? void 0 : _e.nextMonth,
+              class: ge((Xe = g(d)) == null ? void 0 : Xe.navBtnNext),
+              onActivate: f[3] || (f[3] = (L) => g(B)(!0, !0)),
               onSetRef: f[4] || (f[4] = (L) => le(L, D.disableYearSelect ? 2 : 3))
             }, {
               default: pe(() => [
                 D.$slots[D.vertical ? "arrow-down" : "arrow-right"] ? ue(D.$slots, D.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : U("", !0),
-                D.$slots[D.vertical ? "arrow-down" : "arrow-right"] ? U("", !0) : (g(), De(xn(D.vertical ? w(Lr) : w(Ir)), { key: 1 }))
+                D.$slots[D.vertical ? "arrow-down" : "arrow-right"] ? U("", !0) : (w(), De(xn(D.vertical ? g(Lr) : g(Ir)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : U("", !0)
@@ -8152,7 +8152,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }, Xe = (L) => {
       c.value.enabled && c.value.dragSelect ? (H.value = !0, n("select-date", L)) : c.value.enabled && n("select-date", L);
     };
-    return t({ triggerTransition: F }), (L, te) => (g(), x("div", {
+    return t({ triggerTransition: F }), (L, te) => (w(), x("div", {
       class: ge(O.value)
     }, [
       v("div", {
@@ -8162,22 +8162,22 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         role: "grid"
       }, [
         v("div", d0, [
-          L.weekNumbers ? (g(), x("div", f0, ke(L.weekNumName), 1)) : U("", !0),
-          (g(!0), x(be, null, Ce(Y.value, (p, X) => {
+          L.weekNumbers ? (w(), x("div", f0, ke(L.weekNumName), 1)) : U("", !0),
+          (w(!0), x(be, null, Ce(Y.value, (p, X) => {
             var ne, V;
-            return g(), x("div", {
+            return w(), x("div", {
               key: X,
               class: "dp__calendar_header_item",
               role: "gridcell",
               "data-test": "calendar-header",
-              "aria-label": (V = (ne = w(u)) == null ? void 0 : ne.weekDay) == null ? void 0 : V.call(ne, X)
+              "aria-label": (V = (ne = g(u)) == null ? void 0 : ne.weekDay) == null ? void 0 : V.call(ne, X)
             }, [
               L.$slots["calendar-header"] ? ue(L.$slots, "calendar-header", {
                 key: 0,
                 day: p,
                 index: X
               }) : U("", !0),
-              L.$slots["calendar-header"] ? U("", !0) : (g(), x(be, { key: 1 }, [
+              L.$slots["calendar-header"] ? U("", !0) : (w(), x(be, { key: 1 }, [
                 Je(ke(p), 1)
               ], 64))
             ], 8, m0);
@@ -8189,24 +8189,24 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           css: !!L.transitions
         }, {
           default: pe(() => [
-            R.value ? (g(), x("div", {
+            R.value ? (w(), x("div", {
               key: 0,
               class: "dp__calendar",
               role: "rowgroup",
               onMouseleave: te[1] || (te[1] = (p) => H.value = !1)
             }, [
-              (g(!0), x(be, null, Ce($.value, (p, X) => (g(), x("div", {
+              (w(!0), x(be, null, Ce($.value, (p, X) => (w(), x("div", {
                 key: X,
                 class: "dp__calendar_row",
                 role: "row"
               }, [
-                L.weekNumbers ? (g(), x("div", p0, [
+                L.weekNumbers ? (w(), x("div", p0, [
                   v("div", v0, ke(b(p.days)), 1)
                 ])) : U("", !0),
-                (g(!0), x(be, null, Ce(p.days, (ne, V) => {
+                (w(!0), x(be, null, Ce(p.days, (ne, V) => {
                   var Me, S, ee;
-                  return g(), x("div", {
-                    id: w(el)(ne.value),
+                  return w(), x("div", {
+                    id: g(el)(ne.value),
                     ref_for: !0,
                     ref: (me) => f(me, X, V),
                     key: V + X,
@@ -8214,12 +8214,12 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     class: "dp__calendar_item",
                     "aria-pressed": (ne.classData.dp__active_date || ne.classData.dp__range_start || ne.classData.dp__range_start) ?? void 0,
                     "aria-disabled": ne.classData.dp__cell_disabled || void 0,
-                    "aria-label": (S = (Me = w(u)) == null ? void 0 : Me.day) == null ? void 0 : S.call(Me, ne),
+                    "aria-label": (S = (Me = g(u)) == null ? void 0 : Me.day) == null ? void 0 : S.call(Me, ne),
                     tabindex: "0",
                     "data-test": ne.value,
                     onClick: ka((me) => ie(me, ne), ["prevent"]),
                     onTouchend: (me) => ie(me, ne, !1),
-                    onKeydown: (me) => w(ct)(me, () => L.$emit("select-date", ne)),
+                    onKeydown: (me) => g(ct)(me, () => L.$emit("select-date", ne)),
                     onMouseenter: (me) => se(ne, X, V),
                     onMouseleave: (me) => Q(ne),
                     onMousedown: (me) => Xe(ne),
@@ -8233,22 +8233,22 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                         day: +ne.text,
                         date: ne.value
                       }) : U("", !0),
-                      L.$slots.day ? U("", !0) : (g(), x(be, { key: 1 }, [
+                      L.$slots.day ? U("", !0) : (w(), x(be, { key: 1 }, [
                         Je(ke(ne.text), 1)
                       ], 64)),
-                      ne.marker && N.value(ne) ? (g(), x(be, { key: 2 }, [
+                      ne.marker && N.value(ne) ? (w(), x(be, { key: 2 }, [
                         L.$slots.marker ? ue(L.$slots, "marker", {
                           key: 0,
                           marker: ne.marker,
                           day: +ne.text,
                           date: ne.value
-                        }) : (g(), x("div", {
+                        }) : (w(), x("div", {
                           key: 1,
                           class: ge(ce.value(ne.marker)),
                           style: wt(ne.marker.color ? { backgroundColor: ne.marker.color } : {})
                         }, null, 6))
                       ], 64)) : U("", !0),
-                      he.value(ne.value) ? (g(), x("div", {
+                      he.value(ne.value) ? (w(), x("div", {
                         key: 3,
                         ref_for: !0,
                         ref_key: "activeTooltip",
@@ -8256,12 +8256,12 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                         class: "dp__marker_tooltip",
                         style: wt(y.value)
                       }, [
-                        (ee = ne.marker) != null && ee.tooltip ? (g(), x("div", {
+                        (ee = ne.marker) != null && ee.tooltip ? (w(), x("div", {
                           key: 0,
                           class: "dp__tooltip_content",
                           onClick: _e
                         }, [
-                          (g(!0), x(be, null, Ce(ne.marker.tooltip, (me, Pe) => (g(), x("div", {
+                          (w(!0), x(be, null, Ce(ne.marker.tooltip, (me, Pe) => (w(), x("div", {
                             key: Pe,
                             class: "dp__tooltip_text"
                           }, [
@@ -8270,7 +8270,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                               tooltip: me,
                               day: ne.value
                             }) : U("", !0),
-                            L.$slots["marker-tooltip"] ? U("", !0) : (g(), x(be, { key: 1 }, [
+                            L.$slots["marker-tooltip"] ? U("", !0) : (w(), x(be, { key: 1 }, [
                               v("div", {
                                 class: "dp__tooltip_mark",
                                 style: wt(me.color ? { backgroundColor: me.color } : {})
@@ -8414,8 +8414,8 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           const zt = C[0].days[0], Wn = S(Tt(zt.value, -7), $e(oe));
           C.unshift({ days: Wn });
         } else {
-          const zt = C[C.length - 1], Wn = zt.days[zt.days.length - 1], _l = S(Tt(Wn.value, 1), $e(oe));
-          C.push({ days: _l });
+          const zt = C[C.length - 1], Wn = zt.days[zt.days.length - 1], bl = S(Tt(Wn.value, 1), $e(oe));
+          C.push({ days: bl });
         }
     }
     return C;
@@ -8670,30 +8670,30 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       changeMonth: ie,
       changeYear: _e,
       selectWeekDate: b
-    }), (te, p) => (g(), x(be, null, [
+    }), (te, p) => (w(), x(be, null, [
       Le(Sn, {
-        "multi-calendars": w(ce).count,
+        "multi-calendars": g(ce).count,
         collapse: te.collapse
       }, {
         default: pe(({ instance: X, index: ne }) => [
-          te.disableMonthYearSelect ? U("", !0) : (g(), De(c0, tt({
+          te.disableMonthYearSelect ? U("", !0) : (w(), De(c0, tt({
             key: 0,
             ref: (V) => {
               V && (he.value[ne] = V);
             },
-            months: w(Ws)(te.formatLocale, te.locale, te.monthNameFormat),
-            years: w(Hr)(te.yearRange, te.locale, te.reverseYears),
-            month: w(s)(X),
-            year: w(l)(X),
+            months: g(Ws)(te.formatLocale, te.locale, te.monthNameFormat),
+            years: g(Hr)(te.yearRange, te.locale, te.reverseYears),
+            month: g(s)(X),
+            year: g(l)(X),
             instance: X
           }, te.$props, {
-            onMount: p[0] || (p[0] = (V) => Q(w(ua).header)),
+            onMount: p[0] || (p[0] = (V) => Q(g(ua).header)),
             onResetFlow: p[1] || (p[1] = (V) => te.$emit("reset-flow")),
-            onUpdateMonthYear: (V) => w(k)(X, V),
+            onUpdateMonthYear: (V) => g(k)(X, V),
             onOverlayClosed: L,
             onOverlayOpened: p[2] || (p[2] = (V) => te.$emit("overlay-toggle", { open: !0, overlay: V }))
           }), lt({ _: 2 }, [
-            Ce(w(j), (V, Me) => ({
+            Ce(g(j), (V, Me) => ({
               name: V,
               fn: pe((S) => [
                 ue(te.$slots, V, at(ft(S)))
@@ -8705,21 +8705,21 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               V && (O.value[ne] = V);
             },
             "mapped-dates": le.value(X),
-            month: w(s)(X),
-            year: w(l)(X),
+            month: g(s)(X),
+            year: g(l)(X),
             instance: X
           }, te.$props, {
-            onSelectDate: (V) => w(T)(V, X !== 1),
+            onSelectDate: (V) => g(T)(V, X !== 1),
             onHandleSpace: (V) => D(V, X !== 1),
-            onSetHoverDate: p[3] || (p[3] = (V) => w(E)(V)),
-            onHandleScroll: (V) => w(B)(V, X),
-            onHandleSwipe: (V) => w(R)(V, X),
-            onMount: p[4] || (p[4] = (V) => Q(w(ua).calendar)),
+            onSetHoverDate: p[3] || (p[3] = (V) => g(E)(V)),
+            onHandleScroll: (V) => g(B)(V, X),
+            onHandleSwipe: (V) => g(R)(V, X),
+            onMount: p[4] || (p[4] = (V) => Q(g(ua).calendar)),
             onResetFlow: p[5] || (p[5] = (V) => te.$emit("reset-flow")),
             onTooltipOpen: p[6] || (p[6] = (V) => te.$emit("tooltip-open", V)),
             onTooltipClose: p[7] || (p[7] = (V) => te.$emit("tooltip-close", V))
           }), lt({ _: 2 }, [
-            Ce(w(P), (V, Me) => ({
+            Ce(g(P), (V, Me) => ({
               name: V,
               fn: pe((S) => [
                 ue(te.$slots, V, at(ft({ ...S })))
@@ -8729,28 +8729,28 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         ]),
         _: 3
       }, 8, ["multi-calendars", "collapse"]),
-      te.enableTimePicker ? (g(), x("div", b0, [
-        te.$slots["time-picker"] ? ue(te.$slots, "time-picker", at(tt({ key: 0 }, { time: w(m), updateTime: w(H) }))) : (g(), De(sl, tt({
+      te.enableTimePicker ? (w(), x("div", b0, [
+        te.$slots["time-picker"] ? ue(te.$slots, "time-picker", at(tt({ key: 0 }, { time: g(m), updateTime: g(H) }))) : (w(), De(sl, tt({
           key: 1,
           ref_key: "timePickerRef",
           ref: N
         }, te.$props, {
-          hours: w(m).hours,
-          minutes: w(m).minutes,
-          seconds: w(m).seconds,
+          hours: g(m).hours,
+          minutes: g(m).minutes,
+          seconds: g(m).seconds,
           "internal-model-value": te.internalModelValue,
-          "disabled-times-config": w(i),
-          "validate-time": w(d),
-          onMount: p[8] || (p[8] = (X) => Q(w(ua).timePicker)),
-          "onUpdate:hours": p[9] || (p[9] = (X) => w(H)(X)),
-          "onUpdate:minutes": p[10] || (p[10] = (X) => w(H)(X, !1)),
-          "onUpdate:seconds": p[11] || (p[11] = (X) => w(H)(X, !1, !0)),
+          "disabled-times-config": g(i),
+          "validate-time": g(d),
+          onMount: p[8] || (p[8] = (X) => Q(g(ua).timePicker)),
+          "onUpdate:hours": p[9] || (p[9] = (X) => g(H)(X)),
+          "onUpdate:minutes": p[10] || (p[10] = (X) => g(H)(X, !1)),
+          "onUpdate:seconds": p[11] || (p[11] = (X) => g(H)(X, !1, !0)),
           onResetFlow: p[12] || (p[12] = (X) => te.$emit("reset-flow")),
           onOverlayClosed: p[13] || (p[13] = (X) => Xe(X, !1)),
           onOverlayOpened: p[14] || (p[14] = (X) => Xe(X, !0)),
           onAmPmChange: p[15] || (p[15] = (X) => te.$emit("am-pm-change", X))
         }), lt({ _: 2 }, [
-          Ce(w(se), (X, ne) => ({
+          Ce(g(se), (X, ne) => ({
             name: X,
             fn: pe((V) => [
               ue(te.$slots, X, at(ft(V)))
@@ -8874,15 +8874,15 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       selectQuarter: B,
       handleYearSelect: T,
       handleYear: k
-    }) }), (I, ae) => (g(), De(Sn, {
-      "multi-calendars": w(l).count,
+    }) }), (I, ae) => (w(), De(Sn, {
+      "multi-calendars": g(l).count,
       collapse: I.collapse,
       stretch: ""
     }, {
       default: pe(({ instance: H }) => [
         v("div", {
           class: "dp-quarter-picker-wrap",
-          style: wt({ minHeight: `${w(u).modeHeight}px` })
+          style: wt({ minHeight: `${g(u).modeHeight}px` })
         }, [
           I.$slots["top-extra"] ? ue(I.$slots, "top-extra", {
             key: 0,
@@ -8890,16 +8890,16 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           }) : U("", !0),
           v("div", null, [
             Le(al, tt(I.$props, {
-              items: w(m)(H),
+              items: g(m)(H),
               instance: H,
-              "show-year-picker": w(y)[H],
-              year: w(i)(H),
-              "is-disabled": ($) => w(c)(H, $),
-              onHandleYear: ($) => w(k)(H, $),
-              onYearSelect: ($) => w(T)($, H),
-              onToggleYearPicker: ($) => w(R)(H, $ == null ? void 0 : $.flow, $ == null ? void 0 : $.show)
+              "show-year-picker": g(y)[H],
+              year: g(i)(H),
+              "is-disabled": ($) => g(c)(H, $),
+              onHandleYear: ($) => g(k)(H, $),
+              onYearSelect: ($) => g(T)($, H),
+              onToggleYearPicker: ($) => g(R)(H, $ == null ? void 0 : $.flow, $ == null ? void 0 : $.show)
             }), lt({ _: 2 }, [
-              Ce(w(s), ($, Y) => ({
+              Ce(g(s), ($, Y) => ({
                 name: $,
                 fn: pe((E) => [
                   ue(I.$slots, $, at(ft(E)))
@@ -8908,7 +8908,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           v("div", x0, [
-            (g(!0), x(be, null, Ce(w(d)(H), ($, Y) => (g(), x("div", { key: Y }, [
+            (w(!0), x(be, null, Ce(g(d)(H), ($, Y) => (w(), x("div", { key: Y }, [
               v("button", {
                 type: "button",
                 class: ge(["dp--qr-btn", {
@@ -8919,14 +8919,14 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 }]),
                 "data-test": $.value,
                 disabled: $.disabled,
-                onClick: (E) => w(B)($.value, H, $.disabled),
-                onMouseover: (E) => w(_)($.value)
+                onClick: (E) => g(B)($.value, H, $.disabled),
+                onMouseover: (E) => g(_)($.value)
               }, [
                 I.$slots.quarter ? ue(I.$slots, "quarter", {
                   key: 0,
                   value: $.value,
                   text: $.text
-                }) : (g(), x(be, { key: 1 }, [
+                }) : (w(), x(be, { key: 1 }, [
                   Je(ke($.text), 1)
                 ], 64))
               ], 42, M0)
@@ -9107,12 +9107,12 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       handleFlow: he
     }), (S, ee) => {
       var me, Pe, yt;
-      return g(), x("div", {
+      return w(), x("div", {
         id: S.uid ? `dp-menu-${S.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: o,
-        tabindex: w(d).enabled ? void 0 : "0",
-        role: w(d).enabled ? void 0 : "dialog",
+        tabindex: g(d).enabled ? void 0 : "0",
+        role: g(d).enabled ? void 0 : "dialog",
         "aria-label": (me = S.ariaLabels) == null ? void 0 : me.menu,
         class: ge(D.value),
         style: wt({ "--dp-arrow-left": N.value }),
@@ -9120,16 +9120,16 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         onClick: f,
         onKeydown: Me
       }, [
-        (S.disabled || S.readonly) && w(d).enabled || S.loading ? (g(), x("div", {
+        (S.disabled || S.readonly) && g(d).enabled || S.loading ? (w(), x("div", {
           key: 0,
           class: ge(M.value)
         }, [
-          S.loading ? (g(), x("div", P0, O0)) : U("", !0)
+          S.loading ? (w(), x("div", P0, O0)) : U("", !0)
         ], 2)) : U("", !0),
-        S.$slots["menu-header"] ? (g(), x("div", C0, [
+        S.$slots["menu-header"] ? (w(), x("div", C0, [
           ue(S.$slots, "menu-header")
         ])) : U("", !0),
-        !w(d).enabled && !S.teleportCenter ? (g(), x("div", {
+        !g(d).enabled && !S.teleportCenter ? (w(), x("div", {
           key: 2,
           class: ge(we.value)
         }, null, 2)) : U("", !0),
@@ -9142,27 +9142,27 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           }),
           style: wt({ "--dp-menu-width": `${B.value}px` })
         }, [
-          S.$slots["left-sidebar"] ? (g(), x("div", S0, [
+          S.$slots["left-sidebar"] ? (w(), x("div", S0, [
             ue(S.$slots, "left-sidebar", at(ft(j.value)))
           ])) : U("", !0),
-          S.presetDates.length ? (g(), x("div", {
+          S.presetDates.length ? (w(), x("div", {
             key: 1,
             class: ge({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 })
           }, [
-            (g(!0), x(be, null, Ce(S.presetDates, (ye, Vt) => (g(), x(be, { key: Vt }, [
+            (w(!0), x(be, null, Ce(S.presetDates, (ye, Vt) => (w(), x(be, { key: Vt }, [
               ye.slot ? ue(S.$slots, ye.slot, {
                 key: 0,
                 presetDate: p,
                 label: ye.label,
                 value: ye.value
-              }) : (g(), x("button", {
+              }) : (w(), x("button", {
                 key: 1,
                 type: "button",
                 style: wt(ye.style || {}),
                 class: ge(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test": ye.testId ?? void 0,
                 onClick: ka((Nt) => p(ye.value, ye.noTz), ["prevent"]),
-                onKeydown: (Nt) => w(ct)(Nt, () => p(ye.value, ye.noTz), !0)
+                onKeydown: (Nt) => g(ct)(Nt, () => p(ye.value, ye.noTz), !0)
               }, ke(ye.label), 47, A0))
             ], 64))), 128))
           ], 2)) : U("", !0),
@@ -9172,14 +9172,14 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (g(), De(xn(O.value), tt({
+            (w(), De(xn(O.value), tt({
               ref_key: "dynCmpRef",
               ref: k
             }, s.value, {
-              "flow-step": w(E),
-              onMount: w(Z),
-              onUpdateFlowStep: w(F),
-              onResetFlow: w(ce),
+              "flow-step": g(E),
+              onMount: g(Z),
+              onUpdateFlowStep: g(F),
+              onResetFlow: g(ce),
               onFocusMenu: P,
               onSelectDate: ee[0] || (ee[0] = (ye) => S.$emit("select-date")),
               onDateUpdate: ee[1] || (ee[1] = (ye) => S.$emit("date-update", ye)),
@@ -9208,17 +9208,17 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
-          S.$slots["right-sidebar"] ? (g(), x("div", R0, [
+          S.$slots["right-sidebar"] ? (w(), x("div", R0, [
             ue(S.$slots, "right-sidebar", at(ft(j.value)))
           ])) : U("", !0),
-          S.$slots["action-extra"] ? (g(), x("div", E0, [
+          S.$slots["action-extra"] ? (w(), x("div", E0, [
             S.$slots["action-extra"] ? ue(S.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: te
             }) : U("", !0)
           ])) : U("", !0)
         ], 6),
-        !S.autoApply || w(h).keepActionRow ? (g(), De(Sm, tt({
+        !S.autoApply || g(h).keepActionRow ? (w(), De(Sm, tt({
           key: 3,
           "menu-mount": T.value
         }, s.value, {
@@ -9228,7 +9228,7 @@ const _r = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           onInvalidSelect: ee[18] || (ee[18] = (ye) => S.$emit("invalid-select")),
           onSelectNow: te
         }), lt({ _: 2 }, [
-          Ce(w(Q), (ye, Vt) => ({
+          Ce(g(Q), (ye, Vt) => ({
             name: ye,
             fn: pe((Nt) => [
               ue(S.$slots, ye, at(ft({ ...Nt })))
@@ -9359,7 +9359,7 @@ const N0 = ({
       D.append(we);
       const f = N(M), A = u.value.shadowDom ? Object.keys(l).filter(
         (b) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(b)
-      ) : Object.keys(l), G = Tl(
+      ) : Object.keys(l), G = Ml(
         P,
         {
           ...j,
@@ -9849,10 +9849,10 @@ const N0 = ({
       setParsedDate: le
     }), (M, D) => {
       var f, A;
-      return g(), x("div", { onClick: N }, [
-        M.$slots.trigger && !M.$slots["dp-input"] && !w(l).enabled ? ue(M.$slots, "trigger", { key: 0 }) : U("", !0),
-        !M.$slots.trigger && (!w(l).enabled || w(l).input) ? (g(), x("div", B0, [
-          M.$slots["dp-input"] && !M.$slots.trigger && (!w(l).enabled || w(l).enabled && w(l).input) ? ue(M.$slots, "dp-input", {
+      return w(), x("div", { onClick: N }, [
+        M.$slots.trigger && !M.$slots["dp-input"] && !g(l).enabled ? ue(M.$slots, "trigger", { key: 0 }) : U("", !0),
+        !M.$slots.trigger && (!g(l).enabled || g(l).input) ? (w(), x("div", B0, [
+          M.$slots["dp-input"] && !M.$slots.trigger && (!g(l).enabled || g(l).enabled && g(l).input) ? ue(M.$slots, "dp-input", {
             key: 0,
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
@@ -9868,7 +9868,7 @@ const N0 = ({
             closeMenu: () => M.$emit("close"),
             toggleMenu: () => M.$emit("toggle")
           }) : U("", !0),
-          M.$slots["dp-input"] ? U("", !0) : (g(), x("input", {
+          M.$slots["dp-input"] ? U("", !0) : (w(), x("input", {
             key: 1,
             id: M.uid ? `dp-input-${M.uid}` : void 0,
             ref_key: "inputRef",
@@ -9876,7 +9876,7 @@ const N0 = ({
             "data-test": "dp-input",
             name: M.name,
             class: ge(ae.value),
-            inputmode: w(o).enabled ? "text" : "none",
+            inputmode: g(o).enabled ? "text" : "none",
             placeholder: M.placeholder,
             disabled: M.disabled,
             readonly: M.readonly,
@@ -9895,35 +9895,35 @@ const N0 = ({
           v("div", {
             onClick: D[3] || (D[3] = (G) => n("toggle"))
           }, [
-            M.$slots["input-icon"] && !M.hideInputIcon ? (g(), x("span", {
+            M.$slots["input-icon"] && !M.hideInputIcon ? (w(), x("span", {
               key: 0,
               class: "dp__input_icon",
               onClick: D[1] || (D[1] = (G) => n("toggle"))
             }, [
               ue(M.$slots, "input-icon")
             ])) : U("", !0),
-            !M.$slots["input-icon"] && !M.hideInputIcon && !M.$slots["dp-input"] ? (g(), De(w(Aa), {
+            !M.$slots["input-icon"] && !M.hideInputIcon && !M.$slots["dp-input"] ? (w(), De(g(Aa), {
               key: 1,
-              "aria-label": (f = w(s)) == null ? void 0 : f.calendarIcon,
+              "aria-label": (f = g(s)) == null ? void 0 : f.calendarIcon,
               class: "dp__input_icon dp__input_icons",
               onClick: D[2] || (D[2] = (G) => n("toggle"))
             }, null, 8, ["aria-label"])) : U("", !0)
           ]),
-          M.$slots["clear-icon"] && e.inputValue && M.clearable && !M.disabled && !M.readonly ? (g(), x("span", j0, [
+          M.$slots["clear-icon"] && e.inputValue && M.clearable && !M.disabled && !M.readonly ? (w(), x("span", j0, [
             ue(M.$slots, "clear-icon", { clear: j })
           ])) : U("", !0),
-          M.clearable && !M.$slots["clear-icon"] && e.inputValue && !M.disabled && !M.readonly ? (g(), x("button", {
+          M.clearable && !M.$slots["clear-icon"] && e.inputValue && !M.disabled && !M.readonly ? (w(), x("button", {
             key: 3,
             ref_key: "clearBtnRef",
             ref: I,
-            "aria-label": (A = w(s)) == null ? void 0 : A.clearInput,
+            "aria-label": (A = g(s)) == null ? void 0 : A.clearInput,
             class: "dp--clear-btn",
             type: "button",
             onBlur: D[4] || (D[4] = (G) => T.value = !1),
-            onKeydown: D[5] || (D[5] = (G) => w(ct)(G, () => j(G), !0, we)),
+            onKeydown: D[5] || (D[5] = (G) => g(ct)(G, () => j(G), !0, we)),
             onClick: D[6] || (D[6] = ka((G) => j(G), ["prevent"]))
           }, [
-            Le(w(js), {
+            Le(g(js), {
               class: "dp__input_icons",
               "data-test": "clear-icon"
             })
@@ -9937,7 +9937,7 @@ const N0 = ({
   if (!e) return sr;
   let r = sr;
   const o = Ge(
-    () => w(e),
+    () => g(e),
     (l) => {
       r(), l && (l.addEventListener(t, a, n), r = () => {
         l.removeEventListener(t, a, n), r = sr;
@@ -10133,7 +10133,7 @@ const N0 = ({
       toggleMenu: sn,
       handleFlow: oe,
       dpWrapMenuRef: m
-    }), (W, re) => (g(), x("div", {
+    }), (W, re) => (w(), x("div", {
       ref_key: "pickerWrapperRef",
       ref: h,
       class: ge(_e.value),
@@ -10142,14 +10142,14 @@ const N0 = ({
       Le(q0, tt({
         ref_key: "inputRef",
         ref: c,
-        "input-value": w(D),
+        "input-value": g(D),
         "onUpdate:inputValue": re[0] || (re[0] = (de) => Gr(D) ? D.value = de : null),
         "is-menu-open": s.value
       }, W.$props, {
         onClear: me,
         onOpen: ee,
         onSetInputDate: Ia,
-        onSetEmptyDate: w(G),
+        onSetEmptyDate: g(G),
         onSelectDate: yt,
         onToggle: sn,
         onClose: pt,
@@ -10158,36 +10158,36 @@ const N0 = ({
         onRealBlur: re[1] || (re[1] = (de) => d.value = !1),
         onTextInput: re[2] || (re[2] = (de) => W.$emit("text-input", de))
       }), lt({ _: 2 }, [
-        Ce(w(P), (de, it) => ({
+        Ce(g(P), (de, it) => ({
           name: de,
           fn: pe((gt) => [
             ue(W.$slots, de, at(ft(gt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (g(), De(xn(W.teleport ? Ml : "div"), at(ft(L.value)), {
+      (w(), De(xn(W.teleport ? xl : "div"), at(ft(L.value)), {
         default: pe(() => [
           Le(ha, {
-            name: w(he)(w(j)),
-            css: w(O) && !w(E).enabled
+            name: g(he)(g(j)),
+            css: g(O) && !g(E).enabled
           }, {
             default: pe(() => [
-              s.value ? (g(), x("div", tt({
+              s.value ? (w(), x("div", tt({
                 key: 0,
                 ref_key: "dpWrapMenuRef",
                 ref: m
               }, te.value, {
-                class: { "dp--menu-wrapper": !w(E).enabled },
-                style: w(E).enabled ? void 0 : w(se)
+                class: { "dp--menu-wrapper": !g(E).enabled },
+                style: g(E).enabled ? void 0 : g(se)
               }), [
                 Le(Co, tt({
                   ref_key: "dpMenuRef",
                   ref: i
                 }, W.$props, {
-                  "internal-model-value": w(f),
+                  "internal-model-value": g(f),
                   "onUpdate:internalModelValue": re[3] || (re[3] = (de) => Gr(f) ? f.value = de : null),
                   class: { [Xe.value]: !0, "dp--menu-wrapper": W.teleport },
-                  "open-on-top": w(j),
+                  "open-on-top": g(j),
                   "no-overlay-focus": p.value,
                   collapse: B.value,
                   "get-input-rect": X,
@@ -10198,10 +10198,10 @@ const N0 = ({
                   onTimeUpdate: In,
                   onFlowStep: re[4] || (re[4] = (de) => W.$emit("flow-step", de)),
                   onUpdateMonthYear: re[5] || (re[5] = (de) => W.$emit("update-month-year", de)),
-                  onInvalidSelect: re[6] || (re[6] = (de) => W.$emit("invalid-select", w(f))),
+                  onInvalidSelect: re[6] || (re[6] = (de) => W.$emit("invalid-select", g(f))),
                   onAutoApplyInvalid: re[7] || (re[7] = (de) => W.$emit("invalid-select", de)),
                   onInvalidFixedRange: re[8] || (re[8] = (de) => W.$emit("invalid-fixed-range", de)),
-                  onRecalculatePosition: w(le),
+                  onRecalculatePosition: g(le),
                   onTooltipOpen: re[9] || (re[9] = (de) => W.$emit("tooltip-open", de)),
                   onTooltipClose: re[10] || (re[10] = (de) => W.$emit("tooltip-close", de)),
                   onTimePickerOpen: re[11] || (re[11] = (de) => W.$emit("time-picker-open", de)),
@@ -10213,7 +10213,7 @@ const N0 = ({
                   onInvalidDate: re[17] || (re[17] = (de) => W.$emit("invalid-date", de)),
                   onOverlayToggle: re[18] || (re[18] = (de) => W.$emit("overlay-toggle", de))
                 }), lt({ _: 2 }, [
-                  Ce(w(N), (de, it) => ({
+                  Ce(g(N), (de, it) => ({
                     name: de,
                     fn: pe((gt) => [
                       ue(W.$slots, de, at(ft({ ...gt })))
@@ -10277,7 +10277,7 @@ const Z0 = {
   oh
 ], lh = { class: "modal-body bg-base-300" }, ih = { class: "modal-footer" };
 function uh(e, t, a, n, r, o) {
-  return a.modelValue ? (g(), x("div", J0, [
+  return a.modelValue ? (w(), x("div", J0, [
     K0,
     v("div", eh, [
       v("div", th, [
@@ -10334,10 +10334,10 @@ const ul = /* @__PURE__ */ At(Z0, [["render", uh], ["__scopeId", "data-v-78f7730
       content: "",
       type: "reminders"
     });
-    return (n, r) => (g(), x("div", ch, [
+    return (n, r) => (w(), x("div", ch, [
       v("div", dh, [
         fh,
-        Le(w(rn), {
+        Le(g(rn), {
           format: "HH:mm",
           "auto-apply": "true",
           "time-picker": !0,
@@ -10523,11 +10523,11 @@ const _h = () => {
     }
     return (d, h) => {
       const y = xr("Popper");
-      return g(), x("div", xh, [
+      return w(), x("div", xh, [
         Je(ke(s.value.schedule.time) + " ", 1),
         v("div", Mh, [
           Th,
-          Le(w(rn), {
+          Le(g(rn), {
             "auto-apply": "true",
             "time-picker": !0,
             locale: "pt-BR",
@@ -10558,7 +10558,7 @@ const _h = () => {
             [xa, s.value.message[0].content]
           ])
         ]),
-        e.currentChat.contact && e.currentChat.contact.segmentation_fields.length > 0 ? (g(), x("div", $h, [
+        e.currentChat.contact && e.currentChat.contact.segmentation_fields.length > 0 ? (w(), x("div", $h, [
           v("div", Oh, [
             Je(" Campos personalizáveis disponíveis "),
             Le(y, {
@@ -10578,14 +10578,14 @@ const _h = () => {
             })
           ]),
           v("div", Ah, [
-            (g(!0), x(be, null, Ce(d.globalStore.messageStore.currentChat.contact.segmentation_fields, (_) => (g(), x("div", {
+            (w(!0), x(be, null, Ce(d.globalStore.messageStore.currentChat.contact.segmentation_fields, (_) => (w(), x("div", {
               onClick: (B) => u(_),
               key: _,
               class: "custom-field bg-primary"
             }, ke(_.name), 9, Rh))), 128))
           ])
         ])) : U("", !0),
-        s.value.file ? (g(), x("div", Eh, [
+        s.value.file ? (w(), x("div", Eh, [
           v("p", null, ke(s.value.fileName), 1),
           v("div", Nh, [
             v("button", {
@@ -10600,7 +10600,7 @@ const _h = () => {
             onClick: c,
             class: "save-button text-white"
           }, [
-            n.value ? (g(), x("div", Bh)) : U("", !0),
+            n.value ? (w(), x("div", Bh)) : U("", !0),
             Je("Salvar ")
           ], 8, Lh)
         ])
@@ -10663,36 +10663,36 @@ const _h = () => {
     function m(i) {
       r.value = i;
     }
-    return (i, c) => (g(), De(ul, {
+    return (i, c) => (w(), De(ul, {
       modelValue: u.value,
       "onUpdate:modelValue": c[3] || (c[3] = (d) => u.value = d)
     }, {
       title: pe(() => [
-        e.currentEvent === null ? (g(), x("div", qh, "Novo evento " + ke(l(e.date)), 1)) : (g(), x("div", Vh, ke(e.currentEvent.title) + " - " + ke(e.currentEvent.date.split("-").reverse().join("/")) + " " + ke(e.currentEvent.hours), 1))
+        e.currentEvent === null ? (w(), x("div", qh, "Novo evento " + ke(l(e.date)), 1)) : (w(), x("div", Vh, ke(e.currentEvent.title) + " - " + ke(e.currentEvent.date.split("-").reverse().join("/")) + " " + ke(e.currentEvent.hours), 1))
       ]),
       body: pe(() => [
         v("main", zh, [
-          e.currentEvent === null ? (g(), x("div", Uh, [
+          e.currentEvent === null ? (w(), x("div", Uh, [
             bt(v("select", {
               "onUpdate:modelValue": c[0] || (c[0] = (d) => n.value = d),
               class: "custom-select bg-base-100"
             }, [
-              (g(), x(be, null, Ce(a, (d) => v("option", {
+              (w(), x(be, null, Ce(a, (d) => v("option", {
                 value: d.type,
                 key: d.type
               }, ke(d.name), 9, Qh)), 64))
             ], 512), [
-              [$l, n.value]
+              [Pl, n.value]
             ]),
             Gh
           ])) : U("", !0),
-          n.value === "reminders" ? (g(), De(wh, {
+          n.value === "reminders" ? (w(), De(wh, {
             key: 1,
             onClose: c[1] || (c[1] = (d) => u.value = !1),
             token: e.token,
             date: e.date,
             onConfig: m
-          }, null, 8, ["token", "date"])) : n.value === "scheduled_messages" ? (g(), De(jh, {
+          }, null, 8, ["token", "date"])) : n.value === "scheduled_messages" ? (w(), De(jh, {
             key: 2,
             event: e.currentEvent,
             currentChat: e.currentChat,
@@ -10921,7 +10921,7 @@ const _h = () => {
     };
     return (Y, E) => {
       const F = xr("Popper");
-      return g(), x(be, null, [
+      return w(), x(be, null, [
         v("div", Jh, [
           v("div", Kh, [
             ue(Y.$slots, "backButton", {}, void 0, !0),
@@ -10930,7 +10930,7 @@ const _h = () => {
               class: "calendar-button"
             }, tp),
             v("div", null, [
-              Le(w(rn), {
+              Le(g(rn), {
                 dark: e.theme,
                 "cancel-text": "Cancelar",
                 "select-text": "Selecionar",
@@ -10954,11 +10954,11 @@ const _h = () => {
             }, np)
           ]),
           v("div", rp, [
-            (g(!0), x(be, null, Ce(w(y), (Z, ce) => (g(), x("div", {
+            (w(!0), x(be, null, Ce(g(y), (Z, ce) => (w(), x("div", {
               key: ce,
               class: "day-name shadow shadow-black/90 dark:shadow-gray-400 bg-base-200 border border-base-100"
             }, ke(Z), 1))), 128)),
-            (g(!0), x(be, null, Ce(I.value, (Z, ce) => (g(), x("div", {
+            (w(!0), x(be, null, Ce(I.value, (Z, ce) => (w(), x("div", {
               key: ce,
               class: ge([{
                 // 'rounded-br': index === daysInMonth.length - 1,
@@ -10975,12 +10975,12 @@ const _h = () => {
                   class: "add-event-button hidden group-hover:inline-block"
                 }, up, 8, lp)
               ]),
-              Z.events.length > 0 ? (g(), x("footer", {
+              Z.events.length > 0 ? (w(), x("footer", {
                 key: 0,
                 onClick: (he) => s(Z),
                 class: "events-container cursor-pointer"
               }, [
-                (g(!0), x(be, null, Ce(Z.events, (he) => (g(), x("div", {
+                (w(!0), x(be, null, Ce(Z.events, (he) => (w(), x("div", {
                   key: he.title,
                   class: "event"
                 }, [
@@ -11014,7 +11014,7 @@ const _h = () => {
             v("table", hp, [
               pp,
               v("tbody", vp, [
-                (g(!0), x(be, null, Ce(t.value.events, (Z) => (g(), x("tr", {
+                (w(!0), x(be, null, Ce(t.value.events, (Z) => (w(), x("tr", {
                   key: Z.title,
                   class: "flex mt-1 hover:bg-base-200 align-middle items-center rounded-xl py-2 w-full"
                 }, [
@@ -11033,7 +11033,7 @@ const _h = () => {
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        a.value.modal ? (g(), De(Zh, {
+        a.value.modal ? (w(), De(Zh, {
           key: 0,
           currentEvent: n.value,
           currentChat: e.currentChat,
@@ -11075,11 +11075,11 @@ const _h = () => {
       const m = n.value.join("");
       a("filled", m);
     };
-    return (m, i) => (g(), x("section", Tp, [
+    return (m, i) => (w(), x("section", Tp, [
       v("div", Dp, [
         Pp,
         v("div", $p, [
-          (g(!0), x(be, null, Ce(n.value, (c, d) => bt((g(), x("input", {
+          (w(!0), x(be, null, Ce(n.value, (c, d) => bt((w(), x("input", {
             key: d,
             "onUpdate:modelValue": (h) => n.value[d] = h,
             class: ge([e.eventHandling === "check" ? "checked_mfa" : "err_mfa", "inline-block mx-4 w-10 h-10 rounded-md text-center"]),
@@ -11117,16 +11117,16 @@ const _h = () => {
     }
   },
   setup(e) {
-    return (t, a) => (g(), x("div", Cp, [
+    return (t, a) => (w(), x("div", Cp, [
       Sp,
       v("section", Ap, [
         v("div", Rp, [
-          e.base64 ? (g(), x("img", {
+          e.base64 ? (w(), x("img", {
             key: 0,
             class: "w-64 h-64 rounded-md",
             src: e.base64,
             alt: "QRCode"
-          }, null, 8, Ep)) : (g(), x("div", Np, Yp))
+          }, null, 8, Ep)) : (w(), x("div", Np, Yp))
         ])
       ])
     ]));
@@ -11179,7 +11179,7 @@ const _h = () => {
     }, l = J(() => r.value ? a.atendentes.filter(
       (u) => u.name.toLowerCase().includes(r.value.toLowerCase()) && u.id !== a.attendant.id
     ) : a.atendentes.filter((u) => u.id !== a.attendant.id));
-    return (u, m) => (g(), x("div", Bp, [
+    return (u, m) => (w(), x("div", Bp, [
       bt(v("input", {
         "onUpdate:modelValue": m[0] || (m[0] = (i) => r.value = i),
         class: "search-input",
@@ -11188,18 +11188,18 @@ const _h = () => {
         [xa, r.value]
       ]),
       v("ul", Hp, [
-        l.value.length === 0 ? (g(), x("li", jp, ke(e.atendentes.length === 0 ? "Não há atendentes disponíveis" : "Não há atendentes com esse nome"), 1)) : U("", !0),
-        (g(!0), x(be, null, Ce(l.value, (i) => (g(), x("li", {
+        l.value.length === 0 ? (w(), x("li", jp, ke(e.atendentes.length === 0 ? "Não há atendentes disponíveis" : "Não há atendentes com esse nome"), 1)) : U("", !0),
+        (w(!0), x(be, null, Ce(l.value, (i) => (w(), x("li", {
           key: i.id,
           onClick: (c) => o(i),
           class: "atendente-item"
         }, [
           v("main", qp, [
-            i.photo ? (g(), x("img", {
+            i.photo ? (w(), x("img", {
               key: 1,
               src: i.photo,
               class: "atendente-photo"
-            }, null, 8, Qp)) : (g(), x("div", Vp, Up)),
+            }, null, 8, Qp)) : (w(), x("div", Vp, Up)),
             v("span", Gp, ke(i.name), 1)
           ]),
           v("footer", null, [
@@ -11212,126 +11212,16 @@ const _h = () => {
     ]));
   }
 }, Zp = /* @__PURE__ */ At(Xp, [["__scopeId", "data-v-5ca03eb6"]]);
-var rt = [];
-for (var lr = 0; lr < 256; ++lr)
-  rt.push((lr + 256).toString(16).slice(1));
-function Jp(e, t = 0) {
-  return (rt[e[t + 0]] + rt[e[t + 1]] + rt[e[t + 2]] + rt[e[t + 3]] + "-" + rt[e[t + 4]] + rt[e[t + 5]] + "-" + rt[e[t + 6]] + rt[e[t + 7]] + "-" + rt[e[t + 8]] + rt[e[t + 9]] + "-" + rt[e[t + 10]] + rt[e[t + 11]] + rt[e[t + 12]] + rt[e[t + 13]] + rt[e[t + 14]] + rt[e[t + 15]]).toLowerCase();
-}
-var dn, Kp = new Uint8Array(16);
-function ev() {
-  if (!dn && (dn = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !dn))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return dn(Kp);
-}
-var tv = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const Eo = {
-  randomUUID: tv
-};
-function av(e, t, a) {
-  if (Eo.randomUUID && !t && !e)
-    return Eo.randomUUID();
-  e = e || {};
-  var n = e.random || (e.rng || ev)();
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, Jp(n);
-}
-const fl = Cl("chatStore", {
-  state: () => ({
-    attendants: [],
-    // Lista de atendentes com suas mensagens e canais
-    loadingMessages: !1
-  }),
-  actions: {
-    async fetchAtendentes(e, t) {
-      try {
-        const a = await Ie.get(t, {
-          headers: { Authorization: `Bearer ${e}` }
-        });
-        this.attendants = a.data.map((n) => ({
-          ...n,
-          messages: null,
-          channel_id: null,
-          currentPage: 1,
-          hasNextPage: null
-        }));
-      } catch (a) {
-        console.error(a);
-      }
-    },
-    async fetchMessagesForAtendente(e, t, a) {
-      try {
-        this.loadingMessages = !0;
-        const n = await Ie.get(`${a}?attendant=${e}&page=1`, {
-          headers: { Authorization: `Bearer ${t}` }
-        }), r = this.attendants.find((o) => o.id === e);
-        r && (r.messages = n.data.results.reverse(), r.channel_id = n.data.channel_id, r.hasNextPage = n.data.next !== null, r.currentPage++);
-      } catch (n) {
-        console.error(n);
-      } finally {
-        this.loadingMessages = !1;
-      }
-    },
-    // Carrega mensagens para um atendente específico e vincula o canal
-    async loadMessagesForAtendente(e, t, a) {
-      try {
-        const n = this.attendants.find((o) => o.id === e);
-        if (!n || !n.hasNextPage) return;
-        const r = await Ie.get(`${a}?attendant=${e}&page=${n.currentPage}`, {
-          headers: { Authorization: `Bearer ${t}` }
-        });
-        n.messages = [...r.data.results.reverse(), ...n.messages], n.channel_id = r.data.channel_id, n.hasNextPage = r.data.next !== null, n.currentPage++;
-      } catch (n) {
-        console.error(n);
-      }
-    },
-    addMessageToAtendente(e) {
-      const t = e.message, a = this.attendants.find((n) => n.channel_id === t.channel_id);
-      if (a) {
-        const n = a.messages.findIndex((r) => r.id === t.id);
-        n !== -1 ? (a.messages[n] = t, console.log(`Mensagem com ID ${t.id} atualizada.`)) : (a.messages.push(t), console.log(`Nova mensagem com ID ${t.id} adicionada.`));
-      }
-    },
-    // Envia uma mensagem para o atendente
-    async sendMessageToAtendente(e, t, a, n, r) {
-      const o = this.attendants.find((l) => l.id === e);
-      if (!o || !o.channel_id) return;
-      const s = {
-        id: av(),
-        // ID temporário até ser salvo no servidor
-        content: { type: "text", content: t },
-        created_at: (/* @__PURE__ */ new Date()).toISOString(),
-        sender: r
-        // Ajuste de acordo com o backend
-      };
-      o.messages.push(s);
-      try {
-        await Ie.post(`${n}${o.channel_id}/message/`, {
-          id: s.id,
-          content: s.content
-        }, {
-          headers: { Authorization: `Bearer ${a}` }
-        });
-      } catch (l) {
-        console.error("Erro ao enviar mensagem:", l);
-      }
-    },
-    // Verifica se o atendente tem próxima página de mensagens
-    hasNextPageForAtendente(e) {
-      const t = this.attendants.find((a) => a.id === e);
-      return t ? t.hasNextPage : !1;
-    }
-  }
-});
-function nv(e, t = null) {
+function Jp(e, t = null) {
   if (!e)
     return !1;
   const a = e.getBoundingClientRect(), n = t ? t.getBoundingClientRect() : { top: 0, left: 0, bottom: window.innerHeight, right: window.innerWidth };
   return a.bottom >= n.top && a.top <= n.bottom && a.right >= n.left && a.left <= n.right;
 }
-async function rv(e) {
+async function Kp(e) {
   return e ? (await Ke(), e.value instanceof HTMLElement ? e.value : e.value ? document.querySelector(e.value) : null) : null;
 }
-function ov(e) {
+function ev(e) {
   let t = `0px 0px ${e.distance}px 0px`;
   e.top && (t = `${e.distance}px 0px 0px 0px`);
   const a = new IntersectionObserver(
@@ -11342,24 +11232,24 @@ function ov(e) {
   );
   return e.infiniteLoading.value && a.observe(e.infiniteLoading.value), a;
 }
-async function No(e, t) {
+async function Eo(e, t) {
   if (await Ke(), !e.top)
     return;
   const a = e.parentEl || document.documentElement;
   a.scrollTop = a.scrollHeight - t;
 }
-const ml = (e, t) => {
+const fl = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, r] of t)
     a[n] = r;
   return a;
-}, sv = {}, lv = (e) => (Ct("data-v-d3e37633"), e = e(), St(), e), iv = { class: "container" }, uv = /* @__PURE__ */ lv(() => /* @__PURE__ */ v("div", { class: "spinner" }, null, -1)), cv = [
-  uv
+}, tv = {}, av = (e) => (Ct("data-v-d3e37633"), e = e(), St(), e), nv = { class: "container" }, rv = /* @__PURE__ */ av(() => /* @__PURE__ */ v("div", { class: "spinner" }, null, -1)), ov = [
+  rv
 ];
-function dv(e, t) {
-  return g(), x("div", iv, cv);
+function sv(e, t) {
+  return w(), x("div", nv, ov);
 }
-const fv = /* @__PURE__ */ ml(sv, [["render", dv], ["__scopeId", "data-v-d3e37633"]]), mv = { class: "state-error" }, hv = /* @__PURE__ */ nt({
+const lv = /* @__PURE__ */ fl(tv, [["render", sv], ["__scopeId", "data-v-d3e37633"]]), iv = { class: "state-error" }, uv = /* @__PURE__ */ nt({
   __name: "InfiniteLoading",
   props: {
     top: { type: Boolean, default: !1 },
@@ -11373,7 +11263,7 @@ const fv = /* @__PURE__ */ ml(sv, [["render", dv], ["__scopeId", "data-v-d3e3763
   setup(e, { emit: t }) {
     const a = e;
     let n = null, r = 0;
-    const o = z(null), s = z(""), { top: l, firstload: u, distance: m } = a, { identifier: i, target: c } = Ol(a), d = {
+    const o = z(null), s = z(""), { top: l, firstload: u, distance: m } = a, { identifier: i, target: c } = $l(a), d = {
       infiniteLoading: o,
       top: l,
       firstload: u,
@@ -11387,28 +11277,28 @@ const fv = /* @__PURE__ */ ml(sv, [["render", dv], ["__scopeId", "data-v-d3e3763
         s.value = "loading";
       },
       async loaded() {
-        s.value = "loaded", await No(d, r), nv(o.value, d.parentEl) && d.emit();
+        s.value = "loaded", await Eo(d, r), Jp(o.value, d.parentEl) && d.emit();
       },
       async complete() {
-        s.value = "complete", await No(d, r), n == null || n.disconnect();
+        s.value = "complete", await Eo(d, r), n == null || n.disconnect();
       },
       error() {
         s.value = "error";
       }
     };
     function y() {
-      n == null || n.disconnect(), n = ov(d);
+      n == null || n.disconnect(), n = ev(d);
     }
     return Ge(i, y), Be(async () => {
-      d.parentEl = await rv(c), y();
-    }), Ja(() => n == null ? void 0 : n.disconnect()), (_, B) => (g(), x("div", {
+      d.parentEl = await Kp(c), y();
+    }), Ja(() => n == null ? void 0 : n.disconnect()), (_, B) => (w(), x("div", {
       ref_key: "infiniteLoading",
       ref: o,
       class: "v3-infinite-loading"
     }, [
       bt(v("div", null, [
         ue(_.$slots, "spinner", {}, () => [
-          Le(fv)
+          Le(lv)
         ], !0)
       ], 512), [
         [Wa, s.value == "loading"]
@@ -11425,7 +11315,7 @@ const fv = /* @__PURE__ */ ml(sv, [["render", dv], ["__scopeId", "data-v-d3e3763
       }, () => {
         var R;
         return [
-          v("span", mv, [
+          v("span", iv, [
             v("span", null, ke(((R = _.slots) == null ? void 0 : R.error) || "Oops something went wrong!"), 1),
             v("button", {
               class: "retry",
@@ -11437,7 +11327,31 @@ const fv = /* @__PURE__ */ ml(sv, [["render", dv], ["__scopeId", "data-v-d3e3763
       }, !0) : U("", !0)
     ], 512));
   }
-}), pv = /* @__PURE__ */ ml(hv, [["__scopeId", "data-v-4bdee133"]]), hl = 6048e5, vv = 864e5, bn = Symbol.for("constructDateFrom");
+}), cv = /* @__PURE__ */ fl(uv, [["__scopeId", "data-v-4bdee133"]]);
+var rt = [];
+for (var lr = 0; lr < 256; ++lr)
+  rt.push((lr + 256).toString(16).slice(1));
+function dv(e, t = 0) {
+  return (rt[e[t + 0]] + rt[e[t + 1]] + rt[e[t + 2]] + rt[e[t + 3]] + "-" + rt[e[t + 4]] + rt[e[t + 5]] + "-" + rt[e[t + 6]] + rt[e[t + 7]] + "-" + rt[e[t + 8]] + rt[e[t + 9]] + "-" + rt[e[t + 10]] + rt[e[t + 11]] + rt[e[t + 12]] + rt[e[t + 13]] + rt[e[t + 14]] + rt[e[t + 15]]).toLowerCase();
+}
+var dn, fv = new Uint8Array(16);
+function mv() {
+  if (!dn && (dn = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !dn))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return dn(fv);
+}
+var hv = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const No = {
+  randomUUID: hv
+};
+function pv(e, t, a) {
+  if (No.randomUUID && !t && !e)
+    return No.randomUUID();
+  e = e || {};
+  var n = e.random || (e.rng || mv)();
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, dv(n);
+}
+const ml = 6048e5, vv = 864e5, bn = Symbol.for("constructDateFrom");
 function kt(e, t) {
   return typeof e == "function" ? e(t) : typeof e == "object" && bn in e ? e[bn](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
@@ -11462,7 +11376,7 @@ function fa(e, t) {
 function _n(e, t) {
   return fa(e, { ...t, weekStartsOn: 1 });
 }
-function pl(e, t) {
+function hl(e, t) {
   const a = xt(e, t == null ? void 0 : t.in), n = a.getFullYear(), r = kt(a, 0);
   r.setFullYear(n + 1, 0, 4), r.setHours(0, 0, 0, 0);
   const o = _n(r), s = kt(a, 0);
@@ -11504,13 +11418,13 @@ function wv(e, t, a) {
   return Math.round((l - u) / vv);
 }
 function bv(e, t) {
-  const a = pl(e, t), n = kt(e, 0);
+  const a = hl(e, t), n = kt(e, 0);
   return n.setFullYear(a, 0, 4), n.setHours(0, 0, 0, 0), _n(n);
 }
 function Qr(e) {
   return kt(e, Date.now());
 }
-function vl(e, t, a) {
+function pl(e, t, a) {
   const [n, r] = Ur(
     a == null ? void 0 : a.in,
     e,
@@ -11831,7 +11745,7 @@ function Hv(e, t) {
     if (t(e[a]))
       return a;
 }
-function yl(e) {
+function vl(e) {
   return (t, a = {}) => {
     const n = t.match(e.matchPattern);
     if (!n) return null;
@@ -11911,7 +11825,7 @@ const jv = /^(\d+)(th|st|nd|rd)?/i, Wv = /\d+/i, qv = {
     night: /night/i
   }
 }, e1 = {
-  ordinalNumber: yl({
+  ordinalNumber: vl({
     matchPattern: jv,
     parsePattern: Wv,
     valueCallback: (e) => parseInt(e, 10)
@@ -11965,9 +11879,9 @@ function a1(e, t) {
 }
 function n1(e, t) {
   const a = xt(e, t == null ? void 0 : t.in), n = +_n(a) - +bv(a);
-  return Math.round(n / hl) + 1;
+  return Math.round(n / ml) + 1;
 }
-function gl(e, t) {
+function yl(e, t) {
   var i, c, d, h;
   const a = xt(e, t == null ? void 0 : t.in), n = a.getFullYear(), r = Nn(), o = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((c = (i = t == null ? void 0 : t.locale) == null ? void 0 : i.options) == null ? void 0 : c.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((h = (d = r.locale) == null ? void 0 : d.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, s = kt((t == null ? void 0 : t.in) || e, 0);
   s.setFullYear(n + 1, 0, o), s.setHours(0, 0, 0, 0);
@@ -11978,12 +11892,12 @@ function gl(e, t) {
 }
 function r1(e, t) {
   var l, u, m, i;
-  const a = Nn(), n = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((u = (l = t == null ? void 0 : t.locale) == null ? void 0 : l.options) == null ? void 0 : u.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((i = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : i.firstWeekContainsDate) ?? 1, r = gl(e, t), o = kt((t == null ? void 0 : t.in) || e, 0);
+  const a = Nn(), n = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((u = (l = t == null ? void 0 : t.locale) == null ? void 0 : l.options) == null ? void 0 : u.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((i = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : i.firstWeekContainsDate) ?? 1, r = yl(e, t), o = kt((t == null ? void 0 : t.in) || e, 0);
   return o.setFullYear(r, 0, n), o.setHours(0, 0, 0, 0), fa(o, t);
 }
 function o1(e, t) {
   const a = xt(e, t == null ? void 0 : t.in), n = +fa(a, t) - +r1(a, t);
-  return Math.round(n / hl) + 1;
+  return Math.round(n / ml) + 1;
 }
 function Ee(e, t) {
   const a = e < 0 ? "-" : "", n = Math.abs(e).toString().padStart(t, "0");
@@ -12078,7 +11992,7 @@ const Xt = {
   },
   // Local week-numbering year
   Y: function(e, t, a, n) {
-    const r = gl(e, n), o = r > 0 ? r : 1 - r;
+    const r = yl(e, n), o = r > 0 ? r : 1 - r;
     if (t === "YY") {
       const s = o % 100;
       return Ee(s, 2);
@@ -12087,7 +12001,7 @@ const Xt = {
   },
   // ISO week-numbering year
   R: function(e, t) {
-    const a = pl(e);
+    const a = hl(e);
     return Ee(a, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -12563,7 +12477,7 @@ const Bo = (e, t) => {
     default:
       return t.date({ width: "full" });
   }
-}, wl = (e, t) => {
+}, gl = (e, t) => {
   switch (e) {
     case "p":
       return t.time({ width: "short" });
@@ -12595,9 +12509,9 @@ const Bo = (e, t) => {
       o = t.dateTime({ width: "full" });
       break;
   }
-  return o.replace("{{date}}", Bo(n, t)).replace("{{time}}", wl(r, t));
+  return o.replace("{{date}}", Bo(n, t)).replace("{{time}}", gl(r, t));
 }, l1 = {
-  p: wl,
+  p: gl,
   P: s1
 }, i1 = /^D+$/, u1 = /^Y+$/, c1 = ["D", "DD", "YY", "YYYY"];
 function d1(e) {
@@ -12675,7 +12589,7 @@ function k1(e, t) {
   );
 }
 function x1(e, t) {
-  return vl(
+  return pl(
     kt(e, e),
     Qr(e)
   );
@@ -12684,7 +12598,7 @@ function M1(e, t, a) {
   return yv(e, -t, a);
 }
 function T1(e, t) {
-  return vl(
+  return pl(
     kt(e, e),
     M1(Qr(e), 1)
   );
@@ -13015,7 +12929,7 @@ const D1 = {
     night: /noite/i
   }
 }, ey = {
-  ordinalNumber: yl({
+  ordinalNumber: vl({
     matchPattern: j1,
     parsePattern: W1,
     valueCallback: (e) => parseInt(e, 10)
@@ -13062,7 +12976,7 @@ const D1 = {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
-}, Ea = (e) => (Ct("data-v-19207e29"), e = e(), St(), e), ty = { class: "container" }, ay = { class: "header" }, ny = /* @__PURE__ */ Ea(() => /* @__PURE__ */ v("svg", {
+}, Ea = (e) => (Ct("data-v-98836725"), e = e(), St(), e), ty = { class: "container" }, ay = { class: "header" }, ny = /* @__PURE__ */ Ea(() => /* @__PURE__ */ v("svg", {
   class: "w-6 h-6",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -13119,13 +13033,14 @@ const D1 = {
     selectedAtendente: { type: Object, required: !0 },
     token: { required: !0 },
     getInternalChat: { required: !0 },
-    attendant: { required: !0 }
+    attendant: { required: !0 },
+    chatStore: { required: !0 }
   },
   setup(e) {
-    const t = e, a = fl(), n = z(""), r = J(() => a.loadingMessages), o = z(null), s = z(!1), l = J(() => {
-      const T = a.attendants.find((k) => k.id === t.selectedAtendente.id);
+    const t = e, a = J(() => t.chatStore), n = z(""), r = J(() => a.value.loadingMessages), o = z(null), s = z(!1), l = J(() => {
+      const T = a.value.attendants.find((k) => k.id === t.selectedAtendente.id);
       return T ? T.messages : [];
-    }), u = J(() => a.attendants.find((k) => k.id === t.selectedAtendente.id).hasNextPage), m = (T) => {
+    }), u = J(() => a.value.attendants.find((k) => k.id === t.selectedAtendente.id).hasNextPage), m = (T) => {
       const k = new Date(T);
       return ir(k, "HH:mm", { locale: ur });
     }, i = (T) => {
@@ -13146,14 +13061,14 @@ const D1 = {
           return;
         }
         const k = o.value.scrollHeight, I = o.value.scrollTop;
-        await a.loadMessagesForAtendente(t.selectedAtendente.id, t.token, t.getInternalChat), await Ke(), o.value.scrollTop = o.value.scrollHeight - k + I, T.loaded();
+        await a.value.loadMessagesForAtendente(t.selectedAtendente.id, t.token, t.getInternalChat), await Ke(), o.value.scrollTop = o.value.scrollHeight - k + I, T.loaded();
       } catch (k) {
         console.error(k), T.complete();
       }
     }, _ = async () => {
       if (n.value.trim() !== "")
         try {
-          await a.sendMessageToAtendente(t.selectedAtendente.id, n.value, t.token, t.getInternalChat, t.attendant), n.value = "", await Ke(), h();
+          await a.value.sendMessageToAtendente(t.selectedAtendente.id, n.value, t.token, t.getInternalChat, t.attendant), n.value = "", await Ke(), h();
         } catch (T) {
           console.error("Erro ao enviar mensagem:", T);
         }
@@ -13180,17 +13095,17 @@ const D1 = {
       const k = o.value.scrollTop + o.value.clientHeight;
       return o.value.scrollHeight - k <= 200;
     }
-    return (T, k) => (g(), x("div", ty, [
+    return (T, k) => (w(), x("div", ty, [
       v("div", ay, [
         v("button", {
           onClick: k[0] || (k[0] = (I) => T.$emit("voltar")),
           class: "back-button"
         }, ry),
-        e.selectedAtendente.photo ? (g(), x("img", {
+        e.selectedAtendente.photo ? (w(), x("img", {
           key: 1,
           src: e.selectedAtendente.photo,
           class: "atendente-photo"
-        }, null, 8, iy)) : (g(), x("div", oy, ly)),
+        }, null, 8, iy)) : (w(), x("div", oy, ly)),
         v("h3", uy, ke(e.selectedAtendente.name), 1)
       ]),
       v("div", {
@@ -13198,7 +13113,7 @@ const D1 = {
         ref_key: "chatArea",
         ref: o
       }, [
-        !r.value && u.value && s.value ? (g(), De(w(pv), {
+        !r.value && u.value && s.value ? (w(), De(g(cv), {
           key: 0,
           onInfinite: y,
           distance: 30,
@@ -13215,8 +13130,8 @@ const D1 = {
           _: 1
         })) : U("", !0),
         v("div", null, [
-          (g(!0), x(be, null, Ce(l.value, (I, ae) => (g(), x("div", { key: ae }, [
-            c(ae) ? (g(), x("div", fy, [
+          (w(!0), x(be, null, Ce(l.value, (I, ae) => (w(), x("div", { key: ae }, [
+            c(ae) ? (w(), x("div", fy, [
               my,
               v("div", hy, ke(i(I.created_at)), 1),
               py
@@ -13254,7 +13169,99 @@ const D1 = {
       ])
     ]));
   }
-}, wy = /* @__PURE__ */ At(gy, [["__scopeId", "data-v-19207e29"]]), by = {}, _y = { class: "loading" }, ky = /* @__PURE__ */ v("svg", {
+}, wy = /* @__PURE__ */ At(gy, [["__scopeId", "data-v-98836725"]]), by = Ol("chatStore", {
+  state: () => ({
+    attendants: [],
+    // Lista de atendentes com suas mensagens e canais
+    loadingMessages: !1
+  }),
+  actions: {
+    async fetchAtendentes(e, t) {
+      try {
+        const a = await Ie.get(t, {
+          headers: { Authorization: `Bearer ${e}` }
+        });
+        this.attendants = a.data.map((n) => ({
+          ...n,
+          messages: null,
+          channel_id: null,
+          currentPage: 1,
+          hasNextPage: null
+        }));
+      } catch (a) {
+        console.error(a);
+      }
+    },
+    async fetchMessagesForAtendente(e, t, a) {
+      try {
+        this.loadingMessages = !0;
+        const n = await Ie.get(`${a}?attendant=${e}&page=1`, {
+          headers: { Authorization: `Bearer ${t}` }
+        }), r = this.attendants.find((o) => o.id === e);
+        r && (r.messages = n.data.results.reverse(), r.channel_id = n.data.channel_id, r.hasNextPage = n.data.next !== null, r.currentPage++);
+      } catch (n) {
+        console.error(n);
+      } finally {
+        this.loadingMessages = !1;
+      }
+    },
+    // Carrega mensagens para um atendente específico e vincula o canal
+    async loadMessagesForAtendente(e, t, a) {
+      try {
+        const n = this.attendants.find((o) => o.id === e);
+        if (!n || !n.hasNextPage) return;
+        const r = await Ie.get(`${a}?attendant=${e}&page=${n.currentPage}`, {
+          headers: { Authorization: `Bearer ${t}` }
+        });
+        n.messages = [...r.data.results.reverse(), ...n.messages], n.channel_id = r.data.channel_id, n.hasNextPage = r.data.next !== null, n.currentPage++;
+      } catch (n) {
+        console.error(n);
+      }
+    },
+    addMessageToAtendente(e) {
+      const t = e.message, a = this.attendants.find((n) => n.channel_id === t.channel_id);
+      if (a) {
+        const n = a.messages.findIndex((r) => r.id === t.id);
+        n !== -1 ? (a.messages[n] = t, console.log(`Mensagem com ID ${t.id} atualizada.`)) : (a.messages.push(t), console.log(`Nova mensagem com ID ${t.id} adicionada.`));
+      }
+    },
+    // Envia uma mensagem para o atendente
+    async sendMessageToAtendente(e, t, a, n, r) {
+      const o = this.attendants.find((l) => l.id === e);
+      if (!o || !o.channel_id) return;
+      const s = {
+        id: pv(),
+        // ID temporário até ser salvo no servidor
+        content: { type: "text", content: t },
+        created_at: (/* @__PURE__ */ new Date()).toISOString(),
+        sender: r
+        // Ajuste de acordo com o backend
+      };
+      o.messages.push(s);
+      try {
+        await Ie.post(`${n}${o.channel_id}/message/`, {
+          id: s.id,
+          content: s.content
+        }, {
+          headers: { Authorization: `Bearer ${a}` }
+        });
+      } catch (l) {
+        console.error("Erro ao enviar mensagem:", l);
+      }
+    },
+    // Verifica se o atendente tem próxima página de mensagens
+    hasNextPageForAtendente(e) {
+      const t = this.attendants.find((a) => a.id === e);
+      return t ? t.hasNextPage : !1;
+    }
+  }
+});
+function _y() {
+  if (!Cl())
+    throw new Error("Pinia is not active. Ensure that Pinia is initialized in the parent app.");
+  return by();
+}
+const ky = {}, xy = { class: "loading" }, My = /* @__PURE__ */ v("svg", {
   class: "spinner",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13273,19 +13280,19 @@ const D1 = {
     fill: "currentColor",
     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
   })
-], -1), xy = [
-  ky
+], -1), Ty = [
+  My
 ];
-function My(e, t) {
-  return g(), x("div", _y, xy);
+function Dy(e, t) {
+  return w(), x("div", xy, Ty);
 }
-const Ty = /* @__PURE__ */ At(by, [["render", My]]), Dy = (e) => (Ct("data-v-949055df"), e = e(), St(), e), Py = { class: "chat-container" }, $y = {
+const Py = /* @__PURE__ */ At(ky, [["render", Dy]]), $y = (e) => (Ct("data-v-c8068ca7"), e = e(), St(), e), Oy = { class: "chat-container" }, Cy = {
   key: 0,
   class: "chat-icon"
-}, Oy = {
+}, Sy = {
   key: 0,
   class: "chat-content"
-}, Cy = /* @__PURE__ */ Dy(() => /* @__PURE__ */ v("svg", {
+}, Ay = /* @__PURE__ */ $y(() => /* @__PURE__ */ v("svg", {
   class: "w-5 h-5",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -13301,12 +13308,12 @@ const Ty = /* @__PURE__ */ At(by, [["render", My]]), Dy = (e) => (Ct("data-v-949
     "stroke-width": "2",
     d: "M6 18L17.94 6M18 18L6.06 6"
   })
-], -1)), Sy = [
-  Cy
-], Ay = {
+], -1)), Ry = [
+  Ay
+], Ey = {
   key: 1,
   class: "h-full"
-}, Ry = { key: 2 }, Ey = {
+}, Ny = { key: 2 }, Iy = {
   __name: "chatWindow",
   props: {
     token: { default: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNzI2NjU5NDUwLCJpYXQiOjE3MjY1NzMwNTAsImp0aSI6ImJhODRkMTIwMTNiYjQzYTRiN2JlYmMxYTQ2ZDRkYmE4IiwidXNlcl9pZCI6ImRlYTVjMTNmLTQ0NjQtNGNjNi04NjUzLThjODUyNGFjZGQzYiJ9.sT4tLb9fvFXRt1eZTpmPn2COIRFOdl3yIhyknPBaafE", required: !0 },
@@ -13337,7 +13344,7 @@ const Ty = /* @__PURE__ */ At(by, [["render", My]]), Dy = (e) => (Ct("data-v-949
     }
   },
   setup(e) {
-    const t = e, a = fl(), n = z(!1), r = z(!1), o = z(null), s = J(() => a.attendants);
+    const t = e, a = _y(), n = z(!1), r = z(!1), o = z(null), s = J(() => a.attendants);
     Be(async () => {
       await a.fetchAtendentes(t.token, t.get_attendants);
     });
@@ -13358,32 +13365,33 @@ const Ty = /* @__PURE__ */ At(by, [["render", My]]), Dy = (e) => (Ct("data-v-949
     };
     return Ge(() => t.socketMessage, (c, d) => {
       c !== d && i(c);
-    }), (c, d) => (g(), x("div", Py, [
+    }), (c, d) => (w(), x("div", Oy, [
       v("div", {
         onClick: u,
         class: ge(n.value ? "chat-box open" : "chat-box closed")
       }, [
-        n.value ? U("", !0) : (g(), x("span", $y, "💬")),
-        n.value ? (g(), De(ha, {
+        n.value ? U("", !0) : (w(), x("span", Cy, "💬")),
+        n.value ? (w(), De(ha, {
           key: 1,
           name: "fade"
         }, {
           default: pe(() => [
-            r.value ? (g(), x("div", Oy, [
+            r.value ? (w(), x("div", Sy, [
               v("button", {
                 onClick: ka(l, ["stop"]),
                 class: "close-button"
-              }, Sy),
-              w(a).loadingMessages ? (g(), De(Ty, { key: 0 })) : o.value && !w(a).loadingMessages ? (g(), x("div", Ay, [
+              }, Ry),
+              g(a).loadingMessages ? (w(), De(Py, { key: 0 })) : o.value && !g(a).loadingMessages ? (w(), x("div", Ey, [
                 Le(wy, {
+                  chatStore: g(a),
                   attendant: e.attendant,
                   selectedAtendente: o.value,
                   token: e.token,
                   getInternalChat: e.get_internal_chat,
                   onVoltar: d[0] || (d[0] = (h) => o.value = null)
-                }, null, 8, ["attendant", "selectedAtendente", "token", "getInternalChat"])
+                }, null, 8, ["chatStore", "attendant", "selectedAtendente", "token", "getInternalChat"])
               ])) : U("", !0),
-              o.value ? U("", !0) : (g(), x("div", Ry, [
+              o.value ? U("", !0) : (w(), x("div", Ny, [
                 Le(Zp, {
                   attendant: e.attendant,
                   atendentes: s.value,
@@ -13397,20 +13405,20 @@ const Ty = /* @__PURE__ */ At(by, [["render", My]]), Dy = (e) => (Ct("data-v-949
       ], 2)
     ]));
   }
-}, bl = /* @__PURE__ */ At(Ey, [["__scopeId", "data-v-949055df"]]);
-function Ny(e) {
-  e.component("primarySelect", Uo), e.component("simpleModal", Go), e.component("simpleCard", Xo), e.component("instanceSelect", bs), e.component("calendar", cl), e.component("MFA", dl), e.component("MfaQrCode", Fp), e.component("chatWindow", bl);
+}, wl = /* @__PURE__ */ At(Iy, [["__scopeId", "data-v-c8068ca7"]]);
+function Yy(e) {
+  e.component("primarySelect", Uo), e.component("simpleModal", Go), e.component("simpleCard", Xo), e.component("instanceSelect", bs), e.component("calendar", cl), e.component("MFA", dl), e.component("MfaQrCode", Fp), e.component("chatWindow", wl);
 }
-const Ly = {
-  install: Ny,
+const Hy = {
+  install: Yy,
   primarySelect: Uo,
   simpleModal: Go,
   simpleCard: Xo,
   instanceSelect: bs,
   calendar: cl,
   MFA: dl,
-  chatWindow: bl
+  chatWindow: wl
 };
 export {
-  Ly as default
+  Hy as default
 };