@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/date-time-picker.DaLATfJp.js

@@ -1,202 +0,0 @@
-import { defineComponent as k, ref as M, computed as i, watch as x, nextTick as E } from "vue";
-import { s as J, a as P } from "./set-time-in-date.CU7HeZLY.js";
-import { e as G, s as S } from "./calendar.CvHJ3Geq.js";
-import { B as q } from "./date-picker.CXZfCxwP.js";
-import { B as z, i as B } from "./input-time.En4O4DRD.js";
-import "./index.Cl4_42j5.js";
-import { u as U } from "./use-date-input-formatter.DfQk8_Dw.js";
-import { u as R } from "./use-touch-device.DTqFAbXh.js";
-import { u as j } from "./index.B6WW_F-J.js";
-import { B as L } from "./form-layout-group.DnjoLZZM.js";
-import { n as O } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/date-time-picker.css";
-const $ = {
-  "de-DE": {
-    "DD-MM-YYYY": "TT-MM-JJJJ",
-    "MM-DD-YYYY": "MM-TT-JJJJ",
-    "YYYY-MM-DD": "JJJJ-MM-TT",
-    enterTimeForDate: "Geben Sie eine Uhrzeit für das ausgewählte Datum ein",
-    invalidDateFormat: "Ungültiges Datumsformat"
-  },
-  "en-GB": {
-    "DD-MM-YYYY": "DD-MM-YYYY",
-    "MM-DD-YYYY": "MM-DD-YYYY",
-    "YYYY-MM-DD": "YYYY-MM-DD",
-    enterTimeForDate: "Enter a time for the selected date",
-    invalidDateFormat: "Invalid date format"
-  },
-  "en-US": {
-    "DD-MM-YYYY": "DD-MM-YYYY",
-    "MM-DD-YYYY": "MM-DD-YYYY",
-    "YYYY-MM-DD": "YYYY-MM-DD",
-    enterTimeForDate: "Enter a time for the selected date",
-    invalidDateFormat: "Invalid date format"
-  },
-  "es-419": {
-    "DD-MM-YYYY": "DD-MM-AAAA",
-    "MM-DD-YYYY": "MM-DD-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-DD",
-    enterTimeForDate: "Ingresa una hora para la fecha seleccionada",
-    invalidDateFormat: "Formato de fecha no válido"
-  },
-  "es-ES": {
-    "DD-MM-YYYY": "DD-MM-AAAA",
-    "MM-DD-YYYY": "MM-DD-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-DD",
-    enterTimeForDate: "Introduce una hora para la fecha seleccionada",
-    invalidDateFormat: "Formato de fecha no válido"
-  },
-  "es-MX": {
-    "DD-MM-YYYY": "DD-MM-AAAA",
-    "MM-DD-YYYY": "MM-DD-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-DD",
-    enterTimeForDate: "Ingresa una hora para la fecha seleccionada",
-    invalidDateFormat: "Formato de fecha no válido"
-  },
-  "fr-FR": {
-    "DD-MM-YYYY": "JJ-MM-AAAA",
-    "MM-DD-YYYY": "MM-JJ-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-JJ",
-    enterTimeForDate: "Saisissez une heure pour la date sélectionnée",
-    invalidDateFormat: "Format de date non valide"
-  },
-  "it-IT": {
-    "DD-MM-YYYY": "GG-MM-AAAA",
-    "MM-DD-YYYY": "MM-GG-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-GG",
-    enterTimeForDate: "Inserisci un orario per la data selezionata",
-    invalidDateFormat: "Formato data non valido"
-  },
-  "ja-JP": {
-    "DD-MM-YYYY": "DD-MM-YYYY",
-    "MM-DD-YYYY": "MM-DD-YYYY",
-    "YYYY-MM-DD": "YYYY-MM-DD",
-    enterTimeForDate: "選択した日付の時刻を入力してください",
-    invalidDateFormat: "無効な日付形式"
-  },
-  "pt-BR": {
-    "DD-MM-YYYY": "DD-MM-AAAA",
-    "MM-DD-YYYY": "MM-DD-AAAA",
-    "YYYY-MM-DD": "AAAA-MM-DD",
-    enterTimeForDate: "Informe um horário para a data selecionada",
-    invalidDateFormat: "Formato de data inválido"
-  },
-  "zh-CN": {
-    "DD-MM-YYYY": "日-月-年",
-    "MM-DD-YYYY": "月-日-年",
-    "YYYY-MM-DD": "年-月-日",
-    enterTimeForDate: "请输入所选日期的具体时间",
-    invalidDateFormat: "日期格式无效"
-  }
-}, N = {
-  i18n: { messages: $ },
-  name: "bento-date-time-picker",
-  inheritAttrs: !1,
-  model: { prop: "modelValue", event: "update:model-value" }
-}, X = /* @__PURE__ */ k({
-  ...N,
-  props: {
-    modelValue: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    isDateDisabled: { default: void 0 },
-    max: { default: null },
-    min: { default: null },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    dateProps: { default: () => ({}) },
-    timeProps: { default: () => ({}) }
-  },
-  emits: ["update:model-value", "input:valid", "input:error"],
-  setup(A, { emit: r }) {
-    const a = A, t = M(null), o = M(""), l = M(null), s = M(null), { dateFormat: p } = U(), { isTouchDevice: F } = R(), { t: D } = j(), I = i(() => t.value), y = i(() => o.value), m = i(() => {
-      var e;
-      return ((e = a.dateProps) == null ? void 0 : e.isDateDisabled) ?? a.isDateDisabled;
-    }), T = i(() => {
-      var e, n;
-      return F.value ? (e = a.dateProps) == null ? void 0 : e.description : (n = a.dateProps) != null && n.description ? `${a.dateProps.description} ${D(p.value)}` : D(p.value);
-    }), _ = (e) => {
-      var n;
-      return !((n = m.value) != null && n.call(m, S(e)) || a.min && e < J(a.min, 0) || a.max && e > J(a.max, 0));
-    }, C = i(() => ({
-      disabled: a.disabled,
-      isDateDisabled: a.isDateDisabled,
-      max: a.max,
-      min: a.min,
-      readonly: a.readonly,
-      required: a.required,
-      errorMessage: h.value,
-      ...a.dateProps,
-      description: T.value
-    })), V = i(() => ({
-      disabled: a.disabled,
-      errorMessage: g.value,
-      readonly: a.readonly,
-      required: a.required,
-      ...a.timeProps
-    })), h = i(() => a.errorMessage ? a.errorMessage : l.value ? D(l.value) : null), g = i(() => a.errorMessage ? a.errorMessage : s.value ? D(s.value) : null), u = () => {
-      l.value = null, s.value = null;
-    }, c = M(!1);
-    x(
-      () => a.modelValue,
-      (e) => {
-        c.value || (e ? (t.value = e, o.value = G(e)) : (t.value = null, o.value = "", u()));
-      },
-      { immediate: !0 }
-    );
-    const b = (e) => !e || _(e), v = (e) => {
-      r(e ? "input:valid" : "input:error");
-    }, f = (e) => {
-      c.value = !0, r("update:model-value", e), E(() => {
-        c.value = !1;
-      });
-    }, d = (e) => {
-      f(e), v(b(e));
-    }, Y = (e) => {
-      f(e), v(!1);
-    };
-    return { __sfc: !0, props: a, emit: r, currentDate: t, currentTimeText: o, dateError: l, timeError: s, dateFormat: p, isTouchDevice: F, t: D, dateValue: I, timeValue: y, resolvedIsDateDisabled: m, dateDescription: T, isMergedDateInBounds: _, resolvedDateProps: C, resolvedTimeProps: V, dateErrorMessage: h, timeErrorMessage: g, clearErrors: u, isSelfEmittedUpdate: c, validateBounds: b, emitValidationState: v, emitModelValue: f, emitValidatedValue: d, emitInvalidModelValue: Y, onDateChanged: (e) => {
-      if (t.value = e, !e) {
-        o.value ? (l.value = "invalidDateFormat", Y(null)) : (u(), d(null));
-        return;
-      }
-      u(), o.value || (o.value = "00:00:00");
-      const n = o.value;
-      if (!B(n)) {
-        Y(null);
-        return;
-      }
-      d(P(e, n));
-    }, onTimeChanged: (e) => {
-      if (o.value = e, !e) {
-        t.value ? (s.value = "enterTimeForDate", Y(null)) : (u(), d(null));
-        return;
-      }
-      if (s.value = null, !B(e)) {
-        Y(null);
-        return;
-      }
-      if (!t.value) {
-        l.value = "invalidDateFormat", Y(null);
-        return;
-      }
-      d(P(t.value, e));
-    }, BentoDatePicker: q, BentoFormLayoutGroup: L, BentoInputTime: z };
-  }
-});
-var w = function() {
-  var r = this, a = r._self._c, t = r._self._setupProxy;
-  return a("div", { staticClass: "b-date-time-picker" }, [a(t.BentoFormLayoutGroup, { staticClass: "b-date-time-picker__inputs", attrs: { layout: "50-50", "error-message": t.props.errorMessage } }, [a(t.BentoDatePicker, r._b({ staticClass: "b-date-time-picker__date-input", attrs: { "model-value": t.dateValue }, on: { "update:model-value": t.onDateChanged } }, "bento-date-picker", t.resolvedDateProps, !1)), a(t.BentoInputTime, r._b({ staticClass: "b-date-time-picker__time-input", attrs: { "model-value": t.timeValue }, on: { "update:model-value": t.onTimeChanged } }, "bento-input-time", t.resolvedTimeProps, !1))], 1)], 1);
-}, H = [], K = /* @__PURE__ */ O(
-  X,
-  w,
-  H,
-  !1,
-  null,
-  "10a6a9f8"
-);
-const De = K.exports;
-export {
-  De as d
-};
-//# sourceMappingURL=date-time-picker.DaLATfJp.js.map

package/dist/chunks/differenceInMonths.CpwVtHZX.js

@@ -1,44 +0,0 @@
-import { n as M, t as s, d as l } from "./en-US.BK5uiAND.js";
-function d(r, t, e) {
-  const [n, a] = M(
-    e == null ? void 0 : e.in,
-    r,
-    t
-  ), f = n.getFullYear() - a.getFullYear(), c = n.getMonth() - a.getMonth();
-  return f * 12 + c;
-}
-function g(r, t) {
-  const e = s(r, t == null ? void 0 : t.in);
-  return e.setHours(23, 59, 59, 999), e;
-}
-function _(r, t) {
-  const e = s(r, t == null ? void 0 : t.in), n = e.getMonth();
-  return e.setFullYear(e.getFullYear(), n + 1, 0), e.setHours(23, 59, 59, 999), e;
-}
-function m(r, t) {
-  const e = s(r, t == null ? void 0 : t.in);
-  return +g(e, t) == +_(e, t);
-}
-function i(r, t, e) {
-  const [n, a, f] = M(
-    e == null ? void 0 : e.in,
-    r,
-    r,
-    t
-  ), c = l(a, f), u = Math.abs(
-    d(a, f)
-  );
-  if (u < 1) return 0;
-  a.getMonth() === 1 && a.getDate() > 27 && a.setDate(30), a.setMonth(a.getMonth() - c * u);
-  let h = l(a, f) === -c;
-  m(n) && u === 1 && l(n, f) === 1 && (h = !1);
-  const D = c * (u - +h);
-  return D === 0 ? 0 : D;
-}
-export {
-  _ as a,
-  d as b,
-  i as d,
-  g as e
-};
-//# sourceMappingURL=differenceInMonths.CpwVtHZX.js.map

package/dist/chunks/draggable.rTa1jcHI.js

@@ -1,196 +0,0 @@
-import { ref as v, defineComponent as D, computed as B, watch as C, nextTick as L } from "vue";
-import { u as U, a as A } from "./draggable-handle.kBP4prVO.js";
-import { u as z } from "./index.B6WW_F-J.js";
-import { e as k, f as _ } from "./index.C7m7gI5w.js";
-import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/draggable.css";
-const K = k(() => {
-  const l = v(!1);
-  return typeof window < "u" && (_(
-    window,
-    "keydown",
-    (a) => {
-      a.key === "Tab" && (l.value = !0);
-    },
-    { capture: !0 }
-  ), _(
-    window,
-    "mousedown",
-    () => {
-      l.value = !1;
-    },
-    { capture: !0 }
-  ), _(
-    window,
-    "touchstart",
-    () => {
-      l.value = !1;
-    },
-    { capture: !0, passive: !0 }
-  ), _(window, "blur", () => {
-    l.value = !1;
-  })), { isKeyboardUser: l };
-}), G = {
-  "de-DE": {
-    youHaveMovedFromPositionToPosition: "Sie haben {itemLabel} von Position {indexOrigin} an Position {indexTarget} von {total} verschoben."
-  },
-  "en-GB": {
-    youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}."
-  },
-  "en-US": {
-    youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}."
-  },
-  "es-419": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "es-ES": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "es-MX": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "fr-FR": {
-    youHaveMovedFromPositionToPosition: "Vous avez déplacé {itemLabel} de la position {indexOrigin} à la position {indexTarget} sur {total}."
-  },
-  "it-IT": {
-    youHaveMovedFromPositionToPosition: "Hai spostato {itemLabel} dalla posizione {indexOrigin} alla posizione {indexTarget} di {total}."
-  },
-  "ja-JP": {
-    youHaveMovedFromPositionToPosition: "{itemLabel} を {indexOrigin} の位置から {total} の {indexTarget} の位置に移動しました。"
-  },
-  "pt-BR": {
-    youHaveMovedFromPositionToPosition: "Você moveu {itemLabel} da posição {indexOrigin} para a posição {indexTarget} de {total}."
-  },
-  "zh-CN": {
-    youHaveMovedFromPositionToPosition: "您已将 {itemLabel} 从 {indexOrigin} 位置移动到 {indexTarget} 位置（共 {total} 个位置）。"
-  }
-}, V = {
-  name: "bento-draggable",
-  model: { prop: "items", event: "update:items" },
-  i18n: { messages: G }
-}, X = /* @__PURE__ */ D({
-  ...V,
-  props: {
-    announcement: { default: "" },
-    disableAutoSort: { type: Boolean, default: !1 },
-    el: { default: "div" },
-    items: { default: () => [] },
-    options: { default: () => ({}) }
-  },
-  emits: ["update:items"],
-  setup(l, { expose: a, emit: m }) {
-    const o = l, c = ">:not(.b-draggable__announcement)", i = v(null), p = v(!1), u = v([]), d = v(null), P = B(() => {
-      var e;
-      return i.value ? {
-        ...o.options,
-        draggable: ((e = o.options) == null ? void 0 : e.draggable) ?? c,
-        onStart: (t) => {
-          var n, s;
-          p.value = !0, (n = o.options) != null && n.onStart && ((s = o.options) == null || s.onStart(t));
-        },
-        onEnd: (t) => {
-          setTimeout(() => {
-            var n, s;
-            p.value = !1, (n = o.options) != null && n.onEnd && ((s = o.options) == null || s.onEnd(t));
-          });
-        },
-        onSort: (t) => {
-          var n;
-          if ((n = o.options) != null && n.onSort) {
-            o.options.onSort(t);
-            return;
-          }
-          if (!o.disableAutoSort) {
-            const { oldIndex: s, newIndex: g, from: b, to: O } = t;
-            b === O && b === i.value && s !== void 0 && g !== void 0 && r(s, g);
-          }
-        }
-      } : {};
-    }), { announcementMessage: M, announce: T } = U(), { t: y } = z(), { draggableElement: h } = A(i, P), { isKeyboardUser: I } = K(), f = async (e) => {
-      if (await L(), e !== -1 && i.value) {
-        const t = i.value.children[e], n = t == null ? void 0 : t.querySelector(".b-draggable-handle button");
-        await L(), n == null || n.focus();
-      }
-    }, r = async (e, t) => {
-      if (e < 0 || t < 0 || e >= o.items.length || t >= o.items.length || e === t)
-        return;
-      const n = Array.from(o.items), [s] = n.splice(e, 1);
-      n.splice(t, 0, s), d.value = s, m("update:items", n.filter(Boolean));
-      const g = s.label, b = (o == null ? void 0 : o.announcement) || y("youHaveMovedFromPositionToPosition", {
-        itemLabel: g,
-        indexOrigin: e + 1,
-        indexTarget: t + 1,
-        total: o.items.length
-      });
-      o.announcement !== "disabled" && T(b);
-    }, w = (e) => r(e, e - 1), H = (e) => r(e, e + 1), E = (e) => r(e, e - 1), S = (e) => r(e, e + 1), F = (e) => r(e, 0), x = (e) => r(e, o.items.length - 1), R = (e) => ({
-      up: e === 0,
-      top: e === 0,
-      down: e === o.items.length - 1,
-      bottom: e === o.items.length - 1,
-      left: !0,
-      right: !0
-    });
-    return C(
-      () => o.items,
-      async (e) => {
-        if (e) {
-          if (I.value && e.length > 0 && u.value.length > 0) {
-            if (d.value) {
-              const t = e.indexOf(d.value);
-              t !== -1 && await f(t), d.value = null;
-            } else if (e.length > u.value.length) {
-              const t = e.findIndex((n) => !u.value.includes(n));
-              t !== -1 && await f(t);
-            }
-          }
-          u.value = [...e];
-        }
-      },
-      { deep: !0, immediate: !0 }
-    ), a({
-      /**
-       * A ref to the container DOM element.
-       */
-      containerRef: i,
-      /**
-       * The underlying SortableJS instance, which provides methods like `toArray()`, `sort()`, and `destroy()`.
-       */
-      draggableElement: h,
-      /**
-       * A boolean ref that is `true` when an item is being dragged.
-       */
-      isDragging: p,
-      /**
-       * Announces a message to screen reader users via the live region.
-       */
-      announce: T,
-      /**
-       * Moves an item from one index to another and emits the updated list.
-       */
-      moveItem: r,
-      /**
-       * Programmatically focuses the draggable handle button at the given index.
-       */
-      focus: f
-    }), { __sfc: !0, ALL_CHILDREN_EXCEPT_SCREEN_READER_ELEMENTS: c, props: o, emit: m, containerRef: i, isDragging: p, internalItems: u, lastMovedItem: d, computedOptions: P, announcementMessage: M, announce: T, t: y, draggableElement: h, isKeyboardUser: I, focus: f, moveItem: r, moveItemUp: w, moveItemDown: H, moveItemLeft: E, moveItemRight: S, moveItemTop: F, moveItemBottom: x, disabledMenuItems: R };
-  }
-});
-var Y = function() {
-  var a = this, m = a._self._c, o = a._self._setupProxy;
-  return m(a.el, { ref: "containerRef", tag: "component" }, [a._l(a.items, function(c, i) {
-    return a._t("default", null, { item: c, index: i, moveUp: () => o.moveItemUp(i), moveRight: () => o.moveItemRight(i), moveDown: () => o.moveItemDown(i), moveLeft: () => o.moveItemLeft(i), moveTop: () => o.moveItemTop(i), moveBottom: () => o.moveItemBottom(i), disabledMenus: o.disabledMenuItems(i) });
-  }), m("div", { staticClass: "b-draggable__announcement", attrs: { role: "status", "aria-live": "polite" } }, [a._v(" " + a._s(o.announcementMessage) + " ")])], 2);
-}, j = [], q = /* @__PURE__ */ N(
-  X,
-  Y,
-  j,
-  !1,
-  null,
-  "72c4db16"
-);
-const ee = q.exports;
-export {
-  ee as d
-};
-//# sourceMappingURL=draggable.rTa1jcHI.js.map

package/dist/chunks/empty-state.DSVU1vU8.js

@@ -1,106 +0,0 @@
-import { defineComponent as N, ref as g, computed as i, watch as d } from "vue";
-import { B as D } from "./button.CKS_V3p5.js";
-import { B as L } from "./typography.C8lPlsbD.js";
-import { o as C } from "./resize.Bqks3WUm.js";
-import { n as A } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/empty-state.css";
-const p = (e, s, r) => {
-  const a = e[s];
-  return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((o, l) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + s + (s.split("/").length !== r ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-var t = /* @__PURE__ */ ((e) => (e.FULL_PAGE = "full-page", e.EMBEDDED = "embedded", e.BASIC = "basic", e.CONDENSED = "condensed", e))(t || {}), b = /* @__PURE__ */ ((e) => (e.GENERIC_USE1 = "1-generic-use", e.GENERIC_USE2 = "2-generic-use", e.GENERIC_USE3 = "3-generic-use", e.GENERIC_USE4 = "4-generic-use", e.ADDING_PAYMENT_METHOD = "adding-payment-methods", e.ADYEN_GIVING = "adyen-giving", e.DELIGHT = "delight", e.INTERNAL_ERROR = "internal-error", e.NO_RESULTS_FOUND = "no-results-found", e.NOTIFICATIONS_CLEARED = "notifications-cleared", e.PAGE_NOT_FOUND = "page-not-found", e.PLANNED_MAINTENANCE = "planned-maintenance", e.REFERRALS = "referrals", e.SUCCESS = "success", e.UPLOAD_FILES = "upload-files", e.WRONG_ENVIRONMENT = "wrong-environment", e))(b || {}), u = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.LARGE = "large", e[e.NULL = null] = "NULL", e))(u || {});
-const h = {}, R = /* @__PURE__ */ N({
-  ...h,
-  __name: "empty-state",
-  props: {
-    action: { default: null },
-    description: { default: null },
-    headingEl: { default: null },
-    image: { default: null },
-    title: { default: "" },
-    variant: { default: "basic" }
-  },
-  setup(e) {
-    const s = e, r = 740, a = g(null), o = g(0), l = i(() => o.value < r), n = i(() => {
-      switch (s.variant) {
-        case t.FULL_PAGE:
-          return l.value ? u.SMALL : u.LARGE;
-        case t.EMBEDDED:
-          return l.value ? null : u.SMALL;
-        default:
-          return null;
-      }
-    }), c = g("");
-    d(
-      [() => s.image, n],
-      async () => {
-        s.image && n.value && (n.value === "small" ? c.value = (await p(/* @__PURE__ */ Object.assign({ "./assets/small/1-generic-use.svg": () => import("./1-generic-use.CZhwP2Yc.js"), "./assets/small/2-generic-use.svg": () => import("./2-generic-use.CNKjB4B7.js"), "./assets/small/3-generic-use.svg": () => import("./3-generic-use.BLEzR04g.js"), "./assets/small/4-generic-use.svg": () => import("./4-generic-use.CULEpvgj.js"), "./assets/small/adding-payment-methods.svg": () => import("./adding-payment-methods.Dle8zt43.js"), "./assets/small/adyen-giving.svg": () => import("./adyen-giving.Ffw_DlJK.js"), "./assets/small/delight.svg": () => import("./delight.xKDCvvaS.js"), "./assets/small/internal-error.svg": () => import("./internal-error.BmrwJFpR.js"), "./assets/small/no-results-found.svg": () => import("./no-results-found.Bg_ZcEid.js"), "./assets/small/notifications-cleared.svg": () => import("./notifications-cleared.BMZk37uf.js"), "./assets/small/page-not-found.svg": () => import("./page-not-found.COJLPVaU.js"), "./assets/small/planned-maintenance.svg": () => import("./planned-maintenance.C61sWB9h.js"), "./assets/small/referrals.svg": () => import("./referrals.aX8WZigH.js"), "./assets/small/success.svg": () => import("./success.nNwxJRBS.js"), "./assets/small/upload-files.svg": () => import("./upload-files.jTQY6y2X.js"), "./assets/small/wrong-environment.svg": () => import("./wrong-environment.BOsyKdRI.js") }), `./assets/small/${s.image}.svg`, 4)).default : c.value = (await p(/* @__PURE__ */ Object.assign({ "./assets/large/1-generic-use.svg": () => import("./1-generic-use.R6x8PEGA.js"), "./assets/large/2-generic-use.svg": () => import("./2-generic-use.w0fUhovx.js"), "./assets/large/3-generic-use.svg": () => import("./3-generic-use.D3NFHgI4.js"), "./assets/large/4-generic-use.svg": () => import("./4-generic-use.D82y3n39.js"), "./assets/large/adding-payment-methods.svg": () => import("./adding-payment-methods.BJZLPxtM.js"), "./assets/large/adyen-giving.svg": () => import("./adyen-giving.LiKHj_jY.js"), "./assets/large/delight.svg": () => import("./delight.CDBAFnwC.js"), "./assets/large/internal-error.svg": () => import("./internal-error.BLZodVBE.js"), "./assets/large/no-results-found.svg": () => import("./no-results-found.BqvYsBR6.js"), "./assets/large/notifications-cleared.svg": () => import("./notifications-cleared.C7W9ZXY7.js"), "./assets/large/page-not-found.svg": () => import("./page-not-found.DWW6W-PZ.js"), "./assets/large/planned-maintenance.svg": () => import("./planned-maintenance.jmWYTdet.js"), "./assets/large/referrals.svg": () => import("./referrals.BvtT-kQS.js"), "./assets/large/success.svg": () => import("./success.DhioLvPD.js"), "./assets/large/upload-files.svg": () => import("./upload-files.5wQwbfkp.js"), "./assets/large/wrong-environment.svg": () => import("./wrong-environment.BiHTPtbJ.js") }), `./assets/large/${s.image}.svg`, 4)).default);
-      },
-      { immediate: !0 }
-    );
-    const _ = i(() => ({
-      "b-empty-state__image--small": n.value === "small",
-      "b-empty-state__image--large": n.value === "large"
-    })), v = {
-      [t.FULL_PAGE]: "h2",
-      [t.EMBEDDED]: "h3",
-      [t.BASIC]: "h3",
-      [t.CONDENSED]: "div"
-    }, m = i(
-      () => s.headingEl || v[s.variant]
-    ), f = i(() => ({
-      el: m.value,
-      medium: s.variant !== t.CONDENSED,
-      strongest: s.variant === t.CONDENSED,
-      variant: s.variant === t.CONDENSED ? "body" : "title"
-    })), E = i(() => {
-      switch (s.variant) {
-        case t.FULL_PAGE:
-          return "primary";
-        case t.CONDENSED:
-          return "tertiary";
-        default:
-          return "secondary";
-      }
-    });
-    return d(a, () => {
-      C(a.value, () => {
-        a.value && (o.value = a.value.offsetWidth);
-      });
-    }), { __sfc: !0, WIDTH_BREAKPOINT: r, props: s, rootRef: a, containerWidth: o, isBelowBreakpoint: l, imageVariant: n, imageSvg: c, imageConditionalClasses: _, HEADING_ELEMENT_MAP: v, headingElement: m, headingProps: f, actionVariant: E, BentoButton: D, BentoTypography: L };
-  }
-});
-var O = function() {
-  var s = this, r = s._self._c, a = s._self._setupProxy;
-  return r("div", { ref: "rootRef", staticClass: "b-empty-state" }, [s.image && a.imageVariant ? r("img", { staticClass: "b-empty-state__image", class: a.imageConditionalClasses, attrs: { alt: "", src: a.imageSvg } }) : s._e(), r(a.BentoTypography, s._b({ staticClass: "b-empty-state__title" }, "bento-typography", a.headingProps, !1), [s._t("title", function() {
-    return [s._v(" " + s._s(s.title) + " ")];
-  })], 2), s.variant !== "condensed" ? r(a.BentoTypography, { staticClass: "b-empty-state__details", attrs: { variant: "body" } }, [s._t("default", function() {
-    return [s._v(" " + s._s(s.description) + " ")];
-  })], 2) : s._e(), s.action ? r(a.BentoButton, { attrs: { type: "button", variant: a.actionVariant }, on: { click: s.action.event }, scopedSlots: s._u([s.action.icon ? { key: "iconLeft", fn: function() {
-    return [r(s.action.icon, { tag: "component", attrs: { "svg-title": s.action.title } })];
-  }, proxy: !0 } : null], null, !0) }, [s._v(" " + s._s(s.action.title) + " ")]) : s._e()], 1);
-}, G = [], T = /* @__PURE__ */ A(
-  R,
-  O,
-  G,
-  !1,
-  null,
-  "a3b7a5b2"
-);
-const F = T.exports;
-export {
-  F as B,
-  b as a,
-  u as b,
-  t as c
-};
-//# sourceMappingURL=empty-state.DSVU1vU8.js.map

package/dist/chunks/empty-state.DSVU1vU8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state.DSVU1vU8.js","sources":["../../src/components/empty-state/empty-state.types.ts","../../src/components/empty-state/empty-state.vue"],"sourcesContent":["import type { BentoButtonActionObject } from '@/components/button/components/button-actions/button-actions.types';\nimport type { BentoTypographyElement } from '@/components/typography/typography.types';\n\nexport enum BentoEmptyStateVariant {\n    FULL_PAGE = 'full-page',\n    EMBEDDED = 'embedded',\n    BASIC = 'basic',\n    CONDENSED = 'condensed',\n}\n\nexport enum BentoEmptyStateImage {\n    GENERIC_USE1 = '1-generic-use',\n    GENERIC_USE2 = '2-generic-use',\n    GENERIC_USE3 = '3-generic-use',\n    GENERIC_USE4 = '4-generic-use',\n    ADDING_PAYMENT_METHOD = 'adding-payment-methods',\n    ADYEN_GIVING = 'adyen-giving',\n    DELIGHT = 'delight',\n    INTERNAL_ERROR = 'internal-error',\n    NO_RESULTS_FOUND = 'no-results-found',\n    NOTIFICATIONS_CLEARED = 'notifications-cleared',\n    PAGE_NOT_FOUND = 'page-not-found',\n    PLANNED_MAINTENANCE = 'planned-maintenance',\n    REFERRALS = 'referrals',\n    SUCCESS = 'success',\n    UPLOAD_FILES = 'upload-files',\n    WRONG_ENVIRONMENT = 'wrong-environment',\n}\n\nexport enum BentoEmptyStateImageVariant {\n    SMALL = 'small',\n    LARGE = 'large',\n    NULL = null,\n}\n\nexport interface BentoEmptyStateProps {\n    /**\n     * Defines the button at the end of the component.\n     */\n    action?: BentoButtonActionObject;\n\n    /**\n     * The empty state description.\n     * Gives additional details to the issue.\n     * This can be used or the default slot\n     */\n    description?: string;\n\n    /**\n     * Sets the heading HTML DOM element.\n     * @values h1, h2, h3, h4, h5, h6, div, p, span\n     */\n    headingEl?: `${BentoTypographyElement}`;\n\n    /**\n     * Name of the illustration for the empty state.\n     */\n    image?: `${BentoEmptyStateImage}`;\n\n    /**\n     * The empty state heading.\n     * Should clearly explain the issue.\n     */\n    title?: string;\n\n    /**\n     * Types of different empty states\n     * @values full-page, embedded, basic, condensed\n     */\n    variant?: `${BentoEmptyStateVariant}`;\n}\n","<template>\n    <div ref=\"rootRef\" class=\"b-empty-state\">\n        <!-- illustration -->\n        <img\n            v-if=\"image && imageVariant\"\n            alt=\"\"\n            class=\"b-empty-state__image\"\n            :class=\"imageConditionalClasses\"\n            :src=\"imageSvg\"\n        />\n\n        <!-- heading -->\n        <bento-typography v-bind=\"headingProps\" class=\"b-empty-state__title\">\n            <slot name=\"title\">\n                {{ title }}\n            </slot>\n        </bento-typography>\n\n        <!-- details -->\n        <bento-typography v-if=\"variant !== 'condensed'\" variant=\"body\" class=\"b-empty-state__details\">\n            <slot>\n                {{ description }}\n            </slot>\n        </bento-typography>\n\n        <!-- action -->\n        <bento-button v-if=\"action\" type=\"button\" :variant=\"actionVariant\" @click=\"action.event\">\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n\n    import { BentoButton, type BentoButtonVariant } from '@/components/button';\n    import { BentoTypography, type BentoTypographyElement, type BentoTypographyVariant } from '@/components/typography';\n\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import {\n        BentoEmptyStateImageVariant,\n        type BentoEmptyStateProps,\n        BentoEmptyStateVariant,\n    } from './empty-state.types';\n\n    const WIDTH_BREAKPOINT = 740;\n\n    const props = defineProps({\n  action: { default: null },\n  description: { default: null },\n  headingEl: { default: null },\n  image: { default: null },\n  title: { default: '' },\n  variant: { default: 'basic' }\n});\n\n    const rootRef = ref<HTMLDivElement>(null);\n    const containerWidth = ref(0);\n\n    const isBelowBreakpoint = computed(() => containerWidth.value < WIDTH_BREAKPOINT);\n\n    const imageVariant = computed<BentoEmptyStateImageVariant>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return isBelowBreakpoint.value ? BentoEmptyStateImageVariant.SMALL : BentoEmptyStateImageVariant.LARGE;\n            case BentoEmptyStateVariant.EMBEDDED:\n                return isBelowBreakpoint.value ? null : BentoEmptyStateImageVariant.SMALL;\n            default:\n                return null;\n        }\n    });\n\n    const imageSvg = ref('');\n\n    watch(\n        [() => props.image, imageVariant],\n        async () => {\n            if (props.image && imageVariant.value) {\n                // rollup only supports one variable in a dynamic path\n                /* v8 ignore next 4 */\n                if (imageVariant.value === 'small') {\n                    imageSvg.value = (await import(`./assets/small/${props.image}.svg`)).default;\n                } else {\n                    imageSvg.value = (await import(`./assets/large/${props.image}.svg`)).default;\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    const imageConditionalClasses = computed(() => ({\n        'b-empty-state__image--small': imageVariant.value === 'small',\n        'b-empty-state__image--large': imageVariant.value === 'large',\n    }));\n\n    const HEADING_ELEMENT_MAP = {\n        [BentoEmptyStateVariant.FULL_PAGE]: 'h2',\n        [BentoEmptyStateVariant.EMBEDDED]: 'h3',\n        [BentoEmptyStateVariant.BASIC]: 'h3',\n        [BentoEmptyStateVariant.CONDENSED]: 'div',\n    };\n\n    const headingElement = computed(\n        () => (props.headingEl || HEADING_ELEMENT_MAP[props.variant]) as BentoTypographyElement\n    );\n\n    const headingProps = computed(() => ({\n        el: headingElement.value,\n        medium: props.variant !== BentoEmptyStateVariant.CONDENSED,\n        strongest: props.variant === BentoEmptyStateVariant.CONDENSED,\n        variant: (props.variant === BentoEmptyStateVariant.CONDENSED ? 'body' : 'title') as BentoTypographyVariant,\n    }));\n\n    const actionVariant = computed<`${BentoButtonVariant}`>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return 'primary';\n            case BentoEmptyStateVariant.CONDENSED:\n                return 'tertiary';\n            default:\n                return 'secondary';\n        }\n    });\n\n    // Lifecycle\n    watch(rootRef, () => {\n        // Use ResizeObserver so that image is only fetched if needed (visible).\n        observeSizeOfElement(rootRef.value, () => {\n            if (rootRef.value) {\n                containerWidth.value = rootRef.value.offsetWidth;\n            }\n        });\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Empty states are moments in the user experience when there is nothing to display.\n     * This component can be used to provide:\n     * - Information about system status\n     * - Contextual learning cues\n     * - Direct pathways for key tasks\n     *\n     * @example\n     * import { BentoEmptyState } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoEmptyState },\n     *     template: `\n     *          <bento-empty-state\n     *              title=\"No results were found\"\n     *              image=\"no-results-found\"\n     *              variant=\"full-page\"\n     *              :action=\"{ title: 'Reset filters', event: () => {} }\"\n     *          >\n     *              Try a different term or reset search filters\n     *          </bento-empty-state>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./empty-state.scss\" />\n"],"names":["BentoEmptyStateVariant","BentoEmptyStateVariant2","BentoEmptyStateImage","BentoEmptyStateImage2","BentoEmptyStateImageVariant","BentoEmptyStateImageVariant2","__default__","WIDTH_BREAKPOINT","rootRef","ref","containerWidth","isBelowBreakpoint","computed","imageVariant","props","imageSvg","watch","__variableDynamicImportRuntimeHelper","imageConditionalClasses","HEADING_ELEMENT_MAP","headingElement","headingProps","actionVariant","observeSizeOfElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACAA,EAAA,YAAA,aAJQA,IAAAD,KAAA,CAAA,CAAA,GAOLE,IAAA,kBAAAC,OACHA,EAAA,eAAA,iBACAA,EAAA,eAAA,iBACAA,EAAA,eAAA,iBACAA,EAAA,eAAA,iBACAA,EAAA,wBAAA,0BACAA,EAAA,eAAA,gBACAA,EAAA,UAAA,WACAA,EAAA,iBAAA,kBACAA,EAAA,mBAAA,oBACAA,EAAA,wBAAA,yBACAA,EAAA,iBAAA,kBACAA,EAAA,sBAAA,uBACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WACAA,EAAA,eAAA,gBACAA,EAAA,oBAAA,qBAhBQA,IAAAD,KAAA,CAAA,CAAA,GAmBLE,IAAA,kBAAAC,OACHA,EAAA,QAAA,SACAA,EAAA,QAAA,SACAA,EAAAA,EAAA,OAAA,IAAA,IAAA,QAHQA,IAAAD,KAAA,CAAA,CAAA;ACuIR,MAAAE,IAAA,CAAA;;;;;;;;;;;;iBAnHAC,IAAA,KAWAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,CAAA,GAEAE,IAAAC,EAAA,MAAAF,EAAA,QAAAH,CAAA,GAEAM,IAAAD,EAAA,MAAA;AACI,cAAAE,EAAA,SAAA;AAAA,QAAuB,KAAAd,EAAA;AAEf,iBAAAW,EAAA,QAAAP,EAAA,QAAAA,EAAA;AAAA,QAAiG,KAAAJ,EAAA;AAEjG,iBAAAW,EAAA,QAAA,OAAAP,EAAA;AAAA,QAAoE;AAEpE,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAGJW,IAAAN,EAAA,EAAA;AAEA,IAAAO;AAAA,MAAA,CAAA,MAAAF,EAAA,OAAAD,CAAA;AAAA,MACoC,YAAA;AAE5B,QAAAC,EAAA,SAAAD,EAAA,UAGIA,EAAA,UAAA,UACIE,EAAA,SAAA,MAAAE,EAAA,uBAAA,OAAA,EAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,6CAAA,MAAA,OAAA,sCAAA,GAAA,mCAAA,MAAA,OAAA,4BAAA,GAAA,8BAAA,MAAA,OAAA,uBAAA,GAAA,qCAAA,MAAA,OAAA,8BAAA,GAAA,uCAAA,MAAA,OAAA,gCAAA,GAAA,4CAAA,MAAA,OAAA,qCAAA,GAAA,qCAAA,MAAA,OAAA,8BAAA,GAAA,0CAAA,MAAA,OAAA,mCAAA,GAAA,gCAAA,MAAA,OAAA,yBAAA,GAAA,8BAAA,MAAA,OAAA,uBAAA,GAAA,mCAAA,MAAA,OAAA,4BAAA,GAAA,wCAAA,MAAA,OAAA,iCAAA,EAAA,CAAA,GAAA,kBAAAH,EAAA,KAAA,QAAA,CAAA,GAAA,UAEAC,EAAA,SAAA,MAAAE,EAAA,uBAAA,OAAA,EAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,oCAAA,MAAA,OAAA,6BAAA,GAAA,6CAAA,MAAA,OAAA,sCAAA,GAAA,mCAAA,MAAA,OAAA,4BAAA,GAAA,8BAAA,MAAA,OAAA,uBAAA,GAAA,qCAAA,MAAA,OAAA,8BAAA,GAAA,uCAAA,MAAA,OAAA,gCAAA,GAAA,4CAAA,MAAA,OAAA,qCAAA,GAAA,qCAAA,MAAA,OAAA,8BAAA,GAAA,0CAAA,MAAA,OAAA,mCAAA,GAAA,gCAAA,MAAA,OAAA,yBAAA,GAAA,8BAAA,MAAA,OAAA,uBAAA,GAAA,mCAAA,MAAA,OAAA,4BAAA,GAAA,wCAAA,MAAA,OAAA,iCAAA,EAAA,CAAA,GAAA,kBAAAH,EAAA,KAAA,QAAA,CAAA,GAAA;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAGtB,UAAAI,IAAAN,EAAA,OAAA;AAAA,MAAgD,+BAAAC,EAAA,UAAA;AAAA,MACU,+BAAAA,EAAA,UAAA;AAAA,IACA,EAAA,GAG1DM,IAAA;AAAA,MAA4B,CAAAnB,EAAA,SAAA,GAAA;AAAA,MACY,CAAAA,EAAA,QAAA,GAAA;AAAA,MACD,CAAAA,EAAA,KAAA,GAAA;AAAA,MACH,CAAAA,EAAA,SAAA,GAAA;AAAA,IACI,GAGxCoB,IAAAR;AAAA,MAAuB,MAAAE,EAAA,aAAAK,EAAAL,EAAA,OAAA;AAAA,IACwC,GAG/DO,IAAAT,EAAA,OAAA;AAAA,MAAqC,IAAAQ,EAAA;AAAA,MACd,QAAAN,EAAA,YAAAd,EAAA;AAAA,MAC8B,WAAAc,EAAA,YAAAd,EAAA;AAAA,MACG,SAAAc,EAAA,YAAAd,EAAA,YAAA,SAAA;AAAA,IACoB,EAAA,GAG5EsB,IAAAV,EAAA,MAAA;AACI,cAAAE,EAAA,SAAA;AAAA,QAAuB,KAAAd,EAAA;AAEf,iBAAA;AAAA,QAAO,KAAAA,EAAA;AAEP,iBAAA;AAAA,QAAO;AAEP,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA;AAIJ,WAAAgB,EAAAR,GAAA,MAAA;AAEI,MAAAe,EAAAf,EAAA,OAAA,MAAA;AACI,QAAAA,EAAA,UACIE,EAAA,QAAAF,EAAA,MAAA;AAAA,MACJ,CAAA;AAAA,IACH,CAAA;;;;;;;;;;;;;;;;;;;;;"}