@adyen/bento-vue3 1.45.0 → 1.46.0

package/dist/chunks/{form-layout-title.srkVLEUW.js.map → form-layout-title.Du4aY15F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-layout-title.srkVLEUW.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\">\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 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 { 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')\" 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 { PropType, useSlots } from 'vue';\n    import { BentoFormLayoutFieldTipTypeOption, BentoFormLayoutFieldTipTypeOptions } 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\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, 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, organise 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","props","__props","formLayoutElement","computed","hasActions","provide","FORM_LAYOUT_LOADING_INJECTION_KEY","toRef","BentoFormLayoutFieldTipTypeOptions","__default__$2","BentoLayoutGroupProportions","__default__$1","computedLayout","conditionalClasses","__default__","isSection"],"mappings":";;;;;;;;;;qFAsFIA,IAAA,CAAA;;;;;;;;;;;;;;;AA1DA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAaAC,IAAAC,EAAA,MAAAH,EAAA,OAAA,SAAA,KAAA,GACAI,IAAAD,EAAA,MAAAL,EAAA,cAAA,KAAAA,EAAA,eAAA,CAAA;AAEA,WAAAO,EAAAC,GAAAC,EAAAP,GAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEC5CGQ,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,6CCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA3BA,UAAAb,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;kEClBGc,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;;;;;;;kECmBtDE,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAvDA,UAAAlB,IAAAC,EAAA,GAEAG,IAAAC,GAuBAc,IAAAZ,EAAA,MAAA,CAAAH,EAAA,UAAA,GACAF,IAAAC,EAAAH,CAAA,GACAiB,IAAAV,EAAA,OAAA;AAAA,MAA2C,mCAAAH,EAAA;AAAA,IACE,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form-layout-title.Du4aY15F.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\">\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 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 { 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')\" 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 { PropType, useSlots } from 'vue';\n    import { BentoFormLayoutFieldTipTypeOption, BentoFormLayoutFieldTipTypeOptions } 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\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, 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, organise 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","props","__props","formLayoutElement","computed","hasActions","provide","FORM_LAYOUT_LOADING_INJECTION_KEY","toRef","BentoFormLayoutFieldTipTypeOptions","__default__$2","BentoLayoutGroupProportions","__default__$1","computedLayout","conditionalClasses","__default__","isSection"],"mappings":";;;;;;;;;;qFAsFIA,IAAA,CAAA;;;;;;;;;;;;;;;AA1DA,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAaAC,IAAAC,EAAA,MAAAH,EAAA,OAAA,SAAA,KAAA,GACAI,IAAAD,EAAA,MAAAL,EAAA,cAAA,KAAAA,EAAA,eAAA,CAAA;AAEA,WAAAO,EAAAC,GAAAC,EAAAP,GAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEC5CGQ,IAAA,CAAA,WAAA,YAAA,aAAA,SAAA,6CCqDHC,IAAA,CAAA;;;;;;;;;;;;;;;AA3BA,UAAAb,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA;;;;;;;;;;;;;;;kEClBGc,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;;;;;;;kECmBtDE,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAvDA,UAAAlB,IAAAC,EAAA,GAEAG,IAAAC,GAuBAc,IAAAZ,EAAA,MAAA,CAAAH,EAAA,UAAA,GACAF,IAAAC,EAAAH,CAAA,GACAiB,IAAAV,EAAA,OAAA;AAAA,MAA2C,mCAAAH,EAAA;AAAA,IACE,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{generate-uid.NJ8tVoha.js → generate-uid.D-HFI38h.js}

@@ -17,7 +17,7 @@ function i() {
 const m = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), o = { randomUUID: m };
 function r(n, t, U) {
   var c;
-  if (o.randomUUID && !n)
+  if (o.randomUUID && !t && !n)
     return o.randomUUID();
   n = n || {};
   const d = n.random ?? ((c = n.rng) == null ? void 0 : c.call(n)) ?? i();
@@ -29,4 +29,4 @@ const p = (n) => n ? `${n}-${r()}` : r();
 export {
   p as g
 };
-//# sourceMappingURL=generate-uid.NJ8tVoha.js.map
+//# sourceMappingURL=generate-uid.D-HFI38h.js.map

package/dist/chunks/{generate-uid.NJ8tVoha.js.map → generate-uid.D-HFI38h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"generate-uid.NJ8tVoha.js","sources":["../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/stringify.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/rng.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/native.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/v4.js","../../../core/src/utils/ts/generate-uid.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import { v4 } from 'uuid';\n\n/**\n * Returns a unique identifier optionally prefixed by a custom string\n * @param value - The string to be prepended to the unique identifier\n */\nexport const generateUid = (value: string): string => (value ? `${value}-${v4()}` : v4());\n"],"names":["byteToHex","i","unsafeStringify","arr","offset","getRandomValues","rnds8","rng","randomUUID","native","v4","options","buf","_a","rnds","generateUid","value"],"mappings":"AACA,MAAMA,IAAY,CAAE;AACpB,SAASC,IAAI,GAAGA,IAAI,KAAK,EAAEA;AACvB,EAAAD,EAAU,MAAMC,IAAI,KAAO,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAE7C,SAASC,EAAgBC,GAAKC,IAAS,GAAG;AAC7C,UAAQJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IAC7BJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,GAAG,YAAa;AAClD;AC1BA,IAAIC;AACJ,MAAMC,IAAQ,IAAI,WAAW,EAAE;AAChB,SAASC,IAAM;AAC1B,MAAI,CAACF,GAAiB;AAClB,QAAI,OAAO,SAAW,OAAe,CAAC,OAAO;AACzC,YAAM,IAAI,MAAM,0GAA0G;AAE9H,IAAAA,IAAkB,OAAO,gBAAgB,KAAK,MAAM;AAAA,EAC5D;AACI,SAAOA,EAAgBC,CAAK;AAChC;ACVA,MAAME,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA,EAAE,YAAAD,EAAY;ACE7B,SAASE,EAAGC,GAASC,GAAKR,GAAQ;AHFlC,MAAAS;AGGI,MAAIJ,EAAO,cAAsB,CAACE;AAC9B,WAAOF,EAAO,WAAY;AAE9B,EAAAE,IAAUA,KAAW,CAAE;AACvB,QAAMG,IAAOH,EAAQ,YAAUE,IAAAF,EAAQ,QAAR,gBAAAE,EAAA,KAAAF,OAAmBJ,EAAK;AACvD,MAAIO,EAAK,SAAS;AACd,UAAM,IAAI,MAAM,mCAAmC;AAEvD,SAAAA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,IAC7BA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,KAWtBZ,EAAgBY,CAAI;AAC/B;ACnBa,MAAAC,IAAc,CAACC,MAA2BA,IAAQ,GAAGA,CAAK,IAAIN,GAAI,KAAKA,EAAG;","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"generate-uid.D-HFI38h.js","sources":["../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/stringify.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/rng.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/native.js","../../../../node_modules/.pnpm/uuid@11.0.5/node_modules/uuid/dist/esm-browser/v4.js","../../../core/src/utils/ts/generate-uid.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import { v4 } from 'uuid';\n\n/**\n * Returns a unique identifier optionally prefixed by a custom string\n * @param value - The string to be prepended to the unique identifier\n */\nexport const generateUid = (value: string): string => (value ? `${value}-${v4()}` : v4());\n"],"names":["byteToHex","i","unsafeStringify","arr","offset","getRandomValues","rnds8","rng","randomUUID","native","v4","options","buf","_a","rnds","generateUid","value"],"mappings":"AACA,MAAMA,IAAY,CAAE;AACpB,SAASC,IAAI,GAAGA,IAAI,KAAK,EAAEA;AACvB,EAAAD,EAAU,MAAMC,IAAI,KAAO,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAE7C,SAASC,EAAgBC,GAAKC,IAAS,GAAG;AAC7C,UAAQJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IAC7BJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzBJ,EAAUG,EAAIC,IAAS,CAAC,CAAC,IACzB,MACAJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,IAC1BJ,EAAUG,EAAIC,IAAS,EAAE,CAAC,GAAG,YAAa;AAClD;AC1BA,IAAIC;AACJ,MAAMC,IAAQ,IAAI,WAAW,EAAE;AAChB,SAASC,IAAM;AAC1B,MAAI,CAACF,GAAiB;AAClB,QAAI,OAAO,SAAW,OAAe,CAAC,OAAO;AACzC,YAAM,IAAI,MAAM,0GAA0G;AAE9H,IAAAA,IAAkB,OAAO,gBAAgB,KAAK,MAAM;AAAA,EAC5D;AACI,SAAOA,EAAgBC,CAAK;AAChC;ACVA,MAAME,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA,EAAE,YAAAD,EAAY;ACE7B,SAASE,EAAGC,GAASC,GAAKR,GAAQ;AHFlC,MAAAS;AGGI,MAAIJ,EAAO,cAAc,CAACG,KAAO,CAACD;AAC9B,WAAOF,EAAO,WAAY;AAE9B,EAAAE,IAAUA,KAAW,CAAE;AACvB,QAAMG,IAAOH,EAAQ,YAAUE,IAAAF,EAAQ,QAAR,gBAAAE,EAAA,KAAAF,OAAmBJ,EAAK;AACvD,MAAIO,EAAK,SAAS;AACd,UAAM,IAAI,MAAM,mCAAmC;AAEvD,SAAAA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,IAC7BA,EAAK,CAAC,IAAKA,EAAK,CAAC,IAAI,KAAQ,KAWtBZ,EAAgBY,CAAI;AAC/B;ACnBa,MAAAC,IAAc,CAACC,MAA2BA,IAAQ,GAAGA,CAAK,IAAIN,GAAI,KAAKA,EAAG;","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/{grid-layout.BTLE3rac.js → grid-layout.CqLbbEzI.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-bfda2e12"]]);
@@ -111,4 +111,4 @@ export {
   _ as G,
   d as a
 };
-//# sourceMappingURL=grid-layout.BTLE3rac.js.map
+//# sourceMappingURL=grid-layout.CqLbbEzI.js.map

package/dist/chunks/{grid-layout.BTLE3rac.js.map → grid-layout.CqLbbEzI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-layout.BTLE3rac.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, PropType } from 'vue';\n    import { useHasSlot } from '@/composables';\n    import { GridLayoutColumnWidth, 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.CqLbbEzI.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, PropType } from 'vue';\n    import { useHasSlot } from '@/composables';\n    import { GridLayoutColumnWidth, 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.CAHXObTT.js → header.CUyEq2ER.js}

@@ -1,26 +1,26 @@
-import { defineComponent as H, computed as y, resolveComponent as p, createElementBlock as C, openBlock as h, normalizeClass as L, createElementVNode as I, createBlock as b, createCommentVNode as _, createVNode as N, mergeProps as Y, withCtx as v, createTextVNode as S, toDisplayString as O, createSlots as $, renderSlot as x } from "vue";
-import { R as G } from "./refresh.SzRxQ44W.js";
-import { u as V } from "./use-has-slot.B7eQSabc.js";
-import { B as W, a as j, c as P } from "./typography.DN5eC5ch.js";
-import { u as z } from "./i18n.WMYWtwxB.js";
-import { r as d, t as c, l as q, a as w, g as F } from "./get-date-locale.BN8xEjY0.js";
-import { B as J } from "./button-actions-with-menu.BUyecZNi.js";
-import { c as M, a as K } from "./index.DDnf1O9p.js";
-import { e as Q } from "./index.DPafeRJa.js";
-import { e as Z } from "./index.CrhTVr5J.js";
-import { I as g } from "./info-icon-with-popover.DFv8U4sh.js";
-import { d as ee } from "./button-actions.CShVMUOC.js";
-import { _ as te } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { defineComponent as L, computed as y, resolveComponent as p, openBlock as v, createElementBlock as C, normalizeClass as Y, createElementVNode as I, createVNode as b, mergeProps as $, withCtx as h, createTextVNode as N, toDisplayString as S, createBlock as O, createSlots as x, renderSlot as G, createCommentVNode as _ } from "vue";
+import { R as V } from "./refresh.DvQeGwUF.js";
+import { u as W } from "./use-has-slot.B7eQSabc.js";
+import { B as j, c as P, a as z } from "./typography.DNzU41ah.js";
+import { u as q } from "./i18n.CPGoe9tN.js";
+import { r as d, t as c, l as F, a as w, g as J } from "./get-date-locale.BN8xEjY0.js";
+import { B as K } from "./button-actions-with-menu.DzQQlXXK.js";
+import { c as M, a as Q } from "./index.DDnf1O9p.js";
+import { e as Z } from "./index.DPafeRJa.js";
+import { e as ee } from "./index.CrhTVr5J.js";
+import { I as g } from "./info-icon-with-popover._ZiXaIcp.js";
+import { d as te } from "./button-actions.C8CJcXxS.js";
+import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/header.css";
-function oe(e, a) {
+function ne(e, a) {
   d(2, arguments);
   var n = c(e), t = c(a), i = n.getFullYear() - t.getFullYear(), o = n.getMonth() - t.getMonth();
   return i * 12 + o;
 }
-function ne(e, a) {
+function ae(e, a) {
   return d(2, arguments), c(e).getTime() - c(a).getTime();
 }
-var ae = {
+var A = {
   ceil: Math.ceil,
   round: Math.round,
   floor: Math.floor,
@@ -30,16 +30,16 @@ var ae = {
   // Math.trunc is not supported by IE
 }, re = "trunc";
 function se(e) {
-  return ae[re];
+  return e ? A[e] : A[re];
 }
 function ie(e) {
   d(1, arguments);
   var a = c(e);
-  return Q(a).getTime() === Z(a).getTime();
+  return Z(a).getTime() === ee(a).getTime();
 }
 function le(e, a) {
   d(2, arguments);
-  var n = c(e), t = c(a), i = M(n, t), o = Math.abs(oe(n, t)), s;
+  var n = c(e), t = c(a), i = M(n, t), o = Math.abs(ne(n, t)), s;
   if (o < 1)
     s = 0;
   else {
@@ -51,20 +51,20 @@ function le(e, a) {
 }
 function ce(e, a, n) {
   d(2, arguments);
-  var t = ne(e, a) / 1e3;
-  return se()(t);
+  var t = ae(e, a) / 1e3;
+  return se(void 0)(t);
 }
-var A = 1440, ue = 2520, E = 43200, fe = 86400;
+var U = 1440, ue = 2520, E = 43200, fe = 86400;
 function de(e, a) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   d(2, arguments);
-  var t = n.locale || q;
+  var t = n.locale || F;
   if (!t.formatDistance)
     throw new RangeError("locale must contain formatDistance property");
   var i = M(e, a);
   if (isNaN(i))
     throw new RangeError("Invalid time value");
-  var o = K(n);
+  var o = Q(n);
   o.addSuffix = !!n.addSuffix, o.comparison = i;
   var s, l;
   i > 0 ? (s = c(a), l = c(e)) : (s = c(e), l = c(a));
@@ -75,21 +75,21 @@ function de(e, a) {
     return t.formatDistance("xMinutes", r, o);
   if (r < 90)
     return t.formatDistance("aboutXHours", 1, o);
-  if (r < A) {
-    var X = Math.round(r / 60);
-    return t.formatDistance("aboutXHours", X, o);
+  if (r < U) {
+    var k = Math.round(r / 60);
+    return t.formatDistance("aboutXHours", k, o);
   } else {
     if (r < ue)
       return t.formatDistance("xDays", 1, o);
     if (r < E) {
-      var k = Math.round(r / A);
-      return t.formatDistance("xDays", k, o);
+      var R = Math.round(r / U);
+      return t.formatDistance("xDays", R, o);
     } else if (r < fe)
       return m = Math.round(r / E), t.formatDistance("aboutXMonths", m, o);
   }
   if (m = le(l, s), m < 12) {
-    var R = Math.round(r / E);
-    return t.formatDistance("xMonths", R, o);
+    var H = Math.round(r / E);
+    return t.formatDistance("xMonths", H, o);
   } else {
     var B = m % 12, D = Math.floor(m / 12);
     return B < 3 ? t.formatDistance("aboutXYears", D, o) : B < 9 ? t.formatDistance("overXYears", D, o) : t.formatDistance("almostXYears", D + 1, o);
@@ -99,19 +99,19 @@ function me(e, a) {
   return d(1, arguments), de(e, Date.now(), a);
 }
 var f = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(f || {});
-const U = {
+const X = {
   "en-US": {
     lastUpdated: "Last updated: {date} ago"
   }
-}, pe = H({
-  i18n: { messages: U },
+}, pe = L({
+  i18n: { messages: X },
   name: "bento-header",
   components: {
-    BentoTypography: W,
-    ButtonActionsWithMenu: J,
-    BentoLoadingButton: ee,
+    BentoTypography: j,
+    ButtonActionsWithMenu: K,
+    BentoLoadingButton: te,
     InfoIconWithPopover: g,
-    ReloadIcon: G
+    ReloadIcon: V
   },
   props: {
     /**
@@ -161,11 +161,11 @@ const U = {
   },
   emits: ["reload"],
   setup(e, { slots: a }) {
-    const { t: n, locale: t } = z({ messages: U }), i = F(), o = y(() => ({
+    const { t: n, locale: t } = q({ messages: X }), i = J(), o = y(() => ({
       "b-header--component": e.variant === f.COMPONENT
     })), s = y(() => ({
       el: e.variant === f.PAGE ? P.H1 : P.H2,
-      variant: j.TITLE,
+      variant: z.TITLE,
       medium: e.variant === f.COMPONENT,
       large: e.variant === f.PAGE
     })), l = y(
@@ -176,71 +176,71 @@ const U = {
       }) : null
     );
     return {
-      hasSlot: V(a),
+      hasSlot: W(a),
       conditionalClasses: o,
       timestamp: l,
       typography: s
     };
   }
-}), he = { class: "b-header__wrapper" }, ve = { class: "b-header__title" }, ge = {
+}), ve = { class: "b-header__wrapper" }, he = { class: "b-header__title" }, ge = {
   key: 0,
   class: "b-header__timestamp-section"
 };
 function _e(e, a, n, t, i, o) {
   const s = p("bento-typography"), l = p("info-icon-with-popover"), u = p("reload-icon"), T = p("bento-loading-button"), r = p("button-actions-with-menu");
-  return h(), C("div", {
-    class: L(["b-header", e.conditionalClasses])
+  return v(), C("div", {
+    class: Y(["b-header", e.conditionalClasses])
   }, [
-    I("div", he, [
-      I("div", ve, [
+    I("div", ve, [
+      I("div", he, [
         I("div", null, [
-          N(s, Y(e.typography, { class: "b-header__text" }), {
-            default: v(() => [
-              S(O(e.title), 1)
+          b(s, $(e.typography, { class: "b-header__text" }), {
+            default: h(() => [
+              N(S(e.title), 1)
             ]),
             _: 1
           }, 16),
-          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (h(), b(l, {
+          e.infoIconTooltipText || e.hasSlot("infoIconTooltipContent") ? (v(), O(l, {
             key: 0,
             class: "b-header__tooltip",
             "popover-text": e.infoIconTooltipText
-          }, $({ _: 2 }, [
+          }, x({ _: 2 }, [
             e.hasSlot("infoIconTooltipContent") ? {
               name: "default",
-              fn: v(() => [
-                x(e.$slots, "infoIconTooltipContent", {}, void 0, !0)
+              fn: h(() => [
+                G(e.$slots, "infoIconTooltipContent", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["popover-text"])) : _("", !0)
         ]),
-        e.lastUpdated ? (h(), C("div", ge, [
-          N(s, {
+        e.lastUpdated ? (v(), C("div", ge, [
+          b(s, {
             class: "b-header__timestamp",
             el: "div"
           }, {
-            default: v(() => [
-              S(O(e.timestamp), 1)
+            default: h(() => [
+              N(S(e.timestamp), 1)
             ]),
             _: 1
           }),
-          e.reloadButton ? (h(), b(T, {
+          e.reloadButton ? (v(), O(T, {
             key: 0,
             variant: "tertiary",
             state: e.reloadButton.state,
             onClick: e.reloadButton.event
           }, {
-            iconLeft: v(() => [
-              N(u)
+            iconLeft: h(() => [
+              b(u)
             ]),
-            default: v(() => [
-              S(O(e.reloadButton.title), 1)
+            default: h(() => [
+              N(S(e.reloadButton.title), 1)
             ]),
             _: 1
           }, 8, ["state", "onClick"])) : _("", !0)
         ])) : _("", !0)
       ]),
-      e.actions ? (h(), b(r, {
+      e.actions ? (v(), O(r, {
         key: 0,
         actions: e.actions,
         "displayed-actions": 2,
@@ -249,8 +249,8 @@ function _e(e, a, n, t, i, o) {
     ])
   ], 2);
 }
-const we = /* @__PURE__ */ te(pe, [["render", _e], ["__scopeId", "data-v-a770cf88"]]);
+const we = /* @__PURE__ */ oe(pe, [["render", _e], ["__scopeId", "data-v-a770cf88"]]);
 export {
   we as B
 };
-//# sourceMappingURL=header.CAHXObTT.js.map
+//# sourceMappingURL=header.CUyEq2ER.js.map