@adyen/bento-vue2 1.78.2 → 1.79.0

package/dist/chunks/constructNow.BhymNmy5.js

@@ -0,0 +1,8 @@
+import { c as t } from "./getTimezoneOffsetInMilliseconds.B7sxiukN.js";
+function c(o) {
+  return t(o, Date.now());
+}
+export {
+  c
+};
+//# sourceMappingURL=constructNow.BhymNmy5.js.map

package/dist/chunks/{constructNow.CHWWeLPc.js.map → constructNow.BhymNmy5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constructNow.CHWWeLPc.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructNow.js"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/**\n * @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n *\n * @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n *\n * It defaults to `Date` if the passed reference date is a number or a string.\n *\n * @param date - The reference date to take constructor from\n *\n * @returns Current date initialized using the given date constructor\n *\n * @example\n * import { constructNow, isSameDay } from 'date-fns'\n *\n * function isToday<DateType extends Date>(\n *   date: DateArg<DateType>,\n * ): boolean {\n *   // If we were to use `new Date()` directly, the function would  behave\n *   // differently in different timezones and return false for the same date.\n *   return isSameDay(date, constructNow(date));\n * }\n */\nexport function constructNow(date) {\n  return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n"],"names":["constructNow","date","constructFrom"],"mappings":";AA8BO,SAASA,EAAaC,GAAM;AACjC,SAAOC,EAAcD,GAAM,KAAK,IAAG,CAAE;AACvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"constructNow.BhymNmy5.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/constructNow.js"],"sourcesContent":["import { constructFrom } from \"./constructFrom.js\";\n\n/**\n * @name constructNow\n * @category Generic Helpers\n * @summary Constructs a new current date using the passed value constructor.\n * @pure false\n *\n * @description\n * The function constructs a new current date using the constructor from\n * the reference date. It helps to build generic functions that accept date\n * extensions and use the current date.\n *\n * It defaults to `Date` if the passed reference date is a number or a string.\n *\n * @param date - The reference date to take constructor from\n *\n * @returns Current date initialized using the given date constructor\n *\n * @example\n * import { constructNow, isSameDay } from 'date-fns'\n *\n * function isToday<DateType extends Date>(\n *   date: DateArg<DateType>,\n * ): boolean {\n *   // If we were to use `new Date()` directly, the function would  behave\n *   // differently in different timezones and return false for the same date.\n *   return isSameDay(date, constructNow(date));\n * }\n */\nexport function constructNow(date) {\n  return constructFrom(date, Date.now());\n}\n\n// Fallback for modularized imports:\nexport default constructNow;\n"],"names":["constructNow","date","constructFrom"],"mappings":";AA8BO,SAASA,EAAaC,GAAM;AACjC,SAAOC,EAAcD,GAAM,KAAK,IAAG,CAAE;AACvC;","x_google_ignoreList":[0]}

package/dist/chunks/{controls-group.82mB_GDw.js → controls-group.D62vSDSk.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, useAttrs as u, useSlots as b, computed as a } from "vue";
 import { d as f, B as _ } from "./typography.hlOAxsEn.js";
 import { u as m } from "./use-has-slot.C9lQZ6nz.js";
-import { F as h } from "./field-label.Auq-Pzho.js";
+import { F as h } from "./field-label.C3h8Q8Xd.js";
 import { n as y } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/controls-group.css";
 const g = {}, C = /* @__PURE__ */ c({
@@ -81,4 +81,4 @@ const F = v.exports;
 export {
   F as C
 };
-//# sourceMappingURL=controls-group.82mB_GDw.js.map
+//# sourceMappingURL=controls-group.D62vSDSk.js.map

package/dist/chunks/{controls-group.82mB_GDw.js.map → controls-group.D62vSDSk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"controls-group.82mB_GDw.js","sources":["../../src/components/internal/controls-group/controls-group.vue"],"sourcesContent":["<template>\n    <fieldset\n        class=\"b-controls-group\"\n        :class=\"conditionalClasses\"\n        :form=\"form\"\n        :disabled=\"disabled\"\n        :aria-describedby=\"ariaAttributes['aria-describedby']\"\n    >\n        <legend class=\"b-controls-group__label-container\" :class=\"legendConditionalClasses\">\n            <field-label\n                v-if=\"label\"\n                class=\"b-controls-group__label\"\n                :label=\"label\"\n                :tooltip-text=\"tooltipText\"\n                :optional=\"optional\"\n                :required=\"required\"\n            />\n            <bento-typography\n                v-if=\"description || hasSlot('description')\"\n                class=\"b-controls-group__description\"\n                el=\"span\"\n            >\n                <slot name=\"description\">\n                    {{ description }}\n                </slot>\n            </bento-typography>\n        </legend>\n        <slot />\n    </fieldset>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useAttrs, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { FieldLabel } from '@/components/internal/field-label';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useHasSlot } from '@/composables';\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const props = defineProps({\n        /**\n         * Descriptive supporting text visbile underneath the label.\n         */\n        description: { type: String, default: null },\n\n        /**\n         * The name of the component to cite when throwing a depreacte error.\n         */\n        componentName: { type: String, required: true },\n\n        /**\n         * Sets all child controls of the <fieldset> as disabled.\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * The value of the id attribute of a <form> element the <fieldset> is to part of, even if it is not inside the form itself.\n         */\n        form: { type: String, default: null },\n\n        /**\n         * Shows/hides the group label.\n         */\n        hideLabel: { type: Boolean, default: null },\n\n        /**\n         * The name associated with the group. Required for accessibility purposes.\n         * The label is shown when `hideLabel` is set to `true` or if `description` is passed\n         */\n        label: { type: String, required: true },\n\n        /**\n         * Indicates the field is optional.\n         */\n        optional: { type: Boolean, default: false },\n\n        /**\n         * Indicates the field is required.\n         */\n        required: { type: Boolean, default: false },\n\n        /**\n         * Tooltip message.\n         */\n        tooltipText: { type: String, default: null },\n    });\n\n    const ariaAttributes = computed(() => ({\n        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        'b-controls-group--disabled': props.disabled,\n    }));\n\n    const legendConditionalClasses = computed(() => {\n        const isLabelAndDescriptionPresent = props.label && (props.description || hasSlot('description'));\n        const shouldShowLabel = isLabelAndDescriptionPresent || props.hideLabel === false;\n\n        return {\n            'b-controls-group__label-container--hidden': !shouldShowLabel,\n        };\n    });\n\n    // eslint-disable-next-line eqeqeq -- Needs to show deprecate message when hideLabel is not set and no description available\n    const hasNoPropsDefined = !(props.description || hasSlot('description')) && props.hideLabel == undefined;\n    if (hasNoPropsDefined) {\n        deprecate(\n            `${props.componentName}: The property \\`label\\` will always be rendered by default.`,\n            `After version 2.0.0, the label will be shown by default.\n            To continue hiding the label set \\`:hide-label=\"true\"\\`.  Up until version 2.0.0, to display the label set \\`hide-label=\"false\"\\`.\n            \\`label\\` will always be rendered when \\`description\\` is passed alongside with \\`label\\``,\n            `2.0.0`\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A controls group components should be used whenever it is necessary to group a set of controls (i.e. radio buttons or checkboxes)\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * NOTE: This component should not be used by itself but more implemented by other exported components\n     * @example\n     * import { ControlsGroup, BentoCheckbox, BentoRadioButton } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { ControlsGroup, BentoRadioButton },\n     *     template: `\n     *             <controls-group\n     *                 label=\"Your group label\"\n     *                 description=\"Description\"\n     *             >\n     *                 <bento-radio-button\n     *                      disabled\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Label text\n     *                 </bento-radio-button>\n     *                 <bento-radio-button\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Another label text\n     *                 </bento-radio-button>\n     *             </controls-group>\n     *     `\n     * };\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./controls-group.scss\" />\n"],"names":["__default__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","ariaAttributes","computed","_a","conditionalClasses","props","legendConditionalClasses","hasNoPropsDefined","deprecate"],"mappings":";;;;;;AAuJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjHAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAkDAI,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,qBAAAC,IAAAR,EAAA,kBAAA,MAAA,gBAAAQ,EAAA;AAAA,MACqB;AAAA,KAAA,GAG5DC,IAAAF,EAAA,OAAA;AAAA,MAA2C,8BAAAG,EAAA;AAAA,IACH,EAAA,GAGxCC,IAAAJ,EAAA,OAII;AAAA,MAAO,6CAAA,EAHPG,EAAA,UAAAA,EAAA,eAAAN,EAAA,aAAA,MACAM,EAAA,cAAA;AAAA,IAGkD,EAClD,GAIJE,IAAA,EAAAF,EAAA,eAAAN,EAAA,aAAA,MAAAM,EAAA,aAAA;AACA,WAAAE,KACIC;AAAA,MAAA,GAAAH,EAAA,aAAA;AAAA,MAC0B;AAAA,MACtB;AAAA,IAGA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"controls-group.D62vSDSk.js","sources":["../../src/components/internal/controls-group/controls-group.vue"],"sourcesContent":["<template>\n    <fieldset\n        class=\"b-controls-group\"\n        :class=\"conditionalClasses\"\n        :form=\"form\"\n        :disabled=\"disabled\"\n        :aria-describedby=\"ariaAttributes['aria-describedby']\"\n    >\n        <legend class=\"b-controls-group__label-container\" :class=\"legendConditionalClasses\">\n            <field-label\n                v-if=\"label\"\n                class=\"b-controls-group__label\"\n                :label=\"label\"\n                :tooltip-text=\"tooltipText\"\n                :optional=\"optional\"\n                :required=\"required\"\n            />\n            <bento-typography\n                v-if=\"description || hasSlot('description')\"\n                class=\"b-controls-group__description\"\n                el=\"span\"\n            >\n                <slot name=\"description\">\n                    {{ description }}\n                </slot>\n            </bento-typography>\n        </legend>\n        <slot />\n    </fieldset>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useAttrs, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { FieldLabel } from '@/components/internal/field-label';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useHasSlot } from '@/composables';\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const props = defineProps({\n        /**\n         * Descriptive supporting text visbile underneath the label.\n         */\n        description: { type: String, default: null },\n\n        /**\n         * The name of the component to cite when throwing a depreacte error.\n         */\n        componentName: { type: String, required: true },\n\n        /**\n         * Sets all child controls of the <fieldset> as disabled.\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * The value of the id attribute of a <form> element the <fieldset> is to part of, even if it is not inside the form itself.\n         */\n        form: { type: String, default: null },\n\n        /**\n         * Shows/hides the group label.\n         */\n        hideLabel: { type: Boolean, default: null },\n\n        /**\n         * The name associated with the group. Required for accessibility purposes.\n         * The label is shown when `hideLabel` is set to `true` or if `description` is passed\n         */\n        label: { type: String, required: true },\n\n        /**\n         * Indicates the field is optional.\n         */\n        optional: { type: Boolean, default: false },\n\n        /**\n         * Indicates the field is required.\n         */\n        required: { type: Boolean, default: false },\n\n        /**\n         * Tooltip message.\n         */\n        tooltipText: { type: String, default: null },\n    });\n\n    const ariaAttributes = computed(() => ({\n        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n    }));\n\n    const conditionalClasses = computed(() => ({\n        'b-controls-group--disabled': props.disabled,\n    }));\n\n    const legendConditionalClasses = computed(() => {\n        const isLabelAndDescriptionPresent = props.label && (props.description || hasSlot('description'));\n        const shouldShowLabel = isLabelAndDescriptionPresent || props.hideLabel === false;\n\n        return {\n            'b-controls-group__label-container--hidden': !shouldShowLabel,\n        };\n    });\n\n    // eslint-disable-next-line eqeqeq -- Needs to show deprecate message when hideLabel is not set and no description available\n    const hasNoPropsDefined = !(props.description || hasSlot('description')) && props.hideLabel == undefined;\n    if (hasNoPropsDefined) {\n        deprecate(\n            `${props.componentName}: The property \\`label\\` will always be rendered by default.`,\n            `After version 2.0.0, the label will be shown by default.\n            To continue hiding the label set \\`:hide-label=\"true\"\\`.  Up until version 2.0.0, to display the label set \\`hide-label=\"false\"\\`.\n            \\`label\\` will always be rendered when \\`description\\` is passed alongside with \\`label\\``,\n            `2.0.0`\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A controls group components should be used whenever it is necessary to group a set of controls (i.e. radio buttons or checkboxes)\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * NOTE: This component should not be used by itself but more implemented by other exported components\n     * @example\n     * import { ControlsGroup, BentoCheckbox, BentoRadioButton } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { ControlsGroup, BentoRadioButton },\n     *     template: `\n     *             <controls-group\n     *                 label=\"Your group label\"\n     *                 description=\"Description\"\n     *             >\n     *                 <bento-radio-button\n     *                      disabled\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Label text\n     *                 </bento-radio-button>\n     *                 <bento-radio-button\n     *                      value=\"inputRadio\"\n     *                 >\n     *                      Another label text\n     *                 </bento-radio-button>\n     *             </controls-group>\n     *     `\n     * };\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./controls-group.scss\" />\n"],"names":["__default__","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","ariaAttributes","computed","_a","conditionalClasses","props","legendConditionalClasses","hasNoPropsDefined","deprecate"],"mappings":";;;;;;AAuJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjHAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAkDAI,IAAAC,EAAA,MAAA;;AAAA;AAAA,QAAuC,qBAAAC,IAAAR,EAAA,kBAAA,MAAA,gBAAAQ,EAAA;AAAA,MACqB;AAAA,KAAA,GAG5DC,IAAAF,EAAA,OAAA;AAAA,MAA2C,8BAAAG,EAAA;AAAA,IACH,EAAA,GAGxCC,IAAAJ,EAAA,OAII;AAAA,MAAO,6CAAA,EAHPG,EAAA,UAAAA,EAAA,eAAAN,EAAA,aAAA,MACAM,EAAA,cAAA;AAAA,IAGkD,EAClD,GAIJE,IAAA,EAAAF,EAAA,eAAAN,EAAA,aAAA,MAAAM,EAAA,aAAA;AACA,WAAAE,KACIC;AAAA,MAAA,GAAAH,EAAA,aAAA;AAAA,MAC0B;AAAA,MACtB;AAAA,IAGA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{copy.WQDLcs_T.js → copy.Hu3DFJwv.js}

@@ -4,7 +4,7 @@ import { d as y } from "./popper-container.agLYtGwv.js";
 import { u as x } from "./index.B6WW_F-J.js";
 /* empty css              */
 import { n as p } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { b } from "./tooltip.D3SDcRef.js";
+import { b } from "./tooltip.Dt87KVh2.js";
 import "../assets/copy.css";
 var n = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.COPYING = "copying", r.ERROR = "error", r))(n || {});
 let l = 0;
@@ -93,4 +93,4 @@ export {
   L as C,
   n as a
 };
-//# sourceMappingURL=copy.WQDLcs_T.js.map
+//# sourceMappingURL=copy.Hu3DFJwv.js.map

package/dist/chunks/{copy.WQDLcs_T.js.map → copy.Hu3DFJwv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"copy.WQDLcs_T.js","sources":["../../src/components/internal/copy/copy.types.ts","../../../ui-assets/icons-16/dist/vue/copy.vue","../../src/components/internal/copy/copy.vue"],"sourcesContent":["import { type PopperContainerPosition } from '@/components/popper-container';\nimport type { BentoButton } from '@/components/button';\n\nexport enum CopyTooltipState {\n    DEFAULT = 'default',\n    COPYING = 'copying',\n    ERROR = 'error',\n}\n\ntype ButtonProps = InstanceType<typeof BentoButton>['$props'];\nexport interface BentoCopyButtonProps {\n    variant?: ButtonProps['variant'];\n    condensed?: ButtonProps['condensed'];\n    disabled?: ButtonProps['disabled'];\n}\n\nexport interface BentoCopyProps {\n    /**\n     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n     */\n    button?: BentoCopyButtonProps;\n    /**\n     * Sets the button text of the copy button.\n     */\n    buttonText?: string;\n    /**\n     * Defines the string that will get copied to the clipboard\n     */\n    text: string;\n    /**\n     * Position the tooltip should take if space is available. Defaults to 'top'\n     */\n    tooltipPosition?: PopperContainerPosition;\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><path fill=\"#001222\" d=\"M8 1.25C9.51878 1.25 10.75 2.48122 10.75 4V5.25H12C13.5188 5.25 14.75 6.48122 14.75 8V12C14.75 13.5188 13.5188 14.75 12 14.75H8C6.48122 14.75 5.25 13.5188 5.25 12V10.75H4C2.48122 10.75 1.25 9.51878 1.25 8V4C1.25 2.48122 2.48122 1.25 4 1.25H8ZM8 6.75C7.30964 6.75 6.75 7.30964 6.75 8V12C6.75 12.6904 7.30964 13.25 8 13.25H12C12.6904 13.25 13.25 12.6904 13.25 12V8C13.25 7.30964 12.6904 6.75 12 6.75H8ZM4 2.75C3.30964 2.75 2.75 3.30964 2.75 4V8C2.75 8.69036 3.30964 9.25 4 9.25H5.25V8C5.25 6.48122 6.48122 5.25 8 5.25H9.25V4C9.25 3.30964 8.69036 2.75 8 2.75H4Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-copy\" @mouseleave=\"resetText\" @focusout=\"resetText\">\n        <span v-if=\"$slots.default\" v-bento-tooltip-directive:[tooltipPosition]=\"copyText\" @click=\"onClickCopy\">\n            <slot />\n        </span>\n        <bento-button\n            v-else\n            v-bento-tooltip-directive:[tooltipPosition]=\"copyText\"\n            v-bind=\"button\"\n            @click=\"onClickCopy\"\n        >\n            <template #iconLeft>\n                <copy-icon :svg-title=\"svgTitle\" />\n            </template>\n            <template v-if=\"buttonText\" #default>\n                {{ buttonText }}\n            </template>\n        </bento-button>\n        <div v-if=\"showScreenReaderAlert\" role=\"alert\" class=\"b-copy__screen-reader-alert\">{{ t('copied') }}</div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { type BentoCopyButtonProps, type BentoCopyProps, CopyTooltipState } from './copy.types';\n    import CopyIcon from '@adyen/ui-assets-icons-16/vue/copy';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const emit = defineEmits([\"click\"]);\n\n    const props = defineProps({\n  button: { default: () => ({ variant: 'tertiary' }) as BentoCopyButtonProps },\n  buttonText: { default: undefined },\n  text: null,\n  tooltipPosition: { default: PopperContainerPosition.TOP }\n});\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const copyState = ref<CopyTooltipState>(CopyTooltipState.DEFAULT);\n\n    const showScreenReaderAlert = ref(false);\n    const onClickCopy = async (event: MouseEvent) => {\n        try {\n            await navigator.clipboard.writeText(props.text);\n            copyState.value = CopyTooltipState.COPYING;\n            showScreenReaderAlert.value = true;\n        } catch {\n            copyState.value = CopyTooltipState.ERROR;\n        }\n\n        emit('click', event);\n    };\n\n    const resetText = () => {\n        copyState.value = CopyTooltipState.DEFAULT;\n        showScreenReaderAlert.value = false;\n    };\n\n    const copyText = computed(() => {\n        switch (copyState.value) {\n            case CopyTooltipState.COPYING:\n                return t('copied');\n            case CopyTooltipState.ERROR:\n                return t('copyFailed');\n            default:\n                return t('copy');\n        }\n    });\n\n    const svgTitle = computed(() => (props.buttonText ? undefined : t('copy')));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button component that copies text to the user's clipboard.\n     *\n     * @example\n     * import { Copy } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { Copy },\n     *     template: `\n     *          <copy :text=\"textToCopy\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'copy',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./copy.scss\" />\n"],"names":["CopyTooltipState","CopyTooltipState2","uuid","_sfc_main$1","__default__","messages","t","useI18n","copyState","ref","showScreenReaderAlert","onClickCopy","event","props","emit","resetText","copyText","computed","svgTitle"],"mappings":";;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;ACIZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GC8EIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;iBApDA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAAT,EAAA,OAAA,GAEAU,IAAAD,EAAA,EAAA,GACAE,IAAA,OAAAC,MAAA;AACI,UAAA;AACI,cAAA,UAAA,UAAA,UAAAC,EAAA,IAAA,GACAL,EAAA,QAAAR,EAAA,SACAU,EAAA,QAAA;AAAA,MAA8B,QAAA;AAE9B,QAAAF,EAAA,QAAAR,EAAA;AAAA,MAAmC;AAGvC,MAAAc,EAAA,SAAAF,CAAA;AAAA,IAAmB,GAGvBG,IAAA,MAAA;AACI,MAAAP,EAAA,QAAAR,EAAA,SACAU,EAAA,QAAA;AAAA,IAA8B,GAGlCM,IAAAC,EAAA,MAAA;AACI,cAAAT,EAAA,OAAA;AAAA,QAAyB,KAAAR,EAAA;AAEjB,iBAAAM,EAAA,QAAA;AAAA,QAAiB,KAAAN,EAAA;AAEjB,iBAAAM,EAAA,YAAA;AAAA,QAAqB;AAErB,iBAAAA,EAAA,MAAA;AAAA,MAAe;AAAA,IACvB,CAAA,GAGJY,IAAAD,EAAA,MAAAJ,EAAA,aAAA,SAAAP,EAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"copy.Hu3DFJwv.js","sources":["../../src/components/internal/copy/copy.types.ts","../../../ui-assets/icons-16/dist/vue/copy.vue","../../src/components/internal/copy/copy.vue"],"sourcesContent":["import { type PopperContainerPosition } from '@/components/popper-container';\nimport type { BentoButton } from '@/components/button';\n\nexport enum CopyTooltipState {\n    DEFAULT = 'default',\n    COPYING = 'copying',\n    ERROR = 'error',\n}\n\ntype ButtonProps = InstanceType<typeof BentoButton>['$props'];\nexport interface BentoCopyButtonProps {\n    variant?: ButtonProps['variant'];\n    condensed?: ButtonProps['condensed'];\n    disabled?: ButtonProps['disabled'];\n}\n\nexport interface BentoCopyProps {\n    /**\n     * Object containing props to change the menu button appearance. Accepts the same props present in BentoButton.\n     */\n    button?: BentoCopyButtonProps;\n    /**\n     * Sets the button text of the copy button.\n     */\n    buttonText?: string;\n    /**\n     * Defines the string that will get copied to the clipboard\n     */\n    text: string;\n    /**\n     * Position the tooltip should take if space is available. Defaults to 'top'\n     */\n    tooltipPosition?: PopperContainerPosition;\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><path fill=\"#001222\" d=\"M8 1.25C9.51878 1.25 10.75 2.48122 10.75 4V5.25H12C13.5188 5.25 14.75 6.48122 14.75 8V12C14.75 13.5188 13.5188 14.75 12 14.75H8C6.48122 14.75 5.25 13.5188 5.25 12V10.75H4C2.48122 10.75 1.25 9.51878 1.25 8V4C1.25 2.48122 2.48122 1.25 4 1.25H8ZM8 6.75C7.30964 6.75 6.75 7.30964 6.75 8V12C6.75 12.6904 7.30964 13.25 8 13.25H12C12.6904 13.25 13.25 12.6904 13.25 12V8C13.25 7.30964 12.6904 6.75 12 6.75H8ZM4 2.75C3.30964 2.75 2.75 3.30964 2.75 4V8C2.75 8.69036 3.30964 9.25 4 9.25H5.25V8C5.25 6.48122 6.48122 5.25 8 5.25H9.25V4C9.25 3.30964 8.69036 2.75 8 2.75H4Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-copy\" @mouseleave=\"resetText\" @focusout=\"resetText\">\n        <span v-if=\"$slots.default\" v-bento-tooltip-directive:[tooltipPosition]=\"copyText\" @click=\"onClickCopy\">\n            <slot />\n        </span>\n        <bento-button\n            v-else\n            v-bento-tooltip-directive:[tooltipPosition]=\"copyText\"\n            v-bind=\"button\"\n            @click=\"onClickCopy\"\n        >\n            <template #iconLeft>\n                <copy-icon :svg-title=\"svgTitle\" />\n            </template>\n            <template v-if=\"buttonText\" #default>\n                {{ buttonText }}\n            </template>\n        </bento-button>\n        <div v-if=\"showScreenReaderAlert\" role=\"alert\" class=\"b-copy__screen-reader-alert\">{{ t('copied') }}</div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { type BentoCopyButtonProps, type BentoCopyProps, CopyTooltipState } from './copy.types';\n    import CopyIcon from '@adyen/ui-assets-icons-16/vue/copy';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const emit = defineEmits([\"click\"]);\n\n    const props = defineProps({\n  button: { default: () => ({ variant: 'tertiary' }) as BentoCopyButtonProps },\n  buttonText: { default: undefined },\n  text: null,\n  tooltipPosition: { default: PopperContainerPosition.TOP }\n});\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const copyState = ref<CopyTooltipState>(CopyTooltipState.DEFAULT);\n\n    const showScreenReaderAlert = ref(false);\n    const onClickCopy = async (event: MouseEvent) => {\n        try {\n            await navigator.clipboard.writeText(props.text);\n            copyState.value = CopyTooltipState.COPYING;\n            showScreenReaderAlert.value = true;\n        } catch {\n            copyState.value = CopyTooltipState.ERROR;\n        }\n\n        emit('click', event);\n    };\n\n    const resetText = () => {\n        copyState.value = CopyTooltipState.DEFAULT;\n        showScreenReaderAlert.value = false;\n    };\n\n    const copyText = computed(() => {\n        switch (copyState.value) {\n            case CopyTooltipState.COPYING:\n                return t('copied');\n            case CopyTooltipState.ERROR:\n                return t('copyFailed');\n            default:\n                return t('copy');\n        }\n    });\n\n    const svgTitle = computed(() => (props.buttonText ? undefined : t('copy')));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button component that copies text to the user's clipboard.\n     *\n     * @example\n     * import { Copy } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { Copy },\n     *     template: `\n     *          <copy :text=\"textToCopy\" />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'copy',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./copy.scss\" />\n"],"names":["CopyTooltipState","CopyTooltipState2","uuid","_sfc_main$1","__default__","messages","t","useI18n","copyState","ref","showScreenReaderAlert","onClickCopy","event","props","emit","resetText","copyText","computed","svgTitle"],"mappings":";;;;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,QAAA,SAHQA,IAAAD,KAAA,CAAA,CAAA;ACIZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;GC8EIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;iBApDA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAAT,EAAA,OAAA,GAEAU,IAAAD,EAAA,EAAA,GACAE,IAAA,OAAAC,MAAA;AACI,UAAA;AACI,cAAA,UAAA,UAAA,UAAAC,EAAA,IAAA,GACAL,EAAA,QAAAR,EAAA,SACAU,EAAA,QAAA;AAAA,MAA8B,QAAA;AAE9B,QAAAF,EAAA,QAAAR,EAAA;AAAA,MAAmC;AAGvC,MAAAc,EAAA,SAAAF,CAAA;AAAA,IAAmB,GAGvBG,IAAA,MAAA;AACI,MAAAP,EAAA,QAAAR,EAAA,SACAU,EAAA,QAAA;AAAA,IAA8B,GAGlCM,IAAAC,EAAA,MAAA;AACI,cAAAT,EAAA,OAAA;AAAA,QAAyB,KAAAR,EAAA;AAEjB,iBAAAM,EAAA,QAAA;AAAA,QAAiB,KAAAN,EAAA;AAEjB,iBAAAM,EAAA,YAAA;AAAA,QAAqB;AAErB,iBAAAA,EAAA,MAAA;AAAA,MAAe;AAAA,IACvB,CAAA,GAGJY,IAAAD,EAAA,MAAAJ,EAAA,aAAA,SAAAP,EAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{country.CGn5WjFx.js → country.B3z3-QRY.js}

@@ -2,7 +2,7 @@ import { defineComponent as _, toRefs as p, ref as y, watch as d, inject as f }
 import { d as v, B as C } from "./typography.hlOAxsEn.js";
 import { B as o, a as b, u as h } from "./country.types.C0Q_hhgJ.js";
 import { u as L } from "./index.B6WW_F-J.js";
-import { S as N } from "./summary-grid.keys.CxTf_FOc.js";
+import { S as N } from "./summary-grid.keys.Xx-W5a2w.js";
 import { u as B, a as O } from "./use-country-phon-code.Bui3zD6W.js";
 import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/country.css";
@@ -66,4 +66,4 @@ const Y = M.exports;
 export {
   Y as c
 };
-//# sourceMappingURL=country.CGn5WjFx.js.map
+//# sourceMappingURL=country.B3z3-QRY.js.map

package/dist/chunks/{country.CGn5WjFx.js.map → country.B3z3-QRY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"country.CGn5WjFx.js","sources":["../../src/components/country/country.vue"],"sourcesContent":["<template>\n    <div class=\"b-country\">\n        <div class=\"b-country__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ countryLabel }}</span>\n            <bento-typography v-else el=\"span\">{{ countryLabel }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, ref, toRefs, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useCountryCapital, useCountryName, useCountryPhoneCode } from './composables';\n    import { BentoCountryCode, type BentoCountryProps, BentoCountryVariant } from './country.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = defineProps({\n  code: { default: BentoCountryCode.UNKNOWN },\n  label: { default: undefined },\n  variant: { default: BentoCountryVariant.NAME }\n});\n\n    const { code, variant, label: customLabel } = toRefs(props);\n    const { locale } = useI18n(undefined, true);\n    const countryName = useCountryName(code, locale);\n    const countryLabel = ref('');\n\n    const getLabel = () => {\n        switch (variant.value) {\n            case BentoCountryVariant.ISO:\n                return code.value;\n            case BentoCountryVariant.PHONE_CODE:\n                return `${code.value} (${useCountryPhoneCode(code).value})`;\n            case BentoCountryVariant.CAPITAL:\n                // TODO: do we need an API OR get a longer translations list???\n                // Need to be able TRANSLATE as well as map...\n                return `${useCountryCapital(code, locale).value} (${countryName.value})`;\n            case BentoCountryVariant.CUSTOM:\n                return customLabel.value;\n            case BentoCountryVariant.NAME:\n            default:\n                return countryName.value;\n        }\n    };\n\n    // Update label if variant prop changes\n    watch(\n        [variant, locale, code],\n        () => {\n            countryLabel.value = getLabel();\n        },\n        { immediate: true }\n    );\n\n    if (variant.value === 'custom' || props.label) {\n        deprecate(\n            'BentoCountry \"custom\" variant and \"label\" prop',\n            'Use any of the other BentoCountry variants instead OR BentoTypography component for custom text',\n            '2.0.0'\n        );\n    }\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A component to display a country's label.\n     * The label comes in four variates: iso code, country name, phone number code or capital city.\n     *\n     * @usage\n     * import { BentoCountry, BentoCountryCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCountry },\n     *     template: `\n     *          <bento-country :code=\"BentoCountryCode.NL\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-country',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./country.scss\" />\n"],"names":["__default__","code","variant","customLabel","toRefs","props","locale","useI18n","countryName","useCountryName","countryLabel","ref","getLabel","BentoCountryVariant","useCountryPhoneCode","useCountryCapital","watch","deprecate","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout"],"mappings":";;;;;;;;AA2FI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;iBApEA,EAAA,MAAAC,GAAA,SAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GACA,EAAA,QAAAC,EAAA,IAAAC,EAAA,QAAA,EAAA,GACAC,IAAAC,EAAAR,GAAAK,CAAA,GACAI,IAAAC,EAAA,EAAA,GAEAC,IAAA,MAAA;AACI,cAAAV,EAAA,OAAA;AAAA,QAAuB,KAAAW,EAAA;AAEf,iBAAAZ,EAAA;AAAA,QAAY,KAAAY,EAAA;AAEZ,iBAAA,GAAAZ,EAAA,KAAA,KAAAa,EAAAb,CAAA,EAAA,KAAA;AAAA,QAAwD,KAAAY,EAAA;AAIxD,iBAAA,GAAAE,EAAAd,GAAAK,CAAA,EAAA,KAAA,KAAAE,EAAA,KAAA;AAAA,QAAqE,KAAAK,EAAA;AAErE,iBAAAV,EAAA;AAAA,QAAmB,KAAAU,EAAA;AAAA,QACE;AAErB,iBAAAL,EAAA;AAAA,MAAmB;AAAA,IAC3B;AAIJ,IAAAQ;AAAA,MAAA,CAAAd,GAAAI,GAAAL,CAAA;AAAA,MAC0B,MAAA;AAElB,QAAAS,EAAA,QAAAE,EAAA;AAAA,MAA8B;AAAA,MAClC,EAAA,WAAA,GAAA;AAAA,IACkB,IAGtBV,EAAA,UAAA,YAAAG,EAAA,UACIY;AAAA,MAAA;AAAA,MACI;AAAA,MACA;AAAA,IACA;AAKR,UAAAC,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"country.B3z3-QRY.js","sources":["../../src/components/country/country.vue"],"sourcesContent":["<template>\n    <div class=\"b-country\">\n        <div class=\"b-country__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ countryLabel }}</span>\n            <bento-typography v-else el=\"span\">{{ countryLabel }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { inject, ref, toRefs, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { useCountryCapital, useCountryName, useCountryPhoneCode } from './composables';\n    import { BentoCountryCode, type BentoCountryProps, BentoCountryVariant } from './country.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = defineProps({\n  code: { default: BentoCountryCode.UNKNOWN },\n  label: { default: undefined },\n  variant: { default: BentoCountryVariant.NAME }\n});\n\n    const { code, variant, label: customLabel } = toRefs(props);\n    const { locale } = useI18n(undefined, true);\n    const countryName = useCountryName(code, locale);\n    const countryLabel = ref('');\n\n    const getLabel = () => {\n        switch (variant.value) {\n            case BentoCountryVariant.ISO:\n                return code.value;\n            case BentoCountryVariant.PHONE_CODE:\n                return `${code.value} (${useCountryPhoneCode(code).value})`;\n            case BentoCountryVariant.CAPITAL:\n                // TODO: do we need an API OR get a longer translations list???\n                // Need to be able TRANSLATE as well as map...\n                return `${useCountryCapital(code, locale).value} (${countryName.value})`;\n            case BentoCountryVariant.CUSTOM:\n                return customLabel.value;\n            case BentoCountryVariant.NAME:\n            default:\n                return countryName.value;\n        }\n    };\n\n    // Update label if variant prop changes\n    watch(\n        [variant, locale, code],\n        () => {\n            countryLabel.value = getLabel();\n        },\n        { immediate: true }\n    );\n\n    if (variant.value === 'custom' || props.label) {\n        deprecate(\n            'BentoCountry \"custom\" variant and \"label\" prop',\n            'Use any of the other BentoCountry variants instead OR BentoTypography component for custom text',\n            '2.0.0'\n        );\n    }\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A component to display a country's label.\n     * The label comes in four variates: iso code, country name, phone number code or capital city.\n     *\n     * @usage\n     * import { BentoCountry, BentoCountryCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCountry },\n     *     template: `\n     *          <bento-country :code=\"BentoCountryCode.NL\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-country',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./country.scss\" />\n"],"names":["__default__","code","variant","customLabel","toRefs","props","locale","useI18n","countryName","useCountryName","countryLabel","ref","getLabel","BentoCountryVariant","useCountryPhoneCode","useCountryCapital","watch","deprecate","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout"],"mappings":";;;;;;;;AA2FI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;iBApEA,EAAA,MAAAC,GAAA,SAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GACA,EAAA,QAAAC,EAAA,IAAAC,EAAA,QAAA,EAAA,GACAC,IAAAC,EAAAR,GAAAK,CAAA,GACAI,IAAAC,EAAA,EAAA,GAEAC,IAAA,MAAA;AACI,cAAAV,EAAA,OAAA;AAAA,QAAuB,KAAAW,EAAA;AAEf,iBAAAZ,EAAA;AAAA,QAAY,KAAAY,EAAA;AAEZ,iBAAA,GAAAZ,EAAA,KAAA,KAAAa,EAAAb,CAAA,EAAA,KAAA;AAAA,QAAwD,KAAAY,EAAA;AAIxD,iBAAA,GAAAE,EAAAd,GAAAK,CAAA,EAAA,KAAA,KAAAE,EAAA,KAAA;AAAA,QAAqE,KAAAK,EAAA;AAErE,iBAAAV,EAAA;AAAA,QAAmB,KAAAU,EAAA;AAAA,QACE;AAErB,iBAAAL,EAAA;AAAA,MAAmB;AAAA,IAC3B;AAIJ,IAAAQ;AAAA,MAAA,CAAAd,GAAAI,GAAAL,CAAA;AAAA,MAC0B,MAAA;AAElB,QAAAS,EAAA,QAAAE,EAAA;AAAA,MAA8B;AAAA,MAClC,EAAA,WAAA,GAAA;AAAA,IACkB,IAGtBV,EAAA,UAAA,YAAAG,EAAA,UACIY;AAAA,MAAA;AAAA,MACI;AAAA,MACA;AAAA,IACA;AAKR,UAAAC,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dashboard-section.D1l7wDX3.js → dashboard-section.BvGMr9Vl.js}

@@ -1,11 +1,11 @@
 import { defineComponent as v, useSlots as C, ref as _, computed as n, watch as m, onUnmounted as $, onMounted as I } from "vue";
-import { B as y } from "./header.DoWKsA15.js";
-import { B as R, a as x } from "./tab.CTui3j3e.js";
+import { B as y } from "./header.CLDtv3Ir.js";
+import { B as R, a as x } from "./tab.DXE68qVf.js";
 import { c as H } from "./index.BDK4hwK_.js";
 import { o as P } from "./resize.Bqks3WUm.js";
 import { u as T } from "./use-has-slot.C9lQZ6nz.js";
 import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as W } from "./divider.CFbtmKeQ.js";
+import { B as W } from "./divider.DX5gwN7p.js";
 import "../assets/dashboard-section.css";
 const O = {}, z = /* @__PURE__ */ v({
   ...O,
@@ -99,4 +99,4 @@ export {
   tt as a,
   Z as d
 };
-//# sourceMappingURL=dashboard-section.D1l7wDX3.js.map
+//# sourceMappingURL=dashboard-section.BvGMr9Vl.js.map

package/dist/chunks/{dashboard-section.D1l7wDX3.js.map → dashboard-section.BvGMr9Vl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashboard-section.D1l7wDX3.js","sources":["../../src/templates/dashboard-template/dashboard-template.vue","../../src/templates/dashboard-template/components/dashboard-section/dashboard-section.vue"],"sourcesContent":["<template>\n    <main class=\"b-dashboard-template\">\n        <bento-header v-bind=\"header\" variant=\"page\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div class=\"b-dashboard-template__top-section\" :class=\"dashboardTopSectionConditionalClasses\">\n            <div\n                v-if=\"hasSlot('filters')\"\n                ref=\"filtersRef\"\n                class=\"b-dashboard-template__filters\"\n                :class=\"dashboardFiltersConditionalClasses\"\n                data-testid=\"filters\"\n            >\n                <slot name=\"filters\" />\n            </div>\n\n            <bento-tabs\n                v-if=\"tabsSlots.length > 1\"\n                ref=\"tabsRef\"\n                :active-tab-index=\"tabs.activeTabIndex\"\n                :sticky=\"stickyTabs\"\n                :sticky-options=\"computedTabsOptions\"\n                data-testid=\"tabs\"\n            >\n                <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                    <div class=\"b-dashboard-template__container b-dashboard-template__container--tabs\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </div>\n                </bento-tab>\n            </bento-tabs>\n            <div v-else class=\"b-dashboard-template__container\">\n                <slot />\n            </div>\n        </div>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, useSlots, watch } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useWindowScroll } from '@vueuse/core';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader, BentoDashboardTemplateTabs } from './dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  tabs: { default: undefined },\n  stickyTabs: { type: Boolean, default: false },\n  stickyFilters: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const tabsRef = ref<InstanceType<typeof BentoTabs>>();\n    const filtersRef = ref<HTMLDivElement>(null);\n    const isFiltersPinned = ref(false);\n    let filtersElementObserver: ResizeObserver | null = null;\n    const tabsPosition = ref(0);\n\n    const hasStickyFilters = computed(() => filtersRef.value && props.stickyFilters);\n    const hasStickyTabs = computed(() => tabsRef.value && props.stickyTabs);\n\n    const dashboardFiltersConditionalClasses = computed(() => ({\n        'b-dashboard-template__filters--sticky': props.stickyFilters,\n        'b-dashboard-template__filters--show-border':\n            hasStickyFilters.value && !hasStickyTabs.value && isFiltersPinned.value,\n    }));\n\n    const dashboardTopSectionConditionalClasses = computed(() => ({\n        'b-dashboard-template__top-section--sticky': props.stickyTabs || props.stickyFilters,\n    }));\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const computedTabsOptions = computed(() => (tabsPosition.value ? { top: tabsPosition.value } : undefined));\n\n    const { y } = useWindowScroll();\n\n    watch(\n        () => filtersRef.value,\n        () => {\n            if (!filtersElementObserver && filtersRef.value) {\n                filtersElementObserver = observeSizeOfElement(filtersRef.value, () => {\n                    if (filtersRef.value && hasStickyTabs.value) {\n                        const filtersHeight = filtersRef.value.offsetHeight;\n                        tabsPosition.value = hasStickyFilters.value ? filtersHeight : 0;\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        () => y.value,\n        () => {\n            if (hasStickyFilters.value) {\n                isFiltersPinned.value = filtersRef.value?.getBoundingClientRect().top === 0;\n            }\n        }\n    );\n\n    onUnmounted(() => {\n        filtersElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.\n     *\n     * @example\n     * import { BentoDashboardTemplate, BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardTemplate, BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-template :header=\"{ title: 'Dashboard'}\" :tabs=\"tabs: [{ title: 'Tab 1' }, { title: 'Tab 2' }]\" sticky-tabs sticky-filters>\n     *              <template #tab-1>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      <template #controls>\n     *                          // Add your controls here\n     *                      </template>\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *              <template #tab-2>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *          </bento-dashboard-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-template.scss\" />\n","<template>\n    <div class=\"b-dashboard-section\" :class=\"conditionalClasses\">\n        <bento-header v-bind=\"header\" variant=\"component\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div v-if=\"hasSlot('controls')\" class=\"b-dashboard-section__controls\">\n            <slot name=\"controls\"></slot>\n        </div>\n        <div v-if=\"!hasSlot('content-col-1') && !hasSlot('content-col-2')\" class=\"b-dashboard-section__content\">\n            <slot name=\"default\"></slot>\n        </div>\n        <div v-else class=\"b-dashboard-section__columns\">\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-1\"></slot></div>\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-2\"></slot></div>\n        </div>\n        <bento-divider class=\"b-dashboard-section__divider\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoDivider } from '@/components/divider';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader } from '../../dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  halfWidth: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const conditionalClasses = computed(() => ({\n        'b-dashboard-section--half-width': props.halfWidth,\n    }));\n\n    onMounted(() => {\n        if ((hasSlot('content-col-1') || hasSlot('content-col-2')) && props.halfWidth) {\n            throw new Error('`content-col-1` and `content-col-2` cannot be used with half-width prop');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard section is subcomponent of Dashboard template meant to be used to create the different sections within the page.\n     *\n     * @example\n     * import { BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-section :header=\"{ title: 'Section' }\" half-width>\n     *              <template #controls>\n     *                  // Add your controls here\n     *              </template>\n     *              // You can render content with two cols\n     *              <template #content-col-1>\n     *                  // Add your content here\n     *              </template>\n     *              <template #content-col-2>\n     *                  // Add your content here\n     *              </template>\n     *              // Or you can render full width content by using default slot\n     *              // Add your content here\n     *          </bento-dashboard-section>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-section.scss\" />\n"],"names":["__default__$1","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","filtersRef","isFiltersPinned","filtersElementObserver","tabsPosition","hasStickyFilters","computed","props","hasStickyTabs","dashboardFiltersConditionalClasses","dashboardTopSectionConditionalClasses","tabsSlots","el","getTabTitle","index","_b","_a","computedTabsOptions","y","useWindowScroll","watch","observeSizeOfElement","filtersHeight","onUnmounted","__default__","conditionalClasses","onMounted"],"mappings":";;;;;;;;;AA6II,MAAAA,IAAA,CAAA;;;;;;;;;;iBAtFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,EAAA;AACA,QAAAG,IAAA;AACA,UAAAC,IAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,MAAAL,EAAA,SAAAM,EAAA,aAAA,GACAC,IAAAF,EAAA,MAAAP,EAAA,SAAAQ,EAAA,UAAA,GAEAE,IAAAH,EAAA,OAAA;AAAA,MAA2D,yCAAAC,EAAA;AAAA,MACR,8CAAAF,EAAA,SAAA,CAAAG,EAAA,SAAAN,EAAA;AAAA,IAEuB,EAAA,GAG1EQ,IAAAJ,EAAA,OAAA;AAAA,MAA8D,6CAAAC,EAAA,cAAAA,EAAA;AAAA,IACa,EAAA,GAG3EI,IAAAL,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAA,CAAAC,MAAA;;AAAA,eAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAS,EAAAF,OAAA,gBAAAC,EAAA,UAAA,OAAAD,IAAA,CAAA;AAAA,OAEAG,IAAAX,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAc,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAkB,EAAApB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAc,IAAArB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAiB,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;;AAEJ,QAAAb,EAAA,UACIH,EAAA,UAAAc,IAAAf,EAAA,UAAA,gBAAAe,EAAA,wBAAA,SAAA;AAAA,MACJ;AAAA,IACJ,GAGJO,EAAA,MAAA;AACI,MAAApB,KAAA,QAAAA,EAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCqB,IAAA,CAAA;;;;;;;;iBAzCA7B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA8B,IAAAnB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAmB,EAAA,MAAA;AACI,WAAA7B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dashboard-section.BvGMr9Vl.js","sources":["../../src/templates/dashboard-template/dashboard-template.vue","../../src/templates/dashboard-template/components/dashboard-section/dashboard-section.vue"],"sourcesContent":["<template>\n    <main class=\"b-dashboard-template\">\n        <bento-header v-bind=\"header\" variant=\"page\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div class=\"b-dashboard-template__top-section\" :class=\"dashboardTopSectionConditionalClasses\">\n            <div\n                v-if=\"hasSlot('filters')\"\n                ref=\"filtersRef\"\n                class=\"b-dashboard-template__filters\"\n                :class=\"dashboardFiltersConditionalClasses\"\n                data-testid=\"filters\"\n            >\n                <slot name=\"filters\" />\n            </div>\n\n            <bento-tabs\n                v-if=\"tabsSlots.length > 1\"\n                ref=\"tabsRef\"\n                :active-tab-index=\"tabs.activeTabIndex\"\n                :sticky=\"stickyTabs\"\n                :sticky-options=\"computedTabsOptions\"\n                data-testid=\"tabs\"\n            >\n                <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                    <div class=\"b-dashboard-template__container b-dashboard-template__container--tabs\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </div>\n                </bento-tab>\n            </bento-tabs>\n            <div v-else class=\"b-dashboard-template__container\">\n                <slot />\n            </div>\n        </div>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onUnmounted, ref, useSlots, watch } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useWindowScroll } from '@vueuse/core';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader, BentoDashboardTemplateTabs } from './dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  tabs: { default: undefined },\n  stickyTabs: { type: Boolean, default: false },\n  stickyFilters: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const tabsRef = ref<InstanceType<typeof BentoTabs>>();\n    const filtersRef = ref<HTMLDivElement>(null);\n    const isFiltersPinned = ref(false);\n    let filtersElementObserver: ResizeObserver | null = null;\n    const tabsPosition = ref(0);\n\n    const hasStickyFilters = computed(() => filtersRef.value && props.stickyFilters);\n    const hasStickyTabs = computed(() => tabsRef.value && props.stickyTabs);\n\n    const dashboardFiltersConditionalClasses = computed(() => ({\n        'b-dashboard-template__filters--sticky': props.stickyFilters,\n        'b-dashboard-template__filters--show-border':\n            hasStickyFilters.value && !hasStickyTabs.value && isFiltersPinned.value,\n    }));\n\n    const dashboardTopSectionConditionalClasses = computed(() => ({\n        'b-dashboard-template__top-section--sticky': props.stickyTabs || props.stickyFilters,\n    }));\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const computedTabsOptions = computed(() => (tabsPosition.value ? { top: tabsPosition.value } : undefined));\n\n    const { y } = useWindowScroll();\n\n    watch(\n        () => filtersRef.value,\n        () => {\n            if (!filtersElementObserver && filtersRef.value) {\n                filtersElementObserver = observeSizeOfElement(filtersRef.value, () => {\n                    if (filtersRef.value && hasStickyTabs.value) {\n                        const filtersHeight = filtersRef.value.offsetHeight;\n                        tabsPosition.value = hasStickyFilters.value ? filtersHeight : 0;\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        () => y.value,\n        () => {\n            if (hasStickyFilters.value) {\n                isFiltersPinned.value = filtersRef.value?.getBoundingClientRect().top === 0;\n            }\n        }\n    );\n\n    onUnmounted(() => {\n        filtersElementObserver?.disconnect();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard template is a full page template used to visualize data on pages such as data dashboards and reports.\n     *\n     * @example\n     * import { BentoDashboardTemplate, BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardTemplate, BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-template :header=\"{ title: 'Dashboard'}\" :tabs=\"tabs: [{ title: 'Tab 1' }, { title: 'Tab 2' }]\" sticky-tabs sticky-filters>\n     *              <template #tab-1>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      <template #controls>\n     *                          // Add your controls here\n     *                      </template>\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *              <template #tab-2>\n     *                  <bento-dashboard-section :header=\"{ title: 'Section'}\">\n     *                      // Add your content here\n     *                  </bento-dashboard-section>\n     *              </template>\n     *          </bento-dashboard-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-template.scss\" />\n","<template>\n    <div class=\"b-dashboard-section\" :class=\"conditionalClasses\">\n        <bento-header v-bind=\"header\" variant=\"component\" class=\"b-dashboard-template__header\">\n            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                <slot name=\"infoIconTooltipContent\" />\n            </template>\n        </bento-header>\n        <div v-if=\"hasSlot('controls')\" class=\"b-dashboard-section__controls\">\n            <slot name=\"controls\"></slot>\n        </div>\n        <div v-if=\"!hasSlot('content-col-1') && !hasSlot('content-col-2')\" class=\"b-dashboard-section__content\">\n            <slot name=\"default\"></slot>\n        </div>\n        <div v-else class=\"b-dashboard-section__columns\">\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-1\"></slot></div>\n            <div class=\"b-dashboard-section__content\"><slot name=\"content-col-2\"></slot></div>\n        </div>\n        <bento-divider class=\"b-dashboard-section__divider\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { BentoHeader } from '@/components/header';\n    import { BentoDivider } from '@/components/divider';\n    import { useHasSlot } from '@/composables';\n    import type { BentoDashboardTemplateHeader } from '../../dashboard-template.types';\n\n    const props = defineProps({\n  header: null,\n  halfWidth: { type: Boolean, default: false }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const conditionalClasses = computed(() => ({\n        'b-dashboard-section--half-width': props.halfWidth,\n    }));\n\n    onMounted(() => {\n        if ((hasSlot('content-col-1') || hasSlot('content-col-2')) && props.halfWidth) {\n            throw new Error('`content-col-1` and `content-col-2` cannot be used with half-width prop');\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Dashboard section is subcomponent of Dashboard template meant to be used to create the different sections within the page.\n     *\n     * @example\n     * import { BentoDashboardSection } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashboardSection },\n     *     template: `\n     *          <bento-dashboard-section :header=\"{ title: 'Section' }\" half-width>\n     *              <template #controls>\n     *                  // Add your controls here\n     *              </template>\n     *              // You can render content with two cols\n     *              <template #content-col-1>\n     *                  // Add your content here\n     *              </template>\n     *              <template #content-col-2>\n     *                  // Add your content here\n     *              </template>\n     *              // Or you can render full width content by using default slot\n     *              // Add your content here\n     *          </bento-dashboard-section>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashboard-section.scss\" />\n"],"names":["__default__$1","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","filtersRef","isFiltersPinned","filtersElementObserver","tabsPosition","hasStickyFilters","computed","props","hasStickyTabs","dashboardFiltersConditionalClasses","dashboardTopSectionConditionalClasses","tabsSlots","el","getTabTitle","index","_b","_a","computedTabsOptions","y","useWindowScroll","watch","observeSizeOfElement","filtersHeight","onUnmounted","__default__","conditionalClasses","onMounted"],"mappings":";;;;;;;;;AA6II,MAAAA,IAAA,CAAA;;;;;;;;;;iBAtFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,EAAA;AACA,QAAAG,IAAA;AACA,UAAAC,IAAAJ,EAAA,CAAA,GAEAK,IAAAC,EAAA,MAAAL,EAAA,SAAAM,EAAA,aAAA,GACAC,IAAAF,EAAA,MAAAP,EAAA,SAAAQ,EAAA,UAAA,GAEAE,IAAAH,EAAA,OAAA;AAAA,MAA2D,yCAAAC,EAAA;AAAA,MACR,8CAAAF,EAAA,SAAA,CAAAG,EAAA,SAAAN,EAAA;AAAA,IAEuB,EAAA,GAG1EQ,IAAAJ,EAAA,OAAA;AAAA,MAA8D,6CAAAC,EAAA,cAAAA,EAAA;AAAA,IACa,EAAA,GAG3EI,IAAAL,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAA,CAAAC,MAAA;;AAAA,eAAAC,KAAAC,IAAAT,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAS,EAAAF,OAAA,gBAAAC,EAAA,UAAA,OAAAD,IAAA,CAAA;AAAA,OAEAG,IAAAX,EAAA,MAAAF,EAAA,QAAA,EAAA,KAAAA,EAAA,MAAA,IAAA,MAAA,GAEA,EAAA,GAAAc,EAAA,IAAAC,EAAA;AAEA,WAAAC;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACqB,MAAA;AAEb,QAAA,CAAAE,KAAAF,EAAA,UACIE,IAAAkB,EAAApB,EAAA,OAAA,MAAA;AACI,cAAAA,EAAA,SAAAO,EAAA,OAAA;AACI,kBAAAc,IAAArB,EAAA,MAAA;AACA,YAAAG,EAAA,QAAAC,EAAA,QAAAiB,IAAA;AAAA,UAA8D;AAAA,QAClE,CAAA;AAAA,MAER;AAAA,IACJ,GAGJF;AAAA,MAAA,MAAAF,EAAA;AAAA,MACY,MAAA;;AAEJ,QAAAb,EAAA,UACIH,EAAA,UAAAc,IAAAf,EAAA,UAAA,gBAAAe,EAAA,wBAAA,SAAA;AAAA,MACJ;AAAA,IACJ,GAGJO,EAAA,MAAA;AACI,MAAApB,KAAA,QAAAA,EAAA;AAAA,IAAmC,CAAA;;;;;;;;;;;;;;;;;;qBCnCvCqB,IAAA,CAAA;;;;;;;;iBAzCA7B,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEA8B,IAAAnB,EAAA,OAAA;AAAA,MAA2C,mCAAAC,EAAA;AAAA,IACE,EAAA;AAG7C,WAAAmB,EAAA,MAAA;AACI,WAAA7B,EAAA,eAAA,KAAAA,EAAA,eAAA,MAAAU,EAAA;AACI,cAAA,IAAA,MAAA,yEAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dashed-underline.K-l-7bDq.js → dashed-underline.D107w00E.js}

@@ -1,8 +1,9 @@
-import { defineComponent as T, useSlots as P, ref as u, computed as d, watch as b } from "vue";
-import { d as O, h as x } from "./button-actions.B81vY51z.js";
-import { B } from "./typography.hlOAxsEn.js";
+import { defineComponent as T, useSlots as P, ref as u, computed as c, watch as b } from "vue";
+import { g as B } from "./button-actions.C3cP-anb.js";
+import { B as O } from "./typography.hlOAxsEn.js";
 import { u as g } from "./use-has-slot.C9lQZ6nz.js";
-import { b as S } from "./tooltip.D3SDcRef.js";
+import { B as x } from "./teleport.dQFcCuAw.js";
+import { b as S } from "./tooltip.Dt87KVh2.js";
 import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/dashed-underline.css";
 const E = {}, U = /* @__PURE__ */ T({
@@ -19,8 +20,8 @@ const E = {}, U = /* @__PURE__ */ T({
     tooltipText: { default: null },
     tooltipPosition: { default: "top" }
   },
-  setup(c) {
-    const e = c, n = 200, o = P(), s = g(o), r = u(null), l = u(!1), i = u(), p = () => {
+  setup(d) {
+    const e = d, n = 200, o = P(), s = g(o), r = u(null), l = u(!1), i = u(), p = () => {
       l.value = !0, i.value && clearTimeout(i.value);
     }, a = () => {
       const t = setTimeout(() => {
@@ -31,7 +32,7 @@ const E = {}, U = /* @__PURE__ */ T({
       p();
     }, f = (t) => {
       (!r.value || !((t == null ? void 0 : t.relatedTarget) instanceof Element) || !r.value.contains(t.relatedTarget)) && a();
-    }, m = d(() => e.popoverText || s("popover-content")), _ = d(() => !e.tooltipText && !m.value);
+    }, m = c(() => e.popoverText || s("popover-content")), _ = c(() => !e.tooltipText && !m.value);
     b(
       _,
       (t) => {
@@ -42,7 +43,7 @@ const E = {}, U = /* @__PURE__ */ T({
       },
       { immediate: !0 }
     );
-    const h = d(
+    const h = c(
       () => {
         var t;
         return ((t = e.teleport) == null ? void 0 : t.disabled) === !1 ? {
@@ -53,7 +54,7 @@ const E = {}, U = /* @__PURE__ */ T({
         } : {};
       }
     );
-    return { __sfc: !0, CLOSING_POPOVER_DELAY_MS: n, props: e, slots: o, hasSlot: s, element: r, isOpen: l, closingTimeOutId: i, openPopover: p, closePopover: a, dashedUnderlineOnFocus: v, dashedUnderlineOnFocusOut: f, hasPopover: m, shouldShowTooltipPopoverError: _, computedPopoverContainerEvents: h, BentoPopover: x, vBentoTooltipDirective: S, BentoTypography: B, BentoTeleport: O };
+    return { __sfc: !0, CLOSING_POPOVER_DELAY_MS: n, props: e, slots: o, hasSlot: s, element: r, isOpen: l, closingTimeOutId: i, openPopover: p, closePopover: a, dashedUnderlineOnFocus: v, dashedUnderlineOnFocusOut: f, hasPopover: m, shouldShowTooltipPopoverError: _, computedPopoverContainerEvents: h, BentoPopover: B, vBentoTooltipDirective: S, BentoTypography: O, BentoTeleport: x };
   }
 });
 var w = function() {
@@ -70,8 +71,8 @@ var w = function() {
   null,
   "2b09c5c5"
 );
-const k = z.exports;
+const q = z.exports;
 export {
-  k as B
+  q as B
 };
-//# sourceMappingURL=dashed-underline.K-l-7bDq.js.map
+//# sourceMappingURL=dashed-underline.D107w00E.js.map

package/dist/chunks/{dashed-underline.K-l-7bDq.js.map → dashed-underline.D107w00E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dashed-underline.K-l-7bDq.js","sources":["../../src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"dashedUnderlineOnFocus\"\n        @focusout=\"dashedUnderlineOnFocusOut\"\n    >\n        <span class=\"b-dashed-underline__content\">\n            <slot></slot>\n        </span>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <span v-on=\"computedPopoverContainerEvents\">\n                <bento-popover\n                    :open=\"isOpen\"\n                    :target-element=\"element\"\n                    :position=\"popoverPosition\"\n                    role=\"tooltip\"\n                    :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                    :large=\"popoverSize === 'large' || undefined\"\n                    :small=\"popoverSize === 'small' || undefined\"\n                    :title=\"popoverTitle\"\n                    disable-focus-trap\n                >\n                    <slot name=\"popover-content\">\n                        <bento-typography>\n                            {{ popoverText }}\n                        </bento-typography>\n                    </slot>\n                </bento-popover>\n            </span>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    const props = defineProps({\n  popoverText: { default: null },\n  popoverTitle: { default: null },\n  popoverPosition: { default: 'top' },\n  popoverSize: { default: 'fit-content' },\n  teleport: { default: () => ({\n            disabled: true,\n        }) },\n  tooltipText: { default: null },\n  tooltipPosition: { default: 'top' }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n    const isOpen = ref(false);\n\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const dashedUnderlineOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const dashedUnderlineOnFocusOut = (e: FocusEvent) => {\n        if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n            closePopover();\n        }\n    };\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n\n    /**\n     * When the popover is teleported, it is no longer a DOM descendant of the trigger element.\n     * We add these event listeners to the popover's container to keep the popover open when\n     * the user moves their mouse or focuses out from the trigger to the popover BUT then mouses over\n     * or focuses on the popover content.\n     */\n    const computedPopoverContainerEvents = computed(() =>\n        props.teleport?.disabled === false\n            ? {\n                  mouseenter: openPopover,\n                  mouseleave: closePopover,\n                  focus: dashedUnderlineOnFocus,\n                  focusout: dashedUnderlineOnFocusOut,\n              }\n            : {}\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Provides a dashed underline to text, indicating that more information is available on\n     * hover or focus. The additional information is displayed in a tooltip or a popover.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *       <p>\n     *         This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n     *       </p>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","CLOSING_POPOVER_DELAY_MS","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","dashedUnderlineOnFocus","dashedUnderlineOnFocusOut","e","hasPopover","computed","props","shouldShowTooltipPopoverError","watch","value","computedPopoverContainerEvents","_a"],"mappings":";;;;;;;AAsJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;iBAvGAC,IAAA,KAcAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAAP,CAAA;AAEnB,MAAAQ,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAAC,MAAA;AACI,OAAA,CAAAT,EAAA,SAAA,GAAAS,KAAA,gBAAAA,EAAA,0BAAA,YAAA,CAAAT,EAAA,MAAA,SAAAS,EAAA,aAAA,MACIJ,EAAA;AAAA,IACJ,GAGJK,IAAAC,EAAA,MAAAC,EAAA,eAAAd,EAAA,iBAAA,CAAA,GAEAe,IAAAF,EAAA,MAAA,CAAAC,EAAA,eAAA,CAAAF,EAAA,KAAA;AAEA,IAAAI;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAStB,UAAAC,IAAAL;AAAA,MAAuC,MAAA;;AAAA,iBAAAM,IAAAL,EAAA,aAAA,gBAAAK,EAAA,cAAA,KAAA;AAAA,UAE7B,YAAAb;AAAA,UACgB,YAAAC;AAAA,UACA,OAAAE;AAAA,UACL,UAAAC;AAAA,QACG,IAAA,CAAA;AAAA;AAAA,IAEb;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dashed-underline.D107w00E.js","sources":["../../src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"dashedUnderlineOnFocus\"\n        @focusout=\"dashedUnderlineOnFocusOut\"\n    >\n        <span class=\"b-dashed-underline__content\">\n            <slot></slot>\n        </span>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <span v-on=\"computedPopoverContainerEvents\">\n                <bento-popover\n                    :open=\"isOpen\"\n                    :target-element=\"element\"\n                    :position=\"popoverPosition\"\n                    role=\"tooltip\"\n                    :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                    :large=\"popoverSize === 'large' || undefined\"\n                    :small=\"popoverSize === 'small' || undefined\"\n                    :title=\"popoverTitle\"\n                    disable-focus-trap\n                >\n                    <slot name=\"popover-content\">\n                        <bento-typography>\n                            {{ popoverText }}\n                        </bento-typography>\n                    </slot>\n                </bento-popover>\n            </span>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { type BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    const props = defineProps({\n  popoverText: { default: null },\n  popoverTitle: { default: null },\n  popoverPosition: { default: 'top' },\n  popoverSize: { default: 'fit-content' },\n  teleport: { default: () => ({\n            disabled: true,\n        }) },\n  tooltipText: { default: null },\n  tooltipPosition: { default: 'top' }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n    const isOpen = ref(false);\n\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const dashedUnderlineOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const dashedUnderlineOnFocusOut = (e: FocusEvent) => {\n        if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n            closePopover();\n        }\n    };\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n\n    /**\n     * When the popover is teleported, it is no longer a DOM descendant of the trigger element.\n     * We add these event listeners to the popover's container to keep the popover open when\n     * the user moves their mouse or focuses out from the trigger to the popover BUT then mouses over\n     * or focuses on the popover content.\n     */\n    const computedPopoverContainerEvents = computed(() =>\n        props.teleport?.disabled === false\n            ? {\n                  mouseenter: openPopover,\n                  mouseleave: closePopover,\n                  focus: dashedUnderlineOnFocus,\n                  focusout: dashedUnderlineOnFocusOut,\n              }\n            : {}\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Provides a dashed underline to text, indicating that more information is available on\n     * hover or focus. The additional information is displayed in a tooltip or a popover.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *       <p>\n     *         This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n     *       </p>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","CLOSING_POPOVER_DELAY_MS","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","dashedUnderlineOnFocus","dashedUnderlineOnFocusOut","e","hasPopover","computed","props","shouldShowTooltipPopoverError","watch","value","computedPopoverContainerEvents","_a"],"mappings":";;;;;;;;AAsJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;iBAvGAC,IAAA,KAcAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAAP,CAAA;AAEnB,MAAAQ,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAAC,MAAA;AACI,OAAA,CAAAT,EAAA,SAAA,GAAAS,KAAA,gBAAAA,EAAA,0BAAA,YAAA,CAAAT,EAAA,MAAA,SAAAS,EAAA,aAAA,MACIJ,EAAA;AAAA,IACJ,GAGJK,IAAAC,EAAA,MAAAC,EAAA,eAAAd,EAAA,iBAAA,CAAA,GAEAe,IAAAF,EAAA,MAAA,CAAAC,EAAA,eAAA,CAAAF,EAAA,KAAA;AAEA,IAAAI;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAStB,UAAAC,IAAAL;AAAA,MAAuC,MAAA;;AAAA,iBAAAM,IAAAL,EAAA,aAAA,gBAAAK,EAAA,cAAA,KAAA;AAAA,UAE7B,YAAAb;AAAA,UACgB,YAAAC;AAAA,UACA,OAAAE;AAAA,UACL,UAAAC;AAAA,QACG,IAAA,CAAA;AAAA;AAAA,IAEb;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{data-grid-template.DGUDqzjj.js → data-grid-template.DShJunDa.js}

@@ -1,9 +1,9 @@
 import { defineComponent as R, useSlots as S, ref as d, computed as i, provide as I, toRef as _ } from "vue";
-import { B as h } from "./header.DoWKsA15.js";
+import { B as h } from "./header.CLDtv3Ir.js";
 import { B } from "./inspector.pmpheRch.js";
-import { B as x, a as A } from "./tab.CTui3j3e.js";
+import { B as x, a as A } from "./tab.DXE68qVf.js";
 import { u as E } from "./use-has-slot.C9lQZ6nz.js";
-import { D } from "./data-grid-template.keys.2_AkxuNT.js";
+import { D } from "./data-grid-template.keys.VezYtHtM.js";
 import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/data-grid-template.css";
 const H = {}, O = /* @__PURE__ */ R({
@@ -108,4 +108,4 @@ const q = $.exports;
 export {
   q as d
 };
-//# sourceMappingURL=data-grid-template.DGUDqzjj.js.map
+//# sourceMappingURL=data-grid-template.DShJunDa.js.map

package/dist/chunks/{data-grid-template.DGUDqzjj.js.map → data-grid-template.DShJunDa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-template.DGUDqzjj.js","sources":["../../src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"update:tabs\", \"update:is-open:inspector\", \"update:active-page:inspector\", \"expand:inspector\"]);\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","props","computedInspectorProps","computedStickyAdditionalContentHeight","_a","computedTabsRef","_b","tabsSlots","el","inspectorEvents","value","emit","emitTabs","newActiveTabIndex","getTabTitle","index","registerDatagridInDataGridTemplate","stickyTabs","toRef","stickyAdditionalContent","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":";;;;;;;;AAuLI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAIAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAC,EAAA;AAAA,IACE,EAAA,GAG9DC,IAAAF,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAC,EAAA;AAAA,IACE,EAAA,GAGbE,IAAAH,EAAA,MAAA;;AAAA,cAAAI,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,KAAA,GAEAC,IAAAL,EAAA,MAAA;;AAAA,cAAAM,KAAAF,IAAAT,EAAA,UAAA,gBAAAS,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAP,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAU,MAAAC,EAAA,4BAAAD,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAC,EAAA,gCAAAD,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAC,EAAA,oBAAAD,CAAA;AAAA,IACzB,EAAA,GAG9DE,IAAA,CAAAC,MAAA;AACI,MAAAF,EAAA,eAAA,EAAA,GAAAV,EAAA,MAAA,gBAAAY,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAT,KAAAF,IAAAH,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAG,EAAAW,OAAA,gBAAAT,EAAA,UAAA,OAAAS,IAAA,CAAA;AAAA,OAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAjB,GAAA,YAAA,GACAkB,IAAAD,EAAAjB,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAgB;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJtB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAuB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"data-grid-template.DShJunDa.js","sources":["../../src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits([\"update:tabs\", \"update:is-open:inspector\", \"update:active-page:inspector\", \"expand:inspector\"]);\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","props","computedInspectorProps","computedStickyAdditionalContentHeight","_a","computedTabsRef","_b","tabsSlots","el","inspectorEvents","value","emit","emitTabs","newActiveTabIndex","getTabTitle","index","registerDatagridInDataGridTemplate","stickyTabs","toRef","stickyAdditionalContent","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":";;;;;;;;AAuLI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAhFAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAIAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAC,EAAA;AAAA,IACE,EAAA,GAG9DC,IAAAF,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAC,EAAA;AAAA,IACE,EAAA,GAGbE,IAAAH,EAAA,MAAA;;AAAA,cAAAI,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,KAAA,GAEAC,IAAAL,EAAA,MAAA;;AAAA,cAAAM,KAAAF,IAAAT,EAAA,UAAA,gBAAAS,EAAA,UAAA,gBAAAE,EAAA;AAAA,KAAA,GAEAC,IAAAP,EAAA,MAAA,OAAA,KAAAT,CAAA,EAAA,OAAA,CAAAiB,MAAAA,KAAA,gBAAAA,EAAA,SAAA,OAAA,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAU,MAAAC,EAAA,4BAAAD,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAC,EAAA,gCAAAD,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAC,EAAA,oBAAAD,CAAA;AAAA,IACzB,EAAA,GAG9DE,IAAA,CAAAC,MAAA;AACI,MAAAF,EAAA,eAAA,EAAA,GAAAV,EAAA,MAAA,gBAAAY,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAA;;AAAA,eAAAT,KAAAF,IAAAH,KAAA,gBAAAA,EAAA,KAAA,SAAA,gBAAAG,EAAAW,OAAA,gBAAAT,EAAA,UAAA,OAAAS,IAAA,CAAA;AAAA,OAEAC,IAAA,MAAA;AAEI,YAAAC,IAAAC,EAAAjB,GAAA,YAAA,GACAkB,IAAAD,EAAAjB,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAAgB;AAAA,QACA,SANJZ;AAAA,QAOI,yBAAAc;AAAA,QACA,0BAPJtB;AAAA,MAQI;AAAA,IACJ;AAGJ,WAAAuB,EAAAC,GAAAL,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/data-grid-template.keys.VezYtHtM.js

@@ -0,0 +1,5 @@
+const t = /* @__PURE__ */ Symbol("data-grid-template injection key");
+export {
+  t as D
+};
+//# sourceMappingURL=data-grid-template.keys.VezYtHtM.js.map

package/dist/chunks/{data-grid-template.keys.2_AkxuNT.js.map → data-grid-template.keys.VezYtHtM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-template.keys.2_AkxuNT.js","sources":["../../src/templates/data-grid-template/data-grid-template.keys.ts"],"sourcesContent":["export const DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY = Symbol('data-grid-template injection key');\n"],"names":["DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAA4C,OAAO,kCAAkC;"}
+{"version":3,"file":"data-grid-template.keys.VezYtHtM.js","sources":["../../src/templates/data-grid-template/data-grid-template.keys.ts"],"sourcesContent":["export const DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY = Symbol('data-grid-template injection key');\n"],"names":["DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY"],"mappings":"AAAa,MAAAA,2BAAmD,kCAAkC;"}

package/dist/chunks/{data-grid.CS7Q8EWs.js → data-grid.BzHb4GUA.js}

@@ -6,40 +6,40 @@ import { n as Y } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { C as Ot } from "./cross.CC_B-vG-.js";
 import { N as it } from "./minus-small.DJacLGTw.js";
 import { d as Wn } from "./popper-container.agLYtGwv.js";
-import { E as ce, b as Gn, B as Hn, T as Vn } from "./tooltip.D3SDcRef.js";
-import { B as Zn } from "./dashed-underline.K-l-7bDq.js";
+import { E as ce, b as Gn, B as Hn, T as Vn } from "./tooltip.Dt87KVh2.js";
+import { B as Zn } from "./dashed-underline.D107w00E.js";
 import { B as ye, p as Nt } from "./typography.hlOAxsEn.js";
 import { u as pe } from "./index.B6WW_F-J.js";
-import { B as jn } from "./action-bar.MXZTIUNk.js";
-import { B as qn } from "./pagination.D1C0cURM.js";
+import { B as jn } from "./action-bar.DOaFj-A2.js";
+import { B as qn } from "./pagination.Bvhpu21H.js";
 import { B as He } from "./loading-indicator.PxbRzshH.js";
 import { u as Ve } from "./use-has-slot.C9lQZ6nz.js";
 import { g as Ie } from "./generate-uid.NJ8tVoha.js";
-import { B as Pe } from "./filter-bar.F5drAPol.js";
+import { B as Pe } from "./filter-bar.DpjD5bZe.js";
 import { B as Kn } from "./empty-state.BsdRxzS2.js";
-import { E as Yn } from "./tabs.keys.Cb4Vw5Jh.js";
-import { D as Jn } from "./data-grid-template.keys.2_AkxuNT.js";
+import { E as Yn } from "./tabs.keys.B4qGhjp2.js";
+import { D as Jn } from "./data-grid-template.keys.VezYtHtM.js";
 import { b as Xn } from "./index.BDK4hwK_.js";
 import { o as Ze } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { B as It } from "./checkbox.itbBlXev.js";
+import { B as It } from "./checkbox.C6NSiW_I.js";
 import { B as Dt } from "./button.CS_kdxYh.js";
-import { c as je, f as xt, h as Qn, b as es, a as ts, O as rt, D as ns } from "./button-actions.B81vY51z.js";
+import { c as je, e as xt, g as Qn, b as es, a as ts, O as rt, D as ns } from "./button-actions.C3cP-anb.js";
 import { E as ct } from "./link.D8qpqg3W.js";
-import { C as dt } from "./copy.WQDLcs_T.js";
+import { C as dt } from "./copy.Hu3DFJwv.js";
 import { C as ss } from "./chevron-down.eYtgv5ly.js";
 import { C as os } from "./chevron-up.d8cwIlA_.js";
 import { b as Bt } from "./focus-trap.BJfpIboH.js";
 import { u as ls } from "./use-expandable-content-height.GkjjbmPy.js";
-import { B as as } from "./info-icon.Bhka3oGh.js";
-import { D as is } from "./use-cached-selected-values.BZd3CTeP.js";
+import { B as as } from "./info-icon.DGrrXpIY.js";
+import { D as is } from "./use-cached-selected-values.FoXcm49J.js";
 import { B as ut } from "./popover.types.DK6opPkz.js";
-import { A as rs } from "./dialog-page.D23qNwKW.js";
+import { A as rs } from "./dialog-page.krM2wQpm.js";
 import { H as cs, S as ds } from "./show.B_mKPF6I.js";
-import { l as ft } from "./events.CMzGybJJ.js";
+import { l as ft } from "./events.BQOQSSb7.js";
 import { B as Ft } from "./toggle.D2wmNu7m.js";
-import { B as us } from "./search-bar.Cvw_nY5M.js";
-import { u as fs } from "./dropdown.BiA1YOYJ.js";
+import { B as us } from "./search-bar.BcHoTrjP.js";
+import { u as fs } from "./dropdown.BpT6ct8O.js";
 import { S as gs } from "./search.D53Ia3rC.js";
 import { B as _s } from "./directive.Cbdox5VL.js";
 import "../assets/data-grid.css";
@@ -841,7 +841,7 @@ const fo = uo.exports, go = {
     selectAll: "Selecionar tudo",
     unfreezeColumn: "Descongelar coluna"
   }
-}, zt = Symbol("data-grid slashed zero key"), Ae = Symbol("data-grid small container key"), De = Symbol("data-grid touch device key"), _o = {
+}, zt = /* @__PURE__ */ Symbol("data-grid slashed zero key"), Ae = /* @__PURE__ */ Symbol("data-grid small container key"), De = /* @__PURE__ */ Symbol("data-grid touch device key"), _o = {
   i18n: { messages: go },
   name: "data-grid-columns"
 }, vo = /* @__PURE__ */ Ce({
@@ -3174,4 +3174,4 @@ export {
   Ne as f,
   $e as g
 };
-//# sourceMappingURL=data-grid.CS7Q8EWs.js.map
+//# sourceMappingURL=data-grid.BzHb4GUA.js.map