sm-click-library-ui 0.0.185 → 0.0.186

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

@@ -645,11 +645,11 @@ function Sa(e, n, t) {
       if (V.endsWith(g, "{}"))
         g = a ? g : g.slice(0, -2), b = JSON.stringify(b);
       else if (V.isArray(b) && vu(b) || (V.isFileList(b) || V.endsWith(g, "[]")) && (_ = V.toArray(b)))
-        return g = ps(g), _.forEach(function(x, W) {
-          !(V.isUndefined(x) || x === null) && n.append(
+        return g = ps(g), _.forEach(function(k, W) {
+          !(V.isUndefined(k) || k === null) && n.append(
             // eslint-disable-next-line no-nested-ternary
             s === !0 ? ro([g], W, o) : s === null ? g : g + "[]",
-            d(x)
+            d(k)
           );
         }), !1;
     }
@@ -1534,16 +1534,16 @@ const Gu = async (e) => {
       duplex: "half",
       withCredentials: c
     });
-    let x = await fetch(P);
+    let k = await fetch(P);
     const W = vr && (d === "stream" || d === "response");
     if (vr && (l || W)) {
       const H = {};
       ["status", "statusText", "headers"].forEach((N) => {
-        H[N] = x[N];
+        H[N] = k[N];
       });
-      const T = V.toFiniteNumber(x.headers.get("content-length"));
-      x = new Response(
-        uo(x.body, fo, l && co(
+      const T = V.toFiniteNumber(k.headers.get("content-length"));
+      k = new Response(
+        uo(k.body, fo, l && co(
           T,
           ga(l, !0)
         ), W && _, pr),
@@ -1551,24 +1551,24 @@ const Gu = async (e) => {
       );
     }
     d = d || "text";
-    let ae = await wa[V.findKey(wa, d) || "text"](x, e);
+    let ae = await wa[V.findKey(wa, d) || "text"](k, e);
     return !W && _(), b && b(), await new Promise((H, T) => {
       _s(H, T, {
         data: ae,
-        headers: vt.from(x.headers),
-        status: x.status,
-        statusText: x.statusText,
+        headers: vt.from(k.headers),
+        status: k.status,
+        statusText: k.statusText,
         config: e,
         request: P
       });
     });
-  } catch (x) {
-    throw _(), x && x.name === "TypeError" && /fetch/i.test(x.message) ? Object.assign(
+  } catch (k) {
+    throw _(), k && k.name === "TypeError" && /fetch/i.test(k.message) ? Object.assign(
       new Me("Network Error", Me.ERR_NETWORK, e, P),
       {
-        cause: x.cause || x
+        cause: k.cause || k
       }
-    ) : Me.from(x, x && x.code, e, P);
+    ) : Me.from(k, k && k.code, e, P);
   }
 }), yr = {
   http: pu,
@@ -3614,23 +3614,23 @@ function qt(e, n, t) {
   if (!zn(l))
     throw new RangeError("Invalid time value");
   let u = n.match(tf).map((M) => {
-    const x = M[0];
-    if (x === "p" || x === "P") {
-      const W = br[x];
+    const k = M[0];
+    if (k === "p" || k === "P") {
+      const W = br[k];
       return W(M, r.formatLong);
     }
     return M;
   }).join("").match(ef).map((M) => {
     if (M === "''")
       return { isToken: !1, value: "'" };
-    const x = M[0];
-    if (x === "'")
+    const k = M[0];
+    if (k === "'")
       return { isToken: !1, value: of(M) };
-    if (bo[x])
+    if (bo[k])
       return { isToken: !0, value: M };
-    if (x.match(rf))
+    if (k.match(rf))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + x + "`"
+        "Format string contains an unescaped latin alphabet character `" + k + "`"
       );
     return { isToken: !1, value: M };
   });
@@ -3642,10 +3642,10 @@ function qt(e, n, t) {
   };
   return u.map((M) => {
     if (!M.isToken) return M.value;
-    const x = M.value;
-    (!(t != null && t.useAdditionalWeekYearTokens) && Hs(x) || !(t != null && t.useAdditionalDayOfYearTokens) && Ws(x)) && _r(x, n, String(e));
-    const W = bo[x[0]];
-    return W(l, x, r.localize, d);
+    const k = M.value;
+    (!(t != null && t.useAdditionalWeekYearTokens) && Hs(k) || !(t != null && t.useAdditionalDayOfYearTokens) && Ws(k)) && _r(k, n, String(e));
+    const W = bo[k[0]];
+    return W(l, k, r.localize, d);
   }).join("");
 }
 function of(e) {
@@ -5157,8 +5157,8 @@ const Zf = {
   T: new Gf()
 }, Kf = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Jf = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, em = /^'([^]*?)'?$/, tm = /''/g, nm = /\S/, am = /[a-zA-Z]/;
 function kr(e, n, t, a) {
-  var g, P, _, M, x, W, ae, H;
-  const r = uf(), o = (a == null ? void 0 : a.locale) ?? r.locale ?? Bs, s = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((P = (g = a == null ? void 0 : a.locale) == null ? void 0 : g.options) == null ? void 0 : P.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((M = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : M.firstWeekContainsDate) ?? 1, l = (a == null ? void 0 : a.weekStartsOn) ?? ((W = (x = a == null ? void 0 : a.locale) == null ? void 0 : x.options) == null ? void 0 : W.weekStartsOn) ?? r.weekStartsOn ?? ((H = (ae = r.locale) == null ? void 0 : ae.options) == null ? void 0 : H.weekStartsOn) ?? 0;
+  var g, P, _, M, k, W, ae, H;
+  const r = uf(), o = (a == null ? void 0 : a.locale) ?? r.locale ?? Bs, s = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((P = (g = a == null ? void 0 : a.locale) == null ? void 0 : g.options) == null ? void 0 : P.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((M = (_ = r.locale) == null ? void 0 : _.options) == null ? void 0 : M.firstWeekContainsDate) ?? 1, l = (a == null ? void 0 : a.weekStartsOn) ?? ((W = (k = a == null ? void 0 : a.locale) == null ? void 0 : k.options) == null ? void 0 : W.weekStartsOn) ?? r.weekStartsOn ?? ((H = (ae = r.locale) == null ? void 0 : ae.options) == null ? void 0 : H.weekStartsOn) ?? 0;
   if (n === "")
     return e === "" ? ye(t) : Oe(t, NaN);
   const u = {
@@ -5931,7 +5931,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? n() : e.weekPicker ? `${((H = P.value) == null ? void 0 : H.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${n()}` : "MM/dd/yyyy";
   }, a = (H) => sl(H, e.enableSeconds), r = () => W.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, o = G(() => Pm(e.multiCalendars)), s = G(() => r()), l = G(() => Dm(e.ariaLabels)), u = G(() => $m(e.filters)), d = G(() => Cm(e.transitions)), i = G(() => Rm(e.actionRow)), c = G(
     () => Sm(e.previewFormat, e.format, t())
-  ), f = G(() => Om(e.textInput)), h = G(() => Nm(e.inline)), b = G(() => Em(e.config)), g = G(() => Fm(e.highlight)), P = G(() => Ym(e.weekNumbers)), _ = G(() => Im(e.timezone)), M = G(() => Wm(e.multiDates)), x = G(
+  ), f = G(() => Om(e.textInput)), h = G(() => Nm(e.inline)), b = G(() => Em(e.config)), g = G(() => Fm(e.highlight)), P = G(() => Ym(e.weekNumbers)), _ = G(() => Im(e.timezone)), M = G(() => Wm(e.multiDates)), k = G(
     () => qm({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -5957,7 +5957,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedHighlight: g,
     defaultedWeekNumbers: P,
     defaultedRange: W,
-    propDates: x,
+    propDates: k,
     defaultedTz: _,
     defaultedMultiDates: M,
     defaultedUI: ae,
@@ -5972,120 +5972,120 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       typeof n.onInternalModelChange == "function" && e("internal-model-change", a.value, X(!0));
     },
     { deep: !0 }
-  ), We(o, (k, ie) => {
-    k.enabled !== ie.enabled && (a.value = null);
+  ), We(o, (x, ie) => {
+    x.enabled !== ie.enabled && (a.value = null);
   }), We(i, () => {
     se();
   });
-  const f = (k) => s.value.timezone && s.value.convertModel ? yt(k, s.value.timezone) : k, h = (k) => {
+  const f = (x) => s.value.timezone && s.value.convertModel ? yt(x, s.value.timezone) : x, h = (x) => {
     if (s.value.timezone && s.value.convertModel) {
       const ie = cm(s.value.timezone);
-      return ld(k, ie);
+      return ld(x, ie);
     }
-    return k;
-  }, b = (k, ie, ke = !1) => il(
-    k,
+    return x;
+  }, b = (x, ie, ke = !1) => il(
+    x,
     n.format,
     n.formatLocale,
     r.value.rangeSeparator,
     n.modelAuto,
     ie ?? u(),
     ke
-  ), g = (k) => k ? n.modelType ? le(k) : {
-    hours: zt(k),
-    minutes: an(k),
-    seconds: n.enableSeconds ? Dn(k) : 0
-  } : null, P = (k) => n.modelType ? le(k) : { month: Se(k), year: xe(k) }, _ = (k) => Array.isArray(k) ? l.value.enabled ? k.map((ie) => M(ie, Bt(J(), ie))) : fa(
+  ), g = (x) => x ? n.modelType ? le(x) : {
+    hours: zt(x),
+    minutes: an(x),
+    seconds: n.enableSeconds ? Dn(x) : 0
+  } : null, P = (x) => n.modelType ? le(x) : { month: Se(x), year: xe(x) }, _ = (x) => Array.isArray(x) ? l.value.enabled ? x.map((ie) => M(ie, Bt(J(), ie))) : fa(
     () => [
-      Bt(J(), k[0]),
-      k[1] ? Bt(J(), k[1]) : _n(o.value.partialRange)
+      Bt(J(), x[0]),
+      x[1] ? Bt(J(), x[1]) : _n(o.value.partialRange)
     ],
     o.value.enabled
-  ) : Bt(J(), +k), M = (k, ie) => (typeof k == "string" || typeof k == "number") && n.modelType ? Q(k) : ie, x = (k) => Array.isArray(k) ? [
+  ) : Bt(J(), +x), M = (x, ie) => (typeof x == "string" || typeof x == "number") && n.modelType ? Q(x) : ie, k = (x) => Array.isArray(x) ? [
     M(
-      k[0],
-      tn(null, +k[0].hours, +k[0].minutes, k[0].seconds)
+      x[0],
+      tn(null, +x[0].hours, +x[0].minutes, x[0].seconds)
     ),
     M(
-      k[1],
-      tn(null, +k[1].hours, +k[1].minutes, k[1].seconds)
+      x[1],
+      tn(null, +x[1].hours, +x[1].minutes, x[1].seconds)
     )
-  ] : M(k, tn(null, k.hours, k.minutes, k.seconds)), W = (k) => {
+  ] : M(x, tn(null, x.hours, x.minutes, x.seconds)), W = (x) => {
     const ie = Ee(J(), { date: 1 });
-    return Array.isArray(k) ? l.value.enabled ? k.map((ke) => M(ke, Ht(ie, +ke.month, +ke.year))) : fa(
+    return Array.isArray(x) ? l.value.enabled ? x.map((ke) => M(ke, Ht(ie, +ke.month, +ke.year))) : fa(
       () => [
-        M(k[0], Ht(ie, +k[0].month, +k[0].year)),
+        M(x[0], Ht(ie, +x[0].month, +x[0].year)),
         M(
-          k[1],
-          k[1] ? Ht(ie, +k[1].month, +k[1].year) : _n(o.value.partialRange)
+          x[1],
+          x[1] ? Ht(ie, +x[1].month, +x[1].year) : _n(o.value.partialRange)
         )
       ],
       o.value.enabled
-    ) : M(k, Ht(ie, +k.month, +k.year));
-  }, ae = (k) => {
-    if (Array.isArray(k))
-      return k.map((ie) => Q(ie));
+    ) : M(x, Ht(ie, +x.month, +x.year));
+  }, ae = (x) => {
+    if (Array.isArray(x))
+      return x.map((ie) => Q(ie));
     throw new Error(zr.dateArr("multi-dates"));
-  }, H = (k) => {
-    if (Array.isArray(k) && o.value.enabled) {
-      const ie = k[0], ke = k[1];
+  }, H = (x) => {
+    if (Array.isArray(x) && o.value.enabled) {
+      const ie = x[0], ke = x[1];
       return [
         J(Array.isArray(ie) ? ie[0] : null),
         J(Array.isArray(ke) ? ke[0] : null)
       ];
     }
-    return J(k[0]);
-  }, T = (k) => n.modelAuto ? Array.isArray(k) ? [Q(k[0]), Q(k[1])] : n.autoApply ? [Q(k)] : [Q(k), null] : Array.isArray(k) ? fa(
-    () => k[1] ? [
-      Q(k[0]),
-      k[1] ? Q(k[1]) : _n(o.value.partialRange)
-    ] : [Q(k[0])],
+    return J(x[0]);
+  }, T = (x) => n.modelAuto ? Array.isArray(x) ? [Q(x[0]), Q(x[1])] : n.autoApply ? [Q(x)] : [Q(x), null] : Array.isArray(x) ? fa(
+    () => x[1] ? [
+      Q(x[0]),
+      x[1] ? Q(x[1]) : _n(o.value.partialRange)
+    ] : [Q(x[0])],
     o.value.enabled
-  ) : Q(k), N = () => {
+  ) : Q(x), N = () => {
     Array.isArray(a.value) && o.value.enabled && a.value.length === 1 && a.value.push(_n(o.value.partialRange));
   }, E = () => {
-    const k = a.value;
+    const x = a.value;
     return [
-      le(k[0]),
-      k[1] ? le(k[1]) : _n(o.value.partialRange)
+      le(x[0]),
+      x[1] ? le(x[1]) : _n(o.value.partialRange)
     ];
-  }, I = () => a.value[1] ? E() : le(Je(a.value[0])), K = () => (a.value || []).map((k) => le(k)), ce = (k = !1) => (k || N(), n.modelAuto ? I() : l.value.enabled ? K() : Array.isArray(a.value) ? fa(() => E(), o.value.enabled) : le(Je(a.value))), pe = (k) => !k || Array.isArray(k) && !k.length ? null : n.timePicker ? x(Je(k)) : n.monthPicker ? W(Je(k)) : n.yearPicker ? _(Je(k)) : l.value.enabled ? ae(Je(k)) : n.weekPicker ? H(Je(k)) : T(Je(k)), O = (k) => {
-    const ie = pe(k);
+  }, I = () => a.value[1] ? E() : le(Je(a.value[0])), K = () => (a.value || []).map((x) => le(x)), ce = (x = !1) => (x || N(), n.modelAuto ? I() : l.value.enabled ? K() : Array.isArray(a.value) ? fa(() => E(), o.value.enabled) : le(Je(a.value))), pe = (x) => !x || Array.isArray(x) && !x.length ? null : n.timePicker ? k(Je(x)) : n.monthPicker ? W(Je(x)) : n.yearPicker ? _(Je(x)) : l.value.enabled ? ae(Je(x)) : n.weekPicker ? H(Je(x)) : T(Je(x)), O = (x) => {
+    const ie = pe(x);
     Mr(Je(ie)) ? (a.value = Je(ie), se()) : (a.value = null, d.value = "");
   }, Y = () => {
-    const k = (ie) => qt(ie, r.value.format);
-    return `${k(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? k(a.value[1]) : ""}`;
-  }, C = () => t.value && a.value ? Array.isArray(a.value) ? Y() : qt(a.value, r.value.format) : b(a.value), j = () => a.value ? l.value.enabled ? a.value.map((k) => b(k)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? C() : b(a.value) : "", se = () => {
+    const x = (ie) => qt(ie, r.value.format);
+    return `${x(a.value[0])} ${r.value.rangeSeparator} ${a.value[1] ? x(a.value[1]) : ""}`;
+  }, C = () => t.value && a.value ? Array.isArray(a.value) ? Y() : qt(a.value, r.value.format) : b(a.value), j = () => a.value ? l.value.enabled ? a.value.map((x) => b(x)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? C() : b(a.value) : "", se = () => {
     !n.format || typeof n.format == "string" || r.value.enabled && typeof r.value.format == "string" ? d.value = j() : d.value = n.format(a.value);
-  }, Q = (k) => {
+  }, Q = (x) => {
     if (n.utc) {
-      const ie = new Date(k);
+      const ie = new Date(x);
       return n.utc === "preserve" ? new Date(ie.getTime() + ie.getTimezoneOffset() * 6e4) : ie;
     }
-    return n.modelType ? dm.includes(n.modelType) ? f(new Date(k)) : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? f(
-      kr(k, u(), /* @__PURE__ */ new Date(), { locale: c.value })
+    return n.modelType ? dm.includes(n.modelType) ? f(new Date(x)) : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? f(
+      kr(x, u(), /* @__PURE__ */ new Date(), { locale: c.value })
     ) : f(
-      kr(k, n.modelType, /* @__PURE__ */ new Date(), { locale: c.value })
-    ) : f(new Date(k));
-  }, le = (k) => k ? n.utc ? _m(k, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +h(k) : n.modelType === "iso" ? h(k).toISOString() : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? b(h(k)) : b(h(k), n.modelType, !0) : h(k) : "", be = (k, ie = !1, ke = !1) => {
-    if (ke) return k;
-    if (e("update:model-value", k), s.value.emitTimezone && ie) {
-      const Ge = Array.isArray(k) ? k.map((q) => yt(Je(q), s.value.emitTimezone)) : yt(Je(k), s.value.emitTimezone);
+      kr(x, n.modelType, /* @__PURE__ */ new Date(), { locale: c.value })
+    ) : f(new Date(x));
+  }, le = (x) => x ? n.utc ? _m(x, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +h(x) : n.modelType === "iso" ? h(x).toISOString() : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? b(h(x)) : b(h(x), n.modelType, !0) : h(x) : "", be = (x, ie = !1, ke = !1) => {
+    if (ke) return x;
+    if (e("update:model-value", x), s.value.emitTimezone && ie) {
+      const Ge = Array.isArray(x) ? x.map((q) => yt(Je(q), s.value.emitTimezone)) : yt(Je(x), s.value.emitTimezone);
       e("update:model-timezone-value", Ge);
     }
-  }, D = (k) => Array.isArray(a.value) ? l.value.enabled ? a.value.map((ie) => k(ie)) : [
-    k(a.value[0]),
-    a.value[1] ? k(a.value[1]) : _n(o.value.partialRange)
-  ] : k(Je(a.value)), S = () => {
+  }, D = (x) => Array.isArray(a.value) ? l.value.enabled ? a.value.map((ie) => x(ie)) : [
+    x(a.value[0]),
+    a.value[1] ? x(a.value[1]) : _n(o.value.partialRange)
+  ] : x(Je(a.value)), S = () => {
     if (Array.isArray(a.value)) {
-      const k = Wt(a.value[0], n.weekStart), ie = a.value[1] ? Wt(a.value[1], n.weekStart) : [];
-      return [k.map((ke) => J(ke)), ie.map((ke) => J(ke))];
+      const x = Wt(a.value[0], n.weekStart), ie = a.value[1] ? Wt(a.value[1], n.weekStart) : [];
+      return [x.map((ke) => J(ke)), ie.map((ke) => J(ke))];
     }
-    return Wt(a.value, n.weekStart).map((k) => J(k));
-  }, m = (k, ie) => be(Je(D(k)), !1, ie), F = (k) => {
+    return Wt(a.value, n.weekStart).map((x) => J(x));
+  }, m = (x, ie) => be(Je(D(x)), !1, ie), F = (x) => {
     const ie = S();
-    return k ? ie : e("update:model-value", S());
-  }, X = (k = !1) => (k || se(), n.monthPicker ? m(P, k) : n.timePicker ? m(g, k) : n.yearPicker ? m(xe, k) : n.weekPicker ? F(k) : be(ce(k), !0, k));
+    return x ? ie : e("update:model-value", S());
+  }, X = (x = !1) => (x || se(), n.monthPicker ? m(P, x) : n.timePicker ? m(g, x) : n.yearPicker ? m(xe, x) : n.weekPicker ? F(x) : be(ce(x), !0, x));
   return {
     inputValue: d,
     internalModelValue: a,
@@ -6269,7 +6269,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       defaultedInline: u,
       defaultedRange: d,
       defaultedMultiDates: i
-    } = Be(a), { isTimeValid: c, isMonthValid: f } = on(a), { buildMatrix: h } = rn(), b = L(null), g = L(null), P = L(!1), _ = L({}), M = L(null), x = L(null);
+    } = Be(a), { isTimeValid: c, isMonthValid: f } = on(a), { buildMatrix: h } = rn(), b = L(null), g = L(null), P = L(!1), _ = L({}), M = L(null), k = L(null);
     Ye(() => {
       a.arrowNavigation && h([Ze(b), Ze(g)], "actionRow"), W(), window.addEventListener("resize", W);
     }), Jn(() => {
@@ -6278,7 +6278,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     const W = () => {
       P.value = !1, setTimeout(() => {
         var O, Y;
-        const C = (O = M.value) == null ? void 0 : O.getBoundingClientRect(), j = (Y = x.value) == null ? void 0 : Y.getBoundingClientRect();
+        const C = (O = M.value) == null ? void 0 : O.getBoundingClientRect(), j = (Y = k.value) == null ? void 0 : Y.getBoundingClientRect();
         C && j && (_.value.maxWidth = `${j.width - C.width - 20}px`), P.value = !0;
       }, 0);
     }, ae = G(() => d.value.enabled && !d.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), H = G(
@@ -6303,7 +6303,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     };
     return (O, Y) => (v(), A("div", {
       ref_key: "actionRowRef",
-      ref: x,
+      ref: k,
       class: "dp__action_row"
     }, [
       O.$slots["action-row"] ? ue(O.$slots, "action-row", tt(et({ key: 0 }, {
@@ -6394,7 +6394,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   setup(e, { expose: n, emit: t }) {
     const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: o } = rn(), s = t, l = e, { defaultedAriaLabels: u, defaultedTextInput: d, defaultedConfig: i } = Be(
       l
-    ), { hideNavigationButtons: c } = Ea(), f = L(!1), h = L(null), b = L(null), g = L([]), P = L(), _ = L(null), M = L(0), x = L(null);
+    ), { hideNavigationButtons: c } = Ea(), f = L(!1), h = L(null), b = L(null), g = L([]), P = L(), _ = L(null), M = L(0), k = L(null);
     ql(() => {
       h.value = null;
     }), Ye(() => {
@@ -6440,8 +6440,8 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     );
     const K = (D = !0) => {
       Ke().then(() => {
-        const S = Ze(h), m = Ze(b), F = Ze(_), X = Ze(x), k = F ? F.getBoundingClientRect().height : 0;
-        m && (m.getBoundingClientRect().height ? M.value = m.getBoundingClientRect().height - k : M.value = i.value.modeHeight - k), S && X && D && (X.scrollTop = S.offsetTop - X.offsetTop - (M.value / 2 - S.getBoundingClientRect().height) - k);
+        const S = Ze(h), m = Ze(b), F = Ze(_), X = Ze(k), x = F ? F.getBoundingClientRect().height : 0;
+        m && (m.getBoundingClientRect().height ? M.value = m.getBoundingClientRect().height - x : M.value = i.value.modeHeight - x), S && X && D && (X.scrollTop = S.offsetTop - X.offsetTop - (M.value / 2 - S.getBoundingClientRect().height) - x);
       });
     }, ce = (D) => {
       D.disabled || s("selected", D.value);
@@ -6502,7 +6502,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       }, [
         p("div", {
           ref_key: "containerRef",
-          ref: x,
+          ref: k,
           class: me(I.value),
           style: bt({ "--dp-overlay-height": `${M.value}px` }),
           role: "grid"
@@ -6515,29 +6515,29 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             class: me(["dp__overlay_row", { dp__flex_row: D.items.length >= 3 }]),
             role: "row"
           }, [
-            (v(!0), A(_e, null, Pe(F, (k, ie) => (v(), A("div", {
-              key: k.value,
+            (v(!0), A(_e, null, Pe(F, (x, ie) => (v(), A("div", {
+              key: x.value,
               ref_for: !0,
-              ref: (ke) => Y(ke, k, X, ie),
+              ref: (ke) => Y(ke, x, X, ie),
               role: "gridcell",
               class: me(N.value),
-              "aria-selected": k.active || void 0,
-              "aria-disabled": k.disabled || void 0,
+              "aria-selected": x.active || void 0,
+              "aria-disabled": x.disabled || void 0,
               tabindex: "0",
-              "data-test": k.text,
-              onClick: Jt((ke) => ce(k), ["prevent"]),
-              onKeydown: (ke) => w(ct)(ke, () => ce(k), !0),
-              onMouseover: (ke) => se(k.value)
+              "data-test": x.text,
+              onClick: Jt((ke) => ce(x), ["prevent"]),
+              onKeydown: (ke) => w(ct)(ke, () => ce(x), !0),
+              onMouseover: (ke) => se(x.value)
             }, [
               p("div", {
-                class: me(k.className)
+                class: me(x.className)
               }, [
                 D.$slots.item ? ue(D.$slots, "item", {
                   key: 0,
-                  item: k
+                  item: x
                 }) : B("", !0),
                 D.$slots.item ? B("", !0) : (v(), A(_e, { key: 1 }, [
-                  rt(ge(k.text), 1)
+                  rt(ge(x.text), 1)
                 ], 64))
               ], 2)
             ], 42, Zm))), 128))
@@ -6645,7 +6645,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       t("handle-year", _);
     };
     return (_, M) => {
-      var x, W, ae, H, T;
+      var k, W, ae, H, T;
       return v(), A(_e, null, [
         p("div", {
           class: me(["dp--year-mode-picker", { "dp--hidden-el": h.value }])
@@ -6653,7 +6653,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           w(o)(w(l), e.instance) ? (v(), Te(Vn, {
             key: 0,
             ref: "mpPrevIconRef",
-            "aria-label": (x = w(u)) == null ? void 0 : x.prevYear,
+            "aria-label": (k = w(u)) == null ? void 0 : k.prevYear,
             disabled: e.isDisabled(!1),
             class: me((W = w(i)) == null ? void 0 : W.navBtnPrev),
             onActivate: M[0] || (M[0] = (N) => P(!1))
@@ -6801,13 +6801,13 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, _ = (I, K) => {
     const ce = fd(K, I);
     return n.value.showLastInRange && ce > 1 ? K : I;
-  }, M = (I) => s.focusStartDate || e.value.solo ? I[0] : I[1] ? _(I[0], I[1]) : I[0], x = () => {
+  }, M = (I) => s.focusStartDate || e.value.solo ? I[0] : I[1] ? _(I[0], I[1]) : I[0], k = () => {
     if (o.value) {
       const I = Array.isArray(o.value) ? M(o.value) : o.value;
       r.value[0] = { month: Se(I), year: xe(I) };
     }
   }, W = () => {
-    x(), e.value.count && g();
+    k(), e.value.count && g();
   };
   We(o, (I, K) => {
     s.isTextInputDate && JSON.stringify(I ?? {}) !== JSON.stringify(K ?? {}) && W();
@@ -6857,7 +6857,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedMultiDates: c
   } = Be(e), f = () => {
     e.isTextInputDate && W(xe(J(e.startDate)), 0);
-  }, { modelValue: h, year: b, month: g, calendars: P } = oa(e, n, f), _ = G(() => Js(e.formatLocale, e.locale, e.monthNameFormat)), M = L(null), { checkMinMaxRange: x } = on(e), {
+  }, { modelValue: h, year: b, month: g, calendars: P } = oa(e, n, f), _ = G(() => Js(e.formatLocale, e.locale, e.monthNameFormat)), M = L(null), { checkMinMaxRange: k } = on(e), {
     selectYear: W,
     groupedYears: ae,
     showYearPicker: H,
@@ -6882,36 +6882,36 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     e.startDate && (h.value && e.focusStartDate || !h.value) && W(xe(J(e.startDate)), 0);
   });
   const K = (m) => m ? { month: Se(m), year: xe(m) } : { month: null, year: null }, ce = () => h.value ? Array.isArray(h.value) ? h.value.map((m) => K(m)) : K(h.value) : K(), pe = (m, F) => {
-    const X = P.value[m], k = ce();
-    return Array.isArray(k) ? k.some((ie) => ie.year === (X == null ? void 0 : X.year) && ie.month === F) : (X == null ? void 0 : X.year) === k.year && F === k.month;
+    const X = P.value[m], x = ce();
+    return Array.isArray(x) ? x.some((ie) => ie.year === (X == null ? void 0 : X.year) && ie.month === F) : (X == null ? void 0 : X.year) === x.year && F === x.month;
   }, O = (m, F, X) => {
-    var k, ie;
+    var x, ie;
     const ke = ce();
-    return Array.isArray(ke) ? b.value(F) === ((k = ke[X]) == null ? void 0 : k.year) && m === ((ie = ke[X]) == null ? void 0 : ie.month) : !1;
+    return Array.isArray(ke) ? b.value(F) === ((x = ke[X]) == null ? void 0 : x.year) && m === ((ie = ke[X]) == null ? void 0 : ie.month) : !1;
   }, Y = (m, F) => {
     if (s.value.enabled) {
       const X = ce();
       if (Array.isArray(h.value) && Array.isArray(X)) {
-        const k = O(m, F, 0) || O(m, F, 1), ie = Ht(St(J()), m, b.value(F));
-        return Oa(h.value, M.value, ie) && !k;
+        const x = O(m, F, 0) || O(m, F, 1), ie = Ht(St(J()), m, b.value(F));
+        return Oa(h.value, M.value, ie) && !x;
       }
       return !1;
     }
     return !1;
   }, C = G(() => (m) => Cn(_.value, (F) => {
     var X;
-    const k = pe(m, F.value), ie = Zn(
+    const x = pe(m, F.value), ie = Zn(
       F.value,
       al(b.value(m), u.value.minDate),
       rl(b.value(m), u.value.maxDate)
     ) || Tm(u.value.disabledDates, b.value(m)).includes(F.value) || ((X = i.value.months) == null ? void 0 : X.includes(F.value)), ke = Y(F.value, m), Ge = ul(l.value, F.value, b.value(m));
-    return { active: k, disabled: ie, isBetween: ke, highlighted: Ge };
+    return { active: x, disabled: ie, isBetween: ke, highlighted: Ge };
   })), j = (m, F) => Ht(St(J()), m, b.value(F)), se = (m, F) => {
     const X = h.value ? h.value : St(/* @__PURE__ */ new Date());
     h.value = Ht(X, m, b.value(F)), n("auto-apply"), n("update-flow-step");
   }, Q = (m, F) => {
     const X = j(m, F);
-    s.value.fixedEnd || s.value.fixedStart ? h.value = hl(X, h, n, s) : h.value ? x(X, h.value) && (h.value = Xr(h, j(m, F), n)) : h.value = [j(m, F)], Ke().then(() => {
+    s.value.fixedEnd || s.value.fixedStart ? h.value = hl(X, h, n, s) : h.value ? k(X, h.value) && (h.value = Xr(h, j(m, F), n)) : h.value = [j(m, F)], Ke().then(() => {
       Na(h.value, n, e.autoApply, e.modelAuto);
     });
   }, le = (m, F) => {
@@ -6919,12 +6919,12 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, be = (m, F) => (P.value[F].month = m, S(F, P.value[F].year, m), c.value.enabled ? le(m, F) : s.value.enabled ? Q(m, F) : se(m, F)), D = (m, F) => {
     W(m, F), S(F, m, null);
   }, S = (m, F, X) => {
-    let k = X;
-    if (!k && k !== 0) {
+    let x = X;
+    if (!x && x !== 0) {
       const ie = ce();
-      k = Array.isArray(ie) ? ie[m].month : ie.month;
+      x = Array.isArray(ie) ? ie[m].month : ie.month;
     }
-    n("update-month-year", { instance: m, year: F, month: k });
+    n("update-month-year", { instance: m, year: F, month: x });
   };
   return {
     groupedMonths: C,
@@ -6994,7 +6994,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       setHoverDate: P,
       selectMonth: _,
       selectYear: M,
-      toggleYearPicker: x,
+      toggleYearPicker: k,
       handleYearSelect: W,
       handleYear: ae,
       getModelMonthYear: H
@@ -7006,7 +7006,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       selectMonth: _,
       selectYear: M,
       handleYear: ae
-    }), presetDate: g, toggleYearPicker: (T) => x(0, T) }), (T, N) => (v(), Te(Ra, {
+    }), presetDate: g, toggleYearPicker: (T) => k(0, T) }), (T, N) => (v(), Te(Ra, {
       "multi-calendars": w(c).count,
       collapse: T.collapse,
       stretch: ""
@@ -7046,7 +7046,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               "is-disabled": (I) => w(i)(E, I),
               onHandleYear: (I) => w(ae)(E, I),
               onYearSelect: (I) => w(W)(I, E),
-              onToggleYearPicker: (I) => w(x)(E, I == null ? void 0 : I.flow, I == null ? void 0 : I.show)
+              onToggleYearPicker: (I) => w(k)(E, I == null ? void 0 : I.flow, I == null ? void 0 : I.show)
             }), lt({ _: 2 }, [
               Pe(w(o), (I, K) => ({
                 name: I,
@@ -7085,8 +7085,8 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       g.value,
       On(d.value.minDate),
       On(d.value.maxDate)
-    ) || l.value.years.includes(g.value), M = f(g.value) && !P, x = Ur(o.value, g.value);
-    return { active: P, disabled: _, isBetween: M, highlighted: x };
+    ) || l.value.years.includes(g.value), M = f(g.value) && !P, k = Ur(o.value, g.value);
+    return { active: P, disabled: _, isBetween: M, highlighted: k };
   })), b = (g) => Bt(St(Xn(/* @__PURE__ */ new Date())), g);
   return {
     groupedYears: h,
@@ -7194,7 +7194,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), g = L("AM"), P = L(null), _ = L([]), M = L(), x = L(!1);
+    }), g = L("AM"), P = L(null), _ = L([]), M = L(), k = L(!1);
     Ye(() => {
       a("mounted");
     });
@@ -7254,16 +7254,16 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       );
       return ne && U ? (Gn(Ae, U) || An(Ae, U)) && (Pn(Ae, ne) || An(Ae, ne)) : ne ? Pn(Ae, ne) || An(Ae, ne) : U ? Gn(Ae, U) || An(Ae, U) : !0;
     }, S = (y) => r[`no${y[0].toUpperCase() + y.slice(1)}Overlay`], m = (y) => {
-      S(y) || (b[y] = !b[y], b[y] ? (x.value = !0, a("overlay-opened", y)) : (x.value = !1, a("overlay-closed", y)));
+      S(y) || (b[y] = !b[y], b[y] ? (k.value = !0, a("overlay-opened", y)) : (k.value = !1, a("overlay-closed", y)));
     }, F = (y) => y === "hours" ? zt : y === "minutes" ? an : Dn, X = () => {
       M.value && clearTimeout(M.value);
-    }, k = (y, Z = !0, ne) => {
+    }, x = (y, Z = !0, ne) => {
       const U = Z ? K : ce, Ae = Z ? +r[`${y}Increment`] : -+r[`${y}Increment`];
       D(+r[y] + Ae, y) && a(
         `update:${y}`,
         F(y)(U({ [y]: +r[y] }, { [y]: +r[`${y}Increment`] }))
       ), !(ne != null && ne.keyboard) && i.value.timeArrowHoldThreshold && (M.value = setTimeout(() => {
-        k(y, Z);
+        x(y, Z);
       }, i.value.timeArrowHoldThreshold));
     }, ie = (y) => r.is24 ? y : (y >= 12 ? g.value = "PM" : g.value = "AM", hm(y)), ke = () => {
       g.value === "PM" ? (g.value = "AM", a("update:hours", r.hours - 12)) : (g.value = "PM", a("update:hours", r.hours + 12)), a("am-pm-change", g.value);
@@ -7289,7 +7289,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             class: me(pe.value)
           }, [
             U.separator ? (v(), A(_e, { key: 0 }, [
-              x.value ? B("", !0) : (v(), A(_e, { key: 0 }, [
+              k.value ? B("", !0) : (v(), A(_e, { key: 0 }, [
                 rt(":")
               ], 64))
             ], 64)) : (v(), A(_e, { key: 1 }, [
@@ -7303,14 +7303,14 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                   dp__inc_dec_button_inline: y.timePickerInline,
                   dp__tp_inline_btn_top: y.timePickerInline,
                   dp__inc_dec_button_disabled: E.value(U.type),
-                  "dp--hidden-el": x.value
+                  "dp--hidden-el": k.value
                 }),
                 "data-test": `${U.type}-time-inc-btn-${r.order}`,
                 "aria-label": (R = w(l)) == null ? void 0 : R.incrementValue(U.type),
                 tabindex: "0",
-                onKeydown: (De) => w(ct)(De, () => k(U.type, !0, { keyboard: !0 }), !0),
-                onClick: (De) => w(i).timeArrowHoldThreshold ? void 0 : k(U.type, !0),
-                onMousedown: (De) => w(i).timeArrowHoldThreshold ? k(U.type, !0) : void 0,
+                onKeydown: (De) => w(ct)(De, () => x(U.type, !0, { keyboard: !0 }), !0),
+                onClick: (De) => w(i).timeArrowHoldThreshold ? void 0 : x(U.type, !0),
+                onMousedown: (De) => w(i).timeArrowHoldThreshold ? x(U.type, !0) : void 0,
                 onMouseup: X
               }, [
                 r.timePickerInline ? (v(), A(_e, { key: 1 }, [
@@ -7334,7 +7334,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                   dp__time_display_inline: y.timePickerInline,
                   "dp--time-invalid": ae.value(U.type),
                   "dp--time-overlay-btn": !ae.value(U.type),
-                  "dp--hidden-el": x.value
+                  "dp--hidden-el": k.value
                 }),
                 disabled: S(U.type),
                 tabindex: "0",
@@ -7361,14 +7361,14 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                   dp__inc_dec_button_inline: y.timePickerInline,
                   dp__tp_inline_btn_bottom: y.timePickerInline,
                   dp__inc_dec_button_disabled: I.value(U.type),
-                  "dp--hidden-el": x.value
+                  "dp--hidden-el": k.value
                 }),
                 "data-test": `${U.type}-time-dec-btn-${r.order}`,
                 "aria-label": (he = w(l)) == null ? void 0 : he.decrementValue(U.type),
                 tabindex: "0",
-                onKeydown: (De) => w(ct)(De, () => k(U.type, !1, { keyboard: !0 }), !0),
-                onClick: (De) => w(i).timeArrowHoldThreshold ? void 0 : k(U.type, !1),
-                onMousedown: (De) => w(i).timeArrowHoldThreshold ? k(U.type, !1) : void 0,
+                onKeydown: (De) => w(ct)(De, () => x(U.type, !1, { keyboard: !0 }), !0),
+                onClick: (De) => w(i).timeArrowHoldThreshold ? void 0 : x(U.type, !1),
+                onMousedown: (De) => w(i).timeArrowHoldThreshold ? x(U.type, !1) : void 0,
                 onMouseup: X
               }, [
                 r.timePickerInline ? (v(), A(_e, { key: 1 }, [
@@ -7486,7 +7486,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     "am-pm-change"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = t, r = e, { buildMatrix: o, setTimePicker: s } = rn(), l = yn(), { defaultedTransitions: u, defaultedAriaLabels: d, defaultedTextInput: i, defaultedConfig: c, defaultedRange: f } = Be(r), { transitionName: h, showTransition: b } = ra(u), { hideNavigationButtons: g } = Ea(), P = L(null), _ = L(null), M = L([]), x = L(null), W = L(!1);
+    const a = t, r = e, { buildMatrix: o, setTimePicker: s } = rn(), l = yn(), { defaultedTransitions: u, defaultedAriaLabels: d, defaultedTextInput: i, defaultedConfig: c, defaultedRange: f } = Be(r), { transitionName: h, showTransition: b } = ra(u), { hideNavigationButtons: g } = Ea(), P = L(null), _ = L(null), M = L([]), k = L(null), W = L(!1);
     Ye(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? o([Ze(P.value)], "time") : s(!0, r.timePicker);
     });
@@ -7517,8 +7517,8 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, Y = (Q) => {
       a("update:seconds", Q);
     }, C = () => {
-      if (x.value && !i.value.enabled && !r.noOverlayFocus) {
-        const Q = tl(x.value);
+      if (k.value && !i.value.enabled && !r.noOverlayFocus) {
+        const Q = tl(k.value);
         Q && Q.focus({ preventScroll: !0 });
       }
     }, j = (Q) => {
@@ -7556,7 +7556,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               H.value || Q.timePicker || Q.timePickerInline ? (v(), A("div", {
                 key: 0,
                 ref_key: "overlayRef",
-                ref: x,
+                ref: k,
                 role: Q.timePickerInline ? void 0 : "dialog",
                 class: me({
                   dp__overlay: !Q.timePickerInline,
@@ -7602,7 +7602,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                       ref_for: !0,
                       ref_key: "timeInputRefs",
                       ref: M,
-                      "validate-time": (X, k) => e.validateTime(X, ce(k, F, X)),
+                      "validate-time": (X, x) => e.validateTime(X, ce(x, F, X)),
                       "onUpdate:hours": (X) => pe(ce(X, F, "hours")),
                       "onUpdate:minutes": (X) => O(ce(X, F, "minutes")),
                       "onUpdate:seconds": (X) => Y(ce(X, F, "seconds")),
@@ -7611,7 +7611,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                       onOverlayOpened: se,
                       onAmPmChange: le[2] || (le[2] = (X) => Q.$emit("am-pm-change", X))
                     }), lt({ _: 2 }, [
-                      Pe(w(K), (X, k) => ({
+                      Pe(w(K), (X, x) => ({
                         name: X,
                         fn: ve((ie) => [
                           ue(Q.$slots, X, et({ ref_for: !0 }, ie))
@@ -7647,11 +7647,11 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     };
   }
 }), yl = (e, n, t, a) => {
-  const { defaultedRange: r } = Be(e), o = (x, W) => Array.isArray(n[x]) ? n[x][W] : n[x], s = (x) => e.enableSeconds ? Array.isArray(n.seconds) ? n.seconds[x] : n.seconds : 0, l = (x, W) => x ? W !== void 0 ? tn(x, o("hours", W), o("minutes", W), s(W)) : tn(x, n.hours, n.minutes, s()) : Gs(J(), s(W)), u = (x, W) => {
-    n[x] = W;
-  }, d = G(() => e.modelAuto && r.value.enabled ? Array.isArray(t.value) ? t.value.length > 1 : !1 : r.value.enabled), i = (x, W) => {
+  const { defaultedRange: r } = Be(e), o = (k, W) => Array.isArray(n[k]) ? n[k][W] : n[k], s = (k) => e.enableSeconds ? Array.isArray(n.seconds) ? n.seconds[k] : n.seconds : 0, l = (k, W) => k ? W !== void 0 ? tn(k, o("hours", W), o("minutes", W), s(W)) : tn(k, n.hours, n.minutes, s()) : Gs(J(), s(W)), u = (k, W) => {
+    n[k] = W;
+  }, d = G(() => e.modelAuto && r.value.enabled ? Array.isArray(t.value) ? t.value.length > 1 : !1 : r.value.enabled), i = (k, W) => {
     const ae = Object.fromEntries(
-      Object.keys(n).map((H) => H === x ? [H, W] : [H, n[H]].slice())
+      Object.keys(n).map((H) => H === k ? [H, W] : [H, n[H]].slice())
     );
     if (d.value && !r.value.disableTimeRangeValidation) {
       const H = (N) => t.value ? tn(
@@ -7663,31 +7663,31 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       return !(Ce(H(0), H(1)) && (Pn(H(0), T(1)) || Gn(H(1), T(0))));
     }
     return !0;
-  }, c = (x, W) => {
-    i(x, W) && (u(x, W), a && a());
-  }, f = (x) => {
-    c("hours", x);
-  }, h = (x) => {
-    c("minutes", x);
-  }, b = (x) => {
-    c("seconds", x);
-  }, g = (x, W, ae, H) => {
-    W && f(x), !W && !ae && h(x), ae && b(x), t.value && H(t.value);
-  }, P = (x) => {
-    if (x) {
-      const W = Array.isArray(x), ae = W ? [+x[0].hours, +x[1].hours] : +x.hours, H = W ? [+x[0].minutes, +x[1].minutes] : +x.minutes, T = W ? [+x[0].seconds, +x[1].seconds] : +x.seconds;
+  }, c = (k, W) => {
+    i(k, W) && (u(k, W), a && a());
+  }, f = (k) => {
+    c("hours", k);
+  }, h = (k) => {
+    c("minutes", k);
+  }, b = (k) => {
+    c("seconds", k);
+  }, g = (k, W, ae, H) => {
+    W && f(k), !W && !ae && h(k), ae && b(k), t.value && H(t.value);
+  }, P = (k) => {
+    if (k) {
+      const W = Array.isArray(k), ae = W ? [+k[0].hours, +k[1].hours] : +k.hours, H = W ? [+k[0].minutes, +k[1].minutes] : +k.minutes, T = W ? [+k[0].seconds, +k[1].seconds] : +k.seconds;
       u("hours", ae), u("minutes", H), e.enableSeconds && u("seconds", T);
     }
-  }, _ = (x, W) => {
+  }, _ = (k, W) => {
     const ae = {
-      hours: Array.isArray(n.hours) ? n.hours[x] : n.hours,
+      hours: Array.isArray(n.hours) ? n.hours[k] : n.hours,
       disabledArr: []
     };
-    return (W || W === 0) && (ae.hours = W), Array.isArray(e.disabledTimes) && (ae.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[x]) ? e.disabledTimes[x] : e.disabledTimes), ae;
-  }, M = G(() => (x, W) => {
+    return (W || W === 0) && (ae.hours = W), Array.isArray(e.disabledTimes) && (ae.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[k]) ? e.disabledTimes[k] : e.disabledTimes), ae;
+  }, M = G(() => (k, W) => {
     var ae;
     if (Array.isArray(e.disabledTimes)) {
-      const { disabledArr: H, hours: T } = _(x, W), N = H.filter((E) => +E.hours === T);
+      const { disabledArr: H, hours: T } = _(k, W), N = H.filter((E) => +E.hours === T);
       return ((ae = N[0]) == null ? void 0 : ae.minutes) === "*" ? { hours: [T], minutes: void 0, seconds: void 0 } : {
         hours: [],
         minutes: (N == null ? void 0 : N.map((E) => +E.minutes)) ?? [],
@@ -7737,15 +7737,15 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       ];
     } else
       a.value = yt(d(P()), l.value.timezone);
-  }, M = (H) => Array.isArray(H) ? [hn(J(H[0])), hn(J(H[1]))] : [hn(H ?? J())], x = (H, T, N) => {
+  }, M = (H) => Array.isArray(H) ? [hn(J(H[0])), hn(J(H[1]))] : [hn(H ?? J())], k = (H, T, N) => {
     i("hours", H), i("minutes", T), i("seconds", e.enableSeconds ? N : 0);
   }, W = () => {
     const [H, T] = M(a.value);
-    return s.value.enabled ? x(
+    return s.value.enabled ? k(
       [H.hours, T.hours],
       [H.minutes, T.minutes],
       [H.seconds, T.seconds]
-    ) : x(H.hours, H.minutes, H.seconds);
+    ) : k(H.hours, H.minutes, H.seconds);
   };
   Ye(() => {
     if (!e.shadow)
@@ -7852,7 +7852,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       defaultedHighlight: i,
       propDates: c,
       defaultedUI: f
-    } = Be(r), { transitionName: h, showTransition: b } = ra(o), { buildMatrix: g } = rn(), { handleMonthYearChange: P, isDisabled: _, updateMonthYear: M } = zm(r, a), { showLeftIcon: x, showRightIcon: W } = Ea(), ae = L(!1), H = L(!1), T = L(!1), N = L([null, null, null, null]);
+    } = Be(r), { transitionName: h, showTransition: b } = ra(o), { buildMatrix: g } = rn(), { handleMonthYearChange: P, isDisabled: _, updateMonthYear: M } = zm(r, a), { showLeftIcon: k, showRightIcon: W } = Ea(), ae = L(!1), H = L(!1), T = L(!1), N = L([null, null, null, null]);
     Ye(() => {
       a("mount");
     });
@@ -7894,7 +7894,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, le = (S, m) => {
       r.arrowNavigation && (N.value[m] = Ze(S), g(N.value, "monthYear"));
     }, be = G(() => {
-      var S, m, F, X, k, ie;
+      var S, m, F, X, x, ie;
       return [
         {
           type: Dt.month,
@@ -7918,7 +7918,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           showSelectionGrid: H.value,
           items: Y.value,
           ariaLabel: (X = s.value) == null ? void 0 : X.openYearsOverlay,
-          overlayLabel: ((ie = (k = s.value).yearPicker) == null ? void 0 : ie.call(k, !0)) ?? void 0
+          overlayLabel: ((ie = (x = s.value).yearPicker) == null ? void 0 : ie.call(x, !0)) ?? void 0
         }
       ];
     }), D = G(() => r.disableYearSelect ? [be.value[0]] : r.yearFirst ? [...be.value].reverse() : be.value);
@@ -7927,7 +7927,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       toggleYearPicker: se,
       handleMonthYearChange: P
     }), (S, m) => {
-      var F, X, k, ie, ke, Ge;
+      var F, X, x, ie, ke, Ge;
       return v(), A("div", k0, [
         S.$slots["month-year"] ? (v(), A("div", x0, [
           ue(S.$slots, "month-year", tt(pt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: w(M), handleMonthYearChange: w(P), instance: e.instance })))
@@ -7936,7 +7936,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             ue(S.$slots, "top-extra", { value: S.internalModelValue })
           ])) : B("", !0),
           p("div", M0, [
-            w(x)(w(l), e.instance) && !S.vertical ? (v(), Te(Vn, {
+            w(k)(w(l), e.instance) && !S.vertical ? (v(), Te(Vn, {
               key: 0,
               "aria-label": (F = w(s)) == null ? void 0 : F.prevMonth,
               disabled: w(_)(!1),
@@ -8040,9 +8040,9 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            w(x)(w(l), e.instance) && S.vertical ? (v(), Te(Vn, {
+            w(k)(w(l), e.instance) && S.vertical ? (v(), Te(Vn, {
               key: 1,
-              "aria-label": (k = w(s)) == null ? void 0 : k.prevMonth,
+              "aria-label": (x = w(s)) == null ? void 0 : x.prevMonth,
               "el-name": "action-prev",
               disabled: w(_)(!1),
               class: me((ie = w(f)) == null ? void 0 : ie.navBtnPrev),
@@ -8121,7 +8121,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       bottom: "",
       left: "",
       transform: ""
-    }), g = L([]), P = L(null), _ = L(!0), M = L(""), x = L({ startX: 0, endX: 0, startY: 0, endY: 0 }), W = L([]), ae = L({ left: "50%" }), H = L(!1), T = G(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), N = G(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : mm(r.formatLocale, r.locale, +r.weekStart));
+    }), g = L([]), P = L(null), _ = L(!0), M = L(""), k = L({ startX: 0, endX: 0, startY: 0, endY: 0 }), W = L([]), ae = L({ left: "50%" }), H = L(!1), T = G(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), N = G(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : mm(r.formatLocale, r.locale, +r.weekStart));
     Ye(() => {
       a("mount", { cmp: "calendar", refs: g }), l.value.noSwipe || P.value && (P.value.addEventListener("touchstart", le, { passive: !1 }), P.value.addEventListener("touchend", be, { passive: !1 }), P.value.addEventListener("touchmove", D, { passive: !1 })), r.monthChangeOnScroll && P.value && P.value.addEventListener("wheel", F, { passive: !1 });
     });
@@ -8170,19 +8170,19 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, Q = (q) => {
       h.value && (h.value = null, b.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), a("tooltip-close", q.marker));
     }, le = (q) => {
-      x.value.startX = q.changedTouches[0].screenX, x.value.startY = q.changedTouches[0].screenY;
+      k.value.startX = q.changedTouches[0].screenX, k.value.startY = q.changedTouches[0].screenY;
     }, be = (q) => {
-      x.value.endX = q.changedTouches[0].screenX, x.value.endY = q.changedTouches[0].screenY, S();
+      k.value.endX = q.changedTouches[0].screenX, k.value.endY = q.changedTouches[0].screenY, S();
     }, D = (q) => {
       r.vertical && !r.inline && q.preventDefault();
     }, S = () => {
       const q = r.vertical ? "Y" : "X";
-      Math.abs(x.value[`start${q}`] - x.value[`end${q}`]) > 10 && a("handle-swipe", x.value[`start${q}`] > x.value[`end${q}`] ? "right" : "left");
+      Math.abs(k.value[`start${q}`] - k.value[`end${q}`]) > 10 && a("handle-swipe", k.value[`start${q}`] > k.value[`end${q}`] ? "right" : "left");
     }, m = (q, te, y) => {
       q && (Array.isArray(g.value[te]) ? g.value[te][y] = q : g.value[te] = [q]), r.arrowNavigation && o(g.value, "calendar");
     }, F = (q) => {
       r.monthChangeOnScroll && (q.preventDefault(), a("handle-scroll", q));
-    }, X = (q) => i.value.type === "local" ? Er(q.value, { weekStartsOn: +r.weekStart }) : i.value.type === "iso" ? Rr(q.value) : typeof i.value.type == "function" ? i.value.type(q.value) : "", k = (q) => {
+    }, X = (q) => i.value.type === "local" ? Er(q.value, { weekStartsOn: +r.weekStart }) : i.value.type === "iso" ? Rr(q.value) : typeof i.value.type == "function" ? i.value.type(q.value) : "", x = (q) => {
       const te = q[0];
       return i.value.hideOnOffsetDates ? q.some((y) => y.current) ? X(te) : "" : X(te);
     }, ie = (q, te, y = !0) => {
@@ -8241,7 +8241,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 role: "row"
               }, [
                 q.weekNumbers ? (v(), A("div", $0, [
-                  p("div", R0, ge(k(y.days)), 1)
+                  p("div", R0, ge(x(y.days)), 1)
                 ])) : B("", !0),
                 (v(!0), A(_e, null, Pe(y.days, (ne, U) => {
                   var Ae, R, ee;
@@ -8344,7 +8344,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedTz: P,
     propDates: _,
     defaultedMultiDates: M
-  } = Be(e), { validateMonthYearInRange: x, isDisabled: W, isDateRangeAllowed: ae, checkMinMaxRange: H } = on(e), { updateTimeValues: T, getSetDateTime: N, setTime: E, assignStartTime: I, validateTime: K, disabledTimesConfig: ce } = yl(e, i, u, a), pe = G(
+  } = Be(e), { validateMonthYearInRange: k, isDisabled: W, isDateRangeAllowed: ae, checkMinMaxRange: H } = on(e), { updateTimeValues: T, getSetDateTime: N, setTime: E, assignStartTime: I, validateTime: K, disabledTimesConfig: ce } = yl(e, i, u, a), pe = G(
     () => ($) => d.value[$] ? d.value[$].month : 0
   ), O = G(
     () => ($) => d.value[$] ? d.value[$].year : 0
@@ -8364,7 +8364,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     e.autoApply && se.value && n("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, le = ($ = !1) => {
     if (u.value)
-      return Array.isArray(u.value) ? (r.value = u.value, k($)) : S(u.value, $);
+      return Array.isArray(u.value) ? (r.value = u.value, x($)) : S(u.value, $);
     if (f.value.count && $ && !e.startDate)
       return D(J(), $);
   }, be = () => Array.isArray(u.value) && b.value.enabled ? Se(u.value[0]) === Se(u.value[1] ?? u.value[0]) : !1, D = ($ = /* @__PURE__ */ new Date(), oe = !1) => {
@@ -8396,12 +8396,12 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       const z = $[$.length - 1];
       return S(z, oe);
     }
-  }, k = ($) => {
+  }, x = ($) => {
     const oe = u.value;
     X(oe, $), f.value.count && f.value.solo && Ge();
   }, ie = ($, oe) => {
     const z = Ee(J(), { month: pe.value(oe), year: O.value(oe) }), re = $ < 0 ? Ot(z, 1) : Sn(z, 1);
-    x(Se(re), xe(re), $ < 0, e.preventMinMaxNavigation) && (C(oe, Se(re), xe(re)), n("update-month-year", { instance: oe, month: Se(re), year: xe(re) }), f.value.count && !f.value.solo && ke(oe), t());
+    k(Se(re), xe(re), $ < 0, e.preventMinMaxNavigation) && (C(oe, Se(re), xe(re)), n("update-month-year", { instance: oe, month: Se(re), year: xe(re) }), f.value.count && !f.value.solo && ke(oe), t());
   }, ke = ($) => {
     for (let oe = $ - 1; oe >= 0; oe--) {
       const z = Sn(Ee(J(), { month: pe.value(oe + 1), year: O.value(oe + 1) }), 1);
@@ -8622,7 +8622,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       handleScroll: P,
       handleSwipe: _,
       selectDate: M,
-      updateMonthYear: x,
+      updateMonthYear: k,
       presetDate: W,
       selectCurrentDate: ae,
       updateTime: H,
@@ -8667,7 +8667,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, X = (te, y, Z) => {
       var ne;
       (ne = Y.value) == null || ne.toggleTimePicker(te, y, Z);
-    }, k = (te, y) => {
+    }, x = (te, y) => {
       var Z;
       if (!r.range) {
         const ne = u.value ? u.value : c, U = y ? new Date(y) : ne, Ae = te ? $t(U, { weekStartsOn: 1 }) : Is(U, { weekStartsOn: 1 });
@@ -8682,7 +8682,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       var y;
       (y = pe.value[0]) == null || y.handleMonthYearChange(te, !0);
     }, ke = (te) => {
-      x(0, { month: s.value(0), year: l.value(0) + (te ? 1 : -1), fromNav: !0 });
+      k(0, { month: s.value(0), year: l.value(0) + (te ? 1 : -1), fromNav: !0 });
     }, Ge = (te, y) => {
       te === st.time && a(`time-picker-${y ? "open" : "close"}`), a("overlay-toggle", { open: y, overlay: te });
     }, q = (te) => {
@@ -8696,20 +8696,20 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       toggleYearPicker: F,
       toggleTimePicker: X,
       handleArrow: g,
-      updateMonthYear: x,
+      updateMonthYear: k,
       getSidebarProps: () => ({
         modelValue: u,
         month: s,
         year: l,
         time: d,
         updateTime: H,
-        updateMonthYear: x,
+        updateMonthYear: k,
         selectDate: M,
         presetDate: W
       }),
       changeMonth: ie,
       changeYear: ke,
-      selectWeekDate: k
+      selectWeekDate: x
     }), (te, y) => (v(), A(_e, null, [
       Fe(Ra, {
         "multi-calendars": w(ce).count,
@@ -8729,7 +8729,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           }, te.$props, {
             onMount: y[0] || (y[0] = (U) => Q(w(mn).header)),
             onResetFlow: y[1] || (y[1] = (U) => te.$emit("reset-flow")),
-            onUpdateMonthYear: (U) => w(x)(Z, U),
+            onUpdateMonthYear: (U) => w(k)(Z, U),
             onOverlayClosed: q,
             onOverlayOpened: y[2] || (y[2] = (U) => te.$emit("overlay-toggle", { open: !0, overlay: U }))
           }), lt({ _: 2 }, [
@@ -8809,7 +8809,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     propDates: l,
     defaultedFilters: u,
     defaultedMultiDates: d
-  } = Be(e), { modelValue: i, year: c, month: f, calendars: h } = oa(e, n), { isDisabled: b } = on(e), { selectYear: g, groupedYears: P, showYearPicker: _, isDisabled: M, toggleYearPicker: x, handleYearSelect: W, handleYear: ae } = pl({
+  } = Be(e), { modelValue: i, year: c, month: f, calendars: h } = oa(e, n), { isDisabled: b } = on(e), { selectYear: g, groupedYears: P, showYearPicker: _, isDisabled: M, toggleYearPicker: k, handleYearSelect: W, handleYear: ae } = pl({
     modelValue: i,
     multiCalendars: a,
     range: s,
@@ -8870,7 +8870,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       if (!j)
         return h.value[C].month = Se(wo(Y)), d.value.enabled ? ce(Y) : s.value.enabled ? pe(Y) : O(Y);
     },
-    toggleYearPicker: x,
+    toggleYearPicker: k,
     handleYearSelect: W,
     handleYear: ae
   };
@@ -8906,14 +8906,14 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       selectQuarter: P,
       toggleYearPicker: _,
       handleYearSelect: M,
-      handleYear: x
+      handleYear: k
     } = I0(r, a);
     return n({ getSidebarProps: () => ({
       modelValue: h,
       year: i,
       selectQuarter: P,
       handleYearSelect: M,
-      handleYear: x
+      handleYear: k
     }) }), (W, ae) => (v(), Te(Ra, {
       "multi-calendars": w(l).count,
       collapse: W.collapse,
@@ -8935,7 +8935,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               "show-year-picker": w(b)[H],
               year: w(i)(H),
               "is-disabled": (T) => w(c)(H, T),
-              onHandleYear: (T) => w(x)(H, T),
+              onHandleYear: (T) => w(k)(H, T),
               onYearSelect: (T) => w(M)(T, H),
               onToggleYearPicker: (T) => w(_)(H, T == null ? void 0 : T.flow, T == null ? void 0 : T.show)
             }), lt({ _: 2 }, [
@@ -9042,7 +9042,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         noOverlayFocus: r.noOverlayFocus,
         menuWrapRef: o.value
       };
-    }), { setMenuFocused: l, setShiftKey: u, control: d } = dl(), i = yn(), { defaultedTextInput: c, defaultedInline: f, defaultedConfig: h, defaultedUI: b } = Be(r), g = L(null), P = L(0), _ = L(null), M = L(!1), x = L(null);
+    }), { setMenuFocused: l, setShiftKey: u, control: d } = dl(), i = yn(), { defaultedTextInput: c, defaultedInline: f, defaultedConfig: h, defaultedUI: b } = Be(r), g = L(null), P = L(0), _ = L(null), M = L(!1), k = L(null);
     Ye(() => {
       if (!r.shadow) {
         M.value = !0, W(), window.addEventListener("resize", W);
@@ -9060,7 +9060,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     const W = () => {
       const R = Ze(_);
       R && (P.value = R.getBoundingClientRect().width);
-    }, { arrowRight: ae, arrowLeft: H, arrowDown: T, arrowUp: N } = rn(), { flowStep: E, updateFlowStep: I, childMount: K, resetFlow: ce, handleFlow: pe } = nh(r, a, x), O = G(() => r.monthPicker ? n0 : r.yearPicker ? r0 : r.timePicker ? _0 : r.quarterPicker ? W0 : L0), Y = G(() => {
+    }, { arrowRight: ae, arrowLeft: H, arrowDown: T, arrowUp: N } = rn(), { flowStep: E, updateFlowStep: I, childMount: K, resetFlow: ce, handleFlow: pe } = nh(r, a, k), O = G(() => r.monthPicker ? n0 : r.yearPicker ? r0 : r.timePicker ? _0 : r.quarterPicker ? W0 : L0), Y = G(() => {
       var R;
       if (h.value.arrowLeft) return h.value.arrowLeft;
       const ee = (R = o.value) == null ? void 0 : R.getBoundingClientRect(), he = r.getInputRect();
@@ -9070,7 +9070,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       R && R.focus({ preventScroll: !0 });
     }, j = G(() => {
       var R;
-      return ((R = x.value) == null ? void 0 : R.getSidebarProps()) || {};
+      return ((R = k.value) == null ? void 0 : R.getSidebarProps()) || {};
     }), se = () => {
       r.openOnTop && a("recalculate-position");
     }, Q = _t(i, "action"), le = G(() => r.monthPicker || r.yearPicker ? _t(i, "monthYear") : r.timePicker ? _t(i, "timePicker") : _t(i, "shared")), be = G(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), D = G(() => ({
@@ -9095,19 +9095,19 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         if (R === ut.left) return H();
         if (R === ut.right) return ae();
       } else R === ut.left || R === ut.up ? q("handleArrow", ut.left, 0, R === ut.up) : q("handleArrow", ut.right, 0, R === ut.down);
-    }, k = (R) => {
+    }, x = (R) => {
       u(R.shiftKey), !r.disableMonthYearSelect && R.code === Ie.tab && R.target.classList.contains("dp__menu") && d.value.shiftKeyInMenu && (R.preventDefault(), en(R, h.value, !0), a("close-picker"));
     }, ie = () => {
       C(), a("time-picker-close");
     }, ke = (R) => {
       var ee, he, De;
-      (ee = x.value) == null || ee.toggleTimePicker(!1, !1), (he = x.value) == null || he.toggleMonthPicker(!1, !1, R), (De = x.value) == null || De.toggleYearPicker(!1, !1, R);
+      (ee = k.value) == null || ee.toggleTimePicker(!1, !1), (he = k.value) == null || he.toggleMonthPicker(!1, !1, R), (De = k.value) == null || De.toggleYearPicker(!1, !1, R);
     }, Ge = (R, ee = 0) => {
       var he, De, xt;
-      return R === "month" ? (he = x.value) == null ? void 0 : he.toggleMonthPicker(!1, !0, ee) : R === "year" ? (De = x.value) == null ? void 0 : De.toggleYearPicker(!1, !0, ee) : R === "time" ? (xt = x.value) == null ? void 0 : xt.toggleTimePicker(!0, !1) : ke(ee);
+      return R === "month" ? (he = k.value) == null ? void 0 : he.toggleMonthPicker(!1, !0, ee) : R === "year" ? (De = k.value) == null ? void 0 : De.toggleYearPicker(!1, !0, ee) : R === "time" ? (xt = k.value) == null ? void 0 : xt.toggleTimePicker(!0, !1) : ke(ee);
     }, q = (R, ...ee) => {
       var he, De;
-      (he = x.value) != null && he[R] && ((De = x.value) == null || De[R](...ee));
+      (he = k.value) != null && he[R] && ((De = k.value) == null || De[R](...ee));
     }, te = () => {
       q("selectCurrentDate");
     }, y = (R, ee) => {
@@ -9120,7 +9120,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       R.preventDefault(), X(ee);
     }, Ae = (R) => {
       var ee, he, De;
-      if (k(R), R.key === Ie.home || R.key === Ie.end)
+      if (x(R), R.key === Ie.home || R.key === Ie.end)
         return q(
           "selectWeekDate",
           R.key === Ie.home,
@@ -9214,7 +9214,7 @@ const Ar = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           }, [
             (v(), Te(Ma(O.value), et({
               ref_key: "dynCmpRef",
-              ref: x
+              ref: k
             }, s.value, {
               "flow-step": w(E),
               onMount: w(K),
@@ -9315,7 +9315,7 @@ const K0 = ({
   }, M = (C) => {
     const { width: j, height: se } = C.getBoundingClientRect(), { top: Q, left: le } = s.altPosition ? s.altPosition(C) : b(C);
     return { top: +Q, left: +le, width: j, height: se };
-  }, x = () => {
+  }, k = () => {
     c.value.left = "50%", c.value.top = "50%", c.value.transform = "translate(-50%, -50%)", c.value.position = "fixed", delete c.value.opacity;
   }, W = () => {
     const C = Ze(t), { top: j, left: se, transform: Q } = s.altPosition(C);
@@ -9323,7 +9323,7 @@ const K0 = ({
   }, ae = (C = !0) => {
     var j;
     if (!r.value.enabled) {
-      if (h.value) return x();
+      if (h.value) return k();
       if (s.altPosition !== null) return W();
       if (C) {
         const se = s.teleport ? (j = n.value) == null ? void 0 : j.$el : e.value;
@@ -9398,7 +9398,7 @@ const K0 = ({
       const S = (Q = a.value) != null && Q.clientWidth ? a.value : document.body;
       S.append(be);
       const m = Y(D), F = u.value.shadowDom ? Object.keys(l).filter(
-        (k) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(k)
+        (x) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(x)
       ) : Object.keys(l), X = Il(
         C,
         {
@@ -9406,7 +9406,7 @@ const K0 = ({
           shadow: !0,
           style: { opacity: 0, position: "absolute", ...m }
         },
-        Object.fromEntries(F.map((k) => [k, l[k]]))
+        Object.fromEntries(F.map((x) => [x, l[x]]))
       );
       eo(X, be), d.value = (le = X.el) == null ? void 0 : le.getBoundingClientRect(), eo(null, be), S.removeChild(be);
     }
@@ -9531,8 +9531,8 @@ const K0 = ({
   }, h = () => {
     i.value = null;
   }, b = (m) => Array.isArray(e.value) && u.value.enabled && e.value[0] && i.value ? m ? Ue(i.value, e.value[0]) : He(i.value, e.value[0]) : !0, g = (m, F) => {
-    const X = () => e.value ? F ? e.value[0] || null : e.value[1] : null, k = e.value && Array.isArray(e.value) ? X() : null;
-    return Ce(J(m.value), k);
+    const X = () => e.value ? F ? e.value[0] || null : e.value[1] : null, x = e.value && Array.isArray(e.value) ? X() : null;
+    return Ce(J(m.value), x);
   }, P = (m) => {
     const F = Array.isArray(e.value) ? e.value[0] : null;
     return m ? !He(i.value ?? null, F) : !0;
@@ -9542,7 +9542,7 @@ const K0 = ({
       return F ? Ue(e.value[0], m.value) && X : He(e.value[0], m.value) && X;
     }
     return !1;
-  }, x = (m) => !e.value || n.hideOffsetDates && !m.current ? !1 : u.value.enabled ? n.modelAuto && Array.isArray(e.value) ? Ce(m.value, e.value[0] ? e.value[0] : c.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((F) => Ce(F, m.value)) : Ce(m.value, e.value ? e.value : c.value), W = (m) => {
+  }, k = (m) => !e.value || n.hideOffsetDates && !m.current ? !1 : u.value.enabled ? n.modelAuto && Array.isArray(e.value) ? Ce(m.value, e.value[0] ? e.value[0] : c.value) : !1 : a.value.enabled && Array.isArray(e.value) ? e.value.some((F) => Ce(F, m.value)) : Ce(m.value, e.value ? e.value : c.value), W = (m) => {
     if (u.value.autoRange || n.weekPicker) {
       if (i.value) {
         if (n.hideOffsetDates && !m.current) return !1;
@@ -9576,20 +9576,20 @@ const K0 = ({
   }, T = (m) => Oa(e.value, i.value, m.value), N = () => n.modelAuto && Array.isArray(n.internalModelValue) ? !!n.internalModelValue[0] : !1, E = () => n.modelAuto ? el(n.internalModelValue) : !0, I = (m) => {
     if (n.weekPicker) return !1;
     const F = u.value.enabled ? !_(m) && !_(m, !1) : !0;
-    return !d(m.value) && !x(m) && !(!m.current && n.hideOffsetDates) && F;
-  }, K = (m) => u.value.enabled ? n.modelAuto ? N() && x(m) : !1 : x(m), ce = (m) => o.value ? wm(m.value, l.value.highlight) : !1, pe = (m) => {
+    return !d(m.value) && !k(m) && !(!m.current && n.hideOffsetDates) && F;
+  }, K = (m) => u.value.enabled ? n.modelAuto ? N() && k(m) : !1 : k(m), ce = (m) => o.value ? wm(m.value, l.value.highlight) : !1, pe = (m) => {
     const F = d(m.value);
     return F && (typeof o.value == "function" ? !o.value(m.value, F) : !o.value.options.highlightDisabled);
   }, O = (m) => {
     var F;
     return typeof o.value == "function" ? o.value(m.value) : (F = o.value.weekdays) == null ? void 0 : F.includes(m.value.getDay());
-  }, Y = (m) => (u.value.enabled || n.weekPicker) && (!(t.value.count > 0) || m.current) && E() && !(!m.current && n.hideOffsetDates) && !x(m) ? T(m) : !1, C = (m) => {
-    const { isRangeStart: F, isRangeEnd: X } = le(m), k = u.value.enabled ? F || X : !1;
+  }, Y = (m) => (u.value.enabled || n.weekPicker) && (!(t.value.count > 0) || m.current) && E() && !(!m.current && n.hideOffsetDates) && !k(m) ? T(m) : !1, C = (m) => {
+    const { isRangeStart: F, isRangeEnd: X } = le(m), x = u.value.enabled ? F || X : !1;
     return {
       dp__cell_offset: !m.current,
       dp__pointer: !n.disabled && !(!m.current && n.hideOffsetDates) && !d(m.value),
       dp__cell_disabled: d(m.value),
-      dp__cell_highlight: !pe(m) && (ce(m) || O(m)) && !K(m) && !k && !H(m) && !(Y(m) && n.weekPicker) && !X,
+      dp__cell_highlight: !pe(m) && (ce(m) || O(m)) && !K(m) && !x && !H(m) && !(Y(m) && n.weekPicker) && !X,
       dp__cell_highlight_active: !pe(m) && (ce(m) || O(m)) && K(m),
       dp__today: !n.noToday && Ce(m.value, c.value) && m.current,
       "dp--past": He(m.value, c.value),
@@ -9679,7 +9679,7 @@ const K0 = ({
       if (t.value.maxRange) return le <= +t.value.maxRange;
     }
     return !0;
-  }, x = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, W = (O) => Array.isArray(O) ? [O[0] ? or(O[0]) : null, O[1] ? or(O[1]) : null] : or(O), ae = (O, Y, C) => O.find(
+  }, k = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, W = (O) => Array.isArray(O) ? [O[0] ? or(O[0]) : null, O[1] ? or(O[1]) : null] : or(O), ae = (O, Y, C) => O.find(
     (j) => +j.hours === zt(Y) && j.minutes === "*" ? !0 : +j.minutes === an(Y) && +j.hours === zt(Y)
   ) && C, H = (O, Y, C) => {
     const [j, se] = O, [Q, le] = Y;
@@ -9692,7 +9692,7 @@ const K0 = ({
     return O && j;
   }, E = (O, Y) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? T(Y, O) : N(Y, O) : Y, I = (O) => {
     let Y = !0;
-    if (!O || x()) return !0;
+    if (!O || k()) return !0;
     const C = !a.value.minDate && !a.value.maxDate ? W(O) : O;
     return (e.maxTime || a.value.maxDate) && (Y = Co(
       e.maxTime,
@@ -9805,7 +9805,7 @@ const K0 = ({
       defaultedUI: c,
       getDefaultPattern: f,
       getDefaultStartTime: h
-    } = Be(r), { checkMinMaxRange: b } = on(r), g = L(), P = L(null), _ = L(!1), M = L(!1), x = L(!1), W = L(null), ae = G(
+    } = Be(r), { checkMinMaxRange: b } = on(r), g = L(), P = L(null), _ = L(!1), M = L(!1), k = L(!1), W = L(null), ae = G(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !o.value.enabled,
         dp__disabled: r.disabled,
@@ -9827,19 +9827,19 @@ const K0 = ({
         o.value.format ?? f(),
         S ?? sl({}, r.enableSeconds),
         r.inputValue,
-        x.value,
+        k.value,
         r.formatLocale
       );
     }, N = (D) => {
       const { rangeSeparator: S } = o.value, [m, F] = D.split(`${S}`);
       if (m) {
-        const X = T(m.trim()), k = F ? T(F.trim()) : null;
-        if (Pn(X, k)) return;
-        const ie = X && k ? [X, k] : [X];
-        b(k, ie, 0) && (g.value = X ? ie : null);
+        const X = T(m.trim()), x = F ? T(F.trim()) : null;
+        if (Pn(X, x)) return;
+        const ie = X && x ? [X, x] : [X];
+        b(x, ie, 0) && (g.value = X ? ie : null);
       }
     }, E = () => {
-      x.value = !0;
+      k.value = !0;
     }, I = (D) => {
       if (d.value.enabled)
         N(D);
@@ -9851,7 +9851,7 @@ const K0 = ({
     }, K = (D) => {
       var S;
       const m = typeof D == "string" ? D : (S = D.target) == null ? void 0 : S.value;
-      m !== "" ? (o.value.openMenu && !r.isMenuOpen && a("open"), I(m), a("set-input-date", g.value)) : H(), x.value = !1, a("update:input-value", m), a("text-input", D, g.value);
+      m !== "" ? (o.value.openMenu && !r.isMenuOpen && a("open"), I(m), a("set-input-date", g.value)) : H(), k.value = !1, a("update:input-value", m), a("text-input", D, g.value);
     }, ce = (D) => {
       o.value.enabled ? (I(D.target.value), o.value.enterSubmit && Mr(g.value) && r.inputValue !== "" ? (a("set-input-date", g.value, !0), g.value = null) : o.value.enterSubmit && r.inputValue === "" && (g.value = null, a("clear"))) : Y(D);
     }, pe = (D, S) => {
@@ -10030,7 +10030,7 @@ const K0 = ({
     "text-input"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = t, r = e, o = yn(), s = L(!1), l = Un(r, "modelValue"), u = Un(r, "timezone"), d = L(null), i = L(null), c = L(null), f = L(!1), h = L(null), b = L(!1), g = L(!1), P = L(!1), _ = L(!1), { setMenuFocused: M, setShiftKey: x } = dl(), { clearArrowNav: W } = rn(), { validateDate: ae, isValidTime: H } = on(r), {
+    const a = t, r = e, o = yn(), s = L(!1), l = Un(r, "modelValue"), u = Un(r, "timezone"), d = L(null), i = L(null), c = L(null), f = L(!1), h = L(null), b = L(!1), g = L(!1), P = L(!1), _ = L(!1), { setMenuFocused: M, setShiftKey: k } = dl(), { clearArrowNav: W } = rn(), { validateDate: ae, isValidTime: H } = on(r), {
       defaultedTransitions: T,
       defaultedTextInput: N,
       defaultedInline: E,
@@ -10074,7 +10074,7 @@ const K0 = ({
       internalModelValue: m,
       parseExternalModelValue: F,
       emitModelValue: X,
-      formatInputValue: k,
+      formatInputValue: x,
       checkBeforeEmit: ie
     } = jm(a, r, f), ke = G(
       () => ({
@@ -10121,7 +10121,7 @@ const K0 = ({
     }, Fn = () => {
       N.value.enabled || (m.value = null);
     }, wt = () => {
-      E.value.enabled || (s.value && (s.value = !1, Q.value = !1, M(!1), x(!1), W(), a("closed"), S.value && F(l.value)), Fn(), a("blur"));
+      E.value.enabled || (s.value && (s.value = !1, Q.value = !1, M(!1), k(!1), W(), a("closed"), S.value && F(l.value)), Fn(), a("blur"));
     }, Yn = (z, re, de = !1) => {
       if (!z) {
         m.value = null;
@@ -10136,7 +10136,7 @@ const K0 = ({
     }, ca = () => s.value ? wt() : ee(), qa = (z) => {
       m.value = z;
     }, Wa = () => {
-      N.value.enabled && (f.value = !0, k()), a("focus");
+      N.value.enabled && (f.value = !0, x()), a("focus");
     }, Ha = () => {
       if (N.value.enabled && (f.value = !1, F(r.modelValue), b.value)) {
         const z = gm(h.value, g.value);
@@ -10163,7 +10163,7 @@ const K0 = ({
       clearValue: he,
       openMenu: ee,
       onScroll: ne,
-      formatInputValue: k,
+      formatInputValue: x,
       // exposed for testing purposes
       updateInternalModelValue: qa,
       // modify internal modelValue
@@ -10941,7 +10941,7 @@ const Lh = () => {
         N.getDate()
       );
       return I.getTime() === K.getTime();
-    }), x = (N, E) => {
+    }), k = (N, E) => {
       const I = [], K = new Date(N, E, 1), ce = new Date(N, E + 1, 0), pe = K.getDay(), Y = new Date(N, E, 0).getDate();
       for (let j = pe - 1; j >= 0; j--) {
         const se = new Date(N, E - 1, Y - j);
@@ -10973,7 +10973,7 @@ const Lh = () => {
       }
       return I;
     }, W = L([]), ae = () => {
-      W.value = x(i.value, d.value);
+      W.value = k(i.value, d.value);
     };
     Ye(async () => {
       await _(), ae();
@@ -12735,23 +12735,23 @@ function Vo(e, n, t) {
   if (!Hp(l))
     throw new RangeError("Invalid time value");
   let u = n.match(Yv).map((M) => {
-    const x = M[0];
-    if (x === "p" || x === "P") {
-      const W = Pv[x];
+    const k = M[0];
+    if (k === "p" || k === "P") {
+      const W = Pv[k];
       return W(M, r.formatLong);
     }
     return M;
   }).join("").match(Fv).map((M) => {
     if (M === "''")
       return { isToken: !1, value: "'" };
-    const x = M[0];
-    if (x === "'")
+    const k = M[0];
+    if (k === "'")
       return { isToken: !1, value: qv(M) };
-    if (Wo[x])
+    if (Wo[k])
       return { isToken: !0, value: M };
-    if (x.match(Bv))
+    if (k.match(Bv))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + x + "`"
+        "Format string contains an unescaped latin alphabet character `" + k + "`"
       );
     return { isToken: !1, value: M };
   });
@@ -12763,10 +12763,10 @@ function Vo(e, n, t) {
   };
   return u.map((M) => {
     if (!M.isToken) return M.value;
-    const x = M.value;
-    (!(t != null && t.useAdditionalWeekYearTokens) && Rv(x) || !(t != null && t.useAdditionalDayOfYearTokens) && $v(x)) && Nv(x, n, String(e));
-    const W = Wo[x[0]];
-    return W(l, x, r.localize, d);
+    const k = M.value;
+    (!(t != null && t.useAdditionalWeekYearTokens) && Rv(k) || !(t != null && t.useAdditionalDayOfYearTokens) && $v(k)) && Nv(k, n, String(e));
+    const W = Wo[k[0]];
+    return W(l, k, r.localize, d);
   }).join("");
 }
 function qv(e) {
@@ -13230,15 +13230,15 @@ const Uv = {
     }), l = G(
       () => n.hasNextPageForAtendente(n.selectedAtendente.id)
     ), u = (_) => {
-      const M = new Date(_), x = M.getHours(), W = M.getMinutes();
-      return `${x.toString().padStart(2, "0")}:${W.toString().padStart(2, "0")}`;
+      const M = new Date(_), k = M.getHours(), W = M.getMinutes();
+      return `${k.toString().padStart(2, "0")}:${W.toString().padStart(2, "0")}`;
     }, d = (_) => {
       const M = new Date(_);
       return jv(M) ? "Hoje" : Vv(M) ? "Ontem" : Hv(M) ? Vo(M, "EEEE", { locale: Uo }) : Vo(M, "dd 'de' MMMM 'de' yyyy", { locale: Uo });
     }, i = (_) => {
       if (_ === 0) return !0;
-      const M = new Date(s.value[_].created_at), x = new Date(s.value[_ - 1].created_at);
-      return M.toDateString() !== x.toDateString();
+      const M = new Date(s.value[_].created_at), k = new Date(s.value[_ - 1].created_at);
+      return M.toDateString() !== k.toDateString();
     }, c = (_) => {
       _.key === "Enter" && !_.shiftKey && (_.preventDefault(), b());
     }, f = () => {
@@ -13252,8 +13252,8 @@ const Uv = {
           _.complete();
           return;
         }
-        const M = a.value.scrollHeight, x = a.value.scrollTop;
-        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ke(), a.value.scrollTop = a.value.scrollHeight - M + x - 32, _.loaded();
+        const M = a.value.scrollHeight, k = a.value.scrollTop;
+        await n.loadMessagesForAtendente(n.selectedAtendente.id), await Ke(), a.value.scrollTop = a.value.scrollHeight - M + k - 32, _.loaded();
       } catch (M) {
         console.error(M), _.complete();
       }
@@ -13301,7 +13301,7 @@ const Uv = {
     return (_, M) => (v(), A("div", ky, [
       p("div", xy, [
         p("button", {
-          onClick: M[0] || (M[0] = (x) => _.$emit("voltar")),
+          onClick: M[0] || (M[0] = (k) => _.$emit("voltar")),
           class: "back-button"
         }, My),
         Fe(kl, {
@@ -13331,38 +13331,38 @@ const Uv = {
           _: 1
         })) : B("", !0),
         p("div", null, [
-          (v(!0), A(_e, null, Pe(s.value, (x, W) => (v(), A("div", { key: W }, [
+          (v(!0), A(_e, null, Pe(s.value, (k, W) => (v(), A("div", { key: W }, [
             i(W) ? (v(), A("div", Sy, [
               Cy,
-              p("div", Oy, ge(d(x.created_at)), 1),
+              p("div", Oy, ge(d(k.created_at)), 1),
               $y
             ])) : B("", !0),
             p("div", {
               class: me([
                 "message",
                 {
-                  me: x.sender.id === e.attendant.id,
-                  "not-me": x.sender.id !== e.attendant.id,
+                  me: k.sender.id === e.attendant.id,
+                  "not-me": k.sender.id !== e.attendant.id,
                   "new-message": W === s.value.length - 1
                 }
               ])
             }, [
               p("div", {
                 class: me(
-                  x.sender.id === e.attendant.id ? "text-right" : "text-left"
+                  k.sender.id === e.attendant.id ? "text-right" : "text-left"
                 )
               }, [
                 p("div", {
                   class: me(["shadow shadow-gray-900 dark:shadow-gray-500", [
                     "message-content",
                     {
-                      me: x.sender.id === e.attendant.id,
-                      "not-me": x.sender.id !== e.attendant.id
+                      me: k.sender.id === e.attendant.id,
+                      "not-me": k.sender.id !== e.attendant.id
                     }
                   ]])
                 }, [
-                  rt(ge(x.content.content) + " ", 1),
-                  p("div", Ry, ge(u(x.created_at)), 1)
+                  rt(ge(k.content.content) + " ", 1),
+                  p("div", Ry, ge(u(k.created_at)), 1)
                 ], 2)
               ], 2)
             ], 2)
@@ -13372,7 +13372,7 @@ const Uv = {
       p("div", Ny, [
         dt(p("textarea", {
           type: "text",
-          "onUpdate:modelValue": M[1] || (M[1] = (x) => t.value = x),
+          "onUpdate:modelValue": M[1] || (M[1] = (k) => t.value = k),
           class: "message-input bg-base-300 focus:ring-0",
           placeholder: "Digite sua mensagem...",
           onKeydown: c
@@ -13519,7 +13519,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
     }), Hl(() => {
       document.removeEventListener("click", P);
     });
-    const _ = L(!1), M = L(!1), x = G(() => M.value ? {
+    const _ = L(!1), M = L(!1), k = G(() => M.value ? {
       position: "absolute",
       width: "42px",
       height: "42px",
@@ -13575,7 +13575,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
           "group relative",
           c.value ? "chat-box border-base-200 open bg-base-200" : "chat-box closed"
         ]),
-        style: bt(x.value)
+        style: bt(k.value)
       }, [
         c.value ? B("", !0) : (v(), A("span", Vy, [
           Uy,
@@ -13629,7 +13629,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
       }
     }
   }
-}), ua = (e) => (mt("data-v-28b4946c"), e = e(), ht(), e), tg = { class: "depart-select-container" }, ng = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, ag = ["placeholder"], rg = { class: "icon-container" }, og = {
+}), ua = (e) => (mt("data-v-2f5a4ed7"), e = e(), ht(), e), tg = { class: "depart-select-container" }, ng = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, ag = ["placeholder"], rg = { class: "icon-container" }, og = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13711,18 +13711,17 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
       u.value = !0, f(), u.value = !1;
     }
     function c() {
-      r.departments.forEach((g) => {
-        g.selected = !1;
+      (t.externalDepartments || r.departments).forEach((P) => {
+        P.selected = !1;
       }), s.value = [];
     }
     function f() {
-      t.department && t.department.length > 0 && t.department.forEach((g) => {
-        const P = r.departments.find(
-          (_) => _.id === g.id
-        );
-        P && (P.selected = !0, s.value.some(
-          (M) => M.id === g.id
-        ) || s.value.push({ ...P }));
+      const g = t.externalDepartments || r.departments;
+      t.department && t.department.length > 0 && t.department.forEach((P) => {
+        const _ = g.find((M) => M.id === P.id);
+        _ && (_.selected = !0, s.value.some(
+          (k) => k.id === P.id
+        ) || s.value.push({ ..._ }));
       }), a("depart", s.value);
     }
     function h(g) {
@@ -13758,7 +13757,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
           }, [
             rt(ge(_.name) + " ", 1),
             p("button", {
-              onClick: (x) => b(_, M),
+              onClick: (k) => b(_, M),
               class: "close-btn"
             }, fg, 8, cg)
           ]))), 128))
@@ -13798,7 +13797,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
       ])
     ]));
   }
-}, Rl = /* @__PURE__ */ gt(Ag, [["__scopeId", "data-v-28b4946c"]]), Ia = (e) => (mt("data-v-9344c7c4"), e = e(), ht(), e), Mg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Dg = ["placeholder"], Pg = { class: "icon-container" }, Sg = {
+}, Rl = /* @__PURE__ */ gt(Ag, [["__scopeId", "data-v-2f5a4ed7"]]), Ia = (e) => (mt("data-v-9344c7c4"), e = e(), ht(), e), Mg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Dg = ["placeholder"], Pg = { class: "icon-container" }, Sg = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13883,7 +13882,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
     function c(P) {
       return t.department.length > 0 ? P.filter(
         (_) => _.department.some(
-          (M) => t.department.some((x) => x.id === M.id)
+          (M) => t.department.some((k) => k.id === M.id)
         )
       ) : P;
     }
@@ -13936,13 +13935,13 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
           ])
         ], 2),
         l.value.length > 0 && e.multiSelect ? (v(), A("main", Rg, [
-          (v(!0), A(_e, null, Pe(l.value, (M, x) => (v(), A("div", {
+          (v(!0), A(_e, null, Pe(l.value, (M, k) => (v(), A("div", {
             key: M.id,
             class: "selection-item"
           }, [
             rt(ge(M.name) + " ", 1),
             p("button", {
-              onClick: (W) => g(M, x),
+              onClick: (W) => g(M, k),
               class: "close-btn"
             }, Fg, 8, Ng)
           ]))), 128))
@@ -13969,7 +13968,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc3
                   }, null, 8, Ig)) : (v(), A("svg", Bg, Wg))
                 ]),
                 p("span", {
-                  onClick: (x) => b(M),
+                  onClick: (k) => b(M),
                   class: "department-name h-full w-full"
                 }, ge(M.name), 9, Hg)
               ], 2))), 128))