@adyen/bento-vue3 1.85.0 → 1.86.0

package/dist/chunks/{form-layout-title.wnvpIbOe.js.map → form-layout-title.DYmTc6M7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-layout-title.wnvpIbOe.js","sources":["../../../vue2/src/components/form-layout/form-layout.vue","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-tip.types.ts","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.ts","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.vue","../../../vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue"],"sourcesContent":["<template>\n    <component :is=\"formLayoutElement\" class=\"b-form-layout\" role=\"form\" @submit=\"emit('submit', $event)\">\n        <bento-alert v-if=\"hasSlot('error-message')\" class=\"b-form-layout__error-message\" type=\"critical\">\n            <template #description>\n                <slot name=\"error-message\" />\n            </template>\n        </bento-alert>\n\n        <slot />\n\n        <div v-if=\"hasActions\" class=\"b-form-layout__actions-container\">\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-left\" />\n            </div>\n\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-right\" />\n            </div>\n        </div>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, provide, toRef, useSlots } from 'vue';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables';\n    import { FORM_LAYOUT_LOADING_INJECTION_KEY } from './form-layout.types';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits<{\n        /**\n         * Emits the submit event from the form\n         */\n        (e: 'submit', event: SubmitEvent): void;\n    }>();\n\n    const props = defineProps({\n        /**\n         * Renders the form layout as an HTML `form`\n         */\n        form: { type: Boolean, default: false },\n\n        /**\n         * Sets the state of the form and its fields to\n         * a read only status.\n         */\n        loading: { type: Boolean, default: false },\n    });\n\n    const formLayoutElement = computed(() => (props.form ? 'form' : 'div'));\n    const hasActions = computed(() => hasSlot('actions-left') || hasSlot('actions-right'));\n\n    provide(FORM_LAYOUT_LOADING_INJECTION_KEY, toRef(props, 'loading'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Form layout component is a pre-designed layout that serves\n     * as a starting point for creating a form.\n     *\n     * It can include various common form components:\n     * input field, dropdown, date picker, checkbox group, radio group,\n     * textarea, etc.\n     *\n     * Form layout is context agnostic and can be dropped in different\n     * places, for example in modals, side panels or pages.\n     *\n     * @example\n     * import { BentoFormLayout, BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayout, BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout>\n     *              <template #error-message>There is an error. Correct the highlighted field.</template>\n     *\n     *              <bento-input-field>Input field</bento-input-field>\n     *\n     *              <bento-form-layout-field-tip>\n     *                  <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *                  <template #message>This is a small tip that can be used in small spaces</template>\n     *              </bento-form-layout-field-tip>\n     *\n     *              <bento-form-layout-title subsection>\n     *                  Section title\n     *                  <template #description>Optional section description</template>\n     *              </bento-form-layout-title>\n     *          </bento-form-layout>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout.scss\" />\n","import { type BentoAlertTypeOption } from '@/components/alert/alert.types';\n\nexport type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;\nexport const BentoFormLayoutFieldTipTypeOptions = ['warning', 'critical', 'highlight', 'success'];\n","<template>\n    <div class=\"b-form-layout-field-tip\">\n        <slot />\n        <bento-alert v-if=\"hasSlot('message')\" :id=\"id\" variant=\"tip\" :type=\"type\">\n            <template #description>\n                <slot name=\"message\" />\n            </template>\n        </bento-alert>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { type PropType, useSlots } from 'vue';\n    import {\n        type BentoFormLayoutFieldTipTypeOption,\n        BentoFormLayoutFieldTipTypeOptions,\n    } from './form-layout-tip.types';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n\n    defineProps({\n        /**\n         * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n         * @values highlight, success, critical, warning\n         */\n        type: {\n            type: String as PropType<BentoFormLayoutFieldTipTypeOption>,\n            default: 'highlight',\n            validator: (value: BentoFormLayoutFieldTipTypeOption) => BentoFormLayoutFieldTipTypeOptions.includes(value),\n        },\n        /**\n         * Unique identifier to the form field. Used for accessibility.\n         */\n        id: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * You can help users provide accurate and well formatted information\n     * by using various elements that come with an input field.\n     *\n     * Use description/supporting text to add additional context to the\n     * field or guidance how to format the input correctly.\n     * Because description is always visible it should be the first\n     * choice in providing guidance.\n     *\n     * @example\n     * import { BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout-field-tip>\n     *              <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *\n     *              <template #message>This is a small tip that can be used in small spaces</template>\n     *          </bento-form-layout-field-tip>\n     *     `\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-field-tip.scss\" />\n","export type BentoLayoutGroupProportions =\n    | '33-33-33'\n    | '50-50'\n    | '25-75'\n    | '75-25'\n    | '33-66'\n    | '66-33'\n    | '25'\n    | '33'\n    | '50'\n    | '100';\n\nexport const BentoLayoutGroupProportions = [\n    '100',\n    '50',\n    '33',\n    '25',\n    '66-33',\n    '33-66',\n    '75-25',\n    '25-75',\n    '50-50',\n    '33-33-33',\n];\n","<template>\n    <div class=\"b-form-layout-group\" :class=\"conditionalClasses\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type PropType } from 'vue';\n    import { BentoLayoutGroupProportions } from './form-layout-group.types';\n\n    // Default proportion\n    const DEFAULT_PROPORTION = 100;\n\n    const props = defineProps({\n        /**\n         * The layout of the pair group of components.\n         * This will render the components within the width of the proportions.\n         * Only two colums are available.\n         *\n         * If only one value is entered, then it will assume there's only one child in the group.\n         * If two values are entered, the first value will be use for the first child and the second\n         * value for the second child.\n         *\n         * If the value entered is not listed in the example\n         * list below it will use 100% by default.\n         * @example\n         * '33-33-33'\n         * '50-50'\n         * '25-75'\n         * '75-25'\n         * '33-66'\n         * '66-33'\n         * '25'\n         * '33'\n         * '50'\n         * '100'\n         */\n        layout: {\n            type: String as PropType<BentoLayoutGroupProportions>,\n            default: '100',\n            validator: (value: BentoLayoutGroupProportions) => BentoLayoutGroupProportions.includes(value),\n        },\n    });\n\n    // Sets DEFAULT_PROPORTION by default if `layout` is not in the list\n    const computedLayout = computed(() =>\n        BentoLayoutGroupProportions.includes(props.layout) ? props.layout : DEFAULT_PROPORTION\n    );\n\n    const conditionalClasses = computed(() => ({\n        // Transform into column if the layout is unsupported\n        'b-form-layout-group--column': !BentoLayoutGroupProportions.includes(props.layout),\n        // Assings the correct layout class\n        [`b-form-layout-group--${computedLayout.value}`]: true,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Use to provide horizontal layouts to build forms\n     * with two fields per line.\n     *\n     * These can be used for field combinations,\n     * such as post code and city or title and first name.\n     *\n     * @example\n     * import { BentoFormLayoutGroup } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutGroup },\n     *     template: `\n     *          <bento-form-layout-group>\n     *              <first-element />\n     *              <second-element />\n     *          </bento-form-layout-group>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-group.scss\" />\n","<template>\n    <div class=\"b-form-layout-title\" :class=\"conditionalClasses\">\n        <bento-typography :el=\"el\" variant=\"title\" :medium=\"isSection\">\n            <slot />\n        </bento-typography>\n\n        <bento-typography v-if=\"hasSlot('description')\" class=\"b-form-layout-title__description\" el=\"span\" wide>\n            <slot name=\"description\" />\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Defines if the Form Layout title is\n         * a \"section\" or a \"subsection\".\n         * Default is \"section\" (false). Turn into \"true\" for \"subsection\"\n         */\n        subsection: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Sets the HTML DOM element.\n         * @values h1, h2, h3, h4, h5, h6, div, p, span\n         */\n        el: {\n            type: BentoTypography.props.el.type,\n            required: true,\n            validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n        },\n    });\n\n    // Uses \"medium\" typography if it is a section title\n    const isSection = computed(() => !props.subsection);\n    const hasSlot = useHasSlot(slots);\n    const conditionalClasses = computed(() => ({\n        'b-form-layout-title--subsection': props.subsection,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * If you’re building a lengthy form, organize related\n     * fields into sections and, if needed, subsections.\n     *\n     * A form can have a \"Section Title\" and multiple \"Subsection titles\".\n     *\n     * One of the values provided in @see BentoTypographyElement must always be provided as a string\n     * to define correct HTML sementic from the application's context\n     *\n     * @example\n     * import { BentoFormLayoutTitle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutTitle },\n     *     template: `\n     *          <bento-form-layout-title subsection el=\"h2\">\n     *              Title\n     *              <template #description>Description text</template>\n     *          </bento-form-layout-title>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-title.scss\" />\n"],"names":["__default__$3","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","formLayoutElement","computed","hasActions","provide","FORM_LAYOUT_LOADING_INJECTION_KEY","toRef","BentoFormLayoutFieldTipTypeOptions","__default__$2","BentoLayoutGroupProportions","__default__$1","computedLayout","conditionalClasses","__default__","isSection"],"mappings":";;;;;;;;;;qFA6FIA,IAAA,CAAA;;;;;;;;;;;;;;;;AAjEA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GAaAC,IAAAC,EAAA,MAAAH,EAAA,OAAA,SAAA,KAAA,GACAI,IAAAD,EAAA,MAAAP,EAAA,cAAA,KAAAA,EAAA,eAAA,CAAA;AAEA,WAAAS,EAAAC,GAAAC,EAAAP,GAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kECnDGQ,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,6CC+DHC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AA3BA,UAAAf,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;;mEC5BGgB,IAAA;AAAA,EAAoC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAEJ,GCuDIC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjEA,UAAAX,IAAAC,GAgCAW,IAAAT;AAAA,MAAuB,MAAAO,EAAA,SAAAV,EAAA,MAAA,IAAAA,EAAA,SAAA;AAAA,IACiD,GAGxEa,IAAAV,EAAA,OAAA;AAAA;AAAA,MAA2C,+BAAA,CAAAO,EAAA,SAAAV,EAAA,MAAA;AAAA;AAAA,MAE0C,CAAA,wBAAAY,EAAA,KAAA,EAAA,GAAA;AAAA,IAE/B,EAAA;;;;;;;mECmBtDE,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAvDA,UAAApB,IAAAC,EAAA,GAEAK,IAAAC,GAuBAc,IAAAZ,EAAA,MAAA,CAAAH,EAAA,UAAA,GACAJ,IAAAC,EAAAH,CAAA,GACAmB,IAAAV,EAAA,OAAA;AAAA,MAA2C,mCAAAH,EAAA;AAAA,IACE,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form-layout-title.DYmTc6M7.js","sources":["../../../vue2/src/components/form-layout/form-layout.vue","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-tip.types.ts","../../../vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.types.ts","../../../vue2/src/components/form-layout/components/form-layout-group/form-layout-group.vue","../../../vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue"],"sourcesContent":["<template>\n    <component :is=\"formLayoutElement\" class=\"b-form-layout\" role=\"form\" @submit=\"emit('submit', $event)\">\n        <bento-alert v-if=\"hasSlot('error-message')\" class=\"b-form-layout__error-message\" type=\"critical\">\n            <template #description>\n                <slot name=\"error-message\" />\n            </template>\n        </bento-alert>\n\n        <slot />\n\n        <div v-if=\"hasActions\" class=\"b-form-layout__actions-container\">\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-left\" />\n            </div>\n\n            <div class=\"b-form-layout__actions\">\n                <slot name=\"actions-right\" />\n            </div>\n        </div>\n    </component>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, provide, toRef, useSlots } from 'vue';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables';\n    import { FORM_LAYOUT_LOADING_INJECTION_KEY } from './form-layout.types';\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits<{\n        /**\n         * Emits the submit event from the form\n         */\n        (e: 'submit', event: SubmitEvent): void;\n    }>();\n\n    const props = defineProps({\n        /**\n         * Renders the form layout as an HTML `form`\n         */\n        form: { type: Boolean, default: false },\n\n        /**\n         * Sets the state of the form and its fields to\n         * a read only status.\n         */\n        loading: { type: Boolean, default: false },\n    });\n\n    const formLayoutElement = computed(() => (props.form ? 'form' : 'div'));\n    const hasActions = computed(() => hasSlot('actions-left') || hasSlot('actions-right'));\n\n    provide(FORM_LAYOUT_LOADING_INJECTION_KEY, toRef(props, 'loading'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Form layout component is a pre-designed layout that serves\n     * as a starting point for creating a form.\n     *\n     * It can include various common form components:\n     * input field, dropdown, date picker, checkbox group, radio group,\n     * textarea, etc.\n     *\n     * Form layout is context agnostic and can be dropped in different\n     * places, for example in modals, side panels or pages.\n     *\n     * @example\n     * import { BentoFormLayout, BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayout, BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout>\n     *              <template #error-message>There is an error. Correct the highlighted field.</template>\n     *\n     *              <bento-input-field>Input field</bento-input-field>\n     *\n     *              <bento-form-layout-field-tip>\n     *                  <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *                  <template #message>This is a small tip that can be used in small spaces</template>\n     *              </bento-form-layout-field-tip>\n     *\n     *              <bento-form-layout-title subsection>\n     *                  Section title\n     *                  <template #description>Optional section description</template>\n     *              </bento-form-layout-title>\n     *          </bento-form-layout>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout.scss\" />\n","import { type BentoAlertTypeOption } from '@/components/alert/alert.types';\n\nexport type BentoFormLayoutFieldTipTypeOption = `${BentoAlertTypeOption}`;\nexport const BentoFormLayoutFieldTipTypeOptions = ['warning', 'critical', 'highlight', 'success'];\n","<template>\n    <div class=\"b-form-layout-field-tip\">\n        <slot />\n        <bento-alert v-if=\"hasSlot('message')\" :id=\"id\" variant=\"tip\" :type=\"type\">\n            <template #description>\n                <slot name=\"message\" />\n            </template>\n        </bento-alert>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { type PropType, useSlots } from 'vue';\n    import {\n        type BentoFormLayoutFieldTipTypeOption,\n        BentoFormLayoutFieldTipTypeOptions,\n    } from './form-layout-tip.types';\n    import { BentoAlert } from '@/components/alert';\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n\n    defineProps({\n        /**\n         * Type of a alert; set a distinctive icon and color. Defaults to highlight.\n         * @values highlight, success, critical, warning\n         */\n        type: {\n            type: String as PropType<BentoFormLayoutFieldTipTypeOption>,\n            default: 'highlight',\n            validator: (value: BentoFormLayoutFieldTipTypeOption) => BentoFormLayoutFieldTipTypeOptions.includes(value),\n        },\n        /**\n         * Unique identifier to the form field. Used for accessibility.\n         */\n        id: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * You can help users provide accurate and well formatted information\n     * by using various elements that come with an input field.\n     *\n     * Use description/supporting text to add additional context to the\n     * field or guidance how to format the input correctly.\n     * Because description is always visible it should be the first\n     * choice in providing guidance.\n     *\n     * @example\n     * import { BentoFormLayoutFieldTip } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutFieldTip },\n     *     template: `\n     *          <bento-form-layout-field-tip>\n     *              <bento-dropdown label=\"Dropdown\" :items=\"dropdownItems\" placeholder=\"Select an animal\" />\n     *\n     *              <template #message>This is a small tip that can be used in small spaces</template>\n     *          </bento-form-layout-field-tip>\n     *     `\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-field-tip.scss\" />\n","export type BentoLayoutGroupProportions =\n    | '33-33-33'\n    | '50-50'\n    | '25-75'\n    | '75-25'\n    | '33-66'\n    | '66-33'\n    | '25'\n    | '33'\n    | '50'\n    | '100';\n\nexport const BentoLayoutGroupProportions = [\n    '100',\n    '50',\n    '33',\n    '25',\n    '66-33',\n    '33-66',\n    '75-25',\n    '25-75',\n    '50-50',\n    '33-33-33',\n];\n","<template>\n    <div class=\"b-form-layout-group\" :class=\"conditionalClasses\">\n        <slot></slot>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, type PropType } from 'vue';\n    import { BentoLayoutGroupProportions } from './form-layout-group.types';\n\n    // Default proportion\n    const DEFAULT_PROPORTION = 100;\n\n    const props = defineProps({\n        /**\n         * The layout of the pair group of components.\n         * This will render the components within the width of the proportions.\n         * Only two colums are available.\n         *\n         * If only one value is entered, then it will assume there's only one child in the group.\n         * If two values are entered, the first value will be use for the first child and the second\n         * value for the second child.\n         *\n         * If the value entered is not listed in the example\n         * list below it will use 100% by default.\n         * @example\n         * '33-33-33'\n         * '50-50'\n         * '25-75'\n         * '75-25'\n         * '33-66'\n         * '66-33'\n         * '25'\n         * '33'\n         * '50'\n         * '100'\n         */\n        layout: {\n            type: String as PropType<BentoLayoutGroupProportions>,\n            default: '100',\n            validator: (value: BentoLayoutGroupProportions) => BentoLayoutGroupProportions.includes(value),\n        },\n    });\n\n    // Sets DEFAULT_PROPORTION by default if `layout` is not in the list\n    const computedLayout = computed(() =>\n        BentoLayoutGroupProportions.includes(props.layout) ? props.layout : DEFAULT_PROPORTION\n    );\n\n    const conditionalClasses = computed(() => ({\n        // Transform into column if the layout is unsupported\n        'b-form-layout-group--column': !BentoLayoutGroupProportions.includes(props.layout),\n        // Assings the correct layout class\n        [`b-form-layout-group--${computedLayout.value}`]: true,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Use to provide horizontal layouts to build forms\n     * with two fields per line.\n     *\n     * These can be used for field combinations,\n     * such as post code and city or title and first name.\n     *\n     * @example\n     * import { BentoFormLayoutGroup } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutGroup },\n     *     template: `\n     *          <bento-form-layout-group>\n     *              <first-element />\n     *              <second-element />\n     *          </bento-form-layout-group>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-group.scss\" />\n","<template>\n    <div class=\"b-form-layout-title\" :class=\"conditionalClasses\">\n        <bento-typography :el=\"el\" variant=\"title\" :medium=\"isSection\">\n            <slot />\n        </bento-typography>\n\n        <bento-typography v-if=\"hasSlot('description')\" class=\"b-form-layout-title__description\" el=\"span\" wide>\n            <slot name=\"description\" />\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Defines if the Form Layout title is\n         * a \"section\" or a \"subsection\".\n         * Default is \"section\" (false). Turn into \"true\" for \"subsection\"\n         */\n        subsection: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Sets the HTML DOM element.\n         * @values h1, h2, h3, h4, h5, h6, div, p, span\n         */\n        el: {\n            type: BentoTypography.props.el.type,\n            required: true,\n            validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n        },\n    });\n\n    // Uses \"medium\" typography if it is a section title\n    const isSection = computed(() => !props.subsection);\n    const hasSlot = useHasSlot(slots);\n    const conditionalClasses = computed(() => ({\n        'b-form-layout-title--subsection': props.subsection,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * If you’re building a lengthy form, organize related\n     * fields into sections and, if needed, subsections.\n     *\n     * A form can have a \"Section Title\" and multiple \"Subsection titles\".\n     *\n     * One of the values provided in @see BentoTypographyElement must always be provided as a string\n     * to define correct HTML sementic from the application's context\n     *\n     * @example\n     * import { BentoFormLayoutTitle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoFormLayoutTitle },\n     *     template: `\n     *          <bento-form-layout-title subsection el=\"h2\">\n     *              Title\n     *              <template #description>Description text</template>\n     *          </bento-form-layout-title>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./form-layout-title.scss\" />\n"],"names":["__default__$3","slots","useSlots","hasSlot","useHasSlot","emit","__emit","props","__props","formLayoutElement","computed","hasActions","provide","FORM_LAYOUT_LOADING_INJECTION_KEY","toRef","BentoFormLayoutFieldTipTypeOptions","__default__$2","BentoLayoutGroupProportions","__default__$1","computedLayout","conditionalClasses","__default__","isSection"],"mappings":";;;;;;;;;;qFA6FIA,IAAA,CAAA;;;;;;;;;;;;;;;;AAjEA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAOAC,IAAAC,GAaAC,IAAAC,EAAA,MAAAH,EAAA,OAAA,SAAA,KAAA,GACAI,IAAAD,EAAA,MAAAP,EAAA,cAAA,KAAAA,EAAA,eAAA,CAAA;AAEA,WAAAS,EAAAC,GAAAC,EAAAP,GAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kECnDGQ,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,6CC+DHC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;AA3BA,UAAAf,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;;mEC5BGgB,IAAA;AAAA,EAAoC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAEJ,GCuDIC,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjEA,UAAAX,IAAAC,GAgCAW,IAAAT;AAAA,MAAuB,MAAAO,EAAA,SAAAV,EAAA,MAAA,IAAAA,EAAA,SAAA;AAAA,IACiD,GAGxEa,IAAAV,EAAA,OAAA;AAAA;AAAA,MAA2C,+BAAA,CAAAO,EAAA,SAAAV,EAAA,MAAA;AAAA;AAAA,MAE0C,CAAA,wBAAAY,EAAA,KAAA,EAAA,GAAA;AAAA,IAE/B,EAAA;;;;;;;mECmBtDE,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAvDA,UAAApB,IAAAC,EAAA,GAEAK,IAAAC,GAuBAc,IAAAZ,EAAA,MAAA,CAAAH,EAAA,UAAA,GACAJ,IAAAC,EAAAH,CAAA,GACAmB,IAAAV,EAAA,OAAA;AAAA,MAA2C,mCAAAH,EAAA;AAAA,IACE,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{grab.B63hmf-_.js → grab.DJYL4kBq.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as e, openBlock as o, mergeProps as i, createCommentVNode as s, createStaticVNode as a, toDisplayString as l } from "vue";
+import { openBlock as e, createElementBlock as o, mergeProps as i, toDisplayString as s, createCommentVNode as a, createStaticVNode as l } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 let r = 0;
 const n = {
@@ -8,19 +8,19 @@ const n = {
   }
 }, h = { key: 0 };
 function d(C, t, f, c, m, g) {
-  return o(), e("svg", i({ role: "img" }, C.$attrs, {
+  return e(), o("svg", i({ role: "img" }, C.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    C.$attrs["svg-title"] ? (o(), e("title", h, l(C.$attrs["svg-title"]), 1)) : s("", !0),
-    t[0] || (t[0] = a('<path fill="#001222" d="M5 4C5.29667 4 5.58668 3.91203 5.83335 3.74721C6.08003 3.58238 6.27229 3.34811 6.38582 3.07403C6.49935 2.79994 6.52906 2.49834 6.47118 2.20737C6.4133 1.91639 6.27044 1.64912 6.06066 1.43934C5.85088 1.22956 5.58361 1.0867 5.29263 1.02882C5.00166 0.970945 4.70006 1.00065 4.42598 1.11418C4.15189 1.22771 3.91762 1.41997 3.7528 1.66665C3.58797 1.91332 3.5 2.20333 3.5 2.5C3.5 2.89783 3.65804 3.27936 3.93934 3.56066C4.22065 3.84197 4.60218 4 5 4Z"></path><path fill="#001222" d="M5.83335 14.7472C5.58668 14.912 5.29667 15 5 15C4.60218 15 4.22065 14.842 3.93934 14.5607C3.65804 14.2794 3.5 13.8978 3.5 13.5C3.5 13.2033 3.58797 12.9133 3.7528 12.6666C3.91762 12.42 4.15189 12.2277 4.42598 12.1142C4.70006 12.0007 5.00166 11.9709 5.29263 12.0288C5.58361 12.0867 5.85088 12.2296 6.06066 12.4393C6.27044 12.6491 6.4133 12.9164 6.47118 13.2074C6.52906 13.4983 6.49935 13.7999 6.38582 14.074C6.27229 14.3481 6.08003 14.5824 5.83335 14.7472Z"></path><path fill="#001222" d="M11.8334 14.7472C11.5867 14.912 11.2967 15 11 15C10.6022 15 10.2206 14.842 9.93934 14.5607C9.65803 14.2794 9.5 13.8978 9.5 13.5C9.5 13.2033 9.58797 12.9133 9.7528 12.6666C9.91762 12.42 10.1519 12.2277 10.426 12.1142C10.7001 12.0007 11.0017 11.9709 11.2926 12.0288C11.5836 12.0867 11.8509 12.2296 12.0607 12.4393C12.2704 12.6491 12.4133 12.9164 12.4712 13.2074C12.5291 13.4983 12.4993 13.7999 12.3858 14.074C12.2723 14.3481 12.08 14.5824 11.8334 14.7472Z"></path><path fill="#001222" d="M11.8334 3.74721C11.5867 3.91203 11.2967 4 11 4C10.6022 4 10.2206 3.84197 9.93934 3.56066C9.65803 3.27936 9.5 2.89783 9.5 2.5C9.5 2.20333 9.58797 1.91332 9.7528 1.66665C9.91762 1.41997 10.1519 1.22771 10.426 1.11418C10.7001 1.00065 11.0017 0.970945 11.2926 1.02882C11.5836 1.0867 11.8509 1.22956 12.0607 1.43934C12.2704 1.64912 12.4133 1.91639 12.4712 2.20737C12.5291 2.49834 12.4993 2.79994 12.3858 3.07403C12.2723 3.34811 12.08 3.58238 11.8334 3.74721Z"></path><path fill="#001222" d="M5 9.5C5.29667 9.5 5.58668 9.41203 5.83335 9.24721C6.08003 9.08238 6.27229 8.84811 6.38582 8.57403C6.49935 8.29994 6.52906 7.99834 6.47118 7.70737C6.4133 7.41639 6.27044 7.14912 6.06066 6.93934C5.85088 6.72956 5.58361 6.5867 5.29263 6.52882C5.00166 6.47094 4.70006 6.50065 4.42598 6.61418C4.15189 6.72771 3.91762 6.91997 3.7528 7.16665C3.58797 7.41332 3.5 7.70333 3.5 8C3.5 8.39783 3.65804 8.77936 3.93934 9.06066C4.22065 9.34197 4.60218 9.5 5 9.5Z"></path><path fill="#001222" d="M11.8334 9.24721C11.5867 9.41203 11.2967 9.5 11 9.5C10.6022 9.5 10.2206 9.34197 9.93934 9.06066C9.65803 8.77936 9.5 8.39783 9.5 8C9.5 7.70333 9.58797 7.41332 9.7528 7.16665C9.91762 6.91997 10.1519 6.72771 10.426 6.61418C10.7001 6.50065 11.0017 6.47094 11.2926 6.52882C11.5836 6.5867 11.8509 6.72956 12.0607 6.93934C12.2704 7.14912 12.4133 7.41639 12.4712 7.70737C12.5291 7.99834 12.4993 8.29994 12.3858 8.57403C12.2723 8.84811 12.08 9.08238 11.8334 9.24721Z"></path>', 6))
+    C.$attrs["svg-title"] ? (e(), o("title", h, s(C.$attrs["svg-title"]), 1)) : a("", !0),
+    t[0] || (t[0] = l('<path fill="#001222" d="M5 4C5.29667 4 5.58668 3.91203 5.83335 3.74721C6.08003 3.58238 6.27229 3.34811 6.38582 3.07403C6.49935 2.79994 6.52906 2.49834 6.47118 2.20737C6.4133 1.91639 6.27044 1.64912 6.06066 1.43934C5.85088 1.22956 5.58361 1.0867 5.29263 1.02882C5.00166 0.970945 4.70006 1.00065 4.42598 1.11418C4.15189 1.22771 3.91762 1.41997 3.7528 1.66665C3.58797 1.91332 3.5 2.20333 3.5 2.5C3.5 2.89783 3.65804 3.27936 3.93934 3.56066C4.22065 3.84197 4.60218 4 5 4Z"></path><path fill="#001222" d="M5.83335 14.7472C5.58668 14.912 5.29667 15 5 15C4.60218 15 4.22065 14.842 3.93934 14.5607C3.65804 14.2794 3.5 13.8978 3.5 13.5C3.5 13.2033 3.58797 12.9133 3.7528 12.6666C3.91762 12.42 4.15189 12.2277 4.42598 12.1142C4.70006 12.0007 5.00166 11.9709 5.29263 12.0288C5.58361 12.0867 5.85088 12.2296 6.06066 12.4393C6.27044 12.6491 6.4133 12.9164 6.47118 13.2074C6.52906 13.4983 6.49935 13.7999 6.38582 14.074C6.27229 14.3481 6.08003 14.5824 5.83335 14.7472Z"></path><path fill="#001222" d="M11.8334 14.7472C11.5867 14.912 11.2967 15 11 15C10.6022 15 10.2206 14.842 9.93934 14.5607C9.65803 14.2794 9.5 13.8978 9.5 13.5C9.5 13.2033 9.58797 12.9133 9.7528 12.6666C9.91762 12.42 10.1519 12.2277 10.426 12.1142C10.7001 12.0007 11.0017 11.9709 11.2926 12.0288C11.5836 12.0867 11.8509 12.2296 12.0607 12.4393C12.2704 12.6491 12.4133 12.9164 12.4712 13.2074C12.5291 13.4983 12.4993 13.7999 12.3858 14.074C12.2723 14.3481 12.08 14.5824 11.8334 14.7472Z"></path><path fill="#001222" d="M11.8334 3.74721C11.5867 3.91203 11.2967 4 11 4C10.6022 4 10.2206 3.84197 9.93934 3.56066C9.65803 3.27936 9.5 2.89783 9.5 2.5C9.5 2.20333 9.58797 1.91332 9.7528 1.66665C9.91762 1.41997 10.1519 1.22771 10.426 1.11418C10.7001 1.00065 11.0017 0.970945 11.2926 1.02882C11.5836 1.0867 11.8509 1.22956 12.0607 1.43934C12.2704 1.64912 12.4133 1.91639 12.4712 2.20737C12.5291 2.49834 12.4993 2.79994 12.3858 3.07403C12.2723 3.34811 12.08 3.58238 11.8334 3.74721Z"></path><path fill="#001222" d="M5 9.5C5.29667 9.5 5.58668 9.41203 5.83335 9.24721C6.08003 9.08238 6.27229 8.84811 6.38582 8.57403C6.49935 8.29994 6.52906 7.99834 6.47118 7.70737C6.4133 7.41639 6.27044 7.14912 6.06066 6.93934C5.85088 6.72956 5.58361 6.5867 5.29263 6.52882C5.00166 6.47094 4.70006 6.50065 4.42598 6.61418C4.15189 6.72771 3.91762 6.91997 3.7528 7.16665C3.58797 7.41332 3.5 7.70333 3.5 8C3.5 8.39783 3.65804 8.77936 3.93934 9.06066C4.22065 9.34197 4.60218 9.5 5 9.5Z"></path><path fill="#001222" d="M11.8334 9.24721C11.5867 9.41203 11.2967 9.5 11 9.5C10.6022 9.5 10.2206 9.34197 9.93934 9.06066C9.65803 8.77936 9.5 8.39783 9.5 8C9.5 7.70333 9.58797 7.41332 9.7528 7.16665C9.91762 6.91997 10.1519 6.72771 10.426 6.61418C10.7001 6.50065 11.0017 6.47094 11.2926 6.52882C11.5836 6.5867 11.8509 6.72956 12.0607 6.93934C12.2704 7.14912 12.4133 7.41639 12.4712 7.70737C12.5291 7.99834 12.4993 8.29994 12.3858 8.57403C12.2723 8.84811 12.08 9.08238 11.8334 9.24721Z"></path>', 6))
   ], 16);
 }
 const Z = /* @__PURE__ */ p(n, [["render", d]]);
 export {
   Z as G
 };
-//# sourceMappingURL=grab.B63hmf-_.js.map
+//# sourceMappingURL=grab.DJYL4kBq.js.map

package/dist/chunks/{grab.B63hmf-_.js.map → grab.DJYL4kBq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grab.B63hmf-_.js","sources":["../../../ui-assets/icons-16/dist/vue/grab.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M5 4C5.29667 4 5.58668 3.91203 5.83335 3.74721C6.08003 3.58238 6.27229 3.34811 6.38582 3.07403C6.49935 2.79994 6.52906 2.49834 6.47118 2.20737C6.4133 1.91639 6.27044 1.64912 6.06066 1.43934C5.85088 1.22956 5.58361 1.0867 5.29263 1.02882C5.00166 0.970945 4.70006 1.00065 4.42598 1.11418C4.15189 1.22771 3.91762 1.41997 3.7528 1.66665C3.58797 1.91332 3.5 2.20333 3.5 2.5C3.5 2.89783 3.65804 3.27936 3.93934 3.56066C4.22065 3.84197 4.60218 4 5 4Z\"/><path fill=\"#001222\" d=\"M5.83335 14.7472C5.58668 14.912 5.29667 15 5 15C4.60218 15 4.22065 14.842 3.93934 14.5607C3.65804 14.2794 3.5 13.8978 3.5 13.5C3.5 13.2033 3.58797 12.9133 3.7528 12.6666C3.91762 12.42 4.15189 12.2277 4.42598 12.1142C4.70006 12.0007 5.00166 11.9709 5.29263 12.0288C5.58361 12.0867 5.85088 12.2296 6.06066 12.4393C6.27044 12.6491 6.4133 12.9164 6.47118 13.2074C6.52906 13.4983 6.49935 13.7999 6.38582 14.074C6.27229 14.3481 6.08003 14.5824 5.83335 14.7472Z\"/><path fill=\"#001222\" d=\"M11.8334 14.7472C11.5867 14.912 11.2967 15 11 15C10.6022 15 10.2206 14.842 9.93934 14.5607C9.65803 14.2794 9.5 13.8978 9.5 13.5C9.5 13.2033 9.58797 12.9133 9.7528 12.6666C9.91762 12.42 10.1519 12.2277 10.426 12.1142C10.7001 12.0007 11.0017 11.9709 11.2926 12.0288C11.5836 12.0867 11.8509 12.2296 12.0607 12.4393C12.2704 12.6491 12.4133 12.9164 12.4712 13.2074C12.5291 13.4983 12.4993 13.7999 12.3858 14.074C12.2723 14.3481 12.08 14.5824 11.8334 14.7472Z\"/><path fill=\"#001222\" d=\"M11.8334 3.74721C11.5867 3.91203 11.2967 4 11 4C10.6022 4 10.2206 3.84197 9.93934 3.56066C9.65803 3.27936 9.5 2.89783 9.5 2.5C9.5 2.20333 9.58797 1.91332 9.7528 1.66665C9.91762 1.41997 10.1519 1.22771 10.426 1.11418C10.7001 1.00065 11.0017 0.970945 11.2926 1.02882C11.5836 1.0867 11.8509 1.22956 12.0607 1.43934C12.2704 1.64912 12.4133 1.91639 12.4712 2.20737C12.5291 2.49834 12.4993 2.79994 12.3858 3.07403C12.2723 3.34811 12.08 3.58238 11.8334 3.74721Z\"/><path fill=\"#001222\" d=\"M5 9.5C5.29667 9.5 5.58668 9.41203 5.83335 9.24721C6.08003 9.08238 6.27229 8.84811 6.38582 8.57403C6.49935 8.29994 6.52906 7.99834 6.47118 7.70737C6.4133 7.41639 6.27044 7.14912 6.06066 6.93934C5.85088 6.72956 5.58361 6.5867 5.29263 6.52882C5.00166 6.47094 4.70006 6.50065 4.42598 6.61418C4.15189 6.72771 3.91762 6.91997 3.7528 7.16665C3.58797 7.41332 3.5 7.70333 3.5 8C3.5 8.39783 3.65804 8.77936 3.93934 9.06066C4.22065 9.34197 4.60218 9.5 5 9.5Z\"/><path fill=\"#001222\" d=\"M11.8334 9.24721C11.5867 9.41203 11.2967 9.5 11 9.5C10.6022 9.5 10.2206 9.34197 9.93934 9.06066C9.65803 8.77936 9.5 8.39783 9.5 8C9.5 7.70333 9.58797 7.41332 9.7528 7.16665C9.91762 6.91997 10.1519 6.72771 10.426 6.61418C10.7001 6.50065 11.0017 6.47094 11.2926 6.52882C11.5836 6.5867 11.8509 6.72956 12.0607 6.93934C12.2704 7.14912 12.4133 7.41639 12.4712 7.70737C12.5291 7.99834 12.4993 8.29994 12.3858 8.57403C12.2723 8.84811 12.08 9.08238 11.8334 9.24721Z\"/></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"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_cache","_createStaticVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAigG,OAAjgGC,EAAigG,EAA5/F,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,IAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,+1FAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"grab.DJYL4kBq.js","sources":["../../../ui-assets/icons-16/dist/vue/grab.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M5 4C5.29667 4 5.58668 3.91203 5.83335 3.74721C6.08003 3.58238 6.27229 3.34811 6.38582 3.07403C6.49935 2.79994 6.52906 2.49834 6.47118 2.20737C6.4133 1.91639 6.27044 1.64912 6.06066 1.43934C5.85088 1.22956 5.58361 1.0867 5.29263 1.02882C5.00166 0.970945 4.70006 1.00065 4.42598 1.11418C4.15189 1.22771 3.91762 1.41997 3.7528 1.66665C3.58797 1.91332 3.5 2.20333 3.5 2.5C3.5 2.89783 3.65804 3.27936 3.93934 3.56066C4.22065 3.84197 4.60218 4 5 4Z\"/><path fill=\"#001222\" d=\"M5.83335 14.7472C5.58668 14.912 5.29667 15 5 15C4.60218 15 4.22065 14.842 3.93934 14.5607C3.65804 14.2794 3.5 13.8978 3.5 13.5C3.5 13.2033 3.58797 12.9133 3.7528 12.6666C3.91762 12.42 4.15189 12.2277 4.42598 12.1142C4.70006 12.0007 5.00166 11.9709 5.29263 12.0288C5.58361 12.0867 5.85088 12.2296 6.06066 12.4393C6.27044 12.6491 6.4133 12.9164 6.47118 13.2074C6.52906 13.4983 6.49935 13.7999 6.38582 14.074C6.27229 14.3481 6.08003 14.5824 5.83335 14.7472Z\"/><path fill=\"#001222\" d=\"M11.8334 14.7472C11.5867 14.912 11.2967 15 11 15C10.6022 15 10.2206 14.842 9.93934 14.5607C9.65803 14.2794 9.5 13.8978 9.5 13.5C9.5 13.2033 9.58797 12.9133 9.7528 12.6666C9.91762 12.42 10.1519 12.2277 10.426 12.1142C10.7001 12.0007 11.0017 11.9709 11.2926 12.0288C11.5836 12.0867 11.8509 12.2296 12.0607 12.4393C12.2704 12.6491 12.4133 12.9164 12.4712 13.2074C12.5291 13.4983 12.4993 13.7999 12.3858 14.074C12.2723 14.3481 12.08 14.5824 11.8334 14.7472Z\"/><path fill=\"#001222\" d=\"M11.8334 3.74721C11.5867 3.91203 11.2967 4 11 4C10.6022 4 10.2206 3.84197 9.93934 3.56066C9.65803 3.27936 9.5 2.89783 9.5 2.5C9.5 2.20333 9.58797 1.91332 9.7528 1.66665C9.91762 1.41997 10.1519 1.22771 10.426 1.11418C10.7001 1.00065 11.0017 0.970945 11.2926 1.02882C11.5836 1.0867 11.8509 1.22956 12.0607 1.43934C12.2704 1.64912 12.4133 1.91639 12.4712 2.20737C12.5291 2.49834 12.4993 2.79994 12.3858 3.07403C12.2723 3.34811 12.08 3.58238 11.8334 3.74721Z\"/><path fill=\"#001222\" d=\"M5 9.5C5.29667 9.5 5.58668 9.41203 5.83335 9.24721C6.08003 9.08238 6.27229 8.84811 6.38582 8.57403C6.49935 8.29994 6.52906 7.99834 6.47118 7.70737C6.4133 7.41639 6.27044 7.14912 6.06066 6.93934C5.85088 6.72956 5.58361 6.5867 5.29263 6.52882C5.00166 6.47094 4.70006 6.50065 4.42598 6.61418C4.15189 6.72771 3.91762 6.91997 3.7528 7.16665C3.58797 7.41332 3.5 7.70333 3.5 8C3.5 8.39783 3.65804 8.77936 3.93934 9.06066C4.22065 9.34197 4.60218 9.5 5 9.5Z\"/><path fill=\"#001222\" d=\"M11.8334 9.24721C11.5867 9.41203 11.2967 9.5 11 9.5C10.6022 9.5 10.2206 9.34197 9.93934 9.06066C9.65803 8.77936 9.5 8.39783 9.5 8C9.5 7.70333 9.58797 7.41332 9.7528 7.16665C9.91762 6.91997 10.1519 6.72771 10.426 6.61418C10.7001 6.50065 11.0017 6.47094 11.2926 6.52882C11.5836 6.5867 11.8509 6.72956 12.0607 6.93934C12.2704 7.14912 12.4133 7.41639 12.4712 7.70737C12.5291 7.99834 12.4993 8.29994 12.3858 8.57403C12.2723 8.84811 12.08 9.08238 11.8334 9.24721Z\"/></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"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_cache","_createStaticVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAigG,OAAjgGC,EAAigG,EAA5/F,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,IAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,+1FAAA,CAAA;AAAA;;;"}

package/dist/chunks/{grid-layout.DDaRNz4-.js → grid-layout.Vhv1_zFs.js}

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as S, createElementBlock as l, openBlock as t, normalizeClass as e, createCommentVNode as u, renderSlot as i } from "vue";
+import { defineComponent as p, computed as S, openBlock as l, createElementBlock as t, normalizeClass as e, renderSlot as u, createCommentVNode as i } from "vue";
 import { u as v } from "./use-has-slot.B7eQSabc.js";
 import { _ as h } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/grid-layout.css";
@@ -58,52 +58,52 @@ const b = p({
   }
 });
 function f(o, n, r, c, m, a) {
-  return t(), l("div", {
+  return l(), t("div", {
     class: e(["b-grid-layout", o.computedClasses]),
     "data-testid": "grid-layout"
   }, [
-    o.hasSlot("col-1") ? (t(), l("div", {
+    o.hasSlot("col-1") ? (l(), t("div", {
       key: 0,
       class: e(["b-grid-layout__column", o.computeColumnSize(0)]),
       "data-testid": "grid-layout-col-1"
     }, [
-      i(o.$slots, "col-1", {}, void 0, !0)
-    ], 2)) : u("", !0),
-    o.hasSlot("col-2") ? (t(), l("div", {
+      u(o.$slots, "col-1", {}, void 0, !0)
+    ], 2)) : i("", !0),
+    o.hasSlot("col-2") ? (l(), t("div", {
       key: 1,
       class: e(["b-grid-layout__column", o.computeColumnSize(1)]),
       "data-testid": "grid-layout-col-2"
     }, [
-      i(o.$slots, "col-2", {}, void 0, !0)
-    ], 2)) : u("", !0),
-    o.hasSlot("col-3") ? (t(), l("div", {
+      u(o.$slots, "col-2", {}, void 0, !0)
+    ], 2)) : i("", !0),
+    o.hasSlot("col-3") ? (l(), t("div", {
       key: 2,
       class: e(["b-grid-layout__column", o.computeColumnSize(2)]),
       "data-testid": "grid-layout-col-3"
     }, [
-      i(o.$slots, "col-3", {}, void 0, !0)
-    ], 2)) : u("", !0),
-    o.hasSlot("col-4") ? (t(), l("div", {
+      u(o.$slots, "col-3", {}, void 0, !0)
+    ], 2)) : i("", !0),
+    o.hasSlot("col-4") ? (l(), t("div", {
       key: 3,
       class: e(["b-grid-layout__column", o.computeColumnSize(3)]),
       "data-testid": "grid-layout-col-4"
     }, [
-      i(o.$slots, "col-4", {}, void 0, !0)
-    ], 2)) : u("", !0),
-    o.hasSlot("col-5") ? (t(), l("div", {
+      u(o.$slots, "col-4", {}, void 0, !0)
+    ], 2)) : i("", !0),
+    o.hasSlot("col-5") ? (l(), t("div", {
       key: 4,
       class: e(["b-grid-layout__column", o.computeColumnSize(4)]),
       "data-testid": "grid-layout-col-5"
     }, [
-      i(o.$slots, "col-5", {}, void 0, !0)
-    ], 2)) : u("", !0),
-    o.hasSlot("col-6") ? (t(), l("div", {
+      u(o.$slots, "col-5", {}, void 0, !0)
+    ], 2)) : i("", !0),
+    o.hasSlot("col-6") ? (l(), t("div", {
       key: 5,
       class: e(["b-grid-layout__column", o.computeColumnSize(5)]),
       "data-testid": "grid-layout-col-6"
     }, [
-      i(o.$slots, "col-6", {}, void 0, !0)
-    ], 2)) : u("", !0)
+      u(o.$slots, "col-6", {}, void 0, !0)
+    ], 2)) : i("", !0)
   ], 2);
 }
 const _ = /* @__PURE__ */ h(b, [["render", f], ["__scopeId", "data-v-7657a447"]]);
@@ -111,4 +111,4 @@ export {
   _ as G,
   d as a
 };
-//# sourceMappingURL=grid-layout.DDaRNz4-.js.map
+//# sourceMappingURL=grid-layout.Vhv1_zFs.js.map

package/dist/chunks/{grid-layout.DDaRNz4-.js.map → grid-layout.Vhv1_zFs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-layout.DDaRNz4-.js","sources":["../../../vue2/src/components/internal/grid-layout/grid-layout.types.ts","../../../vue2/src/components/internal/grid-layout/grid-layout.vue"],"sourcesContent":["export enum GridLayoutContainerType {\n    INLINE = 'inline-size',\n    SIZE = 'size',\n    NORMAL = 'normal',\n}\n\nexport interface GridLayoutColumnWidth {\n    small: number | string;\n    medium: number | string;\n    large: number | string;\n}\n\nexport type GridLayoutColumnWidths = Array<'auto' | GridLayoutColumnWidth>;\n","<template>\n    <div class=\"b-grid-layout\" :class=\"computedClasses\" data-testid=\"grid-layout\">\n        <div\n            v-if=\"hasSlot('col-1')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(0)\"\n            data-testid=\"grid-layout-col-1\"\n        >\n            <slot name=\"col-1\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-2')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(1)\"\n            data-testid=\"grid-layout-col-2\"\n        >\n            <slot name=\"col-2\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-3')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(2)\"\n            data-testid=\"grid-layout-col-3\"\n        >\n            <slot name=\"col-3\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-4')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(3)\"\n            data-testid=\"grid-layout-col-4\"\n        >\n            <slot name=\"col-4\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-5')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(4)\"\n            data-testid=\"grid-layout-col-5\"\n        >\n            <slot name=\"col-5\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-6')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(5)\"\n            data-testid=\"grid-layout-col-6\"\n        >\n            <slot name=\"col-6\"></slot>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { useHasSlot } from '@/composables';\n    import { type GridLayoutColumnWidth, type GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';\n\n    /**\n     * Component used to render the grid layout in the bento-summary-grid. For internal use only\n     */\n    export default defineComponent({\n        name: 'grid-layout',\n        props: {\n            /**\n             * Sets the responsive columns widths for the grid.\n             */\n            columnWidth: {\n                type: Array as PropType<GridLayoutColumnWidths>,\n                default: null,\n                validator: (array: GridLayoutColumnWidths) => array && array.length <= 6,\n            },\n\n            /**\n             * Set the type of CSS container the grid layout has\n             * @values inline-size, size, normal\n             */\n            containerType: {\n                type: String as PropType<GridLayoutContainerType>,\n                default: GridLayoutContainerType.INLINE,\n            },\n\n            /**\n             * Sets the gap in the grid to 0.\n             */\n            noGap: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props, { slots }) {\n            const hasSlot = useHasSlot(slots);\n\n            // TODO: add a computedItems computed here that only returns the slots that are presents so as to be able to render the divs in the template via a v-for\n            const computeColumnSize = index => {\n                if (props.columnWidth?.[index] && props.columnWidth?.[index] !== 'auto') {\n                    const columnWidth = props.columnWidth[index] as GridLayoutColumnWidth;\n                    return [\n                        `b-grid-layout__column--${columnWidth.small}`,\n                        `b-grid-layout-m__column--${columnWidth.medium}`,\n                        `b-grid-layout-l__column--${columnWidth.large}`,\n                    ];\n                }\n                return null;\n            };\n\n            const computedClasses = computed(() => ({\n                'b-grid-layout--container-type-normal': props.containerType === GridLayoutContainerType.NORMAL,\n                'b-grid-layout--container-type-size': props.containerType === GridLayoutContainerType.SIZE,\n                'b-grid-layout--all-auto':\n                    props.columnWidth === null || props.columnWidth.every(width => width === 'auto'),\n                'b-grid-layout--no-gap': props.noGap,\n            }));\n\n            return {\n                // Values\n                computeColumnSize,\n                computedClasses,\n\n                // Methods\n                hasSlot,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./grid-layout.scss\" />\n"],"names":["GridLayoutContainerType","GridLayoutContainerType2","_sfc_main","defineComponent","array","props","slots","hasSlot","useHasSlot","computeColumnSize","index","_a","_b","columnWidth","computedClasses","computed","width","openBlock","createElementBlock","normalizeClass","_ctx","renderSlot","createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"grid-layout.Vhv1_zFs.js","sources":["../../../vue2/src/components/internal/grid-layout/grid-layout.types.ts","../../../vue2/src/components/internal/grid-layout/grid-layout.vue"],"sourcesContent":["export enum GridLayoutContainerType {\n    INLINE = 'inline-size',\n    SIZE = 'size',\n    NORMAL = 'normal',\n}\n\nexport interface GridLayoutColumnWidth {\n    small: number | string;\n    medium: number | string;\n    large: number | string;\n}\n\nexport type GridLayoutColumnWidths = Array<'auto' | GridLayoutColumnWidth>;\n","<template>\n    <div class=\"b-grid-layout\" :class=\"computedClasses\" data-testid=\"grid-layout\">\n        <div\n            v-if=\"hasSlot('col-1')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(0)\"\n            data-testid=\"grid-layout-col-1\"\n        >\n            <slot name=\"col-1\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-2')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(1)\"\n            data-testid=\"grid-layout-col-2\"\n        >\n            <slot name=\"col-2\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-3')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(2)\"\n            data-testid=\"grid-layout-col-3\"\n        >\n            <slot name=\"col-3\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-4')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(3)\"\n            data-testid=\"grid-layout-col-4\"\n        >\n            <slot name=\"col-4\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-5')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(4)\"\n            data-testid=\"grid-layout-col-5\"\n        >\n            <slot name=\"col-5\"></slot>\n        </div>\n        <div\n            v-if=\"hasSlot('col-6')\"\n            class=\"b-grid-layout__column\"\n            :class=\"computeColumnSize(5)\"\n            data-testid=\"grid-layout-col-6\"\n        >\n            <slot name=\"col-6\"></slot>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { useHasSlot } from '@/composables';\n    import { type GridLayoutColumnWidth, type GridLayoutColumnWidths, GridLayoutContainerType } from './grid-layout.types';\n\n    /**\n     * Component used to render the grid layout in the bento-summary-grid. For internal use only\n     */\n    export default defineComponent({\n        name: 'grid-layout',\n        props: {\n            /**\n             * Sets the responsive columns widths for the grid.\n             */\n            columnWidth: {\n                type: Array as PropType<GridLayoutColumnWidths>,\n                default: null,\n                validator: (array: GridLayoutColumnWidths) => array && array.length <= 6,\n            },\n\n            /**\n             * Set the type of CSS container the grid layout has\n             * @values inline-size, size, normal\n             */\n            containerType: {\n                type: String as PropType<GridLayoutContainerType>,\n                default: GridLayoutContainerType.INLINE,\n            },\n\n            /**\n             * Sets the gap in the grid to 0.\n             */\n            noGap: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        setup(props, { slots }) {\n            const hasSlot = useHasSlot(slots);\n\n            // TODO: add a computedItems computed here that only returns the slots that are presents so as to be able to render the divs in the template via a v-for\n            const computeColumnSize = index => {\n                if (props.columnWidth?.[index] && props.columnWidth?.[index] !== 'auto') {\n                    const columnWidth = props.columnWidth[index] as GridLayoutColumnWidth;\n                    return [\n                        `b-grid-layout__column--${columnWidth.small}`,\n                        `b-grid-layout-m__column--${columnWidth.medium}`,\n                        `b-grid-layout-l__column--${columnWidth.large}`,\n                    ];\n                }\n                return null;\n            };\n\n            const computedClasses = computed(() => ({\n                'b-grid-layout--container-type-normal': props.containerType === GridLayoutContainerType.NORMAL,\n                'b-grid-layout--container-type-size': props.containerType === GridLayoutContainerType.SIZE,\n                'b-grid-layout--all-auto':\n                    props.columnWidth === null || props.columnWidth.every(width => width === 'auto'),\n                'b-grid-layout--no-gap': props.noGap,\n            }));\n\n            return {\n                // Values\n                computeColumnSize,\n                computedClasses,\n\n                // Methods\n                hasSlot,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./grid-layout.scss\" />\n"],"names":["GridLayoutContainerType","GridLayoutContainerType2","_sfc_main","defineComponent","array","props","slots","hasSlot","useHasSlot","computeColumnSize","index","_a","_b","columnWidth","computedClasses","computed","width","openBlock","createElementBlock","normalizeClass","_ctx","renderSlot","createCommentVNode"],"mappings":"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"}

package/dist/chunks/{header-meta.CkLmuprc.js → header-meta.Bw8ZGwJW.js}

@@ -1,18 +1,18 @@
-import { shallowRef as L, watch as F, defineComponent as R, ref as g, createElementBlock as S, openBlock as _, createVNode as b, createBlock as B, createCommentVNode as h, unref as c, withCtx as v, renderSlot as w, toDisplayString as M, computed as P, useSlots as $, createTextVNode as O } from "vue";
-import { h as A, a as Y } from "./button-actions.Dk8xU2cz.js";
-import { B as z } from "./popover.types.BbYumG-N.js";
-import { p as H, B as T } from "./typography.6Oo5TOMP.js";
+import { shallowRef as L, watch as F, defineComponent as R, ref as g, openBlock as _, createElementBlock as S, createVNode as b, unref as c, createBlock as B, withCtx as v, renderSlot as w, toDisplayString as M, createCommentVNode as h, computed as P, useSlots as $, createTextVNode as O } from "vue";
+import { h as A, a as Y } from "./button-actions.BH-J7dux.js";
+import { B as z } from "./popover.types.C_Z2JeVK.js";
+import { p as H, B as T } from "./typography.B3J6_tYk.js";
 import { g as V } from "./generate-uid.NJ8tVoha.js";
-import { u as X } from "./index.pdBj0KQU.js";
-import { I as G } from "./info.BKwey1HA.js";
+import { u as X } from "./index.B875RXHM.js";
+import { I as G } from "./info.6Z6NxUst.js";
 import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { u as J } from "./use-has-slot.B7eQSabc.js";
 import { c as W } from "./constructNow.B8T1ljs6.js";
-import { t as U, a as q, n as K, b as k, g as Q, m as x, d as I } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
+import { t as U, a as q, n as K, b as k, m as x, d as I, g as Q } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
 import { d as Z } from "./differenceInMonths.BR4Z2HIa.js";
 import { g as ee } from "./getRoundingMethod.C3eaeGLR.js";
 import { g as te } from "./en-US.BZii9jNW.js";
-import { R as oe } from "./refresh.BB4ouvz_.js";
+import { R as oe } from "./refresh.C31KClfx.js";
 import "../assets/header-meta.css";
 const D = /* @__PURE__ */ Object.assign({
   "../../../node_modules/date-fns/locale/de.js": () => import("./de.DvtL0g75.js"),
@@ -21,13 +21,13 @@ const D = /* @__PURE__ */ Object.assign({
   "../../../node_modules/date-fns/locale/es.js": () => import("./es.bz0mzkMq.js"),
   "../../../node_modules/date-fns/locale/fr-CA.js": () => import("./fr-CA.B1aPU8fp.js"),
   "../../../node_modules/date-fns/locale/fr.js": () => import("./fr.Dj7wEToe.js"),
-  "../../../node_modules/date-fns/locale/it.js": () => import("./it.DEniTaO2.js"),
+  "../../../node_modules/date-fns/locale/it.js": () => import("./it.DIafuXtH.js"),
   "../../../node_modules/date-fns/locale/ja.js": () => import("./ja.Cm9tJMi2.js"),
   "../../../node_modules/date-fns/locale/ko.js": () => import("./ko.Ceaof6EP.js"),
   "../../../node_modules/date-fns/locale/nl.js": () => import("./nl.B6vCf2B9.js"),
   "../../../node_modules/date-fns/locale/pt-BR.js": () => import("./pt-BR.CiGdfP45.js"),
   "../../../node_modules/date-fns/locale/sv.js": () => import("./sv.f8EfZjMZ.js"),
-  "../../../node_modules/date-fns/locale/zh-CN.js": () => import("./zh-CN.CgIooHto.js")
+  "../../../node_modules/date-fns/locale/zh-CN.js": () => import("./zh-CN.Bw_6j9Cd.js")
 });
 function ae(n) {
   const s = L(void 0);
@@ -188,10 +188,10 @@ const E = {
     lastUpdated: "Last updated: {date}"
   },
   "ja-JP": {
-    lastUpdated: "最終更新日: {date}前"
+    lastUpdated: "最終更新日: {date}"
   },
   "pt-BR": {
-    lastUpdated: "Última atualização: há {date}"
+    lastUpdated: "Última atualização: {date}"
   }
 }, ue = { class: "b-header-meta__container" }, fe = {
   key: 1,
@@ -260,4 +260,4 @@ export {
   ke as H,
   Ue as I
 };
-//# sourceMappingURL=header-meta.CkLmuprc.js.map
+//# sourceMappingURL=header-meta.Bw8ZGwJW.js.map

package/dist/chunks/{header-meta.CkLmuprc.js.map → header-meta.Bw8ZGwJW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header-meta.CkLmuprc.js","sources":["../../../vue2/src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts","../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMilliseconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInSeconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistance.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNow.js","../../../vue2/src/components/internal/header-meta/header-meta.vue"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,fr-CA,it,ja,ko,nl,pt-BR,sv,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('moreInformation')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import { type PropType, ref } from 'vue';\n    import type { BentoPopoverProps } from '../../popover/popover.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: String as PropType<BentoPopoverProps['position']>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\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 infoIconOnFocus = () => {\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 infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n *\n * @returns The number of milliseconds\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\nexport function differenceInMilliseconds(laterDate, earlierDate) {\n  return +toDate(laterDate) - +toDate(earlierDate);\n}\n\n// Fallback for modularized imports:\nexport default differenceInMilliseconds;\n","import { getRoundingMethod } from \"./_lib/getRoundingMethod.js\";\nimport { differenceInMilliseconds } from \"./differenceInMilliseconds.js\";\n\n/**\n * The {@link differenceInSeconds} function options.\n */\n\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options.\n *\n * @returns The number of seconds\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\nexport function differenceInSeconds(laterDate, earlierDate, options) {\n  const diff = differenceInMilliseconds(laterDate, earlierDate) / 1000;\n  return getRoundingMethod(options?.roundingMethod)(diff);\n}\n\n// Fallback for modularized imports:\nexport default differenceInSeconds;\n","import { defaultLocale } from \"./_lib/defaultLocale.js\";\nimport { getDefaultOptions } from \"./_lib/defaultOptions.js\";\nimport { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { minutesInDay, minutesInMonth } from \"./constants.js\";\nimport { differenceInMonths } from \"./differenceInMonths.js\";\nimport { differenceInSeconds } from \"./differenceInSeconds.js\";\n\n/**\n * The {@link formatDistance} function options.\n */\n\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * @param laterDate - The date\n * @param earlierDate - The date to compare with\n * @param options - An object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `baseDate` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistance(laterDate, earlierDate, options) {\n  const defaultOptions = getDefaultOptions();\n  const locale = options?.locale ?? defaultOptions.locale ?? defaultLocale;\n  const minutesInAlmostTwoDays = 2520;\n\n  const comparison = compareAsc(laterDate, earlierDate);\n\n  if (isNaN(comparison)) throw new RangeError(\"Invalid time value\");\n\n  const localizeOptions = Object.assign({}, options, {\n    addSuffix: options?.addSuffix,\n    comparison: comparison,\n  });\n\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    ...(comparison > 0 ? [earlierDate, laterDate] : [laterDate, earlierDate]),\n  );\n\n  const seconds = differenceInSeconds(earlierDate_, laterDate_);\n  const offsetInSeconds =\n    (getTimezoneOffsetInMilliseconds(earlierDate_) -\n      getTimezoneOffsetInMilliseconds(laterDate_)) /\n    1000;\n  const minutes = Math.round((seconds - offsetInSeconds) / 60);\n  let months;\n\n  // 0 up to 2 mins\n  if (minutes < 2) {\n    if (options?.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance(\"lessThanXSeconds\", 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance(\"lessThanXSeconds\", 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance(\"lessThanXSeconds\", 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance(\"halfAMinute\", 0, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n      }\n    }\n\n    // 2 mins up to 0.75 hrs\n  } else if (minutes < 45) {\n    return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n\n    // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance(\"aboutXHours\", 1, localizeOptions);\n\n    // 1.5 hrs up to 24 hrs\n  } else if (minutes < minutesInDay) {\n    const hours = Math.round(minutes / 60);\n    return locale.formatDistance(\"aboutXHours\", hours, localizeOptions);\n\n    // 1 day up to 1.75 days\n  } else if (minutes < minutesInAlmostTwoDays) {\n    return locale.formatDistance(\"xDays\", 1, localizeOptions);\n\n    // 1.75 days up to 30 days\n  } else if (minutes < minutesInMonth) {\n    const days = Math.round(minutes / minutesInDay);\n    return locale.formatDistance(\"xDays\", days, localizeOptions);\n\n    // 1 month up to 2 months\n  } else if (minutes < minutesInMonth * 2) {\n    months = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"aboutXMonths\", months, localizeOptions);\n  }\n\n  months = differenceInMonths(earlierDate_, laterDate_);\n\n  // 2 months up to 12 months\n  if (months < 12) {\n    const nearestMonth = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"xMonths\", nearestMonth, localizeOptions);\n\n    // 1 year up to max Date\n  } else {\n    const monthsSinceStartOfYear = months % 12;\n    const years = Math.trunc(months / 12);\n\n    // N years up to 1 years 3 months\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance(\"aboutXYears\", years, localizeOptions);\n\n      // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance(\"overXYears\", years, localizeOptions);\n\n      // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance(\"almostXYears\", years + 1, localizeOptions);\n    }\n  }\n}\n\n// Fallback for modularized imports:\nexport default formatDistance;\n","import { constructNow } from \"./constructNow.js\";\n\nimport { formatDistance } from \"./formatDistance.js\";\n\n/**\n * The {@link formatDistanceToNow} function options.\n */\n\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * @param date - The given date\n * @param options - The object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * const result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * const result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * const result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * const eoLocale = require('date-fns/locale/eo')\n * const result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistanceToNow(date, options) {\n  return formatDistance(date, constructNow(date), options);\n}\n\n// Fallback for modularized imports:\nexport default formatDistanceToNow;\n","<template>\n    <div class=\"b-header-meta__container\">\n        <bento-typography v-if=\"description || hasSlot('description')\" class=\"b-header-meta__description\" el=\"div\">\n            <slot name=\"description\">{{ description }}</slot>\n        </bento-typography>\n        <div v-if=\"lastUpdated\" class=\"b-header-meta__timestamp-section\">\n            <bento-typography class=\"b-header-meta__timestamp\" el=\"div\">\n                {{ timestamp }}\n            </bento-typography>\n            <bento-loading-button\n                v-if=\"reloadButton\"\n                variant=\"tertiary\"\n                :state=\"reloadButton.state\"\n                @click=\"reloadButton.event\"\n                ><template #iconLeft><reload-icon aria-hidden=\"true\" /></template\n                >{{ reloadButton.title }}</bento-loading-button\n            >\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { useDynamicDateFnsLocale, useHasSlot } from '@/composables';\n    import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingButton } from '@/components/button';\n    import ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { HeaderMetaProps } from './header-meta.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<HeaderMetaProps>(), {\n        description: null,\n        lastUpdated: null,\n        reloadButton: null,\n    });\n\n    const activeLocale = computed(() => (props.lastUpdated ? locale.value : ''));\n    const dateLocale = useDynamicDateFnsLocale(activeLocale);\n\n    const timestamp = computed(() =>\n        props.lastUpdated\n            ? t('lastUpdated', {\n                  date: formatDistanceToNow(props.lastUpdated, {\n                      locale: dateLocale.value,\n                      addSuffix: true,\n                  }),\n              })\n            : null\n    );\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal component used by the BentoHeader and BentoHeaderWithViews components.\n     *\n     * @example\n     * import { HeaderMeta } from '@/internal';\n     *\n     * export default {\n     *     components: { HeaderMeta },\n     *     template: `\n     *          <header-meta description=\"header description\" :last-updated=\"new Date()\" />\n     *     `\n     * }\n     * @slot description - The description content. Overrides the `description` prop.\n     * @property description - Text showed under the title.\n     * @property lastUpdated - JavaScript \"Date\" object for when the content was last updated.\n     * @property reloadButton - Reload button which shows next to the header's timestamp.\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./header-meta.scss\" />\n"],"names":["dateFnsLocales","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning","__default__$1","messages$1","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","infoIconOnFocus","infoIconOnFocusOut","e","differenceInMilliseconds","laterDate","earlierDate","toDate","differenceInSeconds","options","diff","getRoundingMethod","formatDistance","defaultOptions","getDefaultOptions","locale","enUS","minutesInAlmostTwoDays","comparison","compareAsc","localizeOptions","laterDate_","earlierDate_","normalizeDates","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","minutesInDay","hours","minutesInMonth","days","differenceInMonths","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","date","constructNow","__default__","messages","t","props","__props","activeLocale","computed","timestamp","slots","useSlots","hasSlot","useHasSlot"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}
+{"version":3,"file":"header-meta.Bw8ZGwJW.js","sources":["../../../vue2/src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts","../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMilliseconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInSeconds.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistance.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceToNow.js","../../../vue2/src/components/internal/header-meta/header-meta.vue"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,fr-CA,it,ja,ko,nl,pt-BR,sv,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n","<template>\n    <div\n        ref=\"infoIconRef\"\n        class=\"b-info-icon-with-popover\"\n        tabindex=\"0\"\n        data-testid=\"info-icon-with-popover\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"infoIconOnFocus\"\n        @focusout=\"infoIconOnFocusOut\"\n    >\n        <info-icon\n            ref=\"targetElement\"\n            class=\"b-info-icon-with-popover__svg\"\n            :aria-expanded=\"isOpen\"\n            :aria-describedby=\"popoverId\"\n            :svg-title=\"t('moreInformation')\"\n        />\n        <bento-popover\n            v-if=\"targetElement\"\n            :open=\"isOpen\"\n            :target-element=\"targetElement\"\n            :position=\"popoverPosition\"\n            role=\"tooltip\"\n            fit-content\n            disable-focus-trap\n        >\n            <bento-typography>\n                <slot>\n                    <div v-if=\"popoverText\">\n                        {{ popoverText }}\n                    </div>\n                </slot>\n            </bento-typography>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n    import { type PropType, ref } from 'vue';\n    import type { BentoPopoverProps } from '../../popover/popover.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    defineProps({\n        /**\n         * Text showed in the popover on hover\n         */\n        popoverText: { type: String, default: null },\n\n        /**\n         * Position the popover should take if space is available\n         */\n        popoverPosition: {\n            type: String as PropType<BentoPopoverProps['position']>,\n            default: 'bottom-start',\n            validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n        },\n    });\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const infoIconRef = ref<HTMLDivElement>();\n    const targetElement = ref(null);\n    const popoverId = generateUid('bento-info-icon-with-popover');\n    const isOpen = ref();\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\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 infoIconOnFocus = () => {\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 infoIconOnFocusOut = (e: FocusEvent) => {\n        if (\n            !infoIconRef.value ||\n            !(e?.relatedTarget instanceof Element) ||\n            !infoIconRef.value.contains(e.relatedTarget)\n        ) {\n            closePopover();\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n     *\n     * @example\n     * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInfoIconWithPopover },\n     *     template: `\n     *          <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n     *              Content can also be rendered as a slot\n     *          </info-icon-with-popover>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n *\n * @returns The number of milliseconds\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\nexport function differenceInMilliseconds(laterDate, earlierDate) {\n  return +toDate(laterDate) - +toDate(earlierDate);\n}\n\n// Fallback for modularized imports:\nexport default differenceInMilliseconds;\n","import { getRoundingMethod } from \"./_lib/getRoundingMethod.js\";\nimport { differenceInMilliseconds } from \"./differenceInMilliseconds.js\";\n\n/**\n * The {@link differenceInSeconds} function options.\n */\n\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options.\n *\n * @returns The number of seconds\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\nexport function differenceInSeconds(laterDate, earlierDate, options) {\n  const diff = differenceInMilliseconds(laterDate, earlierDate) / 1000;\n  return getRoundingMethod(options?.roundingMethod)(diff);\n}\n\n// Fallback for modularized imports:\nexport default differenceInSeconds;\n","import { defaultLocale } from \"./_lib/defaultLocale.js\";\nimport { getDefaultOptions } from \"./_lib/defaultOptions.js\";\nimport { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { minutesInDay, minutesInMonth } from \"./constants.js\";\nimport { differenceInMonths } from \"./differenceInMonths.js\";\nimport { differenceInSeconds } from \"./differenceInSeconds.js\";\n\n/**\n * The {@link formatDistance} function options.\n */\n\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * @param laterDate - The date\n * @param earlierDate - The date to compare with\n * @param options - An object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `baseDate` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistance(laterDate, earlierDate, options) {\n  const defaultOptions = getDefaultOptions();\n  const locale = options?.locale ?? defaultOptions.locale ?? defaultLocale;\n  const minutesInAlmostTwoDays = 2520;\n\n  const comparison = compareAsc(laterDate, earlierDate);\n\n  if (isNaN(comparison)) throw new RangeError(\"Invalid time value\");\n\n  const localizeOptions = Object.assign({}, options, {\n    addSuffix: options?.addSuffix,\n    comparison: comparison,\n  });\n\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    ...(comparison > 0 ? [earlierDate, laterDate] : [laterDate, earlierDate]),\n  );\n\n  const seconds = differenceInSeconds(earlierDate_, laterDate_);\n  const offsetInSeconds =\n    (getTimezoneOffsetInMilliseconds(earlierDate_) -\n      getTimezoneOffsetInMilliseconds(laterDate_)) /\n    1000;\n  const minutes = Math.round((seconds - offsetInSeconds) / 60);\n  let months;\n\n  // 0 up to 2 mins\n  if (minutes < 2) {\n    if (options?.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance(\"lessThanXSeconds\", 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance(\"lessThanXSeconds\", 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance(\"lessThanXSeconds\", 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance(\"halfAMinute\", 0, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance(\"lessThanXMinutes\", 1, localizeOptions);\n      } else {\n        return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n      }\n    }\n\n    // 2 mins up to 0.75 hrs\n  } else if (minutes < 45) {\n    return locale.formatDistance(\"xMinutes\", minutes, localizeOptions);\n\n    // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance(\"aboutXHours\", 1, localizeOptions);\n\n    // 1.5 hrs up to 24 hrs\n  } else if (minutes < minutesInDay) {\n    const hours = Math.round(minutes / 60);\n    return locale.formatDistance(\"aboutXHours\", hours, localizeOptions);\n\n    // 1 day up to 1.75 days\n  } else if (minutes < minutesInAlmostTwoDays) {\n    return locale.formatDistance(\"xDays\", 1, localizeOptions);\n\n    // 1.75 days up to 30 days\n  } else if (minutes < minutesInMonth) {\n    const days = Math.round(minutes / minutesInDay);\n    return locale.formatDistance(\"xDays\", days, localizeOptions);\n\n    // 1 month up to 2 months\n  } else if (minutes < minutesInMonth * 2) {\n    months = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"aboutXMonths\", months, localizeOptions);\n  }\n\n  months = differenceInMonths(earlierDate_, laterDate_);\n\n  // 2 months up to 12 months\n  if (months < 12) {\n    const nearestMonth = Math.round(minutes / minutesInMonth);\n    return locale.formatDistance(\"xMonths\", nearestMonth, localizeOptions);\n\n    // 1 year up to max Date\n  } else {\n    const monthsSinceStartOfYear = months % 12;\n    const years = Math.trunc(months / 12);\n\n    // N years up to 1 years 3 months\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance(\"aboutXYears\", years, localizeOptions);\n\n      // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance(\"overXYears\", years, localizeOptions);\n\n      // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance(\"almostXYears\", years + 1, localizeOptions);\n    }\n  }\n}\n\n// Fallback for modularized imports:\nexport default formatDistance;\n","import { constructNow } from \"./constructNow.js\";\n\nimport { formatDistance } from \"./formatDistance.js\";\n\n/**\n * The {@link formatDistanceToNow} function options.\n */\n\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * @param date - The given date\n * @param options - The object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * const result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * const result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * const result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * const eoLocale = require('date-fns/locale/eo')\n * const result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\nexport function formatDistanceToNow(date, options) {\n  return formatDistance(date, constructNow(date), options);\n}\n\n// Fallback for modularized imports:\nexport default formatDistanceToNow;\n","<template>\n    <div class=\"b-header-meta__container\">\n        <bento-typography v-if=\"description || hasSlot('description')\" class=\"b-header-meta__description\" el=\"div\">\n            <slot name=\"description\">{{ description }}</slot>\n        </bento-typography>\n        <div v-if=\"lastUpdated\" class=\"b-header-meta__timestamp-section\">\n            <bento-typography class=\"b-header-meta__timestamp\" el=\"div\">\n                {{ timestamp }}\n            </bento-typography>\n            <bento-loading-button\n                v-if=\"reloadButton\"\n                variant=\"tertiary\"\n                :state=\"reloadButton.state\"\n                @click=\"reloadButton.event\"\n                ><template #iconLeft><reload-icon aria-hidden=\"true\" /></template\n                >{{ reloadButton.title }}</bento-loading-button\n            >\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, useSlots } from 'vue';\n    import { useDynamicDateFnsLocale, useHasSlot } from '@/composables';\n    import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoLoadingButton } from '@/components/button';\n    import ReloadIcon from '@adyen/ui-assets-icons-16/vue/refresh';\n    import { useI18n } from '@/utils/ts/i18n';\n    import type { HeaderMetaProps } from './header-meta.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = withDefaults(defineProps<HeaderMetaProps>(), {\n        description: null,\n        lastUpdated: null,\n        reloadButton: null,\n    });\n\n    const activeLocale = computed(() => (props.lastUpdated ? locale.value : ''));\n    const dateLocale = useDynamicDateFnsLocale(activeLocale);\n\n    const timestamp = computed(() =>\n        props.lastUpdated\n            ? t('lastUpdated', {\n                  date: formatDistanceToNow(props.lastUpdated, {\n                      locale: dateLocale.value,\n                      addSuffix: true,\n                  }),\n              })\n            : null\n    );\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal component used by the BentoHeader and BentoHeaderWithViews components.\n     *\n     * @example\n     * import { HeaderMeta } from '@/internal';\n     *\n     * export default {\n     *     components: { HeaderMeta },\n     *     template: `\n     *          <header-meta description=\"header description\" :last-updated=\"new Date()\" />\n     *     `\n     * }\n     * @slot description - The description content. Overrides the `description` prop.\n     * @property description - Text showed under the title.\n     * @property lastUpdated - JavaScript \"Date\" object for when the content was last updated.\n     * @property reloadButton - Reload button which shows next to the header's timestamp.\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./header-meta.scss\" />\n"],"names":["dateFnsLocales","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning","__default__$1","messages$1","useI18n","infoIconRef","ref","targetElement","popoverId","generateUid","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","infoIconOnFocus","infoIconOnFocusOut","e","differenceInMilliseconds","laterDate","earlierDate","toDate","differenceInSeconds","options","diff","getRoundingMethod","formatDistance","defaultOptions","getDefaultOptions","locale","enUS","minutesInAlmostTwoDays","comparison","compareAsc","localizeOptions","laterDate_","earlierDate_","normalizeDates","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","minutesInDay","hours","minutesInMonth","days","differenceInMonths","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","date","constructNow","__default__","messages","t","props","__props","activeLocale","computed","timestamp","slots","useSlots","hasSlot","useHasSlot"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}

package/dist/chunks/{header-with-views.BXZmqtnz.js → header-with-views.CJDoE4hw.js}

@@ -1,27 +1,27 @@
-import { createElementBlock as n, openBlock as l, mergeProps as L, createCommentVNode as c, createElementVNode as s, toDisplayString as p, createStaticVNode as Be, ref as f, reactive as n5, computed as Y, watch as s1, nextTick as k1, defineComponent as P1, toRef as a5, withKeys as q, withModifiers as f1, createVNode as I, createBlock as F, unref as o, withCtx as Z, Fragment as m1, renderList as V1, normalizeClass as l1, createTextVNode as X, resolveDynamicComponent as b1, onMounted as Ge, useSlots as r5, createSlots as w1, renderSlot as te } from "vue";
-import { B as g1 } from "./button.CSp48LJt.js";
-import { B as Ye } from "./checkbox.A35e7MsN.js";
-import { u as L1, c as I1, h as _1, f as je, B as u5 } from "./button-actions.Dk8xU2cz.js";
-import { _ as se } from "./modal.vue_vue_type_script_setup_true_lang.KSBXRR2X.js";
-import { B as C1 } from "./typography.6Oo5TOMP.js";
+import { openBlock as l, createElementBlock as n, mergeProps as L, toDisplayString as p, createCommentVNode as c, createElementVNode as s, createStaticVNode as Be, ref as f, reactive as n5, computed as Y, watch as s1, nextTick as k1, defineComponent as P1, toRef as a5, withKeys as q, withModifiers as f1, createVNode as I, unref as o, withCtx as Z, createBlock as F, Fragment as m1, renderList as V1, normalizeClass as l1, createTextVNode as X, resolveDynamicComponent as b1, onMounted as Ge, useSlots as r5, createSlots as w1, renderSlot as te } from "vue";
+import { B as g1 } from "./button.C6t9_lzm.js";
+import { B as Ye } from "./checkbox.7kpOXm-b.js";
+import { u as L1, c as I1, h as _1, f as je, B as u5 } from "./button-actions.BH-J7dux.js";
+import { _ as se } from "./modal.vue_vue_type_script_setup_true_lang.BAwez0nB.js";
+import { B as C1 } from "./typography.B3J6_tYk.js";
 import { u as d5 } from "./use-has-slot.B7eQSabc.js";
-import { u as v5 } from "./use-bento-toast-controller.V61h7XzI.js";
+import { u as v5 } from "./use-bento-toast-controller.BFctDoMg.js";
 import { g as H1 } from "./generate-uid.NJ8tVoha.js";
-import { B as c5 } from "./button-actions-with-menu.DY0pTtk-.js";
-import { u as S1 } from "./index.pdBj0KQU.js";
-import { B as p5 } from "./bin.DuHlEQBO.js";
-import { D as C5 } from "./dot.ob6N-5Um.js";
+import { B as c5 } from "./button-actions-with-menu.DBqA3Ws5.js";
+import { u as S1 } from "./index.B875RXHM.js";
+import { B as p5 } from "./bin.Cude0fiB.js";
+import { D as C5 } from "./dot.DBmwmOUN.js";
 /* empty css              */
 import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { R as f5 } from "./refresh.BB4ouvz_.js";
-import { b as qe, o as g5 } from "./index.CL07S4Wa.js";
-import { I as h5, H as w5 } from "./header-meta.CkLmuprc.js";
-import { G as $5 } from "./grab.B63hmf-_.js";
-import { u as $1 } from "./on-click-outside.D9aY9g8G.js";
-import { B as m5 } from "./divider.Dho4_hQ7.js";
-import { B as V5 } from "./input-field.CFNofr-W.js";
+import { R as f5 } from "./refresh.C31KClfx.js";
+import { b as qe, o as g5 } from "./index.CbxHJr39.js";
+import { I as h5, H as w5 } from "./header-meta.Bw8ZGwJW.js";
+import { G as $5 } from "./grab.DJYL4kBq.js";
+import { u as $1 } from "./on-click-outside.BW4rkhzG.js";
+import { B as m5 } from "./divider.BIY84UH7.js";
+import { B as V5 } from "./input-field.CNdqlGw6.js";
 import { d as b5 } from "./debounce.DUTu11PS.js";
-import { F as L5 } from "./field-label.OurHuGZS.js";
+import { F as L5 } from "./error-message.BYA2_fPV.js";
 import "../assets/header-with-views.css";
 let ie = 0;
 const _5 = {
@@ -2469,4 +2469,4 @@ const We = {
 export {
   Gs as h
 };
-//# sourceMappingURL=header-with-views.BXZmqtnz.js.map
+//# sourceMappingURL=header-with-views.CJDoE4hw.js.map