@adyen/bento-vue2 1.40.0 → 1.42.0

package/dist/chunks/image.B3uqhFjl.js

@@ -1,82 +0,0 @@
-import { defineComponent as _, computed as u } from "vue";
-import { n as c } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-var e = /* @__PURE__ */ ((r) => (r.LANDSCAPE = "landscape", r.P4_3 = "4:3", r.P3_3 = "3:3", r.P16_9 = "16:9", r.P2_1 = "2:1", r.PORTRAIT = "portrait", r.P3_4 = "3:4", r.P2_3 = "2:3", r.P9_16 = "9:16", r.P1_2 = "1:2", r.SQUARE = "square", r.P1_1 = "1:1", r))(e || {}), n = /* @__PURE__ */ ((r) => (r.COVER = "cover", r.FILL = "fill", r.CONTAIN = "contain", r))(n || {});
-const i = _({
-  name: "bento-image",
-  props: {
-    /**
-     * Url to image, same as src attribute of `<img>` tag
-     */
-    src: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Accessible text describing the image, same as alt attribute of `<img>` tag
-     */
-    alt: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Aspect ratio of the image, maps to css aspect-ratio
-     */
-    aspectRatio: {
-      type: String,
-      default: null,
-      validator: (r) => Object.values(e).includes(r)
-    },
-    /**
-     * Object fitting strategy, maps to css object-fit
-     */
-    objectFit: {
-      type: String,
-      default: null,
-      validator: (r) => Object.values(n).includes(r)
-    }
-  },
-  setup(r) {
-    const l = (a) => {
-      let s = e.P16_9;
-      switch (a) {
-        case e.LANDSCAPE:
-          s = e.P16_9;
-          break;
-        case e.PORTRAIT:
-          s = e.P3_4;
-          break;
-        case e.SQUARE:
-          s = e.P1_1;
-          break;
-        default:
-          s = a;
-          break;
-      }
-      return `${s}`.replace(":", "/");
-    };
-    return {
-      imageStyles: u(() => ({
-        aspectRatio: l(r.aspectRatio),
-        objectFit: r.objectFit
-      }))
-    };
-  }
-});
-var P = function() {
-  var l = this, t = l._self._c;
-  return l._self._setupProxy, t("img", { style: l.imageStyles, attrs: { src: l.src, alt: l.alt } });
-}, d = [], f = /* @__PURE__ */ c(
-  i,
-  P,
-  d,
-  !1,
-  null,
-  null
-);
-const p = f.exports;
-export {
-  p as B,
-  e as a,
-  n as b
-};
-//# sourceMappingURL=image.B3uqhFjl.js.map

package/dist/chunks/image.B3uqhFjl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.B3uqhFjl.js","sources":["../../src/components/image/image.types.ts","../../src/components/image/image.vue"],"sourcesContent":["export enum BentoImageAspectRatio {\n    LANDSCAPE = 'landscape',\n    P4_3 = '4:3',\n    P3_3 = '3:3',\n    P16_9 = '16:9',\n    P2_1 = '2:1',\n    PORTRAIT = 'portrait',\n    P3_4 = '3:4',\n    P2_3 = '2:3',\n    P9_16 = '9:16',\n    P1_2 = '1:2',\n    SQUARE = 'square',\n    P1_1 = '1:1',\n}\n\nexport enum BentoImageObjectFit {\n    COVER = 'cover',\n    FILL = 'fill',\n    CONTAIN = 'contain',\n}\n","<template>\n    <img :src=\"src\" :alt=\"alt\" :style=\"imageStyles\" />\n</template>\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoImageAspectRatio, BentoImageObjectFit } from './image.types';\n\n    export default defineComponent({\n        name: 'bento-image',\n        props: {\n            /**\n             * Url to image, same as src attribute of `<img>` tag\n             */\n            src: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Accessible text describing the image, same as alt attribute of `<img>` tag\n             */\n            alt: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Aspect ratio of the image, maps to css aspect-ratio\n             */\n            aspectRatio: {\n                type: String as PropType<BentoImageAspectRatio | `${BentoImageAspectRatio}`>,\n                default: null,\n                validator: (value: BentoImageAspectRatio) => Object.values(BentoImageAspectRatio).includes(value),\n            },\n            /**\n             * Object fitting strategy, maps to css object-fit\n             */\n            objectFit: {\n                type: String as PropType<BentoImageObjectFit | `${BentoImageObjectFit}`>,\n                default: null,\n                validator: (value: BentoImageObjectFit) => Object.values(BentoImageObjectFit).includes(value),\n            },\n        },\n        setup(props) {\n            const convertAspectRatio = (aspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}`) => {\n                let parsedAspectRatio: BentoImageAspectRatio | `${BentoImageAspectRatio}` = BentoImageAspectRatio.P16_9;\n                switch (aspectRatio) {\n                    case BentoImageAspectRatio.LANDSCAPE:\n                        parsedAspectRatio = BentoImageAspectRatio.P16_9;\n                        break;\n                    case BentoImageAspectRatio.PORTRAIT:\n                        parsedAspectRatio = BentoImageAspectRatio.P3_4;\n                        break;\n                    case BentoImageAspectRatio.SQUARE:\n                        parsedAspectRatio = BentoImageAspectRatio.P1_1;\n                        break;\n                    default:\n                        parsedAspectRatio = aspectRatio;\n                        break;\n                }\n                return `${parsedAspectRatio}`.replace(':', '/');\n            };\n\n            const imageStyles = computed(() => ({\n                aspectRatio: convertAspectRatio(props.aspectRatio),\n                objectFit: props.objectFit,\n            }));\n\n            return {\n                imageStyles,\n            };\n        },\n    });\n</script>\n"],"names":["BentoImageAspectRatio","BentoImageObjectFit","_sfc_main","defineComponent","value","props","convertAspectRatio","aspectRatio","parsedAspectRatio","computed"],"mappings":";;AAAY,IAAAA,sBAAAA,OACRA,EAAA,YAAY,aACZA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,WAAW,YACXA,EAAA,OAAO,OACPA,EAAA,OAAO,OACPA,EAAA,QAAQ,QACRA,EAAA,OAAO,OACPA,EAAA,SAAS,UACTA,EAAA,OAAO,OAZCA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,UAAU,WAHFA,IAAAA,KAAA,CAAA,CAAA;ACRZ,MAAAC,IAAAC,EAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAJ,CAAA,EAAA,SAAAI,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAA,MAAA,OAAA,OAAAH,CAAA,EAAA,SAAAG,CAAA;AAAA,IAAA;AAAA,EAEA;AAAA,EACA,MAAAC,GAAA;AACA,UAAAC,IAAA,CAAAC,MAAA;AACA,UAAAC,IAAAR,EAAA;AACA,cAAAO,GAAA;AAAA,QACA,KAAAP,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA,KAAAA,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA,KAAAA,EAAA;AACA,UAAAQ,IAAAR,EAAA;AACA;AAAA,QACA;AACA,UAAAQ,IAAAD;AACA;AAAA,MAAA;AAEA,aAAA,GAAAC,CAAA,GAAA,QAAA,KAAA,GAAA;AAAA,IACA;AAOA,WAAA;AAAA,MACA,aANAC,EAAA,OAAA;AAAA,QACA,aAAAH,EAAAD,EAAA,WAAA;AAAA,QACA,WAAAA,EAAA;AAAA,MAAA,EACA;AAAA,IAIA;AAAA,EAAA;AAEA,CAAA;;;;;;;;;;;;;"}

package/dist/chunks/index.iCshT3Hx.js

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

@@ -1,255 +0,0 @@
-import { defineComponent as A, useSlots as M, computed as l, inject as z, ref as p, watch as Y, provide as j } from "vue";
-import { B as F } from "./typography.Bu_WAKdf.js";
-import { a as U } from "./checkbox-input.Bo4NxNOh.js";
-import { u as H } from "./aria-label.CaUURpnB.js";
-import { g as E } from "./generate-uid.D-HFI38h.js";
-import { u as J } from "./use-has-slot.C9lQZ6nz.js";
-import { a as K } from "./radio-input.q980f8Uf.js";
-import { n as D } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as Q } from "./controls-group.Sni8leS5.js";
-import { E as W } from "./error-message.Bk2maRF8.js";
-import "../assets/selection-card-group.css";
-var b = /* @__PURE__ */ ((r) => (r.DISABLED = "disabled", r.READONLY = "readonly", r.ERROR = "error", r))(b || {});
-const O = Symbol("selection card radio input injection key"), X = {
-  name: "bento-selection-card"
-}, Z = /* @__PURE__ */ A({
-  ...X,
-  props: {
-    /**
-     * The description of the selection card
-     */
-    description: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Disables the selection card
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Makes the entire selection card clickable. Clicking over interactive elements inside the card with this prop enabled will not be possible.
-     */
-    fullyClickable: { type: Boolean, default: !1 },
-    /**
-     * Shows the selection card in error state
-     */
-    hasError: { type: Boolean, default: !1 },
-    /**
-     * This property should not be used directly.
-     * It will be used by v-model directive on selection card component.
-     *
-     * When handling a single input, use a string or a number.
-     *
-     * When handling multiple inputs, use an array of keys.
-     * These keys exist as a set "value" prop for each input.
-     */
-    modelValue: {
-      type: [Boolean, String, Array],
-      default: null
-    },
-    /**
-     * Sets the selection card to readonly
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * The subtitle of the selection card
-     */
-    subtitle: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * The title of the selection card
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Indicates the value of the input that will be returned when it's checked.
-     */
-    value: {
-      type: [String, Number],
-      required: !0
-    }
-  },
-  emits: ["input", "update:model-value"],
-  setup(r, { emit: e }) {
-    const t = r, a = M(), o = J(a), C = E("selection-card-input-id"), c = E("selection-card-description"), m = l(
-      () => t.modelValue
-    ), v = l(
-      () => t.modelValue
-    ), h = l(() => ({
-      "b-selection-card--checked": V.value,
-      "b-selection-card--fully-clickable": t.fullyClickable
-    })), _ = l(() => ({
-      [`b-selection-card--${b.DISABLED}`]: t.disabled,
-      [`b-selection-card--${b.ERROR}`]: t.hasError,
-      [`b-selection-card--${b.READONLY}`]: t.readonly,
-      "b-selection-card--center-aligned": f.value
-    })), s = l(() => ({
-      "b-selection-card__checkbox-container--center-aligned": f.value
-    })), w = l(() => ({
-      "b-selection-card__checkbox-container-text--center-aligned": f.value
-    })), G = l(() => ({
-      "b-selection-card__slot--with-icon": o("icon")
-    })), N = H({
-      ariaLabel: t.title,
-      label: t.value
-    }), g = l(() => Array.isArray(t.modelValue)), V = l(() => I.value ? t.value === t.modelValue : g.value ? t.modelValue.some((n) => n === t.value) : t.modelValue), I = z(O, p(!1)), f = l(() => !t.subtitle && !t.description), d = p(null), k = p(null), x = p(null), q = (n) => {
-      var i, u, B, T, L, $;
-      if (d.value.$refs.inputRef === n.target) {
-        const P = S();
-        R(P);
-        return;
-      }
-      if (t.disabled && t.readonly || !t.fullyClickable && (k.value && ((u = (i = k.value) == null ? void 0 : i.$el) != null && u.contains(n.target)) || x.value && ((T = (B = x.value) == null ? void 0 : B.$el) != null && T.contains(n.target)) || d.value && (($ = (L = d.value) == null ? void 0 : L.$el) != null && $.contains(n.target))))
-        return;
-      const y = S();
-      R(y);
-    }, S = () => {
-      var y;
-      const n = ((y = d.value) == null ? void 0 : y.$refs.inputRef).checked;
-      if (g.value) {
-        const i = [...t.modelValue], u = i.indexOf(t.value);
-        return u === -1 ? i.push(t.value) : i.splice(u, 1), i;
-      }
-      return I.value ? t.value : n;
-    }, R = (n) => {
-      !t.disabled && !t.readonly && (e("update:model-value", n), e("input", n));
-    };
-    return { __sfc: !0, props: t, emit: e, slots: a, hasSlot: o, inputId: C, descriptionId: c, computedRadioInputModelValue: m, computedCheckboxInputModelValue: v, conditionalClasses: h, containerConditionalClasses: _, checkboxContainerConditionalClasses: s, checkboxContainerTextConditionalClasses: w, slotConditionalClasses: G, ariaLabel: N, isCheckboxGroup: g, isChecked: V, isRadioInput: I, isTitleOnly: f, inputRef: d, slotRef: k, dynamicSlotRef: x, handleCardClick: q, toggleInput: S, onChange: R, BentoTypography: F, CheckboxInput: U, RadioInput: K };
-  }
-});
-var ee = function() {
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t("div", { staticClass: "b-selection-card", class: a.conditionalClasses, on: { click: a.handleCardClick } }, [t("div", { staticClass: "b-selection-card__container", class: a.containerConditionalClasses }, [t("div", { staticClass: "b-selection-card__checkbox-container", class: a.checkboxContainerConditionalClasses }, [t("div", { staticClass: "b-selection-card__checkbox-container-text", class: a.checkboxContainerTextConditionalClasses }, [a.hasSlot("icon") ? t("div", { staticClass: "b-selection-card__icon", attrs: { role: "presentation" } }, [e._t("icon")], 2) : e._e(), t("label", { staticClass: "b-selection-card__text", attrs: { for: a.inputId }, on: { click: function(o) {
-    return o.stopPropagation(), o.preventDefault(), a.handleCardClick.apply(null, arguments);
-  } } }, [e.subtitle ? t(a.BentoTypography, { staticClass: "b-selection-card__description", attrs: { el: "span", variant: "caption" } }, [e._v(" " + e._s(e.subtitle) + " ")]) : e._e(), t(a.BentoTypography, { attrs: { el: "span", variant: "title" } }, [e._v(e._s(e.title))]), e.description ? t(a.BentoTypography, { staticClass: "b-selection-card__description", attrs: { id: "descriptionId", el: "span", variant: "body" } }, [e._v(" " + e._s(e.description) + " ")]) : e._e()], 1)]), a.isRadioInput ? t(a.RadioInput, { ref: "inputRef", attrs: { id: a.inputId, "aria-label": a.ariaLabel, "aria-describedby": e.description ? a.descriptionId : void 0, disabled: e.disabled, "has-error": e.hasError, "aria-readonly": e.readonly ?? void 0, value: e.value, readonly: e.readonly, "model-value": a.computedRadioInputModelValue } }) : t(a.CheckboxInput, { ref: "inputRef", attrs: { id: a.inputId, "aria-label": a.ariaLabel, "aria-describedby": e.description ? a.descriptionId : void 0, disabled: e.disabled, "has-error": e.hasError, "aria-readonly": e.readonly ?? void 0, value: e.value, readonly: e.readonly, "model-value": a.computedCheckboxInputModelValue } })], 1), a.hasSlot("content") ? t(a.BentoTypography, { ref: "slotRef", staticClass: "b-selection-card__slot", class: a.slotConditionalClasses, attrs: { el: "div" } }, [e._t("content")], 2) : e._e(), a.hasSlot("dynamicContent") && a.isChecked ? t(a.BentoTypography, { ref: "dynamicSlotRef", staticClass: "b-selection-card__slot", class: a.slotConditionalClasses, attrs: { el: "div" } }, [e._t("dynamicContent")], 2) : e._e()], 1)]);
-}, te = [], ae = /* @__PURE__ */ D(
-  Z,
-  ee,
-  te,
-  !1,
-  null,
-  "308f55e6"
-);
-const oe = ae.exports, le = {}, ne = /* @__PURE__ */ A({
-  ...le,
-  __name: "selection-card-group",
-  props: {
-    /**
-     * Descriptive supporting text visbile underneath the label.
-     */
-    description: { type: String, default: null },
-    /**
-     * If set to true, renders all cards in the group in a disabled state.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Renders all cards in an error state with an error message.
-     */
-    errorMessage: { type: String, default: null },
-    /**
-     * The form id the selection card group is associated with. Defaults to null, as a selection card group can also be used standalone.
-     */
-    formId: { type: String, default: null },
-    /**
-     * Shows/hides the group label.
-     */
-    hideLabel: { type: Boolean, default: null },
-    /**
-     * Label of the group. Required for accessibility purposes, even if it's not shown
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * The selection card group's layout. It can be vertical or horizontal. Defaults to vertical.
-     * @values horizontal, vertical
-     */
-    layout: {
-      type: String,
-      default: "vertical"
-    },
-    /**
-     * The selection card group's items.
-     */
-    items: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * Determines the initially selected value of the group. Corresponds to the BentoSelectionCardItem's value.
-     * Defaults to no value selected.
-     */
-    modelValue: {
-      type: [Array, String, Number],
-      default: null
-    },
-    /**
-     * Indicates the field is optional.
-     */
-    optional: { type: Boolean, default: !1 },
-    /**
-     * Indicates the field is required.
-     */
-    required: { type: Boolean, default: !1 },
-    /**
-     * Tooltip message.
-     */
-    tooltipText: { type: String, default: null },
-    /**
-     * If set to true, renders all cards in the group in a readonly state.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * Renders the cards with a checkbox or a radio input. Selection logic will also apply in accordance.
-     * @values checkbox, radio
-     */
-    variant: { type: String, default: "checkbox" }
-  },
-  emits: ["input", "update:model-value"],
-  setup(r, { emit: e }) {
-    const t = r, a = M(), o = (s) => !!a[s], C = l(() => ({
-      "b-selection-card-group__items--horizontal": t.layout === "horizontal"
-    })), c = p(t.modelValue);
-    Y(
-      () => t.modelValue,
-      () => {
-        c.value = t.modelValue;
-      }
-    );
-    const m = E("error"), v = l(() => !t.disabled && !t.readonly && !!t.errorMessage), h = (s) => {
-      c.value = s, e("update:model-value", s), e("input", s);
-    }, _ = l(() => t.variant === "radio");
-    return j(O, _), { __sfc: !0, props: t, emit: e, slots: a, hasSlot: o, conditionalItemsClasses: C, inputValue: c, errorMessageId: m, shouldShowGroupError: v, onInput: h, isRadioVariant: _, BentoSelectionCard: oe, ControlsGroup: Q, ErrorMessage: W };
-  }
-});
-var re = function() {
-  var e = this, t = e._self._c, a = e._self._setupProxy;
-  return t(a.ControlsGroup, { staticClass: "b-selection-card-group", attrs: { "aria-describedby": a.shouldShowGroupError ? a.errorMessageId : null, label: e.label, "hide-label": e.hideLabel, description: e.description, disabled: e.disabled, "tooltip-text": e.tooltipText, readonly: e.readonly, required: e.required, optional: e.optional, "component-name": "selection-card-group" } }, [t("div", { staticClass: "b-selection-card-group__items", class: a.conditionalItemsClasses }, e._l(e.items, function(o) {
-    return t(a.BentoSelectionCard, e._b({ key: `selection-card-${o.value}`, staticClass: "b-selection-card-group__item", attrs: { "model-value": a.inputValue, readonly: e.readonly || o.readonly, "has-error": a.shouldShowGroupError, disabled: e.disabled || o.disabled }, on: { "update:model-value": a.onInput }, scopedSlots: e._u([a.hasSlot("icon") && o.icon ? { key: "icon", fn: function() {
-      return [e._t("icon", null, null, o)];
-    }, proxy: !0 } : null, a.hasSlot("content") && o.content ? { key: "content", fn: function() {
-      return [e._t("content", null, null, o)];
-    }, proxy: !0 } : null, a.hasSlot("dynamicContent") && o.dynamicContent ? { key: "dynamicContent", fn: function() {
-      return [e._t("dynamicContent", null, null, o)];
-    }, proxy: !0 } : null], null, !0) }, "bento-selection-card", o, !1));
-  }), 1), a.shouldShowGroupError ? t(a.ErrorMessage, { staticClass: "b-selection-card-group__error-message", attrs: { id: a.errorMessageId, "error-message": e.errorMessage } }) : e._e()], 1);
-}, se = [], ie = /* @__PURE__ */ D(
-  ne,
-  re,
-  se,
-  !1,
-  null,
-  "7cd98116"
-);
-const ve = ie.exports;
-export {
-  oe as B,
-  b as a,
-  ve as s
-};
-//# sourceMappingURL=selection-card-group.CW7c72r2.js.map