@adyen/bento-vue3 1.85.0 → 1.86.1

package/dist/chunks/{payment-method.BGEBaa4w.js.map → payment-method.AeKHZlAO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"payment-method.BGEBaa4w.js","sources":["../../../vue2/src/components/payment-method/composables/use-payment-icon/use-payment-icon.ts","../../../ui-assets/icons-pm/dist/vue/unknowncard.vue","../../../vue2/src/components/payment-method/payment-method.vue"],"sourcesContent":["import { ref, type Ref, watch } from 'vue';\n\n/**\n * Generates the payment icon URl from a payment icons string.\n * @param paymentType - the payment icon you wish to generate a URL for.\n * @returns the payment icon URL to the SVG for a specific payment icon.\n */\nexport const paymentMethodToCdnUrl = (paymentType: string) =>\n    `https://checkoutshopper-live.cdn.adyen.com/checkoutshopper/images/logos/${paymentType}.svg`;\n/**\n * Dynamically retrieves the payment method icon SVG from the @adyen/ui-assets-payment-method-icons package.\n *\n * @param type the type of payment method\n * @param useFallback if fallback icon should be used in case of error\n * @returns\n */\nexport const usePaymentIcon = (type: Ref<string>) => {\n    const paymentType = ref(type);\n    const paymentIconSrc = ref<string>();\n\n    watch(\n        paymentType,\n        newPaymentType => {\n            if (newPaymentType == null || newPaymentType === 'Unknowncard') {\n                return;\n            }\n            // TODO: what about when to use checkoutshopper-test? Should we add this to the config of Bento?\n            paymentIconSrc.value = paymentMethodToCdnUrl(newPaymentType);\n        },\n        { immediate: true }\n    );\n\n    return paymentIconSrc;\n};\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-pm\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"26\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-pm-unknowncard__a' + uuid + ')'\"><path fill=\"#fff\" d=\"M0 0H40V26H0V0Z\"/><path fill=\"#00112C\" d=\"M32 9V8C32 7.20435 31.6839 6.44129 31.1213 5.87868C30.5587 5.31607 29.7956 5 29 5H11C10.2044 5 9.44129 5.31607 8.87868 5.87868C8.31607 6.44129 8 7.20435 8 8V9H32Z\"/><path fill=\"#00112C\" d=\"M8 12V18C8 18.7956 8.31607 19.5587 8.87868 20.1213C9.44129 20.6839 10.2044 21 11 21H29C29.7956 21 30.5587 20.6839 31.1213 20.1213C31.6839 19.5587 32 18.7956 32 18V12H8Z\"/><rect width=\"5\" height=\"2\" x=\"24\" y=\"16\" fill=\"#fff\" rx=\".5\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-pm-unknowncard__a' + uuid\"><rect width=\"40\" height=\"26\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-payment-method\">\n        <div class=\"b-payment-method__icon-container\">\n            <img\n                v-if=\"type !== 'Unknowncard' && !hasErroredOnImage\"\n                aria-hidden=\"true\"\n                class=\"b-payment-method__icon\"\n                :class=\"conditionalIconClasses\"\n                :alt=\"label\"\n                :src=\"paymentMethodIconSrc\"\n                @error=\"onSrcError\"\n            />\n            <unknown-card-icon v-else :svg-title=\"label\" aria-hidden=\"true\" />\n        </div>\n        <div v-if=\"label\" class=\"b-payment-method__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ label }}</span>\n            <bento-typography v-else el=\"span\">{{ label }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, inject, ref, toRef, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid';\n    import { usePaymentIcon } from './composables/use-payment-icon/use-payment-icon';\n    import type { BentoPaymentMethodProps } from './payment-method.types';\n    import UnknownCardIcon from '@adyen/ui-assets-payment-method-icons/vue/unknowncard';\n\n    const props = withDefaults(defineProps<BentoPaymentMethodProps>(), {\n        label: null,\n        small: false,\n        type: 'Unknowncard',\n    });\n    const type = toRef(props, 'type');\n    const hasErroredOnImage = ref(false);\n    const paymentMethodIconSrc = usePaymentIcon(type);\n    const conditionalIconClasses = computed(() => ({\n        'b-payment-method__icon--small': props.small,\n    }));\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n\n    /**\n     * This funciton is fired if the payment image source is not valid and has thrown an error.\n     */\n    const onSrcError = () => {\n        hasErroredOnImage.value = true;\n    };\n\n    // Reset the image error to be able to load the new payment type\n    watch(\n        () => type.value,\n        (newType, oldType) => {\n            if (newType !== oldType) {\n                hasErroredOnImage.value = false;\n            }\n        }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A payment method type component to display the type's icon and label.\n     *\n     * @example\n     * import { BentoPaymentMethod} from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPaymentMethod },\n     *     template: `\n     *          <bento-payment-method type=\"ideal\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-payment-method',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./payment-method.scss\" />\n"],"names":["paymentMethodToCdnUrl","paymentType","usePaymentIcon","type","ref","paymentIconSrc","watch","newPaymentType","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","defineComponent","props","__props","toRef","hasErroredOnImage","paymentMethodIconSrc","conditionalIconClasses","computed","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout","onSrcError","newType","oldType"],"mappings":";;;;;AAOO,MAAAA,IAAA,CAAAC,MAAA,2EAAAA,CAAA,QASAC,IAAA,CAAAC,MAAA;AACH,QAAAF,IAAAG,EAAAD,CAAA,GACAE,IAAAD,EAAA;AAEA,SAAAE;AAAA,IAAAL;AAAA,IACI,CAAAM,MAAA;AAEI,MAAAA,KAAA,QAAAA,MAAA,kBAIAF,EAAA,QAAAL,EAAAO,CAAA;AAAA,IAA2D;AAAA,IAC/D,EAAA,WAAA,GAAA;AAAA,EACkB,GAGtBF;AACJ;AC1BI,IAAAG,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAZZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,+CAAAD,EAAA,OAAA;AAAA;;QAA4E,MAAA;AAAA,QAAY,GAAA;AAAA;;QAA2B,MAAA;AAAA,QAAe,GAAA;AAAA;;QAA8K,MAAA;AAAA,QAAe,GAAA;AAAA;;QAAoL,OAAA;AAAA,QAAU,QAAA;AAAA,QAAW,GAAA;AAAA,QAAO,GAAA;AAAA,QAAO,MAAA;AAAA,QAAY,IAAA;AAAA;IAF9uB,IAAA,GAAAL,CAAA;AAAA;;QAE4wB,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAF71B,IAAA,GAAAJ,CAAA;AAAA;;;;;;mBCoFIM,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAE/B,CAAA;;;;;;;;AAxDA,UAAAC,IAAAC,GAKAhB,IAAAiB,EAAAF,GAAA,MAAA,GACAG,IAAAjB,EAAA,EAAA,GACAkB,IAAApB,EAAAC,CAAA,GACAoB,IAAAC,EAAA,OAAA;AAAA,MAA+C,iCAAAN,EAAA;AAAA,IACJ,EAAA,GAI3CO,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA,GAKAI,IAAA,MAAA;AACI,MAAAR,EAAA,QAAA;AAAA,IAA0B;AAI9B,WAAAf;AAAA,MAAA,MAAAH,EAAA;AAAA,MACe,CAAA2B,GAAAC,MAAA;AAEP,QAAAD,MAAAC,MACIV,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"payment-method.AeKHZlAO.js","sources":["../../../vue2/src/components/payment-method/composables/use-payment-icon/use-payment-icon.ts","../../../ui-assets/icons-pm/dist/vue/unknowncard.vue","../../../vue2/src/components/payment-method/payment-method.vue"],"sourcesContent":["import { ref, type Ref, watch } from 'vue';\n\n/**\n * Generates the payment icon URl from a payment icons string.\n * @param paymentType - the payment icon you wish to generate a URL for.\n * @returns the payment icon URL to the SVG for a specific payment icon.\n */\nexport const paymentMethodToCdnUrl = (paymentType: string) =>\n    `https://checkoutshopper-live.cdn.adyen.com/checkoutshopper/images/logos/${paymentType}.svg`;\n/**\n * Dynamically retrieves the payment method icon SVG from the @adyen/ui-assets-payment-method-icons package.\n *\n * @param type the type of payment method\n * @param useFallback if fallback icon should be used in case of error\n * @returns\n */\nexport const usePaymentIcon = (type: Ref<string>) => {\n    const paymentType = ref(type);\n    const paymentIconSrc = ref<string>();\n\n    watch(\n        paymentType,\n        newPaymentType => {\n            if (newPaymentType == null || newPaymentType === 'Unknowncard') {\n                return;\n            }\n            // TODO: what about when to use checkoutshopper-test? Should we add this to the config of Bento?\n            paymentIconSrc.value = paymentMethodToCdnUrl(newPaymentType);\n        },\n        { immediate: true }\n    );\n\n    return paymentIconSrc;\n};\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-pm\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"26\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-pm-unknowncard__a' + uuid + ')'\"><path fill=\"#fff\" d=\"M0 0H40V26H0V0Z\"/><path fill=\"#00112C\" d=\"M32 9V8C32 7.20435 31.6839 6.44129 31.1213 5.87868C30.5587 5.31607 29.7956 5 29 5H11C10.2044 5 9.44129 5.31607 8.87868 5.87868C8.31607 6.44129 8 7.20435 8 8V9H32Z\"/><path fill=\"#00112C\" d=\"M8 12V18C8 18.7956 8.31607 19.5587 8.87868 20.1213C9.44129 20.6839 10.2044 21 11 21H29C29.7956 21 30.5587 20.6839 31.1213 20.1213C31.6839 19.5587 32 18.7956 32 18V12H8Z\"/><rect width=\"5\" height=\"2\" x=\"24\" y=\"16\" fill=\"#fff\" rx=\".5\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-pm-unknowncard__a' + uuid\"><rect width=\"40\" height=\"26\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-payment-method\">\n        <div class=\"b-payment-method__icon-container\">\n            <img\n                v-if=\"type !== 'Unknowncard' && !hasErroredOnImage\"\n                aria-hidden=\"true\"\n                class=\"b-payment-method__icon\"\n                :class=\"conditionalIconClasses\"\n                :alt=\"label\"\n                :src=\"paymentMethodIconSrc\"\n                @error=\"onSrcError\"\n            />\n            <unknown-card-icon v-else :svg-title=\"label\" aria-hidden=\"true\" />\n        </div>\n        <div v-if=\"label\" class=\"b-payment-method__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ label }}</span>\n            <bento-typography v-else el=\"span\">{{ label }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, inject, ref, toRef, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid';\n    import { usePaymentIcon } from './composables/use-payment-icon/use-payment-icon';\n    import type { BentoPaymentMethodProps } from './payment-method.types';\n    import UnknownCardIcon from '@adyen/ui-assets-payment-method-icons/vue/unknowncard';\n\n    const props = withDefaults(defineProps<BentoPaymentMethodProps>(), {\n        label: null,\n        small: false,\n        type: 'Unknowncard',\n    });\n    const type = toRef(props, 'type');\n    const hasErroredOnImage = ref(false);\n    const paymentMethodIconSrc = usePaymentIcon(type);\n    const conditionalIconClasses = computed(() => ({\n        'b-payment-method__icon--small': props.small,\n    }));\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n\n    /**\n     * This funciton is fired if the payment image source is not valid and has thrown an error.\n     */\n    const onSrcError = () => {\n        hasErroredOnImage.value = true;\n    };\n\n    // Reset the image error to be able to load the new payment type\n    watch(\n        () => type.value,\n        (newType, oldType) => {\n            if (newType !== oldType) {\n                hasErroredOnImage.value = false;\n            }\n        }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A payment method type component to display the type's icon and label.\n     *\n     * @example\n     * import { BentoPaymentMethod} from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPaymentMethod },\n     *     template: `\n     *          <bento-payment-method type=\"ideal\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-payment-method',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./payment-method.scss\" />\n"],"names":["paymentMethodToCdnUrl","paymentType","usePaymentIcon","type","ref","paymentIconSrc","watch","newPaymentType","uuid","_hoisted_2$1","_hoisted_3$1","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","__default__","defineComponent","props","__props","toRef","hasErroredOnImage","paymentMethodIconSrc","conditionalIconClasses","computed","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout","onSrcError","newType","oldType"],"mappings":";;;;;AAOO,MAAAA,IAAA,CAAAC,MAAA,2EAAAA,CAAA,QASAC,IAAA,CAAAC,MAAA;AACH,QAAAF,IAAAG,EAAAD,CAAA,GACAE,IAAAD,EAAA;AAEA,SAAAE;AAAA,IAAAL;AAAA,IACI,CAAAM,MAAA;AAEI,MAAAA,KAAA,QAAAA,MAAA,kBAIAF,EAAA,QAAAL,EAAAO,CAAA;AAAA,IAA2D;AAAA,IAC/D,EAAA,WAAA,GAAA;AAAA,EACkB,GAGtBF;AACJ;AC1BI,IAAAG,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;mBAZZC,IAAA,CAAA,WAAA,GAAAC,IAAA,CAAA,IAAA;;AAEI,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE4M,aAAA,+CAAAD,EAAA,OAAA;AAAA;;QAA4E,MAAA;AAAA,QAAY,GAAA;AAAA;;QAA2B,MAAA;AAAA,QAAe,GAAA;AAAA;;QAA8K,MAAA;AAAA,QAAe,GAAA;AAAA;;QAAoL,OAAA;AAAA,QAAU,QAAA;AAAA,QAAW,GAAA;AAAA,QAAO,GAAA;AAAA,QAAO,MAAA;AAAA,QAAY,IAAA;AAAA;IAF9uB,IAAA,GAAAL,CAAA;AAAA;;QAE4wB,IAAA,0CAAAK,EAAA;AAAA;;UAA0D,OAAA;AAAA,UAAW,QAAA;AAAA,UAAY,MAAA;AAAA;MAF71B,IAAA,GAAAJ,CAAA;AAAA;;;;;;mBCoFIM,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAE/B,CAAA;;;;;;;;AAxDA,UAAAC,IAAAC,GAKAhB,IAAAiB,EAAAF,GAAA,MAAA,GACAG,IAAAjB,EAAA,EAAA,GACAkB,IAAApB,EAAAC,CAAA,GACAoB,IAAAC,EAAA,OAAA;AAAA,MAA+C,iCAAAN,EAAA;AAAA,IACJ,EAAA,GAI3CO,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA,GAKAI,IAAA,MAAA;AACI,MAAAR,EAAA,QAAA;AAAA,IAA0B;AAI9B,WAAAf;AAAA,MAAA,MAAAH,EAAA;AAAA,MACe,CAAA2B,GAAAC,MAAA;AAEP,QAAAD,MAAAC,MACIV,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/popover.types.C_Z2JeVK.js

@@ -0,0 +1,6 @@
+import { b as o } from "./popper-container.BefZxTzP.js";
+const i = { ...o };
+export {
+  i as B
+};
+//# sourceMappingURL=popover.types.C_Z2JeVK.js.map

package/dist/chunks/{popover.types.BbYumG-N.js.map → popover.types.C_Z2JeVK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.types.BbYumG-N.js","sources":["../../../vue2/src/components/popover/popover.types.ts"],"sourcesContent":["import { PopperContainerPosition } from '../popper-container/popper-container.types';\nimport type { Placement } from '@floating-ui/vue';\nimport type {\n    BentoButtonActionsLayout,\n    BentoButtonActionsList,\n} from '../button/components/button-actions/button-actions.types';\nimport { type VueNodeElement } from '@/types/elements';\nimport type { Options as FocusTrapOptions } from 'focus-trap/index';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n\nexport interface BentoPopoverProps {\n    /**\n     * List of actions that will be used to render the buttons.\n     * First element in the list will be rendered as \"primary\".\n     * All elements after the first will be rendered as \"secondary\".\n     *\n     * Each object in the list should have a `title`, an `event` and\n     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n     *\n     * `title`: Button's text.\n     *\n     * `event`: Event triggered when clicking the Button.\n     *\n     * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n     *\n     * ```\n     * [{\n     *   title: 'Primary',\n     *   event: () => { ... },\n     *   icon: FourPeopleIcon\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     * }]\n     * ```\n     */\n    actions?: BentoButtonActionsList;\n\n    /**\n     * Defines the layout in which the button actions is presented.\n     * It can be one of:\n     *\n     * @values BUTTONS_END\n     * @values FILL_CONTAINER\n     * @values SPACE_BETWEEN\n     * @values VERTICAL_STACK\n     */\n    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;\n\n    /**\n     * Defines a string value that provides an accessible name for the popover.\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n     */\n    divider?: boolean;\n\n    /**\n     * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n     * */\n    disableFocusTrap?: boolean;\n\n    /**\n     * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n     */\n    dismissible?: boolean;\n\n    /**\n     * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n     * Useful when not using auto as starting placement.\n     * https://floating-ui.com/docs/flip#fallbackplacements\n     */\n    fallbackPosition?: Array<Placement>;\n\n    /**\n     * Sets the size of the container to fit its content\n     */\n    fitContent?: boolean;\n\n    /**\n     * Instructs popover to be visible outside of the containing container.\n     * Useful when component would be used in limited containers like Modal, Side panel, etc.\n     * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n     */\n    fixedPositioning?: boolean;\n\n    /**\n     * Toggles the popover open and closed\n     */\n    open?: boolean;\n\n    /**\n     * Displays the popover in a large size.\n     */\n    large?: boolean;\n\n    /**\n     * @deprecated\n     * NOTE: This property no longer functions since moving to the floating-ui framework.\n     */\n    modifiers?: Array<unknown>;\n\n    /**\n     * Popover's position relative to the target element.\n     * Possible values are:\n     * 'auto',    'auto-start',    'auto-end',\n     * 'top',     'top-start',     'top-end'\n     * 'right',   'right-start',   'right-end'\n     * 'bottom',  'bottom-start',  'bottom-end'\n     * 'left',    'left-start',    'left-end'\n     */\n    position?: BentoPopoverPositions | `${BentoPopoverPositions}`;\n\n    /**\n     * Displays the popover in a small size.\n     */\n    small?: boolean;\n\n    /**\n     * Indicates the title you want to give the popover.\n     */\n    title?: string;\n\n    /**\n     * Popover's target element.\n     * The popover will position itself relatively to target element, in specified position.\n     */\n    targetElement: VueNodeElement;\n\n    /**\n     * Activates focus trap for both arrow and tab keys.\n     */\n    trapAll?: boolean;\n\n    /**\n     * Configurations for the focus-trap when trap-all is active.\n     */\n    trapAllOptions?: FocusTrapOptions;\n\n    /**\n     * Displays the popover without padding.\n     */\n    withoutSpace?: boolean;\n\n    /**\n     * Allows content to appear outside of the popover. Used when there are nested popovers.\n     */\n    overflowVisible?: boolean;\n}\n"],"names":["BentoPopoverPositions","PopperContainerPosition"],"mappings":";AAYO,MAAMA,IAAwB,EAAE,GAAGC,EAAA;"}
+{"version":3,"file":"popover.types.C_Z2JeVK.js","sources":["../../../vue2/src/components/popover/popover.types.ts"],"sourcesContent":["import { PopperContainerPosition } from '../popper-container/popper-container.types';\nimport type { Placement } from '@floating-ui/vue';\nimport type {\n    BentoButtonActionsLayout,\n    BentoButtonActionsList,\n} from '../button/components/button-actions/button-actions.types';\nimport { type VueNodeElement } from '@/types/elements';\nimport type { Options as FocusTrapOptions } from 'focus-trap/index';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n\nexport interface BentoPopoverProps {\n    /**\n     * List of actions that will be used to render the buttons.\n     * First element in the list will be rendered as \"primary\".\n     * All elements after the first will be rendered as \"secondary\".\n     *\n     * Each object in the list should have a `title`, an `event` and\n     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n     *\n     * `title`: Button's text.\n     *\n     * `event`: Event triggered when clicking the Button.\n     *\n     * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n     *\n     * ```\n     * [{\n     *   title: 'Primary',\n     *   event: () => { ... },\n     *   icon: FourPeopleIcon\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     * }]\n     * ```\n     */\n    actions?: BentoButtonActionsList;\n\n    /**\n     * Defines the layout in which the button actions is presented.\n     * It can be one of:\n     *\n     * @values BUTTONS_END\n     * @values FILL_CONTAINER\n     * @values SPACE_BETWEEN\n     * @values VERTICAL_STACK\n     */\n    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;\n\n    /**\n     * Defines a string value that provides an accessible name for the popover.\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n     */\n    divider?: boolean;\n\n    /**\n     * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n     * */\n    disableFocusTrap?: boolean;\n\n    /**\n     * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n     */\n    dismissible?: boolean;\n\n    /**\n     * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n     * Useful when not using auto as starting placement.\n     * https://floating-ui.com/docs/flip#fallbackplacements\n     */\n    fallbackPosition?: Array<Placement>;\n\n    /**\n     * Sets the size of the container to fit its content\n     */\n    fitContent?: boolean;\n\n    /**\n     * Instructs popover to be visible outside of the containing container.\n     * Useful when component would be used in limited containers like Modal, Side panel, etc.\n     * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n     */\n    fixedPositioning?: boolean;\n\n    /**\n     * Toggles the popover open and closed\n     */\n    open?: boolean;\n\n    /**\n     * Displays the popover in a large size.\n     */\n    large?: boolean;\n\n    /**\n     * @deprecated\n     * NOTE: This property no longer functions since moving to the floating-ui framework.\n     */\n    modifiers?: Array<unknown>;\n\n    /**\n     * Popover's position relative to the target element.\n     * Possible values are:\n     * 'auto',    'auto-start',    'auto-end',\n     * 'top',     'top-start',     'top-end'\n     * 'right',   'right-start',   'right-end'\n     * 'bottom',  'bottom-start',  'bottom-end'\n     * 'left',    'left-start',    'left-end'\n     */\n    position?: BentoPopoverPositions | `${BentoPopoverPositions}`;\n\n    /**\n     * Displays the popover in a small size.\n     */\n    small?: boolean;\n\n    /**\n     * Indicates the title you want to give the popover.\n     */\n    title?: string;\n\n    /**\n     * Popover's target element.\n     * The popover will position itself relatively to target element, in specified position.\n     */\n    targetElement: VueNodeElement;\n\n    /**\n     * Activates focus trap for both arrow and tab keys.\n     */\n    trapAll?: boolean;\n\n    /**\n     * Configurations for the focus-trap when trap-all is active.\n     */\n    trapAllOptions?: FocusTrapOptions;\n\n    /**\n     * Displays the popover without padding.\n     */\n    withoutSpace?: boolean;\n\n    /**\n     * Allows content to appear outside of the popover. Used when there are nested popovers.\n     */\n    overflowVisible?: boolean;\n}\n"],"names":["BentoPopoverPositions","PopperContainerPosition"],"mappings":";AAYO,MAAMA,IAAwB,EAAE,GAAGC,EAAA;"}