@rebilly/revel 8.2.0 → 8.2.1

package/dist/revel.mjs

@@ -1,4 +1,4 @@
-import { reactive as l2, computed as l, defineComponent as J, ref as e0, watch as D0, onMounted as B1, onUnmounted as wb, toRefs as CM, inject as k0, watchEffect as N3, provide as _0, nextTick as R1, unref as u, openBlock as d, createBlock as t0, resolveDynamicComponent as Tb, normalizeProps as j2, mergeProps as V0, renderSlot as F, normalizeClass as I, withCtx as c0, createVNode as H, createElementVNode as w, createElementBlock as v, toDisplayString as j, createCommentVNode as k, Fragment as i0, renderList as S0, normalizeStyle as s1, withKeys as C0, withDirectives as I0, toRef as rM, guardReactiveProps as ib, createTextVNode as y0, isRef as D2, Transition as a2, resolveComponent as $0, resolveDirective as ee, toHandlers as iM, withModifiers as N0, vShow as H1, useAttrs as y3, useSlots as X3, onBeforeUnmount as w3, vModelText as ce, onBeforeMount as te, h as ae, render as ne } from "vue";
+import { reactive as l2, computed as l, defineComponent as J, ref as e0, watch as D0, onMounted as B1, onUnmounted as wb, toRefs as CM, inject as k0, watchEffect as N3, provide as _0, nextTick as R1, unref as u, openBlock as d, createBlock as t0, resolveDynamicComponent as Tb, normalizeProps as j2, mergeProps as V0, renderSlot as F, normalizeClass as _, withCtx as c0, createVNode as H, createElementVNode as w, createElementBlock as v, toDisplayString as j, createCommentVNode as k, Fragment as i0, renderList as S0, normalizeStyle as s1, withKeys as C0, withDirectives as I0, toRef as rM, guardReactiveProps as ib, createTextVNode as y0, isRef as D2, Transition as a2, resolveComponent as $0, resolveDirective as ee, toHandlers as iM, withModifiers as N0, vShow as H1, useAttrs as y3, useSlots as X3, onBeforeUnmount as w3, vModelText as ce, onBeforeMount as te, h as ae, render as ne } from "vue";
 import A0 from "moment";
 var K0 = "top", o1 = "bottom", O1 = "right", G0 = "left", $b = "auto", J2 = [K0, o1, O1, G0], n2 = "start", K2 = "end", Ae = "clippingParents", T3 = "viewport", S2 = "popper", re = "reference", fz = /* @__PURE__ */ J2.reduce(function(M, b) {
   return M.concat([b + "-" + n2, b + "-" + K2]);
@@ -255,11 +255,11 @@ function vz(M) {
     var B = MM(z), D = "clientHeight", L = "clientWidth";
     if (B === J0(z) && (B = x1(z), L1(B).position !== "static" && c === "absolute" && (D = "scrollHeight", L = "scrollWidth")), B = B, o === K0 || (o === G0 || o === O1) && O === K2) {
       C = o1;
-      var _ = A && B === h && h.visualViewport ? h.visualViewport.height : (
+      var I = A && B === h && h.visualViewport ? h.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         B[D]
       );
-      m -= _ - p.height, m *= a ? 1 : -1;
+      m -= I - p.height, m *= a ? 1 : -1;
     }
     if (o === G0 || (o === K0 || o === o1) && O === K2) {
       V = O1;
@@ -488,11 +488,11 @@ function G2(M, b) {
     element: V,
     strategy: "absolute",
     placement: o
-  }), L = qb(Object.assign({}, V, D)), _ = r === S2 ? L : B, Y = {
-    top: h.top - _.top + R.top,
-    bottom: _.bottom - h.bottom + R.bottom,
-    left: h.left - _.left + R.left,
-    right: _.right - h.right + R.right
+  }), L = qb(Object.assign({}, V, D)), I = r === S2 ? L : B, Y = {
+    top: h.top - I.top + R.top,
+    bottom: I.bottom - h.bottom + R.bottom,
+    left: h.left - I.left + R.left,
+    right: I.right - h.right + R.right
   }, M0 = M.modifiersData.offset;
   if (r === S2 && M0) {
     var P = M0[o];
@@ -541,7 +541,7 @@ function Ue(M) {
         flipVariations: W,
         allowedAutoPlacements: m
       }) : g0);
-    }, []), h = b.rects.reference, B = b.rects.popper, D = /* @__PURE__ */ new Map(), L = !0, _ = C[0], Y = 0; Y < C.length; Y++) {
+    }, []), h = b.rects.reference, B = b.rects.popper, D = /* @__PURE__ */ new Map(), L = !0, I = C[0], Y = 0; Y < C.length; Y++) {
       var M0 = C[Y], P = q1(M0), Z = i2(M0) === n2, a0 = [K0, o1].indexOf(P) >= 0, G = a0 ? "width" : "height", z0 = G2(b, {
         placement: M0,
         boundary: n,
@@ -554,7 +554,7 @@ function Ue(M) {
       if (O && W0.push(z0[P] <= 0), c && W0.push(z0[q0] <= 0, z0[w0] <= 0), W0.every(function(r0) {
         return r0;
       })) {
-        _ = M0, L = !1;
+        I = M0, L = !1;
         break;
       }
       D.set(M0, W0);
@@ -569,12 +569,12 @@ function Ue(M) {
             });
         });
         if (v0)
-          return _ = v0, "break";
+          return I = v0, "break";
       }, U = S; U > 0; U--) {
         var X0 = n0(U);
         if (X0 === "break") break;
       }
-    b.placement !== _ && (b.modifiersData[p]._skip = !0, b.placement = _, b.reset = !0);
+    b.placement !== I && (b.modifiersData[p]._skip = !0, b.placement = I, b.reset = !0);
   }
 }
 const Ke = {
@@ -676,15 +676,15 @@ function oc(M) {
     rootBoundary: t,
     padding: A,
     altBoundary: n
-  }), R = q1(b.placement), $ = i2(b.placement), V = !$, C = Sb(R), h = pc(C), B = b.modifiersData.popperOffsets, D = b.rects.reference, L = b.rects.popper, _ = typeof m == "function" ? m(Object.assign({}, b.rects, {
+  }), R = q1(b.placement), $ = i2(b.placement), V = !$, C = Sb(R), h = pc(C), B = b.modifiersData.popperOffsets, D = b.rects.reference, L = b.rects.popper, I = typeof m == "function" ? m(Object.assign({}, b.rects, {
     placement: b.placement
-  })) : m, Y = typeof _ == "number" ? {
-    mainAxis: _,
-    altAxis: _
+  })) : m, Y = typeof I == "number" ? {
+    mainAxis: I,
+    altAxis: I
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, _), M0 = b.modifiersData.offset ? b.modifiersData.offset[b.placement] : null, P = {
+  }, I), M0 = b.modifiersData.offset ? b.modifiersData.offset[b.placement] : null, P = {
     x: 0,
     y: 0
   };
@@ -850,11 +850,11 @@ function sc(M) {
                 n.reset = !1, C = -1;
                 continue;
               }
-              var h = n.orderedModifiers[C], B = h.fn, D = h.options, L = D === void 0 ? {} : D, _ = h.name;
+              var h = n.orderedModifiers[C], B = h.fn, D = h.options, L = D === void 0 ? {} : D, I = h.name;
               typeof B == "function" && (n = B({
                 state: n,
                 options: L,
-                name: _,
+                name: I,
                 instance: i
               }) || n);
             }
@@ -2520,7 +2520,7 @@ function Kl({
     day: "numeric"
   });
   let R = b.numDays - A + 1, $ = b.numDays - R + 1, V = Math.floor((R - 1) / P0 + 1), C = 1, h = b.numWeeks, B = 1, D = b.month, L = b.year;
-  const _ = /* @__PURE__ */ new Date(), Y = _.getDate(), M0 = _.getMonth() + 1, P = _.getFullYear();
+  const I = /* @__PURE__ */ new Date(), Y = I.getDate(), M0 = I.getMonth() + 1, P = I.getFullYear();
   for (let Z = 1; Z <= I6; Z++) {
     for (let a0 = 1, G = O; a0 <= P0; a0++, G += G === P0 ? 1 - P0 : 1) {
       r && G === e && (R = 1, $ = M.numDays, V = Math.floor((R - 1) / P0 + 1), C = Math.floor((t - R) / P0 + 1), h = 1, B = n, D = M.month, L = M.year, r = !1, i = !0);
@@ -4389,7 +4389,7 @@ function hu(M, { slots: b, emit: z }) {
     maxDate: C,
     disabledAttribute: h,
     disabledDates: B
-  } = Ru(M), D = l(() => M.rows * M.columns), L = l(() => M.step || D.value), _ = l(() => Lo(n.value) ?? null), Y = l(() => O2(n.value) ?? null), M0 = l(
+  } = Ru(M), D = l(() => M.rows * M.columns), L = l(() => M.step || D.value), I = l(() => Lo(n.value) ?? null), Y = l(() => O2(n.value) ?? null), M0 = l(
     () => M.minPage || (V.value ? U(V.value) : null)
   ), P = l(
     () => M.maxPage || (C.value ? U(C.value) : null)
@@ -4445,8 +4445,8 @@ function hu(M, { slots: b, emit: z }) {
     const [x] = X.ranges, p0 = ((T = x.start) == null ? void 0 : T.date) || ((s = x.end) == null ? void 0 : s.date);
     return p0 ? U(p0) : null;
   }, q = () => {
-    if (i1(_.value))
-      return _.value;
+    if (i1(I.value))
+      return I.value;
     const T = E0();
     return i1(T) ? T : U(/* @__PURE__ */ new Date());
   }, N = (T, s = {}) => {
@@ -4493,7 +4493,7 @@ function hu(M, { slots: b, emit: z }) {
       reject: X
     } : s(!0);
   }), Q = (T) => {
-    const s = _.value ?? U(/* @__PURE__ */ new Date());
+    const s = I.value ?? U(/* @__PURE__ */ new Date());
     return n0(s, T);
   }, O0 = (T, s = {}) => {
     const X = i1(T) ? T : U(T);
@@ -4509,7 +4509,7 @@ function hu(M, { slots: b, emit: z }) {
       t.value,
       R.value
     ).map((p0) => Jl(p0, M0.value, P.value)).some((p0) => p0);
-  }, l0 = (T, s = {}) => O0(Q(T), s), o0 = l(() => l0(-L.value)), s0 = l(() => l0(L.value)), W1 = async (T, s = {}) => !s.force && !O0(T, s) ? !1 : (s.fromPage && !M6(s.fromPage, _.value) && (Q2({ id: c.value, hideDelay: 0 }), s.view && (au("view", 10), t.value = s.view), await E({
+  }, l0 = (T, s = {}) => O0(Q(T), s), o0 = l(() => l0(-L.value)), s0 = l(() => l0(L.value)), W1 = async (T, s = {}) => !s.force && !O0(T, s) ? !1 : (s.fromPage && !M6(s.fromPage, I.value) && (Q2({ id: c.value, hideDelay: 0 }), s.view && (au("view", 10), t.value = s.view), await E({
     ...s,
     page: s.fromPage,
     position: 1,
@@ -4641,7 +4641,7 @@ function hu(M, { slots: b, emit: z }) {
     dayCells: M1,
     count: D,
     step: L,
-    firstPage: _,
+    firstPage: I,
     lastPage: Y,
     canMovePrev: o0,
     canMoveNext: s0,
@@ -4803,7 +4803,7 @@ const mu = J({
     function L() {
       S1(document, "keydown", C), S1(document, "click", V), S1(document, "show-popover", h), S1(document, "hide-popover", B), S1(document, "toggle-popover", D);
     }
-    function _() {
+    function I() {
       D1(document, "keydown", C), D1(document, "click", V), D1(document, "show-popover", h), D1(document, "hide-popover", B), D1(document, "toggle-popover", D);
     }
     function Y(S) {
@@ -4851,7 +4851,7 @@ const mu = J({
     }), B1(() => {
       L();
     }), wb(() => {
-      A(), W0(), _();
+      A(), W0(), I();
     }), {
       ...CM(e),
       popoverRef: p,
@@ -4877,7 +4877,7 @@ const mu = J({
 };
 function gu(M, b, z, p, o, O) {
   return d(), v("div", {
-    class: I(["vc-popover-content-wrapper", { "is-interactive": M.isInteractive }]),
+    class: _(["vc-popover-content-wrapper", { "is-interactive": M.isInteractive }]),
     ref: "popoverRef",
     onClick: b[0] || (b[0] = (...e) => M.onClick && M.onClick(...e)),
     onMouseover: b[1] || (b[1] = (...e) => M.onMouseOver && M.onMouseOver(...e)),
@@ -4908,7 +4908,7 @@ function gu(M, b, z, p, o, O) {
             y0(j(M.data), 1)
           ]),
           w("span", {
-            class: I([
+            class: _([
               "vc-popover-caret",
               `direction-${M.direction}`,
               `align-${M.alignment}`
@@ -4944,7 +4944,7 @@ const cz = /* @__PURE__ */ P1(mu, [["render", gu]]), Bu = { class: "vc-day-popov
     return (p, o) => (d(), v("div", Bu, [
       u(z) ? (d(), v("div", Nu, [
         w("span", {
-          class: I(u(z).class)
+          class: _(u(z).class)
         }, null, 2)
       ])) : k("", !0),
       w("div", yu, [
@@ -4981,7 +4981,7 @@ const cz = /* @__PURE__ */ P1(mu, [["render", gu]]), Bu = { class: "vc-day-popov
     }
     return (a, t) => (d(), t0(cz, {
       id: u(b),
-      class: I([`vc-${u(p)}`, `vc-${u(z)}`])
+      class: _([`vc-${u(p)}`, `vc-${u(z)}`])
     }, {
       default: c0(({ data: { day: n, attributes: A }, hide: r }) => [
         H(b1, {
@@ -5136,7 +5136,7 @@ const oW = /* @__PURE__ */ P1(Ju, [["render", pW]]), OW = /* @__PURE__ */ Object
       }
     }).join(" ") }));
     return (m, f) => (d(), v("div", {
-      class: I(["vc-header", { "is-lg": M.isLg, "is-xl": M.isXl, "is-2xl": M.is2xl }]),
+      class: _(["vc-header", { "is-lg": M.isLg, "is-xl": M.isXl, "is-2xl": M.is2xl }]),
       style: s1(u(W))
     }, [
       u(i).prev ? (d(), v("button", {
@@ -5320,10 +5320,10 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
       () => o(a.value - 1, b.value.navMonths)
     ), L = l(
       () => D.value.some((U) => !U.isDisabled)
-    ), _ = l(
+    ), I = l(
       () => o(a.value + 1, b.value.navMonths)
     ), Y = l(
-      () => _.value.some((U) => !U.isDisabled)
+      () => I.value.some((U) => !U.isDisabled)
     ), M0 = l(
       () => O(
         W(t.value),
@@ -5423,7 +5423,7 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
           type: "button",
           "data-id": r0.id,
           "aria-label": r0.ariaLabel,
-          class: I(["vc-nav-item vc-focus", [
+          class: _(["vc-nav-item vc-focus", [
             r0.isActive ? "is-active" : r0.isCurrent ? "is-current" : ""
           ]]),
           disabled: r0.isDisabled,
@@ -5447,7 +5447,7 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
     const { navPopoverId: b, color: z, displayMode: p } = Z1();
     return (o, O) => (d(), t0(cz, {
       id: u(b),
-      class: I(["vc-nav-popover-container", `vc-${u(z)}`, `vc-${u(p)}`])
+      class: _(["vc-nav-popover-container", `vc-${u(z)}`, `vc-${u(p)}`])
     }, {
       default: c0(({ data: e }) => [
         H(OO, {
@@ -5519,7 +5519,7 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
       return r.value.forEach((z0) => {
         z.value.render(z0, G), m(z0, G);
       }), G;
-    }), R = l(() => f.value.highlights), $ = l(() => !!v1(R.value)), V = l(() => f.value.content), C = l(() => f.value.dots), h = l(() => !!v1(C.value)), B = l(() => f.value.bars), D = l(() => !!v1(B.value)), L = l(() => f.value.popovers), _ = l(
+    }), R = l(() => f.value.highlights), $ = l(() => !!v1(R.value)), V = l(() => f.value.content), C = l(() => f.value.dots), h = l(() => !!v1(C.value)), B = l(() => f.value.bars), D = l(() => !!v1(B.value)), L = l(() => f.value.popovers), I = l(
       () => L.value.map((G) => G.attribute)
     ), Y = MO("day-content"), M0 = l(() => [
       "vc-day",
@@ -5568,7 +5568,7 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
     })), a0 = l(() => v1(L.value) ? ap(
       {
         id: o.value,
-        data: { day: A, attributes: _.value }
+        data: { day: A, attributes: I.value }
       },
       ...L.value
     ) : null);
@@ -5603,15 +5603,15 @@ const AW = { class: "vc-nav-header" }, rW = ["disabled"], iW = ["disabled"], sW
 function hW(M, b, z, p, o, O) {
   const e = $0("CalendarSlot"), c = ee("popover");
   return d(), v("div", {
-    class: I(M.dayClasses)
+    class: _(M.dayClasses)
   }, [
     M.hasHighlights ? (d(), v("div", WW, [
       (d(!0), v(i0, null, S0(M.highlights, ({ key: a, wrapperClass: t, class: n, style: A }) => (d(), v("div", {
         key: a,
-        class: I(t)
+        class: _(t)
       }, [
         w("div", {
-          class: I(n),
+          class: _(n),
           style: s1(A)
         }, null, 6)
       ], 2))), 128))
@@ -5638,7 +5638,7 @@ function hW(M, b, z, p, o, O) {
       w("div", RW, [
         (d(!0), v(i0, null, S0(M.dots, ({ key: a, class: t, style: n }) => (d(), v("span", {
           key: a,
-          class: I(t),
+          class: _(t),
           style: s1(n)
         }, null, 6))), 128))
       ])
@@ -5647,7 +5647,7 @@ function hW(M, b, z, p, o, O) {
       w("div", LW, [
         (d(!0), v(i0, null, S0(M.bars, ({ key: a, class: t, style: n }) => (d(), v("span", {
           key: a,
-          class: I(t),
+          class: _(t),
           style: s1(n)
         }, null, 6))), 128))
       ])
@@ -5662,7 +5662,7 @@ const mW = /* @__PURE__ */ P1(uW, [["render", hW]]), gW = { class: "vc-weekdays"
   setup(M) {
     const { page: b } = oO(), { onWeeknumberClick: z } = Z1();
     return (p, o) => (d(), v("div", {
-      class: I([
+      class: _([
         "vc-pane",
         `row-${u(b).row}`,
         `row-from-end-${u(b).rowFromEnd}`,
@@ -5677,14 +5677,14 @@ const mW = /* @__PURE__ */ P1(uW, [["render", hW]]), gW = { class: "vc-weekdays"
         "hide-arrows": ""
       }, null, 8, ["page"]),
       w("div", {
-        class: I(["vc-weeks", {
+        class: _(["vc-weeks", {
           [`vc-show-weeknumbers-${u(b).weeknumberPosition}`]: u(b).weeknumberPosition
         }])
       }, [
         w("div", gW, [
           (d(!0), v(i0, null, S0(u(b).weekdays, ({ weekday: O, label: e }, c) => (d(), v("div", {
             key: c,
-            class: I(`vc-weekday vc-weekday-${O}`)
+            class: _(`vc-weekday vc-weekday-${O}`)
           }, j(e), 3))), 128))
         ]),
         (d(!0), v(i0, null, S0(u(b).viewWeeks, (O) => (d(), v("div", {
@@ -5693,10 +5693,10 @@ const mW = /* @__PURE__ */ P1(uW, [["render", hW]]), gW = { class: "vc-weekdays"
         }, [
           u(b).weeknumberPosition ? (d(), v("div", {
             key: 0,
-            class: I(["vc-weeknumber", `is-${u(b).weeknumberPosition}`])
+            class: _(["vc-weeknumber", `is-${u(b).weeknumberPosition}`])
           }, [
             w("span", {
-              class: I(["vc-weeknumber-content"]),
+              class: _(["vc-weeknumber-content"]),
               onClick: (e) => u(z)(O, e)
             }, j(O.weeknumberDisplay), 9, BW)
           ], 2)) : k("", !0),
@@ -5743,7 +5743,7 @@ function TW(M, b, z, p, o, O) {
       ref: "containerRef"
     }), [
       w("div", {
-        class: I(["vc-pane-container", { "in-transition": M.inTransition }])
+        class: _(["vc-pane-container", { "in-transition": M.inTransition }])
       }, [
         w("div", wW, [
           M.firstPage ? (d(), t0(e, {
@@ -5850,7 +5850,7 @@ function SW(M, { emit: b, slots: z }) {
     M.modelModifiers.number && (s = "number"), M.modelModifiers.string && (s = "string");
     const X = O.value.modelValue || "iso";
     return X0({ type: s, mask: X });
-  }), _ = l(
+  }), I = l(
     () => l0(n.value ?? t.value)
   ), Y = l(() => B.value ? M.is24hr ? O.value.inputTime24hr : O.value.inputTime : h.value ? M.is24hr ? O.value.inputDateTime24hr : O.value.inputDateTime : O.value.input), M0 = l(() => /[Hh]/g.test(Y.value)), P = l(
     () => /[dD]{1,2}|Do|W{1,4}|M{1,4}|YY(?:YY)?/g.test(Y.value)
@@ -6273,7 +6273,7 @@ function SW(M, { emit: b, slots: z }) {
     isDragging: D,
     inputValue: z0,
     inputEvents: q0,
-    dateParts: _,
+    dateParts: I,
     attributes: S,
     rules: n0,
     move: oM,
@@ -6402,11 +6402,11 @@ function xW(M) {
     () => pu(i.value, e.value[M.position])
   ), L = l(() => EW.filter(
     (P) => D.value.hours.some((Z) => Z.value === P.value)
-  )), _ = l(() => kW.filter(
+  )), I = l(() => kW.filter(
     (P) => D.value.hours.some((Z) => Z.value === P.value)
-  )), Y = l(() => c.value ? D.value.hours : B.value ? L.value : _.value), M0 = l(() => {
+  )), Y = l(() => c.value ? D.value.hours : B.value ? L.value : I.value), M0 = l(() => {
     const P = [];
-    return v1(L.value) && P.push({ value: !0, label: "AM" }), v1(_.value) && P.push({ value: !1, label: "PM" }), P;
+    return v1(L.value) && P.push({ value: !0, label: "AM" }), v1(I.value) && P.push({ value: !1, label: "PM" }), P;
   });
   return {
     ...b,
@@ -6450,7 +6450,7 @@ const PW = ["value"], _W = ["value", "disabled"], IW = {
       return p?.label;
     });
     return (p, o) => (d(), v("div", {
-      class: I(["vc-base-select", {
+      class: _(["vc-base-select", {
         "vc-fit-content": M.fitContent,
         "vc-has-icon": M.showIcon
       }])
@@ -6506,7 +6506,7 @@ const PW = ["value"], _W = ["value", "disabled"], IW = {
       timeAccuracy: $
     } = p;
     return (V, C) => (d(), v("div", {
-      class: I(["vc-time-picker", [{ "vc-invalid": !u(O), "vc-attached": !u(i) }]])
+      class: _(["vc-time-picker", [{ "vc-invalid": !u(O), "vc-attached": !u(i) }]])
     }, [
       H(b1, { name: "time-header" }, {
         default: c0(() => [
@@ -6591,7 +6591,7 @@ const PW = ["value"], _W = ["value", "disabled"], IW = {
     } = tz(), A = c.value ? [0, 1] : [0];
     return (r, i) => u(e) ? (d(), v("div", {
       key: 0,
-      class: I(`vc-container vc-bordered vc-${u(p)} vc-${u(o)}`)
+      class: _(`vc-container vc-bordered vc-${u(p)} vc-${u(o)}`)
     }, [
       (d(!0), v(i0, null, S0(u(A), (W) => (d(), t0(kp, {
         key: W,
@@ -6635,7 +6635,7 @@ const PW = ["value"], _W = ["value", "disabled"], IW = {
     return (t, n) => (d(), t0(cz, {
       id: u(b),
       placement: "bottom-start",
-      class: I(`vc-date-picker-content vc-${u(z)} vc-${u(p)}`),
+      class: _(`vc-date-picker-content vc-${u(z)} vc-${u(p)}`),
       ref_key: "popoverRef",
       ref: o,
       onBeforeShow: u(O),
@@ -6682,7 +6682,7 @@ const tO = /* @__PURE__ */ P1(bf, [["render", zf]]), pf = ["data-testid"], of =
       z.stopPropagation && e.stopPropagation(), b("click");
     }
     return (e, c) => (d(), v("svg", {
-      class: I(["r-icon r-icon-20", u(o)]),
+      class: _(["r-icon r-icon-20", u(o)]),
       "data-testid": `icon-${M.icon}`,
       onClick: O
     }, [
@@ -6738,7 +6738,7 @@ const tO = /* @__PURE__ */ P1(bf, [["render", zf]]), pf = ["data-testid"], of =
     }), o = l(() => b.disabled ? z.value.disabled : b.loading ? z.value.loading : ""), O = l(() => b.disabled || b.loading);
     return (e, c) => M.link ? (d(), v("a", {
       key: 0,
-      class: I(["r-button", u(p)]),
+      class: _(["r-button", u(p)]),
       href: M.href,
       role: "link"
     }, [
@@ -6764,14 +6764,14 @@ const tO = /* @__PURE__ */ P1(bf, [["render", zf]]), pf = ["data-testid"], of =
       }, null, 8, ["icon"])) : k("", !0)
     ], 10, Of)) : (d(), v("button", {
       key: 1,
-      class: I(["r-button", u(p)]),
+      class: _(["r-button", u(p)]),
       disabled: u(O),
       title: u(o)
     }, [
       M.loading ? (d(), t0(T0, {
         key: 0,
         icon: "loading",
-        class: I(["r-is-spinning r-icon-light-gray", { "r-inline-3": !M.icon }])
+        class: _(["r-is-spinning r-icon-light-gray", { "r-inline-3": !M.icon }])
       }, null, 8, ["class"])) : k("", !0),
       M.iconLeft && !M.loading ? (d(), t0(T0, {
         key: 1,
@@ -6818,7 +6818,7 @@ const tO = /* @__PURE__ */ P1(bf, [["render", zf]]), pf = ["data-testid"], of =
     }
     return (O, e) => z.value ? (d(), v("div", {
       key: 0,
-      class: I(["r-alert", u(p)]),
+      class: _(["r-alert", u(p)]),
       role: "alert"
     }, [
       M.title ? (d(), v("div", af, [
@@ -6945,8 +6945,8 @@ function c8(M, b, z) {
     return t = B, c = setTimeout(R, b), n ? i(B) : e;
   }
   function m(B) {
-    var D = B - a, L = B - t, _ = b - D;
-    return A ? e8(_, O - L) : _;
+    var D = B - a, L = B - t, I = b - D;
+    return A ? e8(I, O - L) : I;
   }
   function f(B) {
     var D = B - a, L = B - t;
@@ -7706,7 +7706,7 @@ var $O = { exports: {} }, CO = { exports: {} };
         E.push(new h(new Date(q + o0, 0, 1))), E.push(new h(new Date(q + o0, 6, 1)));
       return E;
     }
-    function _(q, N) {
+    function I(q, N) {
       return q.offsetScore !== N.offsetScore ? q.offsetScore - N.offsetScore : q.abbrScore !== N.abbrScore ? q.abbrScore - N.abbrScore : q.zone.population !== N.zone.population ? N.zone.population - q.zone.population : N.zone.name.localeCompare(q.zone.name);
     }
     function Y(q, N) {
@@ -7744,7 +7744,7 @@ var $O = { exports: {} }, CO = { exports: {} };
           l0.scoreOffsetAt(y[s0]);
         O0.push(l0);
       }
-      return O0.sort(_), O0.length > 0 ? O0[0].zone.name : void 0;
+      return O0.sort(I), O0.length > 0 ? O0[0].zone.name : void 0;
     }
     function Z(q) {
       return (!a || q) && (a = P()), a;
@@ -9162,12 +9162,12 @@ const QB = {
       return z[o % z.length];
     });
     return (o, O) => (d(), v("div", {
-      class: I(["r-avatar", { "r-avatar-description": M.description }])
+      class: _(["r-avatar", { "r-avatar-description": M.description }])
     }, [
       w("div", bN, [
         M.initials ? (d(), v("div", {
           key: 0,
-          class: I(["r-avatar-initials", ["r-avatar-initials-" + u(p)]])
+          class: _(["r-avatar-initials", ["r-avatar-initials-" + u(p)]])
         }, [
           w("span", zN, j(M.initials), 1)
         ], 2)) : k("", !0),
@@ -9205,7 +9205,7 @@ const QB = {
       [`r-badge-${z.type}`]: !0
     }));
     return (o, O) => (d(), v("span", {
-      class: I(["r-component r-badge", u(p)]),
+      class: _(["r-component r-badge", u(p)]),
       onClick: O[2] || (O[2] = (e) => b("click"))
     }, [
       F(o.$slots, "default"),
@@ -9230,7 +9230,7 @@ const QB = {
       "r-button-group-fluid": b.fluid
     }));
     return (p, o) => (d(), v("div", {
-      class: I(["r-button-group", u(z)]),
+      class: _(["r-button-group", u(z)]),
       role: "group"
     }, [
       F(p.$slots, "default")
@@ -9269,12 +9269,12 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       b("update:modelValue", e());
     };
     return (a, t) => (d(), v("div", {
-      class: I(["r-checkbox", { "r-is-error": u(p) }]),
+      class: _(["r-checkbox", { "r-is-error": u(p) }]),
       role: "checkbox",
       "aria-checked": u(o)
     }, [
       w("label", {
-        class: I(["r-field-label r-field-label-toggle", { "r-is-disabled": M.disabled }]),
+        class: _(["r-field-label r-field-label-toggle", { "r-is-disabled": M.disabled }]),
         for: M.id
       }, [
         F(a.$slots, "label", {}, () => [
@@ -9598,7 +9598,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
         return null;
       if (typeof h == "string") {
         const B = Object.values(c.value).find(
-          (_) => _.relativeFilterValue === h
+          (I) => I.relativeFilterValue === h
         );
         if (B)
           return B;
@@ -9618,16 +9618,16 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       });
     };
     return (h, B) => {
-      const D = $0("r-button"), L = $0("r-popper"), _ = $0("r-button-group");
-      return d(), t0(_, {
-        class: I({ "r-button-group-single": !M.showPresets })
+      const D = $0("r-button"), L = $0("r-popper"), I = $0("r-button-group");
+      return d(), t0(I, {
+        class: _({ "r-button-group-single": !M.showPresets })
       }, {
         default: c0(() => [
           H(D, {
             "icon-left": "calendar",
             "capitalize-first-letter": !1,
             disabled: M.disabled,
-            class: I({ "r-date-range-button": M.showPresets }),
+            class: _({ "r-date-range-button": M.showPresets }),
             onClick: B[0] || (B[0] = (Y) => M.calendarToggle())
           }, {
             default: c0(() => [
@@ -9829,7 +9829,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     return A0.isMoment(z.modelValue) && (console.log(
       `You are passing a moment instance (${z.modelValue.toISOString()}) to r-date-input. It is recommended to pass a native Date instance instead (and using timezone property for dealing with timezones)`
     ), b("update:modelValue", z.modelValue.toDate())), (a, t) => (d(), v("div", {
-      class: I(["r-field", { "r-is-error": u(p) }])
+      class: _(["r-field", { "r-is-error": u(p) }])
     }, [
       M.label ? (d(), v("label", NN, j(M.label), 1)) : k("", !0),
       u(o) ? (d(), t0(BN, V0({
@@ -9922,7 +9922,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     ), (Number(b.gap) > 12 || Array.isArray(b.gap.split(",")) && b.gap.split(",").some((p) => Number(p) > 12)) && console.warn(
       `Revel[RFlex]: 'gap' prop only covers 12 sizes. Received: ${b.gap}`
     ), (p, o) => (d(), v("div", {
-      class: I(["r-flex-layout", u(z)]),
+      class: _(["r-flex-layout", u(z)]),
       "data-testid": "r-flex-layout"
     }, [
       F(p.$slots, "default")
@@ -9949,7 +9949,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     return Number(b.span) > 12 && console.warn(
       `Revel[RFlexItem]: 'span' prop only covers 12 columns. Received: ${b.span}`
     ), (o, O) => (d(), v("div", {
-      class: I(["r-flex-layout-item", u(p)])
+      class: _(["r-flex-layout-item", u(p)])
     }, [
       F(o.$slots, "default")
     ], 2));
@@ -9980,7 +9980,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     ), Number(b.gap) > 12 && console.warn(
       `Revel[RGrid]: 'gap' prop only covers 12 sizes. Received: ${b.gap}`
     ), (p, o) => (d(), v("div", {
-      class: I(["r-grid-layout", u(z)]),
+      class: _(["r-grid-layout", u(z)]),
       "data-testid": "r-grid-layout"
     }, [
       F(p.$slots, "default")
@@ -10019,16 +10019,16 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     ), (e, c) => (d(), v(i0, null, [
       u(o) ? (d(), v("div", {
         key: 0,
-        class: I(["r-grid-layout-cell is-offset", u(o)])
+        class: _(["r-grid-layout-cell is-offset", u(o)])
       }, null, 2)) : k("", !0),
       w("div", {
-        class: I(["r-grid-layout-cell", u(p)])
+        class: _(["r-grid-layout-cell", u(p)])
       }, [
         F(e.$slots, "default")
       ], 2),
       u(O) ? (d(), v("div", {
         key: 1,
-        class: I(["r-grid-layout-cell is-wrap", u(O)])
+        class: _(["r-grid-layout-cell is-wrap", u(O)])
       }, null, 2)) : k("", !0)
     ], 64));
   }
@@ -10095,8 +10095,8 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     }), n = l(() => p.password ? "password" : p.numeric ? "number" : "text"), A = l(() => p.autoComplete || `new-${p.name}`), r = l(() => `(${p.modelValue ? Number(p.maxLength) - String(p.modelValue).length : p.maxLength} characters left.)`);
     function i(L) {
       p.autoResize && O.value && B(O.value);
-      const _ = L.target.value;
-      z("update:modelValue", _);
+      const I = L.target.value;
+      z("update:modelValue", I);
     }
     function W(L) {
       z("update:modelValue", L.target.value);
@@ -10139,8 +10139,8 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       getFocus: $
     }), B1(() => {
       p.autoFocus && $(), p.autoHighlight && D(), p.autoResize && O.value && B(O.value);
-    }), (L, _) => (d(), v("div", {
-      class: I(["r-field", { "r-is-error": u(c) }])
+    }), (L, I) => (d(), v("div", {
+      class: _(["r-field", { "r-is-error": u(c) }])
     }, [
       M.label ? (d(), v("label", {
         key: 0,
@@ -10208,7 +10208,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
           ],
           onKeydown: R,
           onFocus: C,
-          onBlur: _[0] || (_[0] = (Y) => z("blur")),
+          onBlur: I[0] || (I[0] = (Y) => z("blur")),
           onClick: h
         }, iM(M.inputEvents, !0)), null, 16, kN)), [
           [u(V2)]
@@ -10217,16 +10217,16 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       u(a) ? (d(), v("div", _N, [
         M.leftLabel ? (d(), v("div", IN, j(M.leftLabel), 1)) : k("", !0),
         w("div", {
-          class: I(["r-field-control", u(t)])
+          class: _(["r-field-control", u(t)])
         }, [
           M.leftIcon ? (d(), t0(T0, {
             key: 0,
             icon: M.leftIcon,
-            class: I({
+            class: _({
               "r-cursor-pointer": M.leftIconClickPointer,
               "r-is-spinning": M.leftIconSpinning
             }),
-            onClick: _[1] || (_[1] = (Y) => z("left-icon-click"))
+            onClick: I[1] || (I[1] = (Y) => z("left-icon-click"))
           }, null, 8, ["icon", "class"])) : k("", !0),
           I0(w("input", V0({
             id: M.name,
@@ -10246,7 +10246,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
             ],
             onKeydown: R,
             onFocus: C,
-            onBlur: _[2] || (_[2] = (Y) => z("blur")),
+            onBlur: I[2] || (I[2] = (Y) => z("blur")),
             onClick: h
           }, iM(M.inputEvents, !0)), null, 16, VN), [
             [u(V2)]
@@ -10254,11 +10254,11 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
           M.rightIcon ? (d(), t0(T0, {
             key: 1,
             icon: M.rightIcon,
-            class: I({
+            class: _({
               "r-cursor-pointer": M.rightIconClickPointer,
               "r-is-spinning": M.rightIconSpinning
             }),
-            onClick: _[3] || (_[3] = (Y) => z("right-icon-click"))
+            onClick: I[3] || (I[3] = (Y) => z("right-icon-click"))
           }, null, 8, ["icon", "class"])) : k("", !0)
         ], 2),
         F(L.$slots, "right-button"),
@@ -10285,12 +10285,12 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     }));
     return (p, o) => M.show ? (d(), v("div", {
       key: 0,
-      class: I(["r-component r-loader", u(z)]),
+      class: _(["r-component r-loader", u(z)]),
       role: "alert",
       "aria-busy": "true"
     }, [
       w("div", {
-        class: I(["r-loader-icon-wrapper", { "r-is-spinner": M.spinner }])
+        class: _(["r-loader-icon-wrapper", { "r-is-spinner": M.spinner }])
       }, [
         M.spinner ? (d(), t0(T0, {
           key: 0,
@@ -10380,10 +10380,10 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
         }, [
           A.$slots.content || A.$slots.contents ? (d(), v("div", {
             key: 0,
-            class: I(["r-modal-overlay", { "r-is-scrollable": M.scroll }])
+            class: _(["r-modal-overlay", { "r-is-scrollable": M.scroll }])
           }, [
             w("div", {
-              class: I(["r-modal-control", u(O)]),
+              class: _(["r-modal-control", u(O)]),
               style: s1(u(o)),
               onMousedown: r[1] || (r[1] = (i) => i.stopPropagation())
             }, [
@@ -10403,7 +10403,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
               ])) : k("", !0),
               F(A.$slots, "contents", {}, () => [
                 w("div", {
-                  class: I(["r-modal-content", { "r-is-scrollable": M.scrollContent }])
+                  class: _(["r-modal-content", { "r-is-scrollable": M.scrollContent }])
                 }, [
                   F(A.$slots, "content")
                 ], 2)
@@ -10421,7 +10421,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
                     close: c
                   }, () => [
                     H(E1, {
-                      class: I({ "r-inline-3": A.$slots.actions }),
+                      class: _({ "r-inline-3": A.$slots.actions }),
                       onClick: c
                     }, {
                       default: c0(() => [
@@ -10575,7 +10575,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
                         key: f,
                         role: "button",
                         "aria-label": `${f}-month-button`,
-                        class: I([{
+                        class: _([{
                           "r-month-picker-month-disabled": A(R),
                           "r-month-picker-month-selected": n(R)
                         }, "r-month-picker-month"]),
@@ -10654,7 +10654,7 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
                 class: "r-pagination-control-button"
               }, " ... ")) : (d(), t0(E1, {
                 key: `r-pagination-control-button-${h}`,
-                class: I(["r-pagination-control-button", { "r-button-type-primary": C.selected }]),
+                class: _(["r-pagination-control-button", { "r-button-type-primary": C.selected }]),
                 onClick: (B) => R(C)
               }, {
                 default: c0(() => [
@@ -10805,8 +10805,8 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
     function i() {
       if (a.value == null || t.value == null)
         return;
-      const L = a.value.getBoundingClientRect(), _ = t.value.childNodes[0].getBoundingClientRect(), Y = m(), M0 = c[p.direction][p.position];
-      let P = _.height * M0[1] + L.height * M0[0], Z = _.width * M0[3] + L.width * M0[2];
+      const L = a.value.getBoundingClientRect(), I = t.value.childNodes[0].getBoundingClientRect(), Y = m(), M0 = c[p.direction][p.position];
+      let P = I.height * M0[1] + L.height * M0[0], Z = I.width * M0[3] + L.width * M0[2];
       return Y && (P -= Y.bottom * M0[0], P -= Y.top * M0[1], Z += Y.left, ["bottomEnd", "topEnd"].includes(p.position) && (Z -= Y.right * 2)), p.direction === "horizontal" ? P += p.offset : Z += p.offset, { top: P, left: Z };
     }
     function W() {
@@ -10817,9 +10817,9 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       const L = a.value?.firstElementChild;
       if (!L)
         return null;
-      const { marginTop: _, marginRight: Y, marginBottom: M0, marginLeft: P } = window.getComputedStyle(L);
+      const { marginTop: I, marginRight: Y, marginBottom: M0, marginLeft: P } = window.getComputedStyle(L);
       return {
-        top: f(_) + p.margin[0],
+        top: f(I) + p.margin[0],
         right: f(Y) + p.margin[1],
         bottom: f(M0) + p.margin[2],
         left: f(P) + p.margin[3]
@@ -10873,10 +10873,10 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       {
         immediate: !0
       }
-    ), (L, _) => I0((d(), v("div", {
+    ), (L, I) => I0((d(), v("div", {
       ref_key: "popperElement",
       ref: O,
-      class: I(["r-popper", { "r-popper-fluid": M.fluid }]),
+      class: _(["r-popper", { "r-popper-fluid": M.fluid }]),
       onKeydown: C0(V, ["esc"])
     }, [
       F(L.$slots, "trigger", { popper: u(n) }),
@@ -10925,11 +10925,11 @@ const aN = ["aria-checked"], nN = ["for"], AN = ["id", "disabled", "value", "che
       "r-is-checked": e.value
     })), O = l(() => z.validate ? z.validate.$invalid && z.validate.$dirty : !1), e = l(() => z.value === null ? !1 : z.modelValue === z.value);
     return (c, a) => (d(), v("div", {
-      class: I(["r-field", u(p)]),
+      class: _(["r-field", u(p)]),
       "aria-checked": u(e)
     }, [
       w("label", {
-        class: I(["r-field-label r-field-label-toggle", u(o)]),
+        class: _(["r-field-label r-field-label-toggle", u(o)]),
         for: M.id
       }, [
         M.label ? (d(), v(i0, { key: 0 }, [
@@ -11666,6 +11666,11 @@ const Ey = (M) => M.reduce(
         "r-is-error": this.isInvalid
       };
     },
+    labelClasses() {
+      return {
+        "r-select-block-pointer-events": this.isOpen
+      };
+    },
     isInvalid() {
       return this.validate ? this.validate.$error : !1;
     },
@@ -11965,17 +11970,17 @@ const Ey = (M) => M.reduce(
 function oX(M, b, z, p, o, O) {
   const e = $0("r-icon"), c = $0("r-badge"), a = $0("r-button");
   return d(), v("div", {
-    class: I(M.classes)
+    class: _(M.classes)
   }, [
     M.hasLabel ? (d(), v("label", {
       key: 0,
       for: M.id,
-      class: "r-field-label",
+      class: _(["r-field-label", M.labelClasses]),
       onClick: b[0] || (b[0] = (...t) => M.activate && M.activate(...t))
-    }, j(M.label), 9, xy)) : k("", !0),
+    }, j(M.label), 11, xy)) : k("", !0),
     w("div", {
       tabindex: M.searchable ? -1 : M.tabindex,
-      class: I([{
+      class: _([{
         "r-select-is-active": M.isOpen,
         "r-select-is-disabled": M.disabled,
         "r-select-is-above": M.isAbove,
@@ -12149,7 +12154,7 @@ function oX(M, b, z, p, o, O) {
                 class: "r-select-content-element"
               }, [
                 w("span", {
-                  class: I([M.optionHighlight(n, t), "r-select-content-element-option"]),
+                  class: _([M.optionHighlight(n, t), "r-select-content-element-option"]),
                   onClick: N0((A) => M.select(t), ["stop"]),
                   onMouseenter: N0((A) => M.pointerSet(n), ["self"])
                 }, [
@@ -12381,7 +12386,7 @@ const aX = /* @__PURE__ */ Wz(eX, [["render", tX]]), nX = J({
 function iX(M, b, z, p, o, O) {
   return d(), v("div", null, [
     w("div", {
-      class: I(["r-tab", [{ "r-tab-divided": M.divided }, M.menuClass]]),
+      class: _(["r-tab", [{ "r-tab-divided": M.divided }, M.menuClass]]),
       role: "tablist"
     }, [
       (d(!0), v(i0, null, S0(M.visibleTabs, (e, c) => (d(), v("div", {
@@ -12394,20 +12399,20 @@ function iX(M, b, z, p, o, O) {
           to: e.to,
           role: "tab",
           "aria-controls": e.tabPanelId,
-          class: I(["r-tab-item-link", { "r-is-active": e.isActive }]),
+          class: _(["r-tab-item-link", { "r-is-active": e.isActive }]),
           onClick: (a) => M.selectTab(e, c)
         }, j(M.getTabName(e, c)), 11, AX)) : (d(), v("button", {
           key: 1,
           id: e.tabId,
           role: "tab",
           "aria-controls": e.tabPanelId,
-          class: I(["r-tab-item-link", { "r-is-active": e.isActive }]),
+          class: _(["r-tab-item-link", { "r-is-active": e.isActive }]),
           onClick: (a) => M.selectTab(e, c)
         }, j(M.getTabName(e, c)), 11, rX))
       ]))), 128))
     ], 2),
     w("div", {
-      class: I(["r-tab-content", M.contentClass])
+      class: _(["r-tab-content", M.contentClass])
     }, [
       F(M.$slots, "default")
     ], 2)
@@ -12524,7 +12529,7 @@ const sX = /* @__PURE__ */ Wz(nX, [["render", iX]]), qX = { class: "r-component
         key: 0,
         ref_key: "toastEl",
         ref: o,
-        class: I(["r-component r-toast", u(O)]),
+        class: _(["r-component r-toast", u(O)]),
         onMouseenter: t,
         onMouseleave: a
       }, [