@adyen/bento-vue3 1.7.1 → 1.8.0

package/dist/chunks/index.1f97d7e1.js

@@ -1,734 +0,0 @@
-import { defineComponent as Ee, reactive as te, ref as U, computed as K, onMounted as Ue, resolveComponent as w, openBlock as f, createElementBlock as Q, createElementVNode as P, createBlock as O, createCommentVNode as R, renderSlot as ve, createVNode as $, withCtx as k, createTextVNode as E, normalizeClass as ne, toRef as Ie, watch as $e, resolveDirective as Ne, withDirectives as Ae, toDisplayString as z, withKeys as Be } from "vue";
-import { B as qe } from "./directive.0408e565.js";
-import { c as Ke } from "./dropdown-default-textbox.6eb46615.js";
-import { BentoPopover as Ye } from "../popover.js";
-import { g as G } from "./unique-id.a2a2b458.js";
-import { u as re } from "./i18n.6c402773.js";
-import { B as Se } from "./index.32ef1db1.js";
-import { f as Re, v as Ve, D as M } from "./date-input.9186a0bf.js";
-import { t as oe, f as Y } from "./index.70ec4e97.js";
-import { r as X, t as j, e as C, d as se, f as ie } from "./index.f55fdc32.js";
-import { u as Le } from "./use-form-layout-loading.d03e5d48.js";
-import { BentoInputField as He } from "../input-field.js";
-import { B as We } from "./dropdown.2c65ead9.js";
-import { d as J } from "./debounce.b5ef6acf.js";
-import { u as Ge } from "./use-has-slot.4d98bf29.js";
-import { e as ee } from "./index.fdf12170.js";
-import { C as A } from "./calendar.c87d4445.js";
-import { _ as Oe } from "./_plugin-vue_export-helper.dad06003.js";
-import { E as je } from "./error-message.d66968dd.js";
-import "../assets/index13.css";
-function be(e, t) {
-  X(2, arguments);
-  var s = j(e), i = j(t);
-  return s.getTime() === i.getTime();
-}
-function ze(e, t) {
-  X(2, arguments);
-  var s = j(e), i = oe(t);
-  return s.setHours(i), s;
-}
-function Je(e, t) {
-  X(2, arguments);
-  var s = j(e), i = oe(t);
-  return s.setMinutes(i), s;
-}
-function Qe(e, t) {
-  X(2, arguments);
-  var s = j(e), i = oe(t);
-  return s.setSeconds(i), s;
-}
-var d = /* @__PURE__ */ ((e) => (e.CUSTOM_RANGE = "custom-range", e.INPUT = "input", e.ERROR = "error", e.FORM_DATE = "form-date", e))(d || {});
-const Xe = /[\d]/, Ze = /^\d{2}$/, xe = /^\d{2}:\d{2}$/, ea = (e) => {
-  const { selectionStart: t } = e.target, s = Xe.test(e.key) || e.key === "Backspace", i = [1, 2, 4, 5].includes(t) && e.key === ":";
-  !s && !i && e.preventDefault();
-}, Te = (e) => {
-  if (!e)
-    return e;
-  let t = e;
-  if (t.length === 1 && parseInt(e, 10) > 2)
-    return `0${t}:`;
-  const [s, i] = t.slice(-2);
-  return [2, 5].includes(t.length) && i === ":" && (t = `${t.slice(0, t.length - 2)}0${s}`), (Ze.test(t) || xe.test(t)) && (t += ":"), t;
-}, ye = {
-  "en-US": {
-    customRange: "Custom range",
-    dateFrom: "Date from",
-    dateTo: "Date to",
-    lastSevenDays: "Last 7 days",
-    lastMonth: "Last month",
-    lastThreeMonths: "Last three months",
-    timeFrom: "Time from",
-    timeTo: "Time to"
-  }
-}, ke = 300, ae = "customRange", aa = Ee({
-  i18n: { messages: ye },
-  name: "date-range-picker-calendar",
-  components: {
-    BentoDropdown: We,
-    BentoInputField: He,
-    BentoTypography: Se,
-    Calendar: A
-  },
-  props: {
-    /**
-     * Allows user to enter time values in the form
-     */
-    allowTimeInput: { type: Boolean, default: !1 },
-    /**
-     * Ranges form persistance data
-     */
-    dateFormData: {
-      type: Object,
-      default: () => ({ startDate: void 0, endDate: void 0, startTime: void 0, endTime: void 0 })
-    },
-    /**
-     * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     */
-    firstDayOfWeek: A.props.firstDayOfWeek,
-    /**
-     * Indicate if a date should be disabled or not
-     */
-    isDateDisabled: A.props.isDateDisabled,
-    /**
-     * Set a maximum number of dates to be selectable by the range.
-     */
-    maxRange: A.props.maxRange,
-    /**
-     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
-     */
-    min: A.props.min,
-    /**
-     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
-     */
-    max: A.props.max,
-    /**
-     * Number of months rendered on pane
-     */
-    numberOfMonths: A.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:
-     * `label` - label of custom range item.
-     * `value` - a unique key of the custom range item.
-     * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
-     */
-    quickSelectRanges: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Selected date
-     */
-    value: { type: Object, default: void 0 }
-  },
-  emits: [
-    d.CUSTOM_RANGE,
-    d.INPUT,
-    d.ERROR,
-    d.FORM_DATE
-  ],
-  setup(e, { emit: t, slots: s }) {
-    var me, pe, fe, ge;
-    const { locale: i, t: _ } = re({ messages: ye }), g = { de: se, enUS: C, fr: ie }, o = te({
-      startDate: (me = e.value) == null ? void 0 : me.startDate,
-      endDate: (pe = e.value) == null ? void 0 : pe.endDate
-    }), c = U(
-      ((ge = (fe = e == null ? void 0 : e.quickSelectRanges) == null ? void 0 : fe.find(
-        ({ data: a }) => be(a.startDate, o.startDate) && be(a.endDate, o.endDate)
-      )) == null ? void 0 : ge.value) ?? ae
-    ), p = K(() => ({
-      "b-date-range-picker-calendar__form-input-wrapper": e.allowTimeInput
-    })), S = K(() => e.quickSelectRanges ? [
-      { label: _("customRange"), value: ae },
-      ...e.quickSelectRanges
-    ] : []), v = () => {
-      e != null && e.quickSelectRanges && (c.value = ae);
-    }, l = (a) => a ? Y(a, M.NUMERIC_DATE_YEAR_FIRST, {
-      locale: g[i.value.substring(0, 2)] || C
-    }) : "", b = (a) => a ? Y(a, M.HOUR_MINUTE_SECONDS, {
-      locale: g[i.value.substring(0, 2)] || C
-    }) : "", D = U(!1), T = U(!1), m = U(!1), I = U(!1), n = te({
-      startDate: e.dateFormData.startDate,
-      endDate: e.dateFormData.endDate,
-      startTime: e.dateFormData.startTime,
-      endTime: e.dateFormData.endTime
-    }), Z = (a) => {
-      t(d.INPUT, a);
-    }, V = (a) => /^(?:[01]\d|2[01234]):(?:[012345]\d):(?:[012345]\d)$/.test(a), L = (a, r) => {
-      if (!r || !V(r))
-        return a;
-      let y = new Date(a);
-      const [h, x, Pe] = r.split(":");
-      return y = ze(y, parseInt(h, 10)), y = Je(y, parseInt(x, 10)), y = Qe(y, parseInt(Pe, 10)), y;
-    }, B = (a) => {
-      const r = (h) => e.min && h <= e.min || e.max && h >= e.max ? !1 : e.isDateDisabled ? !e.isDateDisabled(h) : !0;
-      return /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(a) && r(new Date(a));
-    };
-    Ue(() => {
-      e.dateFormData.startDate && !B(e.dateFormData.startDate) ? D.value = !0 : (D.value = !1, m.value = !1), e.dateFormData.endDate && !B(e.dateFormData.endDate) ? T.value = !0 : (T.value = !1, I.value = !1);
-    });
-    const le = (a) => {
-      var r;
-      v(), n.startDate = l(a), n.startTime ? m.value && (n.startTime = (r = e.dateFormData) == null ? void 0 : r.startTime) : n.startTime = b(a), D.value = !1, m.value = !1;
-    }, de = (a) => {
-      var r;
-      n.endDate = l(a), n.endTime ? I.value && (n.endTime = (r = e.dateFormData) == null ? void 0 : r.endTime) : n.endTime = b(ee(a)), T.value = !1, I.value = !1;
-    }, H = (a) => {
-      const r = e.value[a];
-      if (r)
-        return r;
-      if (e.dateFormData[a] && B(e.dateFormData[a]))
-        return new Date(e.dateFormData[a]);
-    }, ue = J((a) => {
-      if (B(a)) {
-        D.value = !1, o.startDate = L(new Date(a), n.startTime);
-        const r = H("endDate");
-        t(d.FORM_DATE, {
-          startDate: new Date(a),
-          endDate: r
-        }), t(d.INPUT, {
-          startDate: new Date(a),
-          endDate: r
-        });
-      } else
-        D.value = !0, t(d.ERROR, { ...n });
-    }, ke), ce = (a) => {
-      v(), n.startDate = Re(a), ue(n.startDate);
-    }, De = J((a) => {
-      if (B(a)) {
-        T.value = !1, o.endDate = L(new Date(a), n.endTime);
-        const r = H("startDate");
-        t(d.FORM_DATE, {
-          startDate: r,
-          endDate: new Date(o.endDate),
-          startTime: e.dateFormData.endTime,
-          endTime: a
-        }), t(d.INPUT, {
-          startDate: r,
-          endDate: new Date(o.endDate)
-        });
-      } else
-        T.value = !0, t(d.ERROR, { ...n });
-    }, ke), u = (a) => {
-      v(), n.endDate = Re(a), De(n.endDate);
-    }, N = (a) => {
-      Ve(a);
-    }, W = J((a) => {
-      if (V(a)) {
-        m.value = !1, o.startDate = L(o.startDate, a);
-        const r = H("endDate");
-        t(d.FORM_DATE, {
-          startDate: new Date(o.startDate),
-          endDate: r,
-          startTime: a,
-          endTime: e.dateFormData.endTime
-        }), t(d.INPUT, {
-          startDate: new Date(o.startDate),
-          endDate: r
-        });
-      } else
-        m.value = !0, t(d.ERROR, { ...n });
-    }), we = J((a) => {
-      if (V(a)) {
-        I.value = !1, o.endDate = L(o.endDate, a);
-        const r = H("startDate");
-        t(d.FORM_DATE, {
-          startDate: r,
-          endDate: new Date(o.endDate),
-          startTime: e.dateFormData.startTime,
-          endTime: a
-        }), t(d.INPUT, {
-          startDate: r,
-          endDate: new Date(o.endDate)
-        });
-      } else
-        I.value = !0, t(d.ERROR, { ...n });
-    }), Me = (a) => {
-      v(), n.startTime = Te(a), W(n.startTime);
-    }, Ce = (a) => {
-      v(), n.endTime = Te(a), we(n.endTime);
-    }, he = (a) => {
-      ea(a);
-    }, Fe = (a) => {
-      var y, h;
-      c.value = a;
-      const r = (h = (y = e.quickSelectRanges) == null ? void 0 : y.find(({ value: x }) => x === a)) == null ? void 0 : h.data;
-      r && (n.startDate = l(r.startDate), n.endDate = l(r.endDate), n.startTime || (n.startTime = b(ee(r.startDate))), n.endTime || (n.endTime = b(ee(r.endDate))), t(d.CUSTOM_RANGE, r));
-    };
-    return {
-      // Values
-      dateTextInput: n,
-      endDateError: T,
-      endTimeError: I,
-      selectedRangeSelectorValue: c,
-      startDateError: D,
-      startTimeError: m,
-      quickSelectRangeDefaultItems: S,
-      formInputWrapperConditionalClasses: p,
-      // Methods
-      hasSlot: Ge(s),
-      t: _,
-      // Events
-      onRangeSelectorInput: Fe,
-      onDateInput: Z,
-      onDateInputKeyDown: N,
-      onEndDateInput: u,
-      onEndDateSelected: de,
-      onEndTimeInput: Ce,
-      onStartDateSelected: le,
-      onStartDateInput: ce,
-      onStartTimeInput: Me,
-      onTimeInputKeyDown: he
-    };
-  }
-});
-const ta = { class: "b-date-range-picker-calendar" }, na = { class: "b-date-range-picker-calendar__form-container" }, ra = { class: "b-date-range-picker-calendar__form" }, oa = { key: 0 }, sa = { class: "b-date-range-picker-calendar__calendars-container" };
-function ia(e, t, s, i, _, g) {
-  const o = w("bento-dropdown"), c = w("bento-typography"), p = w("bento-input-field"), S = w("calendar");
-  return f(), Q("div", ta, [
-    P("div", na, [
-      P("div", ra, [
-        e.quickSelectRanges ? (f(), O(o, {
-          key: 0,
-          "aria-label": e.t("customRange"),
-          items: e.quickSelectRangeDefaultItems,
-          value: e.selectedRangeSelectorValue,
-          onInput: e.onRangeSelectorInput
-        }, null, 8, ["aria-label", "items", "value", "onInput"])) : R("", !0),
-        e.hasSlot("title") ? ve(e.$slots, "title", { key: 1 }, void 0, !0) : R("", !0),
-        P("div", null, [
-          $(c, {
-            stronger: "",
-            el: "span",
-            class: "b-date-range-picker-calendar__label"
-          }, {
-            default: k(() => [
-              E(" From ")
-            ]),
-            _: 1
-          }),
-          P("div", {
-            class: ne(e.formInputWrapperConditionalClasses)
-          }, [
-            $(p, {
-              "aria-label": e.$t("dateFrom"),
-              value: e.dateTextInput.startDate,
-              error: e.startDateError,
-              class: "b-date-range-picker-calendar__form-input",
-              onInput: e.onStartDateInput,
-              onKeydown: e.onDateInputKeyDown
-            }, {
-              description: k(() => [
-                E("YYYY-MM-DD")
-              ]),
-              _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (f(), O(p, {
-              key: 0,
-              "aria-label": e.t("timeFrom"),
-              value: e.dateTextInput.startTime,
-              error: e.startTimeError,
-              class: "b-date-range-picker-calendar__form-input",
-              onInput: e.onStartTimeInput,
-              onKeydown: e.onTimeInputKeyDown
-            }, {
-              description: k(() => [
-                E("HH:MM:SS")
-              ]),
-              _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : R("", !0)
-          ], 2)
-        ]),
-        P("div", null, [
-          $(c, {
-            stronger: "",
-            el: "span",
-            class: "b-date-range-picker-calendar__label"
-          }, {
-            default: k(() => [
-              E(" To ")
-            ]),
-            _: 1
-          }),
-          P("div", {
-            class: ne(e.formInputWrapperConditionalClasses)
-          }, [
-            $(p, {
-              class: "b-date-range-picker-calendar__form-input",
-              "aria-label": e.$t("dateTo"),
-              value: e.dateTextInput.endDate,
-              error: e.endDateError,
-              onInput: e.onEndDateInput,
-              onKeydown: e.onDateInputKeyDown
-            }, {
-              description: k(() => [
-                E("YYYY-MM-DD")
-              ]),
-              _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"]),
-            e.allowTimeInput ? (f(), O(p, {
-              key: 0,
-              "aria-label": e.t("timeTo"),
-              value: e.dateTextInput.endTime,
-              error: e.endTimeError,
-              class: "b-date-range-picker-calendar__form-input",
-              onInput: e.onEndTimeInput,
-              onKeydown: e.onTimeInputKeyDown
-            }, {
-              description: k(() => [
-                E("HH:MM:SS")
-              ]),
-              _: 1
-            }, 8, ["aria-label", "value", "error", "onInput", "onKeydown"])) : R("", !0)
-          ], 2)
-        ])
-      ]),
-      e.hasSlot("actions") ? (f(), Q("div", oa, [
-        ve(e.$slots, "actions", {}, void 0, !0)
-      ])) : R("", !0)
-    ]),
-    P("div", sa, [
-      $(S, {
-        value: e.value,
-        "first-day-of-week": e.firstDayOfWeek,
-        "is-date-disabled": e.isDateDisabled,
-        "max-range": e.maxRange,
-        min: e.min,
-        max: e.max,
-        "number-of-months": e.numberOfMonths,
-        "is-range": "",
-        onInput: e.onDateInput,
-        onStartDateSelected: e.onStartDateSelected,
-        onEndDateSelected: e.onEndDateSelected
-      }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "onInput", "onStartDateSelected", "onEndDateSelected"])
-    ])
-  ]);
-}
-const F = /* @__PURE__ */ Oe(aa, [["render", ia], ["__scopeId", "data-v-d7878360"]]);
-var q = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(q || {});
-const la = ({
-  datePickerValue: e,
-  isDateIncorrect: t
-}) => {
-  var v, l, b, D, T;
-  const { locale: s, t: i } = re(), _ = { de: se, enUS: C, fr: ie }, g = (m, I) => Y(m, I, {
-    locale: _[s.value.substring(0, 2)] || C
-  }), o = (m) => Y(m, M.HOUR_MINUTE_SECONDS, {
-    locale: _[s.value.substring(0, 2)] || C
-  }), c = te({
-    startDate: (v = e.value) != null && v.startDate ? g(e.value.startDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    endDate: (l = e.value) != null && l.endDate ? g(e.value.endDate, M.NUMERIC_DATE_YEAR_FIRST) : void 0,
-    // Set time if the startDate/endDate are set
-    startTime: (b = e.value) != null && b.startDate ? o((D = e.value) == null ? void 0 : D.startDate) : void 0,
-    endTime: (T = e.value) != null && T.endDate ? o(e.value.endDate) : void 0
-  });
-  return {
-    // Values
-    dateDisplayValue: K(() => {
-      if (t.value)
-        return `${c.startDate || ""} - ${c.endDate || ""}`;
-      if (!e.value || !e.value.startDate && !e.value.endDate)
-        return i("selectDateRange");
-      const { startDate: m, endDate: I } = c;
-      return `${g(new Date(m), M.FULL_DATE_MONTH_FIRST)} - ${g(
-        new Date(I),
-        M.FULL_DATE_MONTH_FIRST
-      )}`;
-    }),
-    textInputDisplayValue: c,
-    // Methods
-    formatTextInputDisplayValue: () => ""
-  };
-}, _e = {
-  "en-US": {
-    dateRangePicker: "Date range picker {name}",
-    optional: "optional",
-    required: "required",
-    provideDateInAFormat: "Provide date in a YYYY-MM-DD format",
-    selectDate: "Select a date",
-    selectDateRange: "Select a date range",
-    selectedDateIsNotAvailable: "Selected date is not available"
-  }
-}, da = Ee({
-  i18n: { messages: _e },
-  name: "bento-date-range-picker",
-  components: {
-    BentoTypography: Se,
-    BentoPopover: Ye,
-    DateRangePickerCalendar: F,
-    DropdownInputDefault: Ke,
-    ErrorMessage: je
-  },
-  directives: { BentoClickOutsideDirective: qe },
-  props: {
-    /**
-     * Allows user to enter time values in the form
-     */
-    allowTimeInput: { type: Boolean, default: !1 },
-    /**
-     * Descriptive supporting text visbile underneath the dropdown.
-     */
-    description: { type: String, default: void 0 },
-    /**
-     * Disables dropdown functionality.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Displays component in an error state with an error message
-     */
-    errorMessage: { type: String, default: null },
-    /**
-     * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     */
-    firstDayOfWeek: F.props.firstDayOfWeek,
-    /**
-     * Indicate if a date should be disabled or not
-     */
-    isDateDisabled: F.props.isDateDisabled,
-    /**
-     * Text that is displayed as a label above the element.
-     */
-    label: { type: String, default: void 0 },
-    /**
-     * Highlights the dropdown is optional.
-     */
-    optional: { type: Boolean, default: !1 },
-    /**
-     * The Boolean readonly property, when present, makes the element not mutable, meaning the user can not edit the date range picker.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * Highlights the dropdown is required.
-     */
-    required: { type: Boolean, default: !1 },
-    /**
-     * Enables the range selector.
-     * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:
-     * `label` - label of custom range item.
-     * `value` - a unique key of the custom range item.
-     * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.
-     */
-    quickSelectRanges: {
-      type: Array,
-      default: void 0
-    },
-    /**
-     * Set a maximum number of dates to be selectable by the range.
-     */
-    maxRange: F.props.maxRange,
-    /**
-     * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
-     */
-    min: F.props.min,
-    /**
-     * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
-     */
-    max: F.props.max,
-    /**
-     * Number of months rendered on pane
-     */
-    numberOfMonths: F.props.numberOfMonths,
-    /**
-     * Selected date
-     */
-    value: F.props.value
-  },
-  emits: [q.INPUT],
-  setup(e, { emit: t }) {
-    const { locale: s, t: i } = re({ messages: _e }), _ = { de: se, enUS: C, fr: ie }, g = G("bento-date-range-picker-container"), o = G("bento-date-range-picker-label"), c = G("bento-date-range-picker-description"), p = G("bento-date-range-picker-error"), S = G("bento-date-range-picker-date-error"), v = K(
-      () => e.label || i("dateRangePicker", { name: g })
-    ), l = U(!1), b = U(null), D = U(!1), { isReadOnly: T } = Le(Ie(e, "readonly"));
-    $e(
-      () => e.disabled,
-      () => {
-        e.disabled && D.value && (D.value = !1);
-      }
-    );
-    const m = K(() => ({
-      "b-date-range-picker__description--error": !!e.errorMessage || l.value
-    })), { dateDisplayValue: I, textInputDisplayValue: n, formatTextInputDisplayValue: Z } = la({
-      datePickerValue: Ie(e, "value"),
-      isDateIncorrect: l
-    }), V = K(
-      () => `${e.description ? c : ""} ${e.errorMessage ? p : ""} ${l.value ? S : ""}`.trim() || null
-    );
-    return {
-      // Refs
-      inputContainerRef: b,
-      // Values,
-      dateDisplayValue: I,
-      datePickerContainerId: g,
-      descriptionConditionalClasses: m,
-      isDateIncorrect: l,
-      isDateRangePickerOpen: D,
-      isReadOnly: T,
-      labelId: o,
-      descriptionId: c,
-      dateErrorId: S,
-      errorId: p,
-      popoverAriaLabel: v,
-      ariaDescribedBy: V,
-      textInputDisplayValue: n,
-      // Events
-      closeDateRangePicker: () => {
-        D.value = !1;
-      },
-      clearDateRangePickerValue: async () => {
-        l.value && (l.value = !1), t(q.INPUT, null);
-      },
-      openDateRangePicker: () => {
-        D.value = !0, Z();
-      },
-      onRangeSelectorInput: (u) => {
-        if (u) {
-          const N = (W) => Y(W, M.NUMERIC_DATE_YEAR_FIRST, {
-            locale: _[s.value.substring(0, 2)] || C
-          });
-          n.startDate = N(u.startDate), n.endDate = N(u.endDate), t(q.INPUT, u);
-        }
-      },
-      onEnterPressedOverInput: () => {
-        l.value || (D.value = !1);
-      },
-      onDateRangePickerInput: (u) => {
-        l.value = !1;
-        const N = (W) => Y(W, M.NUMERIC_DATE_YEAR_FIRST, {
-          locale: _[s.value.substring(0, 2)] || C
-        });
-        n.startDate = N(u.startDate), n.endDate = N(u.endDate), t(q.INPUT, u);
-      },
-      onDateRangePickerError: (u) => {
-        l.value = !0, n.startDate = u.startDate, n.endDate = u.endDate, t(q.INPUT, { startDate: null, endDate: null });
-      },
-      onDateRangePickerFormDateInputUpdate: (u) => {
-        l.value = !1, u.startTime && (n.startTime = u.startTime), u.endTime && (n.endTime = u.endTime);
-      }
-    };
-  }
-});
-const ua = { class: "b-date-range-picker" }, ca = ["id"];
-function Da(e, t, s, i, _, g) {
-  const o = w("bento-typography"), c = w("dropdown-input-default"), p = w("error-message"), S = w("date-range-picker-calendar"), v = w("bento-popover"), l = Ne("bento-click-outside-directive");
-  return Ae((f(), Q("div", ua, [
-    e.label ? (f(), Q("div", {
-      key: 0,
-      id: e.labelId,
-      class: "b-date-range-picker__label"
-    }, [
-      $(o, {
-        el: "span",
-        stronger: ""
-      }, {
-        default: k(() => [
-          E(z(e.label), 1)
-        ]),
-        _: 1
-      }),
-      e.optional ? (f(), O(o, {
-        key: 0,
-        class: "b-date-range-picker__label-requirement",
-        el: "span"
-      }, {
-        default: k(() => [
-          E(" (" + z(e.$t("optional")) + ") ", 1)
-        ]),
-        _: 1
-      })) : R("", !0),
-      e.required ? (f(), O(o, {
-        key: 1,
-        class: "b-date-range-picker__label-requirement",
-        el: "span"
-      }, {
-        default: k(() => [
-          E(" (" + z(e.$t("required")) + ") ", 1)
-        ]),
-        _: 1
-      })) : R("", !0)
-    ], 8, ca)) : R("", !0),
-    P("div", {
-      onKeydown: t[0] || (t[0] = Be((...b) => e.onEnterPressedOverInput && e.onEnterPressedOverInput(...b), ["enter"]))
-    }, [
-      $(c, {
-        ref: "inputContainerRef",
-        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,
-        onOpen: e.openDateRangePicker,
-        onClear: e.clearDateRangePickerValue,
-        onClose: e.closeDateRangePicker
-      }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-describedby", "disabled", "is-invalid", "open", "display-value", "readonly", "onOpen", "onClear", "onClose"])
-    ], 32),
-    e.isDateIncorrect ? (f(), O(p, {
-      key: 1,
-      id: e.dateErrorId,
-      "error-message": e.$t("provideDateInAFormat").toString(),
-      class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : R("", !0),
-    e.errorMessage ? (f(), O(p, {
-      key: 2,
-      id: e.errorId,
-      "error-message": e.errorMessage,
-      class: "b-date-range-picker__error-message"
-    }, null, 8, ["id", "error-message"])) : R("", !0),
-    e.description ? (f(), O(o, {
-      key: 3,
-      id: e.descriptionId,
-      class: ne(["b-date-range-picker__description", e.descriptionConditionalClasses]),
-      el: "span"
-    }, {
-      default: k(() => [
-        E(z(e.description), 1)
-      ]),
-      _: 1
-    }, 8, ["id", "class"])) : R("", !0),
-    e.inputContainerRef ? (f(), O(v, {
-      key: 4,
-      id: e.datePickerContainerId,
-      class: "b-date-range-picker__container",
-      open: e.isDateRangePickerOpen,
-      "target-element": e.inputContainerRef,
-      "disable-focus-trap": !0,
-      "aria-label": e.popoverAriaLabel,
-      position: "bottom-start",
-      "without-space": "",
-      "fit-content": ""
-    }, {
-      default: k(() => [
-        $(S, {
-          "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,
-          min: e.min,
-          max: e.max,
-          "number-of-months": e.numberOfMonths,
-          "date-form-data": e.textInputDisplayValue,
-          onCustomRange: e.onRangeSelectorInput,
-          onInput: e.onDateRangePickerInput,
-          onError: e.onDateRangePickerError,
-          onFormDate: e.onDateRangePickerFormDateInputUpdate
-        }, null, 8, ["allow-time-input", "quick-select-ranges", "value", "first-day-of-week", "is-date-disabled", "max-range", "min", "max", "number-of-months", "date-form-data", "onCustomRange", "onInput", "onError", "onFormDate"])
-      ]),
-      _: 1
-    }, 8, ["id", "open", "target-element", "aria-label"])) : R("", !0)
-  ])), [
-    [l, e.closeDateRangePicker]
-  ]);
-}
-const Fa = /* @__PURE__ */ Oe(da, [["render", Da], ["__scopeId", "data-v-01195098"]]);
-export {
-  Fa as B,
-  F as D,
-  q as a,
-  be as i
-};
-//# sourceMappingURL=index.1f97d7e1.js.map