@adyen/bento-vue3 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":["../../../vue2/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":["../../../vue2/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.C97CrBI_.js → field-label.B1rMWIWY.js}

@@ -3,7 +3,7 @@ import { B as r } from "./typography.yBEME_Gu.js";
 import { C as S } from "./cross-circle-fill.CYLL7jfC.js";
 import { u as _ } from "./index.pdBj0KQU.js";
 import { _ as b } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as E } from "./info-icon.BhOm72U4.js";
+import { B as E } from "./info-icon.DB0MI-dH.js";
 import "../assets/field-label.css";
 const g = {
   "en-US": {
@@ -155,4 +155,4 @@ export {
   R as E,
   U as F
 };
-//# sourceMappingURL=field-label.C97CrBI_.js.map
+//# sourceMappingURL=field-label.B1rMWIWY.js.map

package/dist/chunks/{field-label.C97CrBI_.js.map → field-label.B1rMWIWY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-label.C97CrBI_.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue","../../../vue2/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","props","__props","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAG,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAL,EAAA,IAAAC,EAAA,EAAA,UAAAE,EAAA,CAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"field-label.B1rMWIWY.js","sources":["../../../vue2/src/components/internal/error-message/error-message.vue","../../../vue2/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","props","__props","conditionalClasses","computed"],"mappings":";;;;;;;;;;;;;;;;;2CA+CIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;AAPA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwCAG,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxDA,UAAAC,IAAAC,GAmCA,EAAA,GAAAL,EAAA,IAAAC,EAAA,EAAA,UAAAE,EAAA,CAAA,GAEAG,IAAAC,EAAA,OAAA,EAAA,4BAAAH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}