@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/chunks/loading-button.61d8ebe5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-button.61d8ebe5.js","sources":["../../../vue2/src/components/button/components/loading-button/loading-button.types.ts","../../../vue2/src/components/button/components/loading-button/loading-button.vue"],"sourcesContent":["export enum BentoLoadingButtonState {\n    START = 'start',\n    LOADING = 'loading',\n    SUCCESS = 'success',\n    FAIL = 'fail',\n}\n\nexport type BentoLoadingButtonIconState = Partial<{ [key in BentoLoadingButtonState]: string }>;\n","<template>\n    <bento-button\n        :critical=\"state === BentoLoadingButtonState.FAIL\"\n        :variant=\"variant\"\n        :condensed=\"condensed\"\n        :disabled=\"disabled\"\n        class=\"b-loading-button\"\n        :class=\"conditionalClasses\"\n        @click=\"onClick\"\n    >\n        <slot></slot>\n        <template v-if=\"state !== BentoLoadingButtonState.START\" #iconLeft>\n            <span class=\"b-loading-button__icon\" data-testid=\"loading-button-rotating-icon\">\n                <cross v-if=\"state === BentoLoadingButtonState.FAIL\" svg-title=\"failed\" />\n                <checkmark v-else-if=\"state === BentoLoadingButtonState.SUCCESS\" svg-title=\"succeded\" />\n                <!-- TODO: Replace with new loading-indicator component -->\n                <bento-loading-indicator\n                    v-else-if=\"state === BentoLoadingButtonState.LOADING\"\n                    small\n                    :inverse=\"isInverseLoadingIndicator\"\n                />\n            </span>\n        </template>\n    </bento-button>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoButtonVariant } from '@/core/components/button/button.types';\n    import { BentoLoadingButtonState } from './loading-button.types';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import BentoButton from '@/components/button/button.vue';\n    import Cross from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import Checkmark from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n\n    export default defineComponent({\n        name: 'bento-loading-button',\n        components: { BentoButton, Cross, Checkmark, BentoLoadingIndicator },\n        props: {\n            /**\n             * Reduces sizing of button\n             */\n            condensed: {\n                type: BentoButton.props.condensed.type,\n                default: false,\n            },\n\n            /**\n             * Disables button functonality\n             */\n            disabled: {\n                type: BentoButton.props.disabled.type,\n                default: false,\n            },\n\n            /**\n             * State of the button.\n             * @values start, loading, success, fail\n             */\n            state: {\n                type: String as PropType<BentoLoadingButtonState | `${BentoLoadingButtonState}`>,\n                default: BentoLoadingButtonState.START,\n                validator: (value: BentoLoadingButtonState) => Object.values(BentoLoadingButtonState).includes(value),\n            },\n\n            /**\n             * Types of flavour of Button\n             * @values primary, secondary, tertiary\n             */\n            variant: {\n                type: BentoButton.props.variant.type,\n                default: BentoButtonVariant.PRIMARY,\n                validator: BentoButton.props.variant.validator,\n            },\n        },\n        setup(props, { emit }) {\n            const conditionalClasses = computed(() => ({\n                [`b-loading-button--${props.variant}-${BentoLoadingButtonState.LOADING}`]:\n                    props.state === BentoLoadingButtonState.LOADING && !props.disabled,\n                [`b-loading-button--${props.variant}-${BentoLoadingButtonState.SUCCESS}`]:\n                    props.state === BentoLoadingButtonState.SUCCESS,\n            }));\n\n            const isInverseLoadingIndicator = computed(() => props.variant === BentoButtonVariant.PRIMARY);\n\n            const onClick = () => {\n                if (props.state !== BentoLoadingButtonState.LOADING) {\n                    emit('click');\n                }\n            };\n\n            return {\n                // Enums\n                BentoLoadingButtonState,\n\n                // Functions\n                onClick,\n\n                // Values\n                conditionalClasses,\n                isInverseLoadingIndicator,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./loading-button.scss\" />\n"],"names":["BentoLoadingButtonState","BentoLoadingButtonState2","_sfc_main","defineComponent","BentoButton","CrossCircleIcon","CheckedCircleIcon","BentoLoadingIndicator","value","BentoButtonVariant","props","emit","conditionalClasses","computed","isInverseLoadingIndicator","openBlock","createBlock","_component_bento_button","_ctx","normalizeClass","createSlots","withCtx","createElementVNode","_hoisted_1","_component_cross","_component_checkmark","_component_bento_loading_indicator"],"mappings":";;;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,OAAA,QAJQA,IAAAD,KAAA,CAAA,CAAA;ACmCR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,aAAAC,GAAA,OAAAC,GAAA,WAAAC,GAAA,uBAAAC,EAAA;AAAA,EAC6D,OAAA;AAAA;AAAA;AAAA;AAAA,IAC5D,WAAA;AAAA,MAIQ,MAAAH,EAAA,MAAA,UAAA;AAAA,MAC2B,SAAA;AAAA,IACzB;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAKU,MAAAA,EAAA,MAAA,SAAA;AAAA,MAC2B,SAAA;AAAA,IACxB;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,OAAA;AAAA,MAMO,MAAA;AAAA,MACG,SAAAJ,EAAA;AAAA,MAC2B,WAAA,CAAAQ,MAAA,OAAA,OAAAR,CAAA,EAAA,SAAAQ,CAAA;AAAA,IACmE;AAAA;AAAA;AAAA;AAAA;AAAA,IACxG,SAAA;AAAA,MAMS,MAAAJ,EAAA,MAAA,QAAA;AAAA,MAC2B,SAAAK,EAAA;AAAA,MACJ,WAAAL,EAAA,MAAA,QAAA;AAAA,IACS;AAAA,EACzC;AAAA,EACJ,MAAAM,GAAA,EAAA,MAAAC,EAAA,GAAA;AAEI,UAAAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,qBAAAH,EAAA,WAAAV,EAAA,SAAA,GAAAU,EAAA,UAAAV,EAAA,WAAA,CAAAU,EAAA;AAAA,MAEuB,CAAA,qBAAAA,EAAA,WAAAV,EAAA,SAAA,GAAAU,EAAA,UAAAV,EAAA;AAAA,IAElB,EAAA,GAGhDc,IAAAD,EAAA,MAAAH,EAAA,YAAAD,EAAA,OAAA;AAQA,WAAA;AAAA;AAAA,MAAO,yBAAAT;AAAA;AAAA,MAEH,SARJ,MAAA;AACI,QAAAU,EAAA,UAAAV,EAAA,WACIW,EAAA,OAAA;AAAA,MACJ;AAAA;AAAA,MAQA,oBAAAC;AAAA,MAGA,2BAAAE;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;EA3FyD,OAAA;AAAA;;;;AATpD,SAAAC,EAAA,GAAAC,EAAAC,GAAA;AAAA,IAAgB,UAAAC,EAAA,UAAAA,EAAA,wBAAA;AAAA,IACI,SAAAA,EAAA;AAAA,IACV,WAAAA,EAAA;AAAA,IACN,UAAAA,EAAA;AAAA,IAEG,OAAAC,EAAA,CAAA,oBAAAD,EAAA,kBAAA,CAAA;AAAA;EAEK,GAAAE,EAAA;AAAA,IAAA,SAAAC,EAAA,MAAA;AAAA;;IACG,GAAA;AAAA,EAAA,GAAA;AAAA;MACZ,MAAA;AAAA,MAAA,IAAAA,EAAA,MAAA;AAAA,QACsBC,EAAA,QAAAC,GAAA;AAAA,UAAwDL,EAAA,UAAAA,EAAA,wBAAA,QAAAH,EAAA,GAAAC,EAAAQ,GAAA;AAAA,YAAH,KAAA;AAAA;UAC5C,CAAA,KAAAN,EAAA,UAAAA,EAAA,wBAAA,WAAAH,EAAA,GAAAC,EAAAS,GAAA;AAAA,YAA0D,KAAA;AAAA;UAGjE,CAAA,KAAAP,EAAA,UAAAA,EAAA,wBAAA,WAAAH,EAAA,GAAAC,EAAAU,GAAA;AAAA,YACX,KAAA;AAAA,YACJ,OAAA;AAAA;;;;;;;;;"}

package/dist/chunks/tooltip.835d9b52.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.835d9b52.js","sources":["../../../vue2/src/directives/tooltip/tooltip.types.ts","../../../vue2/src/types/utils-events.ts","../../../vue2/src/components/tooltip/tooltip.vue","../../../vue2/src/directives/tooltip/tooltip.ts"],"sourcesContent":["import { PopperContainerPositionBasic } from '@/components/popper-container';\nimport type { DirectiveBinding } from 'vue/types/options';\n\nexport const BentoTooltipPosition = { ...PopperContainerPositionBasic };\nexport type BentoTooltipPosition = PopperContainerPositionBasic;\n\nexport enum BentoTooltipState {\n    HIDDEN = 'hidden',\n}\n\nexport interface BentoTooltipDirectiveBinding extends Readonly<DirectiveBinding> {\n    readonly value: string;\n}\n","import type { Vue } from 'vue-demi';\n\nexport interface ListenOptions {\n    capture?: boolean;\n    passive?: boolean;\n    once?: boolean;\n    self?: boolean;\n    vm?: Vue;\n    onCleanup?: () => void;\n}\n\nexport enum EventKey {\n    ESCAPE = 'Escape',\n    ENTER = 'Enter',\n    ARROW_LEFT = 'ArrowLeft',\n    ARROW_UP = 'ArrowUp',\n    ARROW_RIGHT = 'ArrowRight',\n    ARROW_DOWN = 'ArrowDown',\n    PAGE_UP = 'PageUp',\n    PAGE_DOWN = 'PageDown',\n    END = 'End',\n    HOME = 'Home',\n}\n\n/**\n * @deprecated `Event.keyCode` is deprecated. Use `EventKey` instead\n */\nexport enum KeyCode {\n    ESCAPE = 27,\n    ENTER = 13,\n    ARROW_LEFT = 37,\n    ARROW_UP = 38,\n    ARROW_RIGHT = 39,\n    ARROW_DOWN = 40,\n    PAGE_UP = 33,\n    PAGE_DOWN = 34,\n    END = 35,\n    HOME = 36,\n}\n","<template>\n    <popper-container\n        :id=\"id\"\n        :target-element=\"targetElement\"\n        :position=\"position\"\n        :offset=\"[0, 4]\"\n        :arrow=\"{ classes: ['b-tooltip__arrow'] }\"\n        :aria-hidden=\"!isShown\"\n        :class=\"conditionalClasses\"\n        :tabindex=\"tabIndex\"\n        class=\"b-tooltip\"\n        :aria-role=\"PopperContainerAriaRole.TOOLTIP\"\n        :fallback-position=\"PopperContainerPositionExtended.AUTO\"\n    >\n        <bento-typography :el=\"BentoTypographyElement.SPAN\" :variant=\"BentoTypographyVariant.CAPTION\">\n            {{ content }}\n        </bento-typography>\n    </popper-container>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import { BentoTooltipPosition, BentoTooltipState } from '@/directives/tooltip/tooltip.types';\n    import {\n        PopperContainer,\n        PopperContainerAriaRole,\n        PopperContainerPositionExtended,\n    } from '@/components/popper-container';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { VueNodeElement } from '@/types';\n\n    /**\n     * Tooltip container, to be used internally to render the tooltip container where the text is shown.\n     */\n    export const Tooltip = {\n        name: 'tooltip',\n        components: { BentoTypography, PopperContainer },\n        props: {\n            /**\n             * The tooltip's id. Necessary for accessibility purposes.\n             */\n            id: { type: String, default: null },\n            /**\n             * Tooltip's target reference to the DOM element or Vue component.\n             * The tooltip will position itself relatively to target element, in the specified position.\n             */\n            targetElement: { type: [Element, Object] as PropType<VueNodeElement>, required: true },\n            /**\n             * Tooltip's position relative to the target element.\n             * Possible values are: 'top', 'bottom', 'left' and 'right'.\n             */\n            position: {\n                type: String as PropType<BentoTooltipPosition>,\n                default: BentoTooltipPosition.TOP,\n                validator: value => Object.values(BentoTooltipPosition).includes(value as BentoTooltipPosition),\n            },\n            /**\n             * Tooltip's offset.\n             * If specified, the tooltip will have an offset in pixels between it and the target element\n             * in specified position.\n             */\n            offset: { type: Number, default: 0 },\n            /**\n             * Tooltip's text content.\n             */\n            content: { type: String, required: true },\n            /**\n             * Shows / Hides the Tooltip component\n             */\n            isShown: { type: Boolean, default: false },\n        },\n        setup(props) {\n            const conditionalClasses = computed(() => ({\n                [`b-tooltip--${BentoTooltipState.HIDDEN}`]: !props.isShown,\n            }));\n\n            const tabIndex = computed((): number => (props.isShown ? 1 : -1));\n\n            return {\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                PopperContainerAriaRole,\n                PopperContainerPositionExtended,\n\n                // Values\n                conditionalClasses,\n                tabIndex,\n            };\n        },\n    };\n\n    export default defineComponent(Tooltip);\n</script>\n\n<style lang=\"scss\" scoped src=\"./tooltip.scss\" />\n","import { nextTick, reactive } from 'vue';\nimport { listen } from '@/utils/ts/events';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { EventKey } from '@/types/utils-events';\nimport { BentoTooltipDirectiveBinding, BentoTooltipPosition } from './tooltip.types';\nimport { createApp, h, isVue2, Vue2 } from 'vue-demi';\nimport BentoTooltip from '@/components/tooltip/tooltip.vue';\n\ninterface TooltipInstance {\n    target: HTMLElement;\n    content: string;\n    position: BentoTooltipPosition;\n    removeListeners: Array<() => void>;\n}\n\n/**\n * Tooltip directive to render a tooltip on a given HTML element or component.\n *\n * @usage\n * import { BentoTooltipDirective, BentoTooltipPosition } from '@adyen/bento-vue2';\n *\n * export default {\n *     directives: { BentoTooltipDirective },\n *     template: `\n *         <bento-button\n *             v-bento-tooltip-directive:BentoTooltipPosition.BOTTOM=\"refToTextContent\"\n *         >\n *             Button text\n *         </bento-button>\n *     `,\n * }\n */\nconst tooltipInstances: Array<TooltipInstance> = [];\nconst ariaDescribedByAttr = 'aria-describedby';\nconst tooltipId = generateUid('tooltip');\n\nlet tooltipVNode;\n\n// Reusable Tooltip component instance.\nlet tooltip;\n// Global visibility state to prevent tooltips from showing after it being instructed to hide\nlet open = false;\n\nconst tooltipProps = reactive({\n    targetElement: null,\n    content: 'START_MESSAGE',\n    id: tooltipId,\n    position: undefined,\n    isShown: false,\n});\n\n/**\n * Creates a new Tooltip component instance and inserts it into DOM.\n * @param {HTMLElement} el the target element for the Tooltip\n * @internal\n */\nconst createTooltip = (el: HTMLElement) => {\n    // Sets the target's tabindex so as to make the tooltip interactive via keyboard navigation\n    el.setAttribute('tabindex', '0');\n\n    if (isVue2) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Type error for Vue method in Vue 3 but this code only executes in vue 2 so ignoring.\n        const TooltipComponent = Vue2.extend(BentoTooltip);\n        tooltip = new TooltipComponent({ propsData: { targetElement: el, content: '', id: tooltipId } }).$mount();\n        document.body.appendChild(tooltip.$el);\n    } else {\n        tooltipProps.targetElement = el;\n        tooltip = createApp({\n            components: { BentoTooltip },\n            setup() {\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore: Type error for h method in Vue 2 but this code only executes in vue 3 so ignoring.\n                return () => h(BentoTooltip, { ...tooltipProps }, '');\n            },\n        });\n        tooltipVNode = document.createElement('div');\n        tooltipVNode.id = 'tooltip-parent';\n        document.body.appendChild(tooltipVNode);\n        tooltip.mount('#tooltip-parent');\n    }\n};\n\n/**\n * Removes Tooltip component instance from the DOM and destroys it.\n * @internal\n */\nconst destroyTooltip = () => {\n    if (isVue2) {\n        document.body.removeChild(tooltip.$el);\n        tooltip.$destroy();\n    } else {\n        tooltip.unmount();\n        document.body.removeChild(tooltipVNode);\n    }\n\n    tooltip = undefined;\n};\n\n/**\n * Returns tooltip position based on the specified argument.\n * By default returns 'top' if no argument is specified.\n * @param {BentoTooltipDirectiveBinding} binding Directive binding object.\n * @returns {string} Tooltip position.\n * @internal\n */\nconst getTooltipPosition = (binding: BentoTooltipDirectiveBinding): BentoTooltipPosition =>\n    Object.values(BentoTooltipPosition).includes(binding.arg as BentoTooltipPosition)\n        ? (binding.arg as BentoTooltipPosition)\n        : BentoTooltipPosition.TOP;\n\n/**\n * Get the correct Tooltip instance for the given target element\n * @param {HTMLElement} el the target element for the Tooltip\n * @returns\n */\nconst getTooltipInstanceForTarget = (el: HTMLElement): TooltipInstance =>\n    tooltipInstances.find(\n        ctx =>\n            // isEqualNode doesn't work correct for svg element, hence the second check here\n            ctx.target.isEqualNode(el) && ctx.target === el\n    );\n\n/**\n * On mouse enter event updates tooltip with correct content and position, and shows tooltip.\n * @param {?HTMLElement} el - Target element\n * @internal\n */\nconst showTooltip = (el?: HTMLElement) => {\n    const tooltipInstance = getTooltipInstanceForTarget(el);\n\n    // If tooltip content is empty – do not show the tooltip\n    if (!tooltipInstance.content || !el) {\n        return;\n    }\n\n    if (el) {\n        el.setAttribute(ariaDescribedByAttr, tooltipId);\n    }\n\n    // If the Tooltip is inside a dialog, move tooltip element inside of it\n    // It gets restored to <body> when it gets hidden\n    let isDialogOpen = false;\n    document.querySelectorAll('dialog').forEach(node => {\n        isDialogOpen = node?.open || isDialogOpen;\n    });\n\n    if (isDialogOpen) {\n        el.after(tooltip.$el);\n        isDialogOpen = false;\n    }\n\n    open = true;\n\n    tooltip.content = tooltipInstance.content;\n    tooltip.position = tooltipInstance.position;\n\n    tooltipProps.content = tooltipInstance.content;\n    tooltipProps.position = tooltipInstance.position;\n\n    // Do calculations on a next tick, otherwise tooltip position calculations will be wrong\n    nextTick(() => {\n        // Do not open tooltip if it has been instructed to hide in process\n        if (!open) {\n            return;\n        }\n        tooltip.targetElement = el;\n        tooltip.isShown = true;\n\n        tooltipProps.targetElement = el;\n        tooltipProps.isShown = true;\n    });\n};\n\n/**\n * On mouse leave event hides the tooltip.\n * @internal\n */\nconst hideTooltip = (el?: HTMLElement) => {\n    // Restore the tooltip element to body if it got move out of <body>\n    if (tooltip.$el?.parentElement?.tagName && tooltip.$el?.parentElement?.tagName !== 'BODY') {\n        document.body.appendChild(tooltip.$el);\n    }\n\n    open = false;\n    tooltip.isShown = false;\n    tooltipProps.isShown = false;\n    if (el) {\n        el.removeAttribute(ariaDescribedByAttr);\n    }\n};\n\nconst tooltipBind = (el: HTMLElement, binding: BentoTooltipDirectiveBinding) => {\n    // eslint-disable-next-line no-prototype-builtins\n    if (!binding.hasOwnProperty('value') || binding.value) {\n        // Create Tooltip component singleton instance\n        if (tooltipInstances.length === 0) {\n            createTooltip(el);\n        }\n\n        const show = () => showTooltip(el);\n        const hide = () => hideTooltip(el);\n\n        // Create and store context object, which has directive related handlers and content.\n        const tooltipInstance: TooltipInstance = {\n            target: el,\n            content: binding.value,\n            position: getTooltipPosition(binding),\n            removeListeners: [\n                listen(el, 'mouseenter', show),\n                listen(el, 'mouseleave', hide),\n                listen(el, 'focus', show),\n                listen(el, 'blur', hide),\n                listen(el, 'keydown', evt => {\n                    const keyboardEvent = <KeyboardEvent>evt;\n                    if (keyboardEvent.key === EventKey.ESCAPE) {\n                        hide();\n                    }\n                }),\n            ],\n        };\n\n        tooltipInstances.push(tooltipInstance);\n    }\n};\n\nconst tooltipUpdate = (el: HTMLElement, binding: BentoTooltipDirectiveBinding) => {\n    const tooltipInstance = getTooltipInstanceForTarget(el);\n    if (tooltipInstance) {\n        // Update tooltip content value if it is changed\n        if (tooltipInstance?.content !== binding.value) {\n            tooltipInstance.content = binding.value;\n            // If tooltip is currently shown for current element – update tooltip's content value\n            if (tooltip.isShown && tooltip.targetElement.isEqualNode(el)) {\n                if (!tooltipInstance.content) {\n                    tooltip.isShown = false;\n                } else {\n                    tooltip.content = binding.value;\n                }\n            }\n        }\n        // Update tooltip position if it is changed\n        if (tooltipInstance.position !== binding.arg) {\n            const position = getTooltipPosition(binding);\n            tooltipInstance.position = position;\n            tooltip.position = position;\n        }\n    }\n};\n\nconst tooltipUnbind = (el: HTMLElement) => {\n    const context = getTooltipInstanceForTarget(el);\n\n    // Prevent unbinding/removing when there's nothing to unbind, leads to stack overflow errors\n    if (!context) {\n        return;\n    }\n\n    context.removeListeners.forEach(removeListener => {\n        removeListener();\n    });\n\n    // If el is removed while tooltip is displayed, the tooltip doesnt hide as\n    // there is no el to trigger mouseleave/blur.\n    hideTooltip();\n\n    tooltipInstances.splice(tooltipInstances.indexOf(context), 1);\n\n    // If all the elements using the directive are removed, then no point having\n    // the component on the page.\n    if (tooltipInstances.length === 0) {\n        destroyTooltip();\n    }\n};\n\n/**\n * This directive allows you to bind a tooltip to an element.\n * Tooltip can be configured to be shown in one of four positions: 'top', 'left', 'right' and 'bottom'.\n *\n * @example\n * import { BentoTooltipDirective as BentoTooltip, BentoTooltipPosition } from '@adyen/bento-vue2';\n *\n * export default {\n *     directives: { BentoTooltip },\n *     methods: {\n *         contentExpression() {\n *             return 'tooltip content';\n *         },\n *     },\n *     template: `<div>\n *         <div v-bento-tooltip:left=\"refToTooltipContent\"></div>\n *         <div v-bento-tooltip:[TooltipPosition.BOTTOM]=\"refToTooltipContent\"></div>\n *\n *         <!-- If you don't specify the position then by default it's `TooltipPosition.TOP` -->\n *         <div v-bento-tooltip=\"refToTooltipContent\"></div>\n *\n *         <!-- Tooltip content can also be a data property or a method or a computed property as well -->\n *         <div v-bento-tooltip=\"contentExpression()\"></div>\n *     </div>`,\n * };\n */\nexport const BentoTooltipDirective = {\n    // Vue 2 Directive hooks\n    bind(el, binding) {\n        tooltipBind(el, binding);\n    },\n    update(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    unbind(el) {\n        tooltipUnbind(el);\n    },\n    // Vue 3 Directive hooks\n    beforeMount(el, binding) {\n        tooltipBind(el, binding);\n    },\n    mounted(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    updated(el, binding) {\n        tooltipUpdate(el, binding);\n    },\n    unmounted(el) {\n        tooltipUnbind(el);\n    },\n};\n"],"names":["BentoTooltipPosition","PopperContainerPositionBasic","BentoTooltipState","BentoTooltipState2","EventKey","EventKey2","KeyCode","KeyCode2","Tooltip","BentoTypography","PopperContainer","value","props","conditionalClasses","computed","tabIndex","BentoTypographyElement","BentoTypographyVariant","PopperContainerAriaRole","PopperContainerPositionExtended","_sfc_main","defineComponent","_component_popper_container","resolveComponent","openBlock","createBlock","_ctx","normalizeClass","withCtx","createVNode","_component_bento_typography","tooltipInstances","ariaDescribedByAttr","tooltipId","generateUid","tooltipVNode","tooltip","open","tooltipProps","reactive","createTooltip","el","createApp","BentoTooltip","h","destroyTooltip","getTooltipPosition","binding","getTooltipInstanceForTarget","ctx","showTooltip","tooltipInstance","isDialogOpen","node","nextTick","hideTooltip","_b","_a","_d","_c","tooltipBind","show","hide","listen","evt","tooltipUpdate","position","tooltipUnbind","context","removeListener","BentoTooltipDirective"],"mappings":"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"}

package/dist/chunks/use-default-slot-validator.83d977a1.js

@@ -1,11 +0,0 @@
-import { onMounted as l } from "vue";
-const a = (o, t, ...e) => {
-  l(() => {
-    if (!t && e.some((r) => r))
-      throw new Error(`${o}: optional slots should only be provided together with #default slot`);
-  });
-};
-export {
-  a as u
-};
-//# sourceMappingURL=use-default-slot-validator.83d977a1.js.map

package/dist/chunks/use-default-slot-validator.83d977a1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-default-slot-validator.83d977a1.js","sources":["../../../vue2/src/composables/use-default-slot-validator/use-default-slot-validator.ts"],"sourcesContent":["import { onMounted } from 'vue';\n\nexport const useDefaultSlotValidator = (\n    componentName: string,\n    hasDefaultSlot: boolean,\n    ...hasOptionalSlots: boolean[]\n) => {\n    onMounted(() => {\n        if (!hasDefaultSlot && hasOptionalSlots.some(hasSlot => hasSlot)) {\n            throw new Error(`${componentName}: optional slots should only be provided together with #default slot`);\n        }\n    });\n};\n"],"names":["useDefaultSlotValidator","componentName","hasDefaultSlot","hasOptionalSlots","onMounted","hasSlot"],"mappings":";AAEO,MAAMA,IAA0B,CACnCC,GACAC,MACGC,MACF;AACD,EAAAC,EAAU,MAAM;AACZ,QAAI,CAACF,KAAkBC,EAAiB,KAAK,CAAAE,MAAWA,CAAO;AACrD,YAAA,IAAI,MAAM,GAAGJ,uEAAmF;AAAA,EAC1G,CACH;AACL;"}

package/dist/chunks/use-has-slot.068222e6.js

@@ -1,5 +0,0 @@
-const t = (s) => (o) => !!s[o];
-export {
-  t as u
-};
-//# sourceMappingURL=use-has-slot.068222e6.js.map

package/dist/chunks/use-has-slot.068222e6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-has-slot.068222e6.js","sources":["../../../vue2/src/composables/use-has-slot/use-has-slot.ts"],"sourcesContent":["import type { Slots } from 'vue/types/v3-setup-context';\n\n/**\n * Composable function that allows to verify if a Slot exits in a component.\n *\n * @example\n * <script script lang=\"ts\">\n *    import { useHasSlot } from '@/composables/hasSlot';\n *    import { useSlots } from 'vue';\n *\n *    const slots = useSlots();\n *    const hasSlot = useHasSlot(slots);\n * </script>\n *\n * @param {function(slots: Slots)} useHasSlots Encloses the slots object to be checked when the closure is called\n * @returns {function(name: string)} Checks if the named slot defined by \"name\" exists in the component\n */\nexport const useHasSlot = (slots: Slots) => (name: string) => !!slots[name];\n"],"names":["useHasSlot","slots","name"],"mappings":"AAiBa,MAAAA,IAAa,CAACC,MAAiB,CAACC,MAAiB,CAAC,CAACD,EAAMC,CAAI;"}