@adyen/bento-vue2 1.41.0 → 1.42.0

package/dist/chunks/index.D5am6ibQ.js

@@ -1,249 +0,0 @@
-import "./index.Cl4_42j5.js";
-import { getCurrentScope as N, onScopeDispose as A, unref as L, onMounted as E, nextTick as T, getCurrentInstance as $, ref as m, watchEffect as j, computed as y, watch as g } from "vue";
-function S(t) {
-  return N() ? (A(t), !0) : !1;
-}
-function x(t) {
-  return typeof t == "function" ? t() : L(t);
-}
-const B = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const C = Object.prototype.toString, _ = (t) => C.call(t) === "[object Object]", z = () => {
-};
-function R(t, n) {
-  var r;
-  if (typeof t == "number")
-    return t + n;
-  const u = ((r = t.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : r[0]) || "", o = t.slice(u.length), c = Number.parseFloat(u) + n;
-  return Number.isNaN(c) ? t : c + o;
-}
-function F(t) {
-  return $();
-}
-function W(t, n = !0, r) {
-  F() ? E(t, r) : n ? t() : T(t);
-}
-function p(t) {
-  var n;
-  const r = x(t);
-  return (n = r == null ? void 0 : r.$el) != null ? n : r;
-}
-const w = B ? window : void 0;
-function I(...t) {
-  let n, r, u, o;
-  if (typeof t[0] == "string" || Array.isArray(t[0]) ? ([r, u, o] = t, n = w) : [n, r, u, o] = t, !n)
-    return z;
-  Array.isArray(r) || (r = [r]), Array.isArray(u) || (u = [u]);
-  const c = [], a = () => {
-    c.forEach((f) => f()), c.length = 0;
-  }, e = (f, s, d, h) => (f.addEventListener(s, d, h), () => f.removeEventListener(s, d, h)), i = g(
-    () => [p(n), x(o)],
-    ([f, s]) => {
-      if (a(), !f)
-        return;
-      const d = _(s) ? { ...s } : s;
-      c.push(
-        ...r.flatMap((h) => u.map((v) => e(f, h, v, d)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), l = () => {
-    i(), a();
-  };
-  return S(l), l;
-}
-function G() {
-  const t = m(!1);
-  return $() && E(() => {
-    t.value = !0;
-  }), t;
-}
-function M(t) {
-  const n = G();
-  return y(() => (n.value, !!t()));
-}
-function b(t, n = {}) {
-  const { window: r = w } = n, u = M(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
-  let o;
-  const c = m(!1), a = (l) => {
-    c.value = l.matches;
-  }, e = () => {
-    o && ("removeEventListener" in o ? o.removeEventListener("change", a) : o.removeListener(a));
-  }, i = j(() => {
-    u.value && (e(), o = r.matchMedia(x(t)), "addEventListener" in o ? o.addEventListener("change", a) : o.addListener(a), c.value = o.matches);
-  });
-  return S(() => {
-    i(), e(), o = void 0;
-  }), c;
-}
-function q(t, n = {}) {
-  function r(e, i) {
-    let l = x(t[e]);
-    return i != null && (l = R(l, i)), typeof l == "number" && (l = `${l}px`), l;
-  }
-  const { window: u = w } = n;
-  function o(e) {
-    return u ? u.matchMedia(e).matches : !1;
-  }
-  const c = (e) => b(() => `(min-width: ${r(e)})`, n), a = Object.keys(t).reduce((e, i) => (Object.defineProperty(e, i, {
-    get: () => c(i),
-    enumerable: !0,
-    configurable: !0
-  }), e), {});
-  return Object.assign(a, {
-    greater(e) {
-      return b(() => `(min-width: ${r(e, 0.1)})`, n);
-    },
-    greaterOrEqual: c,
-    smaller(e) {
-      return b(() => `(max-width: ${r(e, -0.1)})`, n);
-    },
-    smallerOrEqual(e) {
-      return b(() => `(max-width: ${r(e)})`, n);
-    },
-    between(e, i) {
-      return b(() => `(min-width: ${r(e)}) and (max-width: ${r(i, -0.1)})`, n);
-    },
-    isGreater(e) {
-      return o(`(min-width: ${r(e, 0.1)})`);
-    },
-    isGreaterOrEqual(e) {
-      return o(`(min-width: ${r(e)})`);
-    },
-    isSmaller(e) {
-      return o(`(max-width: ${r(e, -0.1)})`);
-    },
-    isSmallerOrEqual(e) {
-      return o(`(max-width: ${r(e)})`);
-    },
-    isInBetween(e, i) {
-      return o(`(min-width: ${r(e)}) and (max-width: ${r(i, -0.1)})`);
-    },
-    current() {
-      const e = Object.keys(t).map((i) => [i, c(i)]);
-      return y(() => e.filter(([, i]) => i.value).map(([i]) => i));
-    }
-  });
-}
-function H(t, n, r = {}) {
-  const { window: u = w, ...o } = r;
-  let c;
-  const a = M(() => u && "ResizeObserver" in u), e = () => {
-    c && (c.disconnect(), c = void 0);
-  }, i = y(() => Array.isArray(t) ? t.map((s) => p(s)) : [p(t)]), l = g(
-    i,
-    (s) => {
-      if (e(), a.value && u) {
-        c = new ResizeObserver(n);
-        for (const d of s)
-          d && c.observe(d, o);
-      }
-    },
-    { immediate: !0, flush: "post", deep: !0 }
-  ), f = () => {
-    e(), l();
-  };
-  return S(f), {
-    isSupported: a,
-    stop: f
-  };
-}
-function P(t, n = { width: 0, height: 0 }, r = {}) {
-  const { window: u = w, box: o = "content-box" } = r, c = y(() => {
-    var s, d;
-    return (d = (s = p(t)) == null ? void 0 : s.namespaceURI) == null ? void 0 : d.includes("svg");
-  }), a = m(n.width), e = m(n.height), { stop: i } = H(
-    t,
-    ([s]) => {
-      const d = o === "border-box" ? s.borderBoxSize : o === "content-box" ? s.contentBoxSize : s.devicePixelContentBoxSize;
-      if (u && c.value) {
-        const h = p(t);
-        if (h) {
-          const v = u.getComputedStyle(h);
-          a.value = Number.parseFloat(v.width), e.value = Number.parseFloat(v.height);
-        }
-      } else if (d) {
-        const h = Array.isArray(d) ? d : [d];
-        a.value = h.reduce((v, { inlineSize: O }) => v + O, 0), e.value = h.reduce((v, { blockSize: O }) => v + O, 0);
-      } else
-        a.value = s.contentRect.width, e.value = s.contentRect.height;
-    },
-    r
-  );
-  W(() => {
-    const s = p(t);
-    s && (a.value = "offsetWidth" in s ? s.offsetWidth : n.width, e.value = "offsetHeight" in s ? s.offsetHeight : n.height);
-  });
-  const l = g(
-    () => p(t),
-    (s) => {
-      a.value = s ? n.width : 0, e.value = s ? n.height : 0;
-    }
-  );
-  function f() {
-    i(), l();
-  }
-  return {
-    width: a,
-    height: e,
-    stop: f
-  };
-}
-function k(t = {}) {
-  const { window: n = w, behavior: r = "auto" } = t;
-  if (!n)
-    return {
-      x: m(0),
-      y: m(0)
-    };
-  const u = m(n.scrollX), o = m(n.scrollY), c = y({
-    get() {
-      return u.value;
-    },
-    set(e) {
-      scrollTo({ left: e, behavior: r });
-    }
-  }), a = y({
-    get() {
-      return o.value;
-    },
-    set(e) {
-      scrollTo({ top: e, behavior: r });
-    }
-  });
-  return I(
-    n,
-    "scroll",
-    () => {
-      u.value = n.scrollX, o.value = n.scrollY;
-    },
-    {
-      capture: !1,
-      passive: !0
-    }
-  ), { x: c, y: a };
-}
-function X(t = {}) {
-  const {
-    window: n = w,
-    initialWidth: r = Number.POSITIVE_INFINITY,
-    initialHeight: u = Number.POSITIVE_INFINITY,
-    listenOrientation: o = !0,
-    includeScrollbar: c = !0
-  } = t, a = m(r), e = m(u), i = () => {
-    n && (c ? (a.value = n.innerWidth, e.value = n.innerHeight) : (a.value = n.document.documentElement.clientWidth, e.value = n.document.documentElement.clientHeight));
-  };
-  if (i(), W(i), I("resize", i, { passive: !0 }), o) {
-    const l = b("(orientation: portrait)");
-    g(l, () => i());
-  }
-  return { width: a, height: e };
-}
-export {
-  P as a,
-  k as b,
-  b as c,
-  q as d,
-  X as u
-};
-//# sourceMappingURL=index.D5am6ibQ.js.map

package/dist/chunks/input-field.CKOdyDVy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.CKOdyDVy.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { BentoDropdown } from '@/components/dropdown/';\nimport type { HTMLAttributes } from 'vue/types/jsx';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldVariant {\n    DEFAULT = 'default',\n    PAYMENT_METHOD = 'payment-method',\n    STATIC_VALUE = 'static-value',\n    DROPDOWN = 'dropdown',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldElementPosition {\n    START = 'start',\n    END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n    CONDENSED = 'condensed',\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldType {\n    SEARCH = 'search',\n    TEXT = 'text',\n    NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string | number;\n\ntype DropdownProps = InstanceType<typeof BentoDropdown>['$props'];\nexport type BentoInputDropdownProps = {\n    items: DropdownProps['items'];\n    value: DropdownProps['value'];\n    dynamicFiltering?: DropdownProps['dynamicFiltering'];\n    'aria-label'?: HTMLAttributes['aria-label'];\n};\n\n/**\n * @deprecated The use of these enums is no longer supported.\n * Use `v-on:` or `@` to listen to the events being emitted.\n * This enum will be removed in 2.0.\n */\nexport enum BentoInputFieldEvent {\n    INPUT = 'input',\n    ESCAPE_PRESSED = 'escape-pressed',\n    UPDATE_DROPDOWN = 'update:dropdown',\n    DROPDOWN_INPUT = 'dropdown-input',\n    FOCUS = 'focus',\n    CHANGE = 'change',\n    BLUR = 'blur',\n    KEYDOWN = 'keydown',\n}\n","<template>\n    <bento-typography\n        class=\"b-input-field\"\n        data-testid=\"input-text-container\"\n        :class=\"inputFieldConditionalClasses\"\n        el=\"div\"\n        variant=\"body\"\n    >\n        <field-label\n            v-if=\"hasSlot('default')\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n            @click=\"focusInput\"\n        >\n            <slot></slot>\n        </field-label>\n\n        <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n            <!-- Optional Icon for Default text variant -->\n            <span\n                v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') || hasSlot('iconBefore'))\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-before\"\n            >\n                <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n                <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n            </span>\n\n            <!-- Mandatory Icon for Payment Method variant -->\n            <span\n                v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__payment-method\"\n            >\n                <slot name=\"paymentMethod\" />\n            </span>\n\n            <!-- Dropdown at start -->\n            <div\n                v-if=\"shouldDisplayDropdownAtStart\"\n                :id=\"dropdownId\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onDropdownInput\"\n                />\n            </div>\n\n            <!-- Static Value at start -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtStart\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--start\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n            <div class=\"b-input-field__input-container\">\n                <input\n                    :id=\"inputFieldId\"\n                    v-bind=\"attrs\"\n                    ref=\"inputFieldElement\"\n                    class=\"b-input-field__input\"\n                    :aria-label=\"computedAriaLabel\"\n                    :aria-describedby=\"computedAriaDescribedBy\"\n                    :aria-owns=\"computedAriaOwns\"\n                    :aria-invalid=\"shouldShowError\"\n                    :placeholder=\"placeholder\"\n                    :type=\"type\"\n                    :value=\"value\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onInput\"\n                    @change=\"emit('change')\"\n                    @focus=\"onFocus\"\n                    @blur=\"onBlur\"\n                    @keydown=\"emit('keydown', $event)\"\n                    @keydown.esc=\"emit('escape-pressed')\"\n                />\n\n                <!-- Hint at the end -->\n                <bento-typography v-if=\"hint && isFocused && value\" el=\"span\" class=\"b-input-field__hint\">\n                    {{ hint }}\n                </bento-typography>\n            </div>\n\n            <span\n                v-if=\"hasSlot('iconAfter')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-after\"\n                data-testid=\"input-text__icon-after\"\n            >\n                <slot name=\"iconAfter\" />\n            </span>\n\n            <!-- Static Value at the end -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtEnd\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--end\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n\n            <!-- Dropdown at end -->\n            <div\n                v-if=\"shouldDisplayDropdownAtEnd\"\n                :id=\"dropdownId\"\n                data-testid=\"input-field-dropdown-container-end\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    :id=\"dropdownId\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onDropdownInput\"\n                />\n            </div>\n        </div>\n\n        <error-message\n            v-if=\"shouldShowError && !!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-input-field__error-message\"\n        />\n\n        <span v-if=\"hasSlot('description')\" :id=\"descriptionId\" class=\"b-input-field__description\" @click=\"focusInput\">\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\" />\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, PropType, provide, Ref, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoTypography } from '@/components/typography';\n    import { ErrorMessage, FieldLabel } from '@/internal';\n\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import {\n        INPUT_FIELD_COMPONENT_INJECTION_KEY,\n        INPUT_FIELD_HINT_INJECTION_KEY,\n    } from '@/components/input-field/input-field.keys';\n\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        BentoInputFieldValue,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n    import { BentoListboxSelectedValue } from '@/types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Indicates whether the element is exposed to an accessibility API.\n         */\n        ariaHidden: { type: Boolean, default: true },\n\n        /**\n         * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n         */\n        /**\n         * Text that labels an the input element\n         */\n        ariaLabel: { type: String, default: undefined },\n\n        /**\n         * Reduces height of the input\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Disables the possibility of changing value in the input-field\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Dropdown props for the small selectable dropdown menu.\n         * Properties supported:\n         *\n         *  - `value`: Selected value of the dropdown\n         *  - `items`: List of available items\n         *  - `aria-label`: Text that labels the dropdown element\n         *\n         */\n        dropdown: {\n            type: Object as PropType<BentoInputDropdownProps>,\n            default: undefined,\n        },\n\n        /**\n         * Position of the dropdown before or after input value\n         */\n        dropdownPosition: {\n            type: String as PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>,\n            default: BentoInputFieldElementPosition.START,\n            validator: (value: BentoInputFieldElementPosition) =>\n                Object.values(BentoInputFieldElementPosition).includes(value),\n        },\n\n        /**\n         * Adds error validation class for outlining input-field.\n         *\n         * @deprecated Use \"errorMessage\" prop instead\n         */\n        error: { type: Boolean, default: false },\n\n        /**\n         * Renders input-field with an error state and the error message beneath the input box\n         */\n        errorMessage: { type: String, default: null },\n\n        /**\n         * Highlights the dropdown is optional.\n         */\n        optional: { type: Boolean, default: false },\n\n        /**\n         * Text displayed as the placeholder of the input-field\n         */\n        placeholder: { type: String, default: '' },\n\n        /**\n         * Highlights the dropdown is required.\n         */\n        required: { type: Boolean, default: false },\n\n        /**\n         * Setting this property to true will set the input field to read only state.\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * Static text that displayed before or after input value\n         * Applicable to the Static Value variant\n         */\n        staticValue: { type: String, default: '' },\n\n        /**\n         * Position of Static Value before or after input value\n         */\n        staticValuePosition: {\n            type: String as PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>,\n            default: BentoInputFieldElementPosition.START,\n            validator: (value: BentoInputFieldElementPosition) =>\n                Object.values(BentoInputFieldElementPosition).includes(value),\n        },\n\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: { type: String, default: null },\n\n        /**\n         * A string specifying the type of control to render.\n         * All `input` types are available but only `search`, `text` and `number` are fully supported.\n         *\n         * If `type` is `search`, use `bento-search-bar` instead.\n         */\n        type: {\n            type: String as PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type']>,\n            default: BentoInputFieldType.TEXT,\n        },\n\n        /**\n         * Text displayed as the value of the input-field\n         */\n        value: { type: [String, Number] as PropType<BentoInputFieldValue>, default: undefined },\n\n        /**\n         * Describes the different variants for the input element\n         */\n        variant: {\n            type: String as PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>,\n            default: BentoInputFieldVariant.DEFAULT,\n            validator: (value: BentoInputFieldVariant) => Object.values(BentoInputFieldVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits([\"update:dropdown\", \"blur\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"input\"]);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const hasSlot = useHasSlot(slots);\n    const inputFieldElement = ref(null);\n    const inputFieldId = generateUid('input');\n    const dropdownId = generateUid('input-dropdown');\n    const staticValueId = generateUid('input-static-value');\n    const descriptionId = generateUid('input-description');\n    const errorId = generateUid('input-error');\n    const isFocused = ref(false);\n\n    // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n    provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n    // Renders the input with a hint if a string is provided\n    const hint = inject<Ref<string | undefined>>(INPUT_FIELD_HINT_INJECTION_KEY, ref(undefined));\n\n    const onFocus = () => {\n        isFocused.value = true;\n        emit('focus');\n    };\n\n    const onBlur = () => {\n        isFocused.value = false;\n        emit('blur');\n    };\n\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n    const shouldShowStaticValue = computed(\n        () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n    );\n\n    const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n    const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n    const shouldDisplayStaticValueAtStart = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayStaticValueAtEnd = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n    const shouldDisplayDropdownAtStart = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayDropdownAtEnd = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowError = computed(\n        () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.error)\n    );\n\n    const computedAriaOwns = computed(() => {\n        if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n            return `${staticValueId} ${dropdownId}`;\n        }\n        if (shouldShowDropdown.value === true) {\n            return `${dropdownId}`;\n        }\n        if (shouldShowStaticValue.value === true) {\n            return `${staticValueId}`;\n        }\n        return null;\n    });\n\n    // vue-i18n issue with t() used in script - direct usage in template works\n    // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n    const computedAriaLabelFallbackMessage = computed(() => t('ariaLabelFallback'));\n    const computedAriaLabelDropdowFallback = computed(() =>\n        t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n    );\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: hasSlot('default')\n            ? (getSlotText(slots)('default') as string)\n            : computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${hasSlot('description') ? descriptionId : ''} ${\n                shouldShowError.value && !!props.errorMessage ? errorId : ''\n            }`\n    );\n\n    const inputFieldConditionalClasses = computed(() => ({\n        [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n        [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n        [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n        [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n    }));\n\n    const inputFieldDropdownProps = computed(() => ({\n        'aria-label': computedAriaLabelDropdowFallback.value,\n        ...props.dropdown,\n    }));\n\n    const onInput = (event: Event) => {\n        const inputValue = (event.target as HTMLInputElement).value;\n        if (!props.disabled && !isReadOnly.value) {\n            emit('input', inputValue);\n        }\n    };\n\n    const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n        emit('dropdown-input', selectedValue);\n        emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n    };\n\n    const focusInput = () => {\n        inputFieldElement.value.focus();\n    };\n\n    // Expose method so that other components can focus on it in Vue3\n    defineExpose({\n        focusInput,\n    });\n\n    if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType)) {\n        printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type ${props.type}`);\n    }\n\n    /**\n     * Deprecations\n     */\n    if (props.error) {\n        deprecate(\n            'BentoInputField \"error\" property',\n            `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n            Having the field as \"undefined\" will hide/remove the error.\n            <bento-dropdown errorMessage=\"Error message text\" />`,\n            '2.0.0'\n        );\n    }\n\n    if (hasSlot('defaultIconBefore')) {\n        deprecate(\n            'BentoInputField \"defaultIconBefore\" slot',\n            `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n            <bento-input-field>\n              \\t<template #iconBefore>\n                \\t\\t<my-icon-goes-here />\n              \\t</template>\n            </bento-input-field>`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Input field component is used to create interactive controls for web-based\n     * forms in order to accept data from the user.\n     *\n     * @example\n     * import { BentoInputField } from '@adyen/bento-vue2'\n     *\n     * const inputValue = ref('');\n     *\n     * export default {\n     *      components: { BentoInputField },\n     *      tempate: `\n     *          <bento-input-field\n     *              :value=\"inputValue\"\n     *              :input=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","isFocused","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","hint","inject","INPUT_FIELD_HINT_INJECTION_KEY","onFocus","emit","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","props","shouldShowStaticValue","computed","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","getSlotText","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","expose","printDevelopmentWarning","deprecate"],"mappings":"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"}

package/dist/chunks/step.D3-7YL7-.js

@@ -1,234 +0,0 @@
-import { defineComponent as w, ref as p, computed as o, watch as A, provide as L, readonly as z, useSlots as Z, inject as U, onMounted as M, onBeforeUnmount as j } from "vue";
-import { B as D } from "./typography.Bu_WAKdf.js";
-import { u as G } from "./i18n.BQkEbtPM.js";
-import { B as E, a as q } from "./keyboard-navigation.Clz1jOaA.js";
-import { n as O } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as J } from "./base-button.4UYC3kp2.js";
-import { C as Q } from "./checkmark-small.BtF8b2gE.js";
-import "../assets/step.css";
-const X = (a) => {
-  function t(i) {
-    return ({ detail: c }) => {
-      var s;
-      c.preventDefault();
-      const l = a.value.indexOf(document.activeElement);
-      l < 0 || (s = a.value[l + i]) == null || s.focus();
-    };
-  }
-  const n = t(-1), e = t(1);
-  return {
-    [E.ARROW_DOWN]: e,
-    [E.ARROW_RIGHT]: e,
-    [E.ARROW_UP]: n,
-    [E.ARROW_LEFT]: n
-  };
-}, Y = (a) => {
-  const t = a.buttonElement.value.parentElement, n = t.parentElement;
-  return Array.from(n.children).indexOf(t);
-}, k = (a) => ({ registerStep: (e) => {
-  const i = Y(e);
-  a.value.splice(i, 0, {
-    stepContent: e.stepContent,
-    buttonElement: e.buttonElement,
-    substeps: e.substeps
-  });
-}, removeStep: (e) => {
-  a.value.splice(
-    a.value.findIndex((i) => i.buttonElement === e.buttonElement.value),
-    1
-  );
-} }), B = Symbol("stepper state");
-var T = /* @__PURE__ */ ((a) => (a.LINEAR = "linear", a.NON_LINEAR = "non-linear", a))(T || {}), $ = /* @__PURE__ */ ((a) => (a.HORIZONTAL = "horizontal", a.VERTICAL = "vertical", a))($ || {});
-const ee = {
-  "en-US": {
-    step: "Step {currentIndex}/{totalSteps} {content}"
-  }
-}, te = {
-  i18n: { messages: ee },
-  name: "stepper"
-}, se = /* @__PURE__ */ w({
-  ...te,
-  props: {
-    /**
-     * Type of stepper; defines how the stepper should behave. Default: linear
-     * @values linear, non-linear
-     */
-    type: {
-      type: String,
-      default: "linear"
-    },
-    /**
-     * Stepper variant; defines how the stepper should be displayed. Default: vertical
-     * @values vertical, horizontal
-     */
-    variant: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * Active step index
-     */
-    index: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:index"],
-  setup(a, { emit: t }) {
-    const n = a, { t: e } = G(), i = p([]), c = p(n.index), l = p(c.value), s = (r) => {
-      r > l.value && (l.value = r), c.value = r;
-    }, b = o(() => {
-      var r;
-      return (r = i.value[c.value]) == null ? void 0 : r.stepContent;
-    }), v = o(() => i.value.length), m = o(() => i.value.map(({ buttonElement: r }) => r)), f = o(() => n.variant === $.HORIZONTAL), d = o(
-      () => i.value.map(({ buttonElement: r, substeps: h }, g) => {
-        const N = c.value === g;
-        return !f.value && N ? [r].concat(h.map((y) => y.buttonElement)) : [r];
-      }).flat()
-    ), { registerStep: _, removeStep: S } = k(i), C = p({
-      activeStepIndex: c,
-      latestActiveStep: l,
-      steps: m,
-      type: n.type,
-      variant: n.variant,
-      navigateToStep: s,
-      registerStep: _,
-      removeStep: S
-    }), x = o(() => ({
-      "b-stepper__list--horizontal": f.value
-    }));
-    A(() => n.index, s), A(c, (r) => {
-      t("update:index", r);
-    });
-    const I = X(d);
-    return L(B, z(C)), { __sfc: !0, props: n, emit: t, t: e, childrenSteps: i, activeStepIndex: c, latestActiveStep: l, navigateToStep: s, currentStepContent: b, stepsAmount: v, childrenStepsElements: m, isHorizontalVariant: f, allVisibleStepsElements: d, registerStep: _, removeStep: S, stepperState: C, conditionalClasses: x, keyboardNavigationListeners: I, BentoTypography: D, vBentoKeyboardNavigationDirective: q };
-  }
-});
-var ne = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n("nav", { staticClass: "b-stepper" }, [n("ol", t._g({ directives: [{ name: "bento-keyboard-navigation-directive", rawName: "v-bento-keyboard-navigation-directive" }], staticClass: "b-stepper__list", class: e.conditionalClasses }, e.keyboardNavigationListeners), [t._t("default")], 2), n(e.BentoTypography, { staticClass: "b-stepper__text-stepper", attrs: { el: "span", variant: "body", stronger: "" } }, [t._v(t._s(e.t("step", { currentIndex: e.activeStepIndex + 1, totalSteps: e.stepsAmount, content: e.currentStepContent })) + " ")])], 1);
-}, ae = [], oe = /* @__PURE__ */ O(
-  se,
-  ne,
-  ae,
-  !1,
-  null,
-  "8dd6f794"
-);
-const Ie = oe.exports;
-let V = 0;
-const re = {
-  beforeCreate() {
-    this.uuid = V.toString(), V += 1;
-  }
-};
-var ie = function() {
-  var t = this, n = t._self._c;
-  return n("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? n("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), n("path", { attrs: { fill: "#00112C", d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z" } })]);
-}, le = [], ue = /* @__PURE__ */ O(
-  re,
-  ie,
-  le,
-  !1,
-  null,
-  null
-);
-const ce = ue.exports, pe = {
-  name: "step"
-}, ve = /* @__PURE__ */ w({
-  ...pe,
-  props: {
-    /**
-     * Completed status. Used on non-linear steppers to indicate if the step is completed.
-     */
-    completed: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Active substep index
-     */
-    substepIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  emits: ["update:substep-index"],
-  setup(a, { emit: t }) {
-    const n = a, e = Z(), i = p(null), c = p(null), l = p([]), s = U(B), b = o(() => {
-      var u;
-      return (u = i.value) == null ? void 0 : u.$el;
-    }), v = o(() => s == null ? void 0 : s.value.steps.indexOf(b.value)), m = o(() => {
-      var u;
-      return (u = c.value) == null ? void 0 : u.$el.textContent;
-    }), f = o(() => l.value.map(({ buttonElement: u }) => u)), d = p(n.substepIndex), _ = p(d.value), S = (u) => {
-      u > _.value && (_.value = u), d.value = u;
-    }, { registerStep: C, removeStep: x } = k(l), I = p({
-      activeStepIndex: d,
-      latestActiveStep: _,
-      type: s.value.type,
-      variant: s.value.variant,
-      steps: f,
-      isParentStep: !0,
-      navigateToStep: S,
-      registerStep: C,
-      removeStep: x
-    });
-    L(B, I), A(() => n.substepIndex, S), A(d, (u) => {
-      t("update:substep-index", u);
-    }), M(() => {
-      if (!s)
-        throw new Error(
-          "BentoStep components should only be used inside BentoStepper or other BentoStep components."
-        );
-      s.value.registerStep({
-        buttonElement: b,
-        stepContent: m,
-        substeps: l
-      });
-    }), j(() => {
-      s.value.removeStep({
-        buttonElement: b,
-        stepContent: m,
-        substeps: l
-      });
-    });
-    const r = o(() => s.value.isParentStep), h = p(!1), g = o(() => (s == null ? void 0 : s.value.activeStepIndex) === v.value), N = o(
-      () => g.value && s.value.variant !== $.HORIZONTAL && !r.value && e.substeps
-    ), R = o(() => (s == null ? void 0 : s.value.type) === T.NON_LINEAR ? n.completed : (s == null ? void 0 : s.value.latestActiveStep) > v.value), y = o(
-      () => (s == null ? void 0 : s.value.type) === T.LINEAR && v.value > (s == null ? void 0 : s.value.latestActiveStep)
-    ), P = () => {
-      y.value || s.value.navigateToStep(v.value);
-    }, F = o(() => g.value ? "step" : "false"), H = o(() => y.value.toString()), K = o(() => h.value || v.value === 0 && !r.value ? "0" : "-1"), W = o(() => ({
-      "b-step--active": g.value,
-      "b-step--completed": R.value,
-      "b-step--substep": r.value
-    }));
-    return { __sfc: !0, slots: e, props: n, emit: t, buttonComponent: i, stepContent: c, substeps: l, stepper: s, buttonElement: b, index: v, stepContentValue: m, substepsButtonElements: f, activeSubStepIndex: d, latestActiveSubStepIndex: _, navigateToSubstep: S, registerStep: C, removeStep: x, stepState: I, isSubstep: r, isFocused: h, isActive: g, isSubstepsVisible: N, isCompleted: R, isDisabled: y, navigateToStep: P, ariaCurrentValue: F, ariaDisabledValue: H, tabIndexValue: K, conditionalClasses: W, BaseButton: J, BentoTypography: D, CheckmarkSmallIcon: Q, DotIcon: ce };
-  }
-});
-var de = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n("li", { staticClass: "b-step", class: e.conditionalClasses }, [n(e.BaseButton, { ref: "buttonComponent", staticClass: "b-step__button", attrs: { "aria-current": e.ariaCurrentValue, "aria-disabled": e.ariaDisabledValue, type: "button", tabindex: e.tabIndexValue, disabled: e.isDisabled }, on: { click: e.navigateToStep, focus: function(i) {
-    e.isFocused = !0;
-  }, blur: function(i) {
-    e.isFocused = !1;
-  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
-    return [n(e.BentoTypography, { staticClass: "b-step__index", attrs: { el: "span", variant: "body", stronger: "", "aria-hidden": "true" } }, [e.isCompleted ? n(e.CheckmarkSmallIcon) : e.isSubstep ? n(e.DotIcon) : [t._v(t._s(e.index + 1))]], 2)];
-  }, proxy: !0 }]) }, [n(e.BentoTypography, { ref: "stepContent", staticClass: "b-step__content", attrs: { el: "span", variant: "body", stronger: e.isActive } }, [t._t("default")], 2)], 1), n("ul", { directives: [{ name: "show", rawName: "v-show", value: e.isSubstepsVisible, expression: "isSubstepsVisible" }], ref: "substepList", staticClass: "b-step__substep-list" }, [t._t("substeps")], 2)], 1);
-}, _e = [], be = /* @__PURE__ */ O(
-  ve,
-  de,
-  _e,
-  !1,
-  null,
-  "1941e86b"
-);
-const he = be.exports;
-export {
-  T as B,
-  he as a,
-  $ as b,
-  Ie as s
-};
-//# sourceMappingURL=step.D3-7YL7-.js.map

package/dist/chunks/step.D3-7YL7-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step.D3-7YL7-.js","sources":["../../src/components/stepper/composables/use-keyboard-navigation/use-keyboard-navigation.ts","../../src/components/stepper/composables/use-step-register/use-step-register.ts","../../src/components/stepper/stepper.keys.ts","../../src/components/stepper/stepper.types.ts","../../src/components/stepper/stepper.vue","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/dot.vue","../../src/components/stepper/components/step/step.vue"],"sourcesContent":["import { Ref, UnwrapRef } from 'vue';\n\nimport { BentoKeyboardNavigationKeyDownEvent } from '@/types';\n\n/**\n * Returns keyboard navigation's event handlers to navigate through the steps\n *\n * @param steps the list of bento-steps DOM elements to focus on the navigation\n * @returns\n */\nexport const useKeyboardNavigation = (steps: Ref<UnwrapRef<HTMLButtonElement[]>>) => {\n    // Returns the event handler that moves the focus on a given step offset\n    function focusOnStep(indexOffset: number) {\n        return ({ detail: event }) => {\n            event.preventDefault();\n\n            const currentIndex = steps.value.indexOf(document.activeElement as HTMLButtonElement);\n            if (currentIndex < 0) {\n                return;\n            }\n\n            steps.value[currentIndex + indexOffset]?.focus();\n        };\n    }\n\n    const focusOnPreviousStep = focusOnStep(-1);\n    const focusOnNextStep = focusOnStep(1);\n\n    return {\n        [BentoKeyboardNavigationKeyDownEvent.ARROW_DOWN]: focusOnNextStep,\n        [BentoKeyboardNavigationKeyDownEvent.ARROW_RIGHT]: focusOnNextStep,\n        [BentoKeyboardNavigationKeyDownEvent.ARROW_UP]: focusOnPreviousStep,\n        [BentoKeyboardNavigationKeyDownEvent.ARROW_LEFT]: focusOnPreviousStep,\n    };\n};\n","import type { Ref, UnwrapRef } from 'vue';\nimport type { BentoStepperStepExposeState } from '../../stepper.types';\n\n/**\n * Gets the position of a `bento-step` element within its `bento-stepper` parent.\n * @param stepState The `bento-step` state.\n * @returns The index of the element.\n */\nconst getStepPosition = (stepState: BentoStepperStepExposeState) => {\n    // Button is wrapped by <li> element\n    const listItemElement = (stepState.buttonElement as Ref<UnwrapRef<HTMLButtonElement>>).value.parentElement;\n    const listElement = listItemElement.parentElement;\n    return Array.from(listElement.children).indexOf(listItemElement);\n};\n\n/**\n * Provides methods to register/unregister `bento-step` elements to/from the `bento-stepper` step state.\n * These methods allow for tracking the child step elements, including their position in the DOM tree.\n * @param childrenSteps The `bento-stepper` (or `bento-step` if substeps) step state.\n */\nexport const useStepRegister = (childrenSteps: Ref<BentoStepperStepExposeState[]>) => {\n    /**\n     * Registers a step's HTML element in the stepper state.\n     * Should be called by a `bento-step` when it is mounted.\n     * @param stepState The `bento-step` state.\n     */\n    const registerStep = (stepState: BentoStepperStepExposeState) => {\n        const position = getStepPosition(stepState);\n        childrenSteps.value.splice(position, 0, {\n            stepContent: stepState.stepContent as string,\n            buttonElement: stepState.buttonElement as HTMLButtonElement,\n            substeps: stepState.substeps as BentoStepperStepExposeState[],\n        });\n    };\n\n    /**\n     * Unregisters a step's HTML element in the stepper state.\n     * Should be called by a `bento-step` before it is unmounted.\n     * @param stepState The `bento-step` state.\n     */\n    const removeStep = (stepState: BentoStepperStepExposeState) => {\n        childrenSteps.value.splice(\n            childrenSteps.value.findIndex(step => step.buttonElement === stepState.buttonElement.value),\n            1\n        );\n    };\n\n    return { registerStep, removeStep };\n};\n","export const STEPPER_STATE = Symbol('stepper state');\n","import type { ComputedRef, Ref, UnwrapRef } from 'vue';\n\nexport enum BentoStepperTypeOption {\n    LINEAR = 'linear',\n    NON_LINEAR = 'non-linear',\n}\n\nexport enum BentoStepperVariantOption {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\nexport interface BentoStepperStepExposeState {\n    buttonElement: HTMLButtonElement | Ref<UnwrapRef<HTMLButtonElement>>;\n    substeps: BentoStepperStepExposeState[] | Ref<BentoStepperStepExposeState[]>;\n    stepContent: string | ComputedRef<string>;\n}\n\nexport type BentoStepperState = Ref<{\n    activeStepIndex: number;\n    latestActiveStep: number;\n    type: `${BentoStepperTypeOption}`;\n    variant: `${BentoStepperVariantOption}`;\n    steps: HTMLElement[];\n    isParentStep?: boolean;\n    navigateToStep: (index: number) => void;\n    registerStep: (stepState: BentoStepperStepExposeState) => void;\n    removeStep: (stepState: BentoStepperStepExposeState) => void;\n}>;\n","<template>\n    <nav class=\"b-stepper\">\n        <ol\n            v-bento-keyboard-navigation-directive\n            class=\"b-stepper__list\"\n            :class=\"conditionalClasses\"\n            v-on=\"keyboardNavigationListeners\"\n        >\n            <slot></slot>\n        </ol>\n\n        <bento-typography el=\"span\" variant=\"body\" stronger class=\"b-stepper__text-stepper\"\n            >{{\n                t('step', { currentIndex: activeStepIndex + 1, totalSteps: stepsAmount, content: currentStepContent })\n            }}\n        </bento-typography>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n\n    import { computed, type DeepReadonly, PropType, provide, readonly, ref, watch } from 'vue';\n    import { BentoKeyboardNavigationDirective as vBentoKeyboardNavigationDirective } from '@/directives';\n\n    import { useKeyboardNavigation, useStepRegister } from './composables';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import { STEPPER_STATE } from './stepper.keys';\n    import {\n        BentoStepperState,\n        BentoStepperStepExposeState,\n        BentoStepperTypeOption,\n        BentoStepperVariantOption,\n    } from './stepper.types';\n\n    import messages from './messages.json';\n\n    const props = defineProps({\n        /**\n         * Type of stepper; defines how the stepper should behave. Default: linear\n         * @values linear, non-linear\n         */\n        type: {\n            type: String as PropType<`${BentoStepperTypeOption}`>,\n            default: 'linear',\n        },\n        /**\n         * Stepper variant; defines how the stepper should be displayed. Default: vertical\n         * @values vertical, horizontal\n         */\n        variant: {\n            type: String as PropType<`${BentoStepperVariantOption}`>,\n            default: 'vertical',\n        },\n        /**\n         * Active step index\n         */\n        index: {\n            type: Number,\n            default: 0,\n        },\n    });\n\n    const emit = defineEmits([\"update:index\"]);\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const childrenSteps = ref<BentoStepperStepExposeState[]>([]);\n    const activeStepIndex = ref(props.index);\n    const latestActiveStep = ref(activeStepIndex.value);\n\n    const navigateToStep = (index: number) => {\n        // Stores latest active step index so users can navigate backwards and forwards on linear stepper\n        if (index > latestActiveStep.value) {\n            latestActiveStep.value = index;\n        }\n        activeStepIndex.value = index;\n    };\n\n    const currentStepContent = computed(() => childrenSteps.value[activeStepIndex.value]?.stepContent);\n    const stepsAmount = computed(() => childrenSteps.value.length);\n    const childrenStepsElements = computed(() => childrenSteps.value.map(({ buttonElement }) => buttonElement));\n    const isHorizontalVariant = computed(() => props.variant === BentoStepperVariantOption.HORIZONTAL);\n\n    // List of all visible steps nested on the stepper, including the substeps of the children steps\n    // Flattening the steps on a single list makes the keyboard navigation easier to be handled\n    const allVisibleStepsElements = computed(() =>\n        childrenSteps.value\n            .map(({ buttonElement, substeps }, index) => {\n                const isStepActive = activeStepIndex.value === index;\n                const isSubstepsVisible = !isHorizontalVariant.value && isStepActive;\n\n                if (!isSubstepsVisible) {\n                    return [buttonElement];\n                }\n\n                return [buttonElement].concat(substeps.map(step => step.buttonElement));\n            })\n            .flat()\n    );\n\n    const { registerStep, removeStep } = useStepRegister(childrenSteps);\n\n    const stepperState: BentoStepperState = ref({\n        activeStepIndex,\n        latestActiveStep,\n        steps: childrenStepsElements,\n        type: props.type,\n        variant: props.variant,\n        navigateToStep,\n        registerStep,\n        removeStep,\n    });\n\n    const conditionalClasses = computed(() => ({\n        'b-stepper__list--horizontal': isHorizontalVariant.value,\n    }));\n\n    watch(() => props.index, navigateToStep);\n    watch(activeStepIndex, index => {\n        emit('update:index', index);\n    });\n\n    const keyboardNavigationListeners = useKeyboardNavigation(allVisibleStepsElements);\n\n    // Provides stepper state to BentoStep children components\n    provide<DeepReadonly<BentoStepperState>>(STEPPER_STATE, readonly(stepperState));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Steppers break down complex processes into manageable steps to guide users through a sequential or multi-step process.\n     *\n     * @example\n     * import { BentoStep, BentoStepper } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStep, BentoStepper },\n     *     template: `\n     *          <bento-stepper :index=\"1\">\n     *              <bento-step>Step 1</bento-step>\n     *              <bento-step>Step 2</bento-step>\n     *              <bento-step>Step 3</bento-step>\n     *          </bento-stepper>\n     *     `\n     * }\n     */\n\n    export default {\n        i18n: { messages },\n        name: 'stepper',\n    };\n</script>\n\n<style scoped src=\"./stepper.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <li :class=\"conditionalClasses\" class=\"b-step\">\n        <base-button\n            ref=\"buttonComponent\"\n            :aria-current=\"ariaCurrentValue\"\n            :aria-disabled=\"ariaDisabledValue\"\n            class=\"b-step__button\"\n            type=\"button\"\n            :tabindex=\"tabIndexValue\"\n            :disabled=\"isDisabled\"\n            @click=\"navigateToStep\"\n            @focus=\"isFocused = true\"\n            @blur=\"isFocused = false\"\n        >\n            <template #iconLeft>\n                <bento-typography el=\"span\" variant=\"body\" stronger class=\"b-step__index\" aria-hidden=\"true\">\n                    <checkmark-small-icon v-if=\"isCompleted\" />\n                    <template v-else-if=\"!isSubstep\">{{ index + 1 }}</template>\n                    <dot-icon v-else />\n                </bento-typography>\n            </template>\n\n            <bento-typography ref=\"stepContent\" el=\"span\" variant=\"body\" :stronger=\"isActive\" class=\"b-step__content\">\n                <slot></slot>\n            </bento-typography>\n        </base-button>\n\n        <ul v-show=\"isSubstepsVisible\" ref=\"substepList\" class=\"b-step__substep-list\">\n            <slot name=\"substeps\"></slot>\n        </ul>\n    </li>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, onBeforeUnmount, onMounted, provide, ref, useSlots, watch } from 'vue';\n    import { BaseButton } from '@/components/internal/base-button';\n    import { BentoTypography } from '@/components/typography';\n    import CheckmarkSmallIcon from '@adyen/ui-assets-icons-16/vue/checkmark-small';\n    import DotIcon from '@adyen/ui-assets-icons-16/vue/dot';\n\n    import { useStepRegister } from '../../composables';\n    import { STEPPER_STATE } from '../../stepper.keys';\n    import {\n        BentoStepperState,\n        BentoStepperStepExposeState,\n        BentoStepperTypeOption,\n        BentoStepperVariantOption,\n    } from '../../stepper.types';\n    import { Booleanish } from '@/types';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Completed status. Used on non-linear steppers to indicate if the step is completed.\n         */\n        completed: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Active substep index\n         */\n        substepIndex: {\n            type: Number,\n            default: 0,\n        },\n    });\n\n    const emit = defineEmits([\"update:substep-index\"]);\n\n    // Element refs\n    const buttonComponent = ref<InstanceType<typeof BaseButton> | null>(null);\n    const stepContent = ref<InstanceType<typeof BentoTypography> | null>(null);\n    const substeps = ref<BentoStepperStepExposeState[]>([]);\n\n    // Injects parent BentoStepper state data\n    const stepper = inject<BentoStepperState>(STEPPER_STATE);\n\n    const buttonElement = computed(() => buttonComponent.value?.$el as HTMLButtonElement);\n    const index = computed(() => stepper?.value.steps.indexOf(buttonElement.value));\n\n    const stepContentValue = computed(() => stepContent.value?.$el.textContent);\n\n    // Substep logic\n    const substepsButtonElements = computed(() => substeps.value.map(({ buttonElement }) => buttonElement));\n\n    const activeSubStepIndex = ref(props.substepIndex);\n    const latestActiveSubStepIndex = ref(activeSubStepIndex.value);\n\n    const navigateToSubstep = (value: number) => {\n        if (value > latestActiveSubStepIndex.value) {\n            latestActiveSubStepIndex.value = value;\n        }\n\n        activeSubStepIndex.value = value;\n    };\n\n    const { registerStep, removeStep } = useStepRegister(substeps);\n\n    const stepState: BentoStepperState = ref({\n        activeStepIndex: activeSubStepIndex,\n        latestActiveStep: latestActiveSubStepIndex,\n        type: stepper.value.type,\n        variant: stepper.value.variant,\n        steps: substepsButtonElements,\n        isParentStep: true,\n        navigateToStep: navigateToSubstep,\n        registerStep,\n        removeStep,\n    });\n\n    provide(STEPPER_STATE, stepState);\n\n    watch(() => props.substepIndex, navigateToSubstep);\n    watch(activeSubStepIndex, value => {\n        emit('update:substep-index', value);\n    });\n\n    onMounted(() => {\n        if (!stepper) {\n            throw new Error(\n                'BentoStep components should only be used inside BentoStepper or other BentoStep components.'\n            );\n        }\n\n        stepper.value.registerStep({\n            buttonElement,\n            stepContent: stepContentValue,\n            substeps,\n        });\n    });\n\n    onBeforeUnmount(() => {\n        stepper.value.removeStep({\n            buttonElement,\n            stepContent: stepContentValue,\n            substeps,\n        });\n    });\n\n    // Step states\n    const isSubstep = computed(() => stepper.value.isParentStep);\n    const isFocused = ref(false);\n    const isActive = computed(() => stepper?.value.activeStepIndex === index.value);\n    const isSubstepsVisible = computed(\n        () =>\n            isActive.value &&\n            stepper.value.variant !== BentoStepperVariantOption.HORIZONTAL &&\n            !isSubstep.value &&\n            slots.substeps\n    );\n    const isCompleted = computed(() => {\n        if (stepper?.value.type === BentoStepperTypeOption.NON_LINEAR) {\n            return props.completed;\n        }\n\n        return stepper?.value.latestActiveStep > index.value;\n    });\n    const isDisabled = computed(\n        () => stepper?.value.type === BentoStepperTypeOption.LINEAR && index.value > stepper?.value.latestActiveStep\n    );\n\n    const navigateToStep = () => {\n        if (isDisabled.value) {\n            return;\n        }\n\n        stepper.value.navigateToStep(index.value);\n    };\n\n    // Styling and a11y\n    const ariaCurrentValue = computed(() => (isActive.value ? 'step' : ('false' as Booleanish)));\n    const ariaDisabledValue = computed(() => isDisabled.value.toString() as Booleanish);\n    const tabIndexValue = computed(() => (isFocused.value || (index.value === 0 && !isSubstep.value) ? '0' : '-1'));\n\n    const conditionalClasses = computed(() => ({\n        'b-step--active': isActive.value,\n        'b-step--completed': isCompleted.value,\n        'b-step--substep': isSubstep.value,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Steps are components placed inside BentoSteppers to break down complex processes\n     *\n     * @example\n     * import { BentoStep } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoStep },\n     *     template: `\n     *          <bento-stepper>\n     *              <bento-step>Step 1</bento-step>\n     *              <bento-step>\n     *                  Step 2\n     *                  <template #substeps>\n     *                      <bento-step>Substep 1</bento-step>\n     *                      <bento-step>Substep 2</bento-step>\n     *                  </template>\n     *              </bento-step>\n     *          </bento-stepper>\n     *     `\n     * }\n     */\n\n    export default {\n        name: 'step',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./step.scss\" />\n"],"names":["useKeyboardNavigation","steps","focusOnStep","indexOffset","event","currentIndex","_a","focusOnPreviousStep","focusOnNextStep","BentoKeyboardNavigationKeyDownEvent","getStepPosition","stepState","listItemElement","listElement","useStepRegister","childrenSteps","position","step","STEPPER_STATE","BentoStepperTypeOption","BentoStepperTypeOption2","BentoStepperVariantOption","BentoStepperVariantOption2","__default__$1","messages","t","useI18n","ref","activeStepIndex","props","latestActiveStep","navigateToStep","index","currentStepContent","computed","stepsAmount","childrenStepsElements","buttonElement","isHorizontalVariant","allVisibleStepsElements","substeps","isStepActive","registerStep","removeStep","stepperState","conditionalClasses","watch","emit","keyboardNavigationListeners","provide","readonly","uuid","_sfc_main$1","__default__","slots","useSlots","buttonComponent","stepContent","stepper","inject","stepContentValue","substepsButtonElements","buttonElement2","activeSubStepIndex","latestActiveSubStepIndex","navigateToSubstep","value","onMounted","onBeforeUnmount","isSubstep","isFocused","isActive","isSubstepsVisible","isCompleted","isDisabled","ariaCurrentValue","ariaDisabledValue","tabIndexValue"],"mappings":";;;;;;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AAET,WAAAC,EAAAC,GAAA;AACI,WAAA,CAAA,EAAA,QAAAC,EAAA,MAAA;;AACI,MAAAA,EAAA,eAAA;AAEA,YAAAC,IAAAJ,EAAA,MAAA,QAAA,SAAA,aAAA;AACA,MAAAI,IAAA,MAIAC,IAAAL,EAAA,MAAAI,IAAAF,CAAA,MAAA,QAAAG,EAAA;AAAA,IAA+C;AAAA,EACnD;AAGJ,QAAAC,IAAAL,EAAA,EAAA,GACAM,IAAAN,EAAA,CAAA;AAEA,SAAA;AAAA,IAAO,CAAAO,EAAA,UAAA,GAAAD;AAAA,IAC+C,CAAAC,EAAA,WAAA,GAAAD;AAAA,IACC,CAAAC,EAAA,QAAA,GAAAF;AAAA,IACH,CAAAE,EAAA,UAAA,GAAAF;AAAA,EACE;AAE1D,GC1BAG,IAAA,CAAAC,MAAA;AAEI,QAAAC,IAAAD,EAAA,cAAA,MAAA,eACAE,IAAAD,EAAA;AACA,SAAA,MAAA,KAAAC,EAAA,QAAA,EAAA,QAAAD,CAAA;AACJ,GAOaE,IAAA,CAAAC,OA2BT,EAAA,cArBA,CAAAJ,MAAA;AACI,QAAAK,IAAAN,EAAAC,CAAA;AACA,EAAAI,EAAA,MAAA,OAAAC,GAAA,GAAA;AAAA,IAAwC,aAAAL,EAAA;AAAA,IACb,eAAAA,EAAA;AAAA,IACE,UAAAA,EAAA;AAAA,EACL,CAAA;AACvB,GAeL,YAPA,CAAAA,MAAA;AACI,EAAAI,EAAA,MAAA;AAAA,IAAoBA,EAAA,MAAA,UAAA,CAAAE,MAAAA,EAAA,kBAAAN,EAAA,cAAA,KAAA;AAAA,IAC0E;AAAA,EAC1F;AACJ,EAGJ,IC/CSO,IAAA,OAAA,eAAA;ACED,IAAAC,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,aAAA,cAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;GC+IRE,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAtFA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAEAX,IAAAY,EAAA,CAAA,CAAA,GACAC,IAAAD,EAAAE,EAAA,KAAA,GACAC,IAAAH,EAAAC,EAAA,KAAA,GAEAG,IAAA,CAAAC,MAAA;AAEI,MAAAA,IAAAF,EAAA,UACIA,EAAA,QAAAE,IAEJJ,EAAA,QAAAI;AAAA,IAAwB,GAG5BC,IAAAC,EAAA,MAAA;;AAAA,cAAA5B,IAAAS,EAAA,MAAAa,EAAA,KAAA,MAAA,gBAAAtB,EAAA;AAAA,KAAA,GACA6B,IAAAD,EAAA,MAAAnB,EAAA,MAAA,MAAA,GACAqB,IAAAF,EAAA,MAAAnB,EAAA,MAAA,IAAA,CAAA,EAAA,eAAAsB,EAAA,MAAAA,CAAA,CAAA,GACAC,IAAAJ,EAAA,MAAAL,EAAA,YAAAR,EAAA,UAAA,GAIAkB,IAAAL;AAAA,MAAgC,MAAAnB,EAAA,MAAA,IAAA,CAAA,EAAA,eAAAsB,GAAA,UAAAG,EAAA,GAAAR,MAAA;AAGpB,cAAAS,IAAAb,EAAA,UAAAI;AAGA,eAFA,CAAAM,EAAA,SAAAG,IAMA,CAAAJ,CAAA,EAAA,OAAAG,EAAA,IAAA,CAAAvB,MAAAA,EAAA,aAAA,CAAA,IAHI,CAAAoB,CAAA;AAAA,MAGkE,CAAA,EAAA,KAAA;AAAA,IAEpE,GAGd,EAAA,cAAAK,GAAA,YAAAC,EAAA,IAAA7B,EAAAC,CAAA,GAEA6B,IAAAjB,EAAA;AAAA,MAA4C,iBAAAC;AAAA,MACxC,kBAAAE;AAAA,MACA,OAAAM;AAAA,MACO,MAAAP,EAAA;AAAA,MACK,SAAAA,EAAA;AAAA,MACG,gBAAAE;AAAA,MACf,cAAAW;AAAA,MACA,YAAAC;AAAA,IACA,CAAA,GAGJE,IAAAX,EAAA,OAAA;AAAA,MAA2C,+BAAAI,EAAA;AAAA,IACY,EAAA;AAGvD,IAAAQ,EAAA,MAAAjB,EAAA,OAAAE,CAAA,GACAe,EAAAlB,GAAA,CAAAI,MAAA;AACI,MAAAe,EAAA,gBAAAf,CAAA;AAAA,IAA0B,CAAA;AAG9B,UAAAgB,IAAAhD,EAAAuC,CAAA;AAGA,WAAAU,EAAA/B,GAAAgC,EAAAN,CAAA,CAAA;;;;;;;;;;;;;;;AC3HJ,IAAAO,IAAA;AAEA,MAAAC,KAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;uBCmMIE,KAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;iBA/JAC,IAAAC,EAAA,GAsBAC,IAAA7B,EAAA,IAAA,GACA8B,IAAA9B,EAAA,IAAA,GACAa,IAAAb,EAAA,CAAA,CAAA,GAGA+B,IAAAC,EAAAzC,CAAA,GAEAmB,IAAAH,EAAA,MAAA;;AAAA,cAAA5B,IAAAkD,EAAA,UAAA,gBAAAlD,EAAA;AAAA,KAAA,GACA0B,IAAAE,EAAA,MAAAwB,KAAA,gBAAAA,EAAA,MAAA,MAAA,QAAArB,EAAA,MAAA,GAEAuB,IAAA1B,EAAA,MAAA;;AAAA,cAAA5B,IAAAmD,EAAA,UAAA,gBAAAnD,EAAA,IAAA;AAAA,KAAA,GAGAuD,IAAA3B,EAAA,MAAAM,EAAA,MAAA,IAAA,CAAA,EAAA,eAAAsB,EAAA,MAAAA,CAAA,CAAA,GAEAC,IAAApC,EAAAE,EAAA,YAAA,GACAmC,IAAArC,EAAAoC,EAAA,KAAA,GAEAE,IAAA,CAAAC,MAAA;AACI,MAAAA,IAAAF,EAAA,UACIA,EAAA,QAAAE,IAGJH,EAAA,QAAAG;AAAA,IAA2B,GAG/B,EAAA,cAAAxB,GAAA,YAAAC,EAAA,IAAA7B,EAAA0B,CAAA,GAEA7B,IAAAgB,EAAA;AAAA,MAAyC,iBAAAoC;AAAA,MACpB,kBAAAC;AAAA,MACC,MAAAN,EAAA,MAAA;AAAA,MACE,SAAAA,EAAA,MAAA;AAAA,MACG,OAAAG;AAAA,MAChB,cAAA;AAAA,MACO,gBAAAI;AAAA,MACE,cAAAvB;AAAA,MAChB,YAAAC;AAAA,IACA,CAAA;AAGJ,IAAAM,EAAA/B,GAAAP,CAAA,GAEAmC,EAAA,MAAAjB,EAAA,cAAAoC,CAAA,GACAnB,EAAAiB,GAAA,CAAAG,MAAA;AACI,MAAAnB,EAAA,wBAAAmB,CAAA;AAAA,IAAkC,CAAA,GAGtCC,EAAA,MAAA;AACI,UAAA,CAAAT;AACI,cAAA,IAAA;AAAA,UAAU;AAAA,QACN;AAIR,MAAAA,EAAA,MAAA,aAAA;AAAA,QAA2B,eAAArB;AAAA,QACvB,aAAAuB;AAAA,QACa,UAAApB;AAAA,MACb,CAAA;AAAA,IACH,CAAA,GAGL4B,EAAA,MAAA;AACI,MAAAV,EAAA,MAAA,WAAA;AAAA,QAAyB,eAAArB;AAAA,QACrB,aAAAuB;AAAA,QACa,UAAApB;AAAA,MACb,CAAA;AAAA,IACH,CAAA;AAIL,UAAA6B,IAAAnC,EAAA,MAAAwB,EAAA,MAAA,YAAA,GACAY,IAAA3C,EAAA,EAAA,GACA4C,IAAArC,EAAA,OAAAwB,KAAA,gBAAAA,EAAA,MAAA,qBAAA1B,EAAA,KAAA,GACAwC,IAAAtC;AAAA,MAA0B,MAAAqC,EAAA,SAAAb,EAAA,MAAA,YAAArC,EAAA,cAAA,CAAAgD,EAAA,SAAAf,EAAA;AAAA,IAKZ,GAEdmB,IAAAvC,EAAA,OACIwB,KAAA,gBAAAA,EAAA,MAAA,UAAAvC,EAAA,aACIU,EAAA,aAGJ6B,KAAA,gBAAAA,EAAA,MAAA,oBAAA1B,EAAA,KAA+C,GAEnD0C,IAAAxC;AAAA,MAAmB,OAAAwB,KAAA,gBAAAA,EAAA,MAAA,UAAAvC,EAAA,UAAAa,EAAA,SAAA0B,KAAA,gBAAAA,EAAA,MAAA;AAAA,IAC6E,GAGhG3B,IAAA,MAAA;AACI,MAAA2C,EAAA,SAIAhB,EAAA,MAAA,eAAA1B,EAAA,KAAA;AAAA,IAAwC,GAI5C2C,IAAAzC,EAAA,MAAAqC,EAAA,QAAA,SAAA,OAAA,GACAK,IAAA1C,EAAA,MAAAwC,EAAA,MAAA,SAAA,CAAA,GACAG,IAAA3C,EAAA,MAAAoC,EAAA,SAAAtC,EAAA,UAAA,KAAA,CAAAqC,EAAA,QAAA,MAAA,IAAA,GAEAxB,IAAAX,EAAA,OAAA;AAAA,MAA2C,kBAAAqC,EAAA;AAAA,MACZ,qBAAAE,EAAA;AAAA,MACM,mBAAAJ,EAAA;AAAA,IACJ,EAAA;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[5]}