@adyen/bento-vue2 1.78.2 → 1.79.0

package/dist/chunks/{events.CMzGybJJ.js → events.BQOQSSb7.js}

@@ -28,10 +28,7 @@ function c(e, t, o, u) {
   }
   let r;
   const a = (s) => {
-    try {
-      o(s);
-    } finally {
-    }
+    o(s);
   }, i = () => {
     e.removeEventListener(t, a, r);
   };
@@ -44,4 +41,4 @@ export {
   c as l,
   p as s
 };
-//# sourceMappingURL=events.CMzGybJJ.js.map
+//# sourceMappingURL=events.BQOQSSb7.js.map

package/dist/chunks/{events.CMzGybJJ.js.map → events.BQOQSSb7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"events.CMzGybJJ.js","sources":["../../src/utils/ts/events.ts"],"sourcesContent":["import { type ListenOptions } from '@/types/utils-events';\n\n/**\n * Browser event options object feature support\n * @type {object}\n * @property {boolean} capture\n * @property {boolean} passive\n * @property {boolean} once\n */\nconst optionsSupport = (() => {\n    const support = {\n        capture: false,\n        passive: false,\n        once: false,\n    };\n\n    try {\n        // `addEventListener`/`removeEventListener` last argument can be boolean or Object.\n        // Old browsers only support boolean, so passing an Object would make them evaluate are true.\n        // To detect Object support and each feature, we provide an object with getters.\n        // If the getter is invoked means that browser supports that specific feature.\n        const options = {\n            get capture() {\n                support.capture = true;\n                return false;\n            },\n            get passive() {\n                support.passive = true;\n                return false;\n            },\n            get once() {\n                support.once = true;\n                return false;\n            },\n        };\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        document.addEventListener('test', null, options);\n        document.removeEventListener('test', null, options);\n    } catch {\n        // ignored\n    }\n\n    return support;\n})();\n\n/**\n * Attach event listeners using options object (implementing browser fallbacks), easy cleanup\n *\n * @param {EventTarget}  target              - Target where the event will be attached\n * @param {string}       type                - Event type(s). Accepts multiple types separated by space\n * @param {EventHandler} listener            - Handler function\n * @param {ListenOptions}[options]           - Listener options\n * @param {boolean}      [options.capture]   - Capture event listener\n * @param {boolean}      [options.passive]   - Passive event listener\n * @param {boolean}      [options.once]      - Auto cleanup after event is fired for the first time\n * @param {boolean}      [options.self]      - Only trigger if the target of the event is itself\n * @param {Vue}          [options.vm]        - Auto cleanup when vue instance is destroyed\n * @param {Function}     [options.onCleanup] - Callback function invoked after cleaning up\n * @return {Function} Cleanup function that removes the listener\n */\nexport function listen(target: EventTarget, type: string, listener: EventListener, options?: ListenOptions) {\n    if (type.indexOf(' ') >= 0) {\n        const cleanupBatch = type.split(' ').map(eventType => listen(target, eventType, listener, options));\n        return () => cleanupBatch.forEach(cleanup => cleanup && cleanup());\n    }\n\n    let eventOptions: boolean | AddEventListenerOptions;\n    let useNativeOnce = false;\n\n    // Listener wrapper\n    const eventListener = event => {\n        if (options?.self && event.target !== target) {\n            return;\n        }\n        try {\n            listener(event);\n        } finally {\n            if (options?.once) {\n                cleanup();\n            }\n        }\n    };\n\n    // Cleanup function\n    const cleanup = () => {\n        if (!useNativeOnce) {\n            target.removeEventListener(type, eventListener, eventOptions);\n        }\n        options?.vm?.$off('hook:beforeDestroy', cleanup);\n        options?.onCleanup?.();\n    };\n\n    // addEventListener options adjustments\n    if (options?.capture) {\n        eventOptions = optionsSupport.capture ? { capture: true } : true;\n    }\n\n    if (options?.passive && optionsSupport.passive) {\n        eventOptions = { ...(eventOptions as AddEventListenerOptions), passive: true };\n    }\n\n    if (options?.once && optionsSupport.once) {\n        // `self`, `vm` and `onCleanup` options forces to skip native `once`\n        if (!options?.self && !options?.vm && !options?.onCleanup) {\n            useNativeOnce = true;\n            eventOptions = { ...(eventOptions as AddEventListenerOptions), once: true };\n        }\n    }\n\n    // TODO: vue 3 uses old vue event emitter, do we need this?\n    // https://v3-migration.vuejs.org/breaking-changes/events-api.html#event-bus\n    // if (options?.vm) {\n    //     if (!(options.vm instanceof Vue)) {\n    //         throw new TypeError('options.vm is not a Vue component instance');\n    //     }\n    //     options.vm.$once('hook:beforeDestroy', cleanup);\n    // }\n    // eslint-disable-next-line scanjs-rules/call_addEventListener\n    target.addEventListener(type, eventListener, eventOptions);\n    return cleanup;\n}\n\n/**\n * Prevents the event from bubbling\n * @param {Event} event - Triggered event\n */\nexport const stopEventPropagation = (event: Event) => {\n    if (event) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        event.stopPropagation();\n    }\n};\n"],"names":["support","options","listen","target","type","listener","cleanupBatch","eventType","cleanup","eventOptions","eventListener","event","stopEventPropagation"],"mappings":"CASwB,MAAM;AAC1B,QAAMA,IAAU;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,EACV;AAEI,MAAA;AAKA,UAAMC,IAAU;AAAA,MACZ,IAAI,UAAU;AACV,eAAAD,EAAQ,UAAU,IACX;AAAA,MACX;AAAA,MACA,IAAI,UAAU;AACV,eAAAA,EAAQ,UAAU,IACX;AAAA,MACX;AAAA,MACA,IAAI,OAAO;AACP,eAAAA,EAAQ,OAAO,IACR;AAAA,MAAA;AAAA,IAEf;AAES,aAAA,iBAAiB,QAAQ,MAAMC,CAAO,GACtC,SAAA,oBAAoB,QAAQ,MAAMA,CAAO;AAAA,EAAA,QAC9C;AAAA,EAAA;AAID,SAAAD;AACX,GAAG;AAiBI,SAASE,EAAOC,GAAqBC,GAAcC,GAAyBJ,GAAyB;AACxG,MAAIG,EAAK,QAAQ,GAAG,KAAK,GAAG;AACxB,UAAME,IAAeF,EAAK,MAAM,GAAG,EAAE,IAAI,CAAaG,MAAAL,EAAOC,GAAQI,GAAWF,CAAiB,CAAC;AAClG,WAAO,MAAMC,EAAa,QAAQ,CAAAE,MAAWA,KAAWA,GAAS;AAAA,EAAA;AAGjE,MAAAC;AAIJ,QAAMC,IAAgB,CAASC,MAAA;AAIvB,QAAA;AACA,MAAAN,EAASM,CAAK;AAAA,IAAA,UAChB;AAAA,IAGE;AAAA,EAER,GAGMH,IAAU,MAAM;AAEP,IAAAL,EAAA,oBAAoBC,GAAMM,GAAeD,CAAY;AAAA,EAIpE;AA4BO,SAAAN,EAAA,iBAAiBC,GAAMM,GAAeD,CAAY,GAClDD;AACX;AAMa,MAAAI,IAAuB,CAACD,MAAiB;AAClD,EAAIA,MACAA,EAAM,eAAe,GACrBA,EAAM,yBAAyB,GAC/BA,EAAM,gBAAgB;AAE9B;"}
+{"version":3,"file":"events.BQOQSSb7.js","sources":["../../src/utils/ts/events.ts"],"sourcesContent":["import { type ListenOptions } from '@/types/utils-events';\n\n/**\n * Browser event options object feature support\n * @type {object}\n * @property {boolean} capture\n * @property {boolean} passive\n * @property {boolean} once\n */\nconst optionsSupport = (() => {\n    const support = {\n        capture: false,\n        passive: false,\n        once: false,\n    };\n\n    try {\n        // `addEventListener`/`removeEventListener` last argument can be boolean or Object.\n        // Old browsers only support boolean, so passing an Object would make them evaluate are true.\n        // To detect Object support and each feature, we provide an object with getters.\n        // If the getter is invoked means that browser supports that specific feature.\n        const options = {\n            get capture() {\n                support.capture = true;\n                return false;\n            },\n            get passive() {\n                support.passive = true;\n                return false;\n            },\n            get once() {\n                support.once = true;\n                return false;\n            },\n        };\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        document.addEventListener('test', null, options);\n        document.removeEventListener('test', null, options);\n    } catch {\n        // ignored\n    }\n\n    return support;\n})();\n\n/**\n * Attach event listeners using options object (implementing browser fallbacks), easy cleanup\n *\n * @param {EventTarget}  target              - Target where the event will be attached\n * @param {string}       type                - Event type(s). Accepts multiple types separated by space\n * @param {EventHandler} listener            - Handler function\n * @param {ListenOptions}[options]           - Listener options\n * @param {boolean}      [options.capture]   - Capture event listener\n * @param {boolean}      [options.passive]   - Passive event listener\n * @param {boolean}      [options.once]      - Auto cleanup after event is fired for the first time\n * @param {boolean}      [options.self]      - Only trigger if the target of the event is itself\n * @param {Vue}          [options.vm]        - Auto cleanup when vue instance is destroyed\n * @param {Function}     [options.onCleanup] - Callback function invoked after cleaning up\n * @return {Function} Cleanup function that removes the listener\n */\nexport function listen(target: EventTarget, type: string, listener: EventListener, options?: ListenOptions) {\n    if (type.indexOf(' ') >= 0) {\n        const cleanupBatch = type.split(' ').map(eventType => listen(target, eventType, listener, options));\n        return () => cleanupBatch.forEach(cleanup => cleanup && cleanup());\n    }\n\n    let eventOptions: boolean | AddEventListenerOptions;\n    let useNativeOnce = false;\n\n    // Listener wrapper\n    const eventListener = event => {\n        if (options?.self && event.target !== target) {\n            return;\n        }\n        try {\n            listener(event);\n        } finally {\n            if (options?.once) {\n                cleanup();\n            }\n        }\n    };\n\n    // Cleanup function\n    const cleanup = () => {\n        if (!useNativeOnce) {\n            target.removeEventListener(type, eventListener, eventOptions);\n        }\n        options?.vm?.$off('hook:beforeDestroy', cleanup);\n        options?.onCleanup?.();\n    };\n\n    // addEventListener options adjustments\n    if (options?.capture) {\n        eventOptions = optionsSupport.capture ? { capture: true } : true;\n    }\n\n    if (options?.passive && optionsSupport.passive) {\n        eventOptions = { ...(eventOptions as AddEventListenerOptions), passive: true };\n    }\n\n    if (options?.once && optionsSupport.once) {\n        // `self`, `vm` and `onCleanup` options forces to skip native `once`\n        if (!options?.self && !options?.vm && !options?.onCleanup) {\n            useNativeOnce = true;\n            eventOptions = { ...(eventOptions as AddEventListenerOptions), once: true };\n        }\n    }\n\n    // TODO: vue 3 uses old vue event emitter, do we need this?\n    // https://v3-migration.vuejs.org/breaking-changes/events-api.html#event-bus\n    // if (options?.vm) {\n    //     if (!(options.vm instanceof Vue)) {\n    //         throw new TypeError('options.vm is not a Vue component instance');\n    //     }\n    //     options.vm.$once('hook:beforeDestroy', cleanup);\n    // }\n    // eslint-disable-next-line scanjs-rules/call_addEventListener\n    target.addEventListener(type, eventListener, eventOptions);\n    return cleanup;\n}\n\n/**\n * Prevents the event from bubbling\n * @param {Event} event - Triggered event\n */\nexport const stopEventPropagation = (event: Event) => {\n    if (event) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        event.stopPropagation();\n    }\n};\n"],"names":["support","options","listen","target","type","listener","cleanupBatch","eventType","cleanup","eventOptions","eventListener","event","stopEventPropagation"],"mappings":"CASwB,MAAM;AAC1B,QAAMA,IAAU;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,EACV;AAEI,MAAA;AAKA,UAAMC,IAAU;AAAA,MACZ,IAAI,UAAU;AACV,eAAAD,EAAQ,UAAU,IACX;AAAA,MACX;AAAA,MACA,IAAI,UAAU;AACV,eAAAA,EAAQ,UAAU,IACX;AAAA,MACX;AAAA,MACA,IAAI,OAAO;AACP,eAAAA,EAAQ,OAAO,IACR;AAAA,MAAA;AAAA,IAEf;AAES,aAAA,iBAAiB,QAAQ,MAAMC,CAAO,GACtC,SAAA,oBAAoB,QAAQ,MAAMA,CAAO;AAAA,EAAA,QAC9C;AAAA,EAAA;AAID,SAAAD;AACX,GAAG;AAiBI,SAASE,EAAOC,GAAqBC,GAAcC,GAAyBJ,GAAyB;AACxG,MAAIG,EAAK,QAAQ,GAAG,KAAK,GAAG;AACxB,UAAME,IAAeF,EAAK,MAAM,GAAG,EAAE,IAAI,CAAaG,MAAAL,EAAOC,GAAQI,GAAWF,CAAiB,CAAC;AAClG,WAAO,MAAMC,EAAa,QAAQ,CAAAE,MAAWA,KAAWA,GAAS;AAAA,EAAA;AAGjE,MAAAC;AAIJ,QAAMC,IAAgB,CAASC,MAAA;AAKvB,IAAAN,EAASM,CAAK;AAAA,EAMtB,GAGMH,IAAU,MAAM;AAEP,IAAAL,EAAA,oBAAoBC,GAAMM,GAAeD,CAAY;AAAA,EAIpE;AA4BO,SAAAN,EAAA,iBAAiBC,GAAMM,GAAeD,CAAY,GAClDD;AACX;AAMa,MAAAI,IAAuB,CAACD,MAAiB;AAClD,EAAIA,MACAA,EAAM,eAAe,GACrBA,EAAM,yBAAyB,GAC/BA,EAAM,gBAAgB;AAE9B;"}

package/dist/chunks/{field-label.Auq-Pzho.js → field-label.C3h8Q8Xd.js}

@@ -3,7 +3,7 @@ import { B as a } from "./typography.hlOAxsEn.js";
 import { C as p } from "./cross-circle-fill.DTDtgLMf.js";
 import { u as n } from "./index.B6WW_F-J.js";
 import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as _ } from "./info-icon.Bhka3oGh.js";
+import { B as _ } from "./info-icon.DGrrXpIY.js";
 import "../assets/field-label.css";
 const c = {
   "en-US": {
@@ -118,4 +118,4 @@ export {
   S as E,
   E as F
 };
-//# sourceMappingURL=field-label.Auq-Pzho.js.map
+//# sourceMappingURL=field-label.C3h8Q8Xd.js.map

package/dist/chunks/{field-label.Auq-Pzho.js.map → field-label.C3h8Q8Xd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-label.Auq-Pzho.js","sources":["../../src/components/internal/error-message/error-message.vue","../../src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","conditionalClasses","computed","props"],"mappings":";;;;;;;;;;;;;;;;;GA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArBA,EAAA,GAAAH,EAAA,IAAAC,EAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAC,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"field-label.C3h8Q8Xd.js","sources":["../../src/components/internal/error-message/error-message.vue","../../src/components/internal/field-label/field-label.vue"],"sourcesContent":["<template>\n    <bento-typography :id=\"$attrs.id\" class=\"b-error-message\" el=\"span\" aria-live=\"polite\">\n        <div class=\"b-error-message__icon\">\n            <cross-circle-icon :svg-title=\"t('error')\" />\n        </div>\n        {{ errorMessage }}\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import CrossCircleIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { useI18n } from '@/utils/ts/i18n';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * An error message component should be used whenever it is necessary to add an error message to a component.\n     * If adding to a form component, the proper accessibility measures should be taken when necessary\n     * (ex. associating an element with this one using aria-describedby).\n\n    * @example\n    * import { ErrorMessage } from '@/components/internal/error-message';\n    *\n    * export default {\n    *     components: { ErrorMessage },\n    *     template: `\n    *          <error-message :error-message=\"errorMessage\" />\n    *     `\n    * }\n    */\n\n    defineProps({\n        /**\n         * The rendered error message\n         */\n        errorMessage: {\n            type: String,\n            required: true,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n        name: 'error-message',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./error-message.scss\" />\n","<template>\n    <label class=\"b-field-label\" :class=\"conditionalClasses\">\n        <bento-typography el=\"span\" stronger>\n            <template v-if=\"label\">{{ label }}</template>\n            <template v-else><slot></slot></template>\n        </bento-typography>\n        <bento-typography v-if=\"!!tooltipText\" el=\"span\" class=\"b-field-label__tooltip-wrapper\">\n            <bento-info-icon :tooltip-text=\"tooltipText\" class=\"b-field-label__tooltip\" />\n        </bento-typography>\n        <bento-typography v-if=\"required\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('required') }})</bento-typography\n        >\n        <bento-typography v-else-if=\"optional\" class=\"b-field-label__requirement\" el=\"span\"\n            >({{ t('optional') }})</bento-typography\n        >\n    </label>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography } from '@/components/typography';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { computed } from 'vue';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Renders the dropdown with a condensed style.\n         */\n        condensed: { type: Boolean, default: false },\n        /**\n         * Field label\n         */\n        label: {\n            type: String,\n            default: null,\n        },\n        /**\n         * Sets the field as optional\n         */\n        optional: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Sets the field as required\n         */\n        required: {\n            type: Boolean,\n            default: false,\n        },\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: {\n            type: String,\n            default: null,\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const conditionalClasses = computed(() => ({ 'b-field-label--condensed': props.condensed }));\n</script>\n\n<script lang=\"ts\">\n    /**\n    * Internal component to handle the labels for all field components\n\n    * @example\n    * import { FieldLabel } from '@/components/internal/field-label';\n    *\n    * export default {\n    *     components: { FieldLabel },\n    *     template: `\n    *          <field-label label=\"Label\" tooltip-text=\"Tooltip info\" required />\n    *     `\n    * }\n    */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./field-label.scss\" />\n"],"names":["__default__$1","messages$1","t","useI18n","__default__","messages","conditionalClasses","computed","props"],"mappings":";;;;;;;;;;;;;;;;;GA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBArBA,EAAA,GAAAH,EAAA,IAAAC,EAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAC,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{file-uploader.DsvADlNb.js → file-uploader.CK6dhx8T.js}

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as h, onUnmounted as Va, onMounted as Ca, computed as r, watch as ta, reactive as ea, toRef as ia, nextTick as Ba } from "vue";
+import { defineComponent as N, ref as h, onUnmounted as Va, onMounted as Ca, computed as m, watch as ta, reactive as ea, toRef as ia, nextTick as Ba } from "vue";
 /* empty css              */
 import { n as g } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { W as ka } from "./warning-filled.CbJ1pcB2.js";
@@ -15,8 +15,8 @@ import { R as Pa } from "./refresh.arF7jP-l.js";
 import { B as Na } from "./button.CS_kdxYh.js";
 import { B as Wa } from "./link.D8qpqg3W.js";
 import { B as Ga } from "./loading-indicator.PxbRzshH.js";
-import { b as Ya } from "./tooltip.D3SDcRef.js";
-import { F as Xa, E as Ja } from "./field-label.Auq-Pzho.js";
+import { b as Ya } from "./tooltip.Dt87KVh2.js";
+import { F as Xa, E as Ja } from "./field-label.C3h8Q8Xd.js";
 import "../assets/file-uploader.css";
 let ma = 0;
 const Ka = {
@@ -67,8 +67,8 @@ function si(e, a) {
     o();
   }), Ca(() => {
     o(), i = new IntersectionObserver(
-      (p) => {
-        t.value = !p[0].isIntersecting;
+      (r) => {
+        t.value = !r[0].isIntersecting;
       },
       {
         root: a.value,
@@ -85,7 +85,7 @@ function Ea(e, a) {
     unit: ua[t]
   }).format(a / 1024 ** t);
 }
-var y = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.SUCCESS = "success", e.ERROR = "error", e))(y || {}), x = /* @__PURE__ */ ((e) => (e.ERROR_SIZE = "error-size", e.ERROR_LOAD = "error-load", e.ERROR_DIMENSIONS = "error-dimensions", e.ERROR_TYPE = "error-type", e))(x || {}), P = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.DRAG_OVER = "drag-over", e.ERROR = "error", e.READONLY = "readonly", e))(P || {}), d = /* @__PURE__ */ ((e) => (e.TABLE = "table", e.IMAGE = "image", e.VIDEO = "video", e.AUDIO = "audio", e.TEXT = "text", e.PDF = "pdf", e.SLIDES = "slides", e.COMPRESSED = "compressed", e.GENERIC = "generic", e))(d || {});
+var y = /* @__PURE__ */ ((e) => (e.LOADING = "loading", e.SUCCESS = "success", e.ERROR = "error", e))(y || {}), x = /* @__PURE__ */ ((e) => (e.ERROR_SIZE = "error-size", e.ERROR_LOAD = "error-load", e.ERROR_DIMENSIONS = "error-dimensions", e.ERROR_TYPE = "error-type", e))(x || {}), P = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.DRAG_OVER = "drag-over", e.ERROR = "error", e.READONLY = "readonly", e))(P || {}), u = /* @__PURE__ */ ((e) => (e.TABLE = "table", e.IMAGE = "image", e.VIDEO = "video", e.AUDIO = "audio", e.TEXT = "text", e.PDF = "pdf", e.SLIDES = "slides", e.COMPRESSED = "compressed", e.GENERIC = "generic", e))(u || {});
 const ci = [
   "application/msword",
   // .doc
@@ -136,7 +136,7 @@ const ci = [
   // .cab
 ];
 function ui(e) {
-  return ri.includes(e.type) ? d.TABLE : e.type.startsWith("text/") || ci.includes(e.type) ? d.TEXT : e.type.startsWith("image/") ? d.IMAGE : e.type.startsWith("video/") ? d.VIDEO : e.type.startsWith("audio/") ? d.AUDIO : e.type === "application/pdf" ? d.PDF : di.includes(e.type) ? d.SLIDES : mi.includes(e.type) ? d.COMPRESSED : d.GENERIC;
+  return ri.includes(e.type) ? u.TABLE : e.type.startsWith("text/") || ci.includes(e.type) ? u.TEXT : e.type.startsWith("image/") ? u.IMAGE : e.type.startsWith("video/") ? u.VIDEO : e.type.startsWith("audio/") ? u.AUDIO : e.type === "application/pdf" ? u.PDF : di.includes(e.type) ? u.SLIDES : mi.includes(e.type) ? u.COMPRESSED : u.GENERIC;
 }
 function vi(e, a) {
   if (!a)
@@ -160,17 +160,17 @@ function fi(e, a, t) {
     o.state = y.ERROR, o.errors.push(x.ERROR_TYPE);
     return;
   }
-  i.onload = (p) => {
-    if (t && o.type === d.IMAGE) {
-      const f = new Blob([p.target.result], { type: o.data.type }), s = URL.createObjectURL(f), m = new Image();
-      m.onload = function() {
-        (m.width > t.width || m.height > t.height) && (o.state = y.ERROR, o.errors.push(x.ERROR_DIMENSIONS)), URL.revokeObjectURL(s);
-      }, m.onerror = function() {
+  i.onload = (r) => {
+    if (t && o.type === u.IMAGE) {
+      const p = new Blob([r.target.result], { type: o.data.type }), s = URL.createObjectURL(p), d = new Image();
+      d.onload = function() {
+        (d.width > t.width || d.height > t.height) && (o.state = y.ERROR, o.errors.push(x.ERROR_DIMENSIONS)), URL.revokeObjectURL(s);
+      }, d.onerror = function() {
         URL.revokeObjectURL(s);
-      }, m.src = s;
+      }, d.src = s;
     }
-  }, i.onprogress = (p) => {
-    p.lengthComputable && (o.progress = p.loaded / p.total * 100);
+  }, i.onprogress = (r) => {
+    r.lengthComputable && (o.progress = r.loaded / r.total * 100);
   }, i.onloadend = () => {
     o.state !== y.ERROR && (o.state = y.SUCCESS), o.progress = null;
   }, i.onerror = () => {
@@ -339,28 +339,28 @@ var et = function() {
   null
 );
 const pt = ot.exports, lt = {
-  [d.AUDIO]: it,
-  [d.COMPRESSED]: Hi,
-  [d.GENERIC]: _i,
-  [d.IMAGE]: Pi,
-  [d.PDF]: Fi,
-  [d.SLIDES]: Ri,
-  [d.TABLE]: pt,
-  [d.TEXT]: Mi,
-  [d.VIDEO]: Xi
+  [u.AUDIO]: it,
+  [u.COMPRESSED]: Hi,
+  [u.GENERIC]: _i,
+  [u.IMAGE]: Pi,
+  [u.PDF]: Fi,
+  [u.SLIDES]: Ri,
+  [u.TABLE]: pt,
+  [u.TEXT]: Mi,
+  [u.VIDEO]: Xi
 };
 function st(e) {
   return lt[e.type];
 }
 function ct(e) {
   switch (e.type) {
-    case d.COMPRESSED:
-    case d.GENERIC:
+    case u.COMPRESSED:
+    case u.GENERIC:
       return "grey";
-    case d.PDF:
-    case d.SLIDES:
+    case u.PDF:
+    case u.SLIDES:
       return "orange";
-    case d.TEXT:
+    case u.TEXT:
       return "blue";
     default:
       return "green";
@@ -392,16 +392,17 @@ const rt = {
   ...dt,
   props: {
     file: null,
-    supportedFileTypes: { default: null }
+    supportedFileTypes: { default: null },
+    readonly: { type: Boolean }
   },
   emits: ["cancel", "remove", "retry"],
   setup(e, { expose: a, emit: t }) {
-    const i = e, o = 1200, { t: p, locale: f } = W(), s = h(null), m = h(null), u = h(null), C = w("file-errors-section"), B = w("cancel-file-button"), j = w("remove-file-button"), O = w("retry-file-button"), c = h(i.file.state === y.SUCCESS), T = r(() => URL.createObjectURL(i.file.data)), k = r(() => i.file.state === y.ERROR), H = r(() => i.file.errors.includes(x.ERROR_LOAD)), G = r(() => i.file.errors.includes(x.ERROR_SIZE)), Y = r(() => i.file.errors.includes(x.ERROR_DIMENSIONS)), X = r(() => i.file.errors.includes(x.ERROR_TYPE)), z = r(() => i.file.state === y.LOADING), R = r(() => i.file.progress && `(${i.file.progress.toFixed(0)}%)`), I = r(() => Ea(f.value, i.file.data.size)), L = h(), q = h(), F = si(L, q), J = r(() => ({
+    const i = e, o = 1200, { t: r, locale: p } = W(), s = h(null), d = h(null), v = h(null), C = w("file-errors-section"), B = w("cancel-file-button"), j = w("remove-file-button"), O = w("retry-file-button"), c = h(i.file.state === y.SUCCESS), T = m(() => URL.createObjectURL(i.file.data)), k = m(() => i.file.state === y.ERROR), H = m(() => i.file.errors.includes(x.ERROR_LOAD)), G = m(() => i.file.errors.includes(x.ERROR_SIZE)), Y = m(() => i.file.errors.includes(x.ERROR_DIMENSIONS)), X = m(() => i.file.errors.includes(x.ERROR_TYPE)), z = m(() => i.file.state === y.LOADING), R = m(() => i.file.progress && `(${i.file.progress.toFixed(0)}%)`), I = m(() => Ea(p.value, i.file.data.size)), L = h(), q = h(), F = si(L, q), J = m(() => ({
       "b-file-uploader-file-card--error": k.value
-    })), S = r(() => ({
+    })), S = m(() => ({
       [`b-file-uploader-file-card__icon--${ct(i.file)}`]: c.value,
       "b-file-uploader-file-card__icon--error": k.value
-    })), K = r(() => z.value ? Ga : k.value ? ka : c.value ? st(i.file) : Aa);
+    })), K = m(() => z.value ? Ga : k.value ? ka : c.value ? st(i.file) : Aa);
     ta(
       () => i.file.state,
       (Q) => {
@@ -413,27 +414,27 @@ const rt = {
       }
     );
     function M() {
-      if (u.value) {
-        u.value.$el.focus();
+      if (v.value) {
+        v.value.$el.focus();
         return;
       }
       if (s.value) {
         s.value.$el.focus();
         return;
       }
-      if (m.value) {
-        m.value.$el.focus();
+      if (d.value) {
+        d.value.$el.focus();
         return;
       }
     }
     return a({
       focus: M
-    }), { __sfc: !0, ICON_TIMER: o, props: i, emit: t, t: p, locale: f, removeFileButtonRef: s, cancelFileButtonRef: m, retryFileButtonRef: u, fileErrorsSectionId: C, cancelFileButtonId: B, removeFileButtonId: j, retryFileButtonId: O, showFileIcon: c, downloadUrl: T, hasError: k, hasLoadError: H, hasSizeError: G, hasDimensionsError: Y, hasTypeError: X, isLoading: z, progressLabel: R, sizeLabel: I, fileNameRef: L, fileNameContainerRef: q, isFileNameTruncated: F, conditionalClasses: J, conditionalIconClasses: S, fileUploaderIcon: K, focus: M, isVue2: Ra, FileUploaderFileCardAnimation: li, BinIcon: Ua, CrossIcon: Za, RefreshIcon: Pa, vBentoTooltipDirective: Ya, BentoButton: Na, BentoLink: Wa, BentoTypography: na };
+    }), { __sfc: !0, ICON_TIMER: o, props: i, emit: t, t: r, locale: p, removeFileButtonRef: s, cancelFileButtonRef: d, retryFileButtonRef: v, fileErrorsSectionId: C, cancelFileButtonId: B, removeFileButtonId: j, retryFileButtonId: O, showFileIcon: c, downloadUrl: T, hasError: k, hasLoadError: H, hasSizeError: G, hasDimensionsError: Y, hasTypeError: X, isLoading: z, progressLabel: R, sizeLabel: I, fileNameRef: L, fileNameContainerRef: q, isFileNameTruncated: F, conditionalClasses: J, conditionalIconClasses: S, fileUploaderIcon: K, focus: M, isVue2: Ra, FileUploaderFileCardAnimation: li, BinIcon: Ua, CrossIcon: Za, RefreshIcon: Pa, vBentoTooltipDirective: Ya, BentoButton: Na, BentoLink: Wa, BentoTypography: na };
   }
 });
 var ut = function() {
   var a = this, t = a._self._c, i = a._self._setupProxy;
-  return t("div", { staticClass: "b-file-uploader-file-card", class: i.conditionalClasses }, [t("div", { staticClass: "b-file-uploader-file-card__details" }, [t("div", { staticClass: "b-file-uploader-file-card__info" }, [t(i.FileUploaderFileCardAnimation, { attrs: { name: i.isVue2 ? "b-file-uploader-file-card__animation" : "b-file-uploader-file-card__animation--vue3", "show-file-icon": i.showFileIcon } }, [t(i.fileUploaderIcon, { key: JSON.stringify(i.fileUploaderIcon), tag: "component", staticClass: "b-file-uploader-file-card__icon", class: i.conditionalIconClasses, attrs: { small: "", "aria-hidden": "true", "data-testid": "file-uploader-item-icon" } })], 1), t("div", { ref: "fileNameContainerRef", staticClass: "b-file-uploader-file-card__file-name" }, [t(i.BentoLink, { attrs: { "aria-hidden": "true", tabindex: "-1", download: a.file.data.name, to: i.downloadUrl, "disable-typography": "", "is-not-routing": "", variant: "quiet" } }, [t(i.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: i.isFileNameTruncated ? a.file.data.name : null, expression: "isFileNameTruncated ? file.data.name : null" }], ref: "fileNameRef", attrs: { stronger: "", el: "span" } }, [a._v(" " + a._s(a.file.data.name) + " ")])], 1)], 1), a.file.progress ? t(i.BentoTypography, { attrs: { el: "span" } }, [a._v(a._s(i.progressLabel))]) : a.file.data.size ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__file-size", attrs: { "aria-hidden": "true", el: "span" } }, [a._v(" " + a._s(i.sizeLabel) + " ")]) : a._e()], 1), i.hasSizeError || i.hasDimensionsError || i.hasTypeError && a.supportedFileTypes ? t("div", { attrs: { id: i.fileErrorsSectionId, role: "alert" } }, [i.hasSizeError ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("fileExceedsSizeLimit")) + " ")]) : a._e(), i.hasDimensionsError ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("imageDimensionsExceedLimits")) + " ")]) : a._e(), i.hasTypeError && a.supportedFileTypes ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("fileTypeMustBe", { list: a.supportedFileTypes })) + " ")]) : a._e()], 1) : a._e()]), t("div", { staticClass: "b-file-uploader-file-card__actions" }, [i.hasLoadError ? t(i.BentoButton, { ref: "retryFileButtonRef", attrs: { "aria-labelledby": `${i.fileErrorsSectionId} ${i.retryFileButtonId}`, variant: "tertiary" }, on: { click: function(o) {
+  return t("div", { staticClass: "b-file-uploader-file-card", class: i.conditionalClasses }, [t("div", { staticClass: "b-file-uploader-file-card__details" }, [t("div", { staticClass: "b-file-uploader-file-card__info" }, [t(i.FileUploaderFileCardAnimation, { attrs: { name: i.isVue2 ? "b-file-uploader-file-card__animation" : "b-file-uploader-file-card__animation--vue3", "show-file-icon": i.showFileIcon } }, [t(i.fileUploaderIcon, { key: JSON.stringify(i.fileUploaderIcon), tag: "component", staticClass: "b-file-uploader-file-card__icon", class: i.conditionalIconClasses, attrs: { small: "", "aria-hidden": "true", "data-testid": "file-uploader-item-icon" } })], 1), t("div", { ref: "fileNameContainerRef", staticClass: "b-file-uploader-file-card__file-name" }, [t(i.BentoLink, { attrs: { "aria-hidden": "true", tabindex: "-1", download: a.file.data.name, to: i.downloadUrl, "disable-typography": "", "is-not-routing": "", variant: "quiet" } }, [t(i.BentoTypography, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive", value: i.isFileNameTruncated ? a.file.data.name : null, expression: "isFileNameTruncated ? file.data.name : null" }], ref: "fileNameRef", attrs: { stronger: "", el: "span" } }, [a._v(" " + a._s(a.file.data.name) + " ")])], 1)], 1), a.file.progress ? t(i.BentoTypography, { attrs: { el: "span" } }, [a._v(a._s(i.progressLabel))]) : a.file.data.size ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__file-size", attrs: { "aria-hidden": "true", el: "span" } }, [a._v(" " + a._s(i.sizeLabel) + " ")]) : a._e()], 1), i.hasSizeError || i.hasDimensionsError || i.hasTypeError && a.supportedFileTypes ? t("div", { attrs: { id: i.fileErrorsSectionId, role: "alert" } }, [i.hasSizeError ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("fileExceedsSizeLimit")) + " ")]) : a._e(), i.hasDimensionsError ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("imageDimensionsExceedLimits")) + " ")]) : a._e(), i.hasTypeError && a.supportedFileTypes ? t(i.BentoTypography, { staticClass: "b-file-uploader-file-card__error-message" }, [a._v(" " + a._s(i.t("fileTypeMustBe", { list: a.supportedFileTypes })) + " ")]) : a._e()], 1) : a._e()]), a.readonly ? a._e() : t("div", { staticClass: "b-file-uploader-file-card__actions" }, [i.hasLoadError ? t(i.BentoButton, { ref: "retryFileButtonRef", attrs: { "aria-labelledby": `${i.fileErrorsSectionId} ${i.retryFileButtonId}`, variant: "tertiary" }, on: { click: function(o) {
     return i.emit("retry");
   } }, scopedSlots: a._u([{ key: "iconLeft", fn: function() {
     return [t(i.RefreshIcon, { attrs: { id: i.retryFileButtonId, "svg-title": `${i.t("retry")} - ${a.file.data.name} ` } })];
@@ -445,14 +446,14 @@ var ut = function() {
     return i.emit("remove");
   } }, scopedSlots: a._u([{ key: "iconLeft", fn: function() {
     return [t(i.BinIcon, { attrs: { id: i.removeFileButtonId, "svg-title": `${i.t("remove")} - ${a.file.data.name}` } })];
-  }, proxy: !0 }]) })], 1)]);
+  }, proxy: !0 }], null, !1, 3607204026) })], 1)]);
 }, vt = [], ft = /* @__PURE__ */ g(
   mt,
   ut,
   vt,
   !1,
   null,
-  "7ab6dd6d"
+  "d03f417e"
 );
 const xt = ft.exports, gt = {
   "en-US": {
@@ -477,24 +478,24 @@ const xt = ft.exports, gt = {
     supportedFileTypes: { default: null }
   },
   setup(e) {
-    const a = e, { t, tc: i, n: o, locale: p } = W(), f = r(() => ({
+    const a = e, { t, tc: i, n: o, locale: r } = W(), p = m(() => ({
       "b-file-uploader-restrictions--condensed": a.condensed,
       "b-file-uploader-restrictions--disabled": a.disabled
     }));
-    function s(u) {
+    function s(v) {
       return {
-        "b-file-uploader-restrictions--error": u
+        "b-file-uploader-restrictions--error": v
       };
     }
-    const m = r(() => {
+    const d = m(() => {
       if (!a.maxDimensions)
         return null;
       const {
-        value: { width: u, height: C }
+        value: { width: v, height: C }
       } = a.maxDimensions;
-      return u && C ? t("maxImageDimensions", { width: o(u), height: o(C) }) : u ? t("maxImageWidth", { width: o(u) }) : C ? t("maxImageHeight", { height: o(C) }) : null;
+      return v && C ? t("maxImageDimensions", { width: o(v), height: o(C) }) : v ? t("maxImageWidth", { width: o(v) }) : C ? t("maxImageHeight", { height: o(C) }) : null;
     });
-    return { __sfc: !0, props: a, t, tc: i, n: o, locale: p, conditionalClasses: f, setRestrictionErrorClass: s, maxDimensionsLabel: m, BentoTypography: na, formatFileSize: Ea };
+    return { __sfc: !0, props: a, t, tc: i, n: o, locale: r, conditionalClasses: p, setRestrictionErrorClass: s, maxDimensionsLabel: d, BentoTypography: na, formatFileSize: Ea };
   }
 });
 var _t = function() {
@@ -1575,15 +1576,15 @@ class kt {
   define(a, t = !1) {
     for (let [i, o] of Object.entries(a)) {
       i = i.toLowerCase(), o = o.map((s) => s.toLowerCase()), _(this, E, "f").has(i) || _(this, E, "f").set(i, /* @__PURE__ */ new Set());
-      const p = _(this, E, "f").get(i);
-      let f = !0;
+      const r = _(this, E, "f").get(i);
+      let p = !0;
       for (let s of o) {
-        const m = s.startsWith("*");
-        if (s = m ? s.slice(1) : s, p == null || p.add(s), f && _(this, V, "f").set(i, s), f = !1, m)
+        const d = s.startsWith("*");
+        if (s = d ? s.slice(1) : s, r == null || r.add(s), p && _(this, V, "f").set(i, s), p = !1, d)
           continue;
-        const u = _(this, $, "f").get(s);
-        if (u && u != i && !t)
-          throw new Error(`"${i} -> ${s}" conflicts with "${u} -> ${s}". Pass \`force=true\` to override this definition.`);
+        const v = _(this, $, "f").get(s);
+        if (v && v != i && !t)
+          throw new Error(`"${i} -> ${s}" conflicts with "${v} -> ${s}". Pass \`force=true\` to override this definition.`);
         _(this, $, "f").set(s, i);
       }
     }
@@ -1626,6 +1627,7 @@ const Ia = new kt(za, ja)._freeze(), Rt = {
     dropFiles: "Drop file to upload | Drop files to upload",
     fileExceedsSizeLimit: "File exceeds size limit",
     imageFiles: "image files",
+    noFilesUploaded: "No files uploaded",
     tooManyFiles: "Too many files",
     videoFiles: "video files",
     youHaveExceededTheMaximum: "You have exceeded the maximum limit of {count} files. Please remove some files before proceeding."
@@ -1636,11 +1638,11 @@ function Et(e) {
 }
 function jt(e) {
   const { locale: a, t } = W();
-  return { supportedFileTypeList: r(() => {
+  return { supportedFileTypeList: m(() => {
     const o = new Intl.ListFormat(a.value, { style: "short", type: "unit" });
     return e != null && e.value ? o.format(
-      e.value.split(",").map((p) => {
-        switch (p.trim()) {
+      e.value.split(",").map((r) => {
+        switch (r.trim()) {
           case "audio/*":
             return t("audioFiles");
           case "image/*":
@@ -1648,7 +1650,7 @@ function jt(e) {
           case "video/*":
             return t("videoFiles");
           default:
-            return Et(p);
+            return Et(r);
         }
       })
     ) : null;
@@ -1665,27 +1667,27 @@ function It({ maxCount: e, accept: a }) {
   }), i = ea({
     dragging: !1,
     error: !1
-  }), o = r(() => a.value ? a.value.split(",").map((m) => zt(m.trim().toLocaleLowerCase())) : void 0);
-  function p() {
+  }), o = m(() => a.value ? a.value.split(",").map((d) => zt(d.trim().toLocaleLowerCase())) : void 0);
+  function r() {
     i.dragging = !1, i.error = !1, t.invalidTypes = !1, t.partiallyInvalidTypes = !1, t.maxCountOverflow = !1;
   }
-  function f(s, m) {
-    if (i.dragging = !0, (!m.dataTransfer.types.includes("Files") || s > e.value) && (t.maxCountOverflow = !0, i.error = !0), !o.value)
+  function p(s, d) {
+    if (i.dragging = !0, (!d.dataTransfer.types.includes("Files") || s > e.value) && (t.maxCountOverflow = !0, i.error = !0), !o.value)
       return;
-    let u = 0;
-    for (const C of m.dataTransfer.items)
-      o.value.includes(C.type) && u++;
-    if (u === 0) {
+    let v = 0;
+    for (const C of d.dataTransfer.items)
+      o.value.includes(C.type) && v++;
+    if (v === 0) {
       i.error = !0, t.invalidTypes = !0;
       return;
     }
-    !t.invalidTypes && u !== m.dataTransfer.items.length && (i.error = !0, t.partiallyInvalidTypes = !0);
+    !t.invalidTypes && v !== d.dataTransfer.items.length && (i.error = !0, t.partiallyInvalidTypes = !0);
   }
   return {
     dragState: i,
     dragErrors: t,
-    resetDragState: p,
-    onDragEnterValidations: f
+    resetDragState: r,
+    onDragEnterValidations: p
   };
 }
 const Ft = {
@@ -1699,6 +1701,7 @@ const Ft = {
     condensed: { type: Boolean },
     description: { default: null },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     errorMessage: { default: null },
     label: null,
     maxCount: { default: 1 },
@@ -1711,7 +1714,7 @@ const Ft = {
   },
   emits: ["change", "input", "update:model-value", "error:upload"],
   setup(e, { emit: a }) {
-    const t = e, { t: i, tc: o, n: p } = W(), { emitValue: f } = qa(a);
+    const t = e, { t: i, tc: o, n: r } = W(), { emitValue: p } = qa(a);
     function s(n) {
       return !!n && typeof n.length == "number" && typeof n.item == "function";
     }
@@ -1722,14 +1725,14 @@ const Ft = {
         "2.0.0"
       );
     });
-    const { supportedFileTypeList: m } = jt(ia(t, "accept")), u = w("browse-button"), C = w("custom-text"), B = w("drop-files-text"), j = w("comma-text"), O = w("file-uploader-restrictions"), c = h(null), T = h([]), k = h(null), H = h(null), G = w("input"), Y = w("input-error"), X = r(() => {
-      const n = t.condensed ? "" : `${B} ${j}`, l = t.description ? `${C} ${j}` : "", v = `${O} ${j}`;
-      return `${n} ${l} ${v}  ${u}`;
+    const { supportedFileTypeList: d } = jt(ia(t, "accept")), v = w("browse-button"), C = w("custom-text"), B = w("drop-files-text"), j = w("comma-text"), O = w("file-uploader-restrictions"), c = h(null), T = h([]), k = h(null), H = h(null), G = w("input"), Y = w("input-error"), X = m(() => {
+      const n = t.condensed ? "" : `${B} ${j}`, l = t.description ? `${C} ${j}` : "", f = `${O} ${j}`;
+      return `${n} ${l} ${f}  ${v}`;
     }), { dragState: z, dragErrors: R, resetDragState: I, onDragEnterValidations: L } = It({
       accept: ia(t, "accept"),
       maxCount: ia(t, "maxCount")
-    }), q = r(() => {
-      var n, l, v;
+    }), q = m(() => {
+      var n, l, f;
       return {
         condensed: t.condensed,
         disabled: t.disabled,
@@ -1745,20 +1748,20 @@ const Ft = {
           value: t.maxSize,
           error: (l = c.value) == null ? void 0 : l.some((b) => b.errors.includes(x.ERROR_SIZE))
         } : null,
-        supportedFileTypes: m.value ? {
-          value: m.value,
-          error: R.invalidTypes || R.partiallyInvalidTypes || ((v = c.value) == null ? void 0 : v.some((b) => b.errors.includes(x.ERROR_TYPE)))
+        supportedFileTypes: d.value ? {
+          value: d.value,
+          error: R.invalidTypes || R.partiallyInvalidTypes || ((f = c.value) == null ? void 0 : f.some((b) => b.errors.includes(x.ERROR_TYPE)))
         } : null
       };
-    }), F = h(), J = r(() => ({
+    }), F = h(), J = m(() => ({
       [`b-file-uploader--${P.DISABLED}`]: t.disabled,
       [`b-file-uploader--${P.DRAG_OVER}`]: z.dragging,
       [`b-file-uploader--${P.ERROR}`]: oa.value,
       "b-file-uploader--condensed": t.condensed
-    })), S = r(() => t.maxCount > 1), K = r(() => {
+    })), S = m(() => t.maxCount > 1), K = m(() => {
       var n;
-      return t.maxCount && ((n = c.value) == null ? void 0 : n.length) >= t.maxCount;
-    }), M = r(() => {
+      return t.maxCount && ((n = c.value) == null ? void 0 : n.length) >= t.maxCount || t.readonly;
+    }), M = m(() => {
       var n;
       return (n = c.value) == null ? void 0 : n.some((l) => l.state === "loading");
     }), Q = (n) => (l) => {
@@ -1768,14 +1771,14 @@ const Ft = {
       if (n) {
         ca(n), ra(n);
         const l = da(n);
-        a("change", l), f(l);
+        a("change", l), p(l);
       } else
-        a("change", void 0), f(void 0);
+        a("change", void 0), p(void 0);
     }
-    const oa = r(() => !!t.errorMessage || z.error), pa = r(() => {
+    const oa = m(() => !!t.errorMessage || z.error), pa = m(() => {
       var n;
       return ((n = c.value) == null ? void 0 : n.length) > t.maxCount;
-    }), la = h(!1), sa = r(() => {
+    }), la = h(!1), sa = m(() => {
       var n;
       return (n = c.value) == null ? void 0 : n.some((l) => l.state === "error");
     });
@@ -1816,11 +1819,11 @@ const Ft = {
       S.value ? c.value = [...c.value || [], ...Array.from(n).map((l) => A(l))] : (c.value = [A(n[0])], await U()), D(c.value);
     }
     function Ta(n) {
-      var v, b;
+      var f, b;
       if (t.disabled)
         return;
       F.value = n.target;
-      const l = (((v = n.dataTransfer.items) == null ? void 0 : v.length) ?? 0) + (((b = c.value) == null ? void 0 : b.length) ?? 0);
+      const l = (((f = n.dataTransfer.items) == null ? void 0 : f.length) ?? 0) + (((b = c.value) == null ? void 0 : b.length) ?? 0);
       L(l, n);
     }
     function Z() {
@@ -1844,8 +1847,8 @@ const Ft = {
       () => t.modelValue,
       (n) => {
         if (n && s(n)) {
-          const l = n, v = Array.from(l);
-          c.value = v.map((b) => A(b));
+          const f = Array.from(n);
+          c.value = f.map((b) => A(b));
         } else !n && c.value && (c.value = null);
       },
       { immediate: !0 }
@@ -1856,26 +1859,26 @@ const Ft = {
     }
     function ra(n) {
       t.maxSize && n.forEach((l) => {
-        const v = l;
-        v.data.size > t.maxSize && (v.state = y.ERROR, v.errors.push(x.ERROR_SIZE));
+        const f = l;
+        f.data.size > t.maxSize && (f.state = y.ERROR, f.errors.push(x.ERROR_SIZE));
       });
     }
     function da(n) {
       const l = n.filter(
-        ({ errors: v }) => !v.includes(x.ERROR_LOAD) && !v.includes(x.ERROR_SIZE)
+        ({ errors: f }) => !f.includes(x.ERROR_LOAD) && !f.includes(x.ERROR_SIZE)
       );
       if (l.length) {
-        const v = new DataTransfer();
+        const f = new DataTransfer();
         return l.forEach(({ data: b, id: Mt }) => {
-          v.items.add(b);
-        }), v.files;
+          f.items.add(b);
+        }), f.files;
       }
     }
-    return { __sfc: !0, t: i, tc: o, n: p, emit: a, props: t, emitValue: f, isFileList: s, supportedFileTypeList: m, browseFilesButtonId: u, customTextId: C, dropFilesTextId: B, commaTextId: j, fileUploaderRestrictionsId: O, files: c, fileCardRefs: T, inputRef: k, dropAreaRef: H, inputFieldId: G, errorId: Y, fileUploadAriaLabelledBy: X, dragState: z, dragErrors: R, resetDragState: I, onDragEnterValidations: L, fileUploadRestrictionsProps: q, enterTarget: F, conditionalClasses: J, isMultiple: S, hideArea: K, loadingStateExists: M, registerFileCardRef: Q, emitUpdate: D, hasError: oa, maxFileCountError: pa, maxFileError: la, hasRestrictionError: sa, resetFocus: U, removeFile: Fa, processFile: A, onInputClick: $a, onFileInput: aa, onDragEnter: Ta, resetEnterTarget: Z, onDragLeave: La, onDragOver: Sa, onDrop: Ma, onInputChange: Da, verifyFileCount: ca, verifyFileSize: ra, convertToFileList: da, UploadIcon: ti, WarningFilledIcon: ka, BentoAlert: Oa, BentoTypography: na, ErrorMessage: Ja, FieldLabel: Xa, FileUploaderFileCard: xt, FileUploaderRestrictions: Ct };
+    return { __sfc: !0, t: i, tc: o, n: r, emit: a, props: t, emitValue: p, isFileList: s, supportedFileTypeList: d, browseFilesButtonId: v, customTextId: C, dropFilesTextId: B, commaTextId: j, fileUploaderRestrictionsId: O, files: c, fileCardRefs: T, inputRef: k, dropAreaRef: H, inputFieldId: G, errorId: Y, fileUploadAriaLabelledBy: X, dragState: z, dragErrors: R, resetDragState: I, onDragEnterValidations: L, fileUploadRestrictionsProps: q, enterTarget: F, conditionalClasses: J, isMultiple: S, hideArea: K, loadingStateExists: M, registerFileCardRef: Q, emitUpdate: D, hasError: oa, maxFileCountError: pa, maxFileError: la, hasRestrictionError: sa, resetFocus: U, removeFile: Fa, processFile: A, onInputClick: $a, onFileInput: aa, onDragEnter: Ta, resetEnterTarget: Z, onDragLeave: La, onDragOver: Sa, onDrop: Ma, onInputChange: Da, verifyFileCount: ca, verifyFileSize: ra, convertToFileList: da, UploadIcon: ti, WarningFilledIcon: ka, BentoAlert: Oa, BentoTypography: na, ErrorMessage: Ja, FieldLabel: Xa, FileUploaderFileCard: xt, FileUploaderRestrictions: Ct };
   }
 });
 var Tt = function() {
-  var o;
+  var o, r;
   var a = this, t = a._self._c, i = a._self._setupProxy;
   return t("div", { staticClass: "b-file-uploader", class: i.conditionalClasses }, [t(i.FieldLabel, { staticClass: "b-file-uploader__label", attrs: { for: i.inputFieldId, label: a.label, optional: a.optional, required: a.required, "tooltip-text": a.tooltipText } }), t("input", { ref: "inputRef", staticClass: "b-file-uploader__input", attrs: { id: i.inputFieldId, "aria-hidden": "true", type: "file", tabindex: "-1", "data-testid": "input", accept: a.accept, disabled: a.disabled, multiple: i.isMultiple }, on: { change: i.onInputChange, click: i.onInputClick } }), t("span", { staticClass: "b-file-uploader__invisible-comma", attrs: { id: i.commaTextId, "aria-hidden": "true" } }, [a._v(" , ")]), i.hideArea ? a._e() : t("div", { ref: "dropAreaRef", staticClass: "b-file-uploader__area", attrs: { "aria-labelledby": i.fileUploadAriaLabelledBy, role: "button", tabindex: a.disabled ? -1 : 0 }, on: { click: function(p) {
     return i.inputRef.click();
@@ -1891,23 +1894,23 @@ var Tt = function() {
     return !p.type.indexOf("key") && a._k(p.keyCode, "space", 32, p.key, [" ", "Spacebar"]) ? null : (p.preventDefault(), i.inputRef.click());
   }] } }, [t("div", { staticClass: "b-file-uploader__icon", attrs: { "aria-hidden": "true" } }, [i.hasError ? t(i.WarningFilledIcon) : t(i.UploadIcon)], 1), a.condensed ? a._e() : [t(i.BentoTypography, { staticClass: "b-file-uploader__title", attrs: { id: i.dropFilesTextId, el: "span", strongest: "" } }, [a._v(" " + a._s(i.tc("dropFiles", a.maxCount)) + " ")]), a.description ? t(i.BentoTypography, { staticClass: "b-file-uploader__description", attrs: { id: i.customTextId, el: "span" } }, [a._v(" " + a._s(a.description) + " ")]) : a._e(), t(i.FileUploaderRestrictions, a._b({ attrs: { id: i.fileUploaderRestrictionsId } }, "file-uploader-restrictions", i.fileUploadRestrictionsProps, !1))], t(i.BentoTypography, { staticClass: "b-file-uploader__button", attrs: { id: i.browseFilesButtonId, stronger: "" } }, [a._v(" " + a._s(i.t("browseFiles")) + " ")])], 2), i.hasError && a.errorMessage ? t(i.ErrorMessage, { staticClass: "b-file-uploader__error-message", attrs: { id: i.errorId, "error-message": a.errorMessage } }) : a._e(), a.condensed && a.description ? t(i.BentoTypography, { staticClass: "b-file-uploader__description b-file-uploader__description--condensed", attrs: { id: i.customTextId, "aria-hidden": "true", el: "span" } }, [a._v(" " + a._s(a.description) + " ")]) : a._e(), a.condensed ? t(i.FileUploaderRestrictions, a._b({ attrs: { id: i.fileUploaderRestrictionsId } }, "file-uploader-restrictions", i.fileUploadRestrictionsProps, !1)) : a._e(), i.maxFileCountError ? t(i.BentoAlert, { attrs: { type: "critical" }, scopedSlots: a._u([{ key: "description", fn: function() {
     return [a._v(" " + a._s(i.t("youHaveExceededTheMaximum", { count: i.n(i.props.maxCount) })) + " ")];
-  }, proxy: !0 }], null, !1, 2252760379) }, [a._v(" " + a._s(i.t("tooManyFiles")) + " ")]) : a._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: (o = i.files) == null ? void 0 : o.length, expression: "files?.length" }], staticClass: "b-file-uploader__files" }, a._l(i.files, function(p, f) {
-    return t(i.FileUploaderFileCard, { key: p.id, ref: i.registerFileCardRef(f), refInFor: !0, attrs: { file: p, "supported-file-types": i.supportedFileTypeList }, on: { cancel: function(s) {
+  }, proxy: !0 }], null, !1, 2252760379) }, [a._v(" " + a._s(i.t("tooManyFiles")) + " ")]) : a._e(), t("div", { directives: [{ name: "show", rawName: "v-show", value: (o = i.files) == null ? void 0 : o.length, expression: "files?.length" }], staticClass: "b-file-uploader__files" }, a._l(i.files, function(p, s) {
+    return t(i.FileUploaderFileCard, { key: p.id, ref: i.registerFileCardRef(s), refInFor: !0, attrs: { file: p, "supported-file-types": i.supportedFileTypeList, readonly: a.readonly }, on: { cancel: function(d) {
       return i.removeFile(p);
-    }, remove: function(s) {
+    }, remove: function(d) {
       return i.removeFile(p);
     } } });
-  }), 1)], 1);
+  }), 1), !((r = i.files) != null && r.length) && a.readonly ? t(i.BentoTypography, { staticClass: "b-file-uploader__no-files", attrs: { wide: "" } }, [a._v(a._s(i.t("noFilesUploaded")))]) : a._e()], 1);
 }, Lt = [], St = /* @__PURE__ */ g(
   $t,
   Tt,
   Lt,
   !1,
   null,
-  "a851453d"
+  "346f6365"
 );
 const ie = St.exports;
 export {
   ie as f
 };
-//# sourceMappingURL=file-uploader.DsvADlNb.js.map
+//# sourceMappingURL=file-uploader.CK6dhx8T.js.map