@adyen/bento-vue3 1.89.2 → 1.90.0

package/dist/chunks/date-picker.dlzZ_-5f.js

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