@adyen/bento-vue3 1.88.1 → 1.89.2

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

@@ -1,251 +0,0 @@
-import { ref as u, computed as d, defineComponent as se, toRef as h, watch as x, withDirectives as ue, openBlock as v, createElementBlock as de, withKeys as T, createBlock as g, unref as t, createCommentVNode as I, createElementVNode as ce, createVNode as K, normalizeClass as pe, withCtx as U, createTextVNode as me, toDisplayString as ve, nextTick as fe } from "vue";
-import { g as De, s as L, b as be } from "./calendar.vM3abC8y.js";
-import { h as ye } from "./button-actions.BYBpjNqy.js";
-import { d as ke, B as ge } from "./typography.B3J6_tYk.js";
-import { D as Ie } from "./dropdown-default-textbox.CskseEho.js";
-import { d as Ce } from "./debounce.DUTu11PS.js";
-import { g as C } from "./generate-uid.NJ8tVoha.js";
-import { u as W } from "./index.B875RXHM.js";
-import { u as Be } from "./form-field.D_2g7vaP.js";
-import { u as j, a as Fe } from "./use-date-input-formatter.dtbK-CEy.js";
-import { u as Ee } from "./use-form-layout-loading.CWbjZiwP.js";
-import { B as Oe } from "./directive.rXUeDb8p.js";
-import { F as we, E as $ } from "./error-message.oGiefI2-.js";
-import { _ as Ae } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/date-picker.css";
-const S = {
-  "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"
-  }
-}, Pe = ({
-  datePickerValue: c,
-  isDateIncorrect: B,
-  isMonthVariant: n,
-  placeholder: a
-}) => {
-  var b;
-  const { locale: w, t: f } = W({ messages: S }), { formatDate: D } = j(), i = u((b = c.value) == null ? void 0 : b.toDateString());
-  return {
-    // Values
-    dateDisplayValue: d(() => {
-      if (B.value)
-        return i.value;
-      if (!c.value)
-        return (a == null ? void 0 : a.value) || f("selectDate");
-      const o = n != null && n.value ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return De(w.value, o).format(c.value);
-    }),
-    textInputValue: i,
-    // Methods
-    formatTextInputDisplayValue: (o = c.value) => {
-      if (B.value)
-        return;
-      if (!o) {
-        i.value = "";
-        return;
-      }
-      const F = n != null && n.value ? L(o) : o;
-      i.value = D(F);
-    }
-  };
-}, he = {
-  i18n: { messages: S },
-  name: "bento-date-picker",
-  model: { prop: "modelValue" }
-}, Te = /* @__PURE__ */ se({
-  ...he,
-  props: {
-    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 },
-    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 }
-  },
-  emits: ["update:model-value", "input"],
-  setup(c, { emit: B }) {
-    const a = c, w = B, { t: f } = W({ messages: S }), D = C("bento-date-picker-container"), i = C("bento-date-picker-label"), M = C("bento-date-picker-description"), A = C("bento-date-picker-error"), b = C("bento-date-picker-date-error"), o = d(() => a.label || f("datePicker", { name: D })), F = u(null), E = u(null), s = u(!1), l = u(!1), R = u(void 0), p = u(a.modelValue), { isReadOnly: z } = Ee(h(a, "readonly")), { emitValue: y } = Be(w), { resolvedFirstDayOfWeek: J } = Fe(h(a, "firstDayOfWeek")), { isFormatValid: V, parseDate: P, onKeyDown: G, autoFormat: H } = j(), Q = d(() => ({
-      initialFocus: R.value,
-      additionalContainers: [E.value.$el]
-    }));
-    x(
-      () => a.disabled,
-      (e) => {
-        e && l.value && (l.value = !1);
-      }
-    ), x(
-      [() => a.value, () => a.modelValue],
-      ([e, m]) => {
-        e && ke(
-          '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"
-        ), p.value = m ?? e;
-      },
-      { immediate: !0 }
-    );
-    const X = d(() => a.variant === "month"), { dateDisplayValue: Z, textInputValue: r, formatTextInputDisplayValue: N } = Pe({
-      datePickerValue: p,
-      isDateIncorrect: s,
-      isMonthVariant: X,
-      placeholder: h(a, "placeholder")
-    }), k = d(() => a.isDateDisabled && r.value && V(r.value) && a.isDateDisabled(P(r.value)) && !l.value ? f("selectedDateIsNotAvailable") : s.value ? f("provideDateInAFormat") : null), ee = d(() => ({
-      "b-date-picker__description--error": a.errorMessage || k.value
-    })), ae = d(
-      () => `${a.description ? M : ""} ${a.errorMessage ? A : ""} ${k.value ? b : ""}`.trim() || null
-    ), te = (e) => a.min && e <= a.min || a.max && e >= a.max ? !1 : a.isDateDisabled ? !a.isDateDisabled(e) : !0, O = () => {
-      l.value = !1;
-    }, _ = () => {
-      l.value = !0, N();
-    }, le = (e) => {
-      s.value = !1, O(), y(e);
-    }, oe = async () => {
-      s.value && (s.value = !1, r.value = null), y(null);
-    }, re = (e) => {
-      G(e);
-    }, Y = (e) => {
-      if (e.length < 10)
-        return;
-      V(e) && te(P(e)) ? (s.value = !1, y(P(e))) : e && (s.value = !0, y(null));
-    }, ne = Ce(Y, 1e3), ie = (e) => {
-      r.value = H(e), l.value ? ne(r.value) : Y(r.value);
-    }, q = async (e) => {
-      var m;
-      l.value || (e.preventDefault(), _(), await fe(), p.value || (N(/* @__PURE__ */ new Date()), y(/* @__PURE__ */ new Date())), R.value = ((m = F.value) == null ? void 0 : m.$refs.calendarRef[0].focusOnDate(
-        a.variant === "month" ? L(p.value) : p.value,
-        !0
-      )) ?? void 0);
-    };
-    return (e, m) => ue((v(), de("div", {
-      class: "b-date-picker",
-      onKeydownCapture: [
-        T(q, ["space"]),
-        T(q, ["enter"])
-      ]
-    }, [
-      e.label ? (v(), g(t(we), {
-        key: 0,
-        id: t(i),
-        label: e.label,
-        "tooltip-text": e.tooltipText,
-        optional: e.optional,
-        required: e.required
-      }, null, 8, ["id", "label", "tooltip-text", "optional", "required"])) : I("", !0),
-      ce("div", null, [
-        K(t(Ie), {
-          ref_key: "inputContainerRef",
-          ref: E,
-          "always-combobox-is-input": "",
-          ariaControls: t(D),
-          ariaExpanded: l.value,
-          "aria-labelledby": e.label ? t(i) : null,
-          "aria-label": e.label ? null : o.value,
-          "aria-describedby": ae.value,
-          "aria-required": e.required,
-          disabled: e.disabled,
-          "dynamic-filtering": "",
-          "is-invalid": !!e.errorMessage || !!k.value,
-          open: l.value,
-          value: t(r),
-          "display-value": t(Z),
-          "debounce-time": 0,
-          readonly: t(z),
-          onInput: ie,
-          onOpen: _,
-          onKeydown: re,
-          onClear: oe,
-          onClose: O
-        }, null, 8, ["ariaControls", "ariaExpanded", "aria-labelledby", "aria-label", "aria-describedby", "aria-required", "disabled", "is-invalid", "open", "value", "display-value", "readonly"])
-      ]),
-      k.value ? (v(), g(t($), {
-        key: 1,
-        id: t(b),
-        "error-message": k.value,
-        class: "b-date-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : I("", !0),
-      e.errorMessage ? (v(), g(t($), {
-        key: 2,
-        id: t(A),
-        "error-message": e.errorMessage,
-        class: "b-date-picker__error-message"
-      }, null, 8, ["id", "error-message"])) : I("", !0),
-      e.description ? (v(), g(t(ge), {
-        key: 3,
-        class: pe(["b-date-picker__description", ee.value]),
-        el: "span"
-      }, {
-        default: U(() => [
-          me(ve(e.description), 1)
-        ]),
-        _: 1
-      }, 8, ["class"])) : I("", !0),
-      E.value ? (v(), g(t(ye), {
-        key: 4,
-        id: t(D),
-        class: "b-date-picker__container",
-        role: "dialog",
-        open: l.value,
-        "target-element": E.value,
-        "aria-label": o.value,
-        "aria-modal": !0,
-        position: "bottom-start",
-        "fit-content": "",
-        "trap-all": "",
-        "trap-all-options": Q.value,
-        onKeydown: T(O, ["esc", "native"])
-      }, {
-        default: U(() => [
-          K(t(be), {
-            ref_key: "calendarContainerRef",
-            ref: F,
-            "default-display-month": e.defaultDisplayMonth,
-            "first-day-of-week": t(J),
-            "is-date-disabled": e.isDateDisabled,
-            "number-of-months": 1,
-            value: p.value,
-            min: e.min,
-            max: e.max,
-            variant: e.variant,
-            onInput: le
-          }, null, 8, ["default-display-month", "first-day-of-week", "is-date-disabled", "value", "min", "max", "variant"])
-        ]),
-        _: 1
-      }, 8, ["id", "open", "target-element", "aria-label", "trap-all-options"])) : I("", !0)
-    ], 32)), [
-      [t(Oe), O]
-    ]);
-  }
-}), je = /* @__PURE__ */ Ae(Te, [["__scopeId", "data-v-2e9461af"]]);
-export {
-  je as B
-};
-//# sourceMappingURL=date-picker.D5B_SECc.js.map