@adyen/bento-vue3 1.55.1 → 1.56.0

package/dist/chunks/summary-grid.types.DOYW579A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-grid.types.DOYW579A.js","sources":["../../../vue2/src/components/summary-grid/summary-grid.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue","../../../vue2/src/components/summary-grid/summary-grid.types.ts"],"sourcesContent":["<template>\n    <div class=\"b-summary-grid\">\n        <grid-layout\n            v-for=\"index in numberOfRows\"\n            :key=\"`summary-grid-row-${index}`\"\n            :data-testid=\"`summary-grid-row-${index}`\"\n            :column-width=\"columnWidth?.[`row${index}`]\"\n        >\n            <template v-if=\"hasSlot(`cell-${index}-1`)\" #col-1>\n                <slot :name=\"`cell-${index}-1`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-2`)\" #col-2>\n                <slot :name=\"`cell-${index}-2`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-3`)\" #col-3>\n                <slot :name=\"`cell-${index}-3`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-4`)\" #col-4>\n                <slot :name=\"`cell-${index}-4`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-5`)\" #col-5>\n                <slot :name=\"`cell-${index}-5`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-6`)\" #col-6>\n                <slot :name=\"`cell-${index}-6`\" />\n            </template>\n        </grid-layout>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { onMounted, provide, toRef, useSlots } from 'vue';\n    import type { BentoSummaryGridLayout, BentoSummaryGridProps } from './summary-grid.types';\n    import { GridLayout } from '@/components/internal';\n    import { useHasSlot } from '@/composables';\n    import {\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        SUMMARY_GRID_SLASHED_ZERO,\n    } from '@/components/summary-grid/summary-grid.keys';\n\n    const props = withDefaults(defineProps<BentoSummaryGridProps>(), {\n        columnWidth: null,\n        slashedZero: false,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    let numberOfRows = 1;\n    if (slots) {\n        const slotRows = Object.keys(slots)\n            ?.filter(slotName => slotName.includes('cell-'))\n            ?.map(slotName => parseInt(slotName.split('-')?.[1], 10));\n        numberOfRows = Math.max(...slotRows);\n    }\n\n    onMounted(() => {\n        if (numberOfRows > 3) {\n            throw new Error(\n                'BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information.'\n            );\n        }\n    });\n\n    const registerComponentsInSummaryGrid: BentoSummaryGridLayout = () => {\n        const isSummaryGridLayout = true;\n        return { isSummaryGridLayout };\n    };\n\n    provide(SUMMARY_GRID_LAYOUT_INJECTION_KEY, registerComponentsInSummaryGrid);\n    provide(SUMMARY_GRID_SLASHED_ZERO, toRef(props, 'slashedZero'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary grid component that displays a collection items.\n     *\n     * @example\n     * import { BentoSummaryGrid, BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGrid, BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid>\n     *             <template #cell-2-2>\n     *                <bento-summary-grid-item-amount\n     *                   title=\"Text Item\"\n     *                   label=\"14\"\n     *                   info-icon-tooltip-text=\"text for icon\"\n     *                   copy=\"copy this to clipboard\"\n     *                />\n     *             </template>\n     *          </bento-summary-grid>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid.scss\" />\n","<template>\n    <div class=\"b-summary-grid-item\" :class=\"conditionalClasses\" :style=\"computedStyles\">\n        <div class=\"b-summary-grid-item__header\">\n            <bento-typography class=\"b-summary-grid-item__title\" el=\"span\" variant=\"body\">\n                <bento-dashed-underline v-if=\"withUnderline\" :tooltip-text=\"underlineTooltipText\">\n                    {{ title }}\n                    <template v-if=\"hasSlot('dashed-underline')\" #popover-content>\n                        <slot name=\"dashed-underline\"></slot>\n                    </template>\n                </bento-dashed-underline>\n                <template v-else>\n                    {{ title }}\n                </template>\n            </bento-typography>\n            <div class=\"b-summary-grid-item__title-icons\">\n                <copy v-if=\"copy\" class=\"b-structured-list__icon\" :text=\"copy\" />\n\n                <bento-info-icon\n                    v-if=\"infoIconTooltipText\"\n                    :tooltip-text=\"infoIconTooltipText\"\n                    tooltip-position=\"top\"\n                    class=\"b-summary-grid-item__title-tooltip\"\n                />\n            </div>\n        </div>\n        <bento-typography\n            data-testid=\"summary-grid-item-content-typography\"\n            class=\"b-summary-grid-item__title\"\n            v-bind=\"typographyProps\"\n            el=\"span\"\n        >\n            <slot />\n            <bento-tag\n                v-if=\"trend && itemType !== 'text'\"\n                :variant=\"trendVariant\"\n                :label=\"trend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n        <bento-typography\n            v-if=\"hasSlot('secondary')\"\n            class=\"b-summary-grid-item__title\"\n            data-testid=\"summary-grid-item-secondary-metric-typography\"\n            el=\"span\"\n            variant=\"caption\"\n            stronger\n        >\n            <slot name=\"secondary\" />\n            <bento-tag\n                v-if=\"secondaryTrend\"\n                :variant=\"secondaryTrendVariant\"\n                :label=\"secondaryTrend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref, toRefs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDashedUnderline } from '@/components/dashed-underline';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, type BentoTypographyVariant } from '@/components/typography';\n    import { BentoTag, type BentoTagVariant } from '@/components/tag';\n    import { Copy } from '@/internal';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n\n    // Types\n    import { SUMMARY_GRID_SLASHED_ZERO } from '@/components/summary-grid/summary-grid.keys';\n    import type { BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';\n    import type { BentoSummaryGridItemProps } from './summary-grid-item.types';\n\n    const props = withDefaults(defineProps<BentoSummaryGridItemProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        itemType: 'custom',\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlineTooltipText: null,\n    });\n\n    const { trendDirection, secondaryTrendDirection, itemType, size } = toRefs(props);\n    const hasSlashedZero = inject(SUMMARY_GRID_SLASHED_ZERO, ref(false));\n\n    const tagVariantColor = (direction: `${BentoSummaryGridItemTrendDirection}`): `${BentoTagVariant}` => {\n        switch (direction) {\n            case 'positive':\n                return 'green';\n            case 'negative':\n                return 'red';\n            default:\n                return 'blue';\n        }\n    };\n\n    // TODO implement plus or minus symbol logic\n    const trendVariant = computed(() => tagVariantColor(trendDirection.value));\n    const secondaryTrendVariant = computed(() => tagVariantColor(secondaryTrendDirection.value));\n\n    const typographyContentElement = computed<`${BentoTypographyVariant}`>(() => {\n        if (size.value === 'small') {\n            return 'body';\n        }\n        if (itemType.value !== 'text') {\n            return 'title';\n        }\n\n        return null;\n    });\n\n    const typographyProps = computed(() => ({\n        medium: size.value === 'large',\n        strongest: size.value === 'small',\n        wide: size.value === 'small',\n        variant: typographyContentElement.value,\n    }));\n\n    const computedStyles = computed(() => (props.fitContent ? { width: 'fit-content' } : {}));\n\n    const conditionalClasses = computed(() => ({ 'b-summary-grid-item--slashed-zero': hasSlashedZero.value }));\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const withUnderline = computed(() => props.underlineTooltipText || hasSlot('dashed-underline'));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"amount\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-amount\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        <div class=\"b-summary-grid-item-amount__content\">\n            <div>{{ label }}</div>\n            <div v-if=\"secondaryLabel\" class=\"b-summary-grid-item-amount__secondary-label\">{{ secondaryLabel }}</div>\n        </div>\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemAmountProps } from './summary-grid-item-amount.types';\n\n    withDefaults(defineProps<BentoSummaryGridItemAmountProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryLabel: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display financial data, such as currency values and monetary amounts\n     *\n     * @example\n     * import { BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid-item-amount\n     *              title=\"Your title\"\n     *              label=\"200.00 EUR\"\n     *              secondary-label=\"/ day\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item-amount.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"numeric\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-numeric\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ label }}\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemNumericProps } from './summary-grid-item-numeric.types';\n\n    withDefaults(defineProps<BentoSummaryGridItemNumericProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display any numeric information\n     *\n     * @example\n     * import { BentoSummaryGridItemNumeric } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemNumeric },\n     *     template: `\n     *          <bento-summary-grid-item-numeric\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"percentage\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-percentage\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ label }}%\n        <template v-if=\"secondaryMetric\" #secondary> {{ secondaryMetric }}% </template>\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemPercentageProps } from './summary-grid-item-percentage.types';\n\n    withDefaults(defineProps<BentoSummaryGridItemPercentageProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        secondaryMetric: null,\n        secondaryTrend: null,\n        secondaryTrendDirection: 'positive',\n        size: 'small',\n        trend: null,\n        trendDirection: 'positive',\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display any percentage information\n     *\n     * @example\n     * import { BentoSummaryGridItemPercentage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemPercentage },\n     *     template: `\n     *          <bento-summary-grid-item-percentage\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"text\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n        class=\"b-summary-grid-item-text\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        {{ label }}\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import { SummaryGridItem } from '../summary-grid-item';\n    import { useHasSlot } from '@/composables';\n\n    import type { BentoSummaryGridItemTextProps } from './summary-grid-item-text.types';\n\n    withDefaults(defineProps<BentoSummaryGridItemTextProps>(), {\n        copy: undefined,\n        fitContent: false,\n        infoIconTooltipText: null,\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Summary grid item component used to display text only. Can be used for references, IDs or any other text data.\n     *\n     * @example\n     * import { BentoSummaryGridItemText } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemText },\n     *     template: `\n     *          <bento-summary-grid-item-text\n     *              title=\"Your title\"\n     *              label=\"Your text here\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *          />\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","<template>\n    <summary-grid-item\n        :title=\"title\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :underline-tooltip-text=\"underlineTooltipText\"\n    >\n        <template v-if=\"hasSlot('dashed-underline')\" #dashed-underline>\n            <slot name=\"dashed-underline\" />\n        </template>\n        <slot />\n    </summary-grid-item>\n</template>\n\n<script setup lang=\"ts\">\n    import { useSlots } from 'vue';\n    import SummaryGridItem from '../summary-grid-item/summary-grid-item.vue';\n    import { useHasSlot } from '@/composables';\n    import type { BentoSummaryGridItemCustomProps } from './summary-grid-item-custom.types';\n\n    withDefaults(defineProps<BentoSummaryGridItemCustomProps>(), {\n        copy: undefined,\n        infoIconTooltipText: null,\n        fitContent: false,\n        underlineTooltipText: null,\n    });\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n","import { GridLayoutColumnWidths } from '@/components/internal/grid-layout/grid-layout.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemTrendDirection {\n    POSITIVE = 'positive',\n    NEGATIVE = 'negative',\n    NEUTRAL = 'neutral',\n}\n\nexport interface BentoSummaryGridColumnWidth {\n    row1: GridLayoutColumnWidths;\n    row2?: GridLayoutColumnWidths;\n    row3?: GridLayoutColumnWidths;\n}\n\nexport type BentoSummaryGridLayout = () => {\n    isSummaryGridLayout: boolean;\n};\n\nexport interface BentoSummaryGridProps {\n    /**\n     * Sets the responsive columns widths values for 1 of the 3 rows.\n     */\n    columnWidth?: BentoSummaryGridColumnWidth;\n\n    /**\n     * Renders a font numeric style with slashed zeros instead of normal ones.\n     */\n    slashedZero?: boolean;\n}\n"],"names":["__default__$6","props","__props","slots","useSlots","hasSlot","useHasSlot","numberOfRows","slotRows","_b","_a","slotName","onMounted","provide","SUMMARY_GRID_LAYOUT_INJECTION_KEY","SUMMARY_GRID_SLASHED_ZERO","toRef","__default__$5","trendDirection","secondaryTrendDirection","itemType","size","toRefs","hasSlashedZero","inject","ref","tagVariantColor","direction","trendVariant","computed","secondaryTrendVariant","typographyContentElement","typographyProps","computedStyles","conditionalClasses","withUnderline","__default__$4","__default__$3","__default__$2","__default__$1","__default__","BentoSummaryGridItemSize","BentoSummaryGridItemSize2","BentoSummaryGridItemTrendDirection","BentoSummaryGridItemTrendDirection2"],"mappings":"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"}

package/dist/chunks/teleport.zSiKZmRE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"teleport.zSiKZmRE.js","sources":["../../../vue2/src/composables/use-click-outside/use-click-outside.ts","../../../vue2/src/components/internal/teleport/teleport.vue"],"sourcesContent":["import { onClickOutside } from '@/directives/click-outside/on-click-outside';\nimport { OnClickOutsideHandler, OnClickOutsideOptions } from '@/directives/click-outside/types';\nimport { MaybeElementRef } from '@/types';\nimport { onMounted, onUnmounted } from 'vue';\n\n/**\n * Composable to listen for clicks outside of an element ref.\n *\n * @param {MaybeElementRef} target - HTML Element or \"ref\" to an Element on which the click outside listener will be attached to\n * @param {OnClickOutsideHandler} handler - Function that will be called when the listener gets triggered\n * @param {OnClickOutsideOptions} options - Options to be passed to the listener\n */\nexport const useClickOutside = <T extends OnClickOutsideOptions>(\n    target: MaybeElementRef,\n    handler: OnClickOutsideHandler,\n    options: T = {} as T\n) => {\n    let onClickOutsideStop: () => void;\n\n    onMounted(() => {\n        onClickOutsideStop = onClickOutside(target, handler, options);\n    });\n\n    onUnmounted(() => {\n        if (onClickOutsideStop) {\n            onClickOutsideStop();\n\n            onClickOutsideStop = null;\n        }\n    });\n};\n","<!-- Taken from: https://github.com/Mechazawa/vue2-teleport/blob/master/src/Teleport.vue -->\n<template>\n    <div v-if=\"isVue2\" :class=\"classes\">\n        <slot />\n    </div>\n    <Teleport v-else :to=\"defaultTo\" :where=\"where\" :disabled=\"disabled\" :class=\"classes\">\n        <slot />\n    </Teleport>\n</template>\n\n<script setup lang=\"ts\">\n    import { isVue2 } from 'vue-demi';\n    import { defineComponent, inject } from 'vue';\n    import { MODAL_DIALOG_ID_INJECTION_KEY } from '@/components/modal/components/base-modal/base-modal.keys';\n    import { SIDEPANEL_DIALOG_ID_INJECTION_KEY } from '@/components/sidepanel/sidepanel.keys';\n    import { MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY } from '@/components/modal-fullscreen/modal-fullscreen.keys';\n</script>\n\n<script lang=\"ts\">\n    export default defineComponent({\n        name: 'teleport',\n        props: {\n            to: {\n                type: String,\n                default: '',\n            },\n            where: {\n                type: String,\n                default: 'after',\n            },\n            disabled: Boolean,\n        },\n        data: () => ({\n            childObserver: null,\n            nodes: [],\n            waiting: false,\n            observer: null,\n            parent: null,\n            isVue2,\n        }),\n        computed: {\n            classes() {\n                if (this.disabled) {\n                    return ['b-teleport'];\n                }\n\n                return ['b-teleport', 'b-teleport--hidden'];\n            },\n            defaultTo() {\n                if (this.to) {\n                    return this.to;\n                }\n\n                const injectionKey =\n                    inject<string>(MODAL_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY, '') ||\n                    inject<string>(SIDEPANEL_DIALOG_ID_INJECTION_KEY, '');\n\n                const teleportElement = injectionKey ? `#${injectionKey}` : 'body';\n                return teleportElement;\n            },\n        },\n        watch: {\n            to: 'maybeMove',\n            where: 'maybeMove',\n            disabled(value) {\n                if (value) {\n                    this.disable();\n                    // Ensure all event done.\n                    this.$nextTick(() => {\n                        this.teardownObserver();\n                    });\n                } else {\n                    this.bootObserver();\n                    this.move();\n                }\n            },\n        },\n        mounted() {\n            // Store a reference to the nodes\n            this.nodes = Array.from(this.$el.childNodes);\n\n            if (!this.disabled) {\n                this.bootObserver();\n            }\n\n            // Move slot content to target\n            this.maybeMove();\n        },\n        beforeDestroy() {\n            // Fix nodes reference\n            this.nodes = this.getComponentChildrenNode();\n\n            // Move back\n            this.disable();\n\n            // Stop observing\n            this.teardownObserver();\n        },\n        methods: {\n            // Using a fragment is faster because it'll trigger only a single reflow\n            // See https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment\n            getFragment(): DocumentFragment {\n                const fragment = document.createDocumentFragment();\n\n                this.nodes.forEach(node => fragment.appendChild(node));\n\n                return fragment;\n            },\n            disable() {\n                this.$el.appendChild(this.getFragment());\n                this.parent = null;\n            },\n            move() {\n                this.waiting = false;\n\n                this.parent = document.querySelector(this.defaultTo);\n\n                if (!this.parent) {\n                    this.disable();\n\n                    this.waiting = true;\n\n                    return;\n                }\n\n                if (this.where === 'before') {\n                    this.parent.prepend(this.getFragment());\n                } else {\n                    this.parent.appendChild(this.getFragment());\n                }\n            },\n            maybeMove() {\n                if (!this.disabled) {\n                    this.move();\n                }\n            },\n            onMutations(mutations) {\n                // Makes sure the move operation is only done once\n                let shouldMove = false;\n\n                for (let i = 0; i < mutations.length; i++) {\n                    const mutation = mutations[i];\n                    const filteredAddedNodes = Array.from(mutation.addedNodes).filter(\n                        node => !this.nodes.includes(node)\n                    );\n\n                    if (Array.from(mutation.removedNodes).includes(this.parent)) {\n                        this.disable();\n                        this.waiting = !this.disabled;\n                    } else if (this.waiting && filteredAddedNodes.length > 0) {\n                        shouldMove = true;\n                    }\n                }\n\n                if (shouldMove) {\n                    this.move();\n                }\n            },\n            bootObserver() {\n                if (this.observer) {\n                    return;\n                }\n\n                this.observer = new MutationObserver(mutations => this.onMutations(mutations));\n\n                this.observer.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                    attributes: false,\n                    characterData: false,\n                });\n\n                if (this.childObserver) {\n                    return;\n                }\n                // watch childNodes change\n                this.childObserver = new MutationObserver(mutations => {\n                    const childChangeRecord = mutations.find(i => i.target === this.$el);\n                    if (childChangeRecord) {\n                        // Remove old nodes before update position.\n                        this.nodes.forEach(node => node.parentNode && node.parentNode.removeChild(node));\n                        this.nodes = this.getComponentChildrenNode();\n                        this.maybeMove();\n                    }\n                });\n\n                this.childObserver.observe(this.$el, {\n                    childList: true,\n                    subtree: false,\n                    attributes: false,\n                    characterData: false,\n                });\n            },\n            teardownObserver() {\n                if (this.observer) {\n                    this.observer.disconnect();\n                    this.observer = null;\n                }\n                if (this.childObserver) {\n                    this.childObserver.disconnect();\n                    this.childObserver = null;\n                }\n            },\n            getComponentChildrenNode() {\n                // Vue3\n                if (!isVue2) {\n                    return [];\n                }\n\n                // Trick for Vue3 type checking\n                return (this as any).$vnode.componentOptions.children.map(i => i.elm).filter(i => i);\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./teleport.scss\" />\n"],"names":["useClickOutside","target","handler","options","onClickOutsideStop","onMounted","onClickOutside","onUnmounted","__default__","defineComponent","isVue2","injectionKey","inject","MODAL_DIALOG_ID_INJECTION_KEY","MODAL_FULLSCREEN_DIALOG_ID_INJECTION_KEY","SIDEPANEL_DIALOG_ID_INJECTION_KEY","value","fragment","node","mutations","shouldMove","i","mutation","filteredAddedNodes"],"mappings":"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"}

package/dist/chunks/timeline-item.BhQp0ICP.js

@@ -1,560 +0,0 @@
-import { defineComponent as ne, computed as m, ref as D, toRefs as ce, provide as z, resolveComponent as I, createElementBlock as v, openBlock as i, createCommentVNode as c, createElementVNode as g, createBlock as T, withCtx as h, createTextVNode as w, toDisplayString as y, createVNode as S, renderSlot as H, mergeProps as V, inject as K, onUnmounted as fe, normalizeClass as W, Fragment as Y, renderList as pe } from "vue";
-import { B as oe } from "./button.DEVuqLVT.js";
-import { B as ve } from "./textarea.CR7su54i.js";
-import { u as ae } from "./i18n.D9azDLPe.js";
-import { B as _e } from "./button-actions.N99QthUv.js";
-import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as be } from "./date.DoJuTLhO.js";
-import { B as he } from "./link.D3Fq5tt_.js";
-import { B as ge } from "./tag.CmYkknFj.js";
-import { B as ye, d as Ne } from "./typography.DN5eC5ch.js";
-import { a as Ie, B as Ee, S as we } from "./structured-list-item.CWiwoP5F.js";
-/* empty css              */
-import { g as Te } from "./generate-uid.NJ8tVoha.js";
-import { u as Se } from "./use-has-slot.B7eQSabc.js";
-import { r as Ce, l as Me, t as B, a as Z } from "./get-date-locale.BN8xEjY0.js";
-import { c as ke } from "./index.DD7TppDb.js";
-import { c as Le } from "./index.BxBB1rsx.js";
-import "../assets/timeline-item.css";
-var G = 1e3 * 60, U = 60 * 24, Q = U * 30, X = U * 365;
-function x(e, o) {
-  var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  Ce(2, arguments);
-  var l = s.locale || Me;
-  if (!l.formatDistance)
-    throw new RangeError("locale must contain localize.formatDistance property");
-  var N = ke(e, o);
-  if (isNaN(N))
-    throw new RangeError("Invalid time value");
-  var r = Le(s);
-  r.addSuffix = !!s.addSuffix, r.comparison = N;
-  var a, f;
-  N > 0 ? (a = B(o), f = B(e)) : (a = B(e), f = B(o));
-  var p = s.roundingMethod == null ? "round" : String(s.roundingMethod), n;
-  if (p === "floor")
-    n = Math.floor;
-  else if (p === "ceil")
-    n = Math.ceil;
-  else if (p === "round")
-    n = Math.round;
-  else
-    throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var u = f.getTime() - a.getTime(), _ = u / G, C = Z(f) - Z(a), b = (u - C) / G, t;
-  if (s.unit == null ? _ < 1 ? t = "second" : _ < 60 ? t = "minute" : _ < U ? t = "hour" : b < Q ? t = "day" : b < X ? t = "month" : t = "year" : t = String(s.unit), t === "second") {
-    var M = n(u / 1e3);
-    return l.formatDistance("xSeconds", M, r);
-  } else if (t === "minute") {
-    var k = n(_);
-    return l.formatDistance("xMinutes", k, r);
-  } else if (t === "hour") {
-    var O = n(_ / 60);
-    return l.formatDistance("xHours", O, r);
-  } else if (t === "day") {
-    var R = n(b / U);
-    return l.formatDistance("xDays", R, r);
-  } else if (t === "month") {
-    var d = n(b / Q);
-    return d === 12 && s.unit !== "month" ? l.formatDistance("xYears", 1, r) : l.formatDistance("xMonths", d, r);
-  } else if (t === "year") {
-    var E = n(b / X);
-    return l.formatDistance("xYears", E, r);
-  }
-  throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
-}
-var A = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(A || {}), Ae = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Ae || {}), j = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(j || {}), se = /* @__PURE__ */ ((e) => (e.BLACK = "black", e.BLUE = "blue", e.GREEN = "green", e.GREY = "grey", e.ORANGE = "orange", e.RED = "red", e.YELLOW = "yellow", e))(se || {});
-const le = Symbol("timeline register entry injection key"), re = Symbol("timeline config obj injection key"), ee = {
-  "en-US": {
-    addNote: "Add note",
-    cancel: "Cancel"
-  },
-  "ja-JP": {
-    addNote: "メモを追加",
-    cancel: "キャンセル"
-  },
-  "pt-BR": {
-    addNote: "Adicionar anotação",
-    cancel: "Cancelar"
-  }
-}, Oe = ne({
-  i18n: { messages: ee },
-  name: "bento-timeline",
-  components: { BentoButton: oe, BentoButtonActions: _e, BentoTextarea: ve },
-  props: {
-    /**
-     * If set to true, gives the possibility to manually add notes to the timeline via a textarea
-     */
-    addNote: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Object that determines the max number of items to show without clicking the show more button
-     * and where in the timeline is the show more button placed
-     */
-    showMore: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Object that determines minimum amount of time for the automatic timegap indicator;
-     * Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).
-     * If null, automatic timegap detection will be turned off
-     */
-    timegapLimit: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ["add-timeline-note"],
-  setup(e, { emit: o }) {
-    const { t: s } = ae({ messages: ee }), l = m(() => s("addNote")), N = m(() => s("cancel")), r = D(), a = (d) => {
-      r.value = d;
-    }, f = D(!1), p = () => {
-      f.value = !f.value;
-    }, n = () => {
-      o("add-timeline-note", {
-        description: r.value,
-        timestamp: { date: /* @__PURE__ */ new Date() },
-        type: "note"
-      }), p();
-    }, u = D([]), _ = m(
-      () => e.showMore && u.value.length > e.showMore.limit ? u.value.length - e.showMore.limit : null
-    ), C = D(!1), { timegapLimit: b } = ce(e), t = m(() => {
-      if (!e.showMore)
-        return null;
-      const d = Array.from(u.value.keys());
-      return e.showMore.placement === A.BEFORE_LAST ? [
-        ...d.slice(0, e.showMore.limit - 1),
-        d[d.length - 1]
-      ] : e.showMore.placement === A.AFTER_FIRST ? [d[0], ...d.slice(-(e.showMore.limit - 1))] : d.slice(0, e.showMore.limit);
-    }), M = m(() => {
-      if (!e.showMore)
-        return null;
-      switch (e.showMore.placement) {
-        case A.BEFORE_LAST:
-          return e.showMore.limit - 2;
-        case A.AFTER_FIRST:
-          return 0;
-        case A.BOTTOM:
-        default:
-          return e.showMore.limit - 1;
-      }
-    }), k = (d) => () => {
-      var E;
-      u.value = (E = u.value) == null ? void 0 : E.filter(($, L) => L !== d);
-    }, O = ({ title: d, description: E, date: $ }) => {
-      const L = u.value.length;
-      return u.value.push({ title: d, description: E, date: $ }), { timelineEntries: u, index: L, unregisterTimelineEntry: k(L) };
-    }, R = {
-      showAll: C,
-      showMoreIndex: M,
-      hiddenItems: _,
-      visibleIndexes: t,
-      timegapLimit: b
-    };
-    return z(le, O), z(re, R), {
-      addNoteLabel: l,
-      cancelLabel: N,
-      toggleAddNote: p,
-      updateNoteContent: a,
-      addNoteToTimeline: n,
-      showAddNoteTextArea: f
-    };
-  }
-}), Re = { class: "b-timeline" }, $e = {
-  key: 0,
-  class: "b-timeline__add-note-section"
-}, De = { key: 1 }, Be = { class: "b-timeline__items" };
-function je(e, o, s, l, N, r) {
-  const a = I("bento-button"), f = I("bento-textarea"), p = I("bento-button-actions");
-  return i(), v("div", Re, [
-    e.addNote ? (i(), v("div", $e, [
-      e.showAddNoteTextArea ? c("", !0) : (i(), T(a, {
-        key: 0,
-        variant: "tertiary",
-        onClick: e.toggleAddNote
-      }, {
-        default: h(() => [
-          w(y(e.addNoteLabel), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])),
-      e.showAddNoteTextArea ? (i(), v("div", De, [
-        S(f, {
-          label: e.addNoteLabel,
-          "character-limit": 150,
-          resizable: "vertical",
-          onInput: e.updateNoteContent
-        }, null, 8, ["label", "onInput"]),
-        S(p, {
-          actions: [
-            { title: e.addNoteLabel, event: e.addNoteToTimeline },
-            { title: e.cancelLabel, event: e.toggleAddNote }
-          ]
-        }, null, 8, ["actions"])
-      ])) : c("", !0)
-    ])) : c("", !0),
-    g("ol", Be, [
-      H(e.$slots, "default", {}, void 0, !0)
-    ])
-  ]);
-}
-const bt = /* @__PURE__ */ q(Oe, [["render", je], ["__scopeId", "data-v-f844f908"]]);
-let te = 0;
-const Ue = {
-  beforeCreate() {
-    this.uuid = te.toString(), te += 1;
-  }
-}, Fe = { key: 0 };
-function Ye(e, o, s, l, N, r) {
-  return i(), v("svg", V({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (i(), v("title", Fe, y(e.$attrs["svg-title"]), 1)) : c("", !0),
-    o[0] || (o[0] = g("path", {
-      fill: "#00112C",
-      d: "M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z"
-    }, null, -1))
-  ], 16);
-}
-const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
-  "en-US": {
-    showLess: "Show less",
-    showMore: "Show {items} more",
-    timegap: "{timegap} passed between the timeline events"
-  },
-  "ja-JP": {
-    showLess: "表示内容を減らす"
-  },
-  "pt-BR": {
-    showLess: "Mostrar menos"
-  }
-}, He = ne({
-  name: "bento-timeline-item",
-  components: {
-    BentoButton: oe,
-    BentoDate: be,
-    BentoLink: he,
-    BentoTag: ge,
-    BentoTypography: ye,
-    BentoStructuredList: Ee,
-    BentoStructuredListItem: Ie,
-    SquareSmallIcon: ze
-  },
-  i18n: { messages: ie },
-  props: {
-    /**
-     * Additional timestamp of the event
-     */
-    additionalTimestamp: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Relevant key-value pair data to display in the event
-     */
-    dataList: {
-      type: Array,
-      default: null
-    },
-    /**
-     * Description of the event
-     */
-    description: {
-      type: String,
-      default: null
-    },
-    /**
-     * Modifier that changes the color of the timeline icon
-     * @values blue, black, green, grey, orange, red, yellow
-     */
-    status: {
-      type: String,
-      default: "black",
-      validator: (e) => Object.values(se).includes(e)
-    },
-    /**
-     * Tag props that will be passed down to inner tag component
-     */
-    tag: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Main timestamp of the event. Used for timegap detection.
-     */
-    timestamp: {
-      type: Object,
-      required: !0
-    },
-    /**
-     * Title of the event
-     */
-    title: {
-      type: [Object, String],
-      default: null
-    },
-    /**
-     * Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.
-     * @values milestone, note
-     */
-    type: {
-      type: String,
-      default: "milestone",
-      validator: (e) => ["milestone", "note"].includes(e)
-    },
-    /**
-     * Variant for the timeline item
-     * @values DEFAULT, SUCCESS, CRITICAL
-     *
-     * @deprecated Use "status" prop instead
-     */
-    variant: {
-      type: String,
-      default: null,
-      validator: (e) => Object.values(j).includes(e)
-    }
-  },
-  setup(e, { slots: o }) {
-    const { t: s } = ae({ messages: ie }), l = m(() => e.type === "note"), N = m(() => e.variant === j.CRITICAL ? "red" : e.variant === j.SUCCESS ? "green" : e.status);
-    e.variant && Ne(
-      'BentoTimelineItem "variant" property',
-      `Use the BentoTimelineItem "status" modifier instead to modify the color of the timeline icon.
-                    <bento-timeline-item status="red" />`,
-      "2.0.0"
-    );
-    const r = m(() => ({
-      [`b-timeline-item__icon--${N.value}`]: N.value && !l.value
-    })), a = m(() => ({
-      "b-timeline-item--note": l.value
-    }));
-    z(we, !0);
-    const f = K(le), { timelineEntries: p, index: n, unregisterTimelineEntry: u } = f({
-      title: e.title,
-      date: e.timestamp.date
-    });
-    fe(() => u());
-    const { showAll: _, showMoreIndex: C, hiddenItems: b, visibleIndexes: t, timegapLimit: M } = K(re), k = m(() => _.value || !t.value), O = m(() => k.value ? !0 : t.value.includes(n)), R = m(() => typeof e.title == "object"), d = m(() => e.title), E = m(() => {
-      var P;
-      if (!M.value)
-        return null;
-      const F = (P = p.value[n - 1]) == null ? void 0 : P.date, me = k.value || t.value.includes(n - 1);
-      if (!F || !me)
-        return null;
-      const { date: J } = p.value[n], ue = parseInt(
-        x(F, J, { unit: M.value.unit }),
-        10
-      );
-      return M.value.amount < ue ? x(F, J, { roundingMethod: "floor" }) : null;
-    }), $ = m(() => E.value ? s("timegap", { timegap: E.value }) : ""), L = m(() => b.value && C.value === n), de = m(() => n === p.value.length - 1);
-    return {
-      // Values
-      isNoteType: l,
-      iconConditionalClasses: r,
-      conditionalClasses: a,
-      displayShowMoreButton: L,
-      showAll: _,
-      hiddenItems: b,
-      isVisible: O,
-      isLinkTitle: R,
-      linkTitleProps: d,
-      timegap: E,
-      timegapAriaLabel: $,
-      isLastItem: de,
-      // Methods
-      generateUid: Te,
-      hasSlot: Se(o),
-      t: s
-    };
-  }
-}), Ve = {
-  key: 0,
-  class: "b-timeline-item__row"
-}, qe = { class: "b-timeline-item__content" }, Je = { class: "b-timeline-item__row" }, Pe = {
-  class: "b-timeline-item__marker",
-  "aria-hidden": "true"
-}, Ke = {
-  key: 0,
-  class: "b-timeline-item__separator",
-  "data-testid": "last-timeline-item-separator"
-}, We = { class: "b-timeline-item__content" }, Ze = { key: 1 }, Ge = {
-  key: 5,
-  class: "b-timeline-item__data-list"
-}, Qe = {
-  key: 1,
-  class: "b-timeline-item__row"
-}, Xe = { class: "b-timeline-item__content" };
-function xe(e, o, s, l, N, r) {
-  const a = I("bento-typography"), f = I("square-small-icon"), p = I("bento-link"), n = I("bento-date"), u = I("bento-structured-list-item"), _ = I("bento-structured-list"), C = I("bento-tag"), b = I("bento-button");
-  return e.isVisible ? (i(), v("li", {
-    key: 0,
-    class: W(["b-timeline-item", e.conditionalClasses])
-  }, [
-    e.timegap ? (i(), v("div", Ve, [
-      o[1] || (o[1] = g("div", {
-        class: "b-timeline-item__marker",
-        "aria-hidden": "true"
-      }, [
-        g("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
-        g("div", { class: "b-timeline-item__separator" })
-      ], -1)),
-      g("div", qe, [
-        S(a, {
-          class: "b-timeline-item__timegap",
-          "aria-label": e.timegapAriaLabel
-        }, {
-          default: h(() => [
-            w(y(e.timegap), 1)
-          ]),
-          _: 1
-        }, 8, ["aria-label"])
-      ])
-    ])) : c("", !0),
-    g("div", Je, [
-      g("div", Pe, [
-        S(f, {
-          class: W(["b-timeline-item__icon", e.iconConditionalClasses])
-        }, null, 8, ["class"]),
-        e.isLastItem ? c("", !0) : (i(), v("div", Ke))
-      ]),
-      g("div", We, [
-        e.isNoteType ? c("", !0) : (i(), T(a, {
-          key: 0,
-          el: "div",
-          variant: "body",
-          strongest: "",
-          class: "b-timeline-item__title",
-          role: "heading"
-        }, {
-          default: h(() => [
-            e.isLinkTitle ? (i(), T(p, V({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
-              default: h(() => [
-                w(y(e.linkTitleProps.title), 1)
-              ]),
-              _: 1
-            }, 16)) : (i(), v("span", Ze, y(e.title), 1))
-          ]),
-          _: 1
-        })),
-        e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), T(a, {
-          key: 1,
-          el: "div",
-          variant: "body",
-          class: "b-timeline-item__description"
-        }, {
-          default: h(() => [
-            H(e.$slots, "default", {}, () => [
-              w(y(e.description), 1)
-            ], !0)
-          ]),
-          _: 3
-        })) : c("", !0),
-        e.timestamp ? (i(), T(a, {
-          key: 2,
-          class: "b-timeline-item__timestamp",
-          el: "div",
-          variant: "caption"
-        }, {
-          default: h(() => [
-            S(n, {
-              date: e.timestamp.date,
-              format: e.timestamp.format,
-              "disable-typography": ""
-            }, null, 8, ["date", "format"]),
-            w(" " + y(e.timestamp.value), 1)
-          ]),
-          _: 1
-        })) : c("", !0),
-        !e.isNoteType && e.additionalTimestamp ? (i(), T(a, {
-          key: 3,
-          class: "b-timeline-item__timestamp",
-          el: "div",
-          variant: "caption"
-        }, {
-          default: h(() => [
-            S(n, {
-              date: e.additionalTimestamp.date,
-              format: e.additionalTimestamp.format,
-              "disable-typography": ""
-            }, null, 8, ["date", "format"]),
-            w(" " + y(e.additionalTimestamp.value), 1)
-          ]),
-          _: 1
-        })) : c("", !0),
-        !e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), T(a, {
-          key: 4,
-          el: "div",
-          variant: "body",
-          class: "b-timeline-item__description"
-        }, {
-          default: h(() => [
-            H(e.$slots, "default", {}, () => [
-              w(y(e.description), 1)
-            ], !0)
-          ]),
-          _: 3
-        })) : c("", !0),
-        !e.isNoteType && e.dataList ? (i(), v("div", Ge, [
-          S(_, null, {
-            default: h(() => [
-              (i(!0), v(Y, null, pe(e.dataList, (t) => (i(), T(u, {
-                key: e.generateUid(t.label),
-                label: t.label
-              }, {
-                default: h(() => [
-                  S(a, { variant: "caption" }, {
-                    default: h(() => [
-                      w(y(t.value), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["label"]))), 128))
-            ]),
-            _: 1
-          })
-        ])) : c("", !0),
-        !e.isNoteType && e.tag ? (i(), T(C, V({ key: 6 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : c("", !0)
-      ])
-    ]),
-    e.displayShowMoreButton ? (i(), v("div", Qe, [
-      o[2] || (o[2] = g("div", {
-        class: "b-timeline-item__marker",
-        "aria-hidden": "true"
-      }, [
-        g("div", { class: "b-timeline-item__separator" })
-      ], -1)),
-      g("div", Xe, [
-        S(b, {
-          class: "b-timeline__show-more",
-          variant: "tertiary",
-          onClick: o[0] || (o[0] = (t) => e.showAll = !e.showAll)
-        }, {
-          default: h(() => [
-            e.showAll ? (i(), v(Y, { key: 1 }, [
-              w(y(e.t("showLess")), 1)
-            ], 64)) : (i(), v(Y, { key: 0 }, [
-              w(y(e.t("showMore", { items: e.hiddenItems })), 1)
-            ], 64))
-          ]),
-          _: 1
-        })
-      ])
-    ])) : c("", !0)
-  ], 2)) : c("", !0);
-}
-const ht = /* @__PURE__ */ q(He, [["render", xe], ["__scopeId", "data-v-b2c79a1c"]]);
-export {
-  A as B,
-  ht as a,
-  Ae as b,
-  j as c,
-  se as d,
-  bt as t
-};
-//# sourceMappingURL=timeline-item.BhQp0ICP.js.map