@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/input-field-password.BKT1mYUw.js

@@ -1,234 +0,0 @@
-import { defineComponent as ue, useAttrs as ce, ref as l, provide as pe, computed as u, watch as P } from "vue";
-import { B as ve } from "./button.DxhJNOtr.js";
-import { B as fe } from "./image.C2D2hKat.js";
-import { B as me } from "./input-field.m1PMwa4C.js";
-import { h as _e } from "./button-actions.BLk114As.js";
-import { d as he, B as be } from "./typography.C8lPlsbD.js";
-import { C as Ce } from "./checkmark-circle-fill.BttTCjrM.js";
-import { D as ge } from "./dot.BW9SneIk.js";
-import { S as ke, H as we } from "./show.B_mKPF6I.js";
-import { e as Le, w as ye } from "./index.CwzYJHw2.js";
-import { u as Re } from "./index.B6WW_F-J.js";
-import { g as Q } from "./generate-uid.NJ8tVoha.js";
-import { u as Ee } from "./form-field.D_2g7vaP.js";
-import { b as Ie } from "./dropdown.Ct7uhPr6.js";
-import { T as Te } from "./tooltip.CbsNGnhw.js";
-import { n as Ve } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field-password.css";
-var g = /* @__PURE__ */ ((o) => (o.TEXT = "text", o.PASSWORD = "password", o))(g || {}), _ = /* @__PURE__ */ ((o) => (o.MIN_LENGTH = "minLength", o.REQUIRE_LOWERCASE = "requireLowercase", o.REQUIRE_NUMERIC = "requireNumeric", o.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", o.REQUIRE_UPPERCASE = "requireUppercase", o))(_ || {});
-const Pe = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='capslock'%3e%3cg%20id='Union'%3e%3cpath%20d='M13.75%205.63952L8%201.03952L2.25%205.63952V7.74999H4.75V11.75H11.25V7.74999H13.75V5.63952ZM6.25%206.24999H3.88809L8%202.96046L12.1119%206.24999H9.75V10.25H6.25V6.24999Z'%20fill='%2300112C'/%3e%3cpath%20d='M11.25%2014.75V13.25H4.75V14.75H11.25Z'%20fill='%2300112C'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-function k(o) {
-  return (o == null ? void 0 : o.toString()) ?? "";
-}
-function Oe(o, t = 12) {
-  return k(o).length >= t;
-}
-function Se(o) {
-  return /[a-z]/.test(k(o));
-}
-function Ue(o) {
-  return /[A-Z]/.test(k(o));
-}
-function Ae(o) {
-  return /\d/.test(k(o));
-}
-function Be(o) {
-  return /[^a-zA-Z0-9]/.test(k(o));
-}
-const qe = {
-  "en-US": { capsLockEnabled: "Caps lock on", hidePassword: "Hide", showPassword: "Show", validationChecked: "Checked", validationMinLength: "{numberOfCharacters} characters", validationRequireLowercase: "{numberOne} lowercase (a-z)", validationRequireNumeric: "{numberOne} numerical (0-9)", validationRequireSpecialCharacter: "{numberOne} special character", validationRequireUppercase: "{numberOne} uppercase (A-Z)", validationSuggestion: "Avoid using currency symbols or accented letters.", validationTitle: "Password must contain at least:", validationUnchecked: "Unchecked", validationValid: "Input is valid" },
-  "ja-JP": { capsLockEnabled: "Caps lockオン", hidePassword: "非表示", showPassword: "表示", validationChecked: "チェック済み", validationMinLength: "{numberOfCharacters}文字", validationRequireLowercase: "{numberOne} 小文字（a-z）", validationRequireNumeric: "{numberOne} 数値 (0-9)", validationRequireSpecialCharacter: "{numberOne} 特殊文字", validationRequireUppercase: "{numberOne} 大文字 (A-Z)", validationSuggestion: "通貨記号やアクセント付き文字は使用しないでください。", validationTitle: "パスワードには少なくとも次のものを含める必要があります :", validationUnchecked: "チェックなし", validationValid: "入力は有効です" },
-  "pt-BR": { capsLockEnabled: "Caps Lock ativado", hidePassword: "ocultar", showPassword: "Exibir", validationChecked: "Checado", validationMinLength: "{numberOfCharacters} caracteres", validationRequireLowercase: "{numberOne} minúscula (a-z)", validationRequireNumeric: "{numberOne} numérico (0-9)", validationRequireSpecialCharacter: "{numberOne} caractere especial", validationRequireUppercase: "{numberOne} maiúscula (A-Z)", validationSuggestion: "Evite usar símbolos de moeda e letras com acento.", validationTitle: "A senha deve conter pelo menos:", validationUnchecked: "Não verificado", validationValid: "A entrada é válida" }
-}, Z = 12, z = 500, X = 2e3, G = 2e3, Me = {
-  i18n: { messages: qe },
-  name: "bento-input-field-password",
-  model: { prop: "modelValue" }
-}, Ne = /* @__PURE__ */ ue({
-  ...Me,
-  props: {
-    description: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: null },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null },
-    condensed: { default: !1 },
-    debounceTime: { default: z },
-    disableValidation: { type: Boolean, default: !1 },
-    value: { default: void 0 },
-    modelValue: { default: void 0 },
-    validation: { default: void 0 },
-    withHint: { type: Boolean, default: !0 }
-  },
-  emits: ["blur", "focus", "input:valid", "input:error", "input", "update:model-value"],
-  setup(o, { emit: t }) {
-    const a = o, { t: e, n: d } = Re(), v = ce(), h = l(g.PASSWORD), c = l(a.modelValue ?? a.value), O = l(!1), S = l(!1), w = l([]), y = l({}), p = l(null), f = l(!1), U = l(null), A = l(null), J = l(null), R = l(!1);
-    pe(Ie, "bento-input-field-password");
-    const { focused: B } = Le(U), { emitValue: q } = Ee(t), K = Q("validationListId"), M = Q("validationPopoverId"), N = u(() => h.value === g.TEXT), Y = u(
-      () => w.value.map(
-        (i) => i ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
-      )
-    ), $ = u(
-      () => p.value ? "b-input-field-password__input-tooltip--timed" : ""
-    ), j = u(() => ({
-      ariaHidden: !1,
-      condensed: a.condensed,
-      disabled: a.disabled,
-      errorMessage: a.errorMessage,
-      optional: a.optional,
-      placeholder: a.placeholder,
-      readonly: a.readonly,
-      required: a.required,
-      tooltipText: a.tooltipText,
-      type: h.value,
-      modelValue: c.value,
-      "aria-haspopup": I.value ? "dialog" : !1,
-      "aria-describedby": I.value ? M : "",
-      ...v
-    })), E = u(() => {
-      var m, b, n, C, L, x;
-      if (a.validation && !a.validation.extendDefaultValidation)
-        return a.validation;
-      const i = [
-        {
-          label: e("validationMinLength", { numberOfCharacters: d(Z) }),
-          key: _.MIN_LENGTH,
-          validate: Oe
-        },
-        {
-          label: e("validationRequireLowercase", { numberOne: d(1) }),
-          key: _.REQUIRE_LOWERCASE,
-          validate: Se
-        },
-        {
-          label: e("validationRequireUppercase", { numberOne: d(1) }),
-          key: _.REQUIRE_UPPERCASE,
-          validate: Ue
-        },
-        {
-          label: e("validationRequireNumeric", { numberOne: d(1) }),
-          key: _.REQUIRE_NUMERIC,
-          validate: Ae
-        },
-        {
-          label: e("validationRequireSpecialCharacter", { numberOne: d(1) }),
-          key: _.REQUIRE_SPECIAL_CHARACTER,
-          validate: Be
-        }
-      ];
-      let s = i;
-      if (a.validation) {
-        const le = i.map((r) => r.key), V = (b = (m = a.validation) == null ? void 0 : m.list) == null ? void 0 : b.map((r) => r.key), re = ((C = (n = a.validation) == null ? void 0 : n.list) == null ? void 0 : C.filter((r) => !le.includes(r.key))) ?? [];
-        s = [...i.map((r) => {
-          var D, W;
-          return V != null && V.includes(r.key) ? (W = (D = a.validation) == null ? void 0 : D.list) == null ? void 0 : W.find((de) => de.key === r.key) : r;
-        }), ...re];
-      }
-      return {
-        title: ((L = a.validation) == null ? void 0 : L.title) ?? e("validationTitle"),
-        suggestion: ((x = a.validation) == null ? void 0 : x.suggestion) ?? e("validationSuggestion"),
-        list: s
-      };
-    }), H = u(() => {
-      var i, s;
-      return (s = (i = E.value) == null ? void 0 : i.list) == null ? void 0 : s.filter((m) => !m.disabled);
-    }), F = u(() => {
-      var i;
-      return (i = w.value) == null ? void 0 : i.some((s) => !s);
-    }), I = u(
-      () => {
-        var i, s;
-        return A.value && ((s = (i = E.value) == null ? void 0 : i.list) == null ? void 0 : s.length) > 0;
-      }
-    ), ee = (i) => {
-      typeof i.getModifierState == "function" && (R.value = i.getModifierState("CapsLock"));
-    }, ae = () => {
-      N.value ? h.value = g.PASSWORD : h.value = g.TEXT;
-    }, te = (i) => {
-      a.disabled || (c.value = i, q(c.value));
-    }, ie = () => {
-      t("focus");
-    }, oe = () => {
-      t("blur");
-    }, T = (i) => {
-      var b;
-      const s = (b = H.value) == null ? void 0 : b.map((n) => ({
-        key: n.key,
-        label: n.label,
-        isValid: n.validate(i, ...n.additionalArgs ?? [])
-      }));
-      let m = 1;
-      w.value = s == null ? void 0 : s.map((n) => n.isValid), y.value = s == null ? void 0 : s.filter((n) => !n.isValid).reduce((n, C) => {
-        const L = C.key ?? `custom-rule-${m++}`;
-        return {
-          ...n,
-          [L]: C.label
-        };
-      }, {});
-    }, se = () => {
-      f.value = !1, p.value = null;
-    }, ne = () => {
-      f.value = !0;
-    };
-    return P(
-      () => [a.value, a.modelValue],
-      () => {
-        c.value = a.modelValue ?? a.value;
-      }
-    ), P(B, (i) => {
-      i || (S.value = !0), a.disableValidation || (a.withHint && (O.value = i), T(c.value));
-    }), P(R, (i) => {
-      i ? (f.value = !0, p.value = setTimeout(() => {
-        p.value = null, f.value = !1;
-      }, G)) : (clearTimeout(p.value), p.value = null, f.value = !1);
-    }), ye(
-      c,
-      (i) => {
-        T(i), F.value ? t("input:error", y.value) : t("input:valid");
-      },
-      // wait for 0.5s before checking validity OR 2s of continuous typing
-      { debounce: a.debounceTime, maxWait: X }
-    ), a.value && he(
-      'BentoInputFieldPassword "value" property',
-      `The use of "value" prop in "BentoInputFieldPassword" is no longer supported.
-                Use the "v-model" or "model-value" property instead.`,
-      "2.0.0"
-    ), { __sfc: !0, MIN_PASSWORD_LENGTH: Z, DEBOUNCE_DURATION: z, DEBOUNCE_MAX_WAIT: X, TOOLTIP_TIMEOUT: G, t: e, n: d, props: a, emit: t, attrs: v, inputType: h, inputValue: c, isHintDisplayed: O, isTouched: S, passwordValidity: w, errorsList: y, capsLockTooltipTimeoutID: p, isTooltipDisplayed: f, inputFieldPasswordRef: U, inputFieldPasswordInputRef: A, inputFieldPasswordCapsLockIconRef: J, isCapsLockOn: R, focused: B, emitValue: q, validationListId: K, validationPopoverId: M, isPasswordReadable: N, passwordValidityConditionalClass: Y, tooltipConditionalClass: $, inputFieldArgs: j, computedValidations: E, computedValidationList: H, hasErrors: F, hasValidations: I, checkCapsLock: ee, toggleInputType: ae, onUpdateModelValue: te, onFocus: ie, onBlur: oe, checkValidity: T, handleCapsLockMouseLeave: se, handleCapsLockMouseEnter: ne, BentoButton: ve, BentoImage: fe, BentoInputField: me, BentoPopover: _e, BentoTypography: be, Tooltip: Te, CheckmarkCircleFillIcon: Ce, DotIcon: ge, HideIcon: we, ShowIcon: ke, CapsLockIcon: Pe };
-  }
-});
-var He = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { ref: "inputFieldPasswordRef" }, [a(e.BentoInputField, t._b({ ref: "inputFieldPasswordInputRef", staticClass: "b-input-field-password__input", attrs: { spellcheck: "false" }, on: { blur: e.onBlur, focus: e.onFocus, "update:model-value": e.onUpdateModelValue, keydown: e.checkCapsLock, keyup: e.checkCapsLock }, scopedSlots: t._u([t.description ? { key: "description", fn: function() {
-    return [t._t("description", function() {
-      return [t._v(t._s(t.description))];
-    })];
-  }, proxy: !0 } : null, e.isCapsLockOn ? { key: "iconBefore", fn: function() {
-    return [a("div", { staticClass: "b-input-field-password__caps-lock-indicator", on: { mouseenter: e.handleCapsLockMouseEnter, mouseleave: e.handleCapsLockMouseLeave } }, [a(e.BentoImage, { ref: "inputFieldPasswordCapsLockIconRef", attrs: { src: e.CapsLockIcon, alt: e.t("capsLockEnabled") } })], 1), e.inputFieldPasswordCapsLockIconRef ? a(e.Tooltip, { class: e.tooltipConditionalClass, attrs: { content: e.t("capsLockEnabled"), "disabled-focus-trap": !0, "fallback-position": ["top", "bottom"], "is-shown": e.isTooltipDisplayed, "target-element": e.inputFieldPasswordCapsLockIconRef } }) : t._e()];
-  }, proxy: !0 } : null, t.disabled ? null : { key: "iconAfter", fn: function() {
-    return [a(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: e.toggleInputType }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
-      return [e.isPasswordReadable ? t._e() : a(e.ShowIcon, { attrs: { "svg-title": e.t("showPassword") } }), e.isPasswordReadable ? a(e.HideIcon, { attrs: { "svg-title": e.t("hidePassword") } }) : t._e()];
-    }, proxy: !0 }], null, !1, 956294632) })];
-  }, proxy: !0 }], null, !0) }, "bento-input-field", e.inputFieldArgs, !1), [t.label ? [t._v(t._s(t.label))] : [t._t("default")]], 2), e.hasValidations ? a(e.BentoPopover, { attrs: { open: e.isHintDisplayed, "target-element": e.inputFieldPasswordInputRef, "disable-focus-trap": !0, "aria-label": e.computedValidations.title, "aria-describedby": e.validationListId, position: "right-start" } }, [a("div", { attrs: { id: e.validationPopoverId } }, [e.computedValidations.title ? a(e.BentoTypography, { staticClass: "b-input-field-password__validation-title" }, [t._v(" " + t._s(e.computedValidations.title) + " ")]) : t._e(), e.hasErrors ? t._e() : a("p", { staticClass: "b-input-field-password__validation-status--valid", attrs: { role: "alert" } }, [t._v(" " + t._s(e.t("validationValid")) + " ")]), a("ul", { staticClass: "b-input-field-password__validation-list", attrs: { id: e.validationListId } }, t._l(e.computedValidationList, function(d, v) {
-    return a("li", { key: v, class: e.passwordValidityConditionalClass[v], attrs: { "aria-live": "polite", "aria-atomic": "true" } }, [a("span", { staticClass: "b-input-field-password__validation-list-icon" }, [e.passwordValidity[v] ? a(e.CheckmarkCircleFillIcon, { attrs: { "svg-title": e.t("validationChecked") } }) : a(e.DotIcon, { attrs: { "svg-title": e.t("validationUnchecked") } })], 1), a(e.BentoTypography, { staticClass: "b-input-field-password__validation-list-text", attrs: { el: "span" } }, [t._v(" " + t._s(d.label) + " ")])], 1);
-  }), 0), e.computedValidations.suggestion ? a(e.BentoTypography, { staticClass: "b-input-field-password__validation-suggestion" }, [t._v(" " + t._s(e.computedValidations.suggestion) + " ")]) : t._e()], 1)]) : t._e()], 1);
-}, Fe = [], xe = /* @__PURE__ */ Ve(
-  Ne,
-  He,
-  Fe,
-  !1,
-  null,
-  "57349ba0"
-);
-const na = xe.exports;
-export {
-  Ae as a,
-  Be as b,
-  Ue as c,
-  na as i,
-  Oe as m,
-  Se as r
-};
-//# sourceMappingURL=input-field-password.BKT1mYUw.js.map

package/dist/chunks/input-field.m1PMwa4C.js

@@ -1,170 +0,0 @@
-import { defineComponent as ie, useAttrs as de, useSlots as se, ref as f, provide as le, inject as x, toRef as ue, computed as n, toRefs as pe } from "vue";
-import { a as ce, I as fe, b as be, B as _e } from "./dropdown.Ct7uhPr6.js";
-import { p as E, d as T, B as me } from "./typography.C8lPlsbD.js";
-import { u as ye } from "./form-field.D_2g7vaP.js";
-import { g as b } from "./generate-uid.NJ8tVoha.js";
-import { g as $ } from "./get-slot-text.Bjb9dTSV.js";
-import { u as ve } from "./aria-label.CaUURpnB.js";
-import { u as he } from "./index.B6WW_F-J.js";
-import { u as we } from "./use-form-layout-loading.CWbjZiwP.js";
-import { u as De } from "./use-has-slot.C9lQZ6nz.js";
-import { F as Ee, E as Te } from "./error-message.RxdStT3S.js";
-import { n as Ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field.css";
-var s = /* @__PURE__ */ ((o) => (o.DEFAULT = "default", o.PAYMENT_METHOD = "payment-method", o.STATIC_VALUE = "static-value", o.DROPDOWN = "dropdown", o))(s || {}), d = /* @__PURE__ */ ((o) => (o.START = "start", o.END = "end", o))(d || {}), _ = /* @__PURE__ */ ((o) => (o.CONDENSED = "condensed", o.DISABLED = "disabled", o.READONLY = "readonly", o.ERROR = "error", o))(_ || {}), A = /* @__PURE__ */ ((o) => (o.SEARCH = "search", o.TEXT = "text", o.NUMBER = "number", o))(A || {}), Ie = /* @__PURE__ */ ((o) => (o.INPUT = "input", o.ESCAPE_PRESSED = "escape-pressed", o.UPDATE_DROPDOWN = "update:dropdown", o.DROPDOWN_INPUT = "dropdown-input", o.FOCUS = "focus", o.CHANGE = "change", o.BLUR = "blur", o.KEYDOWN = "keydown", o))(Ie || {});
-const Se = {
-  "en-US": { ariaLabelDropdownFallback: "{inputLabel} Dropdown", ariaLabelFallback: "Input field" },
-  "ja-JP": { ariaLabelDropdownFallback: "{inputLabel}ドロップダウン", ariaLabelFallback: "入力フィールド" },
-  "pt-BR": { ariaLabelDropdownFallback: "Menu suspenso {inputLabel}", ariaLabelFallback: "Campo de entrada" }
-}, Le = {
-  name: "bento-input-field",
-  model: { prop: "modelValue" },
-  i18n: { messages: Se }
-}, ge = /* @__PURE__ */ ie({
-  ...Le,
-  props: {
-    description: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: "" },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null },
-    ariaHidden: { type: Boolean, default: !0 },
-    ariaLabel: { default: void 0 },
-    condensed: { type: Boolean, default: !1 },
-    dropdown: { default: void 0 },
-    dropdownPosition: { default: d.START },
-    error: { type: Boolean, default: !1 },
-    modelValue: { default: void 0 },
-    slashedZero: { type: Boolean, default: !1 },
-    staticValue: { default: "" },
-    staticValuePosition: { default: d.START },
-    type: { default: A.TEXT },
-    value: { default: void 0 },
-    variant: { default: s.DEFAULT }
-  },
-  emits: ["blur", "click", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "keyup", "input", "update:dropdown", "update:model-value"],
-  setup(o, { expose: t, emit: a }) {
-    const e = o, r = de(), l = se(), { emitValue: I } = ye(a), { t: m } = he(), S = De(l), L = f(null), g = f(null), H = b("input"), y = b("input-dropdown"), v = b("input-static-value"), N = b("input-description"), O = b("input-error"), h = f(!1);
-    le(ce, !0);
-    const Y = x(fe, f(void 0)), q = () => {
-      h.value = !0, a("focus");
-    }, W = () => {
-      h.value = !1, a("blur");
-    }, { isReadOnly: u } = we(ue(e, "readonly")), J = n(
-      () => {
-        var i;
-        return u.value || ((i = e.dropdown) == null ? void 0 : i.readonly);
-      }
-    ), p = n(
-      () => e.variant === s.STATIC_VALUE && !!l.staticValue
-    ), K = n(() => e.variant === s.DEFAULT), j = n(() => e.variant === s.PAYMENT_METHOD), z = n(
-      () => p.value && e.staticValuePosition === d.START
-    ), X = n(
-      () => p.value && e.staticValuePosition === d.END
-    ), c = n(() => e.variant === s.DROPDOWN && !!e.dropdown), Z = n(
-      () => c.value && e.dropdownPosition === d.START
-    ), G = n(
-      () => c.value && e.dropdownPosition === d.END
-    ), w = n(
-      () => !e.disabled && !u.value && (!!e.errorMessage || e.error)
-    ), C = n(() => $(l)("default") || e.label), P = n(() => $(l)("description") || e.description), Q = n(() => c.value === !0 && p.value === !0 ? `${v} ${y}` : c.value === !0 ? `${y}` : p.value === !0 ? `${v}` : null), F = n(() => m("ariaLabelFallback")), B = n(
-      () => m("ariaLabelDropdownFallback", { inputLabel: V.value })
-    ), R = f(r["aria-label"]), { ariaLabel: k } = pe(e), V = ve({
-      ariaLabel: R.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: k,
-      defaultFallback: C.value || F
-    }), ee = n(
-      () => `${P.value ? N : ""} ${w.value && e.errorMessage ? O : ""}`
-    ), te = n(() => ({
-      [`b-input-field--${_.CONDENSED}`]: e.condensed,
-      [`b-input-field--${_.DISABLED}`]: e.disabled,
-      [`b-input-field--${_.READONLY}`]: u.value,
-      [`b-input-field--${_.ERROR}`]: w.value,
-      "b-input-field--slashed-zero": e.slashedZero
-    })), oe = n(() => ({
-      "aria-label": B.value,
-      ...e.dropdown
-    })), ae = (i) => {
-      const re = i.target.value;
-      !e.disabled && !u.value && I(re);
-    }, ne = (i) => {
-      a("dropdown-input", i), a("update:dropdown", { ...e == null ? void 0 : e.dropdown, value: i });
-    }, D = () => {
-      L.value.focus();
-    }, M = () => {
-      e.variant === "dropdown" ? g.value.focus() : D();
-    };
-    t({
-      focusInput: D,
-      focus: M
-    });
-    const U = x(be, "");
-    return !Object.values(A).includes(e.type) && !U && (e.type === "tel" ? E(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-phone-number" instead.`
-    ) : e.type === "password" ? E(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-password" instead.`
-    ) : E(`"bento-input-field" dropdown does not support the type '${e.type}'`)), e.error && T(
-      'BentoInputField "error" property',
-      `Use the BentoInputField "errorMessage" property instead to indicate that there is a modifier error.
-            Having the field as "undefined" will hide/remove the error.
-            <bento-dropdown errorMessage="Error message text" />`,
-      "2.0.0"
-    ), S("defaultIconBefore") && T(
-      'BentoInputField "defaultIconBefore" slot',
-      `Use the BentoInputField "iconBefore" slot instead to add an icon at the left side of the input field
-            <bento-input-field>
-              	<template #iconBefore>
-                		<my-icon-goes-here />
-              	</template>
-            </bento-input-field>`,
-      "2.0.0"
-    ), e.value && T(
-      'BentoInputField "value" property',
-      `The use of "value" prop in "BentoInputField" is no longer supported.
-             Use the "v-model" or "model-value" property instead.`,
-      "2.0.0"
-    ), { __sfc: !0, attrs: r, slots: l, props: e, emit: a, emitValue: I, t: m, hasSlot: S, inputFieldElement: L, inputDropdownElement: g, inputFieldId: H, dropdownId: y, staticValueId: v, descriptionId: N, errorId: O, isFocused: h, hint: Y, onFocus: q, onBlur: W, isReadOnly: u, isDropdownReadOnly: J, shouldShowStaticValue: p, isDefaultVariant: K, isPaymentMethodVariant: j, shouldDisplayStaticValueAtStart: z, shouldDisplayStaticValueAtEnd: X, shouldShowDropdown: c, shouldDisplayDropdownAtStart: Z, shouldDisplayDropdownAtEnd: G, shouldShowError: w, computedLabel: C, computedDescription: P, computedAriaOwns: Q, computedAriaLabelFallbackMessage: F, computedAriaLabelDropdowFallback: B, ariaLabelAttribute: R, ariaLabel: k, computedAriaLabel: V, computedAriaDescribedBy: ee, inputFieldConditionalClasses: te, inputFieldDropdownProps: oe, onInput: ae, onDropdownInput: ne, focusInput: D, focus: M, inputFieldParentComponent: U, BentoDropdown: _e, BentoTypography: me, ErrorMessage: Te, FieldLabel: Ee };
-  }
-});
-var Ne = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a(e.BentoTypography, { staticClass: "b-input-field", class: e.inputFieldConditionalClasses, attrs: { "data-testid": "input-text-container", el: "div", variant: "body" } }, [e.hasSlot("default") || t.label ? a(e.FieldLabel, { attrs: { for: e.inputFieldId, "data-testid": "input-field-label", "tooltip-text": t.tooltipText, optional: t.optional, required: t.required, label: t.label }, on: { click: e.focusInput } }, [t._t("default")], 2) : t._e(), a("div", { staticClass: "b-input-field__input-box", attrs: { "data-testid": "input-box", "aria-disabled": t.disabled }, on: { click: e.focusInput } }, [e.isDefaultVariant && (e.hasSlot("defaultIconBefore") || e.hasSlot("iconBefore")) ? a("span", { staticClass: "b-input-field__icon-before", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [e.hasSlot("iconBefore") ? t._t("iconBefore") : t._e(), e.hasSlot("defaultIconBefore") && !e.hasSlot("iconBefore") ? t._t("defaultIconBefore") : t._e()], 2) : t._e(), e.isPaymentMethodVariant && e.hasSlot("paymentMethod") ? a("span", { staticClass: "b-input-field__payment-method", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [t._t("paymentMethod")], 2) : t._e(), e.shouldDisplayDropdownAtStart ? a("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--start", attrs: { id: e.dropdownId }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e(), e.shouldDisplayStaticValueAtStart ? a(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--start", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), a("div", { staticClass: "b-input-field__input-container" }, [a("input", t._b({ ref: "inputFieldElement", staticClass: "b-input-field__input", attrs: { id: e.inputFieldId, "aria-label": e.computedAriaLabel, "aria-describedby": e.computedAriaDescribedBy, "aria-owns": e.computedAriaOwns, "aria-invalid": e.shouldShowError, placeholder: t.placeholder, required: t.required, "aria-required": t.required, type: t.type, disabled: t.disabled, readonly: e.isReadOnly }, domProps: { value: t.modelValue ?? t.value }, on: { input: e.onInput, change: function(r) {
-    return e.emit("change");
-  }, focus: e.onFocus, blur: e.onBlur, keydown: [function(r) {
-    return e.emit("keydown", r);
-  }, function(r) {
-    return !r.type.indexOf("key") && t._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : e.emit("escape-pressed");
-  }], keyup: function(r) {
-    return e.emit("keyup", r);
-  }, click: function(r) {
-    return e.emit("click", r);
-  } } }, "input", e.attrs, !1)), e.hint && e.isFocused && (t.modelValue || t.value) ? a(e.BentoTypography, { staticClass: "b-input-field__hint", attrs: { el: "span" } }, [t._v(" " + t._s(e.hint) + " ")]) : t._e()], 1), e.hasSlot("iconAfter") ? a("span", { staticClass: "b-input-field__icon-after", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0, "data-testid": "input-text__icon-after" } }, [t._t("iconAfter")], 2) : t._e(), e.shouldDisplayStaticValueAtEnd ? a(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--end", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), e.shouldDisplayDropdownAtEnd ? a("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--end", attrs: { id: e.dropdownId, "data-testid": "input-field-dropdown-container-end" }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { id: e.dropdownId, disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e()], 1), e.shouldShowError && t.errorMessage ? a(e.ErrorMessage, { staticClass: "b-input-field__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), e.hasSlot("description") || t.description ? a("span", { staticClass: "b-input-field__description", attrs: { id: e.descriptionId }, on: { click: e.focusInput } }, [a(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("description", function() {
-    return [t._v(" " + t._s(t.description) + " ")];
-  }, { id: "description" })], 2)], 1) : t._e()], 1);
-}, Oe = [], Ce = /* @__PURE__ */ Ae(
-  ge,
-  Ne,
-  Oe,
-  !1,
-  null,
-  "4ddfa1f9"
-);
-const qe = Ce.exports;
-export {
-  qe as B,
-  d as a,
-  Ie as b,
-  _ as c,
-  A as d,
-  s as e
-};
-//# sourceMappingURL=input-field.m1PMwa4C.js.map

package/dist/chunks/inspector.Bnm0hl_D.js

@@ -1,105 +0,0 @@
-import { ref as p, watch as T, defineComponent as F, computed as v, nextTick as L } from "vue";
-import { d as x, B as M } from "./typography.C8lPlsbD.js";
-import { B as k } from "./button.DxhJNOtr.js";
-import { B as A } from "./loading-indicator.PxbRzshH.js";
-import { B as I, s as O, g as H, a as w, f as D } from "./focus-trap.DRqjHzt6.js";
-import { E as P } from "./expand.Bbielaja.js";
-import { C as R } from "./cross.CC_B-vG-.js";
-import { g as z } from "./generate-uid.NJ8tVoha.js";
-import { u as N } from "./index.B6WW_F-J.js";
-import { a as V, b as $ } from "./index.CwzYJHw2.js";
-import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/inspector.css";
-function K(r) {
-  const t = p([]), e = V();
-  return T(e, (a) => {
-    !r.value || !a || !r.value.contains(a) || (t.value.unshift(a), t.value.length > 3 && t.value.pop());
-  }), {
-    findValidFocusFallback: () => {
-      for (const a of t.value)
-        if (a && document.body.contains(a))
-          return a;
-      return null;
-    }
-  };
-}
-const Y = {
-  "en-US": { close: "Close", expand: "Expand", inspector: "Inspector", returnToMainContent: "Return to main content (Ctrl+Shift+S)", returnToMainContentDescription: "You can use Ctrl + Shift + S to navigate between the inspector and page sections." },
-  "ja-JP": { close: "閉じる", expand: "展開", inspector: "インスペクター", returnToMainContent: "メインコンテンツに戻る（Ctrl+Shift+S）", returnToMainContentDescription: "Ctrl + Shift + S を使用して、インスペクターとページセクション間を移動できます。" },
-  "pt-BR": { close: "Fechar", expand: "Expandir", inspector: "Inspetor", returnToMainContent: "Voltar ao conteúdo principal (Ctrl+Shift+S)", returnToMainContentDescription: "Você pode usar Ctrl + Shift + S para navegar entre as seções do inspetor e da página." }
-}, U = { i18n: { messages: Y } }, X = /* @__PURE__ */ F({
-  ...U,
-  __name: "inspector",
-  props: {
-    activePage: { default: "" },
-    expandable: { type: Boolean, default: !1 },
-    isOpen: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    size: { default: "small" },
-    title: null,
-    relativeLayout: { default: "push-content" },
-    pageFocusAnchor: { default: null }
-  },
-  emits: ["update:is-open", "update:active-page", "expand"],
-  setup(r, { emit: n }) {
-    const t = r, { t: e } = N(), s = z("returnToMainContentDescription"), a = p(null), l = p(null), g = p(null), u = p(null), { width: m } = $(a), d = v(() => {
-      const C = t.size === "small" ? 740 : 915;
-      return m.value > 0 && m.value < C;
-    }), c = v(() => t.pageFocusAnchor), y = v(() => ({
-      [`b-inspector--${t.size}`]: !0,
-      [`b-inspector--${t.relativeLayout}`]: !0,
-      "b-inspector--is-compact": d.value
-    })), S = v(() => `${e("inspector")}, ${t.title}`), { findValidFocusFallback: f } = K(g), b = async () => {
-      t.isOpen ? (await L(), O(l.value, c.value)) : i(c.value ?? f());
-    }, B = (o) => {
-      if (d.value)
-        return;
-      const _ = o.shiftKey ? -1 : 1, C = H(_, l.value);
-      w() === C && (o.preventDefault(), u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0));
-    }, E = (o) => {
-      const _ = o.shiftKey && o.ctrlKey && o.key === "S";
-      t.isOpen && !d.value && _ && h();
-    }, h = () => {
-      D(l.value) ? (u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0)) : i(u.value);
-    }, i = (o) => {
-      o && (o == null || o.focus(), document.activeElement !== o && i(o.parentElement));
-    };
-    return T(
-      () => t.activePage,
-      () => {
-        t.activePage && b();
-      }
-    ), t.activePage || x(
-      'BentoInspector "active-page" as optional',
-      `Make sure to set the "active-page" prop and keep it in sync with "update:active-page".
-            "active-page" prop will be required in the next version`,
-      "2.0.0"
-    ), { __sfc: !0, props: t, emit: n, t: e, returnToMainContentDescriptionId: s, wrapper: a, inspector: l, page: g, inspectorLastFocusedElement: u, wrapperWidth: m, isCompact: d, computedPageLastFocusedElement: c, conditionalClass: y, inspectorAriaLabel: S, findValidFocusFallback: f, setFocus: b, handleTabNavigation: B, handleSectionFocus: E, moveFocusBetweenSections: h, focusElement: i, BentoTypography: M, BentoButton: k, BentoLoadingIndicator: A, BentoFocusTrap: I, ExpandIcon: P, CrossIcon: R };
-  }
-});
-var j = function() {
-  var n = this, t = n._self._c, e = n._self._setupProxy;
-  return t("div", { ref: "wrapper", staticClass: "b-inspector", class: e.conditionalClass, on: { keydown: e.handleSectionFocus } }, [t("div", { ref: "page", staticClass: "b-inspector__page-wrapper" }, [t("div", { staticClass: "b-inspector__page" }, [n._t("page")], 2)]), t("Transition", { attrs: { name: "b-inspector__animation", mode: "out-in" }, on: { "before-enter": e.setFocus, "after-leave": e.setFocus } }, [n.isOpen ? t("aside", { ref: "inspector", staticClass: "b-inspector__container-wrapper", attrs: { "aria-label": e.inspectorAriaLabel }, on: { keydown: function(s) {
-    return !s.type.indexOf("key") && n._k(s.keyCode, "tab", 9, s.key, "Tab") ? null : e.handleTabNavigation.apply(null, arguments);
-  } } }, [t(e.BentoFocusTrap, { attrs: { disabled: !e.isCompact } }, [t("div", { staticClass: "b-inspector__container" }, [t("div", { staticClass: "b-inspector__header" }, [e.isCompact ? n._e() : [t(e.BentoButton, { staticClass: "b-inspector__return-content", attrs: { variant: "secondary", condensed: "", "aria-describedby": e.returnToMainContentDescriptionId }, on: { click: e.moveFocusBetweenSections } }, [n._v(" " + n._s(e.t("returnToMainContent")) + " ")]), t("span", { staticClass: "b-inspector__return-content-description", attrs: { id: e.returnToMainContentDescriptionId } }, [n._v(n._s(e.t("returnToMainContentDescription")))])], t(e.BentoTypography, { staticClass: "b-inspector__title", attrs: { el: "h2", variant: "title" } }, [n._v(" " + n._s(n.title) + " ")]), t("div", { staticClass: "b-inspector__icons" }, [n.expandable ? t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(s) {
-    return e.emit("expand");
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [t(e.ExpandIcon, { attrs: { "svg-title": e.t("expand") } })];
-  }, proxy: !0 }], null, !1, 1210869445) }) : n._e(), t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(s) {
-    return e.emit("update:is-open", !1);
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [t(e.CrossIcon, { attrs: { "svg-title": e.t("close") } })];
-  }, proxy: !0 }], null, !1, 858730413) })], 1)], 2), t("div", { staticClass: "b-inspector__content" }, [n.loading ? t(e.BentoLoadingIndicator, { staticClass: "b-inspector__loading-indicator", attrs: { large: "" } }) : n._t("content")], 2)])])], 1) : n._e()])], 1);
-}, q = [], J = /* @__PURE__ */ G(
-  X,
-  j,
-  q,
-  !1,
-  null,
-  "62a28c4d"
-);
-const ct = J.exports;
-export {
-  ct as B
-};
-//# sourceMappingURL=inspector.Bnm0hl_D.js.map

package/dist/chunks/promo-banner.Db2kh2qK.js

@@ -1,64 +0,0 @@
-import { defineComponent as v, ref as B, computed as o } from "vue";
-import { b as y } from "./index.CwzYJHw2.js";
-import { B as R } from "./button.DxhJNOtr.js";
-import { a as c, b as I, B as b } from "./image.C2D2hKat.js";
-import { B as T } from "./typography.C8lPlsbD.js";
-import { u as C } from "./index.B6WW_F-J.js";
-import { g as O } from "./generate-uid.NJ8tVoha.js";
-import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/promo-banner.css";
-var u = /* @__PURE__ */ ((s) => (s.BLUE = "blue", s.GREY = "grey", s.GREEN = "green", s))(u || {}), l = /* @__PURE__ */ ((s) => (s.HORIZONTAL = "horizontal", s.VERTICAL = "vertical", s))(l || {});
-const L = {
-  "en-US": { dismiss: "Dismiss" },
-  "ja-JP": { dismiss: "却下" },
-  "pt-BR": { dismiss: "Descartar" }
-}, x = {
-  i18n: { messages: L },
-  name: "bento-promo-banner"
-}, k = /* @__PURE__ */ v({
-  ...x,
-  props: {
-    actions: { default: null },
-    color: { default: u.GREY },
-    isDismissible: { type: Boolean, default: !0 },
-    dismissButtonText: { default: null },
-    image: null,
-    layout: { default: l.HORIZONTAL },
-    title: null
-  },
-  emits: ["dismiss"],
-  setup(s, { emit: e }) {
-    const n = s, { t: i } = C(), t = B(null), a = y(t), _ = O("promoBannerTitle"), m = o(() => n.image.aspectRatio === c.P16_9 ? 800 : n.image.aspectRatio === c.P2_1 ? 850 : n.image.aspectRatio === c.P1_1 ? 623 : 0), p = o(() => n.layout === l.HORIZONTAL && a.width.value <= m.value ? l.VERTICAL : n.layout), f = o(
-      () => [`b-promo-banner--${p.value}`, `b-promo-banner--${n.color}`].join(" ")
-    ), d = (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), g = o(() => n.dismissButtonText || i("dismiss"));
-    return { __sfc: !0, t: i, props: n, emit: e, promoBannerRef: t, promoBannerSize: a, promoBannerTitleId: _, horizontalLayoutBreakpoint: m, bannerLayoutClass: p, bannerConditionalClass: f, isIconOnly: d, computedDismissButtonText: g, BentoButton: R, BentoImage: b, BentoImageObjectFit: I, BentoTypography: T };
-  }
-});
-var E = function() {
-  var e = this, n = e._self._c, i = e._self._setupProxy;
-  return n("section", { ref: "promoBannerRef", staticClass: "b-promo-banner", class: i.bannerConditionalClass, attrs: { "aria-labelledby": i.promoBannerTitleId } }, [n("div", { staticClass: "b-promo-banner__content" }, [n("div", { staticClass: "b-promo-banner__content-header" }, [n(i.BentoTypography, { attrs: { id: i.promoBannerTitleId, variant: "title", large: "" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("description")], 2), n("div", { staticClass: "b-promo-banner__content-actions" }, [e.actions ? e._l(e.actions, function(t, a) {
-    return n(i.BentoButton, { key: a, attrs: { variant: t.variant, critical: t.critical, disabled: t.disabled, inverse: t.inverse, "icon-only": t.iconOnly, link: t.link }, on: { click: t.event }, scopedSlots: e._u([t.icon || t.iconLeft ? { key: "iconLeft", fn: function() {
-      return [n(t.icon || t.iconLeft, { tag: "component", attrs: { "svg-title": t.title } })];
-    }, proxy: !0 } : null, i.isIconOnly(t) ? null : { key: "default", fn: function() {
-      return [e._v(" " + e._s(t.title) + " ")];
-    }, proxy: !0 }, t.iconRight ? { key: "iconRight", fn: function() {
-      return [n(t.iconRight, { tag: "component", attrs: { "svg-title": t.title } })];
-    }, proxy: !0 } : null], null, !0) });
-  }) : e._e(), e.isDismissible ? n(i.BentoButton, { attrs: { variant: "secondary" }, on: { click: function(t) {
-    return i.emit("dismiss");
-  } } }, [e._v(" " + e._s(i.computedDismissButtonText) + " ")]) : e._e()], 2)]), n("div", { staticClass: "b-promo-banner__image" }, [n(i.BentoImage, { staticClass: "b-promo-banner__image-item", attrs: { src: e.image.src, alt: e.image.alt ?? "", "aspect-ratio": e.image.aspectRatio, "object-fit": i.BentoImageObjectFit.CONTAIN } })], 1)]);
-}, A = [], D = /* @__PURE__ */ h(
-  k,
-  E,
-  A,
-  !1,
-  null,
-  "bb0ef392"
-);
-const Z = D.exports;
-export {
-  u as B,
-  l as a,
-  Z as p
-};
-//# sourceMappingURL=promo-banner.Db2kh2qK.js.map