@adyen/bento-vue2 1.3.0 → 1.4.0

package/dist/chunks/{index.10aaf539.js → index.88ff49c2.js}

@@ -1,41 +1,41 @@
-import { defineComponent as le, reactive as H, ref as b, computed as O, onMounted as ve, toRef as re, watch as Te } from "vue";
-import { c as Re } from "./dropdown-default-textbox.819e43f7.js";
-import { BentoPopover as Ie, BentoPopoverPositions as ye } from "../popover.js";
-import { g as B } from "./unique-id.a2a2b458.js";
+import { defineComponent as le, reactive as H, ref as y, computed as M, onMounted as ge, toRef as re, watch as ve } from "vue";
+import { c as Re } from "./dropdown-default-textbox.109c36d2.js";
+import { BentoPopover as Te } from "../popover.js";
+import { g as N } from "./unique-id.a2a2b458.js";
 import { u as W } from "./i18n.155748d6.js";
-import { B as de, a as ce, b as be } from "./index.56858f4e.js";
-import { t as K, f as M } from "./index.73d50fa6.js";
+import { B as de } from "./index.45295dd3.js";
+import { t as K, f as F } from "./index.9902cae4.js";
 import { r as G, t as j, e as I, d as z, f as J } from "./index.f55fdc32.js";
-import { f as se, v as ke, D as R } from "./date-input.9186a0bf.js";
-import { u as Ee } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as Se } from "../input-field.js";
-import { B as Ce } from "./dropdown.c05678d0.js";
-import { d as $ } from "./debounce.f8d92e44.js";
-import { u as Pe } from "./use-has-slot.068222e6.js";
+import { f as se, v as Ie, D as T } from "./date-input.9186a0bf.js";
+import { u as be } from "./use-form-layout-loading.d03e5d48.js";
+import { BentoInputField as ye } from "../input-field.js";
+import { B as ke } from "./dropdown.fd93f0ce.js";
+import { d as B } from "./debounce.f8d92e44.js";
+import { u as Ee } from "./use-has-slot.6052d56a.js";
 import { e as L } from "./index.fdf12170.js";
-import { C as x } from "./calendar.0ae43a96.js";
-import { n as ue } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { E as Oe } from "./error-message.0433b539.js";
-import { B as Me } from "./directive.0408e565.js";
-import "../assets/index9.css";
-function Fe(t, e) {
+import { C as $ } from "./calendar.79ea42c1.js";
+import { n as ce } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { E as Se } from "./error-message.3b3c33d4.js";
+import { B as Ce } from "./directive.0408e565.js";
+import "../assets/index13.css";
+function Oe(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setHours(o), n;
 }
-function he(t, e) {
+function Me(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setMinutes(o), n;
 }
-function we(t, e) {
+function Fe(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setSeconds(o), n;
 }
 var i = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t))(i || {});
-const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
-  const { selectionStart: e } = t.target, n = Ae.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
+const Pe = /[\d]/, we = /^\d{2}$/, Ue = /^\d{2}:\d{2}$/, he = (t) => {
+  const { selectionStart: e } = t.target, n = Pe.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
   !n && !o && t.preventDefault();
 }, oe = (t) => {
   if (!t)
@@ -44,8 +44,8 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
   if (e.length === 1 && parseInt(t, 10) > 2)
     return `0${e}:`;
   const [n, o] = e.slice(-2);
-  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (Ue.test(e) || Ne.test(e)) && (e += ":"), e;
-}, xe = {
+  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (we.test(e) || Ue.test(e)) && (e += ":"), e;
+}, Ae = {
   "en-US": {
     customRange: "Custom range",
     dateFrom: "Date from",
@@ -56,14 +56,14 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
     timeFrom: "Time from",
     timeTo: "Time to"
   }
-}, ie = 300, V = "customRange", $e = le({
-  i18n: { messages: xe },
+}, ie = 300, V = "customRange", xe = le({
+  i18n: { messages: Ae },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Ce,
-    BentoInputField: Se,
+    BentoDropdown: ke,
+    BentoInputField: ye,
     BentoTypography: de,
-    Calendar: x
+    Calendar: $
   },
   props: {
     /**
@@ -80,19 +80,19 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
     /**
      * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      */
-    firstDayOfWeek: x.props.firstDayOfWeek,
+    firstDayOfWeek: $.props.firstDayOfWeek,
     /**
      * Indicate if a date should be disabled or not
      */
-    isDateDisabled: x.props.isDateDisabled,
+    isDateDisabled: $.props.isDateDisabled,
     /**
      * Set a maximum number of dates to be selectable by the range.
      */
-    maxRange: x.props.maxRange,
+    maxRange: $.props.maxRange,
     /**
      * Number of months rendered on pane
      */
-    numberOfMonths: x.props.numberOfMonths,
+    numberOfMonths: $.props.numberOfMonths,
     /**
      * Enables the custom range selector.
      * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
@@ -117,56 +117,56 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
   ],
   setup(t, { emit: e, slots: n }) {
     var ae, ne;
-    const { locale: o, t: y } = W(), g = { de: z, enUS: I, fr: J }, c = H({
+    const { locale: o, t: b } = W(), g = { de: z, enUS: I, fr: J }, c = H({
       startDate: (ae = t.value) == null ? void 0 : ae.startDate,
       endDate: (ne = t.value) == null ? void 0 : ne.endDate
-    }), m = b(V), F = O(() => ({
+    }), m = y(V), P = M(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
-    })), h = O(() => t.quickSelectRanges ? [
-      { label: y("customRange"), value: V },
+    })), w = M(() => t.quickSelectRanges ? [
+      { label: b("customRange"), value: V },
       ...t.quickSelectRanges
     ] : []), v = () => {
       t != null && t.quickSelectRanges && (m.value = V);
-    }, l = (a) => a ? M(a, R.NUMERIC_DATE_YEAR_FIRST, {
+    }, l = (a) => a ? F(a, T.NUMERIC_DATE_YEAR_FIRST, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", T = (a) => a ? M(a, R.HOUR_MINUTE_SECONDS, {
+    }) : "", R = (a) => a ? F(a, T.HOUR_MINUTE_SECONDS, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", u = b(!1), f = b(!1), D = b(!1), p = b(!1), r = H({
+    }) : "", u = y(!1), f = y(!1), D = y(!1), p = y(!1), r = H({
       startDate: t.dateFormData.startDate,
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
       endTime: t.dateFormData.endTime
     }), Y = (a) => {
       e(i.INPUT, a);
-    }, w = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), A = (a, s) => {
-      if (!s || !w(s))
+    }, U = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), h = (a, s) => {
+      if (!s || !U(s))
         return a;
       let _ = new Date(a);
-      const [S, q, ge] = s.split(":");
-      return _ = Fe(_, parseInt(S, 10)), _ = he(_, parseInt(q, 10)), _ = we(_, parseInt(ge, 10)), _;
+      const [S, q, _e] = s.split(":");
+      return _ = Oe(_, parseInt(S, 10)), _ = Me(_, parseInt(q, 10)), _ = Fe(_, parseInt(_e, 10)), _;
     }, E = (a) => {
       const s = (S) => t.isDateDisabled ? !t.isDateDisabled(S) : !0;
       return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && s(new Date(a));
     };
-    ve(() => {
+    ge(() => {
       t.dateFormData.startDate && !E(t.dateFormData.startDate) ? u.value = !0 : (u.value = !1, D.value = !1), t.dateFormData.endDate && !E(t.dateFormData.endDate) ? f.value = !0 : (f.value = !1, p.value = !1);
     });
     const Q = (a) => {
       var s;
-      v(), r.startDate = l(a), r.startTime ? D.value && (r.startTime = (s = t.dateFormData) == null ? void 0 : s.startTime) : r.startTime = T(a), u.value = !1, D.value = !1;
+      v(), r.startDate = l(a), r.startTime ? D.value && (r.startTime = (s = t.dateFormData) == null ? void 0 : s.startTime) : r.startTime = R(a), u.value = !1, D.value = !1;
     }, X = (a) => {
       var s;
-      r.endDate = l(a), r.endTime ? p.value && (r.endTime = (s = t.dateFormData) == null ? void 0 : s.endTime) : r.endTime = T(L(a)), f.value = !1, p.value = !1;
-    }, U = (a) => {
+      r.endDate = l(a), r.endTime ? p.value && (r.endTime = (s = t.dateFormData) == null ? void 0 : s.endTime) : r.endTime = R(L(a)), f.value = !1, p.value = !1;
+    }, A = (a) => {
       const s = t.value[a];
       if (s)
         return s;
       if (t.dateFormData[a] && E(t.dateFormData[a]))
         return new Date(t.dateFormData[a]);
-    }, Z = $((a) => {
+    }, Z = B((a) => {
       if (E(a)) {
-        u.value = !1, c.startDate = A(new Date(a), r.startTime);
-        const s = U("endDate");
+        u.value = !1, c.startDate = h(new Date(a), r.startTime);
+        const s = A("endDate");
         e(i.FORM_DATE, {
           startDate: new Date(a),
           endDate: s
@@ -178,10 +178,10 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
         u.value = !0, e(i.ERROR, { ...r });
     }, ie), ee = (a) => {
       v(), r.startDate = se(a), Z(r.startDate);
-    }, te = $((a) => {
+    }, te = B((a) => {
       if (E(a)) {
-        f.value = !1, c.endDate = A(new Date(a), r.endTime);
-        const s = U("startDate");
+        f.value = !1, c.endDate = h(new Date(a), r.endTime);
+        const s = A("startDate");
         e(i.FORM_DATE, {
           startDate: s,
           endDate: new Date(c.endDate),
@@ -196,11 +196,11 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
     }, ie), d = (a) => {
       v(), r.endDate = se(a), te(r.endDate);
     }, k = (a) => {
-      ke(a);
-    }, N = $((a) => {
-      if (w(a)) {
-        D.value = !1, c.startDate = A(c.startDate, a);
-        const s = U("endDate");
+      Ie(a);
+    }, x = B((a) => {
+      if (U(a)) {
+        D.value = !1, c.startDate = h(c.startDate, a);
+        const s = A("endDate");
         e(i.FORM_DATE, {
           startDate: new Date(c.startDate),
           endDate: s,
@@ -212,10 +212,10 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         D.value = !0, e(i.ERROR, { ...r });
-    }), De = $((a) => {
-      if (w(a)) {
-        p.value = !1, c.endDate = A(c.endDate, a);
-        const s = U("startDate");
+    }), ue = B((a) => {
+      if (U(a)) {
+        p.value = !1, c.endDate = h(c.endDate, a);
+        const s = A("startDate");
         e(i.FORM_DATE, {
           startDate: s,
           endDate: new Date(c.endDate),
@@ -227,17 +227,17 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         p.value = !0, e(i.ERROR, { ...r });
-    }), pe = (a) => {
-      v(), r.startTime = oe(a), N(r.startTime);
+    }), De = (a) => {
+      v(), r.startTime = oe(a), x(r.startTime);
+    }, pe = (a) => {
+      v(), r.endTime = oe(a), ue(r.endTime);
     }, me = (a) => {
-      v(), r.endTime = oe(a), De(r.endTime);
+      he(a);
     }, fe = (a) => {
-      Be(a);
-    }, _e = (a) => {
       var _, S;
       m.value = a;
       const s = (S = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: q }) => q === a)) == null ? void 0 : S.data;
-      s && (r.startDate = l(s.startDate), r.endDate = l(s.endDate), r.startTime || (r.startTime = T(L(s.startDate))), r.endTime || (r.endTime = T(L(s.endDate))), e(i.CUSTOM_RANGE, s));
+      s && (r.startDate = l(s.startDate), r.endDate = l(s.endDate), r.startTime || (r.startTime = R(L(s.startDate))), r.endTime || (r.endTime = R(L(s.endDate))), e(i.CUSTOM_RANGE, s));
     };
     return {
       // Values
@@ -247,84 +247,82 @@ const Ae = /[\d]/, Ue = /^\d{2}$/, Ne = /^\d{2}:\d{2}$/, Be = (t) => {
       selectedRangeSelectorValue: m,
       startDateError: u,
       startTimeError: D,
-      quickSelectRangeDefaultItems: h,
-      formInputWrapperConditionalClasses: F,
-      // Enums
-      BentoTypographyElement: ce,
+      quickSelectRangeDefaultItems: w,
+      formInputWrapperConditionalClasses: P,
       // Methods
-      hasSlot: Pe(n),
-      t: y,
+      hasSlot: Ee(n),
+      t: b,
       // Events
-      onRangeSelectorInput: _e,
+      onRangeSelectorInput: fe,
       onDateInput: Y,
       onDateInputKeyDown: k,
       onEndDateInput: d,
       onEndDateSelected: X,
-      onEndTimeInput: me,
+      onEndTimeInput: pe,
       onStartDateSelected: Q,
       onStartDateInput: ee,
-      onStartTimeInput: pe,
-      onTimeInputKeyDown: fe
+      onStartTimeInput: De,
+      onTimeInputKeyDown: me
     };
   }
 });
-var Ye = function() {
+var Ne = function() {
   var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { staticClass: "b-date-range-picker-calendar" }, [n("div", { staticClass: "b-date-range-picker-calendar__form-container" }, [n("div", { staticClass: "b-date-range-picker-calendar__form" }, [e.quickSelectRanges ? n("bento-dropdown", { attrs: { "aria-label": e.t("customRange"), items: e.quickSelectRangeDefaultItems, value: e.selectedRangeSelectorValue }, on: { input: e.onRangeSelectorInput } }) : e._e(), e.hasSlot("title") ? [e._t("title")] : e._e(), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: e.BentoTypographyElement.SPAN } }, [e._v(" From ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.$t("dateFrom"), value: e.dateTextInput.startDate, error: e.startDateError }, on: { input: e.onStartDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+  return e._self._setupProxy, n("div", { staticClass: "b-date-range-picker-calendar" }, [n("div", { staticClass: "b-date-range-picker-calendar__form-container" }, [n("div", { staticClass: "b-date-range-picker-calendar__form" }, [e.quickSelectRanges ? n("bento-dropdown", { attrs: { "aria-label": e.t("customRange"), items: e.quickSelectRangeDefaultItems, value: e.selectedRangeSelectorValue }, on: { input: e.onRangeSelectorInput } }) : e._e(), e.hasSlot("title") ? [e._t("title")] : e._e(), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" From ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.$t("dateFrom"), value: e.dateTextInput.startDate, error: e.startDateError }, on: { input: e.onStartDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("YYYY-MM-DD")];
   }, proxy: !0 }]) }), e.allowTimeInput ? n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeFrom"), value: e.dateTextInput.startTime, error: e.startTimeError }, on: { input: e.onStartTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("HH:MM:SS")];
-  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: e.BentoTypographyElement.SPAN } }, [e._v(" To ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.$t("dateTo"), value: e.dateTextInput.endDate, error: e.endDateError }, on: { input: e.onEndDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
+  }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1), n("div", [n("bento-typography", { staticClass: "b-date-range-picker-calendar__label", attrs: { stronger: "", el: "span" } }, [e._v(" To ")]), n("div", { class: e.formInputWrapperConditionalClasses }, [n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.$t("dateTo"), value: e.dateTextInput.endDate, error: e.endDateError }, on: { input: e.onEndDateInput, keydown: e.onDateInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("YYYY-MM-DD")];
   }, proxy: !0 }]) }), e.allowTimeInput ? n("bento-input-field", { staticClass: "b-date-range-picker-calendar__form-input", attrs: { "aria-label": e.t("timeTo"), value: e.dateTextInput.endTime, error: e.endTimeError }, on: { input: e.onEndTimeInput, keydown: e.onTimeInputKeyDown }, scopedSlots: e._u([{ key: "description", fn: function() {
     return [e._v("HH:MM:SS")];
   }, proxy: !0 }], null, !1, 3442289499) }) : e._e()], 1)], 1)], 2), e.hasSlot("actions") ? n("div", [e._t("actions")], 2) : e._e()]), n("div", { staticClass: "b-date-range-picker-calendar__calendars-container" }, [n("calendar", { attrs: { value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "is-range": "" }, on: { input: e.onDateInput, "start-date-selected": e.onStartDateSelected, "end-date-selected": e.onEndDateSelected } })], 1)]);
-}, qe = [], Le = /* @__PURE__ */ ue(
+}, $e = [], Be = /* @__PURE__ */ ce(
+  xe,
+  Ne,
   $e,
-  Ye,
-  qe,
   !1,
   null,
-  "2a027317",
+  "4a3a04fb",
   null,
   null
 );
-const C = Le.exports;
-var P = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(P || {});
-const Ve = ({
+const C = Be.exports;
+var O = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(O || {});
+const Ye = ({
   datePickerValue: t,
   isDateIncorrect: e
 }) => {
-  var v, l, T, u, f;
-  const { locale: n, t: o } = W(), y = { de: z, enUS: I, fr: J }, g = (D, p) => M(D, p, {
-    locale: y[n.value.substring(0, 2)] || I
-  }), c = (D) => M(D, R.HOUR_MINUTE_SECONDS, {
-    locale: y[n.value.substring(0, 2)] || I
+  var v, l, R, u, f;
+  const { locale: n, t: o } = W(), b = { de: z, enUS: I, fr: J }, g = (D, p) => F(D, p, {
+    locale: b[n.value.substring(0, 2)] || I
+  }), c = (D) => F(D, T.HOUR_MINUTE_SECONDS, {
+    locale: b[n.value.substring(0, 2)] || I
   }), m = H({
-    startDate: (v = t.value) != null && v.startDate ? g(t.value.startDate, R.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    endDate: (l = t.value) != null && l.endDate ? g(t.value.endDate, R.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    startDate: (v = t.value) != null && v.startDate ? g(t.value.startDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
+    endDate: (l = t.value) != null && l.endDate ? g(t.value.endDate, T.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
-    startTime: (T = t.value) != null && T.startDate ? c((u = t.value) == null ? void 0 : u.startDate) : void 0,
+    startTime: (R = t.value) != null && R.startDate ? c((u = t.value) == null ? void 0 : u.startDate) : void 0,
     endTime: (f = t.value) != null && f.endDate ? c(t.value.endDate) : void 0
   });
   return {
     // Values
-    dateDisplayValue: O(() => {
+    dateDisplayValue: M(() => {
       if (e.value)
         return `${m.startDate || ""} - ${m.endDate || ""}`;
       if (!t.value || !t.value.startDate && !t.value.endDate)
         return o("selectDateRange");
       const { startDate: D, endDate: p } = m;
-      return `${g(new Date(D), R.FULL_DATE_MONTH_FIRST)} - ${g(
+      return `${g(new Date(D), T.FULL_DATE_MONTH_FIRST)} - ${g(
         new Date(p),
-        R.FULL_DATE_MONTH_FIRST
+        T.FULL_DATE_MONTH_FIRST
       )}`;
     }),
     textInputDisplayValue: m,
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, He = {
+}, qe = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     optional: "optional",
@@ -334,17 +332,17 @@ const Ve = ({
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, We = le({
-  i18n: { messages: He },
+}, Le = le({
+  i18n: { messages: qe },
   name: "bento-date-range-picker",
   components: {
     BentoTypography: de,
-    BentoPopover: Ie,
+    BentoPopover: Te,
     DateRangePickerCalendar: C,
     DropdownInputDefault: Re,
-    ErrorMessage: Oe
+    ErrorMessage: Se
   },
-  directives: { BentoClickOutsideDirective: Me },
+  directives: { BentoClickOutsideDirective: Ce },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -410,28 +408,28 @@ const Ve = ({
      */
     value: C.props.value
   },
-  emits: [P.INPUT],
+  emits: [O.INPUT],
   setup(t, { emit: e }) {
-    const { locale: n, t: o } = W(), y = { de: z, enUS: I, fr: J }, g = B("bento-date-range-picker-container"), c = B("bento-date-range-picker-label"), m = B("bento-date-range-picker-description"), F = B("bento-date-range-picker-error"), h = B("bento-date-range-picker-date-error"), v = O(
+    const { locale: n, t: o } = W(), b = { de: z, enUS: I, fr: J }, g = N("bento-date-range-picker-container"), c = N("bento-date-range-picker-label"), m = N("bento-date-range-picker-description"), P = N("bento-date-range-picker-error"), w = N("bento-date-range-picker-date-error"), v = M(
       () => t.label || o("dateRangePicker", { name: g })
-    ), l = b(!1), T = b(null), u = b(!1), { isReadOnly: f } = Ee(re(t, "readonly"));
-    Te(
+    ), l = y(!1), R = y(null), u = y(!1), { isReadOnly: f } = be(re(t, "readonly"));
+    ve(
       () => t.disabled,
       () => {
         t.disabled && u.value && (u.value = !1);
       }
     );
-    const D = O(() => ({
+    const D = M(() => ({
       "b-date-range-picker__description--error": !!t.errorMessage || l.value
-    })), { dateDisplayValue: p, textInputDisplayValue: r, formatTextInputDisplayValue: Y } = Ve({
+    })), { dateDisplayValue: p, textInputDisplayValue: r, formatTextInputDisplayValue: Y } = Ye({
       datePickerValue: re(t, "value"),
       isDateIncorrect: l
-    }), w = O(
-      () => `${t.description ? m : ""} ${t.errorMessage ? F : ""} ${l.value ? h : ""}`.trim() || null
+    }), U = M(
+      () => `${t.description ? m : ""} ${t.errorMessage ? P : ""} ${l.value ? w : ""}`.trim() || null
     );
     return {
       // Refs
-      inputContainerRef: T,
+      inputContainerRef: R,
       // Values,
       dateDisplayValue: p,
       datePickerContainerId: g,
@@ -441,31 +439,27 @@ const Ve = ({
       isReadOnly: f,
       labelId: c,
       descriptionId: m,
-      dateErrorId: h,
-      errorId: F,
+      dateErrorId: w,
+      errorId: P,
       popoverAriaLabel: v,
-      ariaDescribedBy: w,
+      ariaDescribedBy: U,
       textInputDisplayValue: r,
-      // Enums
-      BentoTypographyElement: ce,
-      BentoTypographyVariant: be,
-      BentoPopoverPositions: ye,
       // Events
       closeDateRangePicker: () => {
         u.value = !1;
       },
       clearDateRangePickerValue: async () => {
-        l.value && (l.value = !1), e(P.INPUT, null);
+        l.value && (l.value = !1), e(O.INPUT, null);
       },
       openDateRangePicker: () => {
         u.value = !0, Y();
       },
       onRangeSelectorInput: (d) => {
         if (d) {
-          const k = (N) => M(N, R.NUMERIC_DATE_YEAR_FIRST, {
-            locale: y[n.value.substring(0, 2)] || I
+          const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
+            locale: b[n.value.substring(0, 2)] || I
           });
-          r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(P.INPUT, d);
+          r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(O.INPUT, d);
         }
       },
       onEnterPressedOverInput: () => {
@@ -473,13 +467,13 @@ const Ve = ({
       },
       onDateRangePickerInput: (d) => {
         l.value = !1;
-        const k = (N) => M(N, R.NUMERIC_DATE_YEAR_FIRST, {
-          locale: y[n.value.substring(0, 2)] || I
+        const k = (x) => F(x, T.NUMERIC_DATE_YEAR_FIRST, {
+          locale: b[n.value.substring(0, 2)] || I
         });
-        r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(P.INPUT, d);
+        r.startDate = k(d.startDate), r.endDate = k(d.endDate), e(O.INPUT, d);
       },
       onDateRangePickerError: (d) => {
-        l.value = !0, r.startDate = d.startDate, r.endDate = d.endDate, e(P.INPUT, { startDate: null, endDate: null });
+        l.value = !0, r.startDate = d.startDate, r.endDate = d.endDate, e(O.INPUT, { startDate: null, endDate: null });
       },
       onDateRangePickerFormDateInputUpdate: (d) => {
         l.value = !1, d.startTime && (r.startTime = d.startTime), d.endTime && (r.endTime = d.endTime);
@@ -487,25 +481,25 @@ const Ve = ({
     };
   }
 });
-var Ke = function() {
+var Ve = function() {
   var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n("div", { staticClass: "b-date-range-picker__label", attrs: { id: e.labelId } }, [n("bento-typography", { attrs: { el: e.BentoTypographyElement.SPAN, stronger: "" } }, [e._v(e._s(e.label))]), e.optional ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(" (" + e._s(e.$t("optional")) + ") ")]) : e._e(), e.required ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(" (" + e._s(e.$t("required")) + ") ")]) : e._e()], 1) : e._e(), n("div", { on: { keydown: function(o) {
+  return e._self._setupProxy, n("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDateRangePicker, expression: "closeDateRangePicker" }], staticClass: "b-date-range-picker" }, [e.label ? n("div", { staticClass: "b-date-range-picker__label", attrs: { id: e.labelId } }, [n("bento-typography", { attrs: { el: "span", stronger: "" } }, [e._v(e._s(e.label))]), e.optional ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("optional")) + ") ")]) : e._e(), e.required ? n("bento-typography", { staticClass: "b-date-range-picker__label-requirement", attrs: { el: "span" } }, [e._v(" (" + e._s(e.$t("required")) + ") ")]) : e._e()], 1) : e._e(), n("div", { on: { keydown: function(o) {
     return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onEnterPressedOverInput.apply(null, arguments);
-  } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.$t("provideDateInAFormat").toString() } }) : e._e(), e.errorMessage ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: e.BentoTypographyElement.SPAN } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? n("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: e.BentoPopoverPositions.BOTTOM_START, "without-space": "", "fit-content": "" } }, [n("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "date-form-data": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
-}, Ge = [], je = /* @__PURE__ */ ue(
-  We,
-  Ke,
-  Ge,
+  } } }, [n("dropdown-input-default", { ref: "inputContainerRef", attrs: { ariaControls: e.datePickerContainerId, ariaExpanded: e.isDateRangePickerOpen, "aria-labelledby": e.label ? e.labelId : null, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "is-invalid": !!e.errorMessage || e.isDateIncorrect, open: e.isDateRangePickerOpen, "display-value": e.dateDisplayValue, readonly: e.isReadOnly }, on: { open: e.openDateRangePicker, clear: e.clearDateRangePickerValue, close: e.closeDateRangePicker } })], 1), e.isDateIncorrect ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.$t("provideDateInAFormat").toString() } }) : e._e(), e.errorMessage ? n("error-message", { staticClass: "b-date-range-picker__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.description ? n("bento-typography", { staticClass: "b-date-range-picker__description", class: e.descriptionConditionalClasses, attrs: { id: e.descriptionId, el: "span" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), e.inputContainerRef ? n("bento-popover", { staticClass: "b-date-range-picker__container", attrs: { id: e.datePickerContainerId, open: e.isDateRangePickerOpen, "target-element": e.inputContainerRef, "disable-focus-trap": !0, "aria-label": e.popoverAriaLabel, position: "bottom-start", "without-space": "", "fit-content": "" } }, [n("date-range-picker-calendar", { attrs: { "allow-time-input": e.allowTimeInput, "quick-select-ranges": e.quickSelectRanges, value: e.value, "first-day-of-week": e.firstDayOfWeek, "is-date-disabled": e.isDateDisabled, "max-range": e.maxRange, "number-of-months": e.numberOfMonths, "date-form-data": e.textInputDisplayValue }, on: { "custom-range": e.onRangeSelectorInput, input: e.onDateRangePickerInput, error: e.onDateRangePickerError, "form-date": e.onDateRangePickerFormDateInputUpdate } })], 1) : e._e()], 1);
+}, He = [], We = /* @__PURE__ */ ce(
+  Le,
+  Ve,
+  He,
   !1,
   null,
-  "62056f46",
+  "0efe8a9a",
   null,
   null
 );
-const mt = je.exports;
+const ut = We.exports;
 export {
-  mt as B,
+  ut as B,
   C as D,
-  P as a
+  O as a
 };
-//# sourceMappingURL=index.10aaf539.js.map
+//# sourceMappingURL=index.88ff49c2.js.map