@adyen/bento-vue2 1.0.0 → 1.1.1

package/dist/chunks/{index.fcf5a866.js → index.ec1c7120.js}

@@ -1,40 +1,40 @@
-import { defineComponent as le, reactive as H, ref as y, computed as O, onMounted as Te, watch as Re, toRef as Ie } from "vue";
-import { c as be } from "./dropdown-default-textbox.64b8861c.js";
-import { BentoPopover as ye, BentoPopoverPositions as ke } from "../popover.js";
+import { defineComponent as oe, reactive as L, ref as y, computed as O, onMounted as ge, watch as ve, toRef as Te } from "vue";
+import { BentoPopover as Re, BentoPopoverPositions as Ie } from "../popover.js";
 import { g as N } from "./unique-id.a2a2b458.js";
-import { u as W } from "./i18n.36074534.js";
-import { B as de, c as ce, a as Ee } from "./index.3aedb3dd.js";
-import { t as K, f as M } from "./index.c23be6e9.js";
+import { u as W } from "./i18n.155748d6.js";
+import { B as ie, a as le, b as be } from "./index.2066e16f.js";
+import { t as K, f as M } from "./index.875ba379.js";
 import { r as G, t as j, e as I, d as z, f as J } from "./index.f55fdc32.js";
-import { f as ne, v as Se, D as R } from "./date-input.9186a0bf.js";
-import { BentoInputField as Ce } from "../input-field.js";
-import { B as Pe } from "./dropdown.45f3fad6.js";
+import { f as ne, v as ye, D as R } from "./date-input.9186a0bf.js";
+import { BentoInputField as ke } from "../input-field.js";
+import { B as Ee } from "./dropdown.0c80d6c1.js";
 import { d as $ } from "./debounce.f8d92e44.js";
-import { h as Oe } from "./hasSlot.dceac207.js";
+import { u as Se } from "./use-has-slot.068222e6.js";
 import { e as V } from "./index.fdf12170.js";
-import { C as x } from "./calendar.1ed370f4.js";
-import { n as ue } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { E as Me } from "./error-message.05450d5d.js";
-import { B as he } from "./directive.0408e565.js";
-import "../assets/index28.css";
-function Fe(t, e) {
+import { C as x } from "./calendar.a32d5783.js";
+import { n as de } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { c as Ce } from "./dropdown-default-textbox.b7a68bb4.js";
+import { E as Pe } from "./error-message.fa27bee9.js";
+import { B as Oe } from "./directive.0408e565.js";
+import "../assets/index5.css";
+function Me(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setHours(o), n;
 }
-function we(t, e) {
+function he(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setMinutes(o), n;
 }
-function Ae(t, e) {
+function Fe(t, e) {
   G(2, arguments);
   var n = j(t), o = K(e);
   return n.setSeconds(o), n;
 }
 var l = /* @__PURE__ */ ((t) => (t.CUSTOM_RANGE = "custom-range", t.INPUT = "input", t.ERROR = "error", t.FORM_DATE = "form-date", t))(l || {});
-const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
-  const { selectionStart: e } = t.target, n = Ue.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
+const we = /[\d]/, Ae = /^\d{2}$/, Ue = /^\d{2}:\d{2}$/, Ne = (t) => {
+  const { selectionStart: e } = t.target, n = we.test(t.key) || t.key === "Backspace", o = [1, 2, 4, 5].includes(e) && t.key === ":";
   !n && !o && t.preventDefault();
 }, re = (t) => {
   if (!t)
@@ -43,8 +43,8 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\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}`), (Ne.test(e) || xe.test(e)) && (e += ":"), e;
-}, se = {
+  return [2, 5].includes(e.length) && o === ":" && (e = `${e.slice(0, e.length - 2)}0${n}`), (Ae.test(e) || Ue.test(e)) && (e += ":"), e;
+}, xe = {
   "en-US": {
     customRange: "Custom range",
     dateFrom: "Date from",
@@ -55,16 +55,15 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
     timeFrom: "Time from",
     timeTo: "Time to"
   }
-}, oe = 300, L = "customRange", $e = le({
-  i18n: { messages: se },
+}, se = 300, H = "customRange", Be = oe({
+  i18n: { messages: xe },
   name: "date-range-picker-calendar",
   components: {
-    BentoDropdown: Pe,
-    BentoInputField: Ce,
-    BentoTypography: de,
+    BentoDropdown: Ee,
+    BentoInputField: ke,
+    BentoTypography: ie,
     Calendar: x
   },
-  inheritAttrs: !1,
   props: {
     /**
      * Allows user to enter time values in the form
@@ -117,21 +116,21 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
   ],
   setup(t, { emit: e, slots: n }) {
     var te, ae;
-    const { locale: o, t: b } = W({ messages: se }), g = { de: z, enUS: I, fr: J }, u = H({
+    const { locale: o, t: b } = W(), g = { de: z, enUS: I, fr: J }, u = L({
       startDate: (te = t.value) == null ? void 0 : te.startDate,
       endDate: (ae = t.value) == null ? void 0 : ae.endDate
-    }), m = y(L), h = O(() => ({
+    }), m = y(H), h = O(() => ({
       "b-date-range-picker-calendar__form-input-wrapper": t.allowTimeInput
     })), F = O(() => t.quickSelectRanges ? [
-      { label: b("customRange"), value: L },
+      { label: b("customRange"), value: H },
       ...t.quickSelectRanges
     ] : []), v = () => {
-      t != null && t.quickSelectRanges && (m.value = L);
+      t != null && t.quickSelectRanges && (m.value = H);
     }, d = (a) => a ? M(a, R.NUMERIC_DATE_YEAR_FIRST, {
       locale: g[o.value.substring(0, 2)] || I
     }) : "", T = (a) => a ? M(a, R.HOUR_MINUTE_SECONDS, {
       locale: g[o.value.substring(0, 2)] || I
-    }) : "", D = y(!1), f = y(!1), p = y(!1), i = y(!1), s = H({
+    }) : "", D = y(!1), f = y(!1), p = y(!1), i = y(!1), s = L({
       startDate: t.dateFormData.startDate,
       endDate: t.dateFormData.endDate,
       startTime: t.dateFormData.startTime,
@@ -142,13 +141,13 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
       if (!r || !B(r))
         return a;
       let _ = new Date(a);
-      const [S, q, ve] = r.split(":");
-      return _ = Fe(_, parseInt(S, 10)), _ = we(_, parseInt(q, 10)), _ = Ae(_, parseInt(ve, 10)), _;
+      const [S, q, _e] = r.split(":");
+      return _ = Me(_, parseInt(S, 10)), _ = he(_, parseInt(q, 10)), _ = Fe(_, parseInt(_e, 10)), _;
     }, E = (a) => {
       const r = (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) && r(new Date(a));
     };
-    Te(() => {
+    ge(() => {
       t.dateFormData.startDate && !E(t.dateFormData.startDate) ? D.value = !0 : (D.value = !1, p.value = !1), t.dateFormData.endDate && !E(t.dateFormData.endDate) ? f.value = !0 : (f.value = !1, i.value = !1);
     });
     const Q = (a) => {
@@ -176,7 +175,7 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         D.value = !0, e(l.ERROR, { ...s });
-    }, oe), ee = (a) => {
+    }, se), ee = (a) => {
       v(), s.startDate = ne(a), Z(s.startDate);
     }, c = $((a) => {
       if (E(a)) {
@@ -193,11 +192,11 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         f.value = !0, e(l.ERROR, { ...s });
-    }, oe), k = (a) => {
+    }, se), k = (a) => {
       v(), s.endDate = ne(a), c(s.endDate);
     }, U = (a) => {
-      Se(a);
-    }, De = $((a) => {
+      ye(a);
+    }, ce = $((a) => {
       if (B(a)) {
         p.value = !1, u.startDate = w(u.startDate, a);
         const r = A("endDate");
@@ -212,7 +211,7 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         p.value = !0, e(l.ERROR, { ...s });
-    }), pe = $((a) => {
+    }), ue = $((a) => {
       if (B(a)) {
         i.value = !1, u.endDate = w(u.endDate, a);
         const r = A("startDate");
@@ -227,13 +226,13 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
         });
       } else
         i.value = !0, e(l.ERROR, { ...s });
-    }), me = (a) => {
-      v(), s.startTime = re(a), De(s.startTime);
+    }), De = (a) => {
+      v(), s.startTime = re(a), ce(s.startTime);
+    }, pe = (a) => {
+      v(), s.endTime = re(a), ue(s.endTime);
+    }, me = (a) => {
+      Ne(a);
     }, fe = (a) => {
-      v(), s.endTime = re(a), pe(s.endTime);
-    }, _e = (a) => {
-      Be(a);
-    }, ge = (a) => {
       var _, S;
       m.value = a;
       const r = (S = (_ = t.quickSelectRanges) == null ? void 0 : _.find(({ value: q }) => q === a)) == null ? void 0 : S.data;
@@ -250,25 +249,25 @@ const Ue = /[\d]/, Ne = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, Be = (t) => {
       quickSelectRangeDefaultItems: F,
       formInputWrapperConditionalClasses: h,
       // Enums
-      BentoTypographyElement: ce,
+      BentoTypographyElement: le,
       // Methods
-      hasSlot: Oe(n),
+      hasSlot: Se(n),
       t: b,
       // Events
-      onRangeSelectorInput: ge,
+      onRangeSelectorInput: fe,
       onDateInput: Y,
       onDateInputKeyDown: U,
       onEndDateInput: k,
       onEndDateSelected: X,
-      onEndTimeInput: fe,
+      onEndTimeInput: pe,
       onStartDateSelected: Q,
       onStartDateInput: ee,
-      onStartTimeInput: me,
-      onTimeInputKeyDown: _e
+      onStartTimeInput: De,
+      onTimeInputKeyDown: me
     };
   }
 });
-var Ye = function() {
+var $e = 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._v("YYYY-MM-DD")];
@@ -279,19 +278,19 @@ var Ye = function() {
   }, 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 = [], Ve = /* @__PURE__ */ ue(
+}, Ye = [], qe = /* @__PURE__ */ de(
+  Be,
   $e,
   Ye,
-  qe,
   !1,
   null,
-  "163a20a2",
+  "2a027317",
   null,
   null
 );
-const C = Ve.exports;
+const C = qe.exports;
 var P = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(P || {});
-const Le = ({
+const Ve = ({
   datePickerValue: t,
   isDateIncorrect: e
 }) => {
@@ -300,7 +299,7 @@ const Le = ({
     locale: b[n.value.substring(0, 2)] || I
   }), u = (p) => M(p, R.HOUR_MINUTE_SECONDS, {
     locale: b[n.value.substring(0, 2)] || I
-  }), m = H({
+  }), m = L({
     startDate: (v = t.value) != null && v.startDate ? g(t.value.startDate, R.NUMERIC_DATE_YEAR_FIRST) : void 0,
     endDate: (d = t.value) != null && d.endDate ? g(t.value.endDate, R.NUMERIC_DATE_YEAR_FIRST) : void 0,
     // Set time if the startDate/endDate are set
@@ -324,7 +323,7 @@ const Le = ({
     // Methods
     formatTextInputDisplayValue: () => ""
   };
-}, ie = {
+}, He = {
   "en-US": {
     dateRangePicker: "Date range picker {name}",
     optional: "optional",
@@ -334,18 +333,17 @@ const Le = ({
     selectDateRange: "Select a date range",
     selectedDateIsNotAvailable: "Selected date is not available"
   }
-}, He = le({
-  i18n: { messages: ie },
+}, Le = oe({
+  i18n: { messages: He },
   name: "bento-date-range-picker",
   components: {
-    BentoTypography: de,
-    BentoPopover: ye,
+    BentoTypography: ie,
+    BentoPopover: Re,
     DateRangePickerCalendar: C,
-    DropdownInputDefault: be,
-    ErrorMessage: Me
+    DropdownInputDefault: Ce,
+    ErrorMessage: Pe
   },
-  directives: { BentoClickOutsideDirective: he },
-  inheritAttrs: !1,
+  directives: { BentoClickOutsideDirective: Oe },
   props: {
     /**
      * Allows user to enter time values in the form
@@ -409,10 +407,10 @@ const Le = ({
   },
   emits: [P.INPUT],
   setup(t, { emit: e }) {
-    const { locale: n, t: o } = W({ messages: ie }), b = { de: z, enUS: I, fr: J }, g = N("bento-date-range-picker-container"), u = N("bento-date-range-picker-label"), m = N("bento-date-range-picker-description"), h = N("bento-date-range-picker-error"), F = N("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"), u = N("bento-date-range-picker-label"), m = N("bento-date-range-picker-description"), h = N("bento-date-range-picker-error"), F = N("bento-date-range-picker-date-error"), v = O(
       () => t.label || o("dateRangePicker", { name: g })
     ), d = y(!1), T = y(null), D = y(!1);
-    Re(
+    ve(
       () => t.disabled,
       () => {
         t.disabled && D.value && (D.value = !1);
@@ -420,8 +418,8 @@ const Le = ({
     );
     const f = O(() => ({
       "b-date-range-picker__description--error": !!t.errorMessage || d.value
-    })), { dateDisplayValue: p, textInputDisplayValue: i, formatTextInputDisplayValue: s } = Le({
-      datePickerValue: Ie(t, "value"),
+    })), { dateDisplayValue: p, textInputDisplayValue: i, formatTextInputDisplayValue: s } = Ve({
+      datePickerValue: Te(t, "value"),
       isDateIncorrect: d
     }), Y = O(
       () => `${t.description ? m : ""} ${t.errorMessage ? h : ""} ${d.value ? F : ""}`.trim() || null
@@ -443,9 +441,9 @@ const Le = ({
       ariaDescribedBy: Y,
       textInputDisplayValue: i,
       // Enums
-      BentoTypographyElement: ce,
-      BentoTypographyVariant: Ee,
-      BentoPopoverPositions: ke,
+      BentoTypographyElement: le,
+      BentoTypographyVariant: be,
+      BentoPopoverPositions: Ie,
       // Events
       closeDateRangePicker: () => {
         D.value = !1;
@@ -488,13 +486,13 @@ var We = function() {
   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 !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 }, 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);
-}, Ke = [], Ge = /* @__PURE__ */ ue(
-  He,
+}, Ke = [], Ge = /* @__PURE__ */ de(
+  Le,
   We,
   Ke,
   !1,
   null,
-  "e7c358c6",
+  "d74b3f5c",
   null,
   null
 );
@@ -504,4 +502,4 @@ export {
   C as D,
   P as a
 };
-//# sourceMappingURL=index.fcf5a866.js.map
+//# sourceMappingURL=index.ec1c7120.js.map

package/dist/chunks/index.ec1c7120.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ec1c7120.js","sources":["../../../../node_modules/date-fns/esm/setHours/index.js","../../../../node_modules/date-fns/esm/setMinutes/index.js","../../../../node_modules/date-fns/esm/setSeconds/index.js","../../src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types.ts","../../src/utils/ts/time-input.ts","../../src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue","../../src/components/date-range-picker/date-range-picker.types.ts","../../src/components/date-range-picker/composables/use-date-range-picker-calendar-text.ts","../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setHours\n * @category Hour Helpers\n * @summary Set the hours to the given date.\n *\n * @description\n * Set the hours to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} hours - the hours of the new date\n * @returns {Date} the new date with the hours set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 4 hours to 1 September 2014 11:30:00:\n * var result = setHours(new Date(2014, 8, 1, 11, 30), 4)\n * //=> Mon Sep 01 2014 04:30:00\n */\n\nexport default function setHours(dirtyDate, dirtyHours) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var hours = toInteger(dirtyHours);\n  date.setHours(hours);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setMinutes\n * @category Minute Helpers\n * @summary Set the minutes to the given date.\n *\n * @description\n * Set the minutes to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} minutes - the minutes of the new date\n * @returns {Date} the new date with the minutes set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 45 minutes to 1 September 2014 11:30:40:\n * const result = setMinutes(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:45:40\n */\n\nexport default function setMinutes(dirtyDate, dirtyMinutes) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var minutes = toInteger(dirtyMinutes);\n  date.setMinutes(minutes);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setSeconds\n * @category Second Helpers\n * @summary Set the seconds to the given date.\n *\n * @description\n * Set the seconds to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} seconds - the seconds of the new date\n * @returns {Date} the new date with the seconds set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 45 seconds to 1 September 2014 11:30:40:\n * const result = setSeconds(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:30:45\n */\n\nexport default function setSeconds(dirtyDate, dirtySeconds) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var seconds = toInteger(dirtySeconds);\n  date.setSeconds(seconds);\n  return date;\n}","export interface DateRangePickerCalendarFormData {\n    startDate: string;\n    endDate: string;\n    startTime?: string;\n    endTime?: string;\n}\n\nexport enum DateRangePickerCalendarEvent {\n    CUSTOM_RANGE = 'custom-range',\n    INPUT = 'input',\n    ERROR = 'error',\n    FORM_DATE = 'form-date',\n}\n\nexport type DateRangePickerCalendarRangeSelectorItems = Array<{\n    label: string;\n    value: string;\n    data: { startDate: Date; endDate: Date };\n}>;\n","const validDigitRegex = /[\\d]/;\n\nconst hourRegex = /^\\d{2}$/;\nconst minuteRegex = /^\\d{2}:\\d{2}$/;\n\nexport const validateTimeInput = (event: KeyboardEvent) => {\n    const { selectionStart } = event.target as HTMLInputElement;\n\n    const isValidKey = validDigitRegex.test(event.key) || event.key === 'Backspace';\n    const isValidColon = [1, 2, 4, 5].includes(selectionStart) && event.key === ':';\n\n    if (!isValidKey && !isValidColon) {\n        event.preventDefault();\n    }\n};\n\nexport const formatTimeInputValue = (value: string) => {\n    if (!value) {\n        return value;\n    }\n\n    let formattedValue = value;\n\n    // Format if the first value is bigger than 2, because it can't be bigger than 24 hours\n    if (formattedValue.length === 1 && parseInt(value, 10) > 2) {\n        return `0${formattedValue}:`;\n    }\n\n    const [secondToLastDigit, lastDigit] = formattedValue.slice(-2);\n    if ([2, 5].includes(formattedValue.length) && lastDigit === ':') {\n        formattedValue = `${formattedValue.slice(0, formattedValue.length - 2)}0${secondToLastDigit}`;\n    }\n\n    // Add `:` after hour/minute\n    if (hourRegex.test(formattedValue) || minuteRegex.test(formattedValue)) {\n        formattedValue += ':';\n    }\n    return formattedValue;\n};\n","<template>\n    <div class=\"b-date-range-picker-calendar\">\n        <!-- Form -->\n        <div class=\"b-date-range-picker-calendar__form-container\">\n            <div class=\"b-date-range-picker-calendar__form\">\n                <bento-dropdown\n                    v-if=\"quickSelectRanges\"\n                    :aria-label=\"t('customRange')\"\n                    :items=\"quickSelectRangeDefaultItems\"\n                    :value=\"selectedRangeSelectorValue\"\n                    @input=\"onRangeSelectorInput\"\n                />\n\n                <template v-if=\"hasSlot('title')\">\n                    <slot name=\"title\" />\n                </template>\n                <div>\n                    <bento-typography\n                        stronger\n                        :el=\"BentoTypographyElement.SPAN\"\n                        class=\"b-date-range-picker-calendar__label\"\n                    >\n                        From\n                    </bento-typography>\n                    <div :class=\"formInputWrapperConditionalClasses\">\n                        <bento-input-field\n                            :aria-label=\"$t('dateFrom')\"\n                            :value=\"dateTextInput.startDate\"\n                            :error=\"startDateError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onStartDateInput\"\n                            @keydown=\"onDateInputKeyDown\"\n                        >\n                            <template #description>YYYY-MM-DD</template>\n                        </bento-input-field>\n\n                        <bento-input-field\n                            v-if=\"allowTimeInput\"\n                            :aria-label=\"t('timeFrom')\"\n                            :value=\"dateTextInput.startTime\"\n                            :error=\"startTimeError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onStartTimeInput\"\n                            @keydown=\"onTimeInputKeyDown\"\n                        >\n                            <template #description>HH:MM:SS</template>\n                        </bento-input-field>\n                    </div>\n                </div>\n\n                <div>\n                    <bento-typography\n                        stronger\n                        :el=\"BentoTypographyElement.SPAN\"\n                        class=\"b-date-range-picker-calendar__label\"\n                    >\n                        To\n                    </bento-typography>\n                    <div :class=\"formInputWrapperConditionalClasses\">\n                        <bento-input-field\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            :aria-label=\"$t('dateTo')\"\n                            :value=\"dateTextInput.endDate\"\n                            :error=\"endDateError\"\n                            @input=\"onEndDateInput\"\n                            @keydown=\"onDateInputKeyDown\"\n                        >\n                            <template #description>YYYY-MM-DD</template>\n                        </bento-input-field>\n\n                        <bento-input-field\n                            v-if=\"allowTimeInput\"\n                            :aria-label=\"t('timeTo')\"\n                            :value=\"dateTextInput.endTime\"\n                            :error=\"endTimeError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onEndTimeInput\"\n                            @keydown=\"onTimeInputKeyDown\"\n                        >\n                            <template #description>HH:MM:SS</template>\n                        </bento-input-field>\n                    </div>\n                </div>\n            </div>\n\n            <div v-if=\"hasSlot('actions')\">\n                <slot name=\"actions\" />\n            </div>\n        </div>\n\n        <!-- Calendar -->\n        <div class=\"b-date-range-picker-calendar__calendars-container\">\n            <calendar\n                :value=\"value\"\n                :first-day-of-week=\"firstDayOfWeek\"\n                :is-date-disabled=\"isDateDisabled\"\n                :max-range=\"maxRange\"\n                :number-of-months=\"numberOfMonths\"\n                is-range\n                @input=\"onDateInput\"\n                @start-date-selected=\"onStartDateSelected\"\n                @end-date-selected=\"onEndDateSelected\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, reactive, ref } from 'vue';\n    import { Calendar, CalendarRangeDateValue } from '@/internal';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { BentoInputField } from '@/components/input-field';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { debounce } from '@/utils/ts/debounce';\n    import { useHasSlot } from '@/composables';\n    import { formatDateInputValue, validateDateInput } from '@/utils/ts/date-input';\n    import {\n        DateRangePickerCalendarEvent,\n        DateRangePickerCalendarFormData,\n        DateRangePickerCalendarRangeSelectorItems,\n    } from './date-range-picker-calendar.types';\n    import { DateFormat } from '@/types';\n    import { formatTimeInputValue, validateTimeInput } from '@/utils/ts/time-input';\n    import setHours from 'date-fns/setHours';\n    import setMinutes from 'date-fns/setMinutes';\n    import setSeconds from 'date-fns/setSeconds';\n    import format from 'date-fns/format';\n    import endOfDay from 'date-fns/endOfDay';\n    import messages from './messages.json';\n\n    const FORM_INPUT_DEBOUNCE_TIME = 300;\n    const RANGE_SELECTOR_CUSTOM_RANGE_KEY = 'customRange';\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Calendar for range dates. Contains the logic to handle the range forms.\n     *\n     * @example\n     * import DatePickerCalendarRange from './date-range-picker-calendar.vue';\n     *\n     * export default {\n     *     components: { DatePickerCalendarRange },\n     *     template: `\n     *          <date-range-picker-calendar\n     *              :value=\"{startDate: new Date(), endDate: new Date() }\"\n     *              :first-day-of-week=\"BentoDatePickerFirstDayOfWeek.MONDAY\"\n     *              :is-date-disabled=\"(date: Date) => boolean\"\n     *              :number-of-months=\"2\"\n     *              @input=\"({ startDate, endDate }) => void\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'date-range-picker-calendar',\n        components: {\n            BentoDropdown,\n            BentoInputField,\n            BentoTypography,\n            Calendar,\n        },\n        props: {\n            /**\n             * Allows user to enter time values in the form\n             */\n            allowTimeInput: { type: Boolean, default: false },\n\n            /**\n             * Ranges form persistance data\n             */\n            dateFormData: {\n                type: Object as PropType<DateRangePickerCalendarFormData>,\n                default: () => ({ startDate: undefined, endDate: undefined, startTime: undefined, endTime: undefined }),\n            },\n\n            /**\n             * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: Calendar.props.firstDayOfWeek,\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: Calendar.props.isDateDisabled,\n\n            /**\n             * Set a maximum number of dates to be selectable by the range.\n             */\n            maxRange: Calendar.props.maxRange,\n\n            /**\n             * Number of months rendered on pane\n             */\n            numberOfMonths: Calendar.props.numberOfMonths,\n\n            /**\n             * Enables the custom range selector.\n             * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:\n             * `label` - label of custom range item.\n             * `value` - a unique key of the custom range item.\n             * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.\n             */\n            quickSelectRanges: {\n                type: Array as PropType<DateRangePickerCalendarRangeSelectorItems>,\n                default: undefined,\n            },\n\n            /**\n             * Selected date\n             */\n            value: { type: Object as PropType<CalendarRangeDateValue>, default: undefined },\n        },\n        emits: [\n            DateRangePickerCalendarEvent.CUSTOM_RANGE,\n            DateRangePickerCalendarEvent.INPUT,\n            DateRangePickerCalendarEvent.ERROR,\n            DateRangePickerCalendarEvent.FORM_DATE,\n        ],\n        setup(props, { emit, slots }) {\n            const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n            const locales = { de, enUS, fr };\n            const internalRangeDate = reactive({\n                startDate: (props.value as CalendarRangeDateValue)?.startDate,\n                endDate: (props.value as CalendarRangeDateValue)?.endDate,\n            });\n            const selectedRangeSelectorValue = ref(RANGE_SELECTOR_CUSTOM_RANGE_KEY);\n            const formInputWrapperConditionalClasses = computed(() => ({\n                'b-date-range-picker-calendar__form-input-wrapper': props.allowTimeInput,\n            }));\n            const quickSelectRangeDefaultItems = computed(() => {\n                if (props.quickSelectRanges) {\n                    return [\n                        { label: t('customRange'), value: RANGE_SELECTOR_CUSTOM_RANGE_KEY },\n                        ...props.quickSelectRanges,\n                    ];\n                }\n                return [];\n            });\n\n            /**\n             * When selecting a custom range, set the range selecter if it is enabled.\n             */\n            const resetCustomRangeToDefault = () => {\n                if (props?.quickSelectRanges) {\n                    selectedRangeSelectorValue.value = RANGE_SELECTOR_CUSTOM_RANGE_KEY;\n                }\n            };\n\n            /**\n             * Format date to a string value in format yyyy-MM-dd\n             * @param {Date} dateToFormat Date to be formatted\n             */\n            const formatDate = (dateToFormat?: Date) => {\n                if (!dateToFormat) {\n                    return '';\n                }\n                return format(dateToFormat, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                    locale: locales[locale.value.substring(0, 2)] || enUS,\n                });\n            };\n\n            const formatTime = (dateToFormat?: Date) => {\n                if (!dateToFormat) {\n                    return '';\n                }\n\n                return format(dateToFormat, DateFormat.HOUR_MINUTE_SECONDS, {\n                    locale: locales[locale.value.substring(0, 2)] || enUS,\n                });\n            };\n\n            // Form error flags\n            const startDateError = ref(false);\n            const endDateError = ref(false);\n            const startTimeError = ref(false);\n            const endTimeError = ref(false);\n\n            // Form input text used in range variant\n            const dateTextInput = reactive({\n                startDate: props.dateFormData.startDate,\n                endDate: props.dateFormData.endDate,\n                startTime: props.dateFormData.startTime,\n                endTime: props.dateFormData.endTime,\n            });\n\n            const onDateInput = (selectedDate: Date) => {\n                emit(DateRangePickerCalendarEvent.INPUT, selectedDate);\n            };\n\n            // Validate time\n            const isValidTime = (timeText: string) => {\n                // HH:MM:SS regex\n                const timeRegex = /^(?:[01]\\d|2[01234]):(?:[012345]\\d):(?:[012345]\\d)$/;\n                return timeRegex.test(timeText);\n            };\n\n            const setTimeInDate = (date: Date, time: string) => {\n                if (!time || !isValidTime(time)) {\n                    return date;\n                }\n\n                let dateWithTime = new Date(date);\n\n                const [hours, minutes, seconds] = time.split(':');\n                dateWithTime = setHours(dateWithTime, parseInt(hours, 10));\n                dateWithTime = setMinutes(dateWithTime, parseInt(minutes, 10));\n                dateWithTime = setSeconds(dateWithTime, parseInt(seconds, 10));\n                return dateWithTime;\n            };\n\n            const isValidDate = (dateText: string) => {\n                // Is date selectable\n                const isDateEnabled = (date: Date) => {\n                    // Check if function is set, otherwise all dates are enabled\n                    if (props.isDateDisabled) {\n                        return !props.isDateDisabled(date);\n                    }\n\n                    return true;\n                };\n\n                // YYYY-MM-DD regex\n                const dateRegex = /^\\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/;\n                // Date matches text regex\n                return dateRegex.test(dateText) && isDateEnabled(new Date(dateText));\n            };\n\n            /**\n             * When mounted, set the input error states to true if the values are not valid\n             */\n            onMounted(() => {\n                if (props.dateFormData.startDate && !isValidDate(props.dateFormData.startDate)) {\n                    startDateError.value = true;\n                } else {\n                    startDateError.value = false;\n                    startTimeError.value = false;\n                }\n\n                if (props.dateFormData.endDate && !isValidDate(props.dateFormData.endDate)) {\n                    endDateError.value = true;\n                } else {\n                    endDateError.value = false;\n                    endTimeError.value = false;\n                }\n            });\n\n            const onStartDateSelected = (newStartDate: Date) => {\n                resetCustomRangeToDefault();\n                dateTextInput.startDate = formatDate(newStartDate);\n                if (!dateTextInput.startTime) {\n                    // Set the time to the beginning of the day\n                    dateTextInput.startTime = formatTime(newStartDate);\n                } else if (startTimeError.value) {\n                    // Set the form time if it was previously set\n                    dateTextInput.startTime = props.dateFormData?.startTime;\n                }\n\n                // Reset errors\n                startDateError.value = false;\n                startTimeError.value = false;\n            };\n\n            const onEndDateSelected = (newEndDate: Date) => {\n                dateTextInput.endDate = formatDate(newEndDate);\n                if (!dateTextInput.endTime) {\n                    // Set the time to the end of the day\n                    dateTextInput.endTime = formatTime(endOfDay(newEndDate));\n                } else if (endTimeError.value) {\n                    // Set the form time if it was previously set\n                    dateTextInput.endTime = props.dateFormData?.endTime;\n                }\n\n                // Reset errors\n                endDateError.value = false;\n                endTimeError.value = false;\n            };\n\n            const getDate = (keyName: keyof CalendarRangeDateValue) => {\n                const dateProp = (props.value as CalendarRangeDateValue)[keyName];\n                if (dateProp) {\n                    return dateProp;\n                }\n\n                if (props.dateFormData[keyName] && isValidDate(props.dateFormData[keyName])) {\n                    return new Date(props.dateFormData[keyName]);\n                }\n\n                return undefined;\n            };\n\n            const validateStartDate = debounce((startDateText: string) => {\n                // Checks for YYYY-MM-DD format\n                if (isValidDate(startDateText)) {\n                    startDateError.value = false;\n                    // Format date string to Date object\n                    internalRangeDate.startDate = setTimeInDate(new Date(startDateText), dateTextInput.startTime);\n\n                    const endDate = getDate('endDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate: new Date(startDateText),\n                        endDate,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate: new Date(startDateText),\n                        endDate,\n                    });\n                } else {\n                    // Indicate form error\n                    startDateError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            }, FORM_INPUT_DEBOUNCE_TIME);\n\n            const onStartDateInput = (startDateText: string) => {\n                resetCustomRangeToDefault();\n                // Set the date as string when input through the form\n                dateTextInput.startDate = formatDateInputValue(startDateText);\n                validateStartDate(dateTextInput.startDate);\n            };\n\n            const validateEndDate = debounce((endDateText: string) => {\n                // Checks for YYYY-MM-DD format\n                if (isValidDate(endDateText)) {\n                    endDateError.value = false;\n                    internalRangeDate.endDate = setTimeInDate(new Date(endDateText), dateTextInput.endTime);\n\n                    const startDate = getDate('startDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                        startTime: props.dateFormData.endTime,\n                        endTime: endDateText,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                    });\n                } else {\n                    // Indicate form error\n                    endDateError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            }, FORM_INPUT_DEBOUNCE_TIME);\n\n            const onEndDateInput = (endDateText: string) => {\n                resetCustomRangeToDefault();\n                // Set the date as string when input through the form\n                dateTextInput.endDate = formatDateInputValue(endDateText);\n                validateEndDate(dateTextInput.endDate);\n            };\n\n            const onDateInputKeyDown = (event: KeyboardEvent) => {\n                validateDateInput(event);\n            };\n\n            const validateStartTime = debounce((startTimeText: string) => {\n                if (isValidTime(startTimeText)) {\n                    startTimeError.value = false;\n                    internalRangeDate.startDate = setTimeInDate(internalRangeDate.startDate, startTimeText);\n\n                    const endDate = getDate('endDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate: new Date(internalRangeDate.startDate),\n                        endDate,\n                        startTime: startTimeText,\n                        endTime: props.dateFormData.endTime,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate: new Date(internalRangeDate.startDate),\n                        endDate,\n                    });\n                } else {\n                    // Indicate form error\n                    startTimeError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            });\n\n            const validateEndTime = debounce((endTimeText: string) => {\n                if (isValidTime(endTimeText)) {\n                    endTimeError.value = false;\n                    internalRangeDate.endDate = setTimeInDate(internalRangeDate.endDate, endTimeText);\n\n                    const startDate = getDate('startDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                        startTime: props.dateFormData.startTime,\n                        endTime: endTimeText,\n                    });\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                    });\n                } else {\n                    // Indicate form error\n                    endTimeError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            });\n\n            const onStartTimeInput = (startTimeText: string) => {\n                resetCustomRangeToDefault();\n                dateTextInput.startTime = formatTimeInputValue(startTimeText);\n                validateStartTime(dateTextInput.startTime);\n            };\n\n            const onEndTimeInput = (endDateText: string) => {\n                resetCustomRangeToDefault();\n                dateTextInput.endTime = formatTimeInputValue(endDateText);\n                validateEndTime(dateTextInput.endTime);\n            };\n\n            const onTimeInputKeyDown = (event: KeyboardEvent) => {\n                validateTimeInput(event);\n            };\n\n            const onRangeSelectorInput = (newCustomRangeValue: string) => {\n                selectedRangeSelectorValue.value = newCustomRangeValue;\n                const foundResult = props.quickSelectRanges?.find(({ value }) => value === newCustomRangeValue)?.data;\n                if (foundResult) {\n                    dateTextInput.startDate = formatDate(foundResult.startDate);\n                    dateTextInput.endDate = formatDate(foundResult.endDate);\n                    if (!dateTextInput.startTime) {\n                        dateTextInput.startTime = formatTime(endOfDay(foundResult.startDate));\n                    }\n                    if (!dateTextInput.endTime) {\n                        dateTextInput.endTime = formatTime(endOfDay(foundResult.endDate));\n                    }\n                    emit(DateRangePickerCalendarEvent.CUSTOM_RANGE, foundResult);\n                }\n            };\n\n            return {\n                // Values\n                dateTextInput,\n                endDateError,\n                endTimeError,\n                selectedRangeSelectorValue,\n                startDateError,\n                startTimeError,\n                quickSelectRangeDefaultItems,\n                formInputWrapperConditionalClasses,\n\n                // Enums\n                BentoTypographyElement,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n                t,\n\n                // Events\n                onRangeSelectorInput,\n                onDateInput,\n                onDateInputKeyDown,\n                onEndDateInput,\n                onEndDateSelected,\n                onEndTimeInput,\n                onStartDateSelected,\n                onStartDateInput,\n                onStartTimeInput,\n                onTimeInputKeyDown,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-range-picker-calendar.scss\" />\n","export { CalendarFirstDayOfWeek as BentoDateRangePickerFirstDayOfWeek } from '@/internal';\nexport type {\n    CalendarIsDateDisabled as BentoDateRangePickerIsDateDisabled,\n    CalendarRangeDateValue as BentoDateRangePickerValue,\n} from '@/internal';\n\nexport enum BentoDateRangePickerEvent {\n    INPUT = 'input',\n}\n","import { computed, reactive } from 'vue';\nimport { de, enUS, fr } from 'date-fns/locale';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { UseDateDisplayText } from './use-date-range-picker-calendar-text.types';\nimport { DateFormat } from '@/types';\nimport { CalendarRangeDateValue } from '@/internal';\nimport { DateRangePickerCalendarFormData } from '../components/date-range-picker-calendar/date-range-picker-calendar.types';\nimport format from 'date-fns/format';\n\nexport const useDateRangePickerCalendarText: UseDateDisplayText<CalendarRangeDateValue> = ({\n    datePickerValue,\n    isDateIncorrect,\n}) => {\n    const { locale, t } = useI18n();\n    const locales = { de, enUS, fr };\n\n    const formatDate = (date: Date, dateFormat: DateFormat) =>\n        format(date, dateFormat, {\n            locale: locales[locale.value.substring(0, 2)] || enUS,\n        });\n\n    const formatTime = (date: Date) =>\n        format(date, DateFormat.HOUR_MINUTE_SECONDS, {\n            locale: locales[locale.value.substring(0, 2)] || enUS,\n        });\n\n    // Handle the form input text\n    const textInputDisplayValue = reactive<DateRangePickerCalendarFormData>({\n        startDate: datePickerValue.value?.startDate\n            ? formatDate(datePickerValue.value.startDate, DateFormat.NUMERIC_DATE_YEAR_FIRST)\n            : undefined,\n        endDate: datePickerValue.value?.endDate\n            ? formatDate(datePickerValue.value.endDate, DateFormat.NUMERIC_DATE_YEAR_FIRST)\n            : undefined,\n\n        // Set time if the startDate/endDate are set\n        startTime: datePickerValue.value?.startDate ? formatTime(datePickerValue.value?.startDate) : undefined,\n        endTime: datePickerValue.value?.endDate ? formatTime(datePickerValue.value.endDate) : undefined,\n    });\n\n    const dateDisplayValue = computed(() => {\n        // Display incorrect date when there's an error with the input\n        if (isDateIncorrect.value) {\n            return `${textInputDisplayValue.startDate || ''} - ${textInputDisplayValue.endDate || ''}`;\n        }\n\n        // Display \"Select a date\" when there's no date selected or input\n        if (!datePickerValue.value || (!datePickerValue.value.startDate && !datePickerValue.value.endDate)) {\n            return t('selectDateRange') as string;\n        }\n\n        const { startDate, endDate } = textInputDisplayValue;\n        return `${formatDate(new Date(startDate), DateFormat.FULL_DATE_MONTH_FIRST)} - ${formatDate(\n            new Date(endDate),\n            DateFormat.FULL_DATE_MONTH_FIRST\n        )}`;\n    });\n\n    const formatTextInputDisplayValue = () => '';\n\n    return {\n        // Values\n        dateDisplayValue,\n        textInputDisplayValue,\n\n        // Methods\n        formatTextInputDisplayValue,\n    };\n};\n","<!-- TODO: Remove aria props as these are part of JSX elements /vue/types/jsx.d.ts -->\n<!-- eslint-disable vue/attribute-hyphenation -->\n<template>\n    <div v-bento-click-outside-directive=\"closeDateRangePicker\" class=\"b-date-range-picker\">\n        <!-- Label -->\n        <div v-if=\"label\" :id=\"labelId\" class=\"b-date-range-picker__label\">\n            <bento-typography :el=\"BentoTypographyElement.SPAN\" stronger>{{ label }}</bento-typography>\n            <bento-typography\n                v-if=\"optional\"\n                class=\"b-date-range-picker__label-requirement\"\n                :el=\"BentoTypographyElement.SPAN\"\n            >\n                ({{ $t('optional') }})\n            </bento-typography>\n            <bento-typography\n                v-if=\"required\"\n                class=\"b-date-range-picker__label-requirement\"\n                :el=\"BentoTypographyElement.SPAN\"\n            >\n                ({{ $t('required') }})\n            </bento-typography>\n        </div>\n\n        <!-- Input -->\n        <div @keydown.enter=\"onEnterPressedOverInput\">\n            <dropdown-input-default\n                ref=\"inputContainerRef\"\n                :ariaControls=\"datePickerContainerId\"\n                :ariaExpanded=\"isDateRangePickerOpen\"\n                :aria-labelledby=\"label ? labelId : null\"\n                :aria-describedby=\"ariaDescribedBy\"\n                :disabled=\"disabled\"\n                :is-invalid=\"!!errorMessage || isDateIncorrect\"\n                :open=\"isDateRangePickerOpen\"\n                :display-value=\"dateDisplayValue\"\n                @open=\"openDateRangePicker\"\n                @clear=\"clearDateRangePickerValue\"\n                @close=\"closeDateRangePicker\"\n            />\n        </div>\n\n        <!-- Error Messages -->\n        <error-message\n            v-if=\"isDateIncorrect\"\n            :id=\"dateErrorId\"\n            :error-message=\"$t('provideDateInAFormat').toString()\"\n            class=\"b-date-range-picker__error-message\"\n        />\n        <error-message\n            v-if=\"!!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-date-range-picker__error-message\"\n        />\n\n        <!-- Description -->\n        <bento-typography\n            v-if=\"description\"\n            :id=\"descriptionId\"\n            class=\"b-date-range-picker__description\"\n            :class=\"descriptionConditionalClasses\"\n            :el=\"BentoTypographyElement.SPAN\"\n        >\n            {{ description }}\n        </bento-typography>\n\n        <!-- Calendar container -->\n        <bento-popover\n            v-if=\"inputContainerRef\"\n            :id=\"datePickerContainerId\"\n            class=\"b-date-range-picker__container\"\n            :open=\"isDateRangePickerOpen\"\n            :target-element=\"inputContainerRef\"\n            :disable-focus-trap=\"true\"\n            :aria-label=\"popoverAriaLabel\"\n            :position=\"BentoPopoverPositions.BOTTOM_START\"\n            without-space\n            fit-content\n        >\n            <date-range-picker-calendar\n                :allow-time-input=\"allowTimeInput\"\n                :quick-select-ranges=\"quickSelectRanges\"\n                :value=\"value\"\n                :first-day-of-week=\"firstDayOfWeek\"\n                :is-date-disabled=\"isDateDisabled\"\n                :max-range=\"maxRange\"\n                :number-of-months=\"numberOfMonths\"\n                :date-form-data=\"textInputDisplayValue\"\n                @custom-range=\"onRangeSelectorInput\"\n                @input=\"onDateRangePickerInput\"\n                @error=\"onDateRangePickerError\"\n                @form-date=\"onDateRangePickerFormDateInputUpdate\"\n            />\n        </bento-popover>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n    import { BentoClickOutsideDirective } from '@/directives';\n    import { BentoDateRangePickerEvent, BentoDateRangePickerValue } from './date-range-picker.types';\n    import { DateRangePickerCalendar } from './components/date-range-picker-calendar';\n    import { DropdownInputDefault } from '@/components/dropdown/components';\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { ErrorMessage } from '@/internal';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '../typography';\n    import { useDateRangePickerCalendarText } from './composables/use-date-range-picker-calendar-text';\n    import {\n        DateRangePickerCalendarFormData,\n        DateRangePickerCalendarRangeSelectorItems,\n    } from './components/date-range-picker-calendar/date-range-picker-calendar.types';\n    import { DateFormat } from '@/types';\n    import format from 'date-fns/format';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Date range picker selector.\n     *\n     * @example\n     * import { BentoDateRangePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDateRangePicker },\n     *     template: `\n     *          <bento-date-range-picker\n     *              label=\"Label\"\n     *              description=\"Supporting text\"\n     *              required\n     *              optional\n     *              disabled\n     *              @input=\"onDateChanged\"\n     *              v-model=\"selectedDate\"\n     *          />\n     *     `,\n     *      setup() {\n     *          const selectedDate = ref(new Date()); // reactive({ startDate: new Date(), endDate: new Date() })\n     *          return {\n     *              selectedDate,\n     *          }\n     *      }\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-date-range-picker',\n        components: {\n            BentoTypography,\n            BentoPopover,\n            DateRangePickerCalendar,\n            DropdownInputDefault,\n            ErrorMessage,\n        },\n        directives: { BentoClickOutsideDirective },\n        props: {\n            /**\n             * Allows user to enter time values in the form\n             */\n            allowTimeInput: { type: Boolean, default: false },\n\n            /**\n             * Descriptive supporting text visbile underneath the dropdown.\n             */\n            description: { type: String, default: undefined },\n\n            /**\n             * Disables dropdown functionality.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Displays component in an error state with an error message\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: DateRangePickerCalendar.props.firstDayOfWeek,\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: DateRangePickerCalendar.props.isDateDisabled,\n\n            /**\n             * Text that is displayed as a label above the element.\n             */\n            label: { type: String, default: undefined },\n\n            /**\n             * Highlights the dropdown is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Highlights the dropdown is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Enables the range selector.\n             * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:\n             * `label` - label of custom range item.\n             * `value` - a unique key of the custom range item.\n             * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.\n             */\n            quickSelectRanges: {\n                type: Array as PropType<DateRangePickerCalendarRangeSelectorItems>,\n                default: undefined,\n            },\n\n            /**\n             * Set a maximum number of dates to be selectable by the range.\n             */\n            maxRange: DateRangePickerCalendar.props.maxRange,\n\n            /**\n             * Number of months rendered on pane\n             */\n            numberOfMonths: DateRangePickerCalendar.props.numberOfMonths,\n\n            /**\n             * Selected date\n             */\n            value: DateRangePickerCalendar.props.value,\n        },\n        emits: [BentoDateRangePickerEvent.INPUT],\n        setup(props, { emit }) {\n            const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n            const locales = { de, enUS, fr };\n            const datePickerContainerId = generateUid('bento-date-range-picker-container');\n            const labelId = generateUid('bento-date-range-picker-label');\n            const descriptionId = generateUid('bento-date-range-picker-description');\n            const errorId = generateUid('bento-date-range-picker-error');\n            const dateErrorId = generateUid('bento-date-range-picker-date-error');\n            const popoverAriaLabel = computed(\n                () => props.label || t('dateRangePicker', { name: datePickerContainerId })\n            );\n\n            const isDateIncorrect = ref(false);\n            const inputContainerRef = ref(null);\n            const isDateRangePickerOpen = ref(false);\n\n            watch(\n                () => props.disabled,\n                () => {\n                    // Close date picker popover if it's opened when it's disabled\n                    if (props.disabled && isDateRangePickerOpen.value) {\n                        isDateRangePickerOpen.value = false;\n                    }\n                }\n            );\n\n            const descriptionConditionalClasses = computed(() => ({\n                'b-date-range-picker__description--error': !!props.errorMessage || isDateIncorrect.value,\n            }));\n\n            const { dateDisplayValue, textInputDisplayValue, formatTextInputDisplayValue } =\n                useDateRangePickerCalendarText({\n                    datePickerValue: toRef(props, 'value'),\n                    isDateIncorrect,\n                });\n\n            const ariaDescribedBy = computed(\n                () =>\n                    `${props.description ? descriptionId : ''} ${props.errorMessage ? errorId : ''} ${\n                        isDateIncorrect.value ? dateErrorId : ''\n                    }`.trim() || null\n            );\n\n            const closeDateRangePicker = () => {\n                isDateRangePickerOpen.value = false;\n            };\n\n            const openDateRangePicker = () => {\n                isDateRangePickerOpen.value = true;\n                formatTextInputDisplayValue();\n            };\n\n            const onDateRangePickerInput = (selectedRange: BentoDateRangePickerValue) => {\n                // Reset the errors when the date is correct\n                isDateIncorrect.value = false;\n\n                const formatDate = (date: Date) =>\n                    format(date, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                        locale: locales[locale.value.substring(0, 2)] || enUS,\n                    });\n\n                textInputDisplayValue.startDate = formatDate(selectedRange.startDate);\n                textInputDisplayValue.endDate = formatDate(selectedRange.endDate);\n                emit(BentoDateRangePickerEvent.INPUT, selectedRange);\n            };\n\n            const clearDateRangePickerValue = async () => {\n                if (isDateIncorrect.value) {\n                    isDateIncorrect.value = false;\n                }\n                emit(BentoDateRangePickerEvent.INPUT, null);\n            };\n\n            const onEnterPressedOverInput = () => {\n                // Close the date picker if the date is correct\n                if (!isDateIncorrect.value) {\n                    isDateRangePickerOpen.value = false;\n                }\n            };\n\n            const onDateRangePickerFormDateInputUpdate = (dateFormDate: DateRangePickerCalendarFormData) => {\n                isDateIncorrect.value = false;\n\n                if (dateFormDate.startTime) {\n                    textInputDisplayValue.startTime = dateFormDate.startTime;\n                }\n\n                if (dateFormDate.endTime) {\n                    textInputDisplayValue.endTime = dateFormDate.endTime;\n                }\n            };\n\n            const onDateRangePickerError = dateTextInput => {\n                isDateIncorrect.value = true;\n                textInputDisplayValue.startDate = dateTextInput.startDate;\n                textInputDisplayValue.endDate = dateTextInput.endDate;\n\n                // Remove current date range selection\n                emit(BentoDateRangePickerEvent.INPUT, { startDate: null, endDate: null });\n            };\n\n            const onRangeSelectorInput = (quickSelectRanges?: { startDate: Date; endDate: Date }) => {\n                if (quickSelectRanges) {\n                    const formatDate = (date: Date) =>\n                        format(date, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                            locale: locales[locale.value.substring(0, 2)] || enUS,\n                        });\n                    textInputDisplayValue.startDate = formatDate(quickSelectRanges.startDate);\n                    textInputDisplayValue.endDate = formatDate(quickSelectRanges.endDate);\n                    emit(BentoDateRangePickerEvent.INPUT, quickSelectRanges);\n                }\n            };\n\n            return {\n                // Refs\n                inputContainerRef,\n\n                // Values,\n                dateDisplayValue,\n                datePickerContainerId,\n                descriptionConditionalClasses,\n                isDateIncorrect,\n                isDateRangePickerOpen,\n                labelId,\n                descriptionId,\n                dateErrorId,\n                errorId,\n                popoverAriaLabel,\n                ariaDescribedBy,\n                textInputDisplayValue,\n\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                BentoPopoverPositions,\n\n                // Events\n                closeDateRangePicker,\n                clearDateRangePickerValue,\n                openDateRangePicker,\n                onRangeSelectorInput,\n                onEnterPressedOverInput,\n                onDateRangePickerInput,\n                onDateRangePickerError,\n                onDateRangePickerFormDateInputUpdate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-range-picker.scss\" />\n"],"names":["setHours","dirtyDate","dirtyHours","requiredArgs","date","toDate","hours","toInteger","setMinutes","dirtyMinutes","minutes","setSeconds","dirtySeconds","seconds","DateRangePickerCalendarEvent","DateRangePickerCalendarEvent2","validDigitRegex","hourRegex","minuteRegex","validateTimeInput","event","selectionStart","isValidKey","isValidColon","formatTimeInputValue","value","formattedValue","secondToLastDigit","lastDigit","FORM_INPUT_DEBOUNCE_TIME","RANGE_SELECTOR_CUSTOM_RANGE_KEY","_sfc_main$1","defineComponent","messages$1","BentoDropdown","BentoInputField","BentoTypography","Calendar","props","emit","slots","locale","t","useI18n","locales","de","enUS","fr","internalRangeDate","reactive","_a","_b","selectedRangeSelectorValue","ref","formInputWrapperConditionalClasses","computed","quickSelectRangeDefaultItems","resetCustomRangeToDefault","formatDate","dateToFormat","format","DateFormat","formatTime","startDateError","endDateError","startTimeError","endTimeError","dateTextInput","onDateInput","selectedDate","isValidTime","timeText","setTimeInDate","time","dateWithTime","isValidDate","dateText","isDateEnabled","onMounted","onStartDateSelected","newStartDate","onEndDateSelected","newEndDate","endOfDay","getDate","keyName","dateProp","validateStartDate","debounce","startDateText","endDate","onStartDateInput","formatDateInputValue","validateEndDate","endDateText","startDate","onEndDateInput","onDateInputKeyDown","validateDateInput","validateStartTime","startTimeText","validateEndTime","endTimeText","onStartTimeInput","onEndTimeInput","onTimeInputKeyDown","onRangeSelectorInput","newCustomRangeValue","foundResult","BentoTypographyElement","useHasSlot","BentoDateRangePickerEvent","BentoDateRangePickerEvent2","useDateRangePickerCalendarText","datePickerValue","isDateIncorrect","dateFormat","textInputDisplayValue","_c","_d","_e","_sfc_main","messages","BentoPopover","DateRangePickerCalendar","DropdownInputDefault","ErrorMessage","BentoClickOutsideDirective","datePickerContainerId","generateUid","labelId","descriptionId","errorId","dateErrorId","popoverAriaLabel","inputContainerRef","isDateRangePickerOpen","watch","descriptionConditionalClasses","dateDisplayValue","formatTextInputDisplayValue","toRef","ariaDescribedBy","BentoTypographyVariant","BentoPopoverPositions","quickSelectRanges","selectedRange","dateFormDate"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/chunks/{index.950568af.js → index.f55a6913.js}

@@ -1,18 +1,17 @@
 import { defineComponent as h, toRefs as v, ref as B, computed as g, watch as S } from "vue";
 import { C } from "./checkmark-small.5ca15f00.js";
-import { B as I, c as k, a as A } from "./index.3aedb3dd.js";
+import { B as I, a as k, b as A } from "./index.2066e16f.js";
 import { g as E } from "./unique-id.a2a2b458.js";
 import { u as T } from "./aria-label.ac9651a5.js";
-import { u as V } from "./use-default-slot-validator.83d977a1.js";
-import { h as u } from "./hasSlot.dceac207.js";
-import { g as F } from "./get-slot-text.e5c766d0.js";
-import { n as L } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import "../assets/index23.css";
-var d = /* @__PURE__ */ ((t) => (t.BEFORE = "before", t.AFTER = "after", t))(d || {}), p = /* @__PURE__ */ ((t) => (t.LABEL_FIRST = "label-first", t))(p || {});
-const R = h({
+import { u as V } from "./use-has-slot.068222e6.js";
+import { u as F } from "./use-default-slot-validator.83d977a1.js";
+import { g as L } from "./get-slot-text.e5c766d0.js";
+import { n as R } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import "../assets/index18.css";
+var d = /* @__PURE__ */ ((t) => (t.BEFORE = "before", t.AFTER = "after", t))(d || {}), u = /* @__PURE__ */ ((t) => (t.LABEL_FIRST = "label-first", t))(u || {});
+const x = h({
   name: "bento-toggle",
   components: { BentoTypography: I, CheckmarkSmall: C },
-  inheritAttrs: !1,
   props: {
     /**
      * Accessible name for the toggle. It is strongly recommended to pass such value when the toggle is used without a label
@@ -54,17 +53,17 @@ const R = h({
   },
   emits: ["input"],
   setup(t, { slots: e, emit: a }) {
-    const { ariaLabel: n } = v(t), l = B(t.value), r = E("toggle-description"), c = u(e)("default"), s = u(e)("description");
-    V("bento-toggle", c, s);
-    const o = g(() => e.default ? F(e)("default") : null), f = T({
-      ariaLabel: n,
-      label: o,
+    const n = V(e), { ariaLabel: l } = v(t), r = B(t.value), c = E("toggle-description"), s = n("default"), o = n("description");
+    F("bento-toggle", s, o);
+    const p = g(() => e.default ? L(e)("default") : null), _ = T({
+      ariaLabel: l,
+      label: p,
       defaultFallback: "toggle"
-    }), b = g(() => r ?? null), _ = g(() => ({
-      [`b-toggle--${p.LABEL_FIRST}`]: t.labelPosition === d.BEFORE,
+    }), f = g(() => c ?? null), m = g(() => ({
+      [`b-toggle--${u.LABEL_FIRST}`]: t.labelPosition === d.BEFORE,
       "b-toggle--disabled": t.disabled,
       "b-toggle--readonly": t.readonly
-    })), m = (i) => {
+    })), b = (i) => {
       a("input", i.target.checked);
     }, y = (i) => {
       t.readonly && i.preventDefault();
@@ -72,28 +71,28 @@ const R = h({
     return S(
       () => t.value,
       (i) => {
-        l.value = i;
+        r.value = i;
       }
     ), {
       // Refs
-      toggleInput: l,
+      toggleInput: r,
       // Types
       BentoTypographyElement: k,
       BentoTypographyVariant: A,
       // Values
-      computedAriaLabel: f,
-      computedDescription: b,
-      defaultSlotValue: c,
-      descriptionSlotValue: s,
-      conditionalClasses: _,
-      descriptionId: r,
+      computedAriaLabel: _,
+      computedDescription: f,
+      defaultSlotValue: s,
+      descriptionSlotValue: o,
+      conditionalClasses: m,
+      descriptionId: c,
       // Events
-      onChange: m,
+      onChange: b,
       onClick: y
     };
   }
 });
-var x = function() {
+var D = function() {
   var e = this, a = e._self._c;
   return e._self._setupProxy, a("label", { staticClass: "b-toggle", class: e.conditionalClasses, attrs: { "data-testid": "label" } }, [a("input", { directives: [{ name: "model", rawName: "v-model", value: e.toggleInput, expression: "toggleInput" }], staticClass: "b-toggle__input", attrs: { "aria-label": e.computedAriaLabel, "aria-describedby": e.computedDescription, disabled: e.disabled, "aria-readonly": e.readonly, role: "switch", type: "checkbox" }, domProps: { checked: Array.isArray(e.toggleInput) ? e._i(e.toggleInput, null) > -1 : e.toggleInput }, on: { change: [function(n) {
     var l = e.toggleInput, r = n.target, c = !!r.checked;
@@ -103,20 +102,20 @@ var x = function() {
     } else
       e.toggleInput = c;
   }, (n) => e.onChange(n)], click: e.onClick } }), a("span", { staticClass: "b-toggle__track", attrs: { "aria-hidden": "true" } }, [a("span", { staticClass: "b-toggle__handle" }, [e.toggleInput ? a("checkmark-small") : e._e()], 1)]), e.defaultSlotValue ? a("span", { staticClass: "b-toggle__label-container" }, [e.defaultSlotValue ? a("bento-typography", { attrs: { el: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.BODY, "data-testid": "inner-label" } }, [e._t("default")], 2) : e._e(), e.defaultSlotValue && e.descriptionSlotValue ? a("bento-typography", { staticClass: "b-toggle__description", attrs: { id: e.descriptionId, el: e.BentoTypographyElement.SPAN, variant: e.BentoTypographyVariant.BODY } }, [e._t("description")], 2) : e._e()], 1) : e._e()]);
-}, D = [], O = /* @__PURE__ */ L(
-  R,
+}, O = [], P = /* @__PURE__ */ R(
   x,
   D,
+  O,
   !1,
   null,
-  "bb3e7f2b",
+  "8960c3e6",
   null,
   null
 );
-const H = O.exports;
+const J = P.exports;
 export {
   d as A,
-  H as B,
-  p as a
+  J as B,
+  u as a
 };
-//# sourceMappingURL=index.950568af.js.map
+//# sourceMappingURL=index.f55a6913.js.map