@voicenter-team/voicenter-ui-plus 0.2.47 → 0.2.49

package/library/super.mjs

@@ -1,4 +1,4 @@
-import { ref as Q, watch as $e, getCurrentScope as $p, onScopeDispose as wp, unref as f, getCurrentInstance as qt, onMounted as et, nextTick as Me, openBlock as g, createElementBlock as P, createElementVNode as w, warn as ag, computed as j, inject as ze, toRef as rn, onUnmounted as Cu, isRef as fn, onBeforeUnmount as Pn, onBeforeMount as ig, provide as yt, defineComponent as ne, mergeProps as Ve, renderSlot as G, useAttrs as Cp, useSlots as En, shallowRef as wr, onUpdated as Ho, withDirectives as Ee, createCommentVNode as B, Fragment as ge, normalizeClass as R, createBlock as Z, withCtx as K, resolveDynamicComponent as dt, withModifiers as xe, createVNode as te, toDisplayString as ae, normalizeStyle as pe, vShow as it, Transition as Dt, reactive as Bt, cloneVNode as og, Text as _p, Comment as sg, toRefs as vn, resolveComponent as oe, Teleport as Ko, readonly as lg, onDeactivated as ug, renderList as ke, createTextVNode as Ae, withKeys as Se, createSlots as ot, toRaw as gi, vModelCheckbox as So, vModelRadio as kp, watchEffect as dg, resolveDirective as Gn, triggerRef as Xa, vModelText as si, h as yi, toHandlers as cg, onBeforeUpdate as fg, normalizeProps as yr, guardReactiveProps as Br, TransitionGroup as $l, createStaticVNode as Sp, useCssVars as hg, pushScopeId as Go, popScopeId as qo } from "vue";
+import { ref as Q, watch as $e, getCurrentScope as $p, onScopeDispose as wp, unref as f, getCurrentInstance as qt, onMounted as et, nextTick as Me, openBlock as g, createElementBlock as T, createElementVNode as w, warn as ag, computed as j, inject as ze, toRef as rn, onUnmounted as Cu, isRef as fn, onBeforeUnmount as Pn, onBeforeMount as ig, provide as yt, defineComponent as ne, mergeProps as Ve, renderSlot as G, useAttrs as Cp, useSlots as En, shallowRef as wr, onUpdated as Ho, withDirectives as Ee, createCommentVNode as B, Fragment as pe, normalizeClass as R, createBlock as Z, withCtx as K, resolveDynamicComponent as dt, withModifiers as xe, createVNode as te, toDisplayString as ae, normalizeStyle as me, vShow as it, Transition as Dt, reactive as Bt, cloneVNode as og, Text as _p, Comment as sg, toRefs as vn, resolveComponent as oe, Teleport as Ko, readonly as lg, onDeactivated as ug, renderList as ke, createTextVNode as Ae, withKeys as Se, createSlots as ot, toRaw as gi, vModelCheckbox as So, vModelRadio as kp, watchEffect as dg, resolveDirective as Gn, triggerRef as Xa, vModelText as si, h as yi, toHandlers as cg, onBeforeUpdate as fg, normalizeProps as yr, guardReactiveProps as Br, TransitionGroup as $l, createStaticVNode as Sp, useCssVars as hg, pushScopeId as Go, popScopeId as qo } from "vue";
 const pg = {
   "card-shadow-color": "#E0E2E5",
   "card-bg-color": "#fff",
@@ -1679,7 +1679,7 @@ var on = (e, t) => {
   X$
 ];
 function Q$(e, t, n, r, a, i) {
-  return g(), P("svg", Y$, Z$);
+  return g(), T("svg", Y$, Z$);
 }
 var im = /* @__PURE__ */ on(q$, [["render", Q$], ["__file", "arrow-down.vue"]]), J$ = {
   name: "ArrowLeft"
@@ -1698,7 +1698,7 @@ var im = /* @__PURE__ */ on(q$, [["render", Q$], ["__file", "arrow-down.vue"]]),
   t3
 ];
 function r3(e, t, n, r, a, i) {
-  return g(), P("svg", e3, n3);
+  return g(), T("svg", e3, n3);
 }
 var a3 = /* @__PURE__ */ on(J$, [["render", r3], ["__file", "arrow-left.vue"]]), i3 = {
   name: "ArrowRight"
@@ -1717,7 +1717,7 @@ var a3 = /* @__PURE__ */ on(J$, [["render", r3], ["__file", "arrow-left.vue"]]),
   s3
 ];
 function u3(e, t, n, r, a, i) {
-  return g(), P("svg", o3, l3);
+  return g(), T("svg", o3, l3);
 }
 var d3 = /* @__PURE__ */ on(i3, [["render", u3], ["__file", "arrow-right.vue"]]), c3 = {
   name: "ArrowUp"
@@ -1736,7 +1736,7 @@ var d3 = /* @__PURE__ */ on(i3, [["render", u3], ["__file", "arrow-right.vue"]])
   h3
 ];
 function m3(e, t, n, r, a, i) {
-  return g(), P("svg", f3, p3);
+  return g(), T("svg", f3, p3);
 }
 var om = /* @__PURE__ */ on(c3, [["render", m3], ["__file", "arrow-up.vue"]]), v3 = {
   name: "CircleCheck"
@@ -1764,7 +1764,7 @@ var om = /* @__PURE__ */ on(c3, [["render", m3], ["__file", "arrow-up.vue"]]), v
   b3
 ];
 function w3(e, t, n, r, a, i) {
-  return g(), P("svg", g3, $3);
+  return g(), T("svg", g3, $3);
 }
 var C3 = /* @__PURE__ */ on(v3, [["render", w3], ["__file", "circle-check.vue"]]), _3 = {
   name: "CircleClose"
@@ -1792,7 +1792,7 @@ var C3 = /* @__PURE__ */ on(v3, [["render", w3], ["__file", "circle-check.vue"]]
   A3
 ];
 function P3(e, t, n, r, a, i) {
-  return g(), P("svg", k3, T3);
+  return g(), T("svg", k3, T3);
 }
 var Vu = /* @__PURE__ */ on(_3, [["render", P3], ["__file", "circle-close.vue"]]), E3 = {
   name: "Close"
@@ -1811,7 +1811,7 @@ var Vu = /* @__PURE__ */ on(_3, [["render", P3], ["__file", "circle-close.vue"]]
   I3
 ];
 function D3(e, t, n, r, a, i) {
-  return g(), P("svg", O3, N3);
+  return g(), T("svg", O3, N3);
 }
 var El = /* @__PURE__ */ on(E3, [["render", D3], ["__file", "close.vue"]]), M3 = {
   name: "Hide"
@@ -1839,7 +1839,7 @@ var El = /* @__PURE__ */ on(E3, [["render", D3], ["__file", "close.vue"]]), M3 =
   F3
 ];
 function L3(e, t, n, r, a, i) {
-  return g(), P("svg", V3, B3);
+  return g(), T("svg", V3, B3);
 }
 var x3 = /* @__PURE__ */ on(M3, [["render", L3], ["__file", "hide.vue"]]), j3 = {
   name: "Loading"
@@ -1858,7 +1858,7 @@ var x3 = /* @__PURE__ */ on(M3, [["render", L3], ["__file", "hide.vue"]]), j3 =
   W3
 ];
 function H3(e, t, n, r, a, i) {
-  return g(), P("svg", z3, U3);
+  return g(), T("svg", z3, U3);
 }
 var Ru = /* @__PURE__ */ on(j3, [["render", H3], ["__file", "loading.vue"]]), K3 = {
   name: "Minus"
@@ -1877,7 +1877,7 @@ var Ru = /* @__PURE__ */ on(j3, [["render", H3], ["__file", "loading.vue"]]), K3
   q3
 ];
 function X3(e, t, n, r, a, i) {
-  return g(), P("svg", G3, Y3);
+  return g(), T("svg", G3, Y3);
 }
 var Z3 = /* @__PURE__ */ on(K3, [["render", X3], ["__file", "minus.vue"]]), Q3 = {
   name: "Plus"
@@ -1896,7 +1896,7 @@ var Z3 = /* @__PURE__ */ on(K3, [["render", X3], ["__file", "minus.vue"]]), Q3 =
   ew
 ];
 function nw(e, t, n, r, a, i) {
-  return g(), P("svg", J3, tw);
+  return g(), T("svg", J3, tw);
 }
 var rw = /* @__PURE__ */ on(Q3, [["render", nw], ["__file", "plus.vue"]]), aw = {
   name: "Search"
@@ -1915,7 +1915,7 @@ var rw = /* @__PURE__ */ on(Q3, [["render", nw], ["__file", "plus.vue"]]), aw =
   ow
 ];
 function lw(e, t, n, r, a, i) {
-  return g(), P("svg", iw, sw);
+  return g(), T("svg", iw, sw);
 }
 var uw = /* @__PURE__ */ on(aw, [["render", lw], ["__file", "search.vue"]]), dw = {
   name: "View"
@@ -1934,7 +1934,7 @@ var uw = /* @__PURE__ */ on(aw, [["render", lw], ["__file", "search.vue"]]), dw
   fw
 ];
 function pw(e, t, n, r, a, i) {
-  return g(), P("svg", cw, hw);
+  return g(), T("svg", cw, hw);
 }
 var mw = /* @__PURE__ */ on(dw, [["render", pw], ["__file", "view.vue"]]);
 const sm = "__epPropKey", Oe = (e) => e, vw = (e) => Un(e) && !!e[sm], ts = (e, t) => {
@@ -2481,7 +2481,7 @@ const Uw = Ke({
         "--color": i
       };
     });
-    return (a, i) => (g(), P("i", Ve({
+    return (a, i) => (g(), T("i", Ve({
       class: f(n).b(),
       style: f(r)
     }, a.$attrs), [
@@ -2667,7 +2667,7 @@ const Zw = Ke({
       r.inputStyle,
       N.value,
       { resize: r.resize }
-    ]), F = j(() => Ln(r.modelValue) ? "" : String(r.modelValue)), T = j(() => r.clearable && !p.value && !r.readonly && !!F.value && (_.value || E.value)), O = j(() => r.showPassword && !p.value && !r.readonly && !!F.value && (!!F.value || _.value)), W = j(() => r.showWordLimit && !!u.value.maxlength && (r.type === "text" || r.type === "textarea") && !p.value && !r.readonly && !r.showPassword), L = j(() => Array.from(F.value).length), S = j(() => !!W.value && L.value > Number(u.value.maxlength)), H = j(() => !!s.suffix || !!r.suffixIcon || T.value || r.showPassword || W.value || !!x.value && V.value), [J, fe] = Ww(b);
+    ]), F = j(() => Ln(r.modelValue) ? "" : String(r.modelValue)), P = j(() => r.clearable && !p.value && !r.readonly && !!F.value && (_.value || E.value)), O = j(() => r.showPassword && !p.value && !r.readonly && !!F.value && (!!F.value || _.value)), W = j(() => r.showWordLimit && !!u.value.maxlength && (r.type === "text" || r.type === "textarea") && !p.value && !r.readonly && !r.showPassword), L = j(() => Array.from(F.value).length), S = j(() => !!W.value && L.value > Number(u.value.maxlength)), H = j(() => !!s.suffix || !!r.suffixIcon || P.value || r.showPassword || W.value || !!x.value && V.value), [J, fe] = Ww(b);
     Vi(k, (ce) => {
       if (!W.value || r.resize !== "both")
         return;
@@ -2724,8 +2724,8 @@ const Zw = Ke({
     }, Y = (ce) => {
       n("compositionend", ce), M.value && (M.value = !1, ie(ce));
     }, se = () => {
-      $.value = !$.value, me();
-    }, me = async () => {
+      $.value = !$.value, ve();
+    }, ve = async () => {
       var ce;
       await Me(), (ce = z.value) == null || ce.focus();
     }, Ne = () => {
@@ -2763,12 +2763,12 @@ const Zw = Ke({
       ref: z,
       textareaStyle: I,
       autosize: rn(r, "autosize"),
-      focus: me,
+      focus: ve,
       blur: Ne,
       select: ht,
       clear: $n,
       resizeTextarea: le
-    }), (ce, Le) => Ee((g(), P("div", Ve(f(l), {
+    }), (ce, Le) => Ee((g(), T("div", Ve(f(l), {
       class: [
         ce.type === "textarea" ? f(y).b() : f(m).b(),
         f(m).m(f(v)),
@@ -2780,7 +2780,7 @@ const Zw = Ke({
           [f(m).bm("group", "prepend")]: ce.$slots.prepend,
           [f(m).m("prefix")]: ce.$slots.prefix || ce.prefixIcon,
           [f(m).m("suffix")]: ce.$slots.suffix || ce.suffixIcon || ce.clearable || ce.showPassword,
-          [f(m).bm("suffix", "password-clear")]: f(T) && f(O)
+          [f(m).bm("suffix", "password-clear")]: f(P) && f(O)
         },
         ce.$attrs.class
       ],
@@ -2790,9 +2790,9 @@ const Zw = Ke({
       onMouseleave: wt
     }), [
       B(" input "),
-      ce.type !== "textarea" ? (g(), P(ge, { key: 0 }, [
+      ce.type !== "textarea" ? (g(), T(pe, { key: 0 }, [
         B(" prepend slot "),
-        ce.$slots.prepend ? (g(), P("div", {
+        ce.$slots.prepend ? (g(), T("div", {
           key: 0,
           class: R(f(m).be("group", "prepend"))
         }, [
@@ -2802,7 +2802,7 @@ const Zw = Ke({
           class: R([f(m).e("wrapper"), f(m).is("focus", _.value)])
         }, [
           B(" prefix slot "),
-          ce.$slots.prefix || ce.prefixIcon ? (g(), P("span", {
+          ce.$slots.prefix || ce.prefixIcon ? (g(), T("span", {
             key: 0,
             class: R(f(m).e("prefix"))
           }, [
@@ -2847,14 +2847,14 @@ const Zw = Ke({
             onKeydown: st
           }), null, 16, e4),
           B(" suffix slot "),
-          f(H) ? (g(), P("span", {
+          f(H) ? (g(), T("span", {
             key: 1,
             class: R(f(m).e("suffix"))
           }, [
             w("span", {
               class: R(f(m).e("suffix-inner"))
             }, [
-              !f(T) || !f(O) || !f(W) ? (g(), P(ge, { key: 0 }, [
+              !f(P) || !f(O) || !f(W) ? (g(), T(pe, { key: 0 }, [
                 G(ce.$slots, "suffix"),
                 ce.suffixIcon ? (g(), Z(f(Rt), {
                   key: 0,
@@ -2866,7 +2866,7 @@ const Zw = Ke({
                   _: 1
                 }, 8, ["class"])) : B("v-if", !0)
               ], 64)) : B("v-if", !0),
-              f(T) ? (g(), Z(f(Rt), {
+              f(P) ? (g(), Z(f(Rt), {
                 key: 1,
                 class: R([f(m).e("icon"), f(m).e("clear")]),
                 onMousedown: xe(f(ka), ["prevent"]),
@@ -2887,7 +2887,7 @@ const Zw = Ke({
                 ]),
                 _: 1
               }, 8, ["class"])) : B("v-if", !0),
-              f(W) ? (g(), P("span", {
+              f(W) ? (g(), T("span", {
                 key: 3,
                 class: R(f(m).e("count"))
               }, [
@@ -2912,13 +2912,13 @@ const Zw = Ke({
           ], 2)) : B("v-if", !0)
         ], 2),
         B(" append slot "),
-        ce.$slots.append ? (g(), P("div", {
+        ce.$slots.append ? (g(), T("div", {
           key: 1,
           class: R(f(m).be("group", "append"))
         }, [
           G(ce.$slots, "append")
         ], 2)) : B("v-if", !0)
-      ], 64)) : (g(), P(ge, { key: 1 }, [
+      ], 64)) : (g(), T(pe, { key: 1 }, [
         B(" textarea "),
         w("textarea", Ve({
           id: f(h),
@@ -2942,9 +2942,9 @@ const Zw = Ke({
           onChange: he,
           onKeydown: st
         }), null, 16, t4),
-        f(W) ? (g(), P("span", {
+        f(W) ? (g(), T("span", {
           key: 0,
-          style: pe(A.value),
+          style: me(A.value),
           class: R(f(m).e("count"))
         }, ae(f(L)) + " / " + ae(f(u).maxlength), 7)) : B("v-if", !0)
       ], 64))
@@ -3053,7 +3053,7 @@ const ra = Lt(a4), ya = 4, i4 = {
             ref_key: "thumb",
             ref: o,
             class: R(f(a).e("thumb")),
-            style: pe(f(v)),
+            style: me(f(v)),
             onMousedown: m
           }, null, 38)
         ], 34), [
@@ -3092,7 +3092,7 @@ const u4 = Ke({
           a.value = o.scrollTop * 100 / s * n.ratioY, r.value = o.scrollLeft * 100 / l * n.ratioX;
         }
       }
-    }), (o, s) => (g(), P(ge, null, [
+    }), (o, s) => (g(), T(pe, null, [
       te(gc, {
         move: r.value,
         ratio: o.ratioX,
@@ -3212,7 +3212,7 @@ const f4 = Ke({
       setScrollTop: _,
       setScrollLeft: E,
       handleScroll: b
-    }), ($, A) => (g(), P("div", {
+    }), ($, A) => (g(), T("div", {
       ref_key: "scrollbar$",
       ref: s,
       class: R(f(a).b())
@@ -3225,14 +3225,14 @@ const f4 = Ke({
           f(a).e("wrap"),
           { [f(a).em("wrap", "hidden-default")]: !$.native }
         ]),
-        style: pe(f(y)),
+        style: me(f(y)),
         onScroll: b
       }, [
         (g(), Z(dt($.tag), {
           ref_key: "resize$",
           ref: u,
           class: R([f(a).e("view"), $.viewClass]),
-          style: pe($.viewStyle)
+          style: me($.viewStyle)
         }, {
           default: K(() => [
             G($.$slots, "default")
@@ -3304,7 +3304,7 @@ const Sm = Ke({
       i.value = void 0;
     }), t({
       arrowRef: i
-    }), (o, s) => (g(), P("span", {
+    }), (o, s) => (g(), T("span", {
       ref_key: "arrowRef",
       ref: i,
       class: R(f(r).e("arrow")),
@@ -3345,7 +3345,7 @@ function Am(e) {
         case _p:
         case "svg":
           return yc(n);
-        case ge:
+        case pe:
           return Am(n.children);
         default:
           return n;
@@ -3784,10 +3784,10 @@ function lC(e) {
     for (var a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, s = o === void 0 ? !0 : o, l = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, h = n.altBoundary, v = n.flipVariations, p = v === void 0 ? !0 : v, m = n.allowedAutoPlacements, y = t.options.placement, b = xn(y), k = b === y, _ = l || (k || !p ? [uo(y)] : sC(y)), E = [y].concat(_).reduce(function(fe, le) {
       return fe.concat(xn(le) === Bu ? oC(t, { placement: le, boundary: d, rootBoundary: c, padding: u, flipVariations: p, allowedAutoPlacements: m }) : le);
     }, []), M = t.rects.reference, $ = t.rects.popper, A = /* @__PURE__ */ new Map(), N = !0, z = E[0], V = 0; V < E.length; V++) {
-      var x = E[V], U = xn(x), D = Ia(x) === Ta, C = [Ht, gn].indexOf(U) >= 0, I = C ? "width" : "height", F = Si(t, { placement: x, boundary: d, rootBoundary: c, altBoundary: h, padding: u }), T = C ? D ? yn : Kt : D ? gn : Ht;
-      M[I] > $[I] && (T = uo(T));
-      var O = uo(T), W = [];
-      if (i && W.push(F[U] <= 0), s && W.push(F[T] <= 0, F[O] <= 0), W.every(function(fe) {
+      var x = E[V], U = xn(x), D = Ia(x) === Ta, C = [Ht, gn].indexOf(U) >= 0, I = C ? "width" : "height", F = Si(t, { placement: x, boundary: d, rootBoundary: c, altBoundary: h, padding: u }), P = C ? D ? yn : Kt : D ? gn : Ht;
+      M[I] > $[I] && (P = uo(P));
+      var O = uo(P), W = [];
+      if (i && W.push(F[U] <= 0), s && W.push(F[P] <= 0, F[O] <= 0), W.every(function(fe) {
         return fe;
       })) {
         z = x, N = !1;
@@ -3851,8 +3851,8 @@ function gC(e) {
   var t = e.state, n = e.options, r = e.name, a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, s = o === void 0 ? !1 : o, l = n.boundary, u = n.rootBoundary, d = n.altBoundary, c = n.padding, h = n.tether, v = h === void 0 ? !0 : h, p = n.tetherOffset, m = p === void 0 ? 0 : p, y = Si(t, { boundary: l, rootBoundary: u, padding: c, altBoundary: d }), b = xn(t.placement), k = Ia(t.placement), _ = !k, E = ju(b), M = vC(E), $ = t.modifiersData.popperOffsets, A = t.rects.reference, N = t.rects.popper, z = typeof m == "function" ? m(Object.assign({}, t.rects, { placement: t.placement })) : m, V = typeof z == "number" ? { mainAxis: z, altAxis: z } : Object.assign({ mainAxis: 0, altAxis: 0 }, z), x = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, U = { x: 0, y: 0 };
   if ($) {
     if (i) {
-      var D, C = E === "y" ? Ht : Kt, I = E === "y" ? gn : yn, F = E === "y" ? "height" : "width", T = $[E], O = T + y[C], W = T - y[I], L = v ? -N[F] / 2 : 0, S = k === Ta ? A[F] : N[F], H = k === Ta ? -N[F] : -A[F], J = t.elements.arrow, fe = v && J ? xu(J) : { width: 0, height: 0 }, le = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Im(), de = le[C], ee = le[I], q = ui(0, A[F], fe[F]), ie = _ ? A[F] / 2 - L - q - de - V.mainAxis : S - q - de - V.mainAxis, he = _ ? -A[F] / 2 + L + q + ee + V.mainAxis : H + q + ee + V.mainAxis, Ce = t.elements.arrow && Li(t.elements.arrow), Be = Ce ? E === "y" ? Ce.clientTop || 0 : Ce.clientLeft || 0 : 0, Y = (D = x == null ? void 0 : x[E]) != null ? D : 0, se = T + ie - Y - Be, me = T + he - Y, Ne = ui(v ? Do(O, se) : O, T, v ? Kr(W, me) : W);
-      $[E] = Ne, U[E] = Ne - T;
+      var D, C = E === "y" ? Ht : Kt, I = E === "y" ? gn : yn, F = E === "y" ? "height" : "width", P = $[E], O = P + y[C], W = P - y[I], L = v ? -N[F] / 2 : 0, S = k === Ta ? A[F] : N[F], H = k === Ta ? -N[F] : -A[F], J = t.elements.arrow, fe = v && J ? xu(J) : { width: 0, height: 0 }, le = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Im(), de = le[C], ee = le[I], q = ui(0, A[F], fe[F]), ie = _ ? A[F] / 2 - L - q - de - V.mainAxis : S - q - de - V.mainAxis, he = _ ? -A[F] / 2 + L + q + ee + V.mainAxis : H + q + ee + V.mainAxis, Ce = t.elements.arrow && Li(t.elements.arrow), Be = Ce ? E === "y" ? Ce.clientTop || 0 : Ce.clientLeft || 0 : 0, Y = (D = x == null ? void 0 : x[E]) != null ? D : 0, se = P + ie - Y - Be, ve = P + he - Y, Ne = ui(v ? Do(O, se) : O, P, v ? Kr(W, ve) : W);
+      $[E] = Ne, U[E] = Ne - P;
     }
     if (s) {
       var Ze, $t = E === "x" ? Ht : Kt, wt = E === "x" ? gn : yn, ct = $[M], st = M === "y" ? "height" : "width", ht = ct + y[$t], $n = ct - y[wt], ce = [Ht, Kt].indexOf(b) !== -1, Le = (Ze = x == null ? void 0 : x[M]) != null ? Ze : 0, Et = ce ? ht : ct - A[st] - N[st] - Le + V.altAxis, gt = ce ? ct + A[st] + N[st] - Le - V.altAxis : $n, sn = v && ce ? U4(Et, ct, gt) : ui(v ? Et : ht, ct, v ? gt : $n);
@@ -4330,20 +4330,20 @@ const KC = {
       d.is(r.effect),
       r.popperClass
     ]), M = j(() => s && s.value === "dialog" ? "false" : void 0), $ = ({ referenceEl: C, popperContentEl: I, arrowEl: F }) => {
-      const T = Mc(r, {
+      const P = Mc(r, {
         arrowEl: F,
         arrowOffset: f(p)
       });
-      return EC(C, I, T);
+      return EC(C, I, P);
     }, A = (C = !0) => {
       var I;
       (I = f(a)) == null || I.update(), C && (m.value = r.zIndex || u());
     }, N = () => {
       var C, I;
       const F = { name: "eventListeners", enabled: r.visible };
-      (I = (C = f(a)) == null ? void 0 : C.setOptions) == null || I.call(C, (T) => ({
-        ...T,
-        modifiers: [...T.modifiers || [], F]
+      (I = (C = f(a)) == null ? void 0 : C.setOptions) == null || I.call(C, (P) => ({
+        ...P,
+        modifiers: [...P.modifiers || [], F]
       })), A(!1), r.visible && r.focusOnShow ? y.value = !0 : r.visible === !1 && (y.value = !1);
     }, z = () => {
       n("focus");
@@ -4362,8 +4362,8 @@ const KC = {
       $e(k, (I) => {
         var F;
         C == null || C();
-        const T = f(a);
-        if ((F = T == null ? void 0 : T.destroy) == null || F.call(T), I) {
+        const P = f(a);
+        if ((F = P == null ? void 0 : P.destroy) == null || F.call(P), I) {
           const O = f(c);
           i.value = O, a.value = $({
             referenceEl: I,
@@ -4378,12 +4378,12 @@ const KC = {
         immediate: !0
       }), $e(() => r.triggerTargetEl, (I, F) => {
         b == null || b(), b = void 0;
-        const T = f(I || c.value), O = f(F || c.value);
-        if (Ci(T)) {
+        const P = f(I || c.value), O = f(F || c.value);
+        if (Ci(P)) {
           const { ariaLabel: W, id: L } = vn(r);
           b = $e([s, W, M, L], (S) => {
             ["role", "aria-label", "aria-modal", "id"].forEach((H, J) => {
-              Ln(S[J]) ? T.removeAttribute(H) : T.setAttribute(H, S[J]);
+              Ln(S[J]) ? P.removeAttribute(H) : P.setAttribute(H, S[J]);
             });
           }, { immediate: !0 });
         }
@@ -4404,10 +4404,10 @@ const KC = {
       popperInstanceRef: a,
       updatePopper: A,
       contentStyle: _
-    }), (C, I) => (g(), P("div", {
+    }), (C, I) => (g(), T("div", {
       ref_key: "popperContentRef",
       ref: c,
-      style: pe(f(_)),
+      style: me(f(_)),
       class: R(f(E)),
       tabindex: "-1",
       onMouseenter: I[0] || (I[0] = (F) => C.$emit("mouseenter", F)),
@@ -4825,10 +4825,10 @@ function c8(e, t, n, r, a, i) {
       }, {
         default: K(() => [
           G(e.$slots, "content", {}, () => [
-            e.rawContent ? (g(), P("span", {
+            e.rawContent ? (g(), T("span", {
               key: 0,
               innerHTML: e.content
-            }, null, 8, u8)) : (g(), P("span", d8, ae(e.content), 1))
+            }, null, 8, u8)) : (g(), T("span", d8, ae(e.content), 1))
           ]),
           e.compatShowArrow ? (g(), Z(s, {
             key: 0,
@@ -4945,7 +4945,7 @@ const xi = Lt(f8), h8 = Ke({
     }, F = (q) => {
       var ie;
       s.value || (((ie = q.target) == null ? void 0 : ie.tagName) !== "INPUT" || z.value.includes(document.activeElement)) && (k.value = !0);
-    }, T = (q) => {
+    }, P = (q) => {
       n(qn, q);
     }, O = (q) => {
       p || (k.value = !0, n("focus", q), r.triggerOnFocus && !v && C(String(r.modelValue)));
@@ -5019,7 +5019,7 @@ const xi = Lt(f8), h8 = Ke({
           ref_key: "regionRef",
           ref: d,
           class: R([f(l).b("suggestion"), f(l).is("loading", f(N))]),
-          style: pe({
+          style: me({
             [q.fitInputWidth ? "width" : "minWidth"]: b.value,
             outline: "none"
           }),
@@ -5033,7 +5033,7 @@ const xi = Lt(f8), h8 = Ke({
             role: "listbox"
           }, {
             default: K(() => [
-              f(N) ? (g(), P("li", v8, [
+              f(N) ? (g(), T("li", v8, [
                 te(f(Rt), {
                   class: R(f(l).is("loading"))
                 }, {
@@ -5042,7 +5042,7 @@ const xi = Lt(f8), h8 = Ke({
                   ]),
                   _: 1
                 }, 8, ["class"])
-              ])) : (g(!0), P(ge, { key: 1 }, ke(m.value, (he, Ce) => (g(), P("li", {
+              ])) : (g(!0), T(pe, { key: 1 }, ke(m.value, (he, Ce) => (g(), T("li", {
                 id: `${f(M)}-item-${Ce}`,
                 key: Ce,
                 class: R({ highlighted: y.value === Ce }),
@@ -5064,7 +5064,7 @@ const xi = Lt(f8), h8 = Ke({
           ref_key: "listboxRef",
           ref: h,
           class: R([f(l).b(), q.$attrs.class]),
-          style: pe(f($)),
+          style: me(f($)),
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-expanded": f(A),
@@ -5076,7 +5076,7 @@ const xi = Lt(f8), h8 = Ke({
           }, f(i), {
             "model-value": q.modelValue,
             onInput: I,
-            onChange: T,
+            onChange: P,
             onFocus: O,
             onBlur: W,
             onClear: L,
@@ -5754,7 +5754,7 @@ const L8 = ["aria-disabled", "disabled", "autofocus", "type"], x8 = {
       type: h,
       disabled: d,
       shouldAddSpace: p
-    }), (b, k) => (g(), P("button", {
+    }), (b, k) => (g(), T("button", {
       ref_key: "_ref",
       ref: c,
       class: R([
@@ -5774,10 +5774,10 @@ const L8 = ["aria-disabled", "disabled", "autofocus", "type"], x8 = {
       disabled: f(d) || b.loading,
       autofocus: b.autofocus,
       type: b.nativeType,
-      style: pe(f(m)),
+      style: me(f(m)),
       onClick: y
     }, [
-      b.loading ? (g(), P(ge, { key: 0 }, [
+      b.loading ? (g(), T(pe, { key: 0 }, [
         b.$slots.loading ? G(b.$slots, "loading", { key: 0 }) : (g(), Z(f(Rt), {
           key: 1,
           class: R(f(s).is("loading"))
@@ -5793,7 +5793,7 @@ const L8 = ["aria-disabled", "disabled", "autofocus", "type"], x8 = {
         ]),
         _: 3
       })) : B("v-if", !0),
-      b.$slots.default ? (g(), P("span", {
+      b.$slots.default ? (g(), T("span", {
         key: 2,
         class: R({ [f(s).em("text", "expand")]: f(p) })
       }, [
@@ -5818,7 +5818,7 @@ const W8 = {
       type: rn(t, "type")
     }));
     const n = Re("button");
-    return (r, a) => (g(), P("div", {
+    return (r, a) => (g(), T("div", {
       class: R(`${f(n).b("group")}`)
     }, [
       G(r.$slots, "default")
@@ -6141,7 +6141,7 @@ const as = {
           role: p.indeterminate ? "checkbox" : void 0,
           "aria-checked": p.indeterminate ? "mixed" : void 0
         }, [
-          p.trueLabel || p.falseLabel ? Ee((g(), P("input", {
+          p.trueLabel || p.falseLabel ? Ee((g(), T("input", {
             key: 0,
             id: f(r),
             "onUpdate:modelValue": m[0] || (m[0] = (y) => fn(u) ? u.value = y : null),
@@ -6158,7 +6158,7 @@ const as = {
             onBlur: m[3] || (m[3] = (y) => h.value = !1)
           }, null, 42, a_)), [
             [So, f(u)]
-          ]) : Ee((g(), P("input", {
+          ]) : Ee((g(), T("input", {
             key: 1,
             id: f(r),
             "onUpdate:modelValue": m[4] || (m[4] = (y) => fn(u) ? u.value = y : null),
@@ -6179,12 +6179,12 @@ const as = {
             class: R(f(v).e("inner"))
           }, null, 2)
         ], 10, r_),
-        f(l) ? (g(), P("span", {
+        f(l) ? (g(), T("span", {
           key: 0,
           class: R(f(v).e("label"))
         }, [
           G(p.$slots, "default"),
-          p.$slots.default ? B("v-if", !0) : (g(), P(ge, { key: 0 }, [
+          p.$slots.default ? B("v-if", !0) : (g(), T(pe, { key: 0 }, [
             Ae(ae(p.label), 1)
           ], 64))
         ], 2)) : B("v-if", !0)
@@ -6211,7 +6211,7 @@ const u_ = ["name", "tabindex", "disabled", "true-value", "false-value"], d_ = [
         boxShadow: y ? `-1px 0 0 0 ${y}` : void 0
       };
     });
-    return (h, v) => (g(), P("label", {
+    return (h, v) => (g(), T("label", {
       class: R([
         f(d).b("button"),
         f(d).bm("button", f(o)),
@@ -6220,7 +6220,7 @@ const u_ = ["name", "tabindex", "disabled", "true-value", "false-value"], d_ = [
         f(d).is("focus", f(r))
       ])
     }, [
-      h.trueLabel || h.falseLabel ? Ee((g(), P("input", {
+      h.trueLabel || h.falseLabel ? Ee((g(), T("input", {
         key: 0,
         "onUpdate:modelValue": v[0] || (v[0] = (p) => fn(s) ? s.value = p : null),
         class: R(f(d).be("button", "original")),
@@ -6235,7 +6235,7 @@ const u_ = ["name", "tabindex", "disabled", "true-value", "false-value"], d_ = [
         onBlur: v[3] || (v[3] = (p) => r.value = !1)
       }, null, 42, u_)), [
         [So, f(s)]
-      ]) : Ee((g(), P("input", {
+      ]) : Ee((g(), T("input", {
         key: 1,
         "onUpdate:modelValue": v[4] || (v[4] = (p) => fn(s) ? s.value = p : null),
         class: R(f(d).be("button", "original")),
@@ -6250,10 +6250,10 @@ const u_ = ["name", "tabindex", "disabled", "true-value", "false-value"], d_ = [
       }, null, 42, d_)), [
         [So, f(s)]
       ]),
-      h.$slots.default || h.label ? (g(), P("span", {
+      h.$slots.default || h.label ? (g(), T("span", {
         key: 2,
         class: R(f(d).be("button", "inner")),
-        style: pe(f(a) ? f(c) : void 0)
+        style: me(f(a) ? f(c) : void 0)
       }, [
         G(h.$slots, "default", {}, () => [
           Ae(ae(h.label), 1)
@@ -6368,7 +6368,7 @@ const qm = Sr(Gm), Ym = Ke({
     }
     return (c, h) => {
       var v;
-      return g(), P("label", {
+      return g(), T("label", {
         class: R([
           f(r).b(),
           f(r).is("disabled", f(l)),
@@ -6438,7 +6438,7 @@ const $_ = Ke({
     }));
     return (d, c) => {
       var h;
-      return g(), P("label", {
+      return g(), T("label", {
         class: R([
           f(n).b("button"),
           f(n).is("active", f(s) === d.label),
@@ -6463,7 +6463,7 @@ const $_ = Ke({
         ]),
         w("span", {
           class: R(f(n).be("button", "inner")),
-          style: pe(f(s) === d.label ? f(u) : {}),
+          style: me(f(s) === d.label ? f(u) : {}),
           onKeydown: c[3] || (c[3] = xe(() => {
           }, ["stop"]))
         }, [
@@ -6530,7 +6530,7 @@ const k_ = Ke({
       name: d
     })), $e(() => n.modelValue, () => {
       n.validateEvent && (o == null || o.validate("change").catch((c) => Qe(c)));
-    }), (c, h) => (g(), P("div", {
+    }), (c, h) => (g(), T("div", {
       id: f(s),
       ref_key: "radioGroupRef",
       ref: i,
@@ -6599,10 +6599,10 @@ const ev = Ke({
     }, s = (l) => {
       t("click", l);
     };
-    return (l, u) => l.disableTransitions ? (g(), P("span", {
+    return (l, u) => l.disableTransitions ? (g(), T("span", {
       key: 0,
       class: R(f(i)),
-      style: pe({ backgroundColor: l.color }),
+      style: me({ backgroundColor: l.color }),
       onClick: s
     }, [
       w("span", {
@@ -6628,7 +6628,7 @@ const ev = Ke({
       default: K(() => [
         w("span", {
           class: R(f(i)),
-          style: pe({ backgroundColor: l.color }),
+          style: me({ backgroundColor: l.color }),
           onClick: s
         }, [
           w("span", {
@@ -6748,13 +6748,13 @@ const R_ = ne({
   }
 });
 function F_(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
     w("div", {
       ref: "bar",
       class: R(e.ns.e("bar")),
-      style: pe({
+      style: me({
         background: e.background
       }),
       onClick: t[0] || (t[0] = (...o) => e.handleClick && e.handleClick(...o))
@@ -6762,7 +6762,7 @@ function F_(e, t, n, r, a, i) {
     w("div", {
       ref: "thumb",
       class: R(e.ns.e("thumb")),
-      style: pe({
+      style: me({
         left: e.thumbLeft + "px",
         top: e.thumbTop + "px"
       })
@@ -6839,7 +6839,7 @@ const L_ = ne({
   }
 });
 function x_(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([e.ns.b(), e.ns.is("vertical", e.vertical)])
   }, [
     w("div", {
@@ -6850,7 +6850,7 @@ function x_(e, t, n, r, a, i) {
     w("div", {
       ref: "thumb",
       class: R(e.ns.e("thumb")),
-      style: pe({
+      style: me({
         left: e.thumbLeft + "px",
         top: e.thumbTop + "px"
       })
@@ -7060,13 +7060,13 @@ const K_ = ne({
   }
 }), G_ = ["onClick"];
 function q_(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(e.ns.b())
   }, [
     w("div", {
       class: R(e.ns.e("colors"))
     }, [
-      (g(!0), P(ge, null, ke(e.rgbaColors, (o, s) => (g(), P("div", {
+      (g(!0), T(pe, null, ke(e.rgbaColors, (o, s) => (g(), T("div", {
         key: e.colors[s],
         class: R([
           e.ns.e("color-selector"),
@@ -7076,7 +7076,7 @@ function q_(e, t, n, r, a, i) {
         onClick: (l) => e.handleSelect(s)
       }, [
         w("div", {
-          style: pe({ backgroundColor: o.value })
+          style: me({ backgroundColor: o.value })
         }, null, 4)
       ], 10, G_))), 128))
     ], 2)
@@ -7133,9 +7133,9 @@ const X_ = ne({
   Z_
 ];
 function J_(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(e.ns.b()),
-    style: pe({
+    style: me({
       backgroundColor: e.background
     })
   }, [
@@ -7147,7 +7147,7 @@ function J_(e, t, n, r, a, i) {
     }, null, 2),
     w("div", {
       class: R(e.ns.e("cursor")),
-      style: pe({
+      style: me({
         top: e.cursorTop + "px",
         left: e.cursorLeft + "px"
       })
@@ -7215,11 +7215,11 @@ const t6 = ne({
     }), $e(() => v.value, () => {
       !e.modelValue && !m.value && (m.value = !0);
     });
-    function A(F, T) {
+    function A(F, P) {
       if (!(F instanceof ci))
         throw new TypeError("color should be instance of _color Class");
       const { r: O, g: W, b: L } = F.toRgb();
-      return T ? `rgba(${O}, ${W}, ${L}, ${F.get("alpha") / 100})` : `rgb(${O}, ${W}, ${L})`;
+      return P ? `rgba(${O}, ${W}, ${L}, ${F.get("alpha") / 100})` : `rgb(${O}, ${W}, ${L})`;
     }
     function N(F) {
       p.value = F;
@@ -7243,13 +7243,13 @@ const t6 = ne({
     }
     function C() {
       const F = v.value;
-      t(He, F), t("change", F), e.validateEvent && (i == null || i.validate("change").catch((T) => Qe(T))), z(!1), Me(() => {
-        const T = new ci({
+      t(He, F), t("change", F), e.validateEvent && (i == null || i.validate("change").catch((P) => Qe(P))), z(!1), Me(() => {
+        const P = new ci({
           enableAlpha: e.showAlpha,
           format: e.colorFormat || "",
           value: e.modelValue
         });
-        v.compare(T) || x();
+        v.compare(P) || x();
       });
     }
     function I() {
@@ -7259,8 +7259,8 @@ const t6 = ne({
       e.modelValue && (y.value = E.value);
     }), $e(() => p.value, () => {
       Me(() => {
-        var F, T, O;
-        (F = l.value) == null || F.update(), (T = u.value) == null || T.update(), (O = d.value) == null || O.update();
+        var F, P, O;
+        (F = l.value) == null || F.update(), (P = u.value) == null || P.update(), (O = d.value) == null || O.update();
       });
     }), yt(tv, {
       currentColor: E
@@ -7306,7 +7306,7 @@ function r6(e, t, n, r, a, i) {
     persistent: ""
   }, {
     content: K(() => [
-      Ee((g(), P("div", null, [
+      Ee((g(), T("div", null, [
         w("div", {
           class: R(e.ns.be("dropdown", "main-wrapper"))
         }, [
@@ -7389,7 +7389,7 @@ function r6(e, t, n, r, a, i) {
         tabindex: e.tabindex,
         onKeydown: t[2] || (t[2] = Se((...b) => e.handleTrigger && e.handleTrigger(...b), ["enter"]))
       }, [
-        e.colorDisabled ? (g(), P("div", {
+        e.colorDisabled ? (g(), T("div", {
           key: 0,
           class: R(e.ns.be("picker", "mask"))
         }, null, 2)) : B("v-if", !0),
@@ -7402,7 +7402,7 @@ function r6(e, t, n, r, a, i) {
           }, [
             w("span", {
               class: R(e.ns.be("picker", "color-inner")),
-              style: pe({
+              style: me({
                 backgroundColor: e.displayedColor
               })
             }, [
@@ -7737,7 +7737,7 @@ const eo = (e, t) => {
       resetFields: c,
       clearValidate: h,
       scrollToField: k
-    }), (_, E) => (g(), P("form", {
+    }), (_, E) => (g(), T("form", {
       class: R(f(l))
     }, [
       G(_.$slots, "default")
@@ -8481,7 +8481,7 @@ var ek = ne({
           style: p
         }, [(d = t.default) == null ? void 0 : d.call(t)]);
       } else
-        return te(ge, {
+        return te(pe, {
           ref: i
         }, [(c = t.default) == null ? void 0 : c.call(t)]);
     };
@@ -8534,14 +8534,14 @@ const tk = ["role", "aria-labelledby"], nk = {
     }), U = j(() => x.value.length > 0), D = (ee) => x.value.filter((ie) => !ie.trigger || !ee ? !0 : Array.isArray(ie.trigger) ? ie.trigger.includes(ee) : ie.trigger === ee).map(({ trigger: ie, ...he }) => he), C = j(() => x.value.some((ee) => ee.required === !0)), I = j(() => {
       var ee;
       return c.value === "error" && n.showMessage && ((ee = a == null ? void 0 : a.showMessage) != null ? ee : !0);
-    }), F = j(() => `${n.label || ""}${(a == null ? void 0 : a.labelSuffix) || ""}`), T = (ee) => {
+    }), F = j(() => `${n.label || ""}${(a == null ? void 0 : a.labelSuffix) || ""}`), P = (ee) => {
       d.value = ee;
     }, O = (ee) => {
       var q, ie;
       const { errors: he, fields: Ce } = ee;
-      (!he || !Ce) && console.error(ee), T("error"), h.value = he ? (ie = (q = he == null ? void 0 : he[0]) == null ? void 0 : q.message) != null ? ie : `${n.prop} is required` : "", a == null || a.emit("validate", n.prop, !1, h.value);
+      (!he || !Ce) && console.error(ee), P("error"), h.value = he ? (ie = (q = he == null ? void 0 : he[0]) == null ? void 0 : q.message) != null ? ie : `${n.prop} is required` : "", a == null || a.emit("validate", n.prop, !1, h.value);
     }, W = () => {
-      T("success"), a == null || a.emit("validate", n.prop, !0, "");
+      P("success"), a == null || a.emit("validate", n.prop, !0, "");
     }, L = async (ee) => {
       const q = M.value;
       return new ji({
@@ -8554,12 +8554,12 @@ const tk = ["role", "aria-labelledby"], nk = {
       if (!U.value)
         return q == null || q(!1), !1;
       const he = D(ee);
-      return he.length === 0 ? (q == null || q(!0), !0) : (T("validating"), L(he).then(() => (q == null || q(!0), !0)).catch((Ce) => {
+      return he.length === 0 ? (q == null || q(!0), !0) : (P("validating"), L(he).then(() => (q == null || q(!0), !0)).catch((Ce) => {
         const { fields: Be } = Ce;
         return q == null || q(!1, Be), ie ? !1 : Promise.reject(Be);
       }));
     }, H = () => {
-      T(""), h.value = "", m = !1;
+      P(""), h.value = "", m = !1;
     }, J = async () => {
       const ee = a == null ? void 0 : a.model;
       if (!ee || !n.prop)
@@ -8572,8 +8572,8 @@ const tk = ["role", "aria-labelledby"], nk = {
       u.value = u.value.filter((q) => q !== ee);
     };
     $e(() => n.error, (ee) => {
-      h.value = ee || "", T(ee ? "error" : "");
-    }, { immediate: !0 }), $e(() => n.validateStatus, (ee) => T(ee || ""));
+      h.value = ee || "", P(ee ? "error" : "");
+    }, { immediate: !0 }), $e(() => n.validateStatus, (ee) => P(ee || ""));
     const de = Bt({
       ...vn(n),
       $el: v,
@@ -8601,7 +8601,7 @@ const tk = ["role", "aria-labelledby"], nk = {
       resetField: J
     }), (ee, q) => {
       var ie;
-      return g(), P("div", {
+      return g(), T("div", {
         ref_key: "formItemRef",
         ref: v,
         class: R(f(k)),
@@ -8618,7 +8618,7 @@ const tk = ["role", "aria-labelledby"], nk = {
               id: f(l),
               for: f(A),
               class: R(f(s).e("label")),
-              style: pe(f(y))
+              style: me(f(y))
             }, {
               default: K(() => [
                 G(ee.$slots, "label", { label: f(F) }, () => [
@@ -8632,7 +8632,7 @@ const tk = ["role", "aria-labelledby"], nk = {
         }, 8, ["is-auto-width", "update-all"]),
         w("div", {
           class: R(f(s).e("content")),
-          style: pe(f(b))
+          style: me(f(b))
         }, [
           G(ee.$slots, "default"),
           te(Dt, {
@@ -8762,7 +8762,7 @@ const ak = Lt($6, {
       const D = r.modelValue || 0, C = k(D, -1);
       $(C);
     }, M = (D, C) => {
-      const { max: I, min: F, step: T, precision: O, stepStrictly: W, valueOnClear: L } = r;
+      const { max: I, min: F, step: P, precision: O, stepStrictly: W, valueOnClear: L } = r;
       let S = Number(D);
       if (Ln(D) || Number.isNaN(S))
         return null;
@@ -8771,11 +8771,11 @@ const ak = Lt($6, {
           return null;
         S = Tt(L) ? { min: F, max: I }[L] : L;
       }
-      return W && (S = y(Math.round(S / T) * T, O)), tr(O) || (S = y(S, O)), (S > I || S < F) && (S = S > I ? I : F, C && n("update:modelValue", S)), S;
+      return W && (S = y(Math.round(S / P) * P, O)), tr(O) || (S = y(S, O)), (S > I || S < F) && (S = S > I ? I : F, C && n("update:modelValue", S)), S;
     }, $ = (D) => {
       var C;
       const I = s.currentValue, F = M(D);
-      I !== F && (s.userInput = null, n("update:modelValue", F), n("input", F), n("change", F, I), r.validateEvent && ((C = l == null ? void 0 : l.validate) == null || C.call(l, "change").catch((T) => Qe(T))), s.currentValue = F);
+      I !== F && (s.userInput = null, n("update:modelValue", F), n("input", F), n("change", F, I), r.validateEvent && ((C = l == null ? void 0 : l.validate) == null || C.call(l, "change").catch((P) => Qe(P))), s.currentValue = F);
     }, A = (D) => s.userInput = D, N = (D) => {
       const C = D !== "" ? Number(D) : "";
       (ft(C) && !Number.isNaN(C) || D === "") && $(C), s.userInput = null;
@@ -8795,8 +8795,8 @@ const ak = Lt($6, {
       s.currentValue = M(D, !0), s.userInput = null;
     }, { immediate: !0 }), et(() => {
       var D;
-      const { min: C, max: I, modelValue: F } = r, T = (D = o.value) == null ? void 0 : D.input;
-      if (T.setAttribute("role", "spinbutton"), Number.isFinite(I) ? T.setAttribute("aria-valuemax", String(I)) : T.removeAttribute("aria-valuemax"), Number.isFinite(C) ? T.setAttribute("aria-valuemin", String(C)) : T.removeAttribute("aria-valuemin"), T.setAttribute("aria-valuenow", String(s.currentValue)), T.setAttribute("aria-disabled", String(p.value)), !ft(F) && F != null) {
+      const { min: C, max: I, modelValue: F } = r, P = (D = o.value) == null ? void 0 : D.input;
+      if (P.setAttribute("role", "spinbutton"), Number.isFinite(I) ? P.setAttribute("aria-valuemax", String(I)) : P.removeAttribute("aria-valuemax"), Number.isFinite(C) ? P.setAttribute("aria-valuemin", String(C)) : P.removeAttribute("aria-valuemin"), P.setAttribute("aria-valuenow", String(s.currentValue)), P.setAttribute("aria-disabled", String(p.value)), !ft(F) && F != null) {
         let O = Number(F);
         Number.isNaN(O) && (O = null), n("update:modelValue", O);
       }
@@ -8807,7 +8807,7 @@ const ak = Lt($6, {
     }), t({
       focus: z,
       blur: V
-    }), (D, C) => (g(), P("div", {
+    }), (D, C) => (g(), T("div", {
       class: R([
         f(i).b(),
         f(i).m(f(v)),
@@ -8818,7 +8818,7 @@ const ak = Lt($6, {
       onDragstart: C[0] || (C[0] = xe(() => {
       }, ["prevent"]))
     }, [
-      D.controls ? Ee((g(), P("span", {
+      D.controls ? Ee((g(), T("span", {
         key: 0,
         role: "button",
         "aria-label": f(a)("el.inputNumber.decrease"),
@@ -8834,7 +8834,7 @@ const ak = Lt($6, {
       ], 42, lk)), [
         [f(jc), E]
       ]) : B("v-if", !0),
-      D.controls ? Ee((g(), P("span", {
+      D.controls ? Ee((g(), T("span", {
         key: 1,
         role: "button",
         "aria-label": f(a)("el.inputNumber.increase"),
@@ -8974,7 +8974,7 @@ const pk = ne({
   }
 });
 function mk(e, t, n, r, a, i) {
-  return Ee((g(), P("li", {
+  return Ee((g(), T("li", {
     class: R([
       e.ns.be("dropdown", "item"),
       e.ns.is("disabled", e.isDisabled),
@@ -9015,9 +9015,9 @@ const vk = ne({
   }
 });
 function gk(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
-    style: pe({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+    style: me({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
   }, [
     G(e.$slots, "default")
   ], 6);
@@ -9073,22 +9073,22 @@ const $k = (e, t, n) => {
   }), $e(() => e.placeholder, (X) => {
     t.cachedPlaceHolder = t.currentPlaceholder = X;
   }), $e(() => e.modelValue, (X, re) => {
-    e.multiple && (D(), X && X.length > 0 || o.value && t.query !== "" ? t.currentPlaceholder = "" : t.currentPlaceholder = t.cachedPlaceHolder, e.filterable && !e.reserveKeyword && (t.query = "", C(t.query))), T(), e.filterable && !e.multiple && (t.inputLength = 20), !ac(X, re) && e.validateEvent && (m == null || m.validate("change").catch((ve) => Qe(ve)));
+    e.multiple && (D(), X && X.length > 0 || o.value && t.query !== "" ? t.currentPlaceholder = "" : t.currentPlaceholder = t.cachedPlaceHolder, e.filterable && !e.reserveKeyword && (t.query = "", C(t.query))), P(), e.filterable && !e.multiple && (t.inputLength = 20), !ac(X, re) && e.validateEvent && (m == null || m.validate("change").catch((ge) => Qe(ge)));
   }, {
     flush: "post",
     deep: !0
   }), $e(() => t.visible, (X) => {
-    var re, ve, we;
-    X ? ((ve = (re = s.value) == null ? void 0 : re.updatePopper) == null || ve.call(re), e.filterable && (t.filteredOptionsCount = t.optionsCount, t.query = e.remote ? "" : t.selectedLabel, e.multiple ? (we = o.value) == null || we.focus() : t.selectedLabel && (t.currentPlaceholder = `${t.selectedLabel}`, t.selectedLabel = ""), C(t.query), !e.multiple && !e.remote && (h.value.query = "", Xa(h), Xa(v)))) : (o.value && o.value.blur(), t.query = "", t.previousQuery = null, t.selectedLabel = "", t.inputLength = 20, t.menuVisibleOnFocus = !1, W(), Me(() => {
+    var re, ge, we;
+    X ? ((ge = (re = s.value) == null ? void 0 : re.updatePopper) == null || ge.call(re), e.filterable && (t.filteredOptionsCount = t.optionsCount, t.query = e.remote ? "" : t.selectedLabel, e.multiple ? (we = o.value) == null || we.focus() : t.selectedLabel && (t.currentPlaceholder = `${t.selectedLabel}`, t.selectedLabel = ""), C(t.query), !e.multiple && !e.remote && (h.value.query = "", Xa(h), Xa(v)))) : (o.value && o.value.blur(), t.query = "", t.previousQuery = null, t.selectedLabel = "", t.inputLength = 20, t.menuVisibleOnFocus = !1, W(), Me(() => {
       o.value && o.value.value === "" && t.selected.length === 0 && (t.currentPlaceholder = t.cachedPlaceHolder);
     }), e.multiple || (t.selected && (e.filterable && e.allowCreate && t.createdSelected && t.createdLabel ? t.selectedLabel = t.createdLabel : t.selectedLabel = t.selected.currentLabel, e.filterable && (t.query = t.selectedLabel)), e.filterable && (t.currentPlaceholder = t.cachedPlaceHolder))), n.emit("visible-change", X);
   }), $e(() => t.options.entries(), () => {
-    var X, re, ve;
+    var X, re, ge;
     if (!Ft)
       return;
     (re = (X = s.value) == null ? void 0 : X.updatePopper) == null || re.call(X), e.multiple && D();
-    const we = ((ve = u.value) == null ? void 0 : ve.querySelectorAll("input")) || [];
-    Array.from(we).includes(document.activeElement) || T(), e.defaultFirstOption && (e.filterable || e.remote) && t.filteredOptionsCount && F();
+    const we = ((ge = u.value) == null ? void 0 : ge.querySelectorAll("input")) || [];
+    Array.from(we).includes(document.activeElement) || P(), e.defaultFirstOption && (e.filterable || e.remote) && t.filteredOptionsCount && F();
   }, {
     flush: "post"
   }), $e(() => t.hoverIndex, (X) => {
@@ -9101,8 +9101,8 @@ const $k = (e, t, n) => {
       var X, re;
       if (!i.value)
         return;
-      const ve = i.value.$el.querySelector("input"), we = l.value, pt = $w(V.value || (p == null ? void 0 : p.size));
-      ve.style.height = `${(t.selected.length === 0 ? pt : Math.max(we ? we.clientHeight + (we.clientHeight > pt ? 6 : 0) : 0, pt)) - 2}px`, t.tagInMultiLine = Number.parseFloat(ve.style.height) >= pt, t.visible && $.value !== !1 && ((re = (X = s.value) == null ? void 0 : X.updatePopper) == null || re.call(X));
+      const ge = i.value.$el.querySelector("input"), we = l.value, pt = $w(V.value || (p == null ? void 0 : p.size));
+      ge.style.height = `${(t.selected.length === 0 ? pt : Math.max(we ? we.clientHeight + (we.clientHeight > pt ? 6 : 0) : 0, pt)) - 2}px`, t.tagInMultiLine = Number.parseFloat(ge.style.height) >= pt, t.visible && $.value !== !1 && ((re = (X = s.value) == null ? void 0 : X.updatePopper) == null || re.call(X));
     });
   }, C = async (X) => {
     if (!(t.previousQuery === X || t.isOnComposition)) {
@@ -9111,8 +9111,8 @@ const $k = (e, t, n) => {
         return;
       }
       t.previousQuery = X, Me(() => {
-        var re, ve;
-        t.visible && ((ve = (re = s.value) == null ? void 0 : re.updatePopper) == null || ve.call(re));
+        var re, ge;
+        t.visible && ((ge = (re = s.value) == null ? void 0 : re.updatePopper) == null || ge.call(re));
       }), t.hoverIndex = -1, e.multiple && e.filterable && Me(() => {
         const re = o.value.value.length * 15 + 20;
         t.inputLength = e.collapseTags ? Math.min(50, re) : re, I(), D();
@@ -9121,29 +9121,29 @@ const $k = (e, t, n) => {
   }, I = () => {
     t.currentPlaceholder !== "" && (t.currentPlaceholder = o.value.value ? "" : t.cachedPlaceHolder);
   }, F = () => {
-    const X = A.value.filter((we) => we.visible && !we.disabled && !we.states.groupDisabled), re = X.find((we) => we.created), ve = X[0];
-    t.hoverIndex = he(A.value, re || ve);
-  }, T = () => {
+    const X = A.value.filter((we) => we.visible && !we.disabled && !we.states.groupDisabled), re = X.find((we) => we.created), ge = X[0];
+    t.hoverIndex = he(A.value, re || ge);
+  }, P = () => {
     var X;
     if (e.multiple)
       t.selectedLabel = "";
     else {
-      const ve = O(e.modelValue);
-      (X = ve.props) != null && X.created ? (t.createdLabel = ve.props.value, t.createdSelected = !0) : t.createdSelected = !1, t.selectedLabel = ve.currentLabel, t.selected = ve, e.filterable && (t.query = t.selectedLabel);
+      const ge = O(e.modelValue);
+      (X = ge.props) != null && X.created ? (t.createdLabel = ge.props.value, t.createdSelected = !0) : t.createdSelected = !1, t.selectedLabel = ge.currentLabel, t.selected = ge, e.filterable && (t.query = t.selectedLabel);
       return;
     }
     const re = [];
-    Array.isArray(e.modelValue) && e.modelValue.forEach((ve) => {
-      re.push(O(ve));
+    Array.isArray(e.modelValue) && e.modelValue.forEach((ge) => {
+      re.push(O(ge));
     }), t.selected = re, Me(() => {
       D();
     });
   }, O = (X) => {
     let re;
-    const ve = Is(X).toLowerCase() === "object", we = Is(X).toLowerCase() === "null", pt = Is(X).toLowerCase() === "undefined";
+    const ge = Is(X).toLowerCase() === "object", we = Is(X).toLowerCase() === "null", pt = Is(X).toLowerCase() === "undefined";
     for (let Yn = t.cachedOptions.size - 1; Yn >= 0; Yn--) {
       const un = N.value[Yn];
-      if (ve ? Qt(un.value, e.valueKey) === Qt(X, e.valueKey) : un.value === X) {
+      if (ge ? Qt(un.value, e.valueKey) === Qt(X, e.valueKey) : un.value === X) {
         re = {
           value: X,
           currentLabel: un.currentLabel,
@@ -9154,7 +9154,7 @@ const $k = (e, t, n) => {
     }
     if (re)
       return re;
-    const ln = ve ? X.label : !we && !pt ? X : "", fr = {
+    const ln = ge ? X.label : !we && !pt ? X : "", fr = {
       value: X,
       currentLabel: ln
     };
@@ -9162,7 +9162,7 @@ const $k = (e, t, n) => {
   }, W = () => {
     setTimeout(() => {
       const X = e.valueKey;
-      e.multiple ? t.selected.length > 0 ? t.hoverIndex = Math.min.apply(null, t.selected.map((re) => A.value.findIndex((ve) => Qt(ve, X) === Qt(re, X)))) : t.hoverIndex = -1 : t.hoverIndex = A.value.findIndex((re) => gt(re) === gt(t.selected));
+      e.multiple ? t.selected.length > 0 ? t.hoverIndex = Math.min.apply(null, t.selected.map((re) => A.value.findIndex((ge) => Qt(ge, X) === Qt(re, X)))) : t.hoverIndex = -1 : t.hoverIndex = A.value.findIndex((re) => gt(re) === gt(t.selected));
     }, 300);
   }, L = () => {
     var X, re;
@@ -9185,24 +9185,24 @@ const $k = (e, t, n) => {
     }
     X.target.value.length === 1 && e.modelValue.length === 0 && (t.currentPlaceholder = t.cachedPlaceHolder);
   }, ee = (X, re) => {
-    const ve = t.selected.indexOf(re);
-    if (ve > -1 && !b.value) {
+    const ge = t.selected.indexOf(re);
+    if (ge > -1 && !b.value) {
       const we = e.modelValue.slice();
-      we.splice(ve, 1), n.emit(He, we), le(we), n.emit("remove-tag", re.value);
+      we.splice(ge, 1), n.emit(He, we), le(we), n.emit("remove-tag", re.value);
     }
     X.stopPropagation();
   }, q = (X) => {
     X.stopPropagation();
     const re = e.multiple ? [] : "";
     if (typeof re != "string")
-      for (const ve of t.selected)
-        ve.isDisabled && re.push(ve.value);
+      for (const ge of t.selected)
+        ge.isDisabled && re.push(ge.value);
     n.emit(He, re), le(re), t.visible = !1, n.emit("clear");
   }, ie = (X, re) => {
-    var ve;
+    var ge;
     if (e.multiple) {
       const we = (e.modelValue || []).slice(), pt = he(we, X.value);
-      pt > -1 ? we.splice(pt, 1) : (e.multipleLimit <= 0 || we.length < e.multipleLimit) && we.push(X.value), n.emit(He, we), le(we), X.created && (t.query = "", C(""), t.inputLength = 20), e.filterable && ((ve = o.value) == null || ve.focus());
+      pt > -1 ? we.splice(pt, 1) : (e.multipleLimit <= 0 || we.length < e.multipleLimit) && we.push(X.value), n.emit(He, we), le(we), X.created && (t.query = "", C(""), t.inputLength = 20), e.filterable && ((ge = o.value) == null || ge.focus());
     } else
       n.emit(He, X.value), le(X.value), t.visible = !1;
     t.isSilentBlur = re, Ce(), !t.visible && Me(() => {
@@ -9211,15 +9211,15 @@ const $k = (e, t, n) => {
   }, he = (X = [], re) => {
     if (!Un(re))
       return X.indexOf(re);
-    const ve = e.valueKey;
+    const ge = e.valueKey;
     let we = -1;
-    return X.some((pt, ln) => gi(Qt(pt, ve)) === Qt(re, ve) ? (we = ln, !0) : !1), we;
+    return X.some((pt, ln) => gi(Qt(pt, ge)) === Qt(re, ge) ? (we = ln, !0) : !1), we;
   }, Ce = () => {
     t.softFocus = !0;
     const X = o.value || i.value;
     X && (X == null || X.focus());
   }, Be = (X) => {
-    var re, ve, we, pt, ln;
+    var re, ge, we, pt, ln;
     const fr = Array.isArray(X) ? X[0] : X;
     let Yn = null;
     if (fr != null && fr.value) {
@@ -9227,7 +9227,7 @@ const $k = (e, t, n) => {
       un.length > 0 && (Yn = un[0].$el);
     }
     if (s.value && Yn) {
-      const un = (pt = (we = (ve = (re = s.value) == null ? void 0 : re.popperRef) == null ? void 0 : ve.contentRef) == null ? void 0 : we.querySelector) == null ? void 0 : pt.call(we, `.${a.be("dropdown", "wrap")}`);
+      const un = (pt = (we = (ge = (re = s.value) == null ? void 0 : re.popperRef) == null ? void 0 : ge.contentRef) == null ? void 0 : we.querySelector) == null ? void 0 : pt.call(we, `.${a.be("dropdown", "wrap")}`);
       un && G$(un, Yn);
     }
     (ln = d.value) == null || ln.handleScroll();
@@ -9235,7 +9235,7 @@ const $k = (e, t, n) => {
     t.optionsCount++, t.filteredOptionsCount++, t.options.set(X.value, X), t.cachedOptions.set(X.value, X);
   }, se = (X, re) => {
     t.options.get(X) === re && (t.optionsCount--, t.filteredOptionsCount--, t.options.delete(X));
-  }, me = (X) => {
+  }, ve = (X) => {
     X.code !== Aa.backspace && Ne(!1), t.inputLength = o.value.value.length * 15 + 20, D();
   }, Ne = (X) => {
     if (!Array.isArray(t.selected))
@@ -9248,8 +9248,8 @@ const $k = (e, t, n) => {
     if (X.type === "compositionend")
       t.isOnComposition = !1, Me(() => C(re));
     else {
-      const ve = re[re.length - 1] || "";
-      t.isOnComposition = !um(ve);
+      const ge = re[re.length - 1] || "";
+      t.isOnComposition = !um(ge);
     }
   }, $t = () => {
     Me(() => Be(t.selected));
@@ -9302,12 +9302,12 @@ const $k = (e, t, n) => {
     iconReverse: E,
     showNewOption: z,
     collapseTagSize: x,
-    setSelected: T,
+    setSelected: P,
     managePlaceholder: I,
     selectDisabled: b,
     emptyText: $,
     toggleLastOptionHitState: Ne,
-    resetInputState: me,
+    resetInputState: ve,
     handleComposition: Ze,
     onOptionCreate: Y,
     onOptionDestroy: se,
@@ -9463,7 +9463,7 @@ const $k = (e, t, n) => {
       onOptionCreate: C,
       onOptionDestroy: I,
       handleMenuEnter: F,
-      handleFocus: T,
+      handleFocus: P,
       blur: O,
       handleBlur: W,
       handleClearClick: L,
@@ -9481,7 +9481,7 @@ const $k = (e, t, n) => {
       selectWrapper: Be,
       scrollbar: Y,
       queryChange: se,
-      groupQueryChange: me
+      groupQueryChange: ve
     } = $k(e, i, t), { focus: Ne } = Sw(q), {
       inputWidth: Ze,
       selected: $t,
@@ -9498,7 +9498,7 @@ const $k = (e, t, n) => {
       isOnComposition: ue,
       isSilentBlur: X,
       options: re,
-      cachedOptions: ve,
+      cachedOptions: ge,
       optionsCount: we,
       prefixWidth: pt,
       tagInMultiLine: ln
@@ -9513,7 +9513,7 @@ const $k = (e, t, n) => {
       props: e,
       options: re,
       optionsArray: o,
-      cachedOptions: ve,
+      cachedOptions: ge,
       optionsCount: we,
       filteredOptionsCount: ct,
       hoverIndex: ce,
@@ -9524,7 +9524,7 @@ const $k = (e, t, n) => {
       selected: $t,
       setSelected: k,
       queryChange: se,
-      groupQueryChange: me
+      groupQueryChange: ve
     })), et(() => {
       i.cachedPlaceHolder = gt.value = e.placeholder || a("el.select.placeholder"), e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (gt.value = ""), Vi(Be, u), e.remote && e.multiple && _(), Me(() => {
         const Yt = q.value && q.value.$el;
@@ -9579,7 +9579,7 @@ const $k = (e, t, n) => {
       resetInputState: U,
       handleComposition: D,
       handleMenuEnter: F,
-      handleFocus: T,
+      handleFocus: P,
       blur: O,
       handleBlur: W,
       handleClearClick: L,
@@ -9606,7 +9606,7 @@ const $k = (e, t, n) => {
 }), Ck = { class: "select-trigger" }, _k = ["disabled", "autocomplete"], kk = { style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" } };
 function Sk(e, t, n, r, a, i) {
   const o = oe("el-tag"), s = oe("el-tooltip"), l = oe("el-icon"), u = oe("el-input"), d = oe("el-option"), c = oe("el-scrollbar"), h = oe("el-select-menu"), v = Gn("click-outside");
-  return Ee((g(), P("div", {
+  return Ee((g(), T("div", {
     ref: "selectWrapper",
     class: R(e.wrapperKls),
     onClick: t[22] || (t[22] = xe((...p) => e.toggleMenu && e.toggleMenu(...p), ["stop"]))
@@ -9629,13 +9629,13 @@ function Sk(e, t, n, r, a, i) {
     }, {
       default: K(() => [
         w("div", Ck, [
-          e.multiple ? (g(), P("div", {
+          e.multiple ? (g(), T("div", {
             key: 0,
             ref: "tags",
             class: R(e.nsSelect.e("tags")),
-            style: pe(e.selectTagsStyle)
+            style: me(e.selectTagsStyle)
           }, [
-            e.collapseTags && e.selected.length ? (g(), P("span", {
+            e.collapseTags && e.selected.length ? (g(), T("span", {
               key: 0,
               class: R([
                 e.nsSelect.b("tags-wrapper"),
@@ -9653,7 +9653,7 @@ function Sk(e, t, n, r, a, i) {
                 default: K(() => [
                   w("span", {
                     class: R(e.nsSelect.e("tags-text")),
-                    style: pe({ maxWidth: e.inputWidth - 123 + "px" })
+                    style: me({ maxWidth: e.inputWidth - 123 + "px" })
                   }, ae(e.selected[0].currentLabel), 7)
                 ]),
                 _: 1
@@ -9683,7 +9683,7 @@ function Sk(e, t, n, r, a, i) {
                       w("div", {
                         class: R(e.nsSelect.e("collapse-tags"))
                       }, [
-                        (g(!0), P(ge, null, ke(e.selected.slice(1), (p, m) => (g(), P("div", {
+                        (g(!0), T(pe, null, ke(e.selected.slice(1), (p, m) => (g(), T("div", {
                           key: m,
                           class: R(e.nsSelect.e("collapse-tag"))
                         }, [
@@ -9701,7 +9701,7 @@ function Sk(e, t, n, r, a, i) {
                             default: K(() => [
                               w("span", {
                                 class: R(e.nsSelect.e("tags-text")),
-                                style: pe({
+                                style: me({
                                   maxWidth: e.inputWidth - 75 + "px"
                                 })
                               }, ae(p.currentLabel), 7)
@@ -9712,7 +9712,7 @@ function Sk(e, t, n, r, a, i) {
                       ], 2)
                     ]),
                     _: 1
-                  }, 8, ["disabled", "effect", "teleported"])) : (g(), P("span", {
+                  }, 8, ["disabled", "effect", "teleported"])) : (g(), T("span", {
                     key: 1,
                     class: R(e.nsSelect.e("tags-text"))
                   }, "+ " + ae(e.selected.length - 1), 3))
@@ -9732,7 +9732,7 @@ function Sk(e, t, n, r, a, i) {
                     { "has-prefix": e.prefixWidth && e.selected.length }
                   ])
                 }, [
-                  (g(!0), P(ge, null, ke(e.selected, (p) => (g(), Z(o, {
+                  (g(!0), T(pe, null, ke(e.selected, (p) => (g(), Z(o, {
                     key: e.getValueKey(p),
                     closable: !e.selectDisabled && !p.isDisabled,
                     size: e.collapseTagSize,
@@ -9744,7 +9744,7 @@ function Sk(e, t, n, r, a, i) {
                     default: K(() => [
                       w("span", {
                         class: R(e.nsSelect.e("tags-text")),
-                        style: pe({ maxWidth: e.inputWidth - 75 + "px" })
+                        style: me({ maxWidth: e.inputWidth - 75 + "px" })
                       }, ae(p.currentLabel), 7)
                     ]),
                     _: 2
@@ -9754,7 +9754,7 @@ function Sk(e, t, n, r, a, i) {
               _: 1
             }, 8, ["onAfterLeave"])),
             B(" </div> "),
-            e.filterable ? Ee((g(), P("input", {
+            e.filterable ? Ee((g(), T("input", {
               key: 2,
               ref: "input",
               "onUpdate:modelValue": t[1] || (t[1] = (p) => e.query = p),
@@ -9762,7 +9762,7 @@ function Sk(e, t, n, r, a, i) {
               class: R([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
               disabled: e.selectDisabled,
               autocomplete: e.autocomplete,
-              style: pe({
+              style: me({
                 marginLeft: e.prefixWidth && !e.selected.length || e.tagInMultiLine ? `${e.prefixWidth}px` : "",
                 flexGrow: 1,
                 width: `${e.inputLength / (e.inputWidth - 32)}%`,
@@ -9878,8 +9878,8 @@ function Sk(e, t, n, r, a, i) {
             }, 8, ["wrap-class", "view-class", "class"]), [
               [it, e.options.size > 0 && !e.loading]
             ]),
-            e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (g(), P(ge, { key: 0 }, [
-              e.$slots.empty ? G(e.$slots, "empty", { key: 0 }) : (g(), P("p", {
+            e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (g(), T(pe, { key: 0 }, [
+              e.$slots.empty ? G(e.$slots, "empty", { key: 0 }) : (g(), T("p", {
                 key: 1,
                 class: R(e.nsSelect.be("dropdown", "empty"))
               }, ae(e.emptyText), 3))
@@ -9930,7 +9930,7 @@ const Tk = ne({
   }
 });
 function Pk(e, t, n, r, a, i) {
-  return Ee((g(), P("ul", {
+  return Ee((g(), T("ul", {
     class: R(e.ns.be("group", "wrap"))
   }, [
     w("li", {
@@ -10071,7 +10071,7 @@ const lv = Lt(Ak, {
       onHide: y
     }), {
       content: K(() => [
-        b.title ? (g(), P("div", {
+        b.title ? (g(), T("div", {
           key: 0,
           class: R(f(o).e("title")),
           role: "title"
@@ -10224,7 +10224,7 @@ const Rk = "popover", Fk = yw(Vk, Rk), Bk = Lt(Mk, {
   }, $ = async () => {
     await Me(), n(qn, e.range ? [d.value, c.value] : e.modelValue);
   }, A = (x) => {
-    var U, D, C, I, F, T;
+    var U, D, C, I, F, P;
     if (u.value || t.dragging)
       return;
     y();
@@ -10233,7 +10233,7 @@ const Rk = "popover", Fk = yw(Vk, Rk), Bk = Lt(Mk, {
       const W = (C = (D = (U = x.touches) == null ? void 0 : U.item(0)) == null ? void 0 : D.clientY) != null ? C : x.clientY;
       O = (i.value.getBoundingClientRect().bottom - W) / t.sliderSize * 100;
     } else {
-      const W = (T = (F = (I = x.touches) == null ? void 0 : I.item(0)) == null ? void 0 : F.clientX) != null ? T : x.clientX, L = i.value.getBoundingClientRect().left;
+      const W = (P = (F = (I = x.touches) == null ? void 0 : I.item(0)) == null ? void 0 : F.clientX) != null ? P : x.clientX, L = i.value.getBoundingClientRect().left;
       O = (W - L) / t.sliderSize * 100;
     }
     if (!(O < 0 || O > 100))
@@ -10315,7 +10315,7 @@ const Rk = "popover", Fk = yw(Vk, Rk), Bk = Lt(Mk, {
   }, F = (H) => {
     let J = !0;
     [Uk, Hk].includes(H.key) ? V() : [Kk, Gk].includes(H.key) ? x() : H.key === qk ? C() : H.key === Yk ? I() : H.key === Zk ? U() : H.key === Xk ? D() : J = !1, J && H.preventDefault();
-  }, T = (H) => {
+  }, P = (H) => {
     let J, fe;
     return H.type.startsWith("touch") ? (fe = H.touches[0].clientY, J = H.touches[0].clientX) : (fe = H.clientY, J = H.clientX), {
       clientX: J,
@@ -10323,13 +10323,13 @@ const Rk = "popover", Fk = yw(Vk, Rk), Bk = Lt(Mk, {
     };
   }, O = (H) => {
     t.dragging = !0, t.isClick = !0;
-    const { clientX: J, clientY: fe } = T(H);
+    const { clientX: J, clientY: fe } = P(H);
     e.vertical ? t.startY = fe : t.startX = J, t.startPosition = Number.parseFloat(E.value), t.newPosition = t.startPosition;
   }, W = (H) => {
     if (t.dragging) {
       t.isClick = !1, b(), h();
       let J;
-      const { clientX: fe, clientY: le } = T(H);
+      const { clientX: fe, clientY: le } = P(H);
       e.vertical ? (t.currentY = le, J = (t.startY - t.currentY) / u.value * 100) : (t.currentX = fe, J = (t.currentX - t.startX) / u.value * 100), t.newPosition = t.startPosition + J, S(t.newPosition);
     }
   }, L = () => {
@@ -10443,11 +10443,11 @@ const Rk = "popover", Fk = yw(Vk, Rk), Bk = Lt(Mk, {
       setPosition: b,
       hovering: k,
       dragging: _
-    }), (E, M) => (g(), P("div", {
+    }), (E, M) => (g(), T("div", {
       ref_key: "button",
       ref: s,
       class: R([f(a).e("button-wrapper"), { hover: f(k), dragging: f(_) }]),
-      style: pe(f(c)),
+      style: me(f(c)),
       tabindex: f(o) ? -1 : 0,
       onMouseenter: M[0] || (M[0] = (...$) => f(v) && f(v)(...$)),
       onMouseleave: M[1] || (M[1] = (...$) => f(p) && f(p)(...$)),
@@ -10534,7 +10534,7 @@ const u5 = ["id", "role", "aria-label", "aria-labelledby"], d5 = { key: 1 }, c5
     }), x = an(), U = j(() => r.inputSize || x.value), D = j(() => r.label || i("el.slider.defaultLabel", {
       min: r.min,
       max: r.max
-    })), C = j(() => r.range ? r.rangeStartLabel || i("el.slider.defaultRangeStartLabel") : D.value), I = j(() => r.formatValueText ? r.formatValueText(H.value) : `${H.value}`), F = j(() => r.rangeEndLabel || i("el.slider.defaultRangeEndLabel")), T = j(() => r.formatValueText ? r.formatValueText(J.value) : `${J.value}`), O = j(() => [
+    })), C = j(() => r.range ? r.rangeStartLabel || i("el.slider.defaultRangeStartLabel") : D.value), I = j(() => r.formatValueText ? r.formatValueText(H.value) : `${H.value}`), F = j(() => r.rangeEndLabel || i("el.slider.defaultRangeEndLabel")), P = j(() => r.formatValueText ? r.formatValueText(J.value) : `${J.value}`), O = j(() => [
       a.b(),
       a.m(x.value),
       a.is("vertical", r.vertical),
@@ -10562,7 +10562,7 @@ const u5 = ["id", "role", "aria-label", "aria-labelledby"], d5 = { key: 1 }, c5
       onSliderClick: _
     }), (de, ee) => {
       var q, ie;
-      return g(), P("div", {
+      return g(), T("div", {
         id: de.range ? f(z) : void 0,
         ref_key: "sliderWrapper",
         ref: S,
@@ -10581,13 +10581,13 @@ const u5 = ["id", "role", "aria-label", "aria-labelledby"], d5 = { key: 1 }, c5
             { "show-input": de.showInput && !de.range },
             f(a).is("disabled", f(c))
           ]),
-          style: pe(f(p)),
+          style: me(f(p)),
           onMousedown: ee[0] || (ee[0] = (...he) => f(E) && f(E)(...he)),
           onTouchstart: ee[1] || (ee[1] = (...he) => f(E) && f(E)(...he))
         }, [
           w("div", {
             class: R(f(a).e("bar")),
-            style: pe(f(m))
+            style: me(f(m))
           }, null, 6),
           te(ef, {
             id: de.range ? void 0 : f(z),
@@ -10621,33 +10621,33 @@ const u5 = ["id", "role", "aria-label", "aria-labelledby"], d5 = { key: 1 }, c5
             "aria-valuemin": f(H),
             "aria-valuemax": de.max,
             "aria-valuenow": f(J),
-            "aria-valuetext": f(T),
+            "aria-valuetext": f(P),
             "aria-orientation": de.vertical ? "vertical" : "horizontal",
             "aria-disabled": f(c),
             "onUpdate:modelValue": f($)
           }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : B("v-if", !0),
-          de.showStops ? (g(), P("div", d5, [
-            (g(!0), P(ge, null, ke(f(A), (he, Ce) => (g(), P("div", {
+          de.showStops ? (g(), T("div", d5, [
+            (g(!0), T(pe, null, ke(f(A), (he, Ce) => (g(), T("div", {
               key: Ce,
               class: R(f(a).e("stop")),
-              style: pe(f(N)(he))
+              style: me(f(N)(he))
             }, null, 6))), 128))
           ])) : B("v-if", !0),
-          f(W).length > 0 ? (g(), P(ge, { key: 2 }, [
+          f(W).length > 0 ? (g(), T(pe, { key: 2 }, [
             w("div", null, [
-              (g(!0), P(ge, null, ke(f(W), (he, Ce) => (g(), P("div", {
+              (g(!0), T(pe, null, ke(f(W), (he, Ce) => (g(), T("div", {
                 key: Ce,
-                style: pe(f(N)(he.position)),
+                style: me(f(N)(he.position)),
                 class: R([f(a).e("stop"), f(a).e("marks-stop")])
               }, null, 6))), 128))
             ]),
             w("div", {
               class: R(f(a).e("marks"))
             }, [
-              (g(!0), P(ge, null, ke(f(W), (he, Ce) => (g(), Z(f(l5), {
+              (g(!0), T(pe, null, ke(f(W), (he, Ce) => (g(), Z(f(l5), {
                 key: Ce,
                 mark: he.mark,
-                style: pe(f(N)(he.position))
+                style: me(f(N)(he.position))
               }, null, 8, ["mark", "style"]))), 128))
             ], 2)
           ], 64)) : B("v-if", !0)
@@ -10856,7 +10856,7 @@ const p5 = Lt(h5), dv = "left-check-change", cv = "right-check-change", ga = Ke(
     } = y5(r, l, n), p = j(() => !Fr(l.query) && Fr(d.value)), m = j(() => !Fr(a.default()[0].children)), { checked: y, allChecked: b, query: k, inputHover: _ } = vn(l);
     return t({
       query: k
-    }), (E, M) => (g(), P("div", {
+    }), (E, M) => (g(), T("div", {
       class: R(f(s).b("panel"))
     }, [
       w("p", {
@@ -10899,7 +10899,7 @@ const p5 = Lt(h5), dv = "left-check-change", cv = "right-check-change", ga = Ke(
           class: R([f(s).is("filterable", E.filterable), f(s).be("panel", "list")])
         }, {
           default: K(() => [
-            (g(!0), P(ge, null, ke(f(d), ($) => (g(), Z(f(Vl), {
+            (g(!0), T(pe, null, ke(f(d), ($) => (g(), Z(f(Vl), {
               key: $[f(u).key],
               class: R(f(s).be("panel", "item")),
               label: $[f(u).key],
@@ -10927,7 +10927,7 @@ const p5 = Lt(h5), dv = "left-check-change", cv = "right-check-change", ga = Ke(
           [it, f(p) || f(Fr)(E.data)]
         ])
       ], 2),
-      f(m) ? (g(), P("p", {
+      f(m) ? (g(), T("p", {
         key: 0,
         class: R(f(s).be("panel", "footer"))
       }, [
@@ -10966,7 +10966,7 @@ const k5 = { key: 0 }, S5 = { key: 0 }, A5 = {
       clearQuery: k,
       leftPanel: y,
       rightPanel: b
-    }), (N, z) => (g(), P("div", {
+    }), (N, z) => (g(), T("div", {
       class: R(f(o).b())
     }, [
       te(tf, {
@@ -11004,7 +11004,7 @@ const k5 = { key: 0 }, S5 = { key: 0 }, A5 = {
               ]),
               _: 1
             }),
-            f(tr)(N.buttonTexts[0]) ? B("v-if", !0) : (g(), P("span", k5, ae(N.buttonTexts[0]), 1))
+            f(tr)(N.buttonTexts[0]) ? B("v-if", !0) : (g(), T("span", k5, ae(N.buttonTexts[0]), 1))
           ]),
           _: 1
         }, 8, ["class", "disabled", "onClick"]),
@@ -11015,7 +11015,7 @@ const k5 = { key: 0 }, S5 = { key: 0 }, A5 = {
           onClick: f(m)
         }, {
           default: K(() => [
-            f(tr)(N.buttonTexts[1]) ? B("v-if", !0) : (g(), P("span", S5, ae(N.buttonTexts[1]), 1)),
+            f(tr)(N.buttonTexts[1]) ? B("v-if", !0) : (g(), T("span", S5, ae(N.buttonTexts[1]), 1)),
             te(f(Rt), null, {
               default: K(() => [
                 te(f(d3))
@@ -11258,7 +11258,7 @@ function V5(e, t, n, r, a, i) {
         G(e.$slots, "prefix-icon", {}, () => [
           w("i", {
             class: R([e.prefixClasses, "vc-autocomplete__prefix-icon"]),
-            style: pe(e.prefixStyle)
+            style: me(e.prefixStyle)
           }, null, 6)
         ])
       ]),
@@ -11268,7 +11268,7 @@ function V5(e, t, n, r, a, i) {
       name: "suffix",
       fn: K(() => [
         G(e.$slots, "suffix", {}, () => [
-          e.localModel ? (g(), P("i", {
+          e.localModel ? (g(), T("i", {
             key: 0,
             class: "vc-icon-close icon-xs closable-icon",
             onClick: t[0] || (t[0] = (...s) => e.onClear && e.onClear(...s))
@@ -11355,7 +11355,7 @@ const G5 = ["disabled", "aria-disabled", "type", "data-test"], q5 = { class: "vc
   class: "vc-button--loader"
 };
 function X5(e, t, n, r, a, i) {
-  return g(), P("button", {
+  return g(), T("button", {
     disabled: e.disabled,
     class: R([e.classes, "vc-button"]),
     "aria-disabled": e.disabled,
@@ -11364,13 +11364,13 @@ function X5(e, t, n, r, a, i) {
     onClick: t[0] || (t[0] = (...o) => e.handleClick && e.handleClick(...o))
   }, [
     w("span", q5, [
-      e.icon ? (g(), P("i", {
+      e.icon ? (g(), T("i", {
         key: 0,
         class: R([e.icon, "content-icon"])
       }, null, 2)) : B("", !0),
       G(e.$slots, "default")
     ]),
-    e.loading ? (g(), P("span", Y5, [
+    e.loading ? (g(), T("span", Y5, [
       G(e.$slots, "loader", {}, () => [
         w("i", {
           class: R([e.loaderIcon, "vc-icon-load text-current"])
@@ -11438,7 +11438,7 @@ const ja = /* @__PURE__ */ ye(K5, [["render", X5]]), Z5 = "default", Q5 = "prima
 });
 const iS = ["disabled", "aria-disabled", "type", "data-test"], oS = { class: "vc-button--content" };
 function sS(e, t, n, r, a, i) {
-  return g(), P("button", {
+  return g(), T("button", {
     class: R(["vc-button-icon", e.classes]),
     disabled: e.disabled,
     "aria-disabled": e.disabled,
@@ -11447,7 +11447,7 @@ function sS(e, t, n, r, a, i) {
     onClick: t[0] || (t[0] = (...o) => e.handleClick && e.handleClick(...o))
   }, [
     w("span", oS, [
-      e.icon ? (g(), P("i", {
+      e.icon ? (g(), T("i", {
         key: 0,
         class: R([e.icon, "content-icon"])
       }, null, 2)) : B("", !0)
@@ -11469,7 +11469,7 @@ const qu = /* @__PURE__ */ ye(aS, [["render", sS], ["__scopeId", "data-v-6c05d0e
 });
 const uS = ["data-test"], dS = { class: "vc-card-content" };
 function cS(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([{
       "vc-card--hover": e.hovered
     }, "vc-card"]),
@@ -11715,7 +11715,7 @@ const gS = /* @__PURE__ */ ye(mS, [["render", vS]]), yS = ne({
 }), $S = ["data-test"];
 function wS(e, t, n, r, a, i) {
   const o = oe("VcCheckbox"), s = oe("VcCheckboxGroupEl");
-  return g(), P("div", {
+  return g(), T("div", {
     class: "vc-checkbox-group__wrapper",
     "data-test": `checkbox-group-${e.dataTestName}`
   }, [
@@ -11740,7 +11740,7 @@ function wS(e, t, n, r, a, i) {
       class: "vc-checkbox-group"
     }, {
       default: K(() => [
-        (g(!0), P(ge, null, ke(e.checkboxes, (l, u) => (g(), P("div", {
+        (g(!0), T(pe, null, ke(e.checkboxes, (l, u) => (g(), T("div", {
           key: `checkbox-${u}`,
           class: "vc-checkbox-group__item"
         }, [
@@ -11812,7 +11812,7 @@ const CS = /* @__PURE__ */ ye(bS, [["render", wS]]), _S = ne({
   "aria-multiselectable": "true"
 };
 function SS(e, t, n, r, a, i) {
-  return g(), P("div", kS, [
+  return g(), T("div", kS, [
     G(e.$slots, "default")
   ]);
 }
@@ -11959,7 +11959,7 @@ const IS = {
 }, NS = ["tabindex"], DS = { class: "vc-collapse-item__header-content" }, MS = { class: "vc-collapse-item__header-actions" }, VS = { class: "vc-collapse-item__content-wrap" };
 function RS(e, t, n, r, a, i) {
   const o = oe("VcCollapseTransition");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([[
       {
         "is-active": e.isOpen,
@@ -13371,8 +13371,8 @@ function Ul(e, t, n) {
   }, C = M.match(Y9).map(function(I) {
     var F = I[0];
     if (F === "p" || F === "P") {
-      var T = Wl[F];
-      return T(I, A.formatLong);
+      var P = Wl[F];
+      return P(I, A.formatLong);
     }
     return I;
   }).join("").match(q9).map(function(I) {
@@ -13381,9 +13381,9 @@ function Ul(e, t, n) {
     var F = I[0];
     if (F === "'")
       return J9(I);
-    var T = i9[F];
-    if (T)
-      return !(n != null && n.useAdditionalWeekYearTokens) && $v(I) && Ro(I, t, String(e)), !(n != null && n.useAdditionalDayOfYearTokens) && bv(I) && Ro(I, t, String(e)), T(U, I, A.localize, D);
+    var P = i9[F];
+    if (P)
+      return !(n != null && n.useAdditionalWeekYearTokens) && $v(I) && Ro(I, t, String(e)), !(n != null && n.useAdditionalDayOfYearTokens) && bv(I) && Ro(I, t, String(e)), P(U, I, A.localize, D);
     if (F.match(Q9))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + F + "`");
     return I;
@@ -15249,17 +15249,17 @@ function Tv(e, t, n, r) {
       return he(q, z.formatLong);
     }
     return q;
-  }).join("").match(XA), I = [], F = lf(C), T;
+  }).join("").match(XA), I = [], F = lf(C), P;
   try {
     var O = function() {
-      var ie = T.value;
+      var ie = P.value;
       !(r != null && r.useAdditionalWeekYearTokens) && $v(ie) && Ro(ie, A, e), !(r != null && r.useAdditionalDayOfYearTokens) && bv(ie) && Ro(ie, A, e);
       var he = ie[0], Ce = YA[he];
       if (Ce) {
         var Be = Ce.incompatibleTokens;
         if (Array.isArray(Be)) {
-          var Y = I.find(function(me) {
-            return Be.includes(me.token) || me.token === he;
+          var Y = I.find(function(ve) {
+            return Be.includes(ve.token) || ve.token === he;
           });
           if (Y)
             throw new RangeError("The format string mustn't contain `".concat(Y.fullToken, "` and `").concat(ie, "` at the same time"));
@@ -15286,7 +15286,7 @@ function Tv(e, t, n, r) {
           };
       }
     };
-    for (F.s(); !(T = F.n()).done; ) {
+    for (F.s(); !(P = F.n()).done; ) {
       var W = O();
       if (bn(W) === "object")
         return W.v;
@@ -15408,37 +15408,37 @@ var iT = Object.defineProperty, oT = Object.defineProperties, sT = Object.getOwn
 };
 const dT = {}, cT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, fT = w("path", { d: "M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z" }, null, -1), hT = w("path", { d: "M20 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z" }, null, -1), pT = w("path", { d: "M9.333 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z" }, null, -1), mT = w("path", { d: "M4 14.667h24c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-24c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z" }, null, -1), vT = [fT, hT, pT, mT];
 function gT(e, t) {
-  return g(), P("svg", cT, vT);
+  return g(), T("svg", cT, vT);
 }
 var mi = aa(dT, [["render", gT]]);
 const yT = {}, bT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, $T = w("path", { d: "M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z" }, null, -1), wT = w("path", { d: "M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z" }, null, -1), CT = [$T, wT];
 function _T(e, t) {
-  return g(), P("svg", bT, CT);
+  return g(), T("svg", bT, CT);
 }
 var kT = aa(yT, [["render", _T]]);
 const ST = {}, AT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, TT = w("path", { d: "M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z" }, null, -1), PT = [TT];
 function ET(e, t) {
-  return g(), P("svg", AT, PT);
+  return g(), T("svg", AT, PT);
 }
 var ff = aa(ST, [["render", ET]]);
 const OT = {}, IT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, NT = w("path", { d: "M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z" }, null, -1), DT = [NT];
 function MT(e, t) {
-  return g(), P("svg", IT, DT);
+  return g(), T("svg", IT, DT);
 }
 var hf = aa(OT, [["render", MT]]);
 const VT = {}, RT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, FT = w("path", { d: "M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z" }, null, -1), BT = w("path", { d: "M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z" }, null, -1), LT = [FT, BT];
 function xT(e, t) {
-  return g(), P("svg", RT, LT);
+  return g(), T("svg", RT, LT);
 }
 var mo = aa(VT, [["render", xT]]);
 const jT = {}, zT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, WT = w("path", { d: "M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z" }, null, -1), UT = [WT];
 function HT(e, t) {
-  return g(), P("svg", zT, UT);
+  return g(), T("svg", zT, UT);
 }
 var Hs = aa(jT, [["render", HT]]);
 const KT = {}, GT = { version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", class: "dp__icon" }, qT = w("path", { d: "M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z" }, null, -1), YT = [qT];
 function XT(e, t) {
-  return g(), P("svg", GT, YT);
+  return g(), T("svg", GT, YT);
 }
 var Ks = aa(KT, [["render", XT]]);
 const Gs = (e, t) => {
@@ -15569,7 +15569,7 @@ const Gs = (e, t) => {
     const k = pn(i);
     k && k.blur();
   };
-  return t({ unFocus: b }), (k, _) => (g(), P("div", { onClick: v, "aria-label": "Datepicker input", role: "textbox", "aria-multiline": "false", "aria-disabled": e.disabled, "aria-readonly": e.readonly }, [k.$slots.trigger && !k.$slots["dp-input"] && !e.inline ? G(k.$slots, "trigger", { key: 0 }) : B("", !0), !k.$slots.trigger && (!e.inline || e.inlineWithInput) ? (g(), P("div", cP, [k.$slots["dp-input"] && !k.$slots.trigger && !e.inline ? G(k.$slots, "dp-input", { key: 0, value: e.inputValue, onInput: u, onEnter: d, onTab: c, onClear: y }) : B("", !0), k.$slots["dp-input"] ? B("", !0) : (g(), P("input", { key: 1, ref_key: "inputRef", ref: i, id: e.uid ? `dp-input-${e.uid}` : void 0, name: e.name, class: R(f(l)), placeholder: e.placeholder, disabled: e.disabled, readonly: e.readonly, required: e.required, value: e.inputValue, autocomplete: e.autocomplete, onInput: u, onKeydown: [Se(d, ["enter"]), Se(c, ["tab"])], onBlur: p, onFocus: h }, null, 42, fP)), k.$slots["input-icon"] && !e.hideInputIcon ? (g(), P("span", { key: 2, class: "dp__input_icon", onClick: m }, [G(k.$slots, "input-icon")])) : B("", !0), !k.$slots["input-icon"] && !e.hideInputIcon && !k.$slots["dp-input"] ? (g(), Z(f(mi), { key: 3, class: "dp__input_icon dp__input_icons", onClick: m })) : B("", !0), k.$slots["clear-icon"] && e.clearable && !e.disabled && !e.readonly ? (g(), P("span", hP, [G(k.$slots, "clear-icon", { clear: y })])) : B("", !0), e.clearable && !k.$slots["clear-icon"] && e.inputValue && !e.disabled && !e.readonly ? (g(), Z(f(kT), { key: 5, class: "dp__clear_icon dp__input_icons", onClick: xe(y, ["stop", "prevent"]) }, null, 8, ["onClick"])) : B("", !0)])) : B("", !0)], 8, dP));
+  return t({ unFocus: b }), (k, _) => (g(), T("div", { onClick: v, "aria-label": "Datepicker input", role: "textbox", "aria-multiline": "false", "aria-disabled": e.disabled, "aria-readonly": e.readonly }, [k.$slots.trigger && !k.$slots["dp-input"] && !e.inline ? G(k.$slots, "trigger", { key: 0 }) : B("", !0), !k.$slots.trigger && (!e.inline || e.inlineWithInput) ? (g(), T("div", cP, [k.$slots["dp-input"] && !k.$slots.trigger && !e.inline ? G(k.$slots, "dp-input", { key: 0, value: e.inputValue, onInput: u, onEnter: d, onTab: c, onClear: y }) : B("", !0), k.$slots["dp-input"] ? B("", !0) : (g(), T("input", { key: 1, ref_key: "inputRef", ref: i, id: e.uid ? `dp-input-${e.uid}` : void 0, name: e.name, class: R(f(l)), placeholder: e.placeholder, disabled: e.disabled, readonly: e.readonly, required: e.required, value: e.inputValue, autocomplete: e.autocomplete, onInput: u, onKeydown: [Se(d, ["enter"]), Se(c, ["tab"])], onBlur: p, onFocus: h }, null, 42, fP)), k.$slots["input-icon"] && !e.hideInputIcon ? (g(), T("span", { key: 2, class: "dp__input_icon", onClick: m }, [G(k.$slots, "input-icon")])) : B("", !0), !k.$slots["input-icon"] && !e.hideInputIcon && !k.$slots["dp-input"] ? (g(), Z(f(mi), { key: 3, class: "dp__input_icon dp__input_icons", onClick: m })) : B("", !0), k.$slots["clear-icon"] && e.clearable && !e.disabled && !e.readonly ? (g(), T("span", hP, [G(k.$slots, "clear-icon", { clear: y })])) : B("", !0), e.clearable && !k.$slots["clear-icon"] && e.inputValue && !e.disabled && !e.readonly ? (g(), Z(f(kT), { key: 5, class: "dp__clear_icon dp__input_icons", onClick: xe(y, ["stop", "prevent"]) }, null, 8, ["onClick"])) : B("", !0)])) : B("", !0)], 8, dP));
 } }), Mv = { weekNumbers: { type: Boolean, default: !1 }, weekStart: { type: [Number, String], default: 1 }, disableMonthYearSelect: { type: Boolean, default: !1 }, menuClassName: { type: String, default: null }, calendarClassName: { type: String, default: null }, yearRange: { type: Array, default: () => [1970, 2100] }, range: { type: Boolean, default: !1 }, multiCalendarsSolo: { type: Boolean, default: !1 }, calendarCellClassName: { type: String, default: null }, enableTimePicker: { type: Boolean, default: !0 }, is24: { type: Boolean, default: !0 }, hoursIncrement: { type: [String, Number], default: 1 }, minutesIncrement: { type: [String, Number], default: 1 }, secondsIncrement: { type: [String, Number], default: 1 }, hoursGridIncrement: { type: [String, Number], default: 1 }, secondsGridIncrement: { type: [String, Number], default: 1 }, minutesGridIncrement: { type: [String, Number], default: 5 }, minDate: { type: [Date, String], default: null }, maxDate: { type: [Date, String], default: null }, autoApply: { type: Boolean, default: !1 }, selectText: { type: String, default: "Select" }, cancelText: { type: String, default: "Cancel" }, locale: { type: String, default: "en-US" }, weekNumName: { type: String, default: "W" }, disabledDates: { type: [Array, Function], default: () => [] }, minTime: { type: Object, default: null }, maxTime: { type: Object, default: null }, inline: { type: Boolean, default: !1 }, monthPicker: { type: Boolean, default: !1 }, timePicker: { type: Boolean, default: !1 }, monthNameFormat: { type: String, default: "short" }, startDate: { type: [Date, String], default: null }, startTime: { type: [Object, Array], default: null }, monthYearComponent: { type: Object, default: null }, timePickerComponent: { type: Object, default: null }, actionRowComponent: { type: Object, default: null }, customProps: { type: Object, default: null }, hideOffsetDates: { type: Boolean, default: !1 }, autoRange: { type: [Number, String], default: null }, noToday: { type: Boolean, default: !1 }, noHoursOverlay: { type: Boolean, default: !1 }, noMinutesOverlay: { type: Boolean, default: !1 }, noSecondsOverlay: { type: Boolean, default: !1 }, disabledWeekDays: { type: Array, default: () => [] }, allowedDates: { type: Array, default: () => [] }, showNowButton: { type: Boolean, default: !1 }, nowButtonLabel: { type: String, default: "Now" }, monthChangeOnScroll: { type: [Boolean, String], default: !0 }, markers: { type: Array, default: () => [] }, uid: { type: String, default: null }, modeHeight: { type: [Number, String], default: 255 }, enableSeconds: { type: Boolean, default: !1 }, escClose: { type: Boolean, default: !0 }, spaceConfirm: { type: Boolean, default: !0 }, monthChangeOnArrows: { type: Boolean, default: !0 }, textInput: { type: Boolean, default: !1 }, disabled: { type: Boolean, default: !1 }, readonly: { type: Boolean, default: !1 }, multiDates: { type: Boolean, default: !1 }, presetRanges: { type: Array, default: () => [] }, flow: { type: Array, default: () => [] }, preventMinMaxNavigation: { type: Boolean, default: !1 }, minRange: { type: [Number, String], default: null }, maxRange: { type: [Number, String], default: null }, fixedStart: { type: Boolean, default: !1 }, fixedEnd: { type: Boolean, default: !1 }, multiDatesLimit: { type: [Number, String], default: null }, reverseYears: { type: Boolean, default: !1 }, keepActionRow: { type: Boolean, default: !1 }, weekPicker: { type: Boolean, default: !1 } }, mP = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
@@ -15605,15 +15605,15 @@ const Gs = (e, t) => {
   }, M = () => {
     r.value = null;
   };
-  return ($, A) => (g(), P("div", { class: R(f(k)) }, [w("div", { style: pe(f(_)) }, [f(p) ? B("", !0) : (g(), P("div", { key: 0, class: R(f(m)), role: "grid", "aria-label": "Calendar wrapper", onWheel: A[1] || (A[1] = xe((N) => $.$emit("handleScroll", N), ["prevent"])) }, [w("div", vP, [e.weekNumbers ? (g(), P("div", gP, ae(e.weekNumName), 1)) : B("", !0), (g(!0), P(ge, null, ke(f(v), (N, z) => (g(), P("div", { class: "dp__calendar_header_item", role: "gridcell", key: z }, [$.$slots["calendar-header"] ? G($.$slots, "calendar-header", { key: 0, day: N, index: z }) : B("", !0), $.$slots["calendar-header"] ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(N), 1)], 64))]))), 128))]), yP, te(Dt, { name: l.value, css: !!f(s) }, { default: K(() => [o.value ? (g(), P("div", bP, [(g(!0), P(ge, null, ke(e.mappedDates, (N, z) => (g(), P("div", { class: "dp__calendar_row", role: "row", key: z }, [e.weekNumbers ? (g(), P("div", $P, [w("div", wP, ae(e.getWeekNum(N.days)), 1)])) : B("", !0), (g(!0), P(ge, null, ke(N.days, (V, x) => (g(), P("div", { role: "gridcell", class: "dp__calendar_item", ref_for: !0, ref: (U) => {
+  return ($, A) => (g(), T("div", { class: R(f(k)) }, [w("div", { style: me(f(_)) }, [f(p) ? B("", !0) : (g(), T("div", { key: 0, class: R(f(m)), role: "grid", "aria-label": "Calendar wrapper", onWheel: A[1] || (A[1] = xe((N) => $.$emit("handleScroll", N), ["prevent"])) }, [w("div", vP, [e.weekNumbers ? (g(), T("div", gP, ae(e.weekNumName), 1)) : B("", !0), (g(!0), T(pe, null, ke(f(v), (N, z) => (g(), T("div", { class: "dp__calendar_header_item", role: "gridcell", key: z }, [$.$slots["calendar-header"] ? G($.$slots, "calendar-header", { key: 0, day: N, index: z }) : B("", !0), $.$slots["calendar-header"] ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(N), 1)], 64))]))), 128))]), yP, te(Dt, { name: l.value, css: !!f(s) }, { default: K(() => [o.value ? (g(), T("div", bP, [(g(!0), T(pe, null, ke(e.mappedDates, (N, z) => (g(), T("div", { class: "dp__calendar_row", role: "row", key: z }, [e.weekNumbers ? (g(), T("div", $P, [w("div", wP, ae(e.getWeekNum(N.days)), 1)])) : B("", !0), (g(!0), T(pe, null, ke(N.days, (V, x) => (g(), T("div", { role: "gridcell", class: "dp__calendar_item", ref_for: !0, ref: (U) => {
     U && (i.value[x + z] = U);
-  }, key: x + z, "aria-selected": V.classData.dp__active_date || V.classData.dp__range_start || V.classData.dp__range_start, "aria-disabled": V.classData.dp__cell_disabled, tabindex: "0", onClick: (U) => $.$emit("selectDate", V), onKeydown: Se((U) => $.$emit("selectDate", V), ["enter"]), onMouseover: (U) => E(V, x + z), onMouseleave: M }, [w("div", { class: R(["dp__cell_inner", V.classData]) }, [$.$slots.day ? G($.$slots, "day", { key: 0, day: +V.text, date: V.value }) : B("", !0), $.$slots.day ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(V.text), 1)], 64)), V.marker ? (g(), P("div", { key: 2, class: R(f(y)(V.marker)), style: pe(V.marker.color ? { backgroundColor: V.marker.color } : {}) }, null, 6)) : B("", !0), f(b)(V.value) ? (g(), P("div", { key: 3, class: "dp__marker_tooltip", style: pe(a.value) }, [w("div", { class: "dp__tooltip_content", onClick: A[0] || (A[0] = xe(() => {
-  }, ["stop"])) }, [(g(!0), P(ge, null, ke(V.marker.tooltip, (U, D) => (g(), P("div", { key: D, class: "dp__tooltip_text" }, [$.$slots["marker-tooltip"] ? G($.$slots, "marker-tooltip", { key: 0, tooltop: U, day: V.value }) : B("", !0), $.$slots["marker-tooltip"] ? B("", !0) : (g(), P(ge, { key: 1 }, [w("div", { class: "dp__tooltip_mark", style: pe(U.color ? { backgroundColor: U.color } : {}) }, null, 4), w("div", null, ae(U.text), 1)], 64))]))), 128)), _P])], 4)) : B("", !0)], 2)], 40, CP))), 128))]))), 128))])) : B("", !0)]), _: 3 }, 8, ["name", "css"])], 34))], 4)], 2));
+  }, key: x + z, "aria-selected": V.classData.dp__active_date || V.classData.dp__range_start || V.classData.dp__range_start, "aria-disabled": V.classData.dp__cell_disabled, tabindex: "0", onClick: (U) => $.$emit("selectDate", V), onKeydown: Se((U) => $.$emit("selectDate", V), ["enter"]), onMouseover: (U) => E(V, x + z), onMouseleave: M }, [w("div", { class: R(["dp__cell_inner", V.classData]) }, [$.$slots.day ? G($.$slots, "day", { key: 0, day: +V.text, date: V.value }) : B("", !0), $.$slots.day ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(V.text), 1)], 64)), V.marker ? (g(), T("div", { key: 2, class: R(f(y)(V.marker)), style: me(V.marker.color ? { backgroundColor: V.marker.color } : {}) }, null, 6)) : B("", !0), f(b)(V.value) ? (g(), T("div", { key: 3, class: "dp__marker_tooltip", style: me(a.value) }, [w("div", { class: "dp__tooltip_content", onClick: A[0] || (A[0] = xe(() => {
+  }, ["stop"])) }, [(g(!0), T(pe, null, ke(V.marker.tooltip, (U, D) => (g(), T("div", { key: D, class: "dp__tooltip_text" }, [$.$slots["marker-tooltip"] ? G($.$slots, "marker-tooltip", { key: 0, tooltop: U, day: V.value }) : B("", !0), $.$slots["marker-tooltip"] ? B("", !0) : (g(), T(pe, { key: 1 }, [w("div", { class: "dp__tooltip_mark", style: me(U.color ? { backgroundColor: U.color } : {}) }, null, 4), w("div", null, ae(U.text), 1)], 64))]))), 128)), _P])], 4)) : B("", !0)], 2)], 40, CP))), 128))]))), 128))])) : B("", !0)]), _: 3 }, 8, ["name", "css"])], 34))], 4)], 2));
 } }), SP = (e) => typeof e == "object", yf = (e, t) => t, AP = (e) => Array.isArray(e) && e.length === 2, TP = (e) => Array.isArray(e), PP = (e) => typeof e == "object", oi = (e) => Array.isArray(e), Cn = (e) => Array.isArray(e), go = (e) => Array.isArray(e) && e.length === 2, EP = (e, t) => t ? Array.isArray(e) : go(e), OP = (e) => Array.isArray(e), IP = (e) => typeof e == "string" || typeof e == "object", bf = (e) => typeof e == "string", NP = { class: "dp__selection_preview" }, DP = { class: "dp__action_buttons" }, MP = ["onKeydown"], VP = ne({ props: { selectText: { type: String, default: "Select" }, cancelText: { type: String, default: "Cancel" }, internalModelValue: { type: [Date, Array], default: null }, range: { type: Boolean, default: !1 }, previewFormat: { type: [String, Function], default: () => "" }, inline: { type: Boolean, default: !1 }, monthPicker: { type: Boolean, default: !1 }, timePicker: { type: Boolean, default: !1 }, multiCalendars: { type: Number, default: 0 }, calendarWidth: { type: Number, default: 0 }, menuMount: { type: Boolean, default: !1 }, customProps: { type: Object, default: null }, minTime: { type: Object, default: null }, maxTime: { type: Object, default: null }, enableTimePicker: { type: Boolean, default: !0 }, minDate: { type: [Date, String], default: null }, maxDate: { type: [Date, String], default: null }, multiDates: { type: Boolean, default: !1 } }, emits: ["closePicker", "selectDate"], setup(e, { emit: t }) {
   const n = e, r = ze("formatLocale"), a = j(() => ({ dp__action: !0, dp__select: !0, dp__action_disabled: !i.value || !o.value })), i = j(() => n.enableTimePicker ? ql(n.internalModelValue, n.maxTime, n.minTime) : !0), o = j(() => n.monthPicker ? QT(n.internalModelValue, n.minDate, n.maxDate) : !0), s = (d) => Lo(d, n.previewFormat, r == null ? void 0 : r.value), l = j(() => !n.internalModelValue || !n.menuMount ? "" : typeof n.previewFormat == "string" ? oi(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? n.multiCalendars > 0 ? `${s(n.internalModelValue[0])} - ${s(n.internalModelValue[1])}` : [s(n.internalModelValue[0]), s(n.internalModelValue[1])] : n.multiDates ? n.internalModelValue.map((d) => `${s(d)}`) : `${s(n.internalModelValue[0])} -` : Lo(n.internalModelValue, n.previewFormat, r == null ? void 0 : r.value) : n.timePicker ? n.previewFormat(Gl(n.internalModelValue)) : n.monthPicker ? n.previewFormat(vo(n.internalModelValue)) : n.previewFormat(n.internalModelValue)), u = () => {
     i.value && o.value && t("selectDate");
   };
-  return (d, c) => (g(), P("div", { class: "dp__action_row", style: pe(e.calendarWidth ? { width: `${e.calendarWidth}px` } : {}) }, [w("div", NP, [d.$slots["action-preview"] ? G(d.$slots, "action-preview", { key: 0, value: e.internalModelValue }) : B("", !0), d.$slots["action-preview"] ? B("", !0) : (g(), P(ge, { key: 1 }, [Array.isArray(f(l)) ? B("", !0) : (g(), P(ge, { key: 0 }, [Ae(ae(f(l)), 1)], 64)), Array.isArray(f(l)) ? (g(!0), P(ge, { key: 1 }, ke(f(l), (h, v) => (g(), P("div", { key: v }, ae(h), 1))), 128)) : B("", !0)], 64))]), w("div", DP, [d.$slots["action-select"] ? G(d.$slots, "action-select", { key: 0, value: e.internalModelValue }) : B("", !0), d.$slots["action-select"] ? B("", !0) : (g(), P(ge, { key: 1 }, [e.inline ? B("", !0) : (g(), P("span", { key: 0, class: "dp__action dp__cancel", tabindex: "0", onClick: c[0] || (c[0] = (h) => d.$emit("closePicker")), onKeydown: c[1] || (c[1] = Se((h) => d.$emit("closePicker"), ["enter"])) }, ae(e.cancelText), 33)), w("span", { class: R(f(a)), tabindex: "0", onKeydown: Se(u, ["enter"]), onClick: u }, ae(e.selectText), 43, MP)], 64))])], 4));
+  return (d, c) => (g(), T("div", { class: "dp__action_row", style: me(e.calendarWidth ? { width: `${e.calendarWidth}px` } : {}) }, [w("div", NP, [d.$slots["action-preview"] ? G(d.$slots, "action-preview", { key: 0, value: e.internalModelValue }) : B("", !0), d.$slots["action-preview"] ? B("", !0) : (g(), T(pe, { key: 1 }, [Array.isArray(f(l)) ? B("", !0) : (g(), T(pe, { key: 0 }, [Ae(ae(f(l)), 1)], 64)), Array.isArray(f(l)) ? (g(!0), T(pe, { key: 1 }, ke(f(l), (h, v) => (g(), T("div", { key: v }, ae(h), 1))), 128)) : B("", !0)], 64))]), w("div", DP, [d.$slots["action-select"] ? G(d.$slots, "action-select", { key: 0, value: e.internalModelValue }) : B("", !0), d.$slots["action-select"] ? B("", !0) : (g(), T(pe, { key: 1 }, [e.inline ? B("", !0) : (g(), T("span", { key: 0, class: "dp__action dp__cancel", tabindex: "0", onClick: c[0] || (c[0] = (h) => d.$emit("closePicker")), onKeydown: c[1] || (c[1] = Se((h) => d.$emit("closePicker"), ["enter"])) }, ae(e.cancelText), 33)), w("span", { class: R(f(a)), tabindex: "0", onKeydown: Se(u, ["enter"]), onClick: u }, ae(e.selectText), 43, MP)], 64))])], 4));
 } }), RP = { class: "dp__overlay_container", role: "grid" }, FP = { class: "dp__selection_grid_header" }, BP = ["aria-selected", "aria-disabled", "onClick", "onKeydown", "onMouseover"], LP = ["onKeydown"], zr = ne({ props: { items: { type: Array, default: () => [] }, modelValue: { type: [String, Number], default: null }, multiModelValue: { type: Array, default: () => [] }, disabledValues: { type: Array, default: () => [] }, minValue: { type: [Number, String], default: null }, maxValue: { type: [Number, String], default: null }, year: { type: Number, default: 0 }, skipActive: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "selected", "toggle", "reset-flow"], setup(e, { emit: t }) {
   const n = e, r = Q(!1), a = Q(null), i = Q(null), o = ze("autoApply", !1), s = ze("textInput", Q(!1)), l = Q();
   fg(() => {
@@ -15641,9 +15641,9 @@ const Gs = (e, t) => {
   }, y = (k) => Dv(n.multiModelValue, po(pi(new Date(), l.value || 0), n.year), po(pi(new Date(), k), n.year)), b = () => {
     t("toggle"), t("reset-flow");
   };
-  return (k, _) => (g(), P("div", { ref_key: "gridWrapRef", ref: i, class: R(f(u)), role: "dialog", tabindex: "0" }, [w("div", RP, [w("div", FP, [G(k.$slots, "header")]), (g(!0), P(ge, null, ke(f(c), (E, M) => (g(), P("div", { class: "dp__overlay_row", key: f(lP)(M), role: "row" }, [(g(!0), P(ge, null, ke(E, ($) => (g(), P("div", { role: "gridcell", class: R(f(d)), key: $.value, "aria-selected": $.value === e.modelValue && !e.disabledValues.includes($.value), "aria-disabled": $.className.dp__overlay_cell_disabled, ref_for: !0, ref: (A) => {
+  return (k, _) => (g(), T("div", { ref_key: "gridWrapRef", ref: i, class: R(f(u)), role: "dialog", tabindex: "0" }, [w("div", RP, [w("div", FP, [G(k.$slots, "header")]), (g(!0), T(pe, null, ke(f(c), (E, M) => (g(), T("div", { class: "dp__overlay_row", key: f(lP)(M), role: "row" }, [(g(!0), T(pe, null, ke(E, ($) => (g(), T("div", { role: "gridcell", class: R(f(d)), key: $.value, "aria-selected": $.value === e.modelValue && !e.disabledValues.includes($.value), "aria-disabled": $.className.dp__overlay_cell_disabled, ref_for: !0, ref: (A) => {
     $.value === e.modelValue && !e.disabledValues.includes($.value) && (a.value = A);
-  }, tabindex: "0", onClick: (A) => m($.value), onKeydown: Se((A) => m($.value), ["enter"]), onMouseover: (A) => l.value = $.value }, [w("div", { class: R($.className) }, [k.$slots.item ? G(k.$slots, "item", { key: 0, item: $ }) : B("", !0), k.$slots.item ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae($.text), 1)], 64))], 2)], 42, BP))), 128))]))), 128)), k.$slots["button-icon"] ? (g(), P("div", { key: 0, role: "button", "aria-label": "Toggle overlay", class: R(f(h)), tabindex: "0", onClick: b, onKeydown: Se(b, ["enter"]) }, [G(k.$slots, "button-icon")], 42, LP)) : B("", !0)])], 2));
+  }, tabindex: "0", onClick: (A) => m($.value), onKeydown: Se((A) => m($.value), ["enter"]), onMouseover: (A) => l.value = $.value }, [w("div", { class: R($.className) }, [k.$slots.item ? G(k.$slots, "item", { key: 0, item: $ }) : B("", !0), k.$slots.item ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae($.text), 1)], 64))], 2)], 42, BP))), 128))]))), 128)), k.$slots["button-icon"] ? (g(), T("div", { key: 0, role: "button", "aria-label": "Toggle overlay", class: R(f(h)), tabindex: "0", onClick: b, onKeydown: Se(b, ["enter"]) }, [G(k.$slots, "button-icon")], 42, LP)) : B("", !0)])], 2));
 } }), td = () => {
   const e = ze("transitions");
   return { transitionName: j(() => (t) => e != null && e.value ? t ? e.value.open : e.value.close : ""), showTransition: !!(e != null && e.value) };
@@ -15679,7 +15679,7 @@ const Gs = (e, t) => {
       case "seconds":
         o.value = !0;
     }
-  } }), (A, N) => e.disabled ? B("", !0) : (g(), P("div", xP, [w("div", { class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment hours", tabindex: "0", onKeydown: N[0] || (N[0] = Se((z) => E("hours"), ["enter"])), onClick: N[1] || (N[1] = (z) => E("hours")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { role: "button", "aria-label": "Open hours overlay", class: R(e.noHoursOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(y, ["enter"]), onClick: y }, [A.$slots.hours ? G(A.$slots, "hours", { key: 0, text: f(c).text, value: f(c).value }) : B("", !0), A.$slots.hours ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(f(c).text), 1)], 64))], 42, jP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement hours", tabindex: "0", onKeydown: N[2] || (N[2] = Se((z) => E("hours", !1), ["enter"])), onClick: N[3] || (N[3] = (z) => E("hours", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2), w("div", { class: R(f(d)) }, ":", 2), w("div", { class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment minutes", tabindex: "0", onKeydown: N[4] || (N[4] = Se((z) => E("minutes"), ["enter"])), onClick: N[5] || (N[5] = (z) => E("minutes")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { "aria-label": "Open minutes overlay", role: "button", class: R(e.noMinutesOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(b, ["enter"]), onClick: b }, [A.$slots.minutes ? G(A.$slots, "minutes", { key: 0, text: f(h).text, value: f(h).value }) : B("", !0), A.$slots.minutes ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(f(h).text), 1)], 64))], 42, zP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement minutes", tabindex: "0", onKeydown: N[6] || (N[6] = Se((z) => E("minutes", !1), ["enter"])), onClick: N[7] || (N[7] = (z) => E("minutes", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2), e.enableSeconds ? (g(), P("div", { key: 0, class: R(f(d)) }, ":", 2)) : B("", !0), e.enableSeconds ? (g(), P("div", { key: 1, class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment seconds", tabindex: "0", onKeydown: N[8] || (N[8] = Se((z) => E("seconds"), ["enter"])), onClick: N[9] || (N[9] = (z) => E("seconds")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { role: "button", "aria-label": "Open seconds overlay", class: R(e.noSecondsOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(k, ["enter"]), onClick: k }, [A.$slots.seconds ? G(A.$slots, "hours", { key: 0, text: f(v).text, value: f(v).value }) : B("", !0), A.$slots.seconds ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(f(v).text), 1)], 64))], 42, WP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement seconds", tabindex: "0", onKeydown: N[10] || (N[10] = Se((z) => E("seconds", !1), ["enter"])), onClick: N[11] || (N[11] = (z) => E("seconds", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2)) : B("", !0), e.is24 ? B("", !0) : (g(), P("div", UP, [A.$slots["am-pm-button"] ? G(A.$slots, "am-pm-button", { key: 0, toggle: $, value: s.value }) : B("", !0), A.$slots["am-pm-button"] ? B("", !0) : (g(), P("button", { key: 1, class: "dp__pm_am_button", role: "button", "aria-label": "Switch AM/PM mode", tabindex: "0", onClick: $, onKeydown: Se($, ["enter"]) }, ae(s.value), 41, HP))])), te(Dt, { name: f(l)(a.value), css: f(u) }, { default: K(() => [a.value ? (g(), Z(zr, { key: 0, items: m(e.is24 ? 24 : 12, e.hoursGridIncrement), "disabled-values": e.filters.times.hours, "onUpdate:modelValue": N[12] || (N[12] = (z) => A.$emit("update:hours", z)), onSelected: y, onToggle: y, onResetFlow: N[13] || (N[13] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["hours-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "hours-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(l)(i.value), css: f(u) }, { default: K(() => [i.value ? (g(), Z(zr, { key: 0, items: m(60, e.minutesGridIncrement), "disabled-values": e.filters.times.minutes, "onUpdate:modelValue": N[14] || (N[14] = (z) => A.$emit("update:minutes", z)), onSelected: b, onToggle: b, onResetFlow: N[15] || (N[15] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["minutes-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "minutes-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(l)(o.value), css: f(u) }, { default: K(() => [o.value ? (g(), Z(zr, { key: 0, items: m(60, e.secondsGridIncrement), "disabled-values": e.filters.times.seconds, "onUpdate:modelValue": N[16] || (N[16] = (z) => A.$emit("update:seconds", z)), onSelected: k, onToggle: k, onResetFlow: N[17] || (N[17] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["seconds-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "seconds-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"])]));
+  } }), (A, N) => e.disabled ? B("", !0) : (g(), T("div", xP, [w("div", { class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment hours", tabindex: "0", onKeydown: N[0] || (N[0] = Se((z) => E("hours"), ["enter"])), onClick: N[1] || (N[1] = (z) => E("hours")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { role: "button", "aria-label": "Open hours overlay", class: R(e.noHoursOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(y, ["enter"]), onClick: y }, [A.$slots.hours ? G(A.$slots, "hours", { key: 0, text: f(c).text, value: f(c).value }) : B("", !0), A.$slots.hours ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(f(c).text), 1)], 64))], 42, jP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement hours", tabindex: "0", onKeydown: N[2] || (N[2] = Se((z) => E("hours", !1), ["enter"])), onClick: N[3] || (N[3] = (z) => E("hours", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2), w("div", { class: R(f(d)) }, ":", 2), w("div", { class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment minutes", tabindex: "0", onKeydown: N[4] || (N[4] = Se((z) => E("minutes"), ["enter"])), onClick: N[5] || (N[5] = (z) => E("minutes")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { "aria-label": "Open minutes overlay", role: "button", class: R(e.noMinutesOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(b, ["enter"]), onClick: b }, [A.$slots.minutes ? G(A.$slots, "minutes", { key: 0, text: f(h).text, value: f(h).value }) : B("", !0), A.$slots.minutes ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(f(h).text), 1)], 64))], 42, zP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement minutes", tabindex: "0", onKeydown: N[6] || (N[6] = Se((z) => E("minutes", !1), ["enter"])), onClick: N[7] || (N[7] = (z) => E("minutes", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2), e.enableSeconds ? (g(), T("div", { key: 0, class: R(f(d)) }, ":", 2)) : B("", !0), e.enableSeconds ? (g(), T("div", { key: 1, class: R(f(d)) }, [w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Increment seconds", tabindex: "0", onKeydown: N[8] || (N[8] = Se((z) => E("seconds"), ["enter"])), onClick: N[9] || (N[9] = (z) => E("seconds")) }, [A.$slots["arrow-up"] ? G(A.$slots, "arrow-up", { key: 0 }) : B("", !0), A.$slots["arrow-up"] ? B("", !0) : (g(), Z(f(Hs), { key: 1 }))], 32), w("div", { role: "button", "aria-label": "Open seconds overlay", class: R(e.noSecondsOverlay ? "" : "dp__time_display"), tabindex: "0", onKeydown: Se(k, ["enter"]), onClick: k }, [A.$slots.seconds ? G(A.$slots, "hours", { key: 0, text: f(v).text, value: f(v).value }) : B("", !0), A.$slots.seconds ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(f(v).text), 1)], 64))], 42, WP), w("div", { class: "dp__inc_dec_button", role: "button", "aria-label": "Decrement seconds", tabindex: "0", onKeydown: N[10] || (N[10] = Se((z) => E("seconds", !1), ["enter"])), onClick: N[11] || (N[11] = (z) => E("seconds", !1)) }, [A.$slots["arrow-down"] ? G(A.$slots, "arrow-down", { key: 0 }) : B("", !0), A.$slots["arrow-down"] ? B("", !0) : (g(), Z(f(Ks), { key: 1 }))], 32)], 2)) : B("", !0), e.is24 ? B("", !0) : (g(), T("div", UP, [A.$slots["am-pm-button"] ? G(A.$slots, "am-pm-button", { key: 0, toggle: $, value: s.value }) : B("", !0), A.$slots["am-pm-button"] ? B("", !0) : (g(), T("button", { key: 1, class: "dp__pm_am_button", role: "button", "aria-label": "Switch AM/PM mode", tabindex: "0", onClick: $, onKeydown: Se($, ["enter"]) }, ae(s.value), 41, HP))])), te(Dt, { name: f(l)(a.value), css: f(u) }, { default: K(() => [a.value ? (g(), Z(zr, { key: 0, items: m(e.is24 ? 24 : 12, e.hoursGridIncrement), "disabled-values": e.filters.times.hours, "onUpdate:modelValue": N[12] || (N[12] = (z) => A.$emit("update:hours", z)), onSelected: y, onToggle: y, onResetFlow: N[13] || (N[13] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["hours-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "hours-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(l)(i.value), css: f(u) }, { default: K(() => [i.value ? (g(), Z(zr, { key: 0, items: m(60, e.minutesGridIncrement), "disabled-values": e.filters.times.minutes, "onUpdate:modelValue": N[14] || (N[14] = (z) => A.$emit("update:minutes", z)), onSelected: b, onToggle: b, onResetFlow: N[15] || (N[15] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["minutes-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "minutes-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(l)(o.value), css: f(u) }, { default: K(() => [o.value ? (g(), Z(zr, { key: 0, items: m(60, e.secondsGridIncrement), "disabled-values": e.filters.times.seconds, "onUpdate:modelValue": N[16] || (N[16] = (z) => A.$emit("update:seconds", z)), onSelected: k, onToggle: k, onResetFlow: N[17] || (N[17] = (z) => A.$emit("reset-flow")) }, ot({ "button-icon": K(() => [A.$slots["clock-icon"] ? G(A.$slots, "clock-icon", { key: 0 }) : B("", !0), A.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))]), _: 2 }, [A.$slots["seconds-overlay"] ? { name: "item", fn: K(({ item: z }) => [G(A.$slots, "seconds-overlay", { text: z.text, value: z.value })]) } : void 0]), 1032, ["items", "disabled-values"])) : B("", !0)]), _: 3 }, 8, ["name", "css"])]));
 } }), ni = [{ name: "clock-icon", use: ["time", "calendar"] }, { name: "arrow-left", use: ["month-year", "calendar"] }, { name: "arrow-right", use: ["month-year", "calendar"] }, { name: "arrow-up", use: ["time", "calendar"] }, { name: "arrow-down", use: ["time", "calendar"] }, { name: "calendar-icon", use: ["month-year", "time", "calendar"] }, { name: "day", use: ["calendar"] }, { name: "month-overlay", use: ["calendar", "month-year"] }, { name: "year-overlay", use: ["calendar", "month-year"] }, { name: "hours-overlay", use: ["calendar", "time"] }, { name: "minutes-overlay", use: ["calendar", "time"] }, { name: "seconds-overlay", use: ["calendar", "time"] }, { name: "hours", use: ["calendar", "time"] }, { name: "minutes", use: ["calendar", "time"] }, { name: "month", use: ["calendar", "month-year"] }, { name: "year", use: ["calendar", "month-year"] }, { name: "action-select", use: ["action"] }, { name: "action-preview", use: ["action"] }, { name: "calendar-header", use: ["calendar"] }, { name: "marker-tooltip", use: ["calendar"] }, { name: "now-button", use: [] }, { name: "time-picker-overlay", use: ["calendar", "time"] }, { name: "am-pm-button", use: ["calendar", "time"] }], GP = [{ name: "trigger" }, { name: "input-icon" }, { name: "clear-icon" }, { name: "dp-input" }], qP = { all: () => ni, monthYear: () => ni.filter((e) => e.use.includes("month-year")), input: () => GP, timePicker: () => ni.filter((e) => e.use.includes("time")), action: () => ni.filter((e) => e.use.includes("action")), calendar: () => ni.filter((e) => e.use.includes("calendar")) }, Wr = (e, t) => {
   const n = [];
   return qP[t]().forEach((r) => {
@@ -15709,7 +15709,7 @@ const Gs = (e, t) => {
   }, _ = (E) => {
     n("update:seconds", E);
   };
-  return t({ toggleTimePicker: h }), (E, M) => (g(), P("div", null, [e.timePicker ? B("", !0) : (g(), P("div", { key: 0, class: R(f(v)), role: "button", "aria-label": "Open time picker", tabindex: "0", onKeydown: M[0] || (M[0] = Se(($) => h(!0), ["enter"])), onClick: M[1] || (M[1] = ($) => h(!0)) }, [E.$slots["clock-icon"] ? G(E.$slots, "clock-icon", { key: 0 }) : B("", !0), E.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))], 34)), te(Dt, { name: f(s)(u.value), css: f(l) }, { default: K(() => [u.value || e.timePicker ? (g(), P("div", YP, [w("div", XP, [E.$slots["time-picker-overlay"] ? G(E.$slots, "time-picker-overlay", { key: 0, range: e.range, hours: e.hours, minutes: e.minutes, seconds: e.seconds, setHours: b, setMinutes: k, setSeconds: _ }) : B("", !0), E.$slots["time-picker-overlay"] ? B("", !0) : (g(), P("div", ZP, [(g(!0), P(ge, null, ke(f(c), ($, A) => (g(), Z(KP, Ve({ key: A, disabled: A === 0 ? e.fixedStart : e.fixedEnd, hours: $.hours, minutes: $.minutes, seconds: $.seconds }, f(m), { "onUpdate:hours": (N) => b(y(N, A, "hours")), "onUpdate:minutes": (N) => k(y(N, A, "minutes")), "onUpdate:seconds": (N) => _(y(N, A, "seconds")) }), ot({ _: 2 }, [ke(f(p), (N, z) => ({ name: N, fn: K((V) => [G(E.$slots, N, yr(Br(V)))]) }))]), 1040, ["disabled", "hours", "minutes", "seconds", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"]))), 128))])), e.timePicker ? B("", !0) : (g(), P("div", { key: 2, class: R(f(v)), role: "button", "aria-label": "Close time picker", tabindex: "0", onKeydown: M[2] || (M[2] = Se(($) => h(!1), ["enter"])), onClick: M[3] || (M[3] = ($) => h(!1)) }, [E.$slots["calendar-icon"] ? G(E.$slots, "calendar-icon", { key: 0 }) : B("", !0), E.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))], 34))])])) : B("", !0)]), _: 3 }, 8, ["name", "css"])]));
+  return t({ toggleTimePicker: h }), (E, M) => (g(), T("div", null, [e.timePicker ? B("", !0) : (g(), T("div", { key: 0, class: R(f(v)), role: "button", "aria-label": "Open time picker", tabindex: "0", onKeydown: M[0] || (M[0] = Se(($) => h(!0), ["enter"])), onClick: M[1] || (M[1] = ($) => h(!0)) }, [E.$slots["clock-icon"] ? G(E.$slots, "clock-icon", { key: 0 }) : B("", !0), E.$slots["clock-icon"] ? B("", !0) : (g(), Z(f(mo), { key: 1 }))], 34)), te(Dt, { name: f(s)(u.value), css: f(l) }, { default: K(() => [u.value || e.timePicker ? (g(), T("div", YP, [w("div", XP, [E.$slots["time-picker-overlay"] ? G(E.$slots, "time-picker-overlay", { key: 0, range: e.range, hours: e.hours, minutes: e.minutes, seconds: e.seconds, setHours: b, setMinutes: k, setSeconds: _ }) : B("", !0), E.$slots["time-picker-overlay"] ? B("", !0) : (g(), T("div", ZP, [(g(!0), T(pe, null, ke(f(c), ($, A) => (g(), Z(KP, Ve({ key: A, disabled: A === 0 ? e.fixedStart : e.fixedEnd, hours: $.hours, minutes: $.minutes, seconds: $.seconds }, f(m), { "onUpdate:hours": (N) => b(y(N, A, "hours")), "onUpdate:minutes": (N) => k(y(N, A, "minutes")), "onUpdate:seconds": (N) => _(y(N, A, "seconds")) }), ot({ _: 2 }, [ke(f(p), (N, z) => ({ name: N, fn: K((V) => [G(E.$slots, N, yr(Br(V)))]) }))]), 1040, ["disabled", "hours", "minutes", "seconds", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"]))), 128))])), e.timePicker ? B("", !0) : (g(), T("div", { key: 2, class: R(f(v)), role: "button", "aria-label": "Close time picker", tabindex: "0", onKeydown: M[2] || (M[2] = Se(($) => h(!1), ["enter"])), onClick: M[3] || (M[3] = ($) => h(!1)) }, [E.$slots["calendar-icon"] ? G(E.$slots, "calendar-icon", { key: 0 }) : B("", !0), E.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))], 34))])])) : B("", !0)]), _: 3 }, 8, ["name", "css"])]));
 } }), JP = (e, t) => {
   const n = (l, u) => {
     let d = l;
@@ -15768,7 +15768,7 @@ const Gs = (e, t) => {
   }, z = (V = !1) => {
     n("update:year", V ? r.year + 1 : r.year - 1);
   };
-  return t({ toggleMonthPicker: $, toggleYearPicker: A }), (V, x) => (g(), P("div", e7, [V.monthPicker ? B("", !0) : (g(), P(ge, { key: 0 }, [f(E) ? (g(), P("div", { key: 0, class: "dp__month_year_col_nav", onClick: x[0] || (x[0] = (U) => f(l)(!1)), onKeydown: x[1] || (x[1] = Se((U) => f(l)(!1), ["enter"])), tabindex: "0" }, [w("div", t7, [V.$slots["arrow-left"] ? G(V.$slots, "arrow-left", { key: 0 }) : B("", !0), V.$slots["arrow-left"] ? B("", !0) : (g(), Z(f(ff), { key: 1 }))])], 32)) : B("", !0), w("div", { class: "dp__month_year_select", onClick: $, onKeydown: Se($, ["enter"]), role: "button", "aria-label": "Open months overlay", tabindex: "0" }, [V.$slots.month ? G(V.$slots, "month", { key: 0, value: f(b).value, text: f(b).text }) : B("", !0), V.$slots.month ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(f(b).text), 1)], 64))], 40, n7), w("div", { class: "dp__month_year_select", onClick: A, onKeydown: Se(A, ["enter"]), role: "button", "aria-label": "Open years overlay", tabindex: "0" }, [V.$slots.year ? G(V.$slots, "year", { key: 0, year: V.year }) : B("", !0), V.$slots.year ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(V.year), 1)], 64))], 40, r7), te(Dt, { name: f(a)(o.value), css: f(i) }, { default: K(() => [o.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.month, items: f(k), disabledValues: V.filters.months, minValue: f(v), maxValue: f(p) }, { "onUpdate:modelValue": u, onToggle: $ }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["month-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "month-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(a)(s.value), css: f(i) }, { default: K(() => [s.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.year, items: f(_), disabledValues: V.filters.years, minValue: f(c), maxValue: f(h) }, { "onUpdate:modelValue": d, onToggle: A }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["year-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "year-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"]), f(M) ? (g(), P("div", { key: 1, class: "dp__month_year_col_nav", onClick: x[2] || (x[2] = (U) => f(l)(!0)), onKeydown: x[3] || (x[3] = Se((U) => f(l)(!0), ["enter"])), tabindex: "0" }, [w("div", a7, [V.$slots["arrow-right"] ? G(V.$slots, "arrow-right", { key: 0 }) : B("", !0), V.$slots["arrow-right"] ? B("", !0) : (g(), Z(f(hf), { key: 1 }))])], 32)) : B("", !0)], 64)), V.monthPicker ? (g(), Z(zr, Ve({ key: 1 }, { modelValue: V.month, items: f(k), disabledValues: V.filters.months, minValue: f(v), maxValue: f(p), multiModelValue: f(m), year: V.year, skipActive: r.range }, { "onUpdate:modelValue": u, onToggle: $ }), ot({ header: K(() => [w("div", i7, [w("div", { class: "dp__month_year_col_nav", tabindex: "0", onClick: x[4] || (x[4] = (U) => z(!1)), onKeydown: x[5] || (x[5] = Se((U) => z(!1), ["enter"])) }, [w("div", o7, [V.$slots["arrow-left"] ? G(V.$slots, "arrow-left", { key: 0 }) : B("", !0), V.$slots["arrow-left"] ? B("", !0) : (g(), Z(f(ff), { key: 1 }))])], 32), w("div", { class: "dp__pointer", role: "button", "aria-label": "Open years overlay", tabindex: "0", onClick: A, onKeydown: Se(A, ["enter"]) }, [V.$slots.year ? G(V.$slots, "year", { key: 0, year: V.year }) : B("", !0), V.$slots.year ? B("", !0) : (g(), P(ge, { key: 1 }, [Ae(ae(V.year), 1)], 64))], 40, s7), w("div", { class: "dp__month_year_col_nav", tabindex: "0", onClick: x[6] || (x[6] = (U) => z(!0)), onKeydown: x[7] || (x[7] = Se((U) => z(!0), ["enter"])) }, [w("div", l7, [V.$slots["arrow-right"] ? G(V.$slots, "arrow-right", { key: 0 }) : B("", !0), V.$slots["arrow-right"] ? B("", !0) : (g(), Z(f(hf), { key: 1 }))])], 32)]), te(Dt, { name: f(a)(s.value), css: f(i) }, { default: K(() => [s.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.year, items: f(_), disabledValues: V.filters.years, minValue: f(c), maxValue: f(h) }, { "onUpdate:modelValue": d, onToggle: A }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["year-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "year-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"])]), _: 2 }, [V.$slots["month-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "month-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]));
+  return t({ toggleMonthPicker: $, toggleYearPicker: A }), (V, x) => (g(), T("div", e7, [V.monthPicker ? B("", !0) : (g(), T(pe, { key: 0 }, [f(E) ? (g(), T("div", { key: 0, class: "dp__month_year_col_nav", onClick: x[0] || (x[0] = (U) => f(l)(!1)), onKeydown: x[1] || (x[1] = Se((U) => f(l)(!1), ["enter"])), tabindex: "0" }, [w("div", t7, [V.$slots["arrow-left"] ? G(V.$slots, "arrow-left", { key: 0 }) : B("", !0), V.$slots["arrow-left"] ? B("", !0) : (g(), Z(f(ff), { key: 1 }))])], 32)) : B("", !0), w("div", { class: "dp__month_year_select", onClick: $, onKeydown: Se($, ["enter"]), role: "button", "aria-label": "Open months overlay", tabindex: "0" }, [V.$slots.month ? G(V.$slots, "month", { key: 0, value: f(b).value, text: f(b).text }) : B("", !0), V.$slots.month ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(f(b).text), 1)], 64))], 40, n7), w("div", { class: "dp__month_year_select", onClick: A, onKeydown: Se(A, ["enter"]), role: "button", "aria-label": "Open years overlay", tabindex: "0" }, [V.$slots.year ? G(V.$slots, "year", { key: 0, year: V.year }) : B("", !0), V.$slots.year ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(V.year), 1)], 64))], 40, r7), te(Dt, { name: f(a)(o.value), css: f(i) }, { default: K(() => [o.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.month, items: f(k), disabledValues: V.filters.months, minValue: f(v), maxValue: f(p) }, { "onUpdate:modelValue": u, onToggle: $ }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["month-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "month-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"]), te(Dt, { name: f(a)(s.value), css: f(i) }, { default: K(() => [s.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.year, items: f(_), disabledValues: V.filters.years, minValue: f(c), maxValue: f(h) }, { "onUpdate:modelValue": d, onToggle: A }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["year-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "year-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"]), f(M) ? (g(), T("div", { key: 1, class: "dp__month_year_col_nav", onClick: x[2] || (x[2] = (U) => f(l)(!0)), onKeydown: x[3] || (x[3] = Se((U) => f(l)(!0), ["enter"])), tabindex: "0" }, [w("div", a7, [V.$slots["arrow-right"] ? G(V.$slots, "arrow-right", { key: 0 }) : B("", !0), V.$slots["arrow-right"] ? B("", !0) : (g(), Z(f(hf), { key: 1 }))])], 32)) : B("", !0)], 64)), V.monthPicker ? (g(), Z(zr, Ve({ key: 1 }, { modelValue: V.month, items: f(k), disabledValues: V.filters.months, minValue: f(v), maxValue: f(p), multiModelValue: f(m), year: V.year, skipActive: r.range }, { "onUpdate:modelValue": u, onToggle: $ }), ot({ header: K(() => [w("div", i7, [w("div", { class: "dp__month_year_col_nav", tabindex: "0", onClick: x[4] || (x[4] = (U) => z(!1)), onKeydown: x[5] || (x[5] = Se((U) => z(!1), ["enter"])) }, [w("div", o7, [V.$slots["arrow-left"] ? G(V.$slots, "arrow-left", { key: 0 }) : B("", !0), V.$slots["arrow-left"] ? B("", !0) : (g(), Z(f(ff), { key: 1 }))])], 32), w("div", { class: "dp__pointer", role: "button", "aria-label": "Open years overlay", tabindex: "0", onClick: A, onKeydown: Se(A, ["enter"]) }, [V.$slots.year ? G(V.$slots, "year", { key: 0, year: V.year }) : B("", !0), V.$slots.year ? B("", !0) : (g(), T(pe, { key: 1 }, [Ae(ae(V.year), 1)], 64))], 40, s7), w("div", { class: "dp__month_year_col_nav", tabindex: "0", onClick: x[6] || (x[6] = (U) => z(!0)), onKeydown: x[7] || (x[7] = Se((U) => z(!0), ["enter"])) }, [w("div", l7, [V.$slots["arrow-right"] ? G(V.$slots, "arrow-right", { key: 0 }) : B("", !0), V.$slots["arrow-right"] ? B("", !0) : (g(), Z(f(hf), { key: 1 }))])], 32)]), te(Dt, { name: f(a)(s.value), css: f(i) }, { default: K(() => [s.value ? (g(), Z(zr, Ve({ key: 0 }, { modelValue: V.year, items: f(_), disabledValues: V.filters.years, minValue: f(c), maxValue: f(h) }, { "onUpdate:modelValue": d, onToggle: A }), ot({ "button-icon": K(() => [V.$slots["calendar-icon"] ? G(V.$slots, "calendar-icon", { key: 0 }) : B("", !0), V.$slots["calendar-icon"] ? B("", !0) : (g(), Z(f(mi), { key: 1 }))]), _: 2 }, [V.$slots["year-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "year-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]), _: 3 }, 8, ["name", "css"])]), _: 2 }, [V.$slots["month-overlay"] ? { name: "item", fn: K(({ item: U }) => [G(V.$slots, "month-overlay", { text: U.text, value: U.value })]) } : void 0]), 1040)) : B("", !0)]));
 } }), d7 = (e, t, n) => {
   const r = Q(new Date()), a = Q(), i = Q([{ month: kt(new Date()), year: St(new Date()) }]), o = Q(e.range ? [Wt(new Date()), Wt(new Date())] : Wt(new Date())), s = Q(e.range ? [Ut(new Date()), Ut(new Date())] : Ut(new Date())), l = Q(e.range ? [0, 0] : 0);
   $e(i, () => {
@@ -15778,8 +15778,8 @@ const Gs = (e, t) => {
   }, { deep: !0 }), et(() => {
     N(), y.value || (e.startDate && (i.value[0].month = kt(new Date(e.startDate)), i.value[0].year = St(new Date(e.startDate)), e.multiCalendars && L(0)), e.startTime && m());
   });
-  const u = j(() => (Y) => i.value[Y] ? i.value[Y].month : 0), d = j(() => (Y) => i.value[Y] ? i.value[Y].year : 0), c = (Y, se, me) => {
-    i.value[Y].month = se, i.value[Y].year = me;
+  const u = j(() => (Y) => i.value[Y] ? i.value[Y].month : 0), d = j(() => (Y) => i.value[Y] ? i.value[Y].year : 0), c = (Y, se, ve) => {
+    i.value[Y].month = se, i.value[Y].year = ve;
   }, h = (Y, se) => i.value[Y].month = se, v = (Y, se) => i.value[Y].year = se, p = (Y = !0) => e.enableSeconds ? Array.isArray(l.value) ? Y ? l.value[0] : l.value[1] : l.value : 0, m = () => {
     e.startTime && (OP(e.startTime) ? (o.value = [+e.startTime[0].hours, +e.startTime[1].hours], s.value = [+e.startTime[0].minutes, +e.startTime[1].minutes], e.enableSeconds && (l.value = [+e.startTime[0].seconds, +e.startTime[1].seconds])) : (o.value = +e.startTime.hours, s.value = +e.startTime.minutes, e.enableSeconds && (l.value = +e.startTime.seconds)));
   }, y = j({ get: () => e.internalModelValue, set: (Y) => {
@@ -15787,18 +15787,18 @@ const Gs = (e, t) => {
   } });
   $e(y, () => N());
   const b = (Y) => {
-    const se = e.maxDate ? Jt(dn(Y), dn(new Date(e.maxDate))) : !1, me = e.minDate ? Vt(dn(Y), dn(new Date(e.minDate))) : !1, Ne = typeof e.disabledDates == "function" ? e.disabledDates(Y) : e.disabledDates.some((ht) => mt(dn(new Date(ht)), dn(Y))), Ze = (e.filters.months.length ? e.filters.months.map((ht) => +ht) : []).includes(kt(Y)), $t = e.disabledWeekDays.length ? e.disabledWeekDays.some((ht) => +ht === tA(Y)) : !1, wt = e.allowedDates.length ? !e.allowedDates.some((ht) => mt(dn(new Date(ht)), dn(Y))) : !1, ct = St(Y), st = ct < +e.yearRange[0] || ct > +e.yearRange[1];
-    return se || me || Ne || Ze || st || $t || wt;
+    const se = e.maxDate ? Jt(dn(Y), dn(new Date(e.maxDate))) : !1, ve = e.minDate ? Vt(dn(Y), dn(new Date(e.minDate))) : !1, Ne = typeof e.disabledDates == "function" ? e.disabledDates(Y) : e.disabledDates.some((ht) => mt(dn(new Date(ht)), dn(Y))), Ze = (e.filters.months.length ? e.filters.months.map((ht) => +ht) : []).includes(kt(Y)), $t = e.disabledWeekDays.length ? e.disabledWeekDays.some((ht) => +ht === tA(Y)) : !1, wt = e.allowedDates.length ? !e.allowedDates.some((ht) => mt(dn(new Date(ht)), dn(Y))) : !1, ct = St(Y), st = ct < +e.yearRange[0] || ct > +e.yearRange[1];
+    return se || ve || Ne || Ze || st || $t || wt;
   }, k = (Y) => !y.value || e.hideOffsetDates && !Y.current || e.range ? !1 : e.multiDates && Array.isArray(y.value) ? y.value.some((se) => mt(se, Y.value)) : mt(Y.value, y.value ? y.value : r.value), _ = (Y) => Dv(y.value, a.value, Y.value), E = (Y) => {
     if (h(0, kt(Y)), v(0, St(Y)), e.multiCalendars)
       for (let se = 1; se < e.multiCalendars; se++) {
-        const me = en(new Date(), { month: u.value(se - 1), year: d.value(se - 1) }), Ne = Yu(me, { months: 1 });
+        const ve = en(new Date(), { month: u.value(se - 1), year: d.value(se - 1) }), Ne = Yu(ve, { months: 1 });
         i.value.push({ month: kt(Ne), year: St(Ne) });
       }
   }, M = () => {
     if (Array.isArray(y.value) && y.value.length === 2) {
-      const Y = new Date(y.value[1] ? y.value[1] : ar(y.value[0], 1)), [se, me] = [kt(y.value[0]), St(y.value[0])], [Ne, Ze] = [kt(y.value[1]), St(y.value[1])];
-      (se !== Ne || se === Ne && me !== Ze) && e.multiCalendarsSolo && (h(1, kt(Y)), v(1, St(Y)));
+      const Y = new Date(y.value[1] ? y.value[1] : ar(y.value[0], 1)), [se, ve] = [kt(y.value[0]), St(y.value[0])], [Ne, Ze] = [kt(y.value[1]), St(y.value[1])];
+      (se !== Ne || se === Ne && ve !== Ze) && e.multiCalendarsSolo && (h(1, kt(Y)), v(1, St(Y)));
     }
   }, $ = (Y) => {
     E(Y), o.value = Wt(Y), s.value = Ut(Y), l.value = An(Y);
@@ -15817,8 +15817,8 @@ const Gs = (e, t) => {
     else
       e.timePicker ? (m(), e.range ? Cn(o.value) && Cn(s.value) && (y.value = [zt(new Date(), o.value[0], s.value[0], p()), zt(new Date(), o.value[1], s.value[1], p(!1))]) : y.value = zt(new Date(), o.value, s.value, p())) : e.monthPicker && !e.range ? y.value = Cr(new Date(), u.value(0), d.value(0)) : e.multiCalendars && E(new Date());
   }, z = (Y) => {
-    const se = kt(new Date(Y)), me = St(new Date(Y));
-    if (h(0, se), v(0, me), e.multiCalendars > 0)
+    const se = kt(new Date(Y)), ve = St(new Date(Y));
+    if (h(0, se), v(0, ve), e.multiCalendars > 0)
       for (let Ne = 1; Ne < e.multiCalendars; Ne++) {
         const Ze = ZT(en(new Date(Y), { year: u.value(Ne - 1), month: d.value(Ne - 1) }));
         h(Ne, Ze.month), v(Ne, Ze.year);
@@ -15826,7 +15826,7 @@ const Gs = (e, t) => {
   }, V = (Y) => {
     if (y.value && Array.isArray(y.value))
       if (y.value.some((se) => mt(Y, se))) {
-        const se = y.value.filter((me) => !mt(me, Y));
+        const se = y.value.filter((ve) => !mt(ve, Y));
         y.value = se.length ? se : null;
       } else
         (e.multiDatesLimit && +e.multiDatesLimit > y.value.length || !e.multiDatesLimit) && y.value.push(Y);
@@ -15834,13 +15834,13 @@ const Gs = (e, t) => {
       y.value = [Y];
   }, x = (Y) => {
     if (Array.isArray(y.value) && y.value[0]) {
-      const se = KS(Y, y.value[0]), me = Math.abs(se < 0 ? se + 1 : se - 1);
+      const se = KS(Y, y.value[0]), ve = Math.abs(se < 0 ? se + 1 : se - 1);
       if (e.minRange && e.maxRange)
-        return me >= +e.minRange && me <= +e.maxRange;
+        return ve >= +e.minRange && ve <= +e.maxRange;
       if (e.minRange)
-        return me >= +e.minRange;
+        return ve >= +e.minRange;
       if (e.maxRange)
-        return me <= +e.maxRange;
+        return ve <= +e.maxRange;
     }
     return !0;
   }, U = (Y) => Array.isArray(y.value) && y.value.length === 2 ? e.fixedStart && (Jt(Y, y.value[0]) || mt(Y, y.value[0])) ? [y.value[0], Y] : e.fixedEnd && (Vt(Y, y.value[1]) || mt(Y, y.value[1])) ? [Y, y.value[1]] : y.value : [], D = () => {
@@ -15850,25 +15850,25 @@ const Gs = (e, t) => {
       if (e.weekPicker)
         return y.value = no(new Date(Y.value), +e.weekStart), D();
       if (!e.range && !Cn(o.value) && !Cn(s.value)) {
-        const me = zt(new Date(Y.value), o.value, s.value, p());
-        e.multiDates ? V(me) : y.value = me, n(), D();
+        const ve = zt(new Date(Y.value), o.value, s.value, p());
+        e.multiDates ? V(ve) : y.value = ve, n(), D();
       } else if (Cn(o.value) && Cn(s.value) && !e.multiDates) {
-        let me = y.value ? y.value.slice() : [];
-        me.length === 2 && !(e.fixedStart || e.fixedEnd) && (me = []), e.autoRange ? (se && z(Y.value), me = [new Date(Y.value), Gr(new Date(Y.value), +e.autoRange)]) : e.fixedStart || e.fixedEnd ? me = U(new Date(Y.value)) : me[0] ? x(new Date(Y.value)) && (Vt(new Date(Y.value), new Date(me[0])) ? me.unshift(new Date(Y.value)) : me[1] = new Date(Y.value)) : me[0] = new Date(Y.value), me[0] && !me[1] ? me[0] = zt(me[0], o.value[0], s.value[0], p()) : (me[0] = zt(me[0], o.value[0], s.value[0], p()), me[1] = zt(me[1], o.value[1], s.value[1], p(!1)), n()), y.value = me, me[0] && me[1] && e.autoApply && t("autoApply");
+        let ve = y.value ? y.value.slice() : [];
+        ve.length === 2 && !(e.fixedStart || e.fixedEnd) && (ve = []), e.autoRange ? (se && z(Y.value), ve = [new Date(Y.value), Gr(new Date(Y.value), +e.autoRange)]) : e.fixedStart || e.fixedEnd ? ve = U(new Date(Y.value)) : ve[0] ? x(new Date(Y.value)) && (Vt(new Date(Y.value), new Date(ve[0])) ? ve.unshift(new Date(Y.value)) : ve[1] = new Date(Y.value)) : ve[0] = new Date(Y.value), ve[0] && !ve[1] ? ve[0] = zt(ve[0], o.value[0], s.value[0], p()) : (ve[0] = zt(ve[0], o.value[0], s.value[0], p()), ve[1] = zt(ve[1], o.value[1], s.value[1], p(!1)), n()), y.value = ve, ve[0] && ve[1] && e.autoApply && t("autoApply");
       }
     }
   }, I = (Y) => {
-    const se = Y.find((me) => me.current);
+    const se = Y.find((ve) => ve.current);
     return se ? aA(se.value) : "";
   }, F = (Y) => {
     !Y.current && e.hideOffsetDates || (a.value = Y.value);
-  }, T = (Y) => {
+  }, P = (Y) => {
     if (e.autoRange || e.weekPicker) {
       if (a.value) {
         if (e.hideOffsetDates && !Y.current)
           return !1;
-        const se = Gr(a.value, +e.autoRange), me = no(new Date(a.value), +e.weekStart);
-        return e.weekPicker ? mt(me[1], new Date(Y.value)) : mt(se, new Date(Y.value));
+        const se = Gr(a.value, +e.autoRange), ve = no(new Date(a.value), +e.weekStart);
+        return e.weekPicker ? mt(ve[1], new Date(Y.value)) : mt(se, new Date(Y.value));
       }
       return !1;
     }
@@ -15879,8 +15879,8 @@ const Gs = (e, t) => {
         const se = Gr(a.value, +e.autoRange);
         if (e.hideOffsetDates && !Y.current)
           return !1;
-        const me = no(new Date(a.value), +e.weekStart);
-        return e.weekPicker ? Jt(Y.value, me[0]) && Vt(Y.value, me[1]) : Jt(Y.value, a.value) && Vt(Y.value, se);
+        const ve = no(new Date(a.value), +e.weekStart);
+        return e.weekPicker ? Jt(Y.value, ve[0]) && Vt(Y.value, ve[1]) : Jt(Y.value, a.value) && Vt(Y.value, se);
       }
       return !1;
     }
@@ -15898,27 +15898,27 @@ const Gs = (e, t) => {
     return !1;
   }, L = (Y) => {
     for (let se = Y - 1; se >= 0; se--) {
-      const me = Ei(en(new Date(), { month: u.value(se + 1), year: d.value(se + 1) }), 1);
-      c(se, kt(me), St(me));
+      const ve = Ei(en(new Date(), { month: u.value(se + 1), year: d.value(se + 1) }), 1);
+      c(se, kt(ve), St(ve));
     }
     for (let se = Y + 1; se <= e.multiCalendars - 1; se++) {
-      const me = ar(en(new Date(), { month: u.value(se - 1), year: d.value(se - 1) }), 1);
-      c(se, kt(me), St(me));
+      const ve = ar(en(new Date(), { month: u.value(se - 1), year: d.value(se - 1) }), 1);
+      c(se, kt(ve), St(ve));
     }
-  }, S = (Y) => Cr(new Date(), u.value(Y), d.value(Y)), H = (Y, se, me = !0) => {
-    if (me ? h(Y, se) : v(Y, se), e.multiCalendars && !e.multiCalendarsSolo && L(Y), e.monthPicker)
+  }, S = (Y) => Cr(new Date(), u.value(Y), d.value(Y)), H = (Y, se, ve = !0) => {
+    if (ve ? h(Y, se) : v(Y, se), e.multiCalendars && !e.multiCalendarsSolo && L(Y), e.monthPicker)
       if (e.range) {
-        if (me) {
+        if (ve) {
           let Ne = y.value ? y.value.slice() : [];
           Ne.length === 2 && (Ne = []), Ne.length ? Vt(S(Y), Ne[0]) ? Ne.unshift(S(Y)) : Ne.push(S(Y)) : Ne = [S(Y)], y.value = Ne;
         }
       } else
         y.value = S(Y);
-    n(), t("updateMonthYear", { instance: Y, value: se, isMonth: me });
+    n(), t("updateMonthYear", { instance: Y, value: se, isMonth: ve });
   }, J = (Y) => zt(Y, o.value, s.value, p()), fe = (Y) => {
     oi(Y) && oi(y.value) && Cn(o.value) && Cn(s.value) ? (Y[0] && y.value[0] && (y.value[0] = zt(Y[0], o.value[0], s.value[0], p())), Y[1] && y.value[1] && (y.value[1] = zt(Y[1], o.value[1], s.value[1], p(!1)))) : e.multiDates && Array.isArray(y.value) ? y.value[y.value.length - 1] = J(Y) : !e.range && !go(Y) && (y.value = J(Y)), t("timeUpdate");
-  }, le = (Y, se = !0, me = !1) => {
-    const Ne = se ? Y : o.value, Ze = !se && !me ? Y : s.value, $t = me ? Y : l.value;
+  }, le = (Y, se = !0, ve = !1) => {
+    const Ne = se ? Y : o.value, Ze = !se && !ve ? Y : s.value, $t = ve ? Y : l.value;
     if (e.range && go(y.value) && Cn(Ne) && Cn(Ze) && Cn($t)) {
       const wt = (st) => zt(y.value[st], Ne[st], Ze[st], $t[st]), ct = (st) => ed(y.value[st], 0);
       if (mt(y.value[0], y.value[1]) && (Hi(wt(0), ct(1)) || Ki(wt(1), ct(0))))
@@ -15935,13 +15935,13 @@ const Gs = (e, t) => {
     n();
   }, de = () => {
     a.value = null;
-  }, ee = (Y) => yf(y.value, e.range) && y.value[0] && a.value ? Y ? Jt(a.value, y.value[0]) : Vt(a.value, y.value[0]) : !0, q = (Y, se = !0) => (e.range || e.weekPicker) && go(y.value) ? e.hideOffsetDates && !Y.current ? !1 : mt(new Date(Y.value), y.value[se ? 0 : 1]) : e.range ? mt(new Date(Y.value), y.value && Array.isArray(y.value) ? se ? y.value[0] || null : y.value[1] : null) && (se ? !Vt(a.value || null, Array.isArray(y.value) ? y.value[0] : null) : !0) || mt(Y.value, Array.isArray(y.value) ? y.value[0] : null) && ee(se) : !1, ie = (Y, se) => Array.isArray(e.internalModelValue) && e.internalModelValue.length || e.weekPicker ? !1 : !Y && !k(se) && !(!se.current && e.hideOffsetDates) && (e.range ? !q(se) && !q(se, !1) : !0), he = (Y, se, me) => Array.isArray(e.internalModelValue) && e.internalModelValue[0] && e.internalModelValue.length === 1 ? Y ? !1 : me ? Jt(e.internalModelValue[0], se.value) : Vt(e.internalModelValue[0], se.value) : !1, Ce = (Y = !1) => {
+  }, ee = (Y) => yf(y.value, e.range) && y.value[0] && a.value ? Y ? Jt(a.value, y.value[0]) : Vt(a.value, y.value[0]) : !0, q = (Y, se = !0) => (e.range || e.weekPicker) && go(y.value) ? e.hideOffsetDates && !Y.current ? !1 : mt(new Date(Y.value), y.value[se ? 0 : 1]) : e.range ? mt(new Date(Y.value), y.value && Array.isArray(y.value) ? se ? y.value[0] || null : y.value[1] : null) && (se ? !Vt(a.value || null, Array.isArray(y.value) ? y.value[0] : null) : !0) || mt(Y.value, Array.isArray(y.value) ? y.value[0] : null) && ee(se) : !1, ie = (Y, se) => Array.isArray(e.internalModelValue) && e.internalModelValue.length || e.weekPicker ? !1 : !Y && !k(se) && !(!se.current && e.hideOffsetDates) && (e.range ? !q(se) && !q(se, !1) : !0), he = (Y, se, ve) => Array.isArray(e.internalModelValue) && e.internalModelValue[0] && e.internalModelValue.length === 1 ? Y ? !1 : ve ? Jt(e.internalModelValue[0], se.value) : Vt(e.internalModelValue[0], se.value) : !1, Ce = (Y = !1) => {
     e.autoApply && e.monthPicker && t("autoApply", Y);
   }, Be = (Y, se) => {
-    const me = en(new Date(), { month: u.value(se), year: d.value(se) }), Ne = Y < 0 ? ar(me, 1) : Ei(me, 1);
+    const ve = en(new Date(), { month: u.value(se), year: d.value(se) }), Ne = Y < 0 ? ar(ve, 1) : Ei(ve, 1);
     c(se, kt(Ne), St(Ne)), e.multiCalendars && !e.multiCalendarsSolo && L(se);
   };
-  return { today: r, hours: o, minutes: s, seconds: l, month: u, year: d, monthYearSelect: Ce, isDisabled: b, updateTime: le, setHoverDate: F, getWeekNum: I, selectDate: C, rangeActive: _, isActiveDate: k, updateMonthYear: H, isHoverRangeEnd: T, isAutoRangeInBetween: O, isAutoRangeStart: W, clearHoverDate: de, rangeActiveStartEnd: q, handleScroll: (Y, se) => {
+  return { today: r, hours: o, minutes: s, seconds: l, month: u, year: d, monthYearSelect: Ce, isDisabled: b, updateTime: le, setHoverDate: F, getWeekNum: I, selectDate: C, rangeActive: _, isActiveDate: k, updateMonthYear: H, isHoverRangeEnd: P, isAutoRangeInBetween: O, isAutoRangeStart: W, clearHoverDate: de, rangeActiveStartEnd: q, handleScroll: (Y, se) => {
     e.monthChangeOnScroll && Be(e.monthChangeOnScroll === "inverse" ? -Y.deltaY : Y.deltaY, se);
   }, getMarker: (Y) => e.markers.find((se) => mt(dn(new Date(Y.value)), dn(new Date(se.date)))), handleArrow: (Y, se) => {
     e.monthChangeOnArrows && Be(Y === "right" ? -1 : 1, se);
@@ -15957,8 +15957,8 @@ const Gs = (e, t) => {
     d.value = !0, (ue = n.presetRanges) != null && ue.length || Be(), n.inline || Me(() => t("dpOpen"));
     const X = pn(l);
     if (X && !n.textInput && !n.inline && X.focus({ preventScroll: !0 }), X) {
-      const re = (ve) => {
-        ve.stopImmediatePropagation(), ve.stopPropagation();
+      const re = (ge) => {
+        ge.stopImmediatePropagation(), ge.stopPropagation();
       };
       X.addEventListener("pointerdown", re), X.addEventListener("mousedown", re);
     }
@@ -15971,12 +15971,12 @@ const Gs = (e, t) => {
     ((ue = n.flow) == null ? void 0 : ue.length) && c.value !== -1 && (c.value += 1, t("flow-step", c.value), sn());
   }, v = () => {
     c.value = -1;
-  }, { updateTime: p, updateMonthYear: m, today: y, month: b, year: k, hours: _, minutes: E, seconds: M, isDisabled: $, isActiveDate: A, selectDate: N, getWeekNum: z, setHoverDate: V, isHoverRangeEnd: x, isAutoRangeInBetween: U, isAutoRangeStart: D, rangeActive: C, clearHoverDate: I, rangeActiveStartEnd: F, monthYearSelect: T, handleScroll: O, handleArrow: W, getMarker: L, selectCurrentDate: S, isHoverDateStartEnd: H, isHoverDate: J, presetDateRange: fe } = d7(n, t, h), le = Wr(r, "calendar"), de = Wr(r, "action"), ee = Wr(r, "timePicker"), q = Wr(r, "monthYear"), ie = j(() => n.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), he = j(() => rP(n.yearRange)), Ce = j(() => aP(n.locale, n.monthNameFormat)), Be = () => {
+  }, { updateTime: p, updateMonthYear: m, today: y, month: b, year: k, hours: _, minutes: E, seconds: M, isDisabled: $, isActiveDate: A, selectDate: N, getWeekNum: z, setHoverDate: V, isHoverRangeEnd: x, isAutoRangeInBetween: U, isAutoRangeStart: D, rangeActive: C, clearHoverDate: I, rangeActiveStartEnd: F, monthYearSelect: P, handleScroll: O, handleArrow: W, getMarker: L, selectCurrentDate: S, isHoverDateStartEnd: H, isHoverDate: J, presetDateRange: fe } = d7(n, t, h), le = Wr(r, "calendar"), de = Wr(r, "action"), ee = Wr(r, "timePicker"), q = Wr(r, "monthYear"), ie = j(() => n.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), he = j(() => rP(n.yearRange)), Ce = j(() => aP(n.locale, n.monthNameFormat)), Be = () => {
     const ue = pn(a);
     ue && (u.value = ue.getBoundingClientRect().width);
-  }, Y = j(() => (ue) => eP(b.value(ue), k.value(ue), +n.weekStart, n.hideOffsetDates)), se = j(() => n.multiCalendars > 0 && n.range ? [...Array(n.multiCalendars).keys()] : [0]), me = j(() => (ue) => ue === 1), Ne = j(() => n.monthPicker || n.timePicker), Ze = j(() => ({ dp__flex_display: n.multiCalendars > 0 })), $t = j(() => ({ dp__instance_calendar: n.multiCalendars > 0 })), wt = j(() => ({ dp__menu_disabled: n.disabled, dp__menu_readonly: n.readonly })), ct = j(() => (ue) => $n(Y, ue)), st = j(() => ({ locale: n.locale, weekNumName: n.weekNumName, weekStart: n.weekStart, weekNumbers: n.weekNumbers, enableTimePicker: n.enableTimePicker, disableMonthYearSelect: n.disableMonthYearSelect, monthPicker: n.monthPicker, timePicker: n.timePicker, range: n.range, filters: n.filters, minTime: n.minTime, maxTime: n.maxTime, minDate: n.minDate, maxDate: n.maxDate, customProps: n.customProps, calendarClassName: n.calendarClassName, specificMode: Ne.value, getWeekNum: z, multiCalendars: n.multiCalendars, months: Ce.value, years: he.value, multiCalendarsSolo: n.multiCalendarsSolo, modeHeight: n.modeHeight, internalModelValue: n.internalModelValue })), ht = j(() => ({ dp__menu: !0, dp__menu_index: !n.inline, dp__relative: n.inline, [n.menuClassName]: !!n.menuClassName })), $n = (ue, X) => ue.value(X).map((re) => Qr(Bn({}, re), { days: re.days.map((ve) => {
-    const we = $(ve.value), pt = J(we, ve);
-    return ve.marker = L(ve), ve.classData = { dp__cell_offset: !ve.current, dp__pointer: !we && !(!ve.current && n.hideOffsetDates), dp__active_date: n.range ? !1 : A(ve), dp__date_hover: pt, dp__date_hover_start: H(pt, ve, !0), dp__date_hover_end: H(pt, ve, !1), dp__range_between: (n.range || n.weekPicker) && (n.multiCalendars > 0 ? ve.current : !0) && !we && !(!ve.current && n.hideOffsetDates) && !A(ve) ? C(ve) : !1, dp__today: !n.noToday && mt(ve.value, y.value), dp__cell_disabled: we, dp__cell_auto_range: U(ve), dp__cell_auto_range_start: D(ve), dp__cell_auto_range_end: x(ve), dp__range_start: n.multiCalendars > 0 ? ve.current && F(ve) : F(ve), dp__range_end: n.multiCalendars > 0 ? ve.current && F(ve, !1) : F(ve, !1), [n.calendarCellClassName]: !!n.calendarCellClassName }, ve;
+  }, Y = j(() => (ue) => eP(b.value(ue), k.value(ue), +n.weekStart, n.hideOffsetDates)), se = j(() => n.multiCalendars > 0 && n.range ? [...Array(n.multiCalendars).keys()] : [0]), ve = j(() => (ue) => ue === 1), Ne = j(() => n.monthPicker || n.timePicker), Ze = j(() => ({ dp__flex_display: n.multiCalendars > 0 })), $t = j(() => ({ dp__instance_calendar: n.multiCalendars > 0 })), wt = j(() => ({ dp__menu_disabled: n.disabled, dp__menu_readonly: n.readonly })), ct = j(() => (ue) => $n(Y, ue)), st = j(() => ({ locale: n.locale, weekNumName: n.weekNumName, weekStart: n.weekStart, weekNumbers: n.weekNumbers, enableTimePicker: n.enableTimePicker, disableMonthYearSelect: n.disableMonthYearSelect, monthPicker: n.monthPicker, timePicker: n.timePicker, range: n.range, filters: n.filters, minTime: n.minTime, maxTime: n.maxTime, minDate: n.minDate, maxDate: n.maxDate, customProps: n.customProps, calendarClassName: n.calendarClassName, specificMode: Ne.value, getWeekNum: z, multiCalendars: n.multiCalendars, months: Ce.value, years: he.value, multiCalendarsSolo: n.multiCalendarsSolo, modeHeight: n.modeHeight, internalModelValue: n.internalModelValue })), ht = j(() => ({ dp__menu: !0, dp__menu_index: !n.inline, dp__relative: n.inline, [n.menuClassName]: !!n.menuClassName })), $n = (ue, X) => ue.value(X).map((re) => Qr(Bn({}, re), { days: re.days.map((ge) => {
+    const we = $(ge.value), pt = J(we, ge);
+    return ge.marker = L(ge), ge.classData = { dp__cell_offset: !ge.current, dp__pointer: !we && !(!ge.current && n.hideOffsetDates), dp__active_date: n.range ? !1 : A(ge), dp__date_hover: pt, dp__date_hover_start: H(pt, ge, !0), dp__date_hover_end: H(pt, ge, !1), dp__range_between: (n.range || n.weekPicker) && (n.multiCalendars > 0 ? ge.current : !0) && !we && !(!ge.current && n.hideOffsetDates) && !A(ge) ? C(ge) : !1, dp__today: !n.noToday && mt(ge.value, y.value), dp__cell_disabled: we, dp__cell_auto_range: U(ge), dp__cell_auto_range_start: D(ge), dp__cell_auto_range_end: x(ge), dp__range_start: n.multiCalendars > 0 ? ge.current && F(ge) : F(ge), dp__range_end: n.multiCalendars > 0 ? ge.current && F(ge, !1) : F(ge, !1), [n.calendarCellClassName]: !!n.calendarCellClassName }, ge;
   }) })), ce = (ue) => {
     ue.stopPropagation(), ue.preventDefault(), ue.stopImmediatePropagation();
   }, Le = () => {
@@ -15991,9 +15991,9 @@ const Gs = (e, t) => {
     const ue = n.flow[c.value];
     (ue === "hours" || ue === "minutes" || ue === "seconds") && s.value && s.value.toggleTimePicker(!0, !0, ue);
   };
-  return (ue, X) => (g(), P("div", { id: ue.uid ? `dp-menu-${ue.uid}` : void 0, tabindex: "0", ref_key: "dpMenuRef", ref: l, role: "dialog", "aria-label": "Datepicker menu", class: R(f(ht)), onMouseleave: X[11] || (X[11] = (...re) => f(I) && f(I)(...re)), onClick: ce, onKeydown: [Se(Le, ["esc"]), Se(Et, ["space"]), X[12] || (X[12] = Se((re) => f(W)("left", 0), ["left"])), X[13] || (X[13] = Se((re) => f(W)("right", 0), ["right"]))] }, [(ue.disabled || ue.readonly) && ue.inline ? (g(), P("div", { key: 0, class: R(f(wt)) }, null, 2)) : B("", !0), ue.inline ? B("", !0) : (g(), P("div", { key: 1, class: R(f(ie)) }, null, 2)), w("div", { class: R(ue.presetRanges.length ? "dp__menu_content_wrapper" : null) }, [ue.presetRanges.length ? (g(), P("div", f7, [(g(!0), P(ge, null, ke(ue.presetRanges, (re, ve) => (g(), P("div", { key: ve, class: "dp__preset_range", onClick: (we) => f(fe)(re.range) }, ae(re.label), 9, h7))), 128))])) : B("", !0), w("div", { class: "dp__instance_calendar", ref_key: "calendarWrapperRef", ref: a, role: "document" }, [w("div", { class: R(f(Ze)) }, [(g(!0), P(ge, null, ke(f(se), (re, ve) => (g(), P("div", { key: re, class: R(f($t)) }, [!ue.disableMonthYearSelect && !ue.timePicker ? (g(), Z(dt(ue.monthYearComponent ? ue.monthYearComponent : u7), Ve({ key: 0, ref_for: !0, ref: (we) => {
-    we && (o.value[ve] = we);
-  } }, { months: f(Ce), years: f(he), filters: e.filters, monthPicker: ue.monthPicker, month: f(b)(re), year: f(k)(re), customProps: ue.customProps, multiCalendars: e.multiCalendars, multiCalendarsSolo: ue.multiCalendarsSolo, instance: re, minDate: ue.minDate, maxDate: ue.maxDate, preventMinMaxNavigation: ue.preventMinMaxNavigation, internalModelValue: e.internalModelValue, range: ue.range, reverseYears: ue.reverseYears }, { onMount: X[0] || (X[0] = (we) => gt("monthYearInput")), onResetFlow: v, "onUpdate:month": (we) => f(m)(re, we, !0), "onUpdate:year": (we) => f(m)(re, we, !1), onMonthYearSelect: f(T) }), ot({ _: 2 }, [ke(f(q), (we, pt) => ({ name: we, fn: K((ln) => [G(ue.$slots, we, yr(Br(ln)))]) }))]), 1040, ["onUpdate:month", "onUpdate:year", "onMonthYearSelect"])) : B("", !0), te(kP, Ve(f(st), { "flow-step": c.value, "onUpdate:flow-step": X[1] || (X[1] = (we) => c.value = we), instance: re, "mapped-dates": f(ct)(re), month: f(b)(re), year: f(k)(re), "month-year-component": ue.monthYearComponent, onSelectDate: (we) => f(N)(we, !f(me)(re)), onSetHoverDate: X[2] || (X[2] = (we) => f(V)(we)), onHandleScroll: (we) => f(O)(we, re), onMount: X[3] || (X[3] = (we) => gt("calendar")), onResetFlow: v }), ot({ _: 2 }, [ke(f(le), (we, pt) => ({ name: we, fn: K((ln) => [G(ue.$slots, we, yr(Br(Bn({}, ln))))]) }))]), 1040, ["flow-step", "instance", "mapped-dates", "month", "year", "month-year-component", "onSelectDate", "onHandleScroll"])], 2))), 128))], 2), w("div", null, [ue.enableTimePicker && !ue.monthPicker && !ue.weekPicker ? (g(), Z(dt(ue.timePickerComponent ? ue.timePickerComponent : QP), Ve({ key: 0, ref_key: "timePickerRef", ref: s }, { is24: ue.is24, hoursIncrement: ue.hoursIncrement, minutesIncrement: ue.minutesIncrement, hoursGridIncrement: ue.hoursGridIncrement, secondsIncrement: ue.secondsIncrement, minutesGridIncrement: ue.minutesGridIncrement, secondsGridIncrement: ue.secondsGridIncrement, noHoursOverlay: ue.noHoursOverlay, noMinutesOverlay: ue.noMinutesOverlay, noSecondsOverlay: ue.noSecondsOverlay, range: ue.range, filters: e.filters, timePicker: ue.timePicker, hours: f(_), minutes: f(E), seconds: f(M), customProps: ue.customProps, enableSeconds: ue.enableSeconds, fixedStart: ue.fixedStart, fixedEnd: ue.fixedEnd }, { onMount: X[4] || (X[4] = (re) => gt("timePicker")), "onUpdate:hours": X[5] || (X[5] = (re) => f(p)(re)), "onUpdate:minutes": X[6] || (X[6] = (re) => f(p)(re, !1)), "onUpdate:seconds": X[7] || (X[7] = (re) => f(p)(re, !1, !0)), onResetFlow: v }), ot({ _: 2 }, [ke(f(ee), (re, ve) => ({ name: re, fn: K((we) => [G(ue.$slots, re, yr(Br(we)))]) }))]), 1040)) : B("", !0)])], 512), ue.showNowButton ? (g(), P("div", p7, [ue.$slots["now-button"] ? G(ue.$slots, "now-button", { key: 0, selectCurrentDate: f(S) }) : B("", !0), ue.$slots["now-button"] ? B("", !0) : (g(), P("button", { key: 1, type: "button", role: "button", class: "dp__now_button", onClick: X[8] || (X[8] = (...re) => f(S) && f(S)(...re)) }, ae(ue.nowButtonLabel), 1))])) : B("", !0)], 2), !ue.autoApply || ue.keepActionRow ? (g(), Z(dt(ue.actionRowComponent ? ue.actionRowComponent : VP), Ve({ key: 2 }, { calendarWidth: u.value, selectText: ue.selectText, cancelText: ue.cancelText, internalModelValue: e.internalModelValue, range: ue.range, previewFormat: e.previewFormat, inline: ue.inline, monthPicker: ue.monthPicker, timePicker: ue.timePicker, customProps: ue.customProps, multiCalendars: e.multiCalendars, menuMount: d.value, maxTime: ue.maxTime, minTime: ue.minTime, enableTimePicker: ue.enableTimePicker, minDate: ue.minDate, maxDate: ue.maxDate, multiDates: ue.multiDates }, { onClosePicker: X[9] || (X[9] = (re) => ue.$emit("closePicker")), onSelectDate: X[10] || (X[10] = (re) => ue.$emit("selectDate")) }), ot({ _: 2 }, [ke(f(de), (re, ve) => ({ name: re, fn: K((we) => [G(ue.$slots, re, yr(Br(Bn({}, we))))]) }))]), 1040)) : B("", !0)], 42, c7));
+  return (ue, X) => (g(), T("div", { id: ue.uid ? `dp-menu-${ue.uid}` : void 0, tabindex: "0", ref_key: "dpMenuRef", ref: l, role: "dialog", "aria-label": "Datepicker menu", class: R(f(ht)), onMouseleave: X[11] || (X[11] = (...re) => f(I) && f(I)(...re)), onClick: ce, onKeydown: [Se(Le, ["esc"]), Se(Et, ["space"]), X[12] || (X[12] = Se((re) => f(W)("left", 0), ["left"])), X[13] || (X[13] = Se((re) => f(W)("right", 0), ["right"]))] }, [(ue.disabled || ue.readonly) && ue.inline ? (g(), T("div", { key: 0, class: R(f(wt)) }, null, 2)) : B("", !0), ue.inline ? B("", !0) : (g(), T("div", { key: 1, class: R(f(ie)) }, null, 2)), w("div", { class: R(ue.presetRanges.length ? "dp__menu_content_wrapper" : null) }, [ue.presetRanges.length ? (g(), T("div", f7, [(g(!0), T(pe, null, ke(ue.presetRanges, (re, ge) => (g(), T("div", { key: ge, class: "dp__preset_range", onClick: (we) => f(fe)(re.range) }, ae(re.label), 9, h7))), 128))])) : B("", !0), w("div", { class: "dp__instance_calendar", ref_key: "calendarWrapperRef", ref: a, role: "document" }, [w("div", { class: R(f(Ze)) }, [(g(!0), T(pe, null, ke(f(se), (re, ge) => (g(), T("div", { key: re, class: R(f($t)) }, [!ue.disableMonthYearSelect && !ue.timePicker ? (g(), Z(dt(ue.monthYearComponent ? ue.monthYearComponent : u7), Ve({ key: 0, ref_for: !0, ref: (we) => {
+    we && (o.value[ge] = we);
+  } }, { months: f(Ce), years: f(he), filters: e.filters, monthPicker: ue.monthPicker, month: f(b)(re), year: f(k)(re), customProps: ue.customProps, multiCalendars: e.multiCalendars, multiCalendarsSolo: ue.multiCalendarsSolo, instance: re, minDate: ue.minDate, maxDate: ue.maxDate, preventMinMaxNavigation: ue.preventMinMaxNavigation, internalModelValue: e.internalModelValue, range: ue.range, reverseYears: ue.reverseYears }, { onMount: X[0] || (X[0] = (we) => gt("monthYearInput")), onResetFlow: v, "onUpdate:month": (we) => f(m)(re, we, !0), "onUpdate:year": (we) => f(m)(re, we, !1), onMonthYearSelect: f(P) }), ot({ _: 2 }, [ke(f(q), (we, pt) => ({ name: we, fn: K((ln) => [G(ue.$slots, we, yr(Br(ln)))]) }))]), 1040, ["onUpdate:month", "onUpdate:year", "onMonthYearSelect"])) : B("", !0), te(kP, Ve(f(st), { "flow-step": c.value, "onUpdate:flow-step": X[1] || (X[1] = (we) => c.value = we), instance: re, "mapped-dates": f(ct)(re), month: f(b)(re), year: f(k)(re), "month-year-component": ue.monthYearComponent, onSelectDate: (we) => f(N)(we, !f(ve)(re)), onSetHoverDate: X[2] || (X[2] = (we) => f(V)(we)), onHandleScroll: (we) => f(O)(we, re), onMount: X[3] || (X[3] = (we) => gt("calendar")), onResetFlow: v }), ot({ _: 2 }, [ke(f(le), (we, pt) => ({ name: we, fn: K((ln) => [G(ue.$slots, we, yr(Br(Bn({}, ln))))]) }))]), 1040, ["flow-step", "instance", "mapped-dates", "month", "year", "month-year-component", "onSelectDate", "onHandleScroll"])], 2))), 128))], 2), w("div", null, [ue.enableTimePicker && !ue.monthPicker && !ue.weekPicker ? (g(), Z(dt(ue.timePickerComponent ? ue.timePickerComponent : QP), Ve({ key: 0, ref_key: "timePickerRef", ref: s }, { is24: ue.is24, hoursIncrement: ue.hoursIncrement, minutesIncrement: ue.minutesIncrement, hoursGridIncrement: ue.hoursGridIncrement, secondsIncrement: ue.secondsIncrement, minutesGridIncrement: ue.minutesGridIncrement, secondsGridIncrement: ue.secondsGridIncrement, noHoursOverlay: ue.noHoursOverlay, noMinutesOverlay: ue.noMinutesOverlay, noSecondsOverlay: ue.noSecondsOverlay, range: ue.range, filters: e.filters, timePicker: ue.timePicker, hours: f(_), minutes: f(E), seconds: f(M), customProps: ue.customProps, enableSeconds: ue.enableSeconds, fixedStart: ue.fixedStart, fixedEnd: ue.fixedEnd }, { onMount: X[4] || (X[4] = (re) => gt("timePicker")), "onUpdate:hours": X[5] || (X[5] = (re) => f(p)(re)), "onUpdate:minutes": X[6] || (X[6] = (re) => f(p)(re, !1)), "onUpdate:seconds": X[7] || (X[7] = (re) => f(p)(re, !1, !0)), onResetFlow: v }), ot({ _: 2 }, [ke(f(ee), (re, ge) => ({ name: re, fn: K((we) => [G(ue.$slots, re, yr(Br(we)))]) }))]), 1040)) : B("", !0)])], 512), ue.showNowButton ? (g(), T("div", p7, [ue.$slots["now-button"] ? G(ue.$slots, "now-button", { key: 0, selectCurrentDate: f(S) }) : B("", !0), ue.$slots["now-button"] ? B("", !0) : (g(), T("button", { key: 1, type: "button", role: "button", class: "dp__now_button", onClick: X[8] || (X[8] = (...re) => f(S) && f(S)(...re)) }, ae(ue.nowButtonLabel), 1))])) : B("", !0)], 2), !ue.autoApply || ue.keepActionRow ? (g(), Z(dt(ue.actionRowComponent ? ue.actionRowComponent : VP), Ve({ key: 2 }, { calendarWidth: u.value, selectText: ue.selectText, cancelText: ue.cancelText, internalModelValue: e.internalModelValue, range: ue.range, previewFormat: e.previewFormat, inline: ue.inline, monthPicker: ue.monthPicker, timePicker: ue.timePicker, customProps: ue.customProps, multiCalendars: e.multiCalendars, menuMount: d.value, maxTime: ue.maxTime, minTime: ue.minTime, enableTimePicker: ue.enableTimePicker, minDate: ue.minDate, maxDate: ue.maxDate, multiDates: ue.multiDates }, { onClosePicker: X[9] || (X[9] = (re) => ue.$emit("closePicker")), onSelectDate: X[10] || (X[10] = (re) => ue.$emit("selectDate")) }), ot({ _: 2 }, [ke(f(de), (re, ge) => ({ name: re, fn: K((we) => [G(ue.$slots, re, yr(Br(Bn({}, we))))]) }))]), 1040)) : B("", !0)], 42, c7));
 } });
 var yo = ((e) => (e.center = "center", e.left = "left", e.right = "right", e))(yo || {});
 const v7 = (e, t, n, r, a, i) => {
@@ -16080,9 +16080,9 @@ const v7 = (e, t, n, r, a, i) => {
   yt("autoApply", r.autoApply);
   const d = j(() => r.formatLocale);
   yt("formatLocale", d), yt("textInput", rn(r, "textInput")), et(() => {
-    _(r.modelValue), r.inline || (window.addEventListener("scroll", F), window.addEventListener("resize", T)), r.inline && (i.value = !0);
+    _(r.modelValue), r.inline || (window.addEventListener("scroll", F), window.addEventListener("resize", P)), r.inline && (i.value = !0);
   }), Cu(() => {
-    r.inline || (window.removeEventListener("scroll", F), window.removeEventListener("resize", T));
+    r.inline || (window.removeEventListener("scroll", F), window.removeEventListener("resize", P));
   });
   const c = Wr(a, "all"), h = Wr(a, "input");
   $e(o, () => {
@@ -16098,7 +16098,7 @@ const v7 = (e, t, n, r, a, i) => {
     return r.range ? r.startTime && Array.isArray(r.startTime) ? [ee(r.startTime[0]), ee(r.startTime[1])] : null : r.startTime && !Array.isArray(r.startTime) ? ee(r.startTime) : null;
   }), I = j(() => r.multiCalendars === null ? 0 : typeof r.multiCalendars == "boolean" ? r.multiCalendars ? 2 : 0 : +r.multiCalendars >= 2 ? +r.multiCalendars : 2), F = () => {
     i.value && (r.closeOnScroll ? J() : r.autoPosition ? m() : window.removeEventListener("scroll", F));
-  }, T = () => {
+  }, P = () => {
     i.value && m();
   }, O = () => {
     !r.disabled && !r.readonly && (m(), i.value = !0, i.value || H(), i.value && (n("open"), n("focus")), _(r.modelValue));
@@ -16123,7 +16123,7 @@ const v7 = (e, t, n, r, a, i) => {
   }, de = () => {
     u.value && u.value.focus({ preventScroll: !0 });
   };
-  return w7(s, l, J), t({ closeMenu: J, selectDate: L, clearValue: W, openMenu: O, onScroll: F, formatInputValue: $ }), (ee, q) => (g(), P("div", { class: R(f(A)) }, [te(pP, Ve({ ref_key: "inputRef", ref: l }, { placeholder: e.placeholder, hideInputIcon: e.hideInputIcon, readonly: ee.readonly, disabled: ee.disabled, inputClassName: e.inputClassName, clearable: e.clearable, state: e.state, inline: ee.inline, inlineWithInput: e.inlineWithInput, textInput: ee.textInput, textInputOptions: f(U), range: ee.range, isMenuOpen: i.value, pattern: f(N), autoApply: ee.autoApply, uid: ee.uid, openMenuOnFocus: e.openMenuOnFocus, required: e.required, name: e.name, autocomplete: e.autocomplete }, { "input-value": f(k), "onUpdate:input-value": q[0] || (q[0] = (ie) => fn(k) ? k.value = ie : null), onClear: W, onOpen: O, onSetInputDate: fe, onSetEmptyDate: f(E), onSelectDate: L, onClose: J }), ot({ _: 2 }, [ke(f(h), (ie, he) => ({ name: ie, fn: K((Ce) => [G(ee.$slots, ie, yr(Br(Ce)))]) }))]), 1040, ["input-value", "onSetEmptyDate"]), w("span", { tabindex: "-1", ref_key: "focusRef", ref: u }, null, 512), i.value ? (g(), Z(Ko, { key: 0, to: e.teleport, disabled: ee.inline }, [i.value ? (g(), Z(m7, Ve({ key: 0, ref_key: "dpMenuRef", ref: s, class: f(x), style: f(p) }, Qr(Bn({}, f(mP)(ee.$props)), { multiCalendars: f(I), previewFormat: f(z), filters: f(D), openOnTop: f(v), startTime: f(C) }), { internalModelValue: f(b), "onUpdate:internalModelValue": q[1] || (q[1] = (ie) => fn(b) ? b.value = ie : null), onClosePicker: J, onSelectDate: L, onDpOpen: f(y), onAutoApply: S, onTimeUpdate: le, onFlowStep: q[2] || (q[2] = (ie) => ee.$emit("flow-step", ie)), onUpdateMonthYear: q[3] || (q[3] = (ie) => ee.$emit("updateMonthYear", ie)) }), ot({ _: 2 }, [ke(f(c), (ie, he) => ({ name: ie, fn: K((Ce) => [G(ee.$slots, ie, yr(Br(Bn({}, Ce))))]) }))]), 1040, ["class", "style", "internalModelValue", "onDpOpen"])) : B("", !0)], 8, ["to", "disabled"])) : B("", !0)], 2));
+  return w7(s, l, J), t({ closeMenu: J, selectDate: L, clearValue: W, openMenu: O, onScroll: F, formatInputValue: $ }), (ee, q) => (g(), T("div", { class: R(f(A)) }, [te(pP, Ve({ ref_key: "inputRef", ref: l }, { placeholder: e.placeholder, hideInputIcon: e.hideInputIcon, readonly: ee.readonly, disabled: ee.disabled, inputClassName: e.inputClassName, clearable: e.clearable, state: e.state, inline: ee.inline, inlineWithInput: e.inlineWithInput, textInput: ee.textInput, textInputOptions: f(U), range: ee.range, isMenuOpen: i.value, pattern: f(N), autoApply: ee.autoApply, uid: ee.uid, openMenuOnFocus: e.openMenuOnFocus, required: e.required, name: e.name, autocomplete: e.autocomplete }, { "input-value": f(k), "onUpdate:input-value": q[0] || (q[0] = (ie) => fn(k) ? k.value = ie : null), onClear: W, onOpen: O, onSetInputDate: fe, onSetEmptyDate: f(E), onSelectDate: L, onClose: J }), ot({ _: 2 }, [ke(f(h), (ie, he) => ({ name: ie, fn: K((Ce) => [G(ee.$slots, ie, yr(Br(Ce)))]) }))]), 1040, ["input-value", "onSetEmptyDate"]), w("span", { tabindex: "-1", ref_key: "focusRef", ref: u }, null, 512), i.value ? (g(), Z(Ko, { key: 0, to: e.teleport, disabled: ee.inline }, [i.value ? (g(), Z(m7, Ve({ key: 0, ref_key: "dpMenuRef", ref: s, class: f(x), style: f(p) }, Qr(Bn({}, f(mP)(ee.$props)), { multiCalendars: f(I), previewFormat: f(z), filters: f(D), openOnTop: f(v), startTime: f(C) }), { internalModelValue: f(b), "onUpdate:internalModelValue": q[1] || (q[1] = (ie) => fn(b) ? b.value = ie : null), onClosePicker: J, onSelectDate: L, onDpOpen: f(y), onAutoApply: S, onTimeUpdate: le, onFlowStep: q[2] || (q[2] = (ie) => ee.$emit("flow-step", ie)), onUpdateMonthYear: q[3] || (q[3] = (ie) => ee.$emit("updateMonthYear", ie)) }), ot({ _: 2 }, [ke(f(c), (ie, he) => ({ name: ie, fn: K((Ce) => [G(ee.$slots, ie, yr(Br(Bn({}, Ce))))]) }))]), 1040, ["class", "style", "internalModelValue", "onDpOpen"])) : B("", !0)], 8, ["to", "disabled"])) : B("", !0)], 2));
 } });
 var nd = (() => {
   const e = C7;
@@ -16679,9 +16679,9 @@ const od = {
 const GI = { class: "h-full flex items-center justify-center w-6" }, qI = { class: "h-full w-6 flex items-center justify-center" }, YI = ["onClick"], XI = /* @__PURE__ */ w("i", { class: "vc-icon-clock icon-lg hover:text-active-elements" }, null, -1), ZI = /* @__PURE__ */ w("i", { class: "vc-icon-schedule-calendar icon-lg hover:text-active-elements" }, null, -1);
 function QI(e, t, n, r, a, i) {
   const o = oe("VcButton"), s = oe("Datepicker");
-  return g(), P("div", {
+  return g(), T("div", {
     ref: "pickerWrap",
-    style: pe(e.setMaxWidth),
+    style: me(e.setMaxWidth),
     class: R([{ "vc-datetime-picker--error": e.isError }, "vc-datetime-picker"])
   }, [
     te(s, {
@@ -16731,7 +16731,7 @@ function QI(e, t, n, r, a, i) {
         w("span", GI, [
           w("i", {
             class: R(e.prefixClasses),
-            style: pe(e.prefixStyle)
+            style: me(e.prefixStyle)
           }, null, 6)
         ])
       ]),
@@ -16932,7 +16932,7 @@ function nN(e, t, n, r, a, i) {
     default: K(() => [
       w("div", {
         class: R(`${e.BASE_CLASS}__content`),
-        style: pe(e.contentStyles)
+        style: me(e.contentStyles)
       }, [
         G(e.$slots, "default")
       ], 6)
@@ -17188,9 +17188,9 @@ const VN = {
 }, BN = { class: "flex items-center" };
 function LN(e, t, n, r, a, i) {
   const o = oe("VcPopover"), s = Gn("resize");
-  return Ee((g(), P("div", VN, [
+  return Ee((g(), T("div", VN, [
     w("div", RN, [
-      (g(!0), P(ge, null, ke(e.shortList, (l, u) => (g(), P("span", {
+      (g(!0), T(pe, null, ke(e.shortList, (l, u) => (g(), T("span", {
         key: u,
         class: "flex items-center vc-delimited-list-item-wrapper"
       }, [
@@ -17200,7 +17200,7 @@ function LN(e, t, n, r, a, i) {
         }, () => [
           Ae(ae(l.value), 1)
         ], !0),
-        e.showSeparator(u) ? (g(), P("span", FN, [
+        e.showSeparator(u) ? (g(), T("span", FN, [
           G(e.$slots, "separator", {}, () => [
             Ae(ae(e.separator), 1)
           ], !0)
@@ -17964,7 +17964,7 @@ function rL(e, t, n, r, a, i) {
       fn: K(() => [
         w("i", {
           class: R(e.prefixClasses),
-          style: pe(e.prefixStyle)
+          style: me(e.prefixStyle)
         }, null, 6)
       ]),
       key: "0"
@@ -17972,7 +17972,7 @@ function rL(e, t, n, r, a, i) {
     e.clearable ? {
       name: "suffix",
       fn: K(() => [
-        e.modelInput && !e.disabled && !e.readonly ? (g(), P("i", {
+        e.modelInput && !e.disabled && !e.readonly ? (g(), T("i", {
           key: 0,
           class: "vc-icon-close icon-xs",
           onClick: t[0] || (t[0] = (...l) => e.onClear && e.onClear(...l))
@@ -18082,7 +18082,7 @@ const sL = { class: "vc-tabs__nav-wrap" }, lL = {
   class: "vc-tabs__active-bar"
 };
 function hL(e, t, n, r, a, i) {
-  return g(), P("div", sL, [
+  return g(), T("div", sL, [
     w("div", lL, [
       w("div", {
         ref: "tabNavList",
@@ -18092,9 +18092,9 @@ function hL(e, t, n, r, a, i) {
         role: "tablist",
         onKeydown: t[0] || (t[0] = (...o) => e.changeTab && e.changeTab(...o))
       }, [
-        (g(!0), P(ge, null, ke(e.tabItems, (o, s) => {
+        (g(!0), T(pe, null, ke(e.tabItems, (o, s) => {
           var l;
-          return g(), P("div", {
+          return g(), T("div", {
             key: o.props.name || `tab-${s}`,
             class: R([[{
               "is--active": e.isActiveTab(o),
@@ -18110,13 +18110,13 @@ function hL(e, t, n, r, a, i) {
               tab: o
             }, () => [
               (g(), Z(dt(o.slots.label)))
-            ]) : (g(), P(ge, { key: 1 }, [
-              o.icon ? (g(), P("i", {
+            ]) : (g(), T(pe, { key: 1 }, [
+              o.icon ? (g(), T("i", {
                 key: 0,
                 class: R([o.icon, "tabs-nav-icon"])
               }, null, 2)) : B("", !0),
-              o.label ? (g(), P("span", dL, ae(o.label), 1)) : B("", !0),
-              o.props.closable && !o.props.disabled ? (g(), P("i", {
+              o.label ? (g(), T("span", dL, ae(o.label), 1)) : B("", !0),
+              o.props.closable && !o.props.disabled ? (g(), T("i", {
                 key: 2,
                 class: "vc-icon-close icon-xxs icon-closable",
                 onClick: xe((u) => e.closeTab(o, s), ["stop"])
@@ -18257,7 +18257,7 @@ const f0 = /* @__PURE__ */ ye(oL, [["render", hL]]), pL = "vc-tabs", mL = ne({
 const vL = { class: "vc-tabs__header" }, gL = { class: "vc-tabs__content" };
 function yL(e, t, n, r, a, i) {
   const o = oe("VcTabsNav");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([
       { "is--card": e.navType === "card" },
       e.TABS_BASE_CLASS
@@ -18376,7 +18376,7 @@ const $L = {
   class: "vc-tabs-pane"
 };
 function wL(e, t, n, r, a, i) {
-  return e.shouldBeRender ? Ee((g(), P("div", $L, [
+  return e.shouldBeRender ? Ee((g(), T("div", $L, [
     e.$slots[e.name] ? G(e.$slots, e.$slots[e.name], {
       key: 0,
       data: e.tabData
@@ -18443,10 +18443,10 @@ function kL(e, t, n, r, a, i) {
     default: K(() => [
       G(e.$slots, "default", {}, () => [
         w("div", _L, [
-          e.icon ? (g(), P("i", {
+          e.icon ? (g(), T("i", {
             key: 0,
             class: R([e.icon, "vc-select__option-icon"]),
-            style: pe(e.iconStyle)
+            style: me(e.iconStyle)
           }, null, 6)) : B("", !0),
           Ae(" " + ae(e.label), 1)
         ])
@@ -18681,12 +18681,12 @@ function TL(e, t, n, r, a, i) {
       var u;
       return [
         G(e.$slots, "default"),
-        (u = e.config) != null && u.grouping ? (g(!0), P(ge, { key: 0 }, ke(e.selectOptions, (d) => (g(), Z(s, {
+        (u = e.config) != null && u.grouping ? (g(!0), T(pe, { key: 0 }, ke(e.selectOptions, (d) => (g(), Z(s, {
           key: d.label,
           label: d.label
         }, {
           default: K(() => [
-            (g(!0), P(ge, null, ke(d.options, (c) => {
+            (g(!0), T(pe, null, ke(d.options, (c) => {
               var h;
               return g(), Z(o, {
                 key: c[e.optionValueKey],
@@ -18706,7 +18706,7 @@ function TL(e, t, n, r, a, i) {
             }), 128))
           ]),
           _: 2
-        }, 1032, ["label"]))), 128)) : (g(!0), P(ge, { key: 1 }, ke(e.selectOptions, (d) => {
+        }, 1032, ["label"]))), 128)) : (g(!0), T(pe, { key: 1 }, ke(e.selectOptions, (d) => {
           var c;
           return g(), Z(o, {
             key: e.getItemValue(d),
@@ -18734,7 +18734,7 @@ function TL(e, t, n, r, a, i) {
         G(e.$slots, "prefix-icon", { selected: e.selected }, () => [
           w("i", {
             class: R([e.prefixClasses, "vc-select__prefix-icon"]),
-            style: pe(e.prefixStyle)
+            style: me(e.prefixStyle)
           }, null, 6)
         ])
       ]),
@@ -18859,7 +18859,7 @@ const ps = /* @__PURE__ */ ye(AL, [["render", TL]]), PL = ne({
 }), EL = { class: "flex w-full justify-center mb-2" }, OL = /* @__PURE__ */ w("div", { class: "w-0.5" }, null, -1), IL = { class: "mt-2 flex justify-end" };
 function NL(e, t, n, r, a, i) {
   const o = oe("VcInput"), s = oe("VcSelect"), l = oe("VcButton");
-  return g(), P("div", null, [
+  return g(), T("div", null, [
     w("div", EL, [
       te(o, {
         modelValue: e.selectedDuration,
@@ -19086,7 +19086,7 @@ function BL(e, t, n, r, a, i) {
       }, null, 8, ["model-value", "placeholder", "color", "disabled", "onClick"])
     ]),
     default: K(() => [
-      Ee((g(), P("div", VL, [
+      Ee((g(), T("div", VL, [
         te(c, {
           modelValue: e.active,
           "onUpdate:modelValue": t[1] || (t[1] = (p) => e.active = p),
@@ -19273,11 +19273,11 @@ function WL(e, t, n, r, a, i) {
       ])
     ]),
     default: K(() => [
-      Ee((g(), P("div", {
+      Ee((g(), T("div", {
         ref: "popoverContent",
         class: R(["vc-extended-datetime-range-picker-quick-list", e.presetListClasses])
       }, [
-        (g(!0), P(ge, null, ke(e.presetRanges, (u, d) => (g(), P("p", {
+        (g(!0), T(pe, null, ke(e.presetRanges, (u, d) => (g(), T("p", {
           key: d,
           onClick: (c) => e.onRangeSelection(u)
         }, ae(u.label), 9, zL))), 128))
@@ -19560,20 +19560,20 @@ const YL = ["data-test"], XL = {
 function ix(e, t, n, r, a, i) {
   var l, u;
   const o = oe("VcExtendedDatetimeRangePickerQuickOptionsSelection"), s = oe("ExtendedDatetimeRangePickerPart");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(["vc-extended-datetime-range-picker", e.wrapperClass]),
     "data-test": `extendedDatetimeRangePicker-${e.dataTestName}`
   }, [
-    e.inline ? B("", !0) : (g(), P("div", XL, [
+    e.inline ? B("", !0) : (g(), T("div", XL, [
       w("label", ZL, [
-        e.icon ? (g(), P("span", QL, [
+        e.icon ? (g(), T("span", QL, [
           w("i", {
             class: R([e.icon, "icon-lg vc-extended-datetime-range-picker__label-wrapper--left-item-icon text-icons"])
           }, null, 2)
         ])) : B("", !0),
-        e.label ? (g(), P("span", JL, [
+        e.label ? (g(), T("span", JL, [
           Ae(ae(e.label) + " ", 1),
-          e.required ? (g(), P("span", ex, "*")) : B("", !0)
+          e.required ? (g(), T("span", ex, "*")) : B("", !0)
         ])) : B("", !0),
         e.presetRanges.length ? (g(), Z(o, {
           key: 2,
@@ -19625,7 +19625,7 @@ function ix(e, t, n, r, a, i) {
         onResetPreset: t[5] || (t[5] = (d) => e.onPresetResetValue("to"))
       }), null, 16, ["modelValue", "min-date", "min-time", "color", "disabled", "preset-value", "onPresetValueChange"])
     ]),
-    !e.dynamicErrorSpace || e.dynamicErrorSpace && e.error ? (g(), P("div", rx, [
+    !e.dynamicErrorSpace || e.dynamicErrorSpace && e.error ? (g(), T("div", rx, [
       w("span", ax, ae(e.error), 1)
     ])) : B("", !0)
   ], 10, YL);
@@ -19705,22 +19705,22 @@ const hx = {
   class: "vc-tag--actions"
 };
 function vx(e, t, n, r, a, i) {
-  return g(), P("div", Ve({
+  return g(), T("div", Ve({
     class: ["vc-tag", e.tagClasses],
     "data-test": "tag"
   }, e.$attrs), [
-    e.prefixIcon ? (g(), P("span", hx, [
+    e.prefixIcon ? (g(), T("span", hx, [
       w("i", {
         class: R(e.prefixIcon)
       }, null, 2)
     ])) : B("", !0),
     w("span", px, [
-      e.icon ? (g(), P("i", {
+      e.icon ? (g(), T("i", {
         key: 0,
         class: R([e.icon, "vc-tag--icon"])
       }, null, 2)) : B("", !0),
       w("span", {
-        style: pe(e.maxWidth),
+        style: me(e.maxWidth),
         class: "vc-tag--label"
       }, [
         G(e.$slots, "label", {}, () => [
@@ -19728,7 +19728,7 @@ function vx(e, t, n, r, a, i) {
         ])
       ], 4)
     ]),
-    e.closable && !e.disabled ? (g(), P("span", mx, [
+    e.closable && !e.disabled ? (g(), T("span", mx, [
       w("i", {
         class: "vc-icon-close icon-xs",
         onClick: t[0] || (t[0] = xe((...o) => e.onClose && e.onClose(...o), ["stop"]))
@@ -19758,18 +19758,18 @@ const yx = { class: "vc-input__label-wrapper flex items-center" }, bx = {
 };
 function Sx(e, t, n, r, a, i) {
   const o = oe("VcPopover");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(["vc-input__label", { "min-h-5.5": e.label || e.icon }])
   }, [
     w("div", yx, [
-      e.icon ? (g(), P("span", bx, [
+      e.icon ? (g(), T("span", bx, [
         w("i", {
           class: R([e.icon, "icon-lg vc-input__label-wrapper--left-item-icon"])
         }, null, 2)
       ])) : B("", !0),
-      e.label ? (g(), P("span", $x, [
+      e.label ? (g(), T("span", $x, [
         Ae(ae(e.label) + " ", 1),
-        e.required ? (g(), P("span", wx, " * ")) : B("", !0)
+        e.required ? (g(), T("span", wx, " * ")) : B("", !0)
       ])) : B("", !0),
       e.infoText || e.$slots["info-text"] ? (g(), Z(o, {
         key: 2,
@@ -19790,7 +19790,7 @@ function Sx(e, t, n, r, a, i) {
         _: 3
       }, 8, ["popover-width"])) : B("", !0)
     ]),
-    e.$slots["label-action"] ? (g(), P("span", kx, [
+    e.$slots["label-action"] ? (g(), T("span", kx, [
       G(e.$slots, "label-action")
     ])) : B("", !0)
   ], 2);
@@ -20000,8 +20000,8 @@ const Ox = { class: "vc-input___file-uploader-wrapper" }, Ix = { class: "vc-inpu
 };
 function Lx(e, t, n, r, a, i) {
   const o = oe("VcInputLabel"), s = oe("VcButton"), l = oe("VcButtonIcon"), u = oe("VcTag"), d = oe("VcDelimitedList");
-  return g(), P("div", {
-    style: pe(e.setMaxWidth)
+  return g(), T("div", {
+    style: me(e.setMaxWidth)
   }, [
     e.label ? (g(), Z(o, {
       key: 0,
@@ -20052,13 +20052,13 @@ function Lx(e, t, n, r, a, i) {
         onChange: t[0] || (t[0] = (...c) => e.onFileChange && e.onFileChange(...c))
       }, null, 40, Dx)
     ]),
-    e.items.length ? B("", !0) : (g(), P("div", Mx, [
+    e.items.length ? B("", !0) : (g(), T("div", Mx, [
       w("span", Vx, ae(e.noFilesSelectedText), 1)
     ])),
-    e.errorText ? (g(), P("div", Rx, [
+    e.errorText ? (g(), T("div", Rx, [
       w("span", Fx, ae(e.errorText), 1)
     ])) : B("", !0),
-    e.showFileName && e.items.length ? (g(), P("div", Bx, [
+    e.showFileName && e.items.length ? (g(), T("div", Bx, [
       te(d, {
         list: e.items,
         limit: e.maxLength,
@@ -20086,7 +20086,7 @@ function Lx(e, t, n, r, a, i) {
           }, null, 8, ["label"])
         ]),
         "other-content": K(({ list: c }) => [
-          (g(!0), P(ge, null, ke(c, (h, v) => (g(), P("div", {
+          (g(!0), T(pe, null, ke(c, (h, v) => (g(), T("div", {
             key: v,
             class: "flex items-center justify-start p-2"
           }, [
@@ -20266,7 +20266,7 @@ function Hx(e, t, n, r, a, i) {
       G(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["rules", "data-test"])) : (g(), P(ge, { key: 1 }, [
+  }, 16, ["rules", "data-test"])) : (g(), T(pe, { key: 1 }, [
     e.showLabel ? (g(), Z(o, {
       key: 0,
       label: e.label,
@@ -20333,7 +20333,7 @@ function qx(e, t, n, r, a, i) {
     "data-test": e.dataTestName
   }), {
     default: K(() => [
-      e.icon ? (g(), P("i", {
+      e.icon ? (g(), T("i", {
         key: 0,
         class: R(["vc-hyper-link-icon icon-xs", [e.icon, e.color]])
       }, null, 2)) : B("", !0),
@@ -20492,7 +20492,7 @@ const Qx = { class: "vc-picker-icon" }, Jx = {
 }, ej = ["data-test", "title", "onClick"];
 function tj(e, t, n, r, a, i) {
   const o = oe("VcInput");
-  return g(), P("div", Qx, [
+  return g(), T("div", Qx, [
     te(o, {
       modelValue: e.searchQuery,
       "onUpdate:modelValue": t[0] || (t[0] = (s) => e.searchQuery = s),
@@ -20500,7 +20500,7 @@ function tj(e, t, n, r, a, i) {
       class: "vc-picker-icon--input"
     }, null, 8, ["modelValue", "placeholder"]),
     w("div", Jx, [
-      (g(!0), P(ge, null, ke(e.iconList, (s, l) => (g(), P("div", {
+      (g(!0), T(pe, null, ke(e.iconList, (s, l) => (g(), T("div", {
         key: e.optionKey(s, l, e.config),
         class: R([{ "vc-picker-icon-item--active": e.optionKey(s, l, e.config) === e.activeIcon }, "vc-picker-icon-item"]),
         "data-test": e.dataTestName,
@@ -20509,7 +20509,7 @@ function tj(e, t, n, r, a, i) {
       }, [
         w("i", {
           class: R([[e.optionIcon(s, e.config), e.setColorClass()], "icon-2xl"]),
-          style: pe(e.hexColor)
+          style: me(e.hexColor)
         }, null, 6)
       ], 10, ej))), 128))
     ])
@@ -21199,13 +21199,13 @@ var ll = Dn("vue-bounding-box"), Ej = ["east", "west", null], Oj = ["south", "no
   t === "west" ? s.left -= i : t === "east" && (s.right += i), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new oj(s, { allowedDirections: { left: t === "west" || !t, right: t === "east" || !t, bottom: n === "south" || !n, top: n === "north" || !n }, preserveAspectRatio: e.nativeEvent && e.nativeEvent.shiftKey, respectDirection: r }));
 } }, emits: ["resize", "resize-end"] };
 A0.render = function(e, t, n, r, a, i) {
-  return g(), Z("div", { ref: "box", class: i.classes.root, style: i.style }, [G(e.$slots, "default"), te("div", null, [(g(!0), Z(ge, null, ke(i.lineNodes, function(o) {
+  return g(), Z("div", { ref: "box", class: i.classes.root, style: i.style }, [G(e.$slots, "default"), te("div", null, [(g(!0), Z(pe, null, ke(i.lineNodes, function(o) {
     return g(), Z(dt(o.component), { key: o.name, "default-class": o.class, "hover-class": o.hoverClass, "wrapper-class": o.wrapperClass, position: o.name, disabled: o.disabled, onDrag: function(s) {
       return i.onHandlerDrag(s, o.horizontalDirection, o.verticalDirection);
     }, onDragEnd: t[1] || (t[1] = function(s) {
       return i.onEnd();
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "position", "disabled", "onDrag"]);
-  }), 128))]), (g(!0), Z(ge, null, ke(i.handlerNodes, function(o) {
+  }), 128))]), (g(!0), Z(pe, null, ke(i.handlerNodes, function(o) {
     return g(), Z("div", { key: o.name, style: o.wrapperStyle, class: o.wrapperClass }, [(g(), Z(dt(o.component), { "default-class": o.class, "hover-class": o.hoverClass, "wrapper-class": o.wrapperClass, "horizontal-position": o.horizontalDirection, "vertical-position": o.verticalDirection, disabled: o.disabled, onDrag: function(s) {
       return i.onHandlerDrag(s, o.horizontalDirection, o.verticalDirection);
     }, onDragEnd: t[2] || (t[2] = function(s) {
@@ -22086,7 +22086,7 @@ const xj = { class: "vc-image-uploader" }, jj = { class: "vc-image-uploader__upl
 }, lz = { class: "flex items-center justify-center px-2 min-h-10" }, uz = { class: "flex items-center justify-center px-2" }, dz = { class: "mt-10" }, cz = { class: "vc-image-uploader__modal-footer" }, fz = { class: "px-3 w-full sm:w-auto" }, hz = { class: "px-3 w-full sm:w-auto" };
 function pz(e, t, n, r, a, i) {
   const o = oe("VcButton"), s = oe("VcSkeletonLoader"), l = oe("cropper"), u = oe("preview"), d = oe("VcModal");
-  return g(), P("div", xj, [
+  return g(), T("div", xj, [
     w("div", jj, [
       G(e.$slots, "upload-action", {
         loading: e.loading,
@@ -22169,7 +22169,7 @@ function pz(e, t, n, r, a, i) {
                     width: "320",
                     "row-height": "320",
                     class: "absolute left-0 top-0"
-                  })) : (g(), P("div", Kj, [
+                  })) : (g(), T("div", Kj, [
                     w("div", Gj, [
                       !!e.imageState && !e.loading ? (g(), Z(l, {
                         key: 0,
@@ -22232,7 +22232,7 @@ function pz(e, t, n, r, a, i) {
                       "row-height": "36",
                       type: "square@2",
                       class: "absolute left-0 top-0 flex gap-4"
-                    })) : (g(), P(ge, { key: 1 }, [
+                    })) : (g(), T(pe, { key: 1 }, [
                       w("div", lz, [
                         te(u, {
                           width: 36,
@@ -22289,7 +22289,7 @@ const mz = /* @__PURE__ */ ye(Lj, [["render", pz]]), vz = ne({
 });
 const gz = { class: "vc-input__error-wrapper" }, yz = { class: "vc-input__error-wrapper--text" };
 function bz(e, t, n, r, a, i) {
-  return g(), P("div", gz, [
+  return g(), T("div", gz, [
     w("span", yz, ae(e.errorMessage), 1)
   ]);
 }
@@ -22405,8 +22405,8 @@ const _z = /* @__PURE__ */ ye(wz, [["render", Cz]]), kz = 40, Sz = ne({
   }
 });
 function Az(e, t, n, r, a, i) {
-  return g(), P("div", {
-    style: pe(e.styles),
+  return g(), T("div", {
+    style: me(e.styles),
     class: R([[`vc-spinner--${e.color}`, `text-${e.color}`], "vc-spinner vc-spinner--circles"])
   }, null, 6);
 }
@@ -22435,8 +22435,8 @@ const Tz = /* @__PURE__ */ ye(Sz, [["render", Az], ["__scopeId", "data-v-cd01043
   }
 });
 function Oz(e, t, n, r, a, i) {
-  return g(), P("div", {
-    style: pe(e.styles),
+  return g(), T("div", {
+    style: me(e.styles),
     class: R([[`text-${e.color}`, e.icon], "vc-loading-icon spin"])
   }, null, 6);
 }
@@ -22466,8 +22466,8 @@ const Mz = /* @__PURE__ */ Sp('<div class="rect rect-1" data-v-d0c500c6></div><d
   Mz
 ];
 function Rz(e, t, n, r, a, i) {
-  return g(), P("div", {
-    style: pe(e.styles),
+  return g(), T("div", {
+    style: me(e.styles),
     class: R([`text-${e.color}`, "vc-spinner--stretch"])
   }, Vz, 6);
 }
@@ -22495,8 +22495,8 @@ const Fz = /* @__PURE__ */ ye(Dz, [["render", Rz], ["__scopeId", "data-v-d0c500c
   }
 });
 function xz(e, t, n, r, a, i) {
-  return g(), P("div", {
-    style: pe(e.styles),
+  return g(), T("div", {
+    style: me(e.styles),
     class: R([`text-${e.color}`, "vc-spinner vc-spinner--lds"])
   }, null, 6);
 }
@@ -22524,7 +22524,7 @@ const jz = /* @__PURE__ */ ye(Lz, [["render", xz], ["__scopeId", "data-v-e330761
     }));
     return ne({
       name: "DotSpinner"
-    }), (r, a) => (g(), P("div", {
+    }), (r, a) => (g(), T("div", {
       class: R([`text-${e.color}`, "vc-spinner--dots"])
     }, Wz, 2));
   }
@@ -22896,7 +22896,7 @@ function vW(e, t, n, r, a, i) {
     to: e.appendTarget,
     disabled: e.appendDisabled
   }, [
-    e.containerVisible ? (g(), P("div", {
+    e.containerVisible ? (g(), T("div", {
       key: 0,
       ref: e.maskRef,
       class: R([e.maskClass, "vc-dialog-mask"]),
@@ -22913,12 +22913,12 @@ function vW(e, t, n, r, a, i) {
         onAfterLeave: e.onAfterLeave
       }, {
         default: K(() => [
-          e.visible ? (g(), P("div", {
+          e.visible ? (g(), T("div", {
             key: 0,
             ref: e.containerRef,
             class: R(e.dialogClass),
             "aria-labelledby": e.ariaLabelledById,
-            style: pe({
+            style: me({
               width: e.modalWidth,
               maxWidth: e.modalMaxWidth
             }),
@@ -22926,16 +22926,16 @@ function vW(e, t, n, r, a, i) {
             "data-test": e.dataTestName,
             role: "dialog"
           }, [
-            e.hideHeader ? B("", !0) : (g(), P("div", oW, [
+            e.hideHeader ? B("", !0) : (g(), T("div", oW, [
               G(e.$slots, "header", {}, () => [
-                e.header ? (g(), P("div", {
+                e.header ? (g(), T("div", {
                   key: 0,
                   id: e.ariaLabelledById,
                   class: "vc-dialog-title"
                 }, ae(e.header), 9, sW)) : B("", !0)
               ]),
               w("div", lW, [
-                e.maximizable ? (g(), P("button", {
+                e.maximizable ? (g(), T("button", {
                   key: 0,
                   class: "vc-dialog-header-icon vc-dialog-header-maximize vc-link mx-3",
                   "aria-label": e.ariaCloseLabel,
@@ -22943,7 +22943,7 @@ function vW(e, t, n, r, a, i) {
                   tabindex: "-1",
                   onClick: t[0] || (t[0] = (...o) => e.maximize && e.maximize(...o))
                 }, cW, 8, uW)) : B("", !0),
-                e.closable ? (g(), P("button", {
+                e.closable ? (g(), T("button", {
                   key: 1,
                   class: "vc-dialog-header-icon vc-dialog-header-close vc-link",
                   "aria-label": e.ariaCloseLabel,
@@ -22955,11 +22955,11 @@ function vW(e, t, n, r, a, i) {
             ])),
             w("div", {
               class: R(e.contentStyleClass),
-              style: pe(e.contentStyle)
+              style: me(e.contentStyle)
             }, [
               G(e.$slots, "default")
             ], 6),
-            e.footer || e.$slots.footer ? (g(), P("div", {
+            e.footer || e.$slots.footer ? (g(), T("div", {
               key: 1,
               class: "vc-dialog-footer",
               "data-test": e.dataTestName
@@ -23100,7 +23100,7 @@ const CW = /* @__PURE__ */ ye($W, [["render", wW]]), _W = ne({
 const kW = { class: "vc-pagination" }, SW = { class: "vc-pagination-container-left" }, AW = { class: "vc-pagination-container-left-label" }, TW = { class: "vc-pagination__page-options" }, PW = { class: "vc-pagination-container-right" }, EW = { class: "vc-pagination-container-right-text" }, OW = { class: "vc-pagination-container-right-buttons" };
 function IW(e, t, n, r, a, i) {
   const o = oe("VcSelect"), s = oe("VcPaginationButton");
-  return g(), P("div", kW, [
+  return g(), T("div", kW, [
     w("div", SW, [
       w("div", AW, ae(e.labelText), 1),
       w("div", TW, [
@@ -23157,12 +23157,12 @@ const D0 = /* @__PURE__ */ ye(_W, [["render", IW]]), NW = { class: "vc-flag-labe
     }
   },
   setup(e) {
-    return (t, n) => (g(), P("div", NW, [
+    return (t, n) => (g(), T("div", NW, [
       w("div", {
         class: R([`country--${e.country.icon}`, "vc-flag-label__icon"])
       }, null, 2),
-      e.showName ? (g(), P("div", DW, ae(e.country.name), 1)) : B("", !0),
-      e.showName ? (g(), P("div", MW, " (+" + ae(e.country.dialCode) + ") ", 1)) : B("", !0)
+      e.showName ? (g(), T("div", DW, ae(e.country.name), 1)) : B("", !0),
+      e.showName ? (g(), T("div", MW, " (+" + ae(e.country.dialCode) + ") ", 1)) : B("", !0)
     ]));
   }
 });
@@ -27375,7 +27375,7 @@ const VK = ["data-test"], RK = { class: "inline-flex" }, FK = { class: "p-1 text
 };
 function jK(e, t, n, r, a, i) {
   const o = oe("VcFlagLabel"), s = oe("el-option"), l = oe("el-select"), u = oe("VcPopover"), d = oe("el-input");
-  return g(), P("div", {
+  return g(), T("div", {
     "data-test": e.dataTestName,
     class: R([[{
       "is--disabled": e.disabled
@@ -27431,7 +27431,7 @@ function jK(e, t, n, r, a, i) {
                 ])
               ]),
               default: K(() => [
-                (g(!0), P(ge, null, ke(e.filteredBySearchCountries, (c) => (g(), Z(s, {
+                (g(!0), T(pe, null, ke(e.filteredBySearchCountries, (c) => (g(), Z(s, {
                   key: c.iso2,
                   value: c.iso2,
                   label: `+${c.dialCode}`,
@@ -27453,8 +27453,8 @@ function jK(e, t, n, r, a, i) {
         }, 8, ["open"])
       ]),
       suffix: K(() => [
-        e.formattedPhoneNumber ? (g(), P("span", BK, [
-          e.isValidNumber ? (g(), P("i", LK)) : (g(), P("i", xK))
+        e.formattedPhoneNumber ? (g(), T("span", BK, [
+          e.isValidNumber ? (g(), T("i", LK)) : (g(), T("i", xK))
         ])) : B("", !0)
       ]),
       _: 3
@@ -27591,9 +27591,9 @@ const KK = ["aria-valuenow"], GK = { class: "vc-progress-bar" }, qK = {
   class: "vc-progress-bar__inner-text"
 }, YK = { key: 1 };
 function XK(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     "aria-valuenow": e.percentage,
-    style: pe(e.containerStyle),
+    style: me(e.containerStyle),
     "aria-valuemax": "=100",
     "aria-valuemin": "0",
     role: "progressbar",
@@ -27601,17 +27601,17 @@ function XK(e, t, n, r, a, i) {
   }, [
     w("div", GK, [
       w("div", {
-        style: pe(e.outerBarStyle),
+        style: me(e.outerBarStyle),
         class: "vc-progress-bar__outer"
       }, [
         w("div", {
-          style: pe(e.barStyle),
+          style: me(e.barStyle),
           class: R([{
             "is-indeterminate": e.indeterminate,
             "is-striped": e.striped
           }, "vc-progress-bar__inner"])
         }, [
-          (e.showText || e.$slots.default) && e.textInside ? (g(), P("div", qK, [
+          (e.showText || e.$slots.default) && e.textInside ? (g(), T("div", qK, [
             G(e.$slots, "default", { percentage: e.percentage }, () => [
               w("span", null, ae(e.content), 1)
             ])
@@ -27619,17 +27619,17 @@ function XK(e, t, n, r, a, i) {
         ], 6)
       ], 4)
     ]),
-    (e.showText || e.$slots.default) && !e.textInside ? (g(), P("div", {
+    (e.showText || e.$slots.default) && !e.textInside ? (g(), T("div", {
       key: 0,
-      style: pe({ fontSize: `${e.progressTextSize}px` }),
+      style: me({ fontSize: `${e.progressTextSize}px` }),
       class: "vc-progress__text"
     }, [
       G(e.$slots, "default", { percentage: e.percentage }, () => [
-        e.statusIcon ? (g(), P("span", {
+        e.statusIcon ? (g(), T("span", {
           key: 0,
           class: R(e.statusIcon.icon),
-          style: pe(e.statusIcon.color)
-        }, null, 6)) : (g(), P("span", YK, ae(e.content), 1))
+          style: me(e.statusIcon.color)
+        }, null, 6)) : (g(), T("span", YK, ae(e.content), 1))
       ])
     ], 4)) : B("", !0)
   ], 12, KK);
@@ -27773,10 +27773,10 @@ const Q0 = /* @__PURE__ */ ye(JK, [["render", eG]]), tG = ne({
 });
 const nG = ["tabindex", "onClick", "onKeyup"], rG = { class: "radio-tab-nav-name" };
 function aG(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([`justify-${e.position}`, "vc-radio-tabs-nav"])
   }, [
-    (g(!0), P(ge, null, ke(e.options, (o, s) => (g(), P("div", {
+    (g(!0), T(pe, null, ke(e.options, (o, s) => (g(), T("div", {
       key: `tab-${s}`,
       class: R([{
         "is--active": e.isActiveTab(o),
@@ -27788,7 +27788,7 @@ function aG(e, t, n, r, a, i) {
     }, [
       w("div", {
         class: "vc-radio-tabs-nav__item-content",
-        style: pe(e.contentWidthStyle)
+        style: me(e.contentWidthStyle)
       }, [
         w("i", {
           class: R([e.optionIcon(o), "radio-tab-nav-icon icon-base"])
@@ -27886,7 +27886,7 @@ function oG(e, t, n, r, a, i) {
     }, "vc-radio-group"])
   }, {
     default: K(() => [
-      (g(!0), P(ge, null, ke(e.radiosMapped, (l, u) => (g(), P("div", {
+      (g(!0), T(pe, null, ke(e.radiosMapped, (l, u) => (g(), T("div", {
         key: `radio-${u}`,
         class: "vc-radio-group__item"
       }, [
@@ -27986,7 +27986,7 @@ const dG = { class: "vc-radio-tabs" }, cG = { class: "vc-radio-tabs__wrapper" },
 };
 function vG(e, t, n, r, a, i) {
   const o = oe("VcRadioTabsNav");
-  return g(), P("div", dG, [
+  return g(), T("div", dG, [
     w("div", cG, [
       w("div", fG, [
         te(o, {
@@ -27999,11 +27999,11 @@ function vG(e, t, n, r, a, i) {
       ]),
       w("div", hG, [
         w("div", pG, [
-          e.lazy ? (g(), P("div", mG, [
+          e.lazy ? (g(), T("div", mG, [
             G(e.$slots, e.modelValue, { tab: e.activeOption }, () => [
               Ae(ae(e.activeOption), 1)
             ])
-          ])) : (g(!0), P(ge, { key: 1 }, ke(e.options, (s, l) => Ee((g(), P("div", {
+          ])) : (g(!0), T(pe, { key: 1 }, ke(e.options, (s, l) => Ee((g(), T("div", {
             key: `tab-pane-${l}`,
             class: "vc-radio-tabs__content-tab"
           }, [
@@ -28050,21 +28050,21 @@ const la = (e) => (Go("data-v-74d33943"), e = e(), qo(), e), $G = { class: "vc-l
   OG
 ];
 function NG(e, t, n, r, a, i) {
-  return g(), P("div", $G, [
+  return g(), T("div", $G, [
     w("div", {
-      style: pe([e.phRowHeight]),
+      style: me([e.phRowHeight]),
       class: "ph-row flex justify-between items-center mb-10"
     }, SG, 4),
     w("div", {
-      style: pe([e.phRowHeight]),
+      style: me([e.phRowHeight]),
       class: "ph-row flex justify-between items-center mb-4"
     }, TG, 4),
     w("div", {
-      style: pe([e.phRowHeight]),
+      style: me([e.phRowHeight]),
       class: "ph-row flex justify-between items-center mb-4"
     }, EG, 4),
     w("div", {
-      style: pe([e.phRowHeight]),
+      style: me([e.phRowHeight]),
       class: "ph-row flex justify-between items-center"
     }, IG, 4)
   ]);
@@ -28075,6 +28075,10 @@ const DG = /* @__PURE__ */ ye(bG, [["render", NG], ["__scopeId", "data-v-74d3394
     rowHeight: {
       type: [Number, String],
       default: void 0
+    },
+    cols: {
+      type: Number,
+      default: 1
     }
   },
   computed: {
@@ -28086,12 +28090,13 @@ const DG = /* @__PURE__ */ ye(bG, [["render", NG], ["__scopeId", "data-v-74d3394
   }
 });
 function RG(e, t, n, r, a, i) {
-  return g(), P("div", {
-    style: pe([e.phRowHeight]),
+  return g(!0), T(pe, null, ke(e.cols, (o) => (g(), T("div", {
+    key: o,
+    style: me([e.phRowHeight]),
     class: "ph-row w-full"
-  }, null, 4);
+  }, null, 4))), 128);
 }
-const FG = /* @__PURE__ */ ye(VG, [["render", RG], ["__scopeId", "data-v-d15e89cf"]]), pp = "25px", BG = ne({
+const FG = /* @__PURE__ */ ye(VG, [["render", RG], ["__scopeId", "data-v-c609ddda"]]), pp = "25px", BG = ne({
   name: "Square",
   props: {
     rowHeight: {
@@ -28114,9 +28119,9 @@ const FG = /* @__PURE__ */ ye(VG, [["render", RG], ["__scopeId", "data-v-d15e89c
   }
 });
 function LG(e, t, n, r, a, i) {
-  return g(!0), P(ge, null, ke(e.cols, (o) => (g(), P("div", {
+  return g(!0), T(pe, null, ke(e.cols, (o) => (g(), T("div", {
     key: o,
-    style: pe(e.phRowHeight),
+    style: me(e.phRowHeight),
     class: "ph-block"
   }, null, 4))), 128);
 }
@@ -28136,7 +28141,7 @@ const xG = /* @__PURE__ */ ye(BG, [["render", LG], ["__scopeId", "data-v-04cd519
 });
 const Ad = (e) => (Go("data-v-020cc4a9"), e = e(), qo(), e), zG = { class: "vc-text-loader text-inactive-text w-max" }, WG = /* @__PURE__ */ Ad(() => /* @__PURE__ */ w("span", { class: "dot" }, ".", -1)), UG = /* @__PURE__ */ Ad(() => /* @__PURE__ */ w("span", { class: "dot" }, ".", -1)), HG = /* @__PURE__ */ Ad(() => /* @__PURE__ */ w("span", { class: "dot" }, ".", -1));
 function KG(e, t, n, r, a, i) {
-  return g(), P("div", zG, [
+  return g(), T("div", zG, [
     Ae(ae(e.loadingText) + " ", 1),
     WG,
     UG,
@@ -28166,9 +28171,9 @@ const GG = /* @__PURE__ */ ye(jG, [["render", KG], ["__scopeId", "data-v-020cc4a
   }
 });
 function YG(e, t, n, r, a, i) {
-  return g(!0), P(ge, null, ke(e.cols, (o) => (g(), P("div", {
+  return g(!0), T(pe, null, ke(e.cols, (o) => (g(), T("div", {
     key: o,
-    style: pe(e.phRowHeight),
+    style: me(e.phRowHeight),
     class: "ph-circle"
   }, null, 4))), 128);
 }
@@ -28225,7 +28230,7 @@ const XG = /* @__PURE__ */ ye(qG, [["render", YG], ["__scopeId", "data-v-ef5472e
     },
     colsCount() {
       const [e, t] = this.type.split("@");
-      if (e === "square" || e === "circle")
+      if (e === "square" || e === "circle" || e === "row")
         return +t || 1;
     },
     additionalAttrs() {
@@ -28236,7 +28241,7 @@ const XG = /* @__PURE__ */ ye(qG, [["render", YG], ["__scopeId", "data-v-ef5472e
   }
 });
 function eq(e, t, n, r, a, i) {
-  return g(), P("div", Ve({
+  return g(), T("div", Ve({
     class: "vc-skeleton-loader w-full h-full animation-block",
     style: e.styles
   }, e.$attrs), [
@@ -28383,15 +28388,15 @@ var tg = { exports: {} };
             key: "drawLineToContext",
             value: function(M, $, A, N, z, V, x) {
               if (!!M) {
-                var U = $.length / 2, D = Math.round(U * this.start), C = Math.round(U * this.end) + 1, I = D, F = C, T = this.wave.width / (F - I - 1), O = N + z, W = A / N;
-                M.beginPath(), M.moveTo((I - D) * T, O), M.lineTo((I - D) * T, O - Math.round(($[2 * I] || 0) / W));
+                var U = $.length / 2, D = Math.round(U * this.start), C = Math.round(U * this.end) + 1, I = D, F = C, P = this.wave.width / (F - I - 1), O = N + z, W = A / N;
+                M.beginPath(), M.moveTo((I - D) * P, O), M.lineTo((I - D) * P, O - Math.round(($[2 * I] || 0) / W));
                 var L, S, H;
                 for (L = I; L < F; L++)
-                  S = $[2 * L] || 0, H = Math.round(S / W), M.lineTo((L - D) * T + this.halfPixel, O - H);
+                  S = $[2 * L] || 0, H = Math.round(S / W), M.lineTo((L - D) * P + this.halfPixel, O - H);
                 var J = F - 1;
                 for (J; J >= I; J--)
-                  S = $[2 * J + 1] || 0, H = Math.round(S / W), M.lineTo((J - D) * T + this.halfPixel, O - H);
-                M.lineTo((I - D) * T, O - Math.round(($[2 * I + 1] || 0) / W)), M.closePath(), M.fill();
+                  S = $[2 * J + 1] || 0, H = Math.round(S / W), M.lineTo((J - D) * P + this.halfPixel, O - H);
+                M.lineTo((I - D) * P, O - Math.round(($[2 * I + 1] || 0) / W)), M.closePath(), M.fill();
               }
             }
           }, {
@@ -28562,7 +28567,7 @@ var tg = { exports: {} };
             key: "handleEvent",
             value: function(C, I) {
               !I && C.preventDefault();
-              var F = d.withOrientation(C.targetTouches ? C.targetTouches[0] : C, this.params.vertical).clientX, T = this.wrapper.getBoundingClientRect(), O = this.width, W = this.getWidth(), L = this.getProgressPixels(T, F), S;
+              var F = d.withOrientation(C.targetTouches ? C.targetTouches[0] : C, this.params.vertical).clientX, P = this.wrapper.getBoundingClientRect(), O = this.width, W = this.getWidth(), L = this.getProgressPixels(P, F), S;
               return !this.params.fillParent && O < W ? S = L * (this.params.pixelRatio / O) || 0 : S = (L + this.wrapper.scrollLeft) / this.wrapper.scrollWidth || 0, d.clamp(S, 0, 1);
             }
           }, {
@@ -28575,10 +28580,10 @@ var tg = { exports: {} };
             value: function() {
               var C = this;
               this.wrapper.addEventListener("click", function(I) {
-                var F = d.withOrientation(I, C.params.vertical), T = C.wrapper.offsetHeight - C.wrapper.clientHeight;
-                if (T !== 0) {
+                var F = d.withOrientation(I, C.params.vertical), P = C.wrapper.offsetHeight - C.wrapper.clientHeight;
+                if (P !== 0) {
                   var O = C.wrapper.getBoundingClientRect();
-                  if (F.clientY >= O.bottom - T)
+                  if (F.clientY >= O.bottom - P)
                     return;
                 }
                 C.params.interact && C.fireEvent("click", I, C.handleEvent(I));
@@ -28590,8 +28595,8 @@ var tg = { exports: {} };
             }
           }, {
             key: "drawPeaks",
-            value: function(C, I, F, T) {
-              this.setWidth(I) || this.clearWave(), this.params.barWidth ? this.drawBars(C, 0, F, T) : this.drawWave(C, 0, F, T);
+            value: function(C, I, F, P) {
+              this.setWidth(I) || this.clearWave(), this.params.barWidth ? this.drawBars(C, 0, F, P) : this.drawWave(C, 0, F, P);
             }
           }, {
             key: "resetScroll",
@@ -28607,11 +28612,11 @@ var tg = { exports: {} };
           }, {
             key: "recenterOnPosition",
             value: function(C, I) {
-              var F = this.wrapper.scrollLeft, T = ~~(this.wrapper.clientWidth / 2), O = this.wrapper.scrollWidth - this.wrapper.clientWidth, W = C - T, L = W - F;
+              var F = this.wrapper.scrollLeft, P = ~~(this.wrapper.clientWidth / 2), O = this.wrapper.scrollWidth - this.wrapper.clientWidth, W = C - P, L = W - F;
               if (O != 0) {
-                if (!I && -T <= L && L < T) {
+                if (!I && -P <= L && L < P) {
                   var S = this.params.autoCenterRate;
-                  S /= T, S *= O, L = Math.max(-S, Math.min(S, L)), W = F + L;
+                  S /= P, S *= O, L = Math.max(-S, Math.min(S, L)), W = F + L;
                 }
                 W = Math.max(0, Math.min(O, W)), W != F && (this.wrapper.scrollLeft = W);
               }
@@ -28664,8 +28669,8 @@ var tg = { exports: {} };
               var I = 1 / this.params.pixelRatio, F = Math.round(C * this.width) * I;
               if (F < this.lastPos || F - this.lastPos >= I) {
                 if (this.lastPos = F, this.params.scrollParent && this.params.autoCenter) {
-                  var T = ~~(this.wrapper.scrollWidth * C);
-                  this.recenterOnPosition(T, this.params.autoCenterImmediately);
+                  var P = ~~(this.wrapper.scrollWidth * C);
+                  this.recenterOnPosition(P, this.params.autoCenterImmediately);
                 }
                 this.updateProgress(F);
               }
@@ -28685,11 +28690,11 @@ var tg = { exports: {} };
             }
           }, {
             key: "drawBars",
-            value: function(C, I, F, T) {
+            value: function(C, I, F, P) {
             }
           }, {
             key: "drawWave",
-            value: function(C, I, F, T) {
+            value: function(C, I, F, P) {
             }
           }, {
             key: "clearWave",
@@ -28719,8 +28724,8 @@ var tg = { exports: {} };
           if (typeof WeakMap != "function")
             return null;
           var C = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap();
-          return (v = function(T) {
-            return T ? I : C;
+          return (v = function(P) {
+            return P ? I : C;
           })(D);
         }
         function p(D, C) {
@@ -28731,10 +28736,10 @@ var tg = { exports: {} };
           var I = v(C);
           if (I && I.has(D))
             return I.get(D);
-          var F = {}, T = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          var F = {}, P = Object.defineProperty && Object.getOwnPropertyDescriptor;
           for (var O in D)
             if (O !== "default" && Object.prototype.hasOwnProperty.call(D, O)) {
-              var W = T ? Object.getOwnPropertyDescriptor(D, O) : null;
+              var W = P ? Object.getOwnPropertyDescriptor(D, O) : null;
               W && (W.get || W.set) ? Object.defineProperty(F, O, W) : F[O] = D[O];
             }
           return F.default = D, I && I.set(D, F), F;
@@ -28777,20 +28782,20 @@ var tg = { exports: {} };
           D.prototype = Object.create(C && C.prototype, { constructor: { value: D, writable: !0, configurable: !0 } }), Object.defineProperty(D, "prototype", { writable: !1 }), C && $(D, C);
         }
         function $(D, C) {
-          return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(F, T) {
-            return F.__proto__ = T, F;
+          return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(F, P) {
+            return F.__proto__ = P, F;
           }, $(D, C);
         }
         function A(D) {
           var C = V();
           return function() {
-            var F = x(D), T;
+            var F = x(D), P;
             if (C) {
               var O = x(this).constructor;
-              T = Reflect.construct(F, arguments, O);
+              P = Reflect.construct(F, arguments, O);
             } else
-              T = F.apply(this, arguments);
-            return N(this, T);
+              P = F.apply(this, arguments);
+            return N(this, P);
           };
         }
         function N(D, C) {
@@ -28825,9 +28830,9 @@ var tg = { exports: {} };
         var U = /* @__PURE__ */ function(D) {
           M(I, D);
           var C = A(I);
-          function I(F, T) {
+          function I(F, P) {
             var O;
-            return y(this, I), O = C.call(this, F, T), O.maxCanvasWidth = T.maxCanvasWidth, O.maxCanvasElementWidth = Math.round(T.maxCanvasWidth / T.pixelRatio), O.hasProgressCanvas = T.waveColor != T.progressColor, O.halfPixel = 0.5 / T.pixelRatio, O.canvases = [], O.progressWave = null, O.EntryClass = h.default, O.canvasContextAttributes = T.drawingContextAttributes, O.overlap = 2 * Math.ceil(T.pixelRatio / 2), O.barRadius = T.barRadius || 0, O.vertical = T.vertical, O;
+            return y(this, I), O = C.call(this, F, P), O.maxCanvasWidth = P.maxCanvasWidth, O.maxCanvasElementWidth = Math.round(P.maxCanvasWidth / P.pixelRatio), O.hasProgressCanvas = P.waveColor != P.progressColor, O.halfPixel = 0.5 / P.pixelRatio, O.canvases = [], O.progressWave = null, O.EntryClass = h.default, O.canvasContextAttributes = P.drawingContextAttributes, O.overlap = 2 * Math.ceil(P.pixelRatio / 2), O.barRadius = P.barRadius || 0, O.vertical = P.vertical, O;
           }
           return k(I, [{
             key: "init",
@@ -28862,20 +28867,20 @@ var tg = { exports: {} };
           }, {
             key: "updateSize",
             value: function() {
-              for (var T = this, O = Math.round(this.width / this.params.pixelRatio), W = Math.ceil(O / (this.maxCanvasElementWidth + this.overlap)); this.canvases.length < W; )
+              for (var P = this, O = Math.round(this.width / this.params.pixelRatio), W = Math.ceil(O / (this.maxCanvasElementWidth + this.overlap)); this.canvases.length < W; )
                 this.addCanvas();
               for (; this.canvases.length > W; )
                 this.removeCanvas();
               var L = this.maxCanvasWidth + this.overlap, S = this.canvases.length - 1;
               this.canvases.forEach(function(H, J) {
-                J == S && (L = T.width - T.maxCanvasWidth * S), T.updateDimensions(H, L, T.height), H.clearWave();
+                J == S && (L = P.width - P.maxCanvasWidth * S), P.updateDimensions(H, L, P.height), H.clearWave();
               });
             }
           }, {
             key: "addCanvas",
             value: function() {
-              var T = new this.EntryClass();
-              T.canvasContextAttributes = this.canvasContextAttributes, T.hasProgressCanvas = this.hasProgressCanvas, T.halfPixel = this.halfPixel;
+              var P = new this.EntryClass();
+              P.canvasContextAttributes = this.canvasContextAttributes, P.hasProgressCanvas = this.hasProgressCanvas, P.halfPixel = this.halfPixel;
               var O = this.maxCanvasElementWidth * this.canvases.length, W = c.withOrientation(this.wrapper.appendChild(document.createElement("canvas")), this.params.vertical);
               if (this.style(W, {
                 position: "absolute",
@@ -28885,7 +28890,7 @@ var tg = { exports: {} };
                 bottom: 0,
                 height: "100%",
                 pointerEvents: "none"
-              }), T.initWave(W), this.hasProgressCanvas) {
+              }), P.initWave(W), this.hasProgressCanvas) {
                 var L = c.withOrientation(this.progressWave.appendChild(document.createElement("canvas")), this.params.vertical);
                 this.style(L, {
                   position: "absolute",
@@ -28893,44 +28898,44 @@ var tg = { exports: {} };
                   top: 0,
                   bottom: 0,
                   height: "100%"
-                }), T.initProgress(L);
+                }), P.initProgress(L);
               }
-              this.canvases.push(T);
+              this.canvases.push(P);
             }
           }, {
             key: "removeCanvas",
             value: function() {
-              var T = this.canvases[this.canvases.length - 1];
-              T.wave.parentElement.removeChild(T.wave.domElement), this.hasProgressCanvas && T.progress.parentElement.removeChild(T.progress.domElement), T && (T.destroy(), T = null), this.canvases.pop();
+              var P = this.canvases[this.canvases.length - 1];
+              P.wave.parentElement.removeChild(P.wave.domElement), this.hasProgressCanvas && P.progress.parentElement.removeChild(P.progress.domElement), P && (P.destroy(), P = null), this.canvases.pop();
             }
           }, {
             key: "updateDimensions",
-            value: function(T, O, W) {
+            value: function(P, O, W) {
               var L = Math.round(O / this.params.pixelRatio), S = Math.round(this.width / this.params.pixelRatio);
-              T.updateDimensions(L, S, O, W), this.style(this.progressWave, {
+              P.updateDimensions(L, S, O, W), this.style(this.progressWave, {
                 display: "block"
               });
             }
           }, {
             key: "clearWave",
             value: function() {
-              var T = this;
+              var P = this;
               c.frame(function() {
-                T.canvases.forEach(function(O) {
+                P.canvases.forEach(function(O) {
                   return O.clearWave();
                 });
               })();
             }
           }, {
             key: "drawBars",
-            value: function(T, O, W, L) {
+            value: function(P, O, W, L) {
               var S = this;
-              return this.prepareDraw(T, O, W, L, function(H) {
+              return this.prepareDraw(P, O, W, L, function(H) {
                 var J = H.absmax, fe = H.hasMinVals;
                 H.height;
                 var le = H.offsetY, de = H.halfH, ee = H.peaks, q = H.channelIndex;
                 if (W !== void 0) {
-                  var ie = fe ? 2 : 1, he = ee.length / ie, Ce = S.params.barWidth * S.params.pixelRatio, Be = S.params.barGap === null ? Math.max(S.params.pixelRatio, ~~(Ce / 2)) : Math.max(S.params.pixelRatio, S.params.barGap * S.params.pixelRatio), Y = Ce + Be, se = he / S.width, me = W, Ne = L, Ze = me;
+                  var ie = fe ? 2 : 1, he = ee.length / ie, Ce = S.params.barWidth * S.params.pixelRatio, Be = S.params.barGap === null ? Math.max(S.params.pixelRatio, ~~(Ce / 2)) : Math.max(S.params.pixelRatio, S.params.barGap * S.params.pixelRatio), Y = Ce + Be, se = he / S.width, ve = W, Ne = L, Ze = ve;
                   for (Ze; Ze < Ne; Ze += Y) {
                     var $t = 0, wt = Math.floor(Ze * se) * ie, ct = Math.floor((Ze + Y) * se) * ie;
                     do {
@@ -28945,9 +28950,9 @@ var tg = { exports: {} };
             }
           }, {
             key: "drawWave",
-            value: function(T, O, W, L) {
+            value: function(P, O, W, L) {
               var S = this;
-              return this.prepareDraw(T, O, W, L, function(H) {
+              return this.prepareDraw(P, O, W, L, function(H) {
                 var J = H.absmax, fe = H.hasMinVals;
                 H.height;
                 var le = H.offsetY, de = H.halfH, ee = H.peaks, q = H.channelIndex;
@@ -28962,21 +28967,21 @@ var tg = { exports: {} };
             }
           }, {
             key: "drawLine",
-            value: function(T, O, W, L, S, H, J) {
+            value: function(P, O, W, L, S, H, J) {
               var fe = this, le = this.params.splitChannelsOptions.channelColors[J] || {}, de = le.waveColor, ee = le.progressColor;
               this.canvases.forEach(function(q, ie) {
-                fe.setFillStyles(q, de, ee), fe.applyCanvasTransforms(q, fe.params.vertical), q.drawLines(T, O, W, L, S, H);
+                fe.setFillStyles(q, de, ee), fe.applyCanvasTransforms(q, fe.params.vertical), q.drawLines(P, O, W, L, S, H);
               });
             }
           }, {
             key: "fillRect",
-            value: function(T, O, W, L, S, H) {
-              var J = Math.floor(T / this.maxCanvasWidth), fe = Math.min(Math.ceil((T + W) / this.maxCanvasWidth) + 1, this.canvases.length), le = J;
+            value: function(P, O, W, L, S, H) {
+              var J = Math.floor(P / this.maxCanvasWidth), fe = Math.min(Math.ceil((P + W) / this.maxCanvasWidth) + 1, this.canvases.length), le = J;
               for (le; le < fe; le++) {
                 var de = this.canvases[le], ee = le * this.maxCanvasWidth, q = {
-                  x1: Math.max(T, le * this.maxCanvasWidth),
+                  x1: Math.max(P, le * this.maxCanvasWidth),
                   y1: O,
-                  x2: Math.min(T + W, le * this.maxCanvasWidth + de.wave.width),
+                  x2: Math.min(P + W, le * this.maxCanvasWidth + de.wave.width),
                   y2: O + L
                 };
                 if (q.x1 < q.x2) {
@@ -28987,16 +28992,16 @@ var tg = { exports: {} };
             }
           }, {
             key: "hideChannel",
-            value: function(T) {
-              return this.params.splitChannels && this.params.splitChannelsOptions.filterChannels.includes(T);
+            value: function(P) {
+              return this.params.splitChannels && this.params.splitChannelsOptions.filterChannels.includes(P);
             }
           }, {
             key: "prepareDraw",
-            value: function(T, O, W, L, S, H, J) {
+            value: function(P, O, W, L, S, H, J) {
               var fe = this;
               return c.frame(function() {
-                if (T[0] instanceof Array) {
-                  var le = T;
+                if (P[0] instanceof Array) {
+                  var le = P;
                   if (fe.params.splitChannels) {
                     var de = le.filter(function(Y, se) {
                       return !fe.hideChannel(se);
@@ -29009,12 +29014,12 @@ var tg = { exports: {} };
                       return fe.prepareDraw(Y, se, W, L, S, de.indexOf(Y), ee);
                     });
                   }
-                  T = le[0];
+                  P = le[0];
                 }
                 if (!fe.hideChannel(O)) {
                   var q = 1 / fe.params.barHeight;
-                  fe.params.normalize && (q = J === void 0 ? c.absMax(T) : J);
-                  var ie = [].some.call(T, function(Y) {
+                  fe.params.normalize && (q = J === void 0 ? c.absMax(P) : J);
+                  var ie = [].some.call(P, function(Y) {
                     return Y < 0;
                   }), he = fe.params.height * fe.params.pixelRatio, Ce = he / 2, Be = he * H || 0;
                   return fe.params.splitChannelsOptions && fe.params.splitChannelsOptions.overlay && (Be = 0), S({
@@ -29023,7 +29028,7 @@ var tg = { exports: {} };
                     height: he,
                     offsetY: Be,
                     halfH: Ce,
-                    peaks: T,
+                    peaks: P,
                     channelIndex: O
                   });
                 }
@@ -29031,35 +29036,35 @@ var tg = { exports: {} };
             }
           }, {
             key: "setFillStyles",
-            value: function(T) {
+            value: function(P) {
               var O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.params.waveColor, W = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : this.params.progressColor;
-              T.setFillStyles(O, W);
+              P.setFillStyles(O, W);
             }
           }, {
             key: "applyCanvasTransforms",
-            value: function(T) {
+            value: function(P) {
               var O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-              T.applyCanvasTransforms(O);
+              P.applyCanvasTransforms(O);
             }
           }, {
             key: "getImage",
-            value: function(T, O, W) {
+            value: function(P, O, W) {
               if (W === "blob")
                 return Promise.all(this.canvases.map(function(S) {
-                  return S.getImage(T, O, W);
+                  return S.getImage(P, O, W);
                 }));
               if (W === "dataURL") {
                 var L = this.canvases.map(function(S) {
-                  return S.getImage(T, O, W);
+                  return S.getImage(P, O, W);
                 });
                 return L.length > 1 ? L : L[0];
               }
             }
           }, {
             key: "updateProgress",
-            value: function(T) {
+            value: function(P) {
               this.style(this.progressWave, {
-                width: T + "px"
+                width: P + "px"
               });
             }
           }]), I;
@@ -29189,8 +29194,8 @@ var tg = { exports: {} };
             }
           }, {
             key: "_load",
-            value: function(I, F, T) {
-              b(z(D.prototype), "_load", this).call(this, I, F, T), this.createMediaElementSource(I);
+            value: function(I, F, P) {
+              b(z(D.prototype), "_load", this).call(this, I, F, P), this.createMediaElementSource(I);
             }
           }, {
             key: "createMediaElementSource",
@@ -29239,13 +29244,13 @@ var tg = { exports: {} };
           var F = h(I);
           if (F && F.has(C))
             return F.get(C);
-          var T = {}, O = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          var P = {}, O = Object.defineProperty && Object.getOwnPropertyDescriptor;
           for (var W in C)
             if (W !== "default" && Object.prototype.hasOwnProperty.call(C, W)) {
               var L = O ? Object.getOwnPropertyDescriptor(C, W) : null;
-              L && (L.get || L.set) ? Object.defineProperty(T, W, L) : T[W] = C[W];
+              L && (L.get || L.set) ? Object.defineProperty(P, W, L) : P[W] = C[W];
             }
-          return T.default = C, F && F.set(C, T), T;
+          return P.default = C, F && F.set(C, P), P;
         }
         function p(C) {
           return C && C.__esModule ? C : { default: C };
@@ -29256,8 +29261,8 @@ var tg = { exports: {} };
         }
         function y(C, I) {
           for (var F = 0; F < I.length; F++) {
-            var T = I[F];
-            T.enumerable = T.enumerable || !1, T.configurable = !0, "value" in T && (T.writable = !0), Object.defineProperty(C, k(T.key), T);
+            var P = I[F];
+            P.enumerable = P.enumerable || !1, P.configurable = !0, "value" in P && (P.writable = !0), Object.defineProperty(C, k(P.key), P);
           }
         }
         function b(C, I, F) {
@@ -29272,19 +29277,19 @@ var tg = { exports: {} };
             return C;
           var F = C[Symbol.toPrimitive];
           if (F !== void 0) {
-            var T = F.call(C, I || "default");
-            if (u(T) !== "object")
-              return T;
+            var P = F.call(C, I || "default");
+            if (u(P) !== "object")
+              return P;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return (I === "string" ? String : Number)(C);
         }
         function E() {
-          return typeof Reflect < "u" && Reflect.get ? E = Reflect.get.bind() : E = function(I, F, T) {
+          return typeof Reflect < "u" && Reflect.get ? E = Reflect.get.bind() : E = function(I, F, P) {
             var O = M(I, F);
             if (!!O) {
               var W = Object.getOwnPropertyDescriptor(O, F);
-              return W.get ? W.get.call(arguments.length < 3 ? I : T) : W.value;
+              return W.get ? W.get.call(arguments.length < 3 ? I : P) : W.value;
             }
           }, E.apply(this, arguments);
         }
@@ -29299,19 +29304,19 @@ var tg = { exports: {} };
           C.prototype = Object.create(I && I.prototype, { constructor: { value: C, writable: !0, configurable: !0 } }), Object.defineProperty(C, "prototype", { writable: !1 }), I && A(C, I);
         }
         function A(C, I) {
-          return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(T, O) {
-            return T.__proto__ = O, T;
+          return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(P, O) {
+            return P.__proto__ = O, P;
           }, A(C, I);
         }
         function N(C) {
           var I = x();
           return function() {
-            var T = U(C), O;
+            var P = U(C), O;
             if (I) {
               var W = U(this).constructor;
-              O = Reflect.construct(T, arguments, W);
+              O = Reflect.construct(P, arguments, W);
             } else
-              O = T.apply(this, arguments);
+              O = P.apply(this, arguments);
             return z(this, O);
           };
         }
@@ -29347,9 +29352,9 @@ var tg = { exports: {} };
         var D = /* @__PURE__ */ function(C) {
           $(F, C);
           var I = N(F);
-          function F(T) {
+          function F(P) {
             var O;
-            return m(this, F), O = I.call(this, T), O.params = T, O.media = {
+            return m(this, F), O = I.call(this, P), O.params = P, O.media = {
               currentTime: 0,
               duration: 0,
               paused: !0,
@@ -29359,7 +29364,7 @@ var tg = { exports: {} };
               pause: function() {
               },
               volume: 0
-            }, O.mediaType = T.mediaType.toLowerCase(), O.elementPosition = T.elementPosition, O.peaks = null, O.playbackRate = 1, O.volume = 1, O.isMuted = !1, O.buffer = null, O.onPlayEnd = null, O.mediaListeners = {}, O;
+            }, O.mediaType = P.mediaType.toLowerCase(), O.elementPosition = P.elementPosition, O.peaks = null, O.playbackRate = 1, O.volume = 1, O.isMuted = !1, O.buffer = null, O.onPlayEnd = null, O.mediaListeners = {}, O;
           }
           return b(F, [{
             key: "init",
@@ -30109,47 +30114,47 @@ var tg = { exports: {} };
           value: !0
         }), s.default = void 0;
         var u = b(l("./src/util/index.js")), d = m(l("./src/drawer.multicanvas.js")), c = m(l("./src/webaudio.js")), h = m(l("./src/mediaelement.js")), v = m(l("./src/peakcache.js")), p = m(l("./src/mediaelement-webaudio.js"));
-        function m(T) {
-          return T && T.__esModule ? T : { default: T };
+        function m(P) {
+          return P && P.__esModule ? P : { default: P };
         }
-        function y(T) {
+        function y(P) {
           if (typeof WeakMap != "function")
             return null;
           var O = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap();
           return (y = function(S) {
             return S ? W : O;
-          })(T);
+          })(P);
         }
-        function b(T, O) {
-          if (!O && T && T.__esModule)
-            return T;
-          if (T === null || V(T) !== "object" && typeof T != "function")
-            return { default: T };
+        function b(P, O) {
+          if (!O && P && P.__esModule)
+            return P;
+          if (P === null || V(P) !== "object" && typeof P != "function")
+            return { default: P };
           var W = y(O);
-          if (W && W.has(T))
-            return W.get(T);
+          if (W && W.has(P))
+            return W.get(P);
           var L = {}, S = Object.defineProperty && Object.getOwnPropertyDescriptor;
-          for (var H in T)
-            if (H !== "default" && Object.prototype.hasOwnProperty.call(T, H)) {
-              var J = S ? Object.getOwnPropertyDescriptor(T, H) : null;
-              J && (J.get || J.set) ? Object.defineProperty(L, H, J) : L[H] = T[H];
+          for (var H in P)
+            if (H !== "default" && Object.prototype.hasOwnProperty.call(P, H)) {
+              var J = S ? Object.getOwnPropertyDescriptor(P, H) : null;
+              J && (J.get || J.set) ? Object.defineProperty(L, H, J) : L[H] = P[H];
             }
-          return L.default = T, W && W.set(T, L), L;
+          return L.default = P, W && W.set(P, L), L;
         }
-        function k(T, O) {
+        function k(P, O) {
           if (typeof O != "function" && O !== null)
             throw new TypeError("Super expression must either be null or a function");
-          T.prototype = Object.create(O && O.prototype, { constructor: { value: T, writable: !0, configurable: !0 } }), Object.defineProperty(T, "prototype", { writable: !1 }), O && _(T, O);
+          P.prototype = Object.create(O && O.prototype, { constructor: { value: P, writable: !0, configurable: !0 } }), Object.defineProperty(P, "prototype", { writable: !1 }), O && _(P, O);
         }
-        function _(T, O) {
+        function _(P, O) {
           return _ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(L, S) {
             return L.__proto__ = S, L;
-          }, _(T, O);
+          }, _(P, O);
         }
-        function E(T) {
+        function E(P) {
           var O = A();
           return function() {
-            var L = N(T), S;
+            var L = N(P), S;
             if (O) {
               var H = N(this).constructor;
               S = Reflect.construct(L, arguments, H);
@@ -30158,17 +30163,17 @@ var tg = { exports: {} };
             return M(this, S);
           };
         }
-        function M(T, O) {
+        function M(P, O) {
           if (O && (V(O) === "object" || typeof O == "function"))
             return O;
           if (O !== void 0)
             throw new TypeError("Derived constructors may only return object or undefined");
-          return $(T);
+          return $(P);
         }
-        function $(T) {
-          if (T === void 0)
+        function $(P) {
+          if (P === void 0)
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-          return T;
+          return P;
         }
         function A() {
           if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
@@ -30182,52 +30187,52 @@ var tg = { exports: {} };
             return !1;
           }
         }
-        function N(T) {
+        function N(P) {
           return N = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(W) {
             return W.__proto__ || Object.getPrototypeOf(W);
-          }, N(T);
+          }, N(P);
         }
-        function z(T, O, W) {
-          return O = C(O), O in T ? Object.defineProperty(T, O, { value: W, enumerable: !0, configurable: !0, writable: !0 }) : T[O] = W, T;
+        function z(P, O, W) {
+          return O = C(O), O in P ? Object.defineProperty(P, O, { value: W, enumerable: !0, configurable: !0, writable: !0 }) : P[O] = W, P;
         }
-        function V(T) {
+        function V(P) {
           return V = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(O) {
             return typeof O;
           } : function(O) {
             return O && typeof Symbol == "function" && O.constructor === Symbol && O !== Symbol.prototype ? "symbol" : typeof O;
-          }, V(T);
+          }, V(P);
         }
-        function x(T, O) {
-          if (!(T instanceof O))
+        function x(P, O) {
+          if (!(P instanceof O))
             throw new TypeError("Cannot call a class as a function");
         }
-        function U(T, O) {
+        function U(P, O) {
           for (var W = 0; W < O.length; W++) {
             var L = O[W];
-            L.enumerable = L.enumerable || !1, L.configurable = !0, "value" in L && (L.writable = !0), Object.defineProperty(T, C(L.key), L);
+            L.enumerable = L.enumerable || !1, L.configurable = !0, "value" in L && (L.writable = !0), Object.defineProperty(P, C(L.key), L);
           }
         }
-        function D(T, O, W) {
-          return O && U(T.prototype, O), W && U(T, W), Object.defineProperty(T, "prototype", { writable: !1 }), T;
+        function D(P, O, W) {
+          return O && U(P.prototype, O), W && U(P, W), Object.defineProperty(P, "prototype", { writable: !1 }), P;
         }
-        function C(T) {
-          var O = I(T, "string");
+        function C(P) {
+          var O = I(P, "string");
           return V(O) === "symbol" ? O : String(O);
         }
-        function I(T, O) {
-          if (V(T) !== "object" || T === null)
-            return T;
-          var W = T[Symbol.toPrimitive];
+        function I(P, O) {
+          if (V(P) !== "object" || P === null)
+            return P;
+          var W = P[Symbol.toPrimitive];
           if (W !== void 0) {
-            var L = W.call(T, O || "default");
+            var L = W.call(P, O || "default");
             if (V(L) !== "object")
               return L;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
-          return (O === "string" ? String : Number)(T);
+          return (O === "string" ? String : Number)(P);
         }
-        var F = /* @__PURE__ */ function(T) {
-          k(W, T);
+        var F = /* @__PURE__ */ function(P) {
+          k(W, P);
           var O = E(W);
           function W(L) {
             var S;
@@ -30830,13 +30835,13 @@ var tg = { exports: {} };
           var F = d(I);
           if (F && F.has(C))
             return F.get(C);
-          var T = {}, O = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          var P = {}, O = Object.defineProperty && Object.getOwnPropertyDescriptor;
           for (var W in C)
             if (W !== "default" && Object.prototype.hasOwnProperty.call(C, W)) {
               var L = O ? Object.getOwnPropertyDescriptor(C, W) : null;
-              L && (L.get || L.set) ? Object.defineProperty(T, W, L) : T[W] = C[W];
+              L && (L.get || L.set) ? Object.defineProperty(P, W, L) : P[W] = C[W];
             }
-          return T.default = C, F && F.set(C, T), T;
+          return P.default = C, F && F.set(C, P), P;
         }
         function h(C) {
           return h = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(I) {
@@ -30851,8 +30856,8 @@ var tg = { exports: {} };
         }
         function p(C, I) {
           for (var F = 0; F < I.length; F++) {
-            var T = I[F];
-            T.enumerable = T.enumerable || !1, T.configurable = !0, "value" in T && (T.writable = !0), Object.defineProperty(C, N(T.key), T);
+            var P = I[F];
+            P.enumerable = P.enumerable || !1, P.configurable = !0, "value" in P && (P.writable = !0), Object.defineProperty(C, N(P.key), P);
           }
         }
         function m(C, I, F) {
@@ -30864,19 +30869,19 @@ var tg = { exports: {} };
           C.prototype = Object.create(I && I.prototype, { constructor: { value: C, writable: !0, configurable: !0 } }), Object.defineProperty(C, "prototype", { writable: !1 }), I && b(C, I);
         }
         function b(C, I) {
-          return b = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(T, O) {
-            return T.__proto__ = O, T;
+          return b = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(P, O) {
+            return P.__proto__ = O, P;
           }, b(C, I);
         }
         function k(C) {
           var I = M();
           return function() {
-            var T = $(C), O;
+            var P = $(C), O;
             if (I) {
               var W = $(this).constructor;
-              O = Reflect.construct(T, arguments, W);
+              O = Reflect.construct(P, arguments, W);
             } else
-              O = T.apply(this, arguments);
+              O = P.apply(this, arguments);
             return _(this, O);
           };
         }
@@ -30921,9 +30926,9 @@ var tg = { exports: {} };
             return C;
           var F = C[Symbol.toPrimitive];
           if (F !== void 0) {
-            var T = F.call(C, I || "default");
-            if (h(T) !== "object")
-              return T;
+            var P = F.call(C, I || "default");
+            if (h(P) !== "object")
+              return P;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return (I === "string" ? String : Number)(C);
@@ -30931,7 +30936,7 @@ var tg = { exports: {} };
         var V = "playing", x = "paused", U = "finished", D = /* @__PURE__ */ function(C) {
           y(F, C);
           var I = k(F);
-          function F(T) {
+          function F(P) {
             var O, W, L;
             return v(this, F), L = I.call(this), A(E(L), "audioContext", null), A(E(L), "stateBehaviors", (O = {}, A(O, V, {
               init: function() {
@@ -30964,7 +30969,7 @@ var tg = { exports: {} };
               getCurrentTime: function() {
                 return this.getDuration();
               }
-            }), O)), L.params = T, L.ac = T.audioContext || (L.supportsWebAudio() ? L.getAudioContext() : {}), L.lastPlay = L.ac.currentTime, L.startPosition = 0, L.scheduledPause = null, L.states = (W = {}, A(W, V, Object.create(L.stateBehaviors[V])), A(W, x, Object.create(L.stateBehaviors[x])), A(W, U, Object.create(L.stateBehaviors[U])), W), L.buffer = null, L.filters = [], L.gainNode = null, L.mergedPeaks = null, L.offlineAc = null, L.peaks = null, L.playbackRate = 1, L.analyser = null, L.scriptNode = null, L.source = null, L.splitPeaks = [], L.state = null, L.explicitDuration = T.duration, L.sinkStreamDestination = null, L.sinkAudioElement = null, L.destroyed = !1, L;
+            }), O)), L.params = P, L.ac = P.audioContext || (L.supportsWebAudio() ? L.getAudioContext() : {}), L.lastPlay = L.ac.currentTime, L.startPosition = 0, L.scheduledPause = null, L.states = (W = {}, A(W, V, Object.create(L.stateBehaviors[V])), A(W, x, Object.create(L.stateBehaviors[x])), A(W, U, Object.create(L.stateBehaviors[U])), W), L.buffer = null, L.filters = [], L.gainNode = null, L.mergedPeaks = null, L.offlineAc = null, L.peaks = null, L.playbackRate = 1, L.analyser = null, L.scriptNode = null, L.source = null, L.splitPeaks = [], L.state = null, L.explicitDuration = P.duration, L.sinkStreamDestination = null, L.sinkAudioElement = null, L.destroyed = !1, L;
           }
           return m(F, [{
             key: "supportsWebAudio",
@@ -31465,14 +31470,14 @@ const ng = (e) => (Go("data-v-48893cff"), e = e(), qo(), e), oq = {
 }, wq = ["onClick"];
 function Cq(e, t, n, r, a, i) {
   const o = oe("VcSkeletonLoader"), s = Gn("click-outside");
-  return g(), P("div", Ve({ class: "w-full flex items-center" }, e.$attrs), [
-    e.isError ? (g(), P("div", oq, [
-      e.simple ? (g(), P("div", uq, cq)) : (g(), P("div", sq, [
+  return g(), T("div", Ve({ class: "w-full flex items-center" }, e.$attrs), [
+    e.isError ? (g(), T("div", oq, [
+      e.simple ? (g(), T("div", uq, cq)) : (g(), T("div", sq, [
         lq,
         Ae(" " + ae(e.audioErrorMessage), 1)
       ]))
-    ])) : (g(), P("div", fq, [
-      e.isPlaying ? (g(), P("div", {
+    ])) : (g(), T("div", fq, [
+      e.isPlaying ? (g(), T("div", {
         key: 1,
         class: R(["sound-controls", { "right-offset": !e.simple }]),
         onClick: t[1] || (t[1] = xe((...l) => e.pause && e.pause(...l), ["stop"]))
@@ -31480,7 +31485,7 @@ function Cq(e, t, n, r, a, i) {
         w("i", {
           class: R(["vc-icon-pause2 text-primary-actions", e.iconClass])
         }, null, 2)
-      ], 2)) : (g(), P("div", {
+      ], 2)) : (g(), T("div", {
         key: 0,
         class: R(["sound-controls", { "right-offset": !e.simple }]),
         onClick: t[0] || (t[0] = xe((...l) => e.play && e.play(...l), ["stop"]))
@@ -31489,7 +31494,7 @@ function Cq(e, t, n, r, a, i) {
           class: R(["vc-icon-play", [e.iconClass, e.disabled ? "text-inactive-elements" : "text-primary-actions"]])
         }, null, 2)
       ], 2)),
-      e.showReset ? (g(), P("div", {
+      e.showReset ? (g(), T("div", {
         key: 2,
         class: R(["sound-controls", e.simple ? "left-offset" : "right-offset"]),
         onClick: t[2] || (t[2] = xe((...l) => e.stop && e.stop(...l), ["stop"]))
@@ -31498,7 +31503,7 @@ function Cq(e, t, n, r, a, i) {
           class: R(["vc-icon-restart text-primary-actions", e.iconClass])
         }, null, 2)
       ], 2)) : B("", !0),
-      e.showSkipButtons && e.isPlayingInProgress ? (g(), P("div", hq, [
+      e.showSkipButtons && e.isPlayingInProgress ? (g(), T("div", hq, [
         w("div", {
           onClick: t[3] || (t[3] = xe((...l) => e.skipBackward && e.skipBackward(...l), ["stop"]))
         }, [
@@ -31514,7 +31519,7 @@ function Cq(e, t, n, r, a, i) {
           }, null, 2)
         ])
       ])) : B("", !0),
-      e.preIcon && !e.simple ? (g(), P("div", pq, [
+      e.preIcon && !e.simple ? (g(), T("div", pq, [
         w("i", {
           class: R([e.preIcon, "text-primary-actions icon-base"])
         }, null, 2)
@@ -31538,20 +31543,20 @@ function Cq(e, t, n, r, a, i) {
         ], 512), [
           [it, e.isPlayingInProgress]
         ]),
-        !e.isPlayingInProgress && !e.loading ? (g(), P("div", gq)) : B("", !0)
+        !e.isPlayingInProgress && !e.loading ? (g(), T("div", gq)) : B("", !0)
       ], 2), [
         [it, !e.simple]
       ]),
       Ee(w("div", { class: "sound-duration" }, ae(e.toMinutes(e.duration)), 513), [
         [it, !e.simple]
       ]),
-      e.simple ? B("", !0) : (g(), P("div", yq, [
+      e.simple ? B("", !0) : (g(), T("div", yq, [
         w("i", {
           ref: "volumeIcon",
           class: R([e.disabled ? "text-inactive-elements" : "text-primary-actions", "vc-icon-sounds cursor-pointer icon-base"]),
           onClick: t[5] || (t[5] = (...l) => e.toggleVolumeTooltip && e.toggleVolumeTooltip(...l))
         }, null, 2),
-        e.volumeTooltip ? (g(), P("div", bq, [
+        e.volumeTooltip ? (g(), T("div", bq, [
           Ee(w("input", {
             "onUpdate:modelValue": t[6] || (t[6] = (l) => e.volume = l),
             type: "range",
@@ -31559,7 +31564,7 @@ function Cq(e, t, n, r, a, i) {
             max: "100",
             step: "1",
             class: "range-input",
-            style: pe({
+            style: me({
               backgroundSize: `${e.volume}% 100%`
             })
           }, null, 4), [
@@ -31568,8 +31573,8 @@ function Cq(e, t, n, r, a, i) {
           ])
         ])) : B("", !0)
       ])),
-      e.showDownloadButton && !e.simple ? (g(), P("div", $q, [
-        (g(!0), P(ge, null, ke(e.downloadLinks, (l, u) => (g(), P("div", {
+      e.showDownloadButton && !e.simple ? (g(), T("div", $q, [
+        (g(!0), T(pe, null, ke(e.downloadLinks, (l, u) => (g(), T("div", {
           key: u,
           class: "cursor-pointer right-offset",
           onClick: xe((d) => e.download(l), ["stop"])
@@ -31658,7 +31663,7 @@ const Pq = ["disabled"], Eq = ["disabled"], Oq = {
 }, Iq = ["onClick"];
 function Nq(e, t, n, r, a, i) {
   const o = oe("VcPopover"), s = Gn("click-outside");
-  return g(), P("div", {
+  return g(), T("div", {
     ref: "splitContainer",
     class: R([e.containerClasses, "vc-split-button"])
   }, [
@@ -31696,13 +31701,13 @@ function Nq(e, t, n, r, a, i) {
         ], 8, Eq)
       ]),
       default: K(() => [
-        Ee((g(), P("div", Oq, [
-          (g(!0), P(ge, null, ke(e.options, (l, u) => (g(), P("div", {
+        Ee((g(), T("div", Oq, [
+          (g(!0), T(pe, null, ke(e.options, (l, u) => (g(), T("div", {
             key: `option-${u}`,
             class: R([`size-${e.size} is--${e.color}`, "vc-split-button__dropdown-option"]),
             onClick: (d) => e.setOption(l)
           }, [
-            l != null && l.icon ? (g(), P("i", {
+            l != null && l.icon ? (g(), T("i", {
               key: 0,
               class: R([l.icon, "option-icon"])
             }, null, 2)) : B("", !0),
@@ -31823,7 +31828,7 @@ const Rq = ["data-test", "tabindex"], Fq = /* @__PURE__ */ w("div", { class: "vc
   Fq
 ];
 function Lq(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(["vc-switch", [e.switchClass, { disabled: e.disabled, "reverse-view": e.switchReverseView }]]),
     "data-test": `switch-${e.dataTestName}`,
     tabindex: e.tabIndex,
@@ -31833,7 +31838,7 @@ function Lq(e, t, n, r, a, i) {
     w("div", {
       class: R(["vc-switch-container", e.colorClasses])
     }, Bq, 2),
-    !e.hideLabel && (e.labels.length || e.$slots.hasOwnProperty("default")) ? (g(), P("span", {
+    !e.hideLabel && (e.labels.length || e.$slots.hasOwnProperty("default")) ? (g(), T("span", {
       key: 0,
       class: R(["vc-switch-label", e.commonLabelClass])
     }, [
@@ -32272,11 +32277,11 @@ const Kq = { class: "vc-table__container" }, Gq = { class: "vc-table__header" },
 };
 function _Y(e, t, n, r, a, i) {
   const o = oe("VcSelect"), s = oe("VcCheckbox"), l = oe("VcPagination"), u = oe("VcLoading");
-  return g(), P("div", Kq, [
+  return g(), T("div", Kq, [
     w("div", Gq, [
       G(e.$slots, "header", {}, () => [
         G(e.$slots, "header-filter", {}, void 0, !0),
-        e.withPagination && e.perPageOptions.length ? (g(), P("div", qq, [
+        e.withPagination && e.perPageOptions.length ? (g(), T("div", qq, [
           te(o, {
             modelValue: e.paginationPerPageModel,
             "onUpdate:modelValue": t[0] || (t[0] = (d) => e.paginationPerPageModel = d),
@@ -32284,7 +32289,7 @@ function _Y(e, t, n, r, a, i) {
             "onOption:click": e.onPerPageOptionClick
           }, null, 8, ["modelValue", "options", "onOption:click"])
         ])) : B("", !0),
-        e.$slots["header-actions"] ? (g(), P("div", Yq, [
+        e.$slots["header-actions"] ? (g(), T("div", Yq, [
           G(e.$slots, "header-actions", {}, void 0, !0)
         ])) : B("", !0)
       ], !0)
@@ -32306,7 +32311,7 @@ function _Y(e, t, n, r, a, i) {
         }, [
           w("thead", Xq, [
             w("tr", null, [
-              e.showSelection ? (g(), P("th", Zq, [
+              e.showSelection ? (g(), T("th", Zq, [
                 w("div", Qq, [
                   te(s, {
                     disabled: !e.tableOptions.length,
@@ -32314,19 +32319,19 @@ function _Y(e, t, n, r, a, i) {
                     indeterminate: e.isIndeterminate,
                     onChange: e.onChangeAll
                   }, null, 8, ["disabled", "model-value", "indeterminate", "onChange"]),
-                  !!e.$slots["checked-tooltip"] && e.localOptions.some((d) => d.selected) ? (g(), P("div", {
+                  !!e.$slots["checked-tooltip"] && e.localOptions.some((d) => d.selected) ? (g(), T("div", {
                     key: 0,
                     class: "checked-tooltip",
-                    style: pe(e.setPositionForTooltip)
+                    style: me(e.setPositionForTooltip)
                   }, [
                     G(e.$slots, "checked-tooltip", {}, void 0, !0)
                   ], 4)) : B("", !0)
                 ])
               ], 512)) : B("", !0),
-              e.expandableRow ? (g(), P("th", Jq)) : B("", !0),
-              (g(!0), P(ge, null, ke(e.columns, (d, c) => (g(), P("th", {
+              e.expandableRow ? (g(), T("th", Jq)) : B("", !0),
+              (g(!0), T(pe, null, ke(e.columns, (d, c) => (g(), T("th", {
                 key: c,
-                style: pe(e.setColumnStyles(d))
+                style: me(e.setColumnStyles(d))
               }, [
                 w("div", {
                   class: R([`justify-${e.gettingFlexAlignment(d.columnAlignment)}`, "vc-table-slot"])
@@ -32342,7 +32347,7 @@ function _Y(e, t, n, r, a, i) {
                       w("span", {
                         class: R(d.columnClasses)
                       }, ae(e.gettingColumnItemData(d)), 3),
-                      e.isSortableColumn(d) ? (g(), P("span", tY, [
+                      e.isSortableColumn(d) ? (g(), T("span", tY, [
                         w("i", {
                           class: R([e.isActiveSortColumn(d, "asc"), "sort-caret ascending"]),
                           onClick: xe((h) => e.handleSortClick(d, "asc"), ["stop"])
@@ -32356,10 +32361,10 @@ function _Y(e, t, n, r, a, i) {
                   ], !0)
                 ], 2)
               ], 4))), 128)),
-              e.showActionsColumn ? (g(), P("th", {
+              e.showActionsColumn ? (g(), T("th", {
                 key: 2,
                 class: R(e.actionsColumnConfig.classes),
-                style: pe(e.actionsColumnStyles)
+                style: me(e.actionsColumnStyles)
               }, [
                 G(e.$slots, "actions-column-header", {}, () => [
                   w("div", aY, [
@@ -32379,7 +32384,7 @@ function _Y(e, t, n, r, a, i) {
               key: 0,
               columns: e.columns
             }, void 0, !0) : B("", !0),
-            (g(!0), P(ge, null, ke(e.visibleOptions, (d, c) => (g(), P(ge, {
+            (g(!0), T(pe, null, ke(e.visibleOptions, (d, c) => (g(), T(pe, {
               key: `tr-${d}`
             }, [
               w("tr", {
@@ -32389,7 +32394,7 @@ function _Y(e, t, n, r, a, i) {
                 onDblclick: (h) => e.onRowDbClick(d, c),
                 onClick: (h) => e.onRowClick(d, c)
               }, [
-                e.showSelection ? (g(), P("td", lY, [
+                e.showSelection ? (g(), T("td", lY, [
                   w("div", uY, [
                     te(s, {
                       disabled: e.optionDisabled(d),
@@ -32398,7 +32403,7 @@ function _Y(e, t, n, r, a, i) {
                     }, null, 8, ["disabled", "model-value", "onChange"])
                   ])
                 ])) : B("", !0),
-                e.expandableRow ? (g(), P("td", dY, [
+                e.expandableRow ? (g(), T("td", dY, [
                   w("div", {
                     class: "flex items-center justify-center w-full h-full",
                     onClick: (h) => e.expandableAction(c)
@@ -32408,9 +32413,9 @@ function _Y(e, t, n, r, a, i) {
                     }, null, 2)
                   ], 8, cY)
                 ])) : B("", !0),
-                (g(!0), P(ge, null, ke(e.columns, (h, v) => (g(), P("td", {
+                (g(!0), T(pe, null, ke(e.columns, (h, v) => (g(), T("td", {
                   key: `column-${c}-${v}`,
-                  style: pe(e.setColumnStyles(h)),
+                  style: me(e.setColumnStyles(h)),
                   "data-column": e.gettingColumnItemData(h)
                 }, [
                   w("div", {
@@ -32424,9 +32429,9 @@ function _Y(e, t, n, r, a, i) {
                     ], !0)
                   ], 2)
                 ], 12, fY))), 128)),
-                e.showActionsColumn ? (g(), P("td", {
+                e.showActionsColumn ? (g(), T("td", {
                   key: 2,
-                  style: pe(e.actionsColumnStyles),
+                  style: me(e.actionsColumnStyles),
                   "data-column": e.actionsColumnConfig.columnName
                 }, [
                   G(e.$slots, "actions-column", {
@@ -32435,7 +32440,7 @@ function _Y(e, t, n, r, a, i) {
                   }, void 0, !0)
                 ], 12, hY)) : B("", !0)
               ], 42, sY),
-              e.expandableRow && e.opened.includes(c) ? (g(), P("tr", pY, [
+              e.expandableRow && e.opened.includes(c) ? (g(), T("tr", pY, [
                 w("td", { colspan: e.colspanNumber }, [
                   G(e.$slots, "expanded-content", { row: d }, void 0, !0)
                 ], 8, mY)
@@ -32448,7 +32453,7 @@ function _Y(e, t, n, r, a, i) {
                 ], 8, gY)
               ])
             ], !0),
-            e.lazyLoadingData && !e.withPagination ? Ee((g(), P("tr", bY, [
+            e.lazyLoadingData && !e.withPagination ? Ee((g(), T("tr", bY, [
               w("td", {
                 colspan: e.columns.length
               }, null, 8, $Y)
@@ -32458,9 +32463,9 @@ function _Y(e, t, n, r, a, i) {
           ])
         ], 2)
       ], 2),
-      e.hasFooter ? (g(), P("div", wY, [
+      e.hasFooter ? (g(), T("div", wY, [
         G(e.$slots, "table-footer", {}, () => [
-          e.isPaginationView ? (g(), P("div", CY, [
+          e.isPaginationView ? (g(), T("div", CY, [
             te(l, {
               modelValue: e.paginationCurrentPageModel,
               "onUpdate:modelValue": t[1] || (t[1] = (d) => e.paginationCurrentPageModel = d),
@@ -32629,7 +32634,7 @@ const AY = {
 };
 function IY(e, t, n, r, a, i) {
   const o = oe("VcCheckbox"), s = oe("VcTreeNode", !0);
-  return g(), P("li", AY, [
+  return g(), T("li", AY, [
     w("div", {
       class: "vc-tree-node__content",
       onClick: t[1] || (t[1] = xe((...l) => e.onNodeClick && e.onNodeClick(...l), ["stop"]))
@@ -32650,15 +32655,15 @@ function IY(e, t, n, r, a, i) {
         class: "vc-tree-node__checkbox"
       }, null, 8, ["disabled", "indeterminate", "model-value"])) : B("", !0),
       G(e.$slots, "label", { node: e.node }, () => [
-        e.nodeIcon ? (g(), P("span", {
+        e.nodeIcon ? (g(), T("span", {
           key: 0,
           class: R([e.nodeIcon, "vc-tree-node__content-icon icon-lg"])
         }, null, 2)) : B("", !0),
         w("span", EY, ae(e.nodeLabel), 1)
       ])
     ]),
-    e.hasChildren && e.expanded ? (g(), P("ul", OY, [
-      (g(!0), P(ge, null, ke(e.children, (l) => (g(), Z(s, {
+    e.hasChildren && e.expanded ? (g(), T("ul", OY, [
+      (g(!0), T(pe, null, ke(e.children, (l) => (g(), Z(s, {
         key: l[e.nodeKey],
         node: l,
         config: e.config,
@@ -32912,19 +32917,19 @@ const RY = {
   class: "vc-tree__filter-container"
 }, FY = { class: "vc-tree__wrapper" }, BY = {
   key: 0,
-  class: "text-center text-inactive-elements pt-2"
+  class: "text-center text-inactive-elements p-2 rounded bg-main-bg mt-3"
 };
 function LY(e, t, n, r, a, i) {
   const o = oe("VcInput"), s = oe("VcTreeNode"), l = oe("VcLoading");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(e.containerClass)
   }, [
-    e.filterable ? (g(), P("div", RY, [
+    e.filterable ? (g(), T("div", RY, [
       te(o, {
         modelValue: e.filterValue,
         "onUpdate:modelValue": t[0] || (t[0] = (u) => e.filterValue = u),
         placeholder: e.filterPlaceholder,
-        disabled: e.isDisabled || !e.filteredNodes.length,
+        disabled: e.isDisabled || !e.localOptions.length,
         color: e.color,
         "prefix-icon": e.filterPrefixIcon,
         "prefix-icon-color": e.filterPrefixIconColor,
@@ -32934,11 +32939,11 @@ function LY(e, t, n, r, a, i) {
     ])) : B("", !0),
     w("div", FY, [
       Ee(w("ul", {
-        style: pe({ maxHeight: e.maxHeightWrapper }),
+        style: me({ maxHeight: e.maxHeightWrapper }),
         class: "vc-tree__container",
         role: "tree"
       }, [
-        (g(!0), P(ge, null, ke(e.filteredNodes, (u) => (g(), Z(s, {
+        (g(!0), T(pe, null, ke(e.filteredNodes, (u) => (g(), Z(s, {
           key: u[e.nodeKey],
           node: u,
           config: e.config,
@@ -32963,7 +32968,7 @@ function LY(e, t, n, r, a, i) {
       ], 4), [
         [it, e.filteredNodes.length]
       ]),
-      e.filteredNodes.length ? B("", !0) : (g(), P("div", BY, ae(e.emptyTextMessage), 1))
+      e.filteredNodes.length ? B("", !0) : (g(), T("div", BY, ae(e.emptyTextMessage), 1))
     ]),
     te(l, {
       active: e.isDisabled,
@@ -33130,9 +33135,9 @@ const zY = {
 };
 function YY(e, t, n, r, a, i) {
   const o = oe("VcTag"), s = oe("VcDelimitedList"), l = oe("VcTree"), u = oe("VcPopover"), d = Gn("click-outside");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([e.containerClass, "vc-tree-select"]),
-    style: pe(e.style)
+    style: me(e.style)
   }, [
     te(u, {
       open: e.open,
@@ -33156,10 +33161,10 @@ function YY(e, t, n, r, a, i) {
           ], "vc-tree-select__container"]),
           onClick: t[1] || (t[1] = xe((...c) => e.onWrapperClick && e.onWrapperClick(...c), ["stop"]))
         }, [
-          e.prefixIcon ? (g(), P("div", zY, [
+          e.prefixIcon ? (g(), T("div", zY, [
             w("i", {
               class: R(e.prefixClasses),
-              style: pe(e.prefixStyle)
+              style: me(e.prefixStyle)
             }, null, 6)
           ])) : B("", !0),
           w("div", WY, [
@@ -33193,7 +33198,7 @@ function YY(e, t, n, r, a, i) {
                 ]),
                 "other-content": K(({ list: c }) => [
                   w("div", HY, [
-                    (g(!0), P(ge, null, ke(c, (h, v) => (g(), P("div", {
+                    (g(!0), T(pe, null, ke(c, (h, v) => (g(), T("div", {
                       key: v,
                       class: "flex items-center justify-start m-1"
                     }, [
@@ -33217,11 +33222,11 @@ function YY(e, t, n, r, a, i) {
         ], 2)
       ]),
       default: K(() => [
-        e.loading ? Ee((g(), P("div", {
+        e.loading ? Ee((g(), T("div", {
           key: 0,
           ref: "dropdown",
           class: "vc-tree-select__dropdown-content h-full",
-          style: pe({ width: e.containerWidth })
+          style: me({ width: e.containerWidth })
         }, [
           w("div", GY, [
             e.options.length ? (g(), Z(l, {
@@ -33245,7 +33250,7 @@ function YY(e, t, n, r, a, i) {
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["expandedKeys", "config", "options", "scroll-height", "default-checked-keys", "empty-text", "onUpdate:selectedKeys"])) : (g(), P("div", qY, ae(e.emptyTextMessage), 1))
+            ]), 1032, ["expandedKeys", "config", "options", "scroll-height", "default-checked-keys", "empty-text", "onUpdate:selectedKeys"])) : (g(), T("div", qY, ae(e.emptyTextMessage), 1))
           ])
         ], 4)), [
           [d, e.onClickOutside, e.inputField]
@@ -33420,9 +33425,9 @@ const eX = {
 function iX(e, t, n, r, a, i) {
   var s;
   const o = oe("VcTag");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([e.containerClass, "vc-tag-input__wrap"]),
-    style: pe(e.style)
+    style: me(e.style)
   }, [
     w("div", {
       class: R([[
@@ -33435,10 +33440,10 @@ function iX(e, t, n, r, a, i) {
         }
       ], "vc-tag-input__container"])
     }, [
-      e.prefixIcon ? (g(), P("div", eX, [
+      e.prefixIcon ? (g(), T("div", eX, [
         w("i", {
           class: R(e.prefixClasses),
-          style: pe(e.prefixStyle)
+          style: me(e.prefixStyle)
         }, null, 6)
       ])) : B("", !0),
       w("div", {
@@ -33446,7 +33451,7 @@ function iX(e, t, n, r, a, i) {
         onClick: t[5] || (t[5] = (...l) => e.onWrapperClick && e.onWrapperClick(...l))
       }, [
         w("div", tX, [
-          (g(!0), P(ge, null, ke(e.modelValue, (l, u) => (g(), P("div", {
+          (g(!0), T(pe, null, ke(e.modelValue, (l, u) => (g(), T("div", {
             key: `tag-${l}-${u}`,
             class: "vc-tag-input__tag-item"
           }, [
@@ -33477,8 +33482,8 @@ function iX(e, t, n, r, a, i) {
           ])
         ])
       ]),
-      e.clearable ? (g(), P("div", aX, [
-        (s = e.modelValue) != null && s.length ? (g(), P("i", {
+      e.clearable ? (g(), T("div", aX, [
+        (s = e.modelValue) != null && s.length ? (g(), T("i", {
           key: 0,
           class: "vc-icon-close icon-xxs",
           onClick: t[6] || (t[6] = (...l) => e.clear && e.clear(...l))
@@ -33704,9 +33709,9 @@ const cX = ["data-test"], fX = /* @__PURE__ */ w("i", { class: "vc-icon-minus-li
 ];
 function kX(e, t, n, r, a, i) {
   const o = Gn("longPress");
-  return g(), P("div", {
+  return g(), T("div", {
     "data-test": e.dataTestName,
-    style: pe(e.setMaxWidth),
+    style: me(e.setMaxWidth),
     class: "vc-time-input"
   }, [
     w("div", {
@@ -33720,7 +33725,7 @@ function kX(e, t, n, r, a, i) {
       ], "vc-time-input__container"]),
       "data-test": "vc-time-input"
     }, [
-      Ee((g(), P("div", {
+      Ee((g(), T("div", {
         class: R(["vc-time-input__btn-decrease", {
           "is-disabled": e.disabledDecreaseBtn
         }]),
@@ -33730,7 +33735,7 @@ function kX(e, t, n, r, a, i) {
         [o, { functionToCall: e.onLongPressDecrease, repeat: !0 }]
       ]),
       w("div", pX, [
-        e.hideInputs ? (g(), P("div", {
+        e.hideInputs ? (g(), T("div", {
           key: 0,
           class: "vc-time-input__empty-placeholder",
           onClick: t[1] || (t[1] = (...s) => e.onPlaceholderClick && e.onPlaceholderClick(...s))
@@ -33790,7 +33795,7 @@ function kX(e, t, n, r, a, i) {
           ])
         ], 32)
       ]),
-      Ee((g(), P("div", {
+      Ee((g(), T("div", {
         class: R(["vc-time-input__btn-increase", {
           "is-disabled": e.disabledIncreaseBtn
         }]),
@@ -33833,8 +33838,8 @@ const SX = /* @__PURE__ */ ye(dX, [["render", kX]]), AX = ne({
 });
 const TX = { class: "vc-vertical-tabs__nav" }, PX = ["tabindex", "onClick", "onKeyup"], EX = { class: "flex items-center h-full" }, OX = { class: "vertical-tab-icon icon-base min-w-4" }, IX = { class: "tab-name-content mx-2 tab-name text-sm font-medium focus:outline-none" };
 function NX(e, t, n, r, a, i) {
-  return g(), P("div", TX, [
-    (g(!0), P(ge, null, ke(e.options, (o, s) => (g(), P("div", {
+  return g(), T("div", TX, [
+    (g(!0), T(pe, null, ke(e.options, (o, s) => (g(), T("div", {
       key: e.optionKey(o, s, e.config),
       class: R([{
         is_active: e.optionKey(o, s, e.config) === e.activeTab && !e.optionDisabled(o, { disabledKey: "disabled" }),
@@ -33908,7 +33913,7 @@ const DX = /* @__PURE__ */ ye(AX, [["render", NX]]), MX = ne({
 const VX = { class: "vc-vertical-tabs" }, RX = { class: "vc-vertical-tabs__wrapper" }, FX = { class: "vc-vertical-tabs__header" }, BX = { class: "ml-1 mb-2 text-sm font-medium" }, LX = { class: "vc-vertical-tabs__nav-wrapper" }, xX = { class: "vc-vertical-tabs__content-wrapper" }, jX = { class: "mt-3 md:mt-0 mb-2 text-sm font-medium" }, zX = { class: "vc-vertical-tabs__content py-2" }, WX = { class: "vc-vertical-tabs__content--content overflow-y-auto h-full" };
 function UX(e, t, n, r, a, i) {
   const o = oe("vertical-tab-nav");
-  return g(), P("div", VX, [
+  return g(), T("div", VX, [
     w("div", RX, [
       w("div", FX, [
         w("div", BX, ae(e.tabsTitle), 1),
@@ -33987,12 +33992,12 @@ const HX = /* @__PURE__ */ ye(MX, [["render", UX]]), bp = "disabled", KX = ne({
 });
 const GX = { class: "vc-view-switcher__wrap" }, qX = ["data-test"], YX = ["tabindex", "onKeyup", "onClick"], XX = { class: "vc-view-switcher-item--text" };
 function ZX(e, t, n, r, a, i) {
-  return g(), P("div", GX, [
+  return g(), T("div", GX, [
     w("div", {
       class: R(["vc-view-switcher", { "vc-view-switcher--disabled": e.disabled }]),
       "data-test": e.dataTestName
     }, [
-      (g(!0), P(ge, null, ke(e.options, (o, s) => (g(), P("div", {
+      (g(!0), T(pe, null, ke(e.options, (o, s) => (g(), T("div", {
         key: e.optionKey(o, s, e.config),
         class: "vc-view-switcher-container",
         tabindex: "-1"
@@ -34059,14 +34064,14 @@ const tZ = { class: "summary-step-dividers" }, nZ = /* @__PURE__ */ w("i", { cla
   nZ
 ], aZ = /* @__PURE__ */ w("i", { class: "summary-step-progress-line-inner h-0 h-full" }, null, -1), iZ = { class: "summary-step-progress-circle" }, oZ = { class: "summary-step-progress-circle-icon" };
 function sZ(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([{ active: e.isActive, minify: e.hideDetails }, "summary-step-progress"])
   }, [
     Ee(w("div", {
       class: R([e.lineFilledClass, "summary-step-progress-line relative"])
     }, [
       w("div", tZ, [
-        (g(!0), P(ge, null, ke(e.countDownIcons, (o) => (g(), P("span", {
+        (g(!0), T(pe, null, ke(e.countDownIcons, (o) => (g(), T("span", {
           key: `down-${o}`,
           class: "divide-icon"
         }, rZ))), 128))
@@ -34150,7 +34155,7 @@ const dZ = { class: "summary-step-content" }, cZ = { class: "flex justify-center
 }, pZ = { class: "font-medium text-sm xl:text-base" }, mZ = ["innerHTML"];
 function vZ(e, t, n, r, a, i) {
   const o = oe("VcSummaryProgress");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([{
       active: e.isActive,
       passed: e.isPassed,
@@ -34169,7 +34174,7 @@ function vZ(e, t, n, r, a, i) {
     }, null, 8, ["icon", "visible", "line-filled", "active-dot", "is-active", "hide-details"]),
     w("div", dZ, [
       w("div", cZ, [
-        e.hideDetails ? (g(), P("i", {
+        e.hideDetails ? (g(), T("i", {
           key: 0,
           class: R([[e.step.icon, e.isActive ? "text-active-elements" : "text-inactive-elements"], "icon-lg hidden lg:block"])
         }, null, 2)) : B("", !0),
@@ -34186,8 +34191,8 @@ function vZ(e, t, n, r, a, i) {
       ]),
       te(Dt, { name: "fade-content" }, {
         default: K(() => [
-          e.hideDetails ? B("", !0) : Ee((g(), P("div", hZ, [
-            (g(!0), P(ge, null, ke(e.content, (s, l) => (g(), P("div", {
+          e.hideDetails ? B("", !0) : Ee((g(), T("div", hZ, [
+            (g(!0), T(pe, null, ke(e.content, (s, l) => (g(), T("div", {
               key: `r-${l}`,
               class: "mb-1 flex"
             }, [
@@ -34240,14 +34245,14 @@ const gZ = /* @__PURE__ */ ye(uZ, [["render", vZ]]), yZ = ne({
 });
 function bZ(e, t, n, r, a, i) {
   const o = oe("VcSummaryStep");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([{ "is--minify": e.hideDetails }, "vc-wizard-summary"])
   }, [
     w("div", {
-      style: pe({ "--count-steps": e.steps.length }),
+      style: me({ "--count-steps": e.steps.length }),
       class: "vc-wizard-summary-steps"
     }, [
-      (g(!0), P(ge, null, ke(e.steps, (s, l) => (g(), Z(o, {
+      (g(!0), T(pe, null, ke(e.steps, (s, l) => (g(), Z(o, {
         key: `summary-${l}`,
         "step-index": l,
         step: s,
@@ -34355,7 +34360,7 @@ const CZ = { class: "vc-wizard-navigation" }, _Z = { class: "left-actions" }, kZ
 };
 function NZ(e, t, n, r, a, i) {
   const o = oe("VcButton");
-  return g(), P("div", CZ, [
+  return g(), T("div", CZ, [
     G(e.$slots, "navigation", {}, () => [
       w("div", _Z, [
         te(o, {
@@ -34372,7 +34377,7 @@ function NZ(e, t, n, r, a, i) {
           _: 1
         }, 8, ["block", "size", "onClick"])
       ]),
-      e.$slots["extra-actions"] ? (g(), P("div", kZ, [
+      e.$slots["extra-actions"] ? (g(), T("div", kZ, [
         G(e.$slots, "extra-actions")
       ])) : B("", !0),
       w("div", SZ, [
@@ -34393,7 +34398,7 @@ function NZ(e, t, n, r, a, i) {
               _: 1
             }, 8, ["block", "size", "onClick"])) : B("", !0)
           ]),
-          e.showNextBtn ? (g(), P("div", PZ, [
+          e.showNextBtn ? (g(), T("div", PZ, [
             te(o, {
               block: e.isMobile,
               size: e.isMobile ? "middle" : "large",
@@ -34409,7 +34414,7 @@ function NZ(e, t, n, r, a, i) {
               _: 1
             }, 8, ["block", "size", "loading", "disabled", "onClick"])
           ])) : B("", !0),
-          e.showFinalBtn ? (g(), P("div", OZ, [
+          e.showFinalBtn ? (g(), T("div", OZ, [
             te(o, {
               size: e.isMobile ? "middle" : "large",
               block: e.isMobile,
@@ -34425,7 +34430,7 @@ function NZ(e, t, n, r, a, i) {
             }, 8, ["size", "block", "loading", "onClick"])
           ])) : B("", !0)
         ]),
-        e.showFinalAddSlot ? (g(), P("div", IZ, [
+        e.showFinalAddSlot ? (g(), T("div", IZ, [
           G(e.$slots, "additional-actions")
         ])) : B("", !0)
       ])
@@ -34566,13 +34571,13 @@ const VZ = { class: "vc-wizard-steps" }, RZ = { class: "vc-wizard-steps-content"
 }, xZ = { class: "px-5" }, jZ = { class: "steps-content" }, zZ = { class: "vc-stepper__items relative" };
 function WZ(e, t, n, r, a, i) {
   const o = oe("VcWizardNavigation"), s = oe("VcWizardSummary");
-  return g(), P("div", {
+  return g(), T("div", {
     class: R([{
       "full-width": !e.showSummary,
       "no-header": !e.showHeader,
       "summery-minify": e.minifySummery
     }, "vc-wizard"]),
-    style: pe({
+    style: me({
       height: e.wizardHeight
     })
   }, [
@@ -34580,7 +34585,7 @@ function WZ(e, t, n, r, a, i) {
       w("div", RZ, [
         Ee(w("div", FZ, [
           w("div", BZ, [
-            e.$slots["header-nav"] ? G(e.$slots, "header-nav", { key: 0 }) : (g(), P("span", LZ, ae(e.$tVU.t("wizard.step.of", { current: e.activeIndex + 1, length: e.steps.length })), 1))
+            e.$slots["header-nav"] ? G(e.$slots, "header-nav", { key: 0 }) : (g(), T("span", LZ, ae(e.$tVU.t("wizard.step.of", { current: e.activeIndex + 1, length: e.steps.length })), 1))
           ]),
           w("div", xZ, [
             G(e.$slots, "header-info")
@@ -34590,10 +34595,10 @@ function WZ(e, t, n, r, a, i) {
         ]),
         w("div", jZ, [
           w("div", zZ, [
-            (g(!0), P(ge, null, ke(e.steps, (l, u) => (g(), P(ge, {
+            (g(!0), T(pe, null, ke(e.steps, (l, u) => (g(), T(pe, {
               key: `step-${u}`
             }, [
-              e.shouldBeRender(u) ? Ee((g(), P("div", Ve({ key: 0 }, l.attrs, { class: "vc-stepper__content" }), [
+              e.shouldBeRender(u) ? Ee((g(), T("div", Ve({ key: 0 }, l.attrs, { class: "vc-stepper__content" }), [
                 G(e.$slots, l.step, {
                   step: l,
                   index: u
@@ -34739,7 +34744,7 @@ const er = HZ(), KZ = 4500, GZ = ne({
   ZZ
 ];
 function JZ(e, t, n, r, a, i) {
-  return g(), P("div", {
+  return g(), T("div", {
     class: R(e.containerClass),
     role: "alert",
     "aria-live": "assertive",
@@ -34755,12 +34760,12 @@ function JZ(e, t, n, r, a, i) {
         e.message.component ? (g(), Z(dt(e.message.component), Ve({
           key: 1,
           message: e.message
-        }, e.message.componentAttrs, { onClose: e.onCloseClick }), null, 16, ["message", "onClose"])) : (g(), P(ge, { key: 0 }, [
+        }, e.message.componentAttrs, { onClose: e.onCloseClick }), null, 16, ["message", "onClose"])) : (g(), T(pe, { key: 0 }, [
           w("span", YZ, ae(e.message.title), 1),
           w("div", XZ, ae(e.message.message), 1)
         ], 64))
       ]),
-      e.isClosable ? (g(), P("button", {
+      e.isClosable ? (g(), T("button", {
         key: 0,
         class: "vc-toast-icon-close",
         type: "button",
@@ -34867,7 +34872,7 @@ function aQ(e, t, n, r, a, i) {
         onAfterLeave: e.onLeave
       }, {
         default: K(() => [
-          (g(!0), P(ge, null, ke(e.messages, (s) => (g(), Z(o, {
+          (g(!0), T(pe, null, ke(e.messages, (s) => (g(), Z(o, {
             key: s.id,
             message: s,
             onClose: t[0] || (t[0] = (l) => e.remove(l))