sm-click-library-ui 0.0.50 → 0.0.52

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

@@ -1,7 +1,7 @@
 var Pl = Object.defineProperty;
 var Ol = (e, a, t) => a in e ? Pl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var de = (e, a, t) => Ol(e, typeof a != "symbol" ? a + "" : a, t);
-import { getCurrentScope as eo, onScopeDispose as to, unref as g, watch as lt, ref as K, computed as Z, openBlock as k, createElementBlock as S, createElementVNode as B, toDisplayString as Re, normalizeClass as ge, renderSlot as ue, createCommentVNode as Q, pushScopeId as ao, popScopeId as no, onMounted as Ze, resolveComponent as ro, createBlock as Oe, withCtx as be, createTextVNode as Ct, Fragment as xe, renderList as $e, createVNode as Xe, reactive as Ra, defineComponent as Je, useSlots as ea, toRef as Ma, nextTick as mt, onUnmounted as Za, mergeProps as Ge, isRef as wr, createSlots as at, normalizeProps as Ke, guardReactiveProps as it, resolveDynamicComponent as Ja, Teleport as Al, Transition as fa, normalizeStyle as ft, withModifiers as Pa, h as Sl, render as br, useAttrs as Cl, onBeforeUpdate as Rl, withDirectives as za, vShow as Va, withKeys as $l } from "vue";
+import { getCurrentScope as eo, onScopeDispose as to, unref as g, watch as lt, ref as K, computed as Z, openBlock as k, createElementBlock as S, createElementVNode as B, toDisplayString as Re, normalizeClass as ge, renderSlot as ue, createCommentVNode as Q, pushScopeId as ao, popScopeId as no, onMounted as Ze, resolveComponent as ro, createBlock as Oe, withCtx as be, createTextVNode as Ct, Fragment as xe, renderList as $e, createVNode as Xe, reactive as Ra, defineComponent as Je, useSlots as ea, toRef as Ma, nextTick as pt, onUnmounted as Za, mergeProps as Ge, isRef as wr, createSlots as at, normalizeProps as Ke, guardReactiveProps as it, resolveDynamicComponent as Ja, Teleport as Al, Transition as fa, normalizeStyle as ht, withModifiers as Pa, h as Sl, render as br, useAttrs as Cl, onBeforeUpdate as Rl, withDirectives as za, vShow as Va, withKeys as $l } from "vue";
 function El(e) {
   return eo() ? (to(e), !0) : !1;
 }
@@ -6297,7 +6297,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           key: 0,
           class: "dp__selection_preview",
           title: pe.value,
-          style: ft(R.value)
+          style: ht(R.value)
         }, [
           T.$slots["action-preview"] && E.value ? ue(T.$slots, "action-preview", {
             key: 0,
@@ -6379,7 +6379,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     Rl(() => {
       w.value = null;
     }), Ze(() => {
-      mt().then(() => ie()), s.noOverlayFocus || re(), H(!0);
+      pt().then(() => ie()), s.noOverlayFocus || re(), H(!0);
     }), Za(() => H(!1));
     const H = (_) => {
       var x;
@@ -6420,7 +6420,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       { deep: !0 }
     );
     const ie = (_ = !0) => {
-      mt().then(() => {
+      pt().then(() => {
         const x = We(w), c = We(m), A = We(R), U = We(b), h = A ? A.getBoundingClientRect().height : 0;
         c && (c.getBoundingClientRect().height ? $.value = c.getBoundingClientRect().height - h : $.value = i.value.modeHeight - h), x && U && _ && (U.scrollTop = x.offsetTop - U.offsetTop - ($.value / 2 - x.getBoundingClientRect().height) - h);
       });
@@ -6473,7 +6473,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         ref_key: "gridWrapRef",
         ref: m,
         class: ge(I.value),
-        style: ft(M.value),
+        style: ht(M.value),
         role: _.useRelative ? void 0 : "dialog",
         "aria-label": _.overlayLabel,
         tabindex: _.useRelative ? void 0 : "0",
@@ -6485,7 +6485,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           ref_key: "containerRef",
           ref: b,
           class: ge(z.value),
-          style: ft({ "--dp-overlay-height": `${$.value}px` }),
+          style: ht({ "--dp-overlay-height": `${$.value}px` }),
           role: "grid"
         }, [
           B("div", Ff, [
@@ -6892,7 +6892,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     w.value = $t(U, c, m.value(A)), a("auto-apply"), a("update-flow-step");
   }, V = (c, A) => {
     const U = q(c, A);
-    l.value.fixedEnd || l.value.fixedStart ? w.value = _l(U, w, a, l) : w.value ? b(U, w.value) && (w.value = yr(w, q(c, A), a)) : w.value = [q(c, A)], mt().then(() => {
+    l.value.fixedEnd || l.value.fixedStart ? w.value = _l(U, w, a, l) : w.value ? b(U, w.value) && (w.value = yr(w, q(c, A), a)) : w.value = [q(c, A)], pt().then(() => {
       un(w.value, a, e.autoApply, e.modelAuto);
     });
   }, oe = (c, A) => {
@@ -6958,7 +6958,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     "overlay-toggle"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, r = ea(), o = pt(r, "yearMode"), l = e;
+    const n = t, r = ea(), o = ft(r, "yearMode"), l = e;
     Ze(() => {
       l.shadow || n("mount", null);
     });
@@ -7080,7 +7080,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       var E;
       if (a("update-month-year", { instance: 0, year: y }), l.value.enabled)
         return n.value ? Array.isArray(n.value) && (((E = n.value) == null ? void 0 : E.map((R) => _e(R))).includes(y) ? n.value = n.value.filter((R) => _e(R) !== y) : n.value.push(At(st(X()), y))) : n.value = [At(st(Aa(X())), y)], a("auto-apply", !0);
-      u.value.enabled ? (n.value = yr(n, m(y), a), mt().then(() => {
+      u.value.enabled ? (n.value = yr(n, m(y), a), pt().then(() => {
         un(n.value, a, e.autoApply, e.modelAuto);
       })) : (n.value = m(y), a("auto-apply"));
     }
@@ -7484,14 +7484,14 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         V.push(M(0));
       return V;
     }), j = (V, oe = !1, ye = "") => {
-      oe || n("reset-flow"), I.value = V, n(V ? "overlay-opened" : "overlay-closed", tt.time), r.arrowNavigation && l(V), mt(() => {
+      oe || n("reset-flow"), I.value = V, n(V ? "overlay-opened" : "overlay-closed", tt.time), r.arrowNavigation && l(V), pt(() => {
         ye !== "" && $.value[0] && $.value[0].openChildCmp(ye);
       });
     }, z = Z(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !d.value.keepActionRow
-    })), ie = pt(s, "timePicker"), pe = (V, oe, ye) => p.value.enabled ? oe === 0 ? [V, G.value[1][ye]] : [G.value[0][ye], V] : V, ve = (V) => {
+    })), ie = ft(s, "timePicker"), pe = (V, oe, ye) => p.value.enabled ? oe === 0 ? [V, G.value[1][ye]] : [G.value[0][ye], V] : V, ve = (V) => {
       n("update:hours", V);
     }, T = (V) => {
       n("update:minutes", V);
@@ -7544,7 +7544,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                   "dp--overlay-absolute": !r.timePicker && !V.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: ft(V.timePicker ? { height: `${g(d).modeHeight}px` } : void 0),
+                style: ht(V.timePicker ? { height: `${g(d).modeHeight}px` } : void 0),
                 "aria-label": (_ = g(v)) == null ? void 0 : _.timePicker,
                 tabindex: V.timePickerInline ? void 0 : 0
               }, [
@@ -7762,7 +7762,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     "overlay-toggle"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, r = e, o = ea(), l = pt(o, "timePicker"), s = K(null), { time: u, modelValue: v, disabledTimesConfig: i, updateTime: d, validateTime: p } = l0(r, n);
+    const n = t, r = e, o = ea(), l = ft(o, "timePicker"), s = K(null), { time: u, modelValue: v, disabledTimesConfig: i, updateTime: d, validateTime: p } = l0(r, n);
     return Ze(() => {
       r.shadow || n("mount", null);
     }), a({ getSidebarProps: () => ({
@@ -8109,7 +8109,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     const j = (N) => N ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", z = (N, ee) => {
       if (r.transitions) {
         const f = st($t(X(), r.month, r.year));
-        $.value = ze(st($t(X(), N, ee)), f) ? l.value[j(!0)] : l.value[j(!1)], R.value = !1, mt(() => {
+        $.value = ze(st($t(X(), N, ee)), f) ? l.value[j(!0)] : l.value[j(!1)], R.value = !1, pt(() => {
           R.value = !0;
         });
       }
@@ -8130,7 +8130,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       const { width: f, height: W } = N.getBoundingClientRect();
       w.value = ee.value;
       let te = { left: `${f / 2}px` }, L = -50;
-      if (await mt(), H.value[0]) {
+      if (await pt(), H.value[0]) {
         const { left: ke, width: O } = H.value[0].getBoundingClientRect();
         ke < 0 && (te = { left: "0" }, L = 0, re.value.left = `${f / 2}px`), window.innerWidth < ke + O && (te = { right: "0" }, L = 0, re.value.left = `${O - f / 2}px`);
       }
@@ -8266,7 +8266,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                         }) : (k(), S("div", {
                           key: 1,
                           class: ge(pe.value(te.marker)),
-                          style: ft(te.marker.color ? { backgroundColor: te.marker.color } : {})
+                          style: ht(te.marker.color ? { backgroundColor: te.marker.color } : {})
                         }, null, 6))
                       ], 64)) : Q("", !0),
                       ve.value(te.value) ? (k(), S("div", {
@@ -8275,7 +8275,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                         ref_key: "activeTooltip",
                         ref: H,
                         class: "dp__marker_tooltip",
-                        style: ft(m.value)
+                        style: ht(m.value)
                       }, [
                         (J = te.marker) != null && J.tooltip ? (k(), S("div", {
                           key: 0,
@@ -8294,14 +8294,14 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
                             N.$slots["marker-tooltip"] ? Q("", !0) : (k(), S(xe, { key: 1 }, [
                               B("div", {
                                 class: "dp__tooltip_mark",
-                                style: ft(fe.color ? { backgroundColor: fe.color } : {})
+                                style: ht(fe.color ? { backgroundColor: fe.color } : {})
                               }, null, 4),
                               B("div", null, Re(fe.text), 1)
                             ], 64))
                           ]))), 128)),
                           B("div", {
                             class: "dp__arrow_bottom_tp",
-                            style: ft(re.value)
+                            style: ht(re.value)
                           }, null, 4)
                         ])) : Q("", !0)
                       ], 4)) : Q("", !0)
@@ -8429,7 +8429,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     }
   }, ke = (P, ne, F, ae) => {
     if (e.sixWeeks && P.length < 6) {
-      const ce = 6 - P.length, nt = (ne.getDay() + 7 - ae) % 7, ht = 6 - (F.getDay() + 7 - ae) % 7, [Ut, La] = L(nt, ht);
+      const ce = 6 - P.length, nt = (ne.getDay() + 7 - ae) % 7, vt = 6 - (F.getDay() + 7 - ae) % 7, [Ut, La] = L(nt, vt);
       for (let ga = 1; ga <= ce; ga++)
         if (La ? !!(ga % 2) == Ut : Ut) {
           const Ft = P[0].days[0], gn = O(wt(Ft.value, -7), Me(ne));
@@ -8443,17 +8443,17 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
   }, O = (P, ne) => {
     const F = X(P), ae = [];
     for (let ce = 0; ce < 7; ce++) {
-      const nt = wt(F, ce), ht = Me(nt) !== ne;
+      const nt = wt(F, ce), vt = Me(nt) !== ne;
       ae.push({
-        text: e.hideOffsetDates && ht ? "" : nt.getDate(),
+        text: e.hideOffsetDates && vt ? "" : nt.getDate(),
         value: nt,
-        current: !ht,
+        current: !vt,
         classData: {}
       });
     }
     return ae;
   }, J = (P, ne) => {
-    const F = [], ae = new Date(ne, P), ce = new Date(ne, P + 1, 0), nt = e.weekStart, ht = xt(ae, { weekStartsOn: nt }), Ut = (La) => {
+    const F = [], ae = new Date(ne, P), ce = new Date(ne, P + 1, 0), nt = e.weekStart, vt = xt(ae, { weekStartsOn: nt }), Ut = (La) => {
       const ga = O(La, P);
       if (F.push({ days: ga }), !F[F.length - 1].days.some(
         (Ft) => Pe(st(Ft.value), st(ce))
@@ -8462,13 +8462,13 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         Ut(Ft);
       }
     };
-    return Ut(ht), ke(F, ae, ce, nt);
+    return Ut(vt), ke(F, ae, ce, nt);
   }, fe = (P) => {
     const ne = zt(X(P.value), i.hours, i.minutes, dt());
-    a("date-update", ne), $.value.enabled ? hr(ne, u, $.value.limit) : u.value = ne, n(), mt().then(() => {
+    a("date-update", ne), $.value.enabled ? hr(ne, u, $.value.limit) : u.value = ne, n(), pt().then(() => {
       V();
     });
-  }, De = (P) => m.value.noDisabledRange ? fl(r.value[0], P).some((ne) => H(ne)) : !1, vt = () => {
+  }, De = (P) => m.value.noDisabledRange ? fl(r.value[0], P).some((ne) => H(ne)) : !1, mt = () => {
     r.value = u.value ? u.value.slice() : [], r.value.length === 2 && !(m.value.fixedStart || m.value.fixedEnd) && (r.value = []);
   }, he = (P, ne) => {
     const F = [
@@ -8490,7 +8490,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       return a("invalid-date", P.value);
     r.value = _l(X(P.value), u, a, m);
   }, ha = (P, ne) => {
-    if (vt(), m.value.autoRange) return he(P, ne);
+    if (mt(), m.value.autoRange) return he(P, ne);
     if (m.value.fixedStart || m.value.fixedEnd) return Mt(P);
     r.value[0] ? I(X(P.value), u.value) && !De(P.value) ? Le(X(P.value), X(r.value[0])) ? (r.value.unshift(X(P.value)), a("range-end", r.value[0])) : (r.value[1] = X(P.value), a("range-end", r.value[1])) : (e.autoApply && a("auto-apply-invalid", P.value), a("invalid-date", P.value)) : (r.value[0] = X(P.value), a("range-start", r.value[0]));
   }, dt = (P = !0) => e.enableSeconds ? Array.isArray(i.seconds) ? P ? i.seconds[0] : i.seconds[1] : i.seconds : 0, ya = (P) => {
@@ -8520,7 +8520,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       modelValue: u,
       range: m.value.enabled,
       timezone: ne ? void 0 : E.value.timezone
-    }), q(), e.multiCalendars && mt().then(() => oe(!0));
+    }), q(), e.multiCalendars && pt().then(() => oe(!0));
   }, vn = () => {
     const P = dr(X(), E.value);
     m.value.enabled ? u.value && Array.isArray(u.value) && u.value[0] ? u.value = Le(P, u.value[0]) ? [P, u.value[0]] : [u.value[0], P] : u.value = [P] : u.value = P, q();
@@ -8608,7 +8608,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       selectCurrentDate: re,
       updateTime: I,
       assignMonthAndYear: M
-    } = k0(r, n, ye, _), G = ea(), { setHoverDate: j, getDayClassData: z, clearHoverDate: ie } = H0(u, r), { defaultedMultiCalendars: pe } = Ye(r), ve = K([]), T = K([]), C = K(null), D = pt(G, "calendar"), q = pt(G, "monthYear"), se = pt(G, "timePicker"), V = (ee) => {
+    } = k0(r, n, ye, _), G = ea(), { setHoverDate: j, getDayClassData: z, clearHoverDate: ie } = H0(u, r), { defaultedMultiCalendars: pe } = Ye(r), ve = K([]), T = K([]), C = K(null), D = ft(G, "calendar"), q = ft(G, "monthYear"), se = ft(G, "timePicker"), V = (ee) => {
       r.shadow || n("mount", ee);
     };
     lt(
@@ -8874,7 +8874,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     "update-month-year"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, r = e, o = ea(), l = pt(o, "yearMode"), {
+    const n = t, r = e, o = ea(), l = ft(o, "yearMode"), {
       defaultedMultiCalendars: s,
       defaultedConfig: u,
       groupedYears: v,
@@ -8903,7 +8903,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       default: be(({ instance: I }) => [
         B("div", {
           class: "dp-quarter-picker-wrap",
-          style: ft({ minHeight: `${g(u).modeHeight}px` })
+          style: ht({ minHeight: `${g(u).modeHeight}px` })
         }, [
           H.$slots["top-extra"] ? ue(H.$slots, "top-extra", {
             key: 0,
@@ -9054,7 +9054,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       return ((O = b.value) == null ? void 0 : O.getSidebarProps()) || {};
     }), se = () => {
       r.openOnTop && n("recalculate-position");
-    }, V = pt(i, "action"), oe = Z(() => r.monthPicker || r.yearPicker ? pt(i, "monthYear") : r.timePicker ? pt(i, "timePicker") : pt(i, "shared")), ye = Z(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), _ = Z(() => ({
+    }, V = ft(i, "action"), oe = Z(() => r.monthPicker || r.yearPicker ? ft(i, "monthYear") : r.timePicker ? ft(i, "timePicker") : ft(i, "shared")), ye = Z(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), _ = Z(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
@@ -9084,8 +9084,8 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       var J, fe, De;
       (J = b.value) == null || J.toggleTimePicker(!1, !1), (fe = b.value) == null || fe.toggleMonthPicker(!1, !1, O), (De = b.value) == null || De.toggleYearPicker(!1, !1, O);
     }, Ue = (O, J = 0) => {
-      var fe, De, vt;
-      return O === "month" ? (fe = b.value) == null ? void 0 : fe.toggleMonthPicker(!1, !0, J) : O === "year" ? (De = b.value) == null ? void 0 : De.toggleYearPicker(!1, !0, J) : O === "time" ? (vt = b.value) == null ? void 0 : vt.toggleTimePicker(!0, !1) : we(J);
+      var fe, De, mt;
+      return O === "month" ? (fe = b.value) == null ? void 0 : fe.toggleMonthPicker(!1, !0, J) : O === "year" ? (De = b.value) == null ? void 0 : De.toggleYearPicker(!1, !0, J) : O === "time" ? (mt = b.value) == null ? void 0 : mt.toggleTimePicker(!0, !1) : we(J);
     }, N = (O, ...J) => {
       var fe, De;
       (fe = b.value) != null && fe[O] && ((De = b.value) == null || De[O](...J));
@@ -9127,7 +9127,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       switchView: Ue,
       handleFlow: ve
     }), (O, J) => {
-      var fe, De, vt;
+      var fe, De, mt;
       return k(), S("div", {
         id: O.uid ? `dp-menu-${O.uid}` : void 0,
         ref_key: "dpMenuRef",
@@ -9136,7 +9136,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
         role: g(p).enabled ? void 0 : "dialog",
         "aria-label": (fe = O.ariaLabels) == null ? void 0 : fe.menu,
         class: ge(x.value),
-        style: ft({ "--dp-arrow-left": C.value }),
+        style: ht({ "--dp-arrow-left": C.value }),
         onMouseleave: W,
         onClick: c,
         onKeydown: ke
@@ -9159,9 +9159,9 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
           ref: R,
           class: ge({
             dp__menu_content_wrapper: ((De = O.presetDates) == null ? void 0 : De.length) || !!O.$slots["left-sidebar"] || !!O.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": e.collapse && (((vt = O.presetDates) == null ? void 0 : vt.length) || !!O.$slots["left-sidebar"] || !!O.$slots["right-sidebar"])
+            "dp--menu-content-wrapper-collapsed": e.collapse && (((mt = O.presetDates) == null ? void 0 : mt.length) || !!O.$slots["left-sidebar"] || !!O.$slots["right-sidebar"])
           }),
-          style: ft({ "--dp-menu-width": `${E.value}px` })
+          style: ht({ "--dp-menu-width": `${E.value}px` })
         }, [
           O.$slots["left-sidebar"] ? (k(), S("div", E0, [
             ue(O.$slots, "left-sidebar", Ke(it(q.value)))
@@ -9179,7 +9179,7 @@ const Wn = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
               }) : (k(), S("button", {
                 key: 1,
                 type: "button",
-                style: ft(he.style || {}),
+                style: ht(he.style || {}),
                 class: ge(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test": he.testId ?? void 0,
                 onClick: Pa((Mt) => f(he.value, he.noTz), ["prevent"]),
@@ -9444,7 +9444,7 @@ const I0 = ({
   menu: () => Lt.filter((e) => e.use.includes("menu")),
   shared: () => Lt.filter((e) => e.use.includes("shared")),
   yearMode: () => Lt.filter((e) => e.use.includes("year-mode"))
-}, pt = (e, a, t) => {
+}, ft = (e, a, t) => {
   const n = [];
   return B0[a]().forEach((r) => {
     e[r.name] && n.push(r.name);
@@ -9732,7 +9732,7 @@ const I0 = ({
     }
   }, s = () => {
     var d, p;
-    (d = e.flow) != null && d.length && n.value !== -1 && (n.value += 1, a("flow-step", n.value), i()), ((p = e.flow) == null ? void 0 : p.length) === n.value && mt().then(() => u());
+    (d = e.flow) != null && d.length && n.value !== -1 && (n.value += 1, a("flow-step", n.value), i()), ((p = e.flow) == null ? void 0 : p.length) === n.value && pt().then(() => u());
   }, u = () => {
     n.value = -1;
   }, v = (d, p, ...w) => {
@@ -9839,7 +9839,7 @@ const I0 = ({
       var c;
       H.value && x && !$.value && (_.preventDefault(), $.value = !0, (c = H.value) == null || c.focus()), o.value.enabled && o.value.tabSubmit && z(_.target.value), o.value.tabSubmit && Qn(y.value) && r.inputValue !== "" ? (n("set-input-date", y.value, !0, !0), y.value = null) : o.value.tabSubmit && r.inputValue === "" && (y.value = null, n("clear", !0));
     }, T = () => {
-      R.value = !0, n("focus"), mt().then(() => {
+      R.value = !0, n("focus"), pt().then(() => {
         var _;
         o.value.enabled && o.value.selectOnFocus && ((_ = E.value) == null || _.select());
       });
@@ -10020,7 +10020,7 @@ const I0 = ({
       defaultedMultiDates: pe
     } = Ye(r), { menuTransition: ve, showTransition: T } = Fa(M);
     Ze(() => {
-      A(r.modelValue), mt().then(() => {
+      A(r.modelValue), pt().then(() => {
         if (!j.value.enabled) {
           const F = ye(w.value);
           F == null || F.addEventListener("scroll", te), window == null || window.addEventListener("resize", L);
@@ -10033,7 +10033,7 @@ const I0 = ({
       }
       window == null || window.removeEventListener("keyup", ke), window == null || window.removeEventListener("keydown", O);
     });
-    const C = pt(o, "all", r.presetDates), D = pt(o, "input");
+    const C = ft(o, "all", r.presetDates), D = ft(o, "input");
     lt(
       [s, u],
       () => {
@@ -10091,7 +10091,7 @@ const I0 = ({
     }, De = () => {
       const F = c.value;
       return !F || !Array.isArray(F) && re(F) ? !0 : Array.isArray(F) ? pe.value.enabled || F.length === 2 && re(F[0]) && re(F[1]) ? !0 : ie.value.partialRange && !r.timePicker ? re(F[0]) : !1 : !1;
-    }, vt = () => {
+    }, mt = () => {
       le() && De() ? (U(), dt()) : n("invalid-select", c.value);
     }, he = (F) => {
       Nt(), U(), z.value.closeOnAutoApply && !F && dt();
@@ -10108,8 +10108,8 @@ const I0 = ({
         c.value = null;
         return;
       }
-      const nt = Array.isArray(F) ? !F.some((Ut) => !re(Ut)) : re(F), ht = I(F);
-      nt && ht && (R.value = !0, c.value = F, ae && (m.value = ce, vt(), n("text-submit")), mt().then(() => {
+      const nt = Array.isArray(F) ? !F.some((Ut) => !re(Ut)) : re(F), vt = I(F);
+      nt && vt && (R.value = !0, c.value = F, ae && (m.value = ce, mt(), n("text-submit")), pt().then(() => {
         R.value = !1;
       }));
     }, dn = () => {
@@ -10140,7 +10140,7 @@ const I0 = ({
     };
     return X0(v, d, () => P(De)), a({
       closeMenu: dt,
-      selectDate: vt,
+      selectDate: mt,
       clearValue: fe,
       openMenu: J,
       onScroll: te,
@@ -10171,7 +10171,7 @@ const I0 = ({
         onOpen: J,
         onSetInputDate: ya,
         onSetEmptyDate: g(U),
-        onSelectDate: vt,
+        onSelectDate: mt,
         onToggle: Ia,
         onClose: dt,
         onFocus: pn,
@@ -10181,8 +10181,8 @@ const I0 = ({
       }), at({ _: 2 }, [
         $e(g(D), (ce, nt) => ({
           name: ce,
-          fn: be((ht) => [
-            ue(F.$slots, ce, Ke(it(ht)))
+          fn: be((vt) => [
+            ue(F.$slots, ce, Ke(it(vt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
@@ -10214,7 +10214,7 @@ const I0 = ({
                   "get-input-rect": W,
                   "is-text-input-date": R.value,
                   onClosePicker: dt,
-                  onSelectDate: vt,
+                  onSelectDate: mt,
                   onAutoApply: Mt,
                   onTimeUpdate: dn,
                   onFlowStep: ae[4] || (ae[4] = (ce) => F.$emit("flow-step", ce)),
@@ -10236,8 +10236,8 @@ const I0 = ({
                 }), at({ _: 2 }, [
                   $e(g(C), (ce, nt) => ({
                     name: ce,
-                    fn: be((ht) => [
-                      ue(F.$slots, ce, Ke(it({ ...ht })))
+                    fn: be((vt) => [
+                      ue(F.$slots, ce, Ke(it({ ...vt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -10262,12 +10262,10 @@ const I0 = ({
 Object.entries(J0).forEach(([e, a]) => {
   e !== "default" && (gr[e] = a);
 });
-const ep = { class: "calendar-container text-white w-full h-full" }, tp = { class: "flex items-center gap-4 px-3 py-2" }, ap = /* @__PURE__ */ B("svg", {
-  class: "w-6 h-6",
+const ep = { class: "calendar-container" }, tp = { class: "calendar-header" }, ap = /* @__PURE__ */ B("svg", {
+  class: "icon",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 }, [
@@ -10281,11 +10279,9 @@ const ep = { class: "calendar-container text-white w-full h-full" }, tp = { clas
 ], -1), np = [
   ap
 ], rp = /* @__PURE__ */ B("svg", {
-  class: "w-6 h-6",
+  class: "icon",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
   fill: "none",
   viewBox: "0 0 24 24"
 }, [
@@ -10298,12 +10294,10 @@ const ep = { class: "calendar-container text-white w-full h-full" }, tp = { clas
   })
 ], -1), op = [
   rp
-], lp = { class: "calendar grid grid-cols-7 rounded-bl-xl rounded-br-xl" }, sp = { class: "date" }, ip = { class: "mt-1 flex flex-wrap gap-1" }, up = { class: "flex gap-1 items-center" }, cp = /* @__PURE__ */ B("svg", {
-  class: "w-5 h-5",
+], lp = { class: "calendar" }, sp = { class: "date" }, ip = { class: "events-container" }, up = { class: "event-main" }, cp = /* @__PURE__ */ B("svg", {
+  class: "event-icon",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
-  width: "24",
-  height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
 }, [
@@ -10312,7 +10306,7 @@ const ep = { class: "calendar-container text-white w-full h-full" }, tp = { clas
     d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm11-4a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V8Z",
     "clip-rule": "evenodd"
   })
-], -1), dp = { class: "items-center text-sm" }, Dl = {
+], -1), dp = { class: "event-title" }, Dl = {
   __name: "calendar",
   props: {
     theme: {
@@ -10382,30 +10376,29 @@ const ep = { class: "calendar-container text-white w-full h-full" }, tp = { clas
             }, 8, ["dark", "modelValue"])
           ]),
           B("button", {
-            class: "calendar-button",
-            onClick: m
+            onClick: m,
+            class: "calendar-button"
           }, op)
         ]),
         B("div", lp, [
           (k(!0), S(xe, null, $e(g(l), ($, b) => (k(), S("div", {
             key: b,
             class: ge([{
-              "rounded-tl-xl": b === 0,
-              "rounded-tr-xl": b === g(l).length - 1
-            }, "day-name flex justify-center items-center uppercase bg-base-300 px-2 py-1"])
+              "rounded-tl": b === 0,
+              "rounded-tr": b === g(l).length - 1
+            }, "day-name"])
           }, Re($), 3))), 128)),
           (k(!0), S(xe, null, $e(d.value, ($, b) => (k(), S("div", {
             key: $.date,
             class: ge([{
-              "rounded-br-xl": b === d.value.length - 1
-            }, "flex flex-col p-2 bg-base-300 border border-base-200 py-1 hover:bg-base-200 transition duration-300 min-h-[130px] shadow shadow-black/60 h-full overflow-auto"])
+              "rounded-br": b === d.value.length - 1
+            }, "day"])
           }, [
             B("div", sp, Re($.date.getDate()), 1),
             B("footer", ip, [
               (k(!0), S(xe, null, $e($.events, (H) => (k(), S("div", {
-                style: ft(`background: ${H.color}`),
                 key: H.title,
-                class: "inline-block text-black p-1 items-center rounded px-1 pr-2"
+                class: ge(["event", H.tag])
               }, [
                 B("main", up, [
                   Xe(R, {
@@ -10421,7 +10414,7 @@ const ep = { class: "calendar-container text-white w-full h-full" }, tp = { clas
                   }, 1032, ["content"]),
                   B("p", dp, Re(H.title), 1)
                 ])
-              ], 4))), 128))
+              ], 2))), 128))
             ])
           ], 2))), 128))
         ])