npm - @adyen/bento-vue2 - Versions diffs - 1.44.0 → 1.46.0 - Mend

@adyen/bento-vue2 1.44.0 → 1.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (254) hide show

package/dist/chunks/file-uploader.ItCr8Ezn.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"file-uploader.ItCr8Ezn.js","sources":["../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/upload.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/bin.vue","../../src/components/file-uploader/components/file-uploader-file-card/composables/use-truncated-file-name.ts","../../src/components/file-uploader/utils/format-file-size/format-file-size.ts","../../src/components/file-uploader/file-uploader.types.ts","../../src/components/file-uploader/utils/get-file-type/get-file-type.ts","../../src/components/file-uploader/utils/read-file/read-file.ts","../../../../node_modules/.pnpm/@adyen+ui-assets-icons-16@4.1.0_vue@2.7.16/node_modules/@adyen/ui-assets-icons-16/dist/vue/attachment.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/collection.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/document-1.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/document-lines.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/folder.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/image.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/play-circle.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/sound.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/table.vue","../../src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon/get-file-icon.ts","../../src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon-color/get-file-icon-color.ts","../../src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue","../../src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue","../../src/components/file-uploader/composables/use-file-type-list/use-file-type-list.ts","../../src/components/file-uploader/file-uploader.vue"],"sourcesContent":["\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.00011 0.939453L12.0608 5.00011L11.0001 6.06077L8.75 3.81066V11.75H7.25V3.81089L5.00011 6.06077L3.93945 5.00011L8.00011 0.939453Z\"/><path fill=\"#00112C\" d=\"M2.75 12.5V10.25H1.25V12.5C1.25 13.0967 1.48705 13.669 1.90901 14.091C2.33097 14.5129 2.90326 14.75 3.5 14.75H12.5C13.0967 14.75 13.669 14.5129 14.091 14.091C14.5129 13.669 14.75 13.0967 14.75 12.5V10.25H13.25V12.5C13.25 12.6989 13.171 12.8897 13.0303 13.0303C12.8897 13.171 12.6989 13.25 12.5 13.25H3.5C3.30109 13.25 3.11032 13.171 2.96967 13.0303C2.82902 12.8897 2.75 12.6989 2.75 12.5Z\"/></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","\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=\"M7.25 6.25H5.75V12.75H7.25V6.25Z\"/><path fill=\"#00112C\" d=\"M8.75 6.25H10.25V12.75H8.75V6.25Z\"/><path fill=\"#00112C\" d=\"M14.75 3.24999H12.54L12.05 1.74999C11.9 1.29999 11.61 0.92999 11.22 0.64999C10.83 0.37999 10.34 0.24999 9.92 0.23999H6.09C5.64 0.23999 5.17 0.37999 4.78 0.64999C4.39 0.91999 4.11 1.29999 3.95 1.75999L3.46 3.23999H1.25V4.73999H2.32L3.14 13.7C3.19 14.26 3.45 14.78 3.86 15.16C4.27 15.54 4.81 15.75 5.37 15.75H10.64C11.2 15.75 11.74 15.54 12.15 15.16C12.57 14.78 12.82 14.26 12.87 13.7L13.69 4.73999H14.76V3.23999L14.75 3.24999ZM5.37 2.24999C5.42 2.09999 5.52 1.97999 5.64 1.88999C5.77 1.79999 5.92 1.74999 6.08 1.75999H9.93C10.08 1.75999 10.23 1.80999 10.35 1.88999C10.48 1.97999 10.57 2.09999 10.62 2.23999L10.95 3.25999H5.02L5.35 2.25999L5.37 2.24999ZM11.37 13.58C11.35 13.77 11.27 13.94 11.13 14.06C10.99 14.19 10.81 14.25 10.63 14.25H5.36C5.17 14.25 5 14.18 4.86 14.06C4.72 13.93 4.64 13.76 4.62 13.57L3.81 4.74999H12.17L11.36 13.57L11.37 13.58Z\"/></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","import { VueInstance } from '@/types';\nimport { onMounted, onUnmounted, ref, Ref } from 'vue';\n\n/**\n * Verifies if the content defined is being truncated when it is overflowing the container.\n *\n * @param target Element that contains the text to be truncated\n * @param container Scrollable container that defines the boundaries\n * @returns Boolean indicating whether or not the content will be truncated\n */\nexport function useTruncatedFileName(target: Ref<VueInstance>, container: Ref<HTMLElement>) {\n const isContainerTruncating = ref<boolean>(false);\n let observer: IntersectionObserver;\n\n function disconnectObserver() {\n if (observer) {\n observer.disconnect();\n }\n }\n\n onUnmounted(() => {\n disconnectObserver();\n });\n\n onMounted(() => {\n disconnectObserver();\n\n observer = new IntersectionObserver(\n entries => {\n isContainerTruncating.value = !entries[0].isIntersecting;\n },\n {\n root: container.value,\n threshold: 1.0,\n }\n );\n\n observer.observe(target.value.$el);\n });\n\n return isContainerTruncating;\n}\n","const UNITS = ['byte', 'kilobyte', 'megabyte', 'gigabyte', 'terabyte', 'petabyte'];\n\n/**\n * Converts size in bytes to a human readable format.\n * For example, it transforms \"1000\" to \"1kB\"\n *\n * @param locale App's set locale (e.g. en, es, pt-BR)\n * @param size Size of file\n * @returns Size of file using metrics\n */\nexport function formatFileSize(locale: string, size: number) {\n let unitIndex = 0;\n let bytes = size;\n\n while (bytes >= 1000 && unitIndex < UNITS.length - 1) {\n bytes /= 1000;\n unitIndex++;\n }\n\n return new Intl.NumberFormat(locale, {\n style: 'unit',\n unit: UNITS[unitIndex],\n unitDisplay: 'short', // Displays as \"kB\" instead of \"kilobytes\"\n maximumFractionDigits: 2, // Limits to 2 decimal places\n }).format(bytes);\n}\n","export type BentoFileUploaderValue = string | Array<string> | File | Array<File>;\nexport interface BentoFileUploaderProps {\n /**\n * A string that defines the file types the file input should accept.\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n */\n accept?: HTMLInputElement['accept'];\n\n /**\n * Reduces the size of the uploader area.\n */\n condensed?: boolean;\n\n /**\n * Descriptive supporting text visbile underneath the label.\n */\n description?: string;\n\n /**\n * Disable the radio button (optional).\n */\n disabled?: boolean;\n\n /**\n * Renders file-uploader with an error state and the error message beneath the input box\n */\n errorMessage?: string;\n\n /**\n * The label of the component.\n */\n label: string;\n\n /**\n * Sets a maximum file count. Allows for uploading multiple files.\n */\n maxCount?: number;\n\n /**\n * Sets a maximum image size (for image file types only).\n */\n maxDimensions?: { width?: number; height?: number };\n\n /**\n * Sets a maximum file size in Bytes\n */\n maxSize?: number;\n\n /**\n * Used to support `v-model`. Doesn't actually set the value of the file uploader.\n */\n modelValue?: BentoFileUploaderValue;\n\n /**\n * Sets the field as optional.\n */\n optional?: boolean;\n\n /**\n * Sets the field as required.\n */\n required?: boolean;\n\n /**\n * Adds a info icon next to the label to display the passed tooltip message.\n */\n tooltipText?: string;\n}\n\n/**\n * Private types\n */\nexport enum FileState {\n LOADING = 'loading',\n SUCCESS = 'success',\n ERROR = 'error',\n}\n\nexport enum FileErrorType {\n ERROR_SIZE = 'error-size',\n ERROR_LOAD = 'error-load',\n ERROR_DIMENSIONS = 'error-dimensions',\n ERROR_TYPE = 'error-type',\n}\n\nexport enum FileUploaderState {\n DISABLED = 'disabled',\n DRAG_OVER = 'drag-over',\n ERROR = 'error',\n READONLY = 'readonly',\n}\n\nexport enum FileType {\n TABLE = 'table',\n IMAGE = 'image',\n VIDEO = 'video',\n AUDIO = 'audio',\n TEXT = 'text',\n PDF = 'pdf',\n SLIDES = 'slides',\n COMPRESSED = 'compressed',\n GENERIC = 'generic',\n}\n\nexport interface FileObject {\n id: string;\n data: File;\n state: FileState;\n errors: Array<FileErrorType>;\n type: FileType;\n progress: number | null;\n dimensions?: { width: number; height: number };\n}\n\nexport type SupportedFileTypes = string;\n","import { FileType } from '@/components/file-uploader/file-uploader.types';\n\nconst textFileExtraTypes = [\n 'application/msword', // .doc\n 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', // .docx\n 'application/rtf', // .rtf\n];\n\nconst tableFileTypes = [\n 'application/vnd.ms-excel', // .xls\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', // .xlsx\n 'application/vnd.oasis.opendocument.spreadsheet', //.ods\n 'application/vnd.apple.numbers', // .numbers\n 'application/x-iwork-numbers-sffnumbers', // .numbers\n 'text/csv', // .csv\n];\n\nconst slidesFileTypes = [\n 'application/vnd.ms-powerpoint', // .ppt\n 'application/vnd.openxmlformats-officedocument.presentationml.presentation', // .pptx\n 'application/vnd.oasis.opendocument.presentation', // .odp\n];\n\nconst compressedFileTypes = [\n 'application/zip', // .zip\n 'application/vnd.rar', // .rar\n 'application/x-7z-compressed', // .7z\n 'application/gzip', // .gz, .tar.gz, .tgz\n 'application/x-tar', // .tar\n 'application/x-bzip2', // .bz2\n 'application/x-xz', // .xz\n 'application/x-lzma', // .lzma\n 'application/x-compress', // .Z\n 'application/vnd.ms-cab-compressed', // .cab\n];\n\n/**\n * Categorizes the type of a file. Maps all types of text, image, video,\n * audio and documents to an specific category such as \"text/*\" or \"image/*\" respectively\n * @param file File to be typed\n * @returns Type category of the file being uploaded\n */\nexport function getFileType(file: File) {\n if (tableFileTypes.includes(file.type)) {\n return FileType.TABLE;\n }\n\n if (file.type.startsWith('text/') || textFileExtraTypes.includes(file.type)) {\n return FileType.TEXT;\n }\n\n if (file.type.startsWith('image/')) {\n return FileType.IMAGE;\n }\n\n if (file.type.startsWith('video/')) {\n return FileType.VIDEO;\n }\n\n if (file.type.startsWith('audio/')) {\n return FileType.AUDIO;\n }\n\n if (file.type === 'application/pdf') {\n return FileType.PDF;\n }\n\n if (slidesFileTypes.includes(file.type)) {\n return FileType.SLIDES;\n }\n\n if (compressedFileTypes.includes(file.type)) {\n return FileType.COMPRESSED;\n }\n\n return FileType.GENERIC;\n}\n","import { FileErrorType, type FileObject, FileState, FileType } from '@/components/file-uploader/file-uploader.types';\n\n/**\n * Validates if a File has the correct type accepted for the current instance of\n * BentoFileUploader.\n *\n * @param file File being processed\n * @param accept HTML MIME types valid for the file to be processed\n * @returns Whether or not the file has the right type\n */\nfunction isFileTypeAccepted(file: File, accept?: string) {\n if (!accept) {\n return true;\n }\n\n // Split accept attribute into individual rules (e.g., 'image/*', '.png')\n const acceptPatterns = accept.split(',').map(type => type.trim());\n\n for (const pattern of acceptPatterns) {\n if (pattern.startsWith('.')) {\n // Check for file extension\n if (file.name.endsWith(pattern)) {\n return true;\n }\n } else if (pattern.endsWith('/*')) {\n // Check for type category (e.g., 'image/*')\n const category = pattern.split('/')[0];\n if (file.type.startsWith(category)) {\n return true;\n }\n } else {\n // Check for exact MIME type match\n if (file.type === pattern) {\n return true;\n }\n }\n }\n\n return false; // No matches found\n}\n\n/**\n * Process a file to verify if it fulfills the accepted type restrictions defined in \"accept\",\n * the dimensions for \"image/*\" types defined by \"maxDimensions\". The state of the \"fileObject\" will\n * be updated according to the restrictions or if it was successfully uploaded.\n *\n * @param fileObject File to be processed\n * @param accept HTML MIME types valid for the file to be processed\n * @param maxDimensions Width and height restrictions for \"image/*\" files\n */\nexport function readFile(\n fileObject: FileObject,\n accept?: string,\n maxDimensions?: { width?: number; height?: number }\n): void {\n const reader = new FileReader();\n // Can't be cloned because the events are async\n const file = fileObject; // avoid ESLint no-param-reassign\n\n // Verify file type - skip the rest if invalid\n if (!isFileTypeAccepted(file.data, accept)) {\n file.state = FileState.ERROR;\n file.errors.push(FileErrorType.ERROR_TYPE);\n return;\n }\n\n reader.onload = event => {\n if (maxDimensions && file.type === FileType.IMAGE) {\n const blob = new Blob([event.target.result], { type: file.data.type });\n const url = URL.createObjectURL(blob);\n const img = new Image();\n\n img.onload = function () {\n if (img.width > maxDimensions.width || img.height > maxDimensions.height) {\n file.state = FileState.ERROR;\n file.errors.push(FileErrorType.ERROR_DIMENSIONS);\n }\n URL.revokeObjectURL(url);\n };\n\n img.onerror = function () {\n URL.revokeObjectURL(url);\n };\n\n img.src = url;\n }\n };\n\n reader.onprogress = event => {\n if (event.lengthComputable) {\n file.progress = (event.loaded / event.total) * 100;\n }\n };\n\n reader.onloadend = () => {\n if (file.state !== FileState.ERROR) {\n file.state = FileState.SUCCESS;\n }\n\n file.progress = null;\n };\n\n reader.onerror = () => {\n file.state = FileState.ERROR;\n file.errors.push(FileErrorType.ERROR_LOAD);\n file.progress = null;\n };\n\n reader.readAsArrayBuffer(file.data);\n}\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><g :clip-path=\"'url(#uia-icons-16-attachment__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M12.866 4.09026C11.5689 2.79315 9.4638 2.79315 8.1667 4.09026L2.7267 9.53026C1.95959 10.2974 1.95959 11.5425 2.7267 12.3096C3.49381 13.0767 4.73893 13.0767 5.50604 12.3096L10.946 6.8696C11.1831 6.63249 11.1831 6.24737 10.946 6.01026C10.7089 5.77316 10.3238 5.77316 10.0867 6.01026L4.75637 11.3406L3.69571 10.2799L9.02604 4.9496C9.84893 4.12671 11.1838 4.12671 12.0067 4.9496C12.8296 5.7725 12.8296 7.10737 12.0067 7.93026L6.5667 13.3703C5.2138 14.7232 3.01893 14.7232 1.66604 13.3703C0.313144 12.0174 0.313144 9.82249 1.66604 8.4696L7.10604 3.0296C8.98893 1.14671 12.0438 1.14671 13.9267 3.0296C15.8096 4.91249 15.8096 7.96737 13.9267 9.85026L11.1564 12.6206L10.0957 11.5599L12.866 8.7896C14.1631 7.49249 14.1631 5.38737 12.866 4.09026Z\"/></g><defs><clipPath :id=\"'uia-icons-16-attachment__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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","\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=\"M13.75 9.58159C14.3412 9.30073 14.75 8.6981 14.75 8V2C14.75 1.0335 13.9665 0.25 13 0.25H3C2.0335 0.25 1.25 1.0335 1.25 2V8C1.25 8.6981 1.65876 9.30073 2.25 9.58159V11C2.25 11.4641 2.43438 11.9092 2.76256 12.2374C2.90555 12.3804 3.07072 12.4961 3.25 12.5811V14C3.25 14.4641 3.43438 14.9092 3.76256 15.2374C4.09075 15.5656 4.53587 15.75 5 15.75H11C11.4641 15.75 11.9092 15.5656 12.2374 15.2374C12.5656 14.9092 12.75 14.4641 12.75 14V12.5811C12.9293 12.4961 13.0945 12.3804 13.2374 12.2374C13.5656 11.9092 13.75 11.4641 13.75 11V9.58159ZM3 1.75H13C13.1381 1.75 13.25 1.86193 13.25 2V8C13.25 8.13807 13.1381 8.25 13 8.25H3C2.86193 8.25 2.75 8.13807 2.75 8V2C2.75 1.86193 2.86193 1.75 3 1.75ZM12.25 9.75V11C12.25 11.0663 12.2237 11.1299 12.1768 11.1768C12.1299 11.2237 12.0663 11.25 12 11.25H4C3.9337 11.25 3.87011 11.2237 3.82322 11.1768C3.77634 11.1299 3.75 11.0663 3.75 11V9.75H12.25ZM11.25 12.75V14C11.25 14.0663 11.2237 14.1299 11.1768 14.1768C11.1299 14.2237 11.0663 14.25 11 14.25H5C4.9337 14.25 4.87011 14.2237 4.82322 14.1768C4.77634 14.1299 4.75 14.0663 4.75 14V12.75H11.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","\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=\"M13.75 13.5C13.75 14.7442 12.7442 15.75 11.5 15.75H4.5C3.25579 15.75 2.25 14.7442 2.25 13.5V2.5C2.25 1.25579 3.25579 0.25 4.5 0.25H9.31055L13.75 4.68728V13.5ZM3.75 2.5V13.5C3.75 13.9158 4.08421 14.25 4.5 14.25H11.5C11.9158 14.25 12.25 13.9158 12.25 13.5V6.75H9.5C8.25736 6.75 7.25 5.74264 7.25 4.5V1.75H4.5C4.08421 1.75 3.75 2.08421 3.75 2.5ZM8.75 1.81052V4.5C8.75 4.91421 9.08579 5.25 9.5 5.25H12.1912L8.75 1.81052Z\"/></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","\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=\"M10.7461 8.25V9.75H5.24609V8.25H10.7461Z\"/><path fill=\"#00112C\" d=\"M5.24609 11.25H10.7461V12.75H5.24609V11.25Z\"/><path fill=\"#00112C\" d=\"M13.7461 13.5C13.7461 14.7442 12.7403 15.75 11.4961 15.75H4.49609C3.25188 15.75 2.24609 14.7442 2.24609 13.5V2.5C2.24609 1.25579 3.25188 0.25 4.49609 0.25H9.30665L13.7461 4.68728V13.5ZM3.74609 2.5V13.5C3.74609 13.9158 4.08031 14.25 4.49609 14.25H11.4961C11.9119 14.25 12.2461 13.9158 12.2461 13.5V6.75H9.49609C8.25345 6.75 7.24609 5.74264 7.24609 4.5V1.75H4.49609C4.08031 1.75 3.74609 2.08421 3.74609 2.5ZM8.74609 1.81052V4.5C8.74609 4.91421 9.08188 5.25 9.49609 5.25H12.1873L8.74609 1.81052Z\"/></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","\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=\"M1.24609 4.5C1.24609 3.25579 2.25188 2.25 3.49609 2.25H6.37609C6.97727 2.25 7.54738 2.49062 7.96642 2.90967L10.0864 5.02967C10.2274 5.17062 10.4173 5.25 10.6161 5.25H12.4961C13.7403 5.25 14.7461 6.25579 14.7461 7.5V12.5C14.7461 13.7442 13.7403 14.75 12.4961 14.75H3.49609C2.25188 14.75 1.24609 13.7442 1.24609 12.5V4.5ZM3.49609 3.75C3.08031 3.75 2.74609 4.08421 2.74609 4.5V12.5C2.74609 12.9158 3.08031 13.25 3.49609 13.25H12.4961C12.9119 13.25 13.2461 12.9158 13.2461 12.5V7.5C13.2461 7.08421 12.9119 6.75 12.4961 6.75H10.6161C10.0149 6.75 9.44481 6.50938 9.02576 6.09033L6.90576 3.97033C6.76481 3.82938 6.57492 3.75 6.37609 3.75H3.49609Z\"/></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","\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=\"M9.99609 3.24805C8.47731 3.24805 7.24609 4.47926 7.24609 5.99805C7.24609 7.51683 8.47731 8.74805 9.99609 8.74805C11.5149 8.74805 12.7461 7.51683 12.7461 5.99805C12.7461 4.47926 11.5149 3.24805 9.99609 3.24805ZM8.74609 5.99805C8.74609 5.30769 9.30574 4.74805 9.99609 4.74805C10.6865 4.74805 11.2461 5.30769 11.2461 5.99805C11.2461 6.6884 10.6865 7.24805 9.99609 7.24805C9.30574 7.24805 8.74609 6.6884 8.74609 5.99805Z\"/><path fill=\"#00112C\" d=\"M1.24609 3.49805C1.24609 2.25541 2.25345 1.24805 3.49609 1.24805H12.4961C13.7387 1.24805 14.7461 2.25541 14.7461 3.49805V12.498C14.7461 13.7407 13.7387 14.748 12.4961 14.748H3.49609C2.25345 14.748 1.24609 13.7407 1.24609 12.498V3.49805ZM3.49609 2.74805C3.08188 2.74805 2.74609 3.08383 2.74609 3.49805V6.68756L3.99615 5.4375L11.8067 13.248H12.4961C12.9103 13.248 13.2461 12.9123 13.2461 12.498V3.49805C13.2461 3.08383 12.9103 2.74805 12.4961 2.74805H3.49609ZM2.74609 12.498C2.74609 12.9123 3.08188 13.248 3.49609 13.248H9.68538L3.99615 7.55882L2.74609 8.80888V12.498Z\"/></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","\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><g fill=\"#00112C\" :clip-path=\"'url(#uia-icons-16-play_circle__a' + uuid + ')'\"><path d=\"M10.9722 8.00002L6.62012 5.09863V10.9014L10.9722 8.00002Z\"/><path d=\"M5.0342 0.839937C6.45033 0.253358 8.0086 0.0998821 9.51195 0.398918C11.0153 0.697953 12.3962 1.43607 13.4801 2.51993C14.5639 3.60378 15.3021 4.9847 15.6011 6.48805C15.9001 7.99141 15.7466 9.54967 15.1601 10.9658C14.5735 12.3819 13.5801 13.5923 12.3057 14.4439C11.0312 15.2955 9.53281 15.75 8 15.75C5.94457 15.75 3.97333 14.9335 2.51992 13.4801C1.06652 12.0267 0.25 10.0554 0.25 8C0.25 6.4672 0.704529 4.96881 1.55611 3.69433C2.40769 2.41985 3.61808 1.42652 5.0342 0.839937ZM9.21931 1.8701C8.00693 1.62894 6.75027 1.75271 5.60823 2.22576C4.46619 2.6988 3.49007 3.49988 2.80331 4.52769C2.11656 5.5555 1.75 6.76387 1.75 8C1.75 9.65761 2.40848 11.2473 3.58058 12.4194C4.75268 13.5915 6.3424 14.25 8 14.25C9.23613 14.25 10.4445 13.8834 11.4723 13.1967C12.5001 12.5099 13.3012 11.5338 13.7742 10.3918C14.2473 9.24974 14.3711 7.99307 14.1299 6.78069C13.8887 5.56831 13.2935 4.45466 12.4194 3.58059C11.5453 2.70651 10.4317 2.11125 9.21931 1.8701Z\"/></g><defs><clipPath :id=\"'uia-icons-16-play_circle__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></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","\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=\"M5.68934 2.25H8.75V13.75H5.68934L2.68934 10.75H0.25V5.25H2.68934L5.68934 2.25ZM6.31066 3.75L3.31066 6.75H1.75V9.25H3.31066L6.31066 12.25H7.25V3.75H6.31066Z\"/><path fill=\"#00112C\" d=\"M13.0111 4.99174C12.2099 4.19982 11.1294 3.75 10 3.75V2.25C11.53 2.25 12.9888 2.85964 14.0675 3.92684L14.0703 3.92966C15.1527 5.01199 15.75 6.47347 15.75 8C15.75 9.52995 15.1404 10.9888 14.0732 12.0675L14.0703 12.0703C12.988 13.1527 11.5265 13.75 10 13.75V12.25C11.1328 12.25 12.2107 11.8079 13.0082 11.0111C13.8002 10.21 14.25 9.1294 14.25 8C14.25 6.8672 13.8079 5.78927 13.0111 4.99174Z\"/><path fill=\"#00112C\" d=\"M10 6.75V5.25C10.7257 5.25 11.4295 5.53694 11.9438 6.06319C12.4593 6.58041 12.75 7.26849 12.75 8C12.75 8.72573 12.4631 9.42951 11.9368 9.94383C11.4196 10.4593 10.7315 10.75 10 10.75V9.25C10.3268 9.25 10.6373 9.12206 10.8797 8.87967L10.8868 8.87265C11.1182 8.64727 11.25 8.33261 11.25 8C11.25 7.67317 11.1221 7.36272 10.8797 7.12033L10.8726 7.11321C10.6473 6.88175 10.3326 6.75 10 6.75Z\"/></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","\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=\"M3.5 1.25L3.49505 1.25002C2.90084 1.25394 2.33208 1.49173 1.91191 1.91191C1.49173 2.33208 1.25392 2.90084 1.25 3.49505V12.5C1.25 13.0967 1.48705 13.669 1.90901 14.091C2.33097 14.5129 2.90326 14.75 3.5 14.75H12.5C13.0967 14.75 13.669 14.5129 14.091 14.091C14.5129 13.669 14.75 13.0967 14.75 12.5V3.5C14.75 2.90326 14.5129 2.33097 14.091 1.90901C13.669 1.48705 13.0967 1.25 12.5 1.25H3.5ZM5.25 2.75V5.25H2.75V3.5029C2.75185 3.30382 2.83175 3.11338 2.97257 2.97257C3.11338 2.83175 3.30382 2.75185 3.5029 2.75H5.25ZM5.25 6.75V9.25H2.75V6.75H5.25ZM6.75 9.25V6.75H13.25V9.25H6.75ZM5.25 10.75V13.25H3.5C3.30109 13.25 3.11032 13.171 2.96967 13.0303C2.82902 12.8897 2.75 12.6989 2.75 12.5V10.75H5.25ZM6.75 13.25V10.75H13.25V12.5C13.25 12.6989 13.171 12.8897 13.0303 13.0303C12.8897 13.171 12.6989 13.25 12.5 13.25H6.75ZM6.75 5.25V2.75H12.5C12.6989 2.75 12.8897 2.82902 13.0303 2.96967C13.171 3.11032 13.25 3.30109 13.25 3.5V5.25H6.75Z\"/></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","import { VueNodeElement } from '@/types';\nimport { type FileObject, FileType } from '@/components/file-uploader/file-uploader.types';\n\nimport AttachmentIcon from '@adyen/ui-assets-icons-16/vue/attachment';\nimport CollectionIcon from '@adyen/ui-assets-icons-16/vue/collection';\nimport DocumentIcon from '@adyen/ui-assets-icons-16/vue/document-1';\nimport DocumentLinesIcon from '@adyen/ui-assets-icons-16/vue/document-lines';\nimport FolderIcon from '@adyen/ui-assets-icons-16/vue/folder';\nimport ImageIcon from '@adyen/ui-assets-icons-16/vue/image';\nimport PlayCircleIcon from '@adyen/ui-assets-icons-16/vue/play-circle';\nimport SoundIcon from '@adyen/ui-assets-icons-16/vue/sound';\nimport TableIcon from '@adyen/ui-assets-icons-16/vue/table';\n\nconst FILE_TYPE_ICON_MAP: Record<FileType, VueNodeElement> = {\n [FileType.AUDIO]: SoundIcon,\n [FileType.COMPRESSED]: FolderIcon,\n [FileType.GENERIC]: AttachmentIcon,\n [FileType.IMAGE]: ImageIcon,\n [FileType.PDF]: DocumentIcon,\n [FileType.SLIDES]: CollectionIcon,\n [FileType.TABLE]: TableIcon,\n [FileType.TEXT]: DocumentLinesIcon,\n [FileType.VIDEO]: PlayCircleIcon,\n};\n\n/**\n * Return an icon Vue component that can be used with a given File type @see FileType\n * @param file File object containing a type\n * @returns Icon for the respective type\n */\nexport function getFileIcon(file: FileObject) {\n return FILE_TYPE_ICON_MAP[file.type];\n}\n","import { type FileObject, FileType } from '@/components/file-uploader/file-uploader.types';\n\n/**\n * Returns the color to be used for the icon of a given type.\n *\n * @param file File with a given type\n * @returns Color to be used with their respective file type\n */\nexport function getFileIconColor(file: FileObject) {\n switch (file.type) {\n case FileType.COMPRESSED:\n case FileType.GENERIC:\n return 'grey';\n case FileType.PDF:\n case FileType.SLIDES:\n return 'orange';\n case FileType.TEXT:\n return 'blue';\n default:\n return 'green';\n }\n}\n","<template>\n <div class=\"b-file-uploader-file-card\" :class=\"conditionalClasses\">\n <div class=\"b-file-uploader-file-card__details\">\n <div class=\"b-file-uploader-file-card__info\">\n <file-uploader-file-card-animation\n :name=\"\n isVue2 ? 'b-file-uploader-file-card__animation' : 'b-file-uploader-file-card__animation--vue3'\n \"\n :show-file-icon=\"showFileIcon\"\n >\n <component\n :is=\"fileUploaderIcon\"\n :key=\"JSON.stringify(fileUploaderIcon)\"\n small\n class=\"b-file-uploader-file-card__icon\"\n :class=\"conditionalIconClasses\"\n data-testid=\"file-uploader-item-icon\"\n />\n </file-uploader-file-card-animation>\n\n <div ref=\"fileNameContainerRef\" class=\"b-file-uploader-file-card__file-name\">\n <bento-link\n :download=\"file.data.name\"\n :to=\"downloadUrl\"\n disable-typography\n is-not-routing\n variant=\"quiet\"\n >\n <bento-typography\n ref=\"fileNameRef\"\n v-bento-tooltip-directive=\"isFileNameTruncated ? file.data.name : null\"\n stronger\n el=\"span\"\n >\n {{ file.data.name }}\n </bento-typography>\n </bento-link>\n </div>\n\n <bento-typography v-if=\"file.progress\" el=\"span\">{{ progressLabel }}</bento-typography>\n <bento-typography v-else-if=\"file.data.size\" class=\"b-file-uploader-file-card__file-size\" el=\"span\">{{\n sizeLabel\n }}</bento-typography>\n </div>\n\n <bento-typography v-if=\"hasSizeError\" class=\"b-file-uploader-file-card__error-message\">\n {{ t('fileExceedsSizeLimit') }}\n </bento-typography>\n <bento-typography v-if=\"hasDimensionsError\" class=\"b-file-uploader-file-card__error-message\">\n {{ t('imageDimensionsExceedLimits') }}\n </bento-typography>\n <bento-typography\n v-if=\"hasTypeError && supportedFileTypes\"\n class=\"b-file-uploader-file-card__error-message\"\n >\n {{ t('fileTypeMustBe', { list: supportedFileTypes }) }}\n </bento-typography>\n </div>\n\n <div class=\"b-file-uploader-file-card__actions\">\n <bento-button v-if=\"hasLoadError\" variant=\"tertiary\" @click=\"emit('retry')\">\n <template #iconLeft>\n <refresh-icon :svg-title=\"t('retry')\" />\n </template>\n {{ t('retry') }}\n </bento-button>\n <bento-button v-if=\"isLoading || hasError\" variant=\"tertiary\" @click=\"emit('cancel')\">\n <template #iconLeft>\n <cross-icon :svg-title=\"t('cancel')\" />\n </template>\n </bento-button>\n <bento-button v-else variant=\"tertiary\" @click=\"emit('remove')\">\n <template #iconLeft>\n <bin-icon :svg-title=\"t('remove')\" />\n </template>\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue';\n import { isVue2 } from 'vue-demi';\n import { FileUploaderFileCardAnimation } from './components';\n import BinIcon from '@adyen/ui-assets-icons-16/vue/bin';\n import CheckmarkCircleFilledIcon from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import RefreshIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n import WarningFilledIcon from '@adyen/ui-assets-icons-16/vue/warning-filled';\n\n import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n import { BentoButton } from '@/components/button';\n import { BentoLink } from '@/components/link';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n import { BentoTypography } from '@/components/typography';\n import { useTruncatedFileName } from './composables/use-truncated-file-name';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { formatFileSize } from '../../utils';\n import { getFileIcon, getFileIconColor } from './utils';\n import { FileErrorType, FileState } from '@/components/file-uploader/file-uploader.types';\n import type { FileUploaderFileCardProps } from './file-uploader-file-card.types';\n import type { VueInstance } from '@/types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const ICON_TIMER = 1200;\n\n const props = defineProps({\n file: null,\n supportedFileTypes: { default: null }\n});\n\n const emit = defineEmits([\"cancel\", \"remove\", \"retry\"]);\n\n const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n // If initial state is success, immediately show file icon\n const showFileIcon = ref(props.file.state === FileState.SUCCESS);\n\n const downloadUrl = computed(() => URL.createObjectURL(props.file.data));\n const hasError = computed(() => props.file.state === FileState.ERROR);\n const hasLoadError = computed(() => props.file.errors.includes(FileErrorType.ERROR_LOAD));\n const hasSizeError = computed(() => props.file.errors.includes(FileErrorType.ERROR_SIZE));\n const hasDimensionsError = computed(() => props.file.errors.includes(FileErrorType.ERROR_DIMENSIONS));\n const hasTypeError = computed(() => props.file.errors.includes(FileErrorType.ERROR_TYPE));\n const isLoading = computed(() => props.file.state === FileState.LOADING);\n const progressLabel = computed(() => props.file.progress && `(${props.file.progress.toFixed(0)}%)`);\n const sizeLabel = computed(() => formatFileSize(locale.value, props.file.data.size));\n\n // Truncation tooltip\n const fileNameRef = ref<VueInstance>();\n const fileNameContainerRef = ref<HTMLDivElement>();\n const isFileNameTruncated = useTruncatedFileName(fileNameRef, fileNameContainerRef);\n\n const conditionalClasses = computed(() => ({\n 'b-file-uploader-file-card--error': hasError.value,\n }));\n\n const conditionalIconClasses = computed(() => ({\n [`b-file-uploader-file-card__icon--${getFileIconColor(props.file)}`]: showFileIcon.value,\n 'b-file-uploader-file-card__icon--error': hasError.value,\n }));\n\n // Compute the icon to be displayed\n const fileUploaderIcon = computed(() => {\n if (isLoading.value) {\n return BentoLoadingIndicator;\n }\n if (hasError.value) {\n return WarningFilledIcon;\n }\n return showFileIcon.value ? getFileIcon(props.file) : CheckmarkCircleFilledIcon;\n });\n\n // Animation when success icon turns to file icon.\n watch(\n () => props.file.state,\n value => {\n if (value === FileState.SUCCESS && !showFileIcon.value) {\n const changeTimer = setTimeout(() => {\n showFileIcon.value = true;\n clearTimeout(changeTimer);\n }, ICON_TIMER);\n }\n }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n *\n * Individual file items that are listed inside \"bento-file-uploader\" that can\n * be retried, removed or cancelled as they are being uploaded.\n *\n * @example\n * import { FileUploaderFileCard, FileObject } from './';\n *\n * export default {\n * components: { FileUploaderFileCard },\n * template: `\n * <file-uploader-file-card\n * :file=\"file\"\n * supportedFileTypes=\"video files, image files\"\n * @retry=\"retryFile(file)\"\n * @cancel=\"removeFile(file)\"\n * @remove=\"removeFile(file)\"\n * />\n * `,\n * setup() {\n * const file = ref<FileObject>({\n * id: 'stub-file',\n * type: FileType.AUDIO,\n * data: new File(['blob'], 'File name'),\n * state: FileState.SUCCESS,\n * progress: 99,\n * });\n * }\n * }\n */\n export default {\n name: 'file-uploader-file-card',\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./file-uploader-file-card.scss\" />\n","<template>\n <div class=\"b-file-uploader-restrictions\" :class=\"conditionalClasses\">\n <bento-typography v-if=\"supportedFileTypes\" :class=\"setRestrictionErrorClass(supportedFileTypes.error)\">\n {{ t('supportedFileTypes', { list: supportedFileTypes.value }) }}\n </bento-typography>\n <bento-typography v-if=\"maxSize\" :class=\"setRestrictionErrorClass(maxSize.error)\">\n {{ t('maxFileSize', { size: formatFileSize(locale, maxSize.value) }) }}\n </bento-typography>\n <bento-typography v-if=\"maxDimensions\" :class=\"setRestrictionErrorClass(maxDimensions.error)\">\n {{ maxDimensionsLabel }}\n </bento-typography>\n <bento-typography v-if=\"maxCount\" :class=\"setRestrictionErrorClass(maxCount.error)\">\n {{ tc('maxUpload', maxCount.value) }}\n </bento-typography>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed } from 'vue';\n import { BentoTypography } from '@/components/typography';\n import { useI18n } from '@/utils/ts/i18n';\n import { formatFileSize } from '../../utils';\n import type { FileUploaderRestrictionsProps } from './file-uploader-restrictions.types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = defineProps({\n condensed: { default: null },\n disabled: { default: null },\n maxCount: { default: null },\n maxDimensions: { default: null },\n maxSize: { default: null },\n supportedFileTypes: { default: null }\n});\n\n const { t, tc, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n const conditionalClasses = computed(() => ({\n ['b-file-uploader-restrictions--condensed']: props.condensed,\n ['b-file-uploader-restrictions--disabled']: props.disabled,\n }));\n\n /**\n * Returns the error class to be set if a restriction has an error\n * @param error Indicates if the restriction has errored\n * @returns Conditional error class\n */\n function setRestrictionErrorClass(error: boolean) {\n return {\n 'b-file-uploader-restrictions--error': error,\n };\n }\n\n const maxDimensionsLabel = computed(() => {\n if (!props.maxDimensions) {\n return null;\n }\n\n const {\n value: { width, height },\n } = props.maxDimensions;\n\n if (width && height) {\n return t('maxImageDimensions', { width, height });\n }\n if (width) {\n return t('maxImageWidth', { width });\n }\n if (height) {\n return t('maxImageHeight', { height });\n }\n return null;\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * List of restrictions defined for \"bento-file-uploader\".\n *\n * @example\n * import { FileUploaderRestrictions } from './';\n *\n * export default {\n * components: { FileUploaderRestrictions },\n * template: `\n * <file-uploader-restrictions\n * :maxCount=\"1\"\n * :maxSize=\"5000\"\n * :maxDimensions=\"{ width: 100, height: 200 }\"\n * supportedFileTypes=\"audio/*,.pdf,.jpg\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./file-uploader-restrictions.scss\" />\n","import { computed, Ref } from 'vue';\nimport { useI18n } from '@/utils/ts/i18n';\n\n/**\n * Transforms a list of accepted file types @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept}\n * into a human readable list of accepted types\n *\n * @param accept String containing a list of unique file type specifiers.\n * @returns String with types transformed to human readable text\n */\nexport function useFileTypeList(accept?: Ref<string>) {\n const { locale, t } = useI18n();\n\n const supportedFileTypeList = computed<string>(() => {\n const formatter = new Intl.ListFormat(locale.value, { style: 'short', type: 'unit' });\n\n return accept?.value\n ? formatter.format(\n accept.value.split(',').map(type => {\n const value = type.trim();\n switch (value) {\n case 'audio/*':\n return t('audioFiles');\n case 'image/*':\n return t('imageFiles');\n case 'video/*':\n return t('videoFiles');\n default:\n return value.toUpperCase();\n }\n })\n )\n : null;\n });\n\n return { supportedFileTypeList };\n}\n","<template>\n <div class=\"b-file-uploader\" :class=\"conditionalClasses\">\n <field-label\n :condensed=\"condensed\"\n :for=\"inputFieldId\"\n :label=\"label\"\n :optional=\"optional\"\n :required=\"required\"\n :tooltip-text=\"tooltipText\"\n class=\"b-file-uploader__label\"\n />\n\n <input\n :id=\"inputFieldId\"\n ref=\"input\"\n type=\"file\"\n tabindex=\"-1\"\n data-testid=\"input\"\n class=\"b-file-uploader__input\"\n :accept=\"accept\"\n :disabled=\"disabled\"\n :multiple=\"isMultiple\"\n @change=\"onInputChange\"\n />\n\n <div\n v-if=\"!hideArea\"\n class=\"b-file-uploader__area\"\n :aria-label=\"t('dropArea')\"\n :tabindex=\"disabled ? -1 : 0\"\n @click=\"input.click()\"\n @dragenter.stop.prevent=\"onDragEnter\"\n @dragleave.stop.prevent=\"onDragLeave\"\n @drop.stop.prevent=\"onDrop\"\n @dragover=\"onDragOver\"\n @keydown.enter.prevent.capture=\"input.click()\"\n @keydown.space.prevent.capture=\"input.click()\"\n >\n <div class=\"b-file-uploader__icon\">\n <warning-filled-icon v-if=\"hasError\" :svg-title=\"t('warning')\" />\n <upload-icon v-else :svg-title=\"t('upload')\" />\n </div>\n\n <template v-if=\"!condensed\">\n <bento-typography el=\"span\" strongest class=\"b-file-uploader__title\">\n {{ tc('dropFiles', +!isMultiple) }}\n </bento-typography>\n\n <bento-typography v-if=\"description\" el=\"span\" class=\"b-file-uploader__description\">\n {{ description }}\n </bento-typography>\n\n <file-uploader-restrictions v-bind=\"fileUploadRestrictionsProps\" />\n </template>\n\n <bento-button\n :disabled=\"disabled\"\n :variant=\"condensed ? 'tertiary' : 'secondary'\"\n condensed\n tabindex=\"-1\"\n class=\"b-file-uploader__button\"\n >\n {{ t('browseFiles') }}\n </bento-button>\n </div>\n\n <error-message\n v-if=\"hasError && errorMessage\"\n :id=\"errorId\"\n :error-message=\"errorMessage\"\n class=\"b-file-uploader__error-message\"\n />\n\n <bento-typography\n v-if=\"condensed && description\"\n el=\"span\"\n class=\"b-file-uploader__description b-file-uploader__description--condensed\"\n >\n {{ description }}\n </bento-typography>\n\n <file-uploader-restrictions v-if=\"condensed\" v-bind=\"fileUploadRestrictionsProps\" />\n\n <bento-alert v-if=\"maxFileError\" type=\"critical\" class=\"b-file-uploader__alert\">\n {{ t('tooManyFiles') }}\n <template #description>\n {{ t('youHaveExceededTheMaximum', { count: props.maxCount }) }}\n </template>\n </bento-alert>\n\n <div v-show=\"files?.length\" class=\"b-file-uploader__files\">\n <file-uploader-file-card\n v-for=\"file in files\"\n :key=\"file.id\"\n :file=\"file\"\n :supported-file-types=\"supportedFileTypeList\"\n @cancel=\"removeFile(file)\"\n @remove=\"removeFile(file)\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, reactive, ref, toRef, watch } from 'vue';\n import UploadIcon from '@adyen/ui-assets-icons-16/vue/upload';\n import WarningFilledIcon from '@adyen/ui-assets-icons-16/vue/warning-filled';\n\n import { BentoAlert } from '@/components/alert';\n import { BentoButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { ErrorMessage, FieldLabel } from '@/internal';\n import { FileUploaderFileCard } from './components/file-uploader-file-card';\n import { FileUploaderRestrictions } from './components/file-uploader-restrictions';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { generateUid } from '@/core/utils/ts';\n import { getFileType, readFile } from './utils';\n import { useFileTypeList } from './composables';\n\n import {\n type BentoFileUploaderProps,\n FileErrorType,\n FileObject,\n FileState,\n FileUploaderState,\n } from './file-uploader.types';\n import type { FileUploaderRestrictionsProps } from '@/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.types';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = defineProps({\n accept: { default: null },\n condensed: { type: Boolean },\n description: { default: null },\n disabled: { type: Boolean },\n errorMessage: { default: null },\n label: null,\n maxCount: { default: 1 },\n maxDimensions: { default: null },\n maxSize: { default: null },\n modelValue: { default: null },\n optional: { type: Boolean },\n required: { type: Boolean },\n tooltipText: { default: null }\n});\n\n const emit = defineEmits([\"change\", \"update:modelValue\"]);\n\n const { t, tc } = useI18n<{ message: MessageSchema }>({ messages });\n\n const inputFieldId = generateUid('input');\n const errorId = generateUid('input-error');\n const input = ref<HTMLInputElement>(null);\n\n // Prevents trigerring \"dragleave\" events on children elements\n const enterTarget = ref<EventTarget>();\n\n const dragState = reactive({\n dragging: false,\n error: false,\n });\n\n const files = ref<Array<FileObject>>(null);\n const { supportedFileTypeList } = useFileTypeList(toRef(props, 'accept'));\n\n const maxFileError = ref(false);\n\n const hasError = computed(() => !!props.errorMessage || dragState.error);\n const isMultiple = computed(() => props.maxCount > 1);\n\n const conditionalClasses = computed(() => ({\n [`b-file-uploader--${FileUploaderState.DISABLED}`]: props.disabled,\n [`b-file-uploader--${FileUploaderState.DRAG_OVER}`]: dragState.dragging,\n [`b-file-uploader--${FileUploaderState.ERROR}`]: hasError.value,\n [`b-file-uploader--condensed`]: props.condensed,\n }));\n\n const hideArea = computed(() => {\n return props.maxCount && files.value?.length >= props.maxCount;\n });\n\n const fileUploadRestrictionsProps = computed<FileUploaderRestrictionsProps>(() => ({\n condensed: props.condensed,\n disabled: props.disabled,\n maxCount: isMultiple.value\n ? {\n value: props.maxCount,\n error: maxFileError.value,\n }\n : null,\n maxDimensions: props.maxDimensions\n ? {\n value: props.maxDimensions,\n error: files.value?.some(file => file.errors.includes(FileErrorType.ERROR_DIMENSIONS)),\n }\n : null,\n maxSize: props.maxSize\n ? {\n value: props.maxSize,\n error: files.value?.some(file => file.errors.includes(FileErrorType.ERROR_SIZE)),\n }\n : null,\n supportedFileTypes: supportedFileTypeList.value\n ? {\n value: supportedFileTypeList.value,\n error: files.value?.some(file => file.errors.includes(FileErrorType.ERROR_TYPE)),\n }\n : null,\n }));\n\n function verifyFileCount(fileList: Array<FileObject>) {\n const isValid = props.maxCount && fileList.length <= props.maxCount;\n maxFileError.value = !isValid;\n }\n\n function verifyFileSize(fileList: Array<FileObject>) {\n if (props.maxSize) {\n fileList.forEach(file => {\n const item = file; // Prevent eslint no-param-reassign\n if (item.data.size > props.maxSize) {\n item.state = FileState.ERROR;\n item.errors.push(FileErrorType.ERROR_SIZE);\n }\n });\n }\n }\n\n function onDragOver(event: DragEvent) {\n event.preventDefault();\n\n // Disable drag n drop and change the cursor if disabled\n if (props.disabled) {\n // eslint-disable-next-line no-param-reassign\n event.dataTransfer.dropEffect = 'none';\n }\n }\n\n /**\n * Creates a FileObject from a native File and tracks its client-load progress.\n * @param file The native File object.\n * @returns A FileObject.\n */\n function processFile(file: File) {\n const fileObject = reactive<FileObject>({\n id: generateUid('file'),\n data: file,\n errors: [],\n state: FileState.LOADING,\n type: getFileType(file),\n progress: null,\n });\n readFile(fileObject, props.accept, props.maxDimensions);\n return fileObject;\n }\n\n function onFileInput(fileList: FileList | Array<File>) {\n // if (props.multiple) {\n if (isMultiple.value) {\n // Add the new files to the file selection.\n // Removing files should be done by interacting with the file list below the area.\n files.value = [...(files.value || []), ...Array.from(fileList).map(file => processFile(file))];\n } else {\n files.value = [processFile(fileList[0])];\n }\n }\n\n function onInputChange() {\n // Prevent adding many files if maxCount is 1\n if (props.maxCount === 1 && input.value.files?.length > props.maxCount) {\n resetDragState();\n return;\n }\n\n if (input.value.files?.length) {\n onFileInput(input.value.files);\n }\n\n // Reset input value\n input.value.value = '';\n }\n\n function resetDragState() {\n // Reset enter target when drop and dragleave are called\n enterTarget.value = null;\n\n // Prevent changing state if disabled\n if (props.disabled) {\n return;\n }\n\n dragState.dragging = false;\n dragState.error = false;\n }\n\n function onDragEnter(event: DragEvent) {\n // Set the \"dragarea\" as target\n enterTarget.value = event.target;\n\n // Prevent changing state if disabled\n if (props.disabled) {\n return;\n }\n\n dragState.dragging = true;\n\n if (!event.dataTransfer.types.includes('Files') || event.dataTransfer.items?.length > props.maxCount) {\n dragState.error = true;\n }\n }\n\n function onDragLeave(event: DragEvent) {\n // If target enter and leave are the same it means the drag has left the \"dragarea\"\n if (enterTarget.value === event.target) {\n resetDragState();\n }\n }\n\n function onDrop(event: DragEvent) {\n // Prevent events when the input is disabled\n if (props.disabled) {\n return;\n }\n\n // Prevent adding many files if maxCount is 1\n if (props.maxCount === 1 && event.dataTransfer.files?.length > props.maxCount) {\n resetDragState();\n return;\n }\n\n if (event.dataTransfer.files?.length) {\n onFileInput(event.dataTransfer.files);\n }\n resetDragState();\n }\n\n function removeFile(file: FileObject) {\n files.value = files.value.filter(({ id }) => id !== file.id);\n }\n\n function convertToFileList(fileList: Array<FileObject>) {\n // Filter out files with errors\n const validFiles = fileList.filter(\n ({ errors }) => !errors.includes(FileErrorType.ERROR_LOAD) && !errors.includes(FileErrorType.ERROR_SIZE)\n );\n\n if (validFiles.length) {\n const dataTransfer = new DataTransfer();\n validFiles.forEach(({ data }) => dataTransfer.items.add(data));\n return dataTransfer.files;\n }\n return undefined;\n }\n\n watch(files, newList => {\n if (newList) {\n verifyFileCount(newList);\n verifyFileSize(newList);\n\n const value = convertToFileList(newList);\n\n emit('change', value);\n emit('update:modelValue', value);\n } else {\n emit('change');\n emit('update:modelValue');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * The file uploader component enables users to upload one or multiple files from their device to our system.\n *\n * @example\n * import { BentoFileUploader, type BentoFileValue } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoFileUploader },\n * template: `\n * <bento-file-uploader\n * accept=\"image/*,video/*,.pdf,.png\"\n * condensed\n * description=\"Custom supporting text\"\n * disabled\n * errorMessage=\"Custom error message\"\n * label=\"Bento file uploader\"\n * :maxCount=\"1\"\n * :maxDimensions=\"{ width: 200, height: 100 }\"\n * :maxSize=\"1000\"\n * v-model=\"files\"\n * multiple\n * :optional=\"false\"\n * required\n * tooltipText=\"Useful information\"\n * />\n * `,\n * setup() {\n * const files = ref<BentoFileValue>()\n * }\n * }\n */\n export default {\n model: { prop: 'modelValue' },\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./file-uploader.scss\" />\n"],"names":["uuid$a","_sfc_main$e","uuid$9","_sfc_main$c","useTruncatedFileName","target","container","isContainerTruncating","ref","observer","disconnectObserver","onUnmounted","onMounted","entries","UNITS","formatFileSize","locale","size","unitIndex","bytes","FileState","FileState2","FileErrorType","FileErrorType2","FileUploaderState","FileUploaderState2","FileType","FileType2","textFileExtraTypes","tableFileTypes","slidesFileTypes","compressedFileTypes","getFileType","file","isFileTypeAccepted","accept","acceptPatterns","type","pattern","category","readFile","fileObject","maxDimensions","reader","event","blob","url","img","uuid$8","_sfc_main$b","uuid$7","_sfc_main$a","uuid$6","_sfc_main$9","uuid$5","_sfc_main$8","uuid$4","_sfc_main$7","uuid$3","_sfc_main$6","uuid$2","_sfc_main$5","uuid$1","_sfc_main$4","uuid","_sfc_main$3","FILE_TYPE_ICON_MAP","SoundIcon","FolderIcon","AttachmentIcon","ImageIcon","DocumentIcon","CollectionIcon","TableIcon","DocumentLinesIcon","PlayCircleIcon","getFileIcon","getFileIconColor","__default__$2","messages$2","ICON_TIMER","t","useI18n","showFileIcon","props","downloadUrl","computed","hasError","hasLoadError","hasSizeError","hasDimensionsError","hasTypeError","isLoading","progressLabel","sizeLabel","fileNameRef","fileNameContainerRef","isFileNameTruncated","conditionalClasses","conditionalIconClasses","fileUploaderIcon","BentoLoadingIndicator","WarningFilledIcon","CheckmarkCircleFillIcon","watch","value","changeTimer","__default__$1","messages$1","tc","setRestrictionErrorClass","error","maxDimensionsLabel","width","height","useFileTypeList","formatter","__default__","messages","inputFieldId","generateUid","errorId","input","enterTarget","dragState","reactive","files","supportedFileTypeList","toRef","maxFileError","isMultiple","hideArea","_a","fileUploadRestrictionsProps","_b","_c","verifyFileCount","fileList","isValid","verifyFileSize","item","onDragOver","processFile","onFileInput","onInputChange","resetDragState","onDragEnter","onDragLeave","onDrop","removeFile","id","convertToFileList","validFiles","errors","dataTransfer","data","newList","emit"],"mappings":"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","x_google_ignoreList":[0,1,7,8,9,10,11,12,13,14,15]}

package/dist/chunks/focus-trap.DSkLNO_i.js DELETED Viewed

@@ -1,443 +0,0 @@
-import { defineComponent as re } from "vue";
-import { u as ne } from "./use-has-slot.C9lQZ6nz.js";
-import { n as ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/focus-trap.css";
-var R = "data-focus-lock", oe = "data-focus-lock-disabled", ue = "data-no-focus-lock", ie = "data-autofocus-inside", ce = "data-no-autofocus", m = function(e) {
-  for (var t = Array(e.length), r = 0; r < e.length; ++r)
-    t[r] = e[r];
-  return t;
-}, E = function(e) {
-  return Array.isArray(e) ? e : [e];
-}, se = function(e) {
-  if (e.nodeType !== Node.ELEMENT_NODE)
-    return !1;
-  var t = window.getComputedStyle(e, null);
-  return !t || !t.getPropertyValue ? !1 : t.getPropertyValue("display") === "none" || t.getPropertyValue("visibility") === "hidden";
-}, k = function(e) {
-  return e.parentNode && e.parentNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    e.parentNode.host
-  ) : e.parentNode;
-}, V = function(e) {
-  return e === document || e && e.nodeType === Node.DOCUMENT_NODE;
-}, fe = function(e, t) {
-  return !e || V(e) || !se(e) && t(k(e));
-}, W = function(e, t) {
-  var r = e.get(t);
-  if (r !== void 0)
-    return r;
-  var n = fe(t, W.bind(void 0, e));
-  return e.set(t, n), n;
-}, de = function(e, t) {
-  return e && !V(e) ? me(e) ? t(k(e)) : !1 : !0;
-}, H = function(e, t) {
-  var r = e.get(t);
-  if (r !== void 0)
-    return r;
-  var n = de(t, H.bind(void 0, e));
-  return e.set(t, n), n;
-}, G = function(e) {
-  return e.dataset;
-}, le = function(e) {
-  return e.tagName === "BUTTON";
-}, q = function(e) {
-  return e.tagName === "INPUT";
-}, $ = function(e) {
-  return q(e) && e.type === "radio";
-}, ve = function(e) {
-  return !((q(e) || le(e)) && (e.type === "hidden" || e.disabled));
-}, me = function(e) {
-  var t = e.getAttribute(ce);
-  return ![!0, "true", ""].includes(t);
-}, w = function(e) {
-  var t;
-  return !!(e && (!((t = G(e)) === null || t === void 0) && t.focusGuard));
-}, O = function(e) {
-  return !w(e);
-}, be = function(e) {
-  return !!e;
-}, he = function(e, t) {
-  var r = e.tabIndex - t.tabIndex, n = e.index - t.index;
-  if (r) {
-    if (!e.tabIndex)
-      return 1;
-    if (!t.tabIndex)
-      return -1;
-  }
-  return r || n;
-}, K = function(e, t, r) {
-  return m(e).map(function(n, a) {
-    return {
-      node: n,
-      index: a,
-      tabIndex: r && n.tabIndex === -1 ? (n.dataset || {}).focusGuard ? 0 : -1 : n.tabIndex
-    };
-  }).filter(function(n) {
-    return !t || n.tabIndex >= 0;
-  }).sort(he);
-}, pe = [
-  "button:enabled",
-  "select:enabled",
-  "textarea:enabled",
-  "input:enabled",
-  // elements with explicit roles will also use explicit tabindex
-  // '[role="button"]',
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  "[tabindex]",
-  "[contenteditable]",
-  "[autofocus]"
-], y = pe.join(","), Oe = "".concat(y, ", [data-focus-guard]"), z = function(e, t) {
-  var r;
-  return m(((r = e.shadowRoot) === null || r === void 0 ? void 0 : r.children) || e.children).reduce(function(n, a) {
-    return n.concat(a.matches(t ? Oe : y) ? [a] : [], z(a));
-  }, []);
-}, F = function(e, t) {
-  return e.reduce(function(r, n) {
-    return r.concat(
-      // add all tabbables inside and within shadow DOMs in DOM order
-      z(n, t),
-      // add if node is tabbable itself
-      n.parentNode ? m(n.parentNode.querySelectorAll(y)).filter(function(a) {
-        return a === n;
-      }) : []
-    );
-  }, []);
-}, ge = function(e) {
-  var t = e.querySelectorAll("[".concat(ie, "]"));
-  return m(t).map(function(r) {
-    return F([r]);
-  }).reduce(function(r, n) {
-    return r.concat(n);
-  }, []);
-}, _ = function(e, t) {
-  return m(e).filter(function(r) {
-    return W(t, r);
-  }).filter(function(r) {
-    return ve(r);
-  });
-}, U = function(e, t) {
-  return t === void 0 && (t = /* @__PURE__ */ new Map()), m(e).filter(function(r) {
-    return H(t, r);
-  });
-}, I = function(e, t, r) {
-  return K(_(F(e, r), t), !0, r);
-}, B = function(e, t) {
-  return K(_(F(e), t), !1);
-}, Ae = function(e, t) {
-  return _(ge(e), t);
-}, h = function(e, t) {
-  return (e.shadowRoot ? h(e.shadowRoot, t) : e.contains(t)) || Array.from(e.children).some(function(r) {
-    return h(r, t);
-  });
-}, Ne = function(e) {
-  for (var t = /* @__PURE__ */ new Set(), r = e.length, n = 0; n < r; n += 1)
-    for (var a = n + 1; a < r; a += 1) {
-      var i = e[n].compareDocumentPosition(e[a]);
-      (i & Node.DOCUMENT_POSITION_CONTAINED_BY) > 0 && t.add(a), (i & Node.DOCUMENT_POSITION_CONTAINS) > 0 && t.add(n);
-    }
-  return e.filter(function(o, u) {
-    return !t.has(u);
-  });
-}, j = function(e) {
-  return e.parentNode ? j(e.parentNode) : e;
-}, T = function(e) {
-  var t = E(e);
-  return t.filter(Boolean).reduce(function(r, n) {
-    var a = n.getAttribute(R);
-    return r.push.apply(r, a ? Ne(m(j(n).querySelectorAll("[".concat(R, '="').concat(a, '"]:not([').concat(oe, '="disabled"])')))) : [n]), r;
-  }, []);
-}, Z = function(e) {
-  return e.activeElement ? e.activeElement.shadowRoot ? Z(e.activeElement.shadowRoot) : e.activeElement : void 0;
-}, S = function() {
-  return document.activeElement ? document.activeElement.shadowRoot ? Z(document.activeElement.shadowRoot) : document.activeElement : void 0;
-}, Ee = function(e) {
-  return e === document.activeElement;
-}, Ie = function(e) {
-  return !!m(e.querySelectorAll("iframe")).some(function(t) {
-    return Ee(t);
-  });
-}, xe = function(e) {
-  var t = document && S();
-  return !t || t.dataset && t.dataset.focusGuard ? !1 : T(e).some(function(r) {
-    return h(r, t) || Ie(r);
-  });
-}, we = function() {
-  var e = document && S();
-  return e ? m(document.querySelectorAll("[".concat(ue, "]"))).some(function(t) {
-    return h(t, e);
-  }) : !1;
-}, ye = function(e, t) {
-  return t.filter($).filter(function(r) {
-    return r.name === e.name;
-  }).filter(function(r) {
-    return r.checked;
-  })[0] || e;
-}, C = function(e, t) {
-  return $(e) && e.name ? ye(e, t) : e;
-}, Fe = function(e) {
-  var t = /* @__PURE__ */ new Set();
-  return e.forEach(function(r) {
-    return t.add(C(r, e));
-  }), e.filter(function(r) {
-    return t.has(r);
-  });
-}, L = function(e) {
-  return e[0] && e.length > 1 ? C(e[0], e) : e[0];
-}, M = function(e, t) {
-  return e.length > 1 ? e.indexOf(C(e[t], e)) : t;
-}, Y = "NEW_FOCUS", _e = function(e, t, r, n) {
-  var a = e.length, i = e[0], o = e[a - 1], u = w(r);
-  if (!(r && e.indexOf(r) >= 0)) {
-    var c = r !== void 0 ? t.indexOf(r) : -1, l = n ? t.indexOf(n) : c, v = n ? e.indexOf(n) : -1, s = c - l, b = t.indexOf(i), f = t.indexOf(o), d = Fe(t), ee = r !== void 0 ? d.indexOf(r) : -1, te = ee - (n ? d.indexOf(n) : c), P = M(e, 0), D = M(e, a - 1);
-    if (c === -1 || v === -1)
-      return Y;
-    if (!s && v >= 0)
-      return v;
-    if (c <= b && u && Math.abs(s) > 1)
-      return D;
-    if (c >= f && u && Math.abs(s) > 1)
-      return P;
-    if (s && Math.abs(te) > 1)
-      return v;
-    if (c <= b)
-      return D;
-    if (c > f)
-      return P;
-    if (s)
-      return Math.abs(s) > 1 ? v : (a + v + s) % a;
-  }
-}, x = function(e, t) {
-  return t === void 0 && (t = []), t.push(e), e.parentNode && x(e.parentNode.host || e.parentNode, t), t;
-}, g = function(e, t) {
-  for (var r = x(e), n = x(t), a = 0; a < r.length; a += 1) {
-    var i = r[a];
-    if (n.indexOf(i) >= 0)
-      return i;
-  }
-  return !1;
-}, J = function(e, t, r) {
-  var n = E(e), a = E(t), i = n[0], o = !1;
-  return a.filter(Boolean).forEach(function(u) {
-    o = g(o || u, u) || o, r.filter(Boolean).forEach(function(c) {
-      var l = g(i, c);
-      l && (!o || h(l, o) ? o = l : o = g(l, o));
-    });
-  }), o;
-}, Te = function(e, t) {
-  return e.reduce(function(r, n) {
-    return r.concat(Ae(n, t));
-  }, []);
-}, Se = function(e) {
-  return function(t) {
-    var r;
-    return t.autofocus || !!(!((r = G(t)) === null || r === void 0) && r.autofocus) || e.indexOf(t) >= 0;
-  };
-}, Ce = function(e, t) {
-  var r = /* @__PURE__ */ new Map();
-  return t.forEach(function(n) {
-    return r.set(n.node, n);
-  }), e.map(function(n) {
-    return r.get(n);
-  }).filter(be);
-}, Pe = function(e, t) {
-  var r = document && S(), n = T(e).filter(O), a = J(r || e, e, n), i = /* @__PURE__ */ new Map(), o = B(n, i), u = I(n, i).filter(function(f) {
-    var d = f.node;
-    return O(d);
-  });
-  if (!(!u[0] && (u = o, !u[0]))) {
-    var c = B([a], i).map(function(f) {
-      var d = f.node;
-      return d;
-    }), l = Ce(c, u), v = l.map(function(f) {
-      var d = f.node;
-      return d;
-    }), s = _e(v, c, r, t);
-    if (s === Y) {
-      var b = U(o.map(function(f) {
-        var d = f.node;
-        return d;
-      })).filter(Se(Te(n, i)));
-      return {
-        node: b && b.length ? L(b) : L(U(v))
-      };
-    }
-    return s === void 0 ? s : l[s];
-  }
-}, De = function(e) {
-  var t = T(e).filter(O), r = J(e, e, t), n = /* @__PURE__ */ new Map(), a = I([r], n, !0), i = I(t, n).filter(function(o) {
-    var u = o.node;
-    return O(u);
-  }).map(function(o) {
-    var u = o.node;
-    return u;
-  });
-  return a.map(function(o) {
-    var u = o.node, c = o.index;
-    return {
-      node: u,
-      index: c,
-      lockItem: i.indexOf(u) >= 0,
-      guard: w(u)
-    };
-  });
-}, Re = De, Ue = function(e, t) {
-  "focus" in e && e.focus(t), "contentWindow" in e && e.contentWindow && e.contentWindow.focus();
-}, A = 0, N = !1, Be = function(e, t, r) {
-  r === void 0 && (r = {});
-  var n = Pe(e, t);
-  if (!N && n) {
-    if (A > 2) {
-      console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"), N = !0, setTimeout(function() {
-        N = !1;
-      }, 1);
-      return;
-    }
-    A++, Ue(n.node, r.focusOptions), A--;
-  }
-}, p = /* @__PURE__ */ ((e) => (e.VERTICAL = "vertical", e.HORIZONTAL = "horizontal", e))(p || {}), Q = /* @__PURE__ */ ((e) => (e.ARROW_UP = "arrowup", e.ARROW_DOWN = "arrowdown", e))(Q || {}), X = /* @__PURE__ */ ((e) => (e.ARROW_LEFT = "arrowleft", e.ARROW_RIGHT = "arrowright", e))(X || {});
-const Le = (e) => requestAnimationFrame(e), Me = (e, t) => {
-  const r = t.findIndex((n) => n.node === e);
-  return r === -1 ? 0 : r;
-}, ke = (e, t) => {
-  var i;
-  const r = document.activeElement, n = Re(t), a = Me(r, n) + e;
-  return ((i = n[a]) == null ? void 0 : i.node) || r;
-}, Ve = (e, t) => {
-  const r = e.key.toLowerCase();
-  return {
-    isArrowNext: r === t[0],
-    isArrowPrev: r === t[1]
-  };
-}, We = {
-  behavior: "smooth",
-  block: "center",
-  inline: "center"
-}, He = re({
-  name: "bento-focus-trap",
-  props: {
-    /**
-     * Enables / Disables arrow navigation as well can determine the type of arrow navigation.
-     * The types of arrow navigation are horizontal and vertical.
-     */
-    arrowNavigation: {
-      type: String,
-      default: void 0,
-      validator: (e) => Object.values(p).includes(
-        e
-      )
-    },
-    /**
-     * Enables / disables the focus trap.
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data: () => ({
-    lastFocusedElement: null
-  }),
-  computed: {
-    isHorizontalArrowNavigation() {
-      return this.arrowNavigation === p.HORIZONTAL;
-    },
-    isVerticalArrowNavigation() {
-      return this.arrowNavigation === p.VERTICAL;
-    },
-    arrowOrder() {
-      return this.isVerticalArrowNavigation ? Object.values(Q) : Object.values(X);
-    }
-  },
-  watch: {
-    /**
-     * If the disabled prop changes, then enable / disable the focus trap.
-     */
-    disabled() {
-      this.disabled ? this.disable() : this.setFocusInside();
-    }
-  },
-  mounted() {
-    this.disabled || this.setFocusInside();
-  },
-  beforeUnmount() {
-    this.disabled || this.disable();
-  },
-  methods: {
-    /**
-     * Set focus back inside the element area, giving the last focus element
-     * `focus-lock` can determine the next interable element to focus on.
-     */
-    async setFocusInside() {
-      (document.activeElement === document.body || we() || !this.lastFocusedElement) && (xe(this.$refs.root) || Be(this.$refs.root, this.lastFocusedElement, {
-        focusOptions: { preventScroll: !0 }
-      }), this.lastFocusedElement = document.activeElement);
-    },
-    /**
-     * On blur, trap the focus inside!
-     */
-    onBlur() {
-      this.disabled || Le(this.setFocusInside);
-    },
-    /**
-     * If the no arrow navigation is enabled
-     * or if the currently focus element is a textarea or an input then prevent navigation.
-     */
-    shouldPreventNavigation() {
-      if (!this.isVerticalArrowNavigation && !this.isHorizontalArrowNavigation)
-        return !1;
-      const e = document.activeElement.tagName.toLowerCase();
-      return (this.isVerticalArrowNavigation ? ["textarea", "select"] : ["input", "textarea"]).includes(e);
-    },
-    /**
-     * When an arrow key is pressed then navigate to the next focusable element.
-     * If trap is disabled or is content editable then prevent arrow navigation.
-     *
-     * @param event on keyboard press event
-     */
-    onKeyDown(e) {
-      if (this.disabled || document.activeElement.isContentEditable || this.shouldPreventNavigation())
-        return;
-      const { isArrowNext: t, isArrowPrev: r } = Ve(e, this.arrowOrder);
-      if (r || t) {
-        e.preventDefault(), e.stopPropagation();
-        const n = ke(r ? 1 : -1, this.$el);
-        if (n.focus(), "scrollIntoView" in n) {
-          const a = "scrollBehavior" in document.documentElement.style ? We : !1;
-          n.scrollIntoView(a);
-        }
-      }
-    },
-    /**
-     * If focus trap is disabled then return focus to last focus element, parent node or simply the document body.
-     */
-    disable() {
-      const e = this.lastFocusedElement || this.$el.parentNode || document.body;
-      e && e.focus();
-    },
-    useHasSlot: ne
-  }
-});
-var Ge = function() {
-  var t = this, r = t._self._c;
-  return t._self._setupProxy, t.useHasSlot(t.$slots)("default") ? r("div", t._g({ ref: "root", staticClass: "b-focus-trap", attrs: { "data-testid": "focus-trap", tabindex: "-1" }, on: { focusout: t.onBlur } }, t.arrowNavigation ? { keydown: t.onKeyDown } : {}), [t._t("default")], 2) : t._e();
-}, qe = [], $e = /* @__PURE__ */ ae(
-  He,
-  Ge,
-  qe,
-  !1,
-  null,
-  "c1b3538c"
-);
-const Ze = $e.exports;
-export {
-  Ze as B,
-  ke as g
-};
-//# sourceMappingURL=focus-trap.DSkLNO_i.js.map