@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/date-picker.CnazYcSX.js

@@ -1,155 +0,0 @@
-import { ref as c, computed as p, defineComponent as Q, toRef as F, watch as V, nextTick as X } from "vue";
-import { g as Z, s as Y, b as $ } from "./calendar.CXKhBF2f.js";
-import { h as ee } from "./button-actions.BLk114As.js";
-import { d as ae, B as te } from "./typography.C8lPlsbD.js";
-import { D as re } from "./dropdown-default-textbox.Dvzg0StF.js";
-import { d as le } from "./debounce.DUTu11PS.js";
-import { g as D } from "./generate-uid.NJ8tVoha.js";
-import { u as L } from "./index.B6WW_F-J.js";
-import { u as oe } from "./form-field.D_2g7vaP.js";
-import { u as N, a as ne } from "./use-date-input-formatter.BYaTO3vz.js";
-import { u as ie } from "./use-form-layout-loading.CWbjZiwP.js";
-import "./index.Cl4_42j5.js";
-import { B as se } from "./directive.rXUeDb8p.js";
-import { F as de, E as ue } from "./error-message.RxdStT3S.js";
-import { n as ce } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/date-picker.css";
-const pe = {
-  "en-US": { datePicker: "Date picker", provideDateInAFormat: "Provide date in a YYYY-MM-DD format", selectDate: "Select a date", selectDateRange: "Select a date range", selectedDateIsNotAvailable: "Selected date is not available" },
-  "ja-JP": { datePicker: "日付ピッカー", provideDateInAFormat: "YYYY-MM-DD形式で日付を入力してください", selectDate: "日付を選択", selectDateRange: "日付範囲を選択", selectedDateIsNotAvailable: "選択した日付は利用できません" },
-  "pt-BR": { datePicker: "Seletor de datas", provideDateInAFormat: "Forneça a data no formato AAAA-MM-DD", selectDate: "Selecione uma data", selectDateRange: "Selecione um intervalo de datas", selectedDateIsNotAvailable: "A data selecionada não está disponível" }
-}, fe = ({
-  datePickerValue: d,
-  isDateIncorrect: t,
-  isMonthVariant: a,
-  placeholder: e
-}) => {
-  var b;
-  const { locale: l, t: y } = L(), { formatDate: g } = N(), u = c((b = d.value) == null ? void 0 : b.toDateString());
-  return {
-    // Values
-    dateDisplayValue: p(() => {
-      if (t.value)
-        return u.value;
-      if (!d.value)
-        return (e == null ? void 0 : e.value) || y("selectDate");
-      const o = a != null && a.value ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return Z(l.value, o).format(d.value);
-    }),
-    textInputValue: u,
-    // Methods
-    formatTextInputDisplayValue: (o = d.value) => {
-      if (t.value)
-        return;
-      if (!o) {
-        u.value = "";
-        return;
-      }
-      const k = a != null && a.value ? Y(o) : o;
-      u.value = g(k);
-    }
-  };
-}, me = {
-  i18n: { messages: pe },
-  name: "bento-date-picker",
-  model: { prop: "modelValue" }
-}, ve = /* @__PURE__ */ Q({
-  ...me,
-  props: {
-    description: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: void 0 },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: null },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null },
-    defaultDisplayMonth: { default: null },
-    firstDayOfWeek: { default: void 0 },
-    isDateDisabled: { default: void 0 },
-    min: { default: null },
-    max: { default: null },
-    modelValue: { default: null },
-    value: { default: null },
-    variant: { default: void 0 }
-  },
-  emits: ["update:model-value", "input"],
-  setup(d, { emit: t }) {
-    const a = d, e = 1e3, { t: l } = L(), y = D("bento-date-picker-container"), g = D("bento-date-picker-label"), u = D("bento-date-picker-description"), C = D("bento-date-picker-error"), I = D("bento-date-picker-date-error"), b = p(() => a.label || l("datePicker", { name: y })), o = c(null), k = c(null), n = c(!1), i = c(!1), x = c(void 0), f = c(a.modelValue), { isReadOnly: q } = ie(F(a, "readonly")), { emitValue: m } = oe(t), { resolvedFirstDayOfWeek: W } = ne(F(a, "firstDayOfWeek")), { isFormatValid: O, parseDate: _, onKeyDown: A, autoFormat: S } = N(), U = p(() => ({
-      initialFocus: x.value,
-      additionalContainers: [k.value.$el]
-    }));
-    V(
-      () => a.disabled,
-      (r) => {
-        r && i.value && (i.value = !1);
-      }
-    ), V(
-      [() => a.value, () => a.modelValue],
-      ([r, v]) => {
-        r && ae(
-          'BentoDatePicker "value" property',
-          'The use of "value" prop in "BentoDatePicker" is no longer supported. Use the "v-model" or "model-value" property instead.',
-          "2.0.0"
-        ), f.value = v ?? r;
-      },
-      { immediate: !0 }
-    );
-    const T = p(() => a.variant === "month"), { dateDisplayValue: K, textInputValue: s, formatTextInputDisplayValue: P } = fe({
-      datePickerValue: f,
-      isDateIncorrect: n,
-      isMonthVariant: T,
-      placeholder: F(a, "placeholder")
-    }), B = p(() => a.isDateDisabled && s.value && O(s.value) && a.isDateDisabled(_(s.value)) && !i.value ? l("selectedDateIsNotAvailable") : n.value ? l("provideDateInAFormat") : null), j = p(() => ({
-      "b-date-picker__description--error": a.errorMessage || B.value
-    })), z = p(
-      () => `${a.description ? u : ""} ${a.errorMessage ? C : ""} ${B.value ? I : ""}`.trim() || null
-    ), R = (r) => a.min && r <= a.min || a.max && r >= a.max ? !1 : a.isDateDisabled ? !a.isDateDisabled(r) : !0, w = () => {
-      i.value = !1;
-    }, M = () => {
-      i.value = !0, P();
-    }, J = (r) => {
-      n.value = !1, w(), m(r);
-    }, G = async () => {
-      n.value && (n.value = !1, s.value = null), m(null);
-    }, H = (r) => {
-      A(r);
-    }, E = (r) => {
-      if (r.length < 10)
-        return;
-      O(r) && R(_(r)) ? (n.value = !1, m(_(r))) : r && (n.value = !0, m(null));
-    }, h = le(E, e);
-    return { __sfc: !0, DEBOUNCE_TIME: e, props: a, emit: t, t: l, datePickerContainerId: y, labelId: g, descriptionId: u, errorId: C, dateErrorId: I, popoverAriaLabel: b, calendarContainerRef: o, inputContainerRef: k, isDateIncorrect: n, isDatePickerOpen: i, initialFocusOnDatePickerOpen: x, internalModelValue: f, isReadOnly: q, emitValue: m, resolvedFirstDayOfWeek: W, isFormatValid: O, parseDate: _, onKeyDown: A, autoFormat: S, computedTrapAllOptions: U, isMonthVariant: T, dateDisplayValue: K, textInputValue: s, formatTextInputDisplayValue: P, dateErrorText: B, descriptionConditionalClasses: j, ariaDescribedBy: z, isDateEnabled: R, closeDatePicker: w, openDatePicker: M, onDateSelected: J, clearDatePickerValue: G, onDateKeyDown: H, validateDate: E, validateDateDebounced: h, onDateInputChange: (r) => {
-      s.value = S(r), i.value ? h(s.value) : E(s.value);
-    }, onSpaceBarOrEnter: async (r) => {
-      var v;
-      i.value || (r.preventDefault(), M(), await X(), f.value || (P(/* @__PURE__ */ new Date()), m(/* @__PURE__ */ new Date())), x.value = ((v = o.value) == null ? void 0 : v.$refs.calendarRef[0].focusOnDate(
-        a.variant === "month" ? Y(f.value) : f.value,
-        !0
-      )) ?? void 0);
-    }, BentoPopover: ee, BentoTypography: te, Calendar: $, ErrorMessage: ue, FieldLabel: de, DropdownInputDefault: re, vBentoClickOutsideDirective: se };
-  }
-});
-var De = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { directives: [{ name: "bento-click-outside-directive", rawName: "v-bento-click-outside-directive", value: e.closeDatePicker, expression: "closeDatePicker" }], staticClass: "b-date-picker", on: { "!keydown": [function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "space", 32, l.key, [" ", "Spacebar"]) ? null : e.onSpaceBarOrEnter.apply(null, arguments);
-  }, function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "enter", 13, l.key, "Enter") ? null : e.onSpaceBarOrEnter.apply(null, arguments);
-  }] } }, [t.label ? a(e.FieldLabel, { attrs: { id: e.labelId, label: t.label, "tooltip-text": t.tooltipText, optional: t.optional, required: t.required } }) : t._e(), a("div", [a(e.DropdownInputDefault, { ref: "inputContainerRef", attrs: { "always-combobox-is-input": "", ariaControls: e.datePickerContainerId, ariaExpanded: e.isDatePickerOpen, "aria-labelledby": t.label ? e.labelId : null, "aria-label": t.label ? null : e.popoverAriaLabel, "aria-describedby": e.ariaDescribedBy, "aria-required": t.required, disabled: t.disabled, "dynamic-filtering": "", "is-invalid": !!t.errorMessage || !!e.dateErrorText, open: e.isDatePickerOpen, value: e.textInputValue, "display-value": e.dateDisplayValue, "debounce-time": 0, readonly: e.isReadOnly }, on: { input: e.onDateInputChange, open: e.openDatePicker, keydown: e.onDateKeyDown, clear: e.clearDatePickerValue, close: e.closeDatePicker } })], 1), e.dateErrorText ? a(e.ErrorMessage, { staticClass: "b-date-picker__error-message", attrs: { id: e.dateErrorId, "error-message": e.dateErrorText } }) : t._e(), t.errorMessage ? a(e.ErrorMessage, { staticClass: "b-date-picker__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), t.description ? a(e.BentoTypography, { staticClass: "b-date-picker__description", class: e.descriptionConditionalClasses, attrs: { el: "span" } }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), e.inputContainerRef ? a(e.BentoPopover, { staticClass: "b-date-picker__container", attrs: { id: e.datePickerContainerId, role: "dialog", open: e.isDatePickerOpen, "target-element": e.inputContainerRef, "aria-label": e.popoverAriaLabel, "aria-modal": !0, position: "bottom-start", "fit-content": "", "trap-all": "", "trap-all-options": e.computedTrapAllOptions }, nativeOn: { keydown: function(l) {
-    return !l.type.indexOf("key") && t._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closeDatePicker.apply(null, arguments);
-  } } }, [a(e.Calendar, { ref: "calendarContainerRef", attrs: { "default-display-month": t.defaultDisplayMonth, "first-day-of-week": e.resolvedFirstDayOfWeek, "is-date-disabled": t.isDateDisabled, "number-of-months": 1, value: e.internalModelValue, min: t.min, max: t.max, variant: t.variant }, on: { input: e.onDateSelected } })], 1) : t._e()], 1);
-}, ye = [], be = /* @__PURE__ */ ce(
-  ve,
-  De,
-  ye,
-  !1,
-  null,
-  "307fb52e"
-);
-const he = be.exports;
-export {
-  he as B
-};
-//# sourceMappingURL=date-picker.CnazYcSX.js.map