@adyen/bento-vue2 1.5.0 → 1.6.0

package/dist/date-picker.js

@@ -1,23 +1,23 @@
 import { ref as u, computed as p, defineComponent as q, toRef as x, watch as L, nextTick as E } from "vue";
-import { c as Y } from "./chunks/dropdown-default-textbox.2d093874.js";
-import { BentoPopover as W } from "./popover.js";
+import { BentoPopover as Y } from "./popover.js";
 import { g as d } from "./chunks/unique-id.a2a2b458.js";
-import { B as $ } from "./chunks/index.1645ffcb.js";
+import { B as W } from "./chunks/index.74da0d41.js";
 import { u as B } from "./chunks/i18n.155748d6.js";
-import { f as O } from "./chunks/index.e722eb60.js";
-import { e as y, d as K, f as j } from "./chunks/index.f55fdc32.js";
-import { D as T, v as z, f as G } from "./chunks/date-input.9186a0bf.js";
-import { d as H } from "./chunks/debounce.b5ef6acf.js";
-import { u as J } from "./chunks/use-form-layout-loading.d03e5d48.js";
-import { C as k } from "./chunks/calendar.44459d87.js";
-import { b as Be } from "./chunks/calendar.44459d87.js";
-import { E as Q } from "./chunks/error-message.7a5db7f6.js";
+import { f as O } from "./chunks/index.fd557233.js";
+import { e as y, d as $, f as K } from "./chunks/index.f55fdc32.js";
+import { D as T, v as j, f as z } from "./chunks/date-input.9186a0bf.js";
+import { d as G } from "./chunks/debounce.b5ef6acf.js";
+import { u as H } from "./chunks/use-form-layout-loading.d03e5d48.js";
+import { a as k } from "./chunks/calendar.371e5ae2.js";
+import { C as Be } from "./chunks/calendar.371e5ae2.js";
+import { c as J } from "./chunks/dropdown-default-textbox.6135874c.js";
+import { E as Q } from "./chunks/error-message.a04e8f9a.js";
 import { B as X } from "./chunks/directive.0408e565.js";
 import { n as Z } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index9.css";
+import "./assets/index2.css";
 var l = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(l || {});
 const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
-  const { locale: t, t: n } = B(), f = { de: K, enUS: y, fr: j }, s = u(null);
+  const { locale: t, t: n } = B(), f = { de: $, enUS: y, fr: K }, s = u(null);
   return {
     // Values
     dateDisplayValue: p(() => e.value ? s.value : a.value ? O(a.value, T.FULL_DATE, {
@@ -45,11 +45,11 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
   i18n: { messages: ae },
   name: "bento-date-picker",
   components: {
-    BentoTypography: $,
-    BentoPopover: W,
+    BentoTypography: W,
+    BentoPopover: Y,
     Calendar: k,
     ErrorMessage: Q,
-    DropdownInputDefault: Y
+    DropdownInputDefault: J
   },
   directives: { BentoClickOutsideDirective: X },
   props: {
@@ -96,7 +96,7 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
   },
   emits: [l.INPUT],
   setup(a, { emit: e }) {
-    const { t } = B(), n = d("bento-date-picker-container"), f = d("bento-date-picker-label"), s = d("bento-date-picker-description"), b = d("bento-date-picker-error"), m = d("bento-date-picker-date-error"), D = p(() => a.label || t("datePicker", { name: n })), g = u(null), R = u(null), o = u(!1), i = u(!1), { isReadOnly: S } = J(x(a, "readonly"));
+    const { t } = B(), n = d("bento-date-picker-container"), f = d("bento-date-picker-label"), s = d("bento-date-picker-description"), m = d("bento-date-picker-error"), v = d("bento-date-picker-date-error"), D = p(() => a.label || t("datePicker", { name: n })), g = u(null), R = u(null), o = u(!1), i = u(!1), { isReadOnly: S } = H(x(a, "readonly"));
     L(
       () => a.disabled,
       (r) => {
@@ -106,10 +106,10 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
     const { dateDisplayValue: w, textInputValue: c, formatTextInputDisplayValue: I } = ee({
       datePickerValue: x(a, "value"),
       isDateIncorrect: o
-    }), v = p(() => a.isDateDisabled && a.isDateDisabled(new Date(c.value)) ? t("selectedDateIsNotAvailable") : o.value ? t("provideDateInAFormat") : null), V = p(() => ({
-      "b-date-picker__description--error": a.errorMessage || v.value
+    }), b = p(() => a.isDateDisabled && a.isDateDisabled(new Date(c.value)) ? t("selectedDateIsNotAvailable") : o.value ? t("provideDateInAFormat") : null), V = p(() => ({
+      "b-date-picker__description--error": a.errorMessage || b.value
     })), U = p(
-      () => `${a.description ? s : ""} ${a.errorMessage ? b : ""} ${v.value ? m : ""}`.trim() || null
+      () => `${a.description ? s : ""} ${a.errorMessage ? m : ""} ${b.value ? v : ""}`.trim() || null
     ), h = (r) => a.isDateDisabled ? !a.isDateDisabled(r) : !0, C = () => {
       i.value = !1;
     }, P = () => {
@@ -119,8 +119,8 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
     }, M = async () => {
       o.value && (o.value = !1, c.value = null), e(l.INPUT, null);
     }, A = (r) => {
-      z(r);
-    }, F = H((r) => {
+      j(r);
+    }, F = G((r) => {
       if (r.length < 10)
         return;
       /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/.test(r) && h(new Date(r)) ? (o.value = !1, e(l.INPUT, new Date(r))) : r && (o.value = !0, e(l.INPUT, null));
@@ -136,11 +136,11 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
       isDateIncorrect: o,
       isDatePickerOpen: i,
       isReadOnly: S,
-      dateErrorText: v,
+      dateErrorText: b,
       labelId: f,
       descriptionId: s,
-      errorId: b,
-      dateErrorId: m,
+      errorId: m,
+      dateErrorId: v,
       popoverAriaLabel: D,
       ariaDescribedBy: U,
       textInputValue: c,
@@ -151,7 +151,7 @@ const ee = ({ datePickerValue: a, isDateIncorrect: e }) => {
       openDatePicker: P,
       onDateKeyDown: A,
       onDateInputChange: (r) => {
-        c.value = G(r), F(c.value);
+        c.value = z(r), F(c.value);
       },
       // Keyboard navigation
       onSpaceBarOrEnter: async (r) => {

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/index.4a11da21.js";
-import { b as o } from "./chunks/calendar.44459d87.js";
+import { B as t, a as r } from "./chunks/index.5d058912.js";
+import { C as o } from "./chunks/calendar.371e5ae2.js";
 export {
   t as BentoDateRangePicker,
   r as BentoDateRangePickerEvent,

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/index.e722eb60.js";
+import { B as e, a as o } from "./chunks/index.fd557233.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/divider.js

@@ -1,6 +1,6 @@
 import { defineComponent as i, computed as n } from "vue";
 import { n as s } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index7.css";
+import "./assets/index6.css";
 const _ = i({
   name: "bento-divider",
   setup(a, { attrs: e }) {

package/dist/dropdown.js

@@ -1,12 +1,12 @@
-import { B as s } from "./chunks/dropdown.10ea8304.js";
+import { B as s } from "./chunks/dropdown.5d22958c.js";
 import { defineComponent as u, computed as l, toRefs as m, provide as f } from "vue";
-import { B as y, L as c } from "./chunks/listbox-option-tag.e2688e54.js";
+import { B as y, L as c } from "./chunks/listbox-option-tag.a651fa46.js";
 import { n as d } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { BentoCountry as v, BentoCountryVariant as _ } from "./country.js";
 import { u as w } from "./chunks/useCountryItems.5d7b436e.js";
-import { d as b } from "./chunks/index.1645ffcb.js";
+import { d as b } from "./chunks/index.74da0d41.js";
 import { BentoPaymentMethod as I } from "./payment-method.js";
-import "./assets/index14.css";
+import "./assets/index4.css";
 const $ = u({
   name: "bento-dropdown-avatar",
   components: {