@adyen/bento-vue2 1.5.0 → 1.6.0

package/dist/chunks/{loading-button.9d18b4f2.js → loading-button.21c48d50.js}

@@ -1,11 +1,11 @@
-import { defineComponent as d, computed as r } from "vue";
-import { a as o, B as l } from "./button.66df5734.js";
+import { defineComponent as d, computed as i } from "vue";
+import { a as o, B as r } from "./button.38099670.js";
 import { BentoLoadingIndicator as c } from "../loading-indicator.js";
 import { C as u } from "./cross-circle-fill.d5e9ae44.js";
 import { C as _ } from "./checkmark-circle-fill.2cfbb81b.js";
 import { n as p } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/loading-button.css";
-var e = /* @__PURE__ */ ((n) => (n.START = "start", n.LOADING = "loading", n.SUCCESS = "success", n.FAIL = "fail", n))(e || {});
+var a = /* @__PURE__ */ ((n) => (n.START = "start", n.LOADING = "loading", n.SUCCESS = "success", n.FAIL = "fail", n))(a || {});
 const f = d({
   name: "bento-loading-button",
   components: { BentoButton: o, Cross: u, Checkmark: _, BentoLoadingIndicator: c },
@@ -30,8 +30,8 @@ const f = d({
      */
     state: {
       type: String,
-      default: e.START,
-      validator: (n) => Object.values(e).includes(n)
+      default: a.START,
+      validator: (n) => Object.values(a).includes(n)
     },
     /**
      * Types of flavour of Button
@@ -39,48 +39,48 @@ const f = d({
      */
     variant: {
       type: o.props.variant.type,
-      default: l.PRIMARY,
+      default: r.PRIMARY,
       validator: o.props.variant.validator
     }
   },
   setup(n, { emit: t }) {
-    const a = r(() => ({
-      [`b-loading-button--${n.variant}-${e.LOADING}`]: n.state === e.LOADING && !n.disabled,
-      [`b-loading-button--${n.variant}-${e.SUCCESS}`]: n.state === e.SUCCESS
-    })), i = r(() => n.variant === l.PRIMARY);
+    const e = i(() => ({
+      [`b-loading-button--${n.variant}-${a.LOADING}`]: n.state === a.LOADING && !n.disabled,
+      [`b-loading-button--${n.variant}-${a.SUCCESS}`]: n.state === a.SUCCESS
+    })), s = i(() => n.variant === r.PRIMARY);
     return {
       // Enums
-      BentoLoadingButtonState: e,
+      BentoLoadingButtonState: a,
       // Functions
-      onClick: (s) => {
-        n.state !== e.LOADING ? t("click", s) : (s.preventDefault(), s.stopPropagation());
+      onClick: (l) => {
+        n.state !== a.LOADING && t("click", l);
       },
       // Values
-      conditionalClasses: a,
-      isInverseLoadingIndicator: i
+      conditionalClasses: e,
+      isInverseLoadingIndicator: s
     };
   }
 });
 var b = function() {
-  var t = this, a = t._self._c;
-  return t._self._setupProxy, a("bento-button", { staticClass: "b-loading-button", class: t.conditionalClasses, attrs: { critical: t.state === t.BentoLoadingButtonState.FAIL, variant: t.variant, condensed: t.condensed, disabled: t.disabled }, on: { "!click": function(i) {
-    return t.onClick.apply(null, arguments);
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e("bento-button", { staticClass: "b-loading-button", class: t.conditionalClasses, attrs: { critical: t.state === t.BentoLoadingButtonState.FAIL, variant: t.variant, condensed: t.condensed, disabled: t.disabled }, on: { "!click": function(s) {
+    return s.stopPropagation(), t.onClick.apply(null, arguments);
   } }, scopedSlots: t._u([t.state !== t.BentoLoadingButtonState.START ? { key: "iconLeft", fn: function() {
-    return [a("span", { staticClass: "b-loading-button__icon", attrs: { "data-testid": "loading-button-rotating-icon" } }, [t.state === t.BentoLoadingButtonState.FAIL ? a("cross", { attrs: { "svg-title": "failed" } }) : t.state === t.BentoLoadingButtonState.SUCCESS ? a("checkmark", { attrs: { "svg-title": "succeded" } }) : t.state === t.BentoLoadingButtonState.LOADING ? a("bento-loading-indicator", { attrs: { small: "", inverse: t.isInverseLoadingIndicator } }) : t._e()], 1)];
+    return [e("span", { staticClass: "b-loading-button__icon", attrs: { "data-testid": "loading-button-rotating-icon" } }, [t.state === t.BentoLoadingButtonState.FAIL ? e("cross", { attrs: { "svg-title": "failed" } }) : t.state === t.BentoLoadingButtonState.SUCCESS ? e("checkmark", { attrs: { "svg-title": "succeded" } }) : t.state === t.BentoLoadingButtonState.LOADING ? e("bento-loading-indicator", { attrs: { small: "", inverse: t.isInverseLoadingIndicator } }) : t._e()], 1)];
   }, proxy: !0 } : null], null, !0) }, [t._t("default")], 2);
-}, m = [], v = /* @__PURE__ */ p(
+}, m = [], C = /* @__PURE__ */ p(
   f,
   b,
   m,
   !1,
   null,
-  "e209bd4b",
+  "ebe57d0b",
   null,
   null
 );
-const A = v.exports;
+const A = C.exports;
 export {
   A as B,
-  e as a
+  a
 };
-//# sourceMappingURL=loading-button.9d18b4f2.js.map
+//# sourceMappingURL=loading-button.21c48d50.js.map

package/dist/chunks/loading-button.21c48d50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-button.21c48d50.js","sources":["../../src/components/button/components/loading-button/loading-button.types.ts","../../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.capture.stop=\"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 = (e: MouseEvent) => {\n                if (props.state !== BentoLoadingButtonState.LOADING) {\n                    emit('click', e);\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","e"],"mappings":";;;;;;;AAAY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,UAAA,WACAA,EAAA,UAAA,WACAA,EAAA,OAAA,QAJQA,IAAAD,KAAA,CAAA,CAAA;ACmCZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA,EAAA,aAAAC,GAAA,OAAAC,GAAA,WAAAC,GAAA,uBAAAC,EAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,WAAA;AAAA,MAIA,MAAAH,EAAA,MAAA,UAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,UAAA;AAAA,MAKA,MAAAA,EAAA,MAAA,SAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAJ,EAAA;AAAA,MACA,WAAA,CAAAQ,MAAA,OAAA,OAAAR,CAAA,EAAA,SAAAQ,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAMA,MAAAJ,EAAA,MAAA,QAAA;AAAA,MACA,SAAAK,EAAA;AAAA,MACA,WAAAL,EAAA,MAAA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,MAAAM,GAAA,EAAA,MAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,OAAA;AAAA,MAAA,CAAA,qBAAAH,EAAA,WAAAV,EAAA,SAAA,GAAAU,EAAA,UAAAV,EAAA,WAAA,CAAAU,EAAA;AAAA,MAEA,CAAA,qBAAAA,EAAA,WAAAV,EAAA,SAAA,GAAAU,EAAA,UAAAV,EAAA;AAAA,IAEA,EAAA,GAGAc,IAAAD,EAAA,MAAAH,EAAA,YAAAD,EAAA,OAAA;AAQA,WAAA;AAAA;AAAA,MAAA,yBAAAT;AAAA;AAAA,MAEA,SARA,CAAAe,MAAA;AACA,QAAAL,EAAA,UAAAV,EAAA,WACAW,EAAA,SAAAI,CAAA;AAAA,MACA;AAAA;AAAA,MAQA,oBAAAH;AAAA,MAGA,2BAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/on-click-outside.3e0c3e2a.js.map

@@ -1 +1 @@
-{"version":3,"file":"on-click-outside.3e0c3e2a.js","sources":["../../src/directives/click-outside/utils.ts","../../src/directives/click-outside/useEventListener/index.ts","../../src/directives/click-outside/on-click-outside.ts"],"sourcesContent":["import type { AnyFn, MaybeComputedElementRef, MaybeElement, VueInstance } from '@/types';\nimport { unref } from 'vue';\n\nconst isClient = typeof window !== 'undefined';\n\nexport const defaultWindow = /* #__PURE__ */ isClient ? window : undefined;\n\nexport const isIOS =\n    /* #__PURE__ */ isClient && window?.navigator?.userAgent && /iP(ad|hone|od)/.test(window.navigator.userAgent);\n\n/**\n * Get the value of value/ref/getter.\n */\nexport function resolveUnref<T>(r): T {\n    return typeof r === 'function' ? (r as AnyFn<T>)() : unref<T>(r);\n}\n\n/**\n * Get the dom element of a ref of element or Vue component instance\n *\n * @param elRef\n */\nexport function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): any {\n    const plain = resolveUnref(elRef);\n    return (plain as VueInstance)?.$el ?? plain;\n}\n\n// No operation\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const noop = () => {};\n","import type { Fn, MaybeComputedRef, MaybeElementRef } from '@/types';\nimport type { Arrayable, GeneralEventListener } from './types';\nimport { watch } from 'vue';\nimport { defaultWindow, noop, resolveUnref, unrefElement } from '../utils';\n\n/**\n * Verify type of input value\n * @param val Value to be evaluated as string\n * @returns {boolean} true if the value is a \"string\", false if it's something else\n */\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 1: Omitted Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 2: Explicitly Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    target: Window,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 3: Explicitly Document target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof DocumentEventMap>(\n    target: DocumentOrShadowRoot,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Document, ev: DocumentEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 4: Custom event target with event type infer\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<Names extends string, EventType = Event>(\n    target: EventTarget,\n    event: Arrayable<Names>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 5: Custom event target fallback\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<EventType = Event>(\n    target: MaybeComputedRef<EventTarget | null | undefined>,\n    event: Arrayable<string>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\nexport function useEventListener(...args) {\n    let target: MaybeComputedRef<EventTarget> | undefined;\n    let events: Arrayable<string>;\n    let listeners: Arrayable<EventListenerOrEventListenerObject>;\n    let options: MaybeComputedRef<boolean | AddEventListenerOptions> | undefined;\n\n    if (isString(args[0]) || Array.isArray(args[0])) {\n        [events, listeners, options] = args;\n        target = defaultWindow;\n    } else {\n        [target, events, listeners, options] = args;\n    }\n\n    if (!target) return noop;\n\n    if (!Array.isArray(events)) events = [events];\n    if (!Array.isArray(listeners)) listeners = [listeners];\n\n    const cleanups: Array<() => void> = [];\n    const cleanup = () => {\n        cleanups.forEach(fn => fn());\n        cleanups.length = 0;\n    };\n\n    const register = (\n        el: EventTarget,\n        event: string,\n        listener: EventListenerOrEventListenerObject,\n        registerOptions: boolean | AddEventListenerOptions\n    ) => {\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        el.addEventListener(event, listener, registerOptions);\n        return () => el.removeEventListener(event, listener, registerOptions);\n    };\n\n    const stopWatch = watch(\n        () => [unrefElement(target as unknown as MaybeElementRef), resolveUnref(options)],\n        ([el, stopWatchOptions]) => {\n            cleanup();\n            if (!el) return;\n\n            cleanups.push(\n                ...(events as string[]).flatMap(event =>\n                    (listeners as EventListenerOrEventListenerObject[]).map(listener =>\n                        register(\n                            el as EventTarget,\n                            event,\n                            listener as EventListenerOrEventListenerObject,\n                            stopWatchOptions as boolean | AddEventListenerOptions\n                        )\n                    )\n                )\n            );\n        },\n        { immediate: true, flush: 'post' }\n    );\n\n    const stop = () => {\n        stopWatch();\n        cleanup();\n    };\n\n    return stop;\n}\n","import type { Fn, MaybeElementRef } from '@/types';\nimport type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';\nimport { useEventListener } from './useEventListener';\nimport { defaultWindow, isIOS, noop, unrefElement } from './utils';\n\n// eslint-disable-next-line no-underscore-dangle\nlet _iOSWorkaround = false;\n\n/**\n * Listen for clicks outside of an element.\n *\n * @see https://vueuse.org/onClickOutside\n * @param target\n * @param handler\n * @param options\n */\nexport function onClickOutside<T extends OnClickOutsideOptions>(\n    target: MaybeElementRef,\n    handler: OnClickOutsideHandler,\n    options: T = {} as T\n) {\n    const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;\n\n    if (!window) return;\n\n    // Fixes \"onClickOutside not working on Safari iOS\": https://github.com/vueuse/vueuse/issues/1520\n    // How it works: https://stackoverflow.com/a/39712411\n    if (isIOS && !_iOSWorkaround) {\n        _iOSWorkaround = true;\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        Array.from(window.document.body.children).forEach((el: Element) => el.addEventListener('click', noop));\n    }\n\n    let shouldListen = true;\n\n    const shouldIgnore = (event: PointerEvent) =>\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        ignore.some(target => {\n            if (typeof target === 'string') {\n                return Array.from(window.document.querySelectorAll(target)).some(\n                    (el: Element) => el === event.target || event.composedPath().includes(el)\n                );\n            }\n\n            const el = unrefElement(target) as EventTarget;\n            return el && (event.target === el || event.composedPath().includes(el));\n        });\n\n    const listener = (event: PointerEvent) => {\n        const el = unrefElement(target) as EventTarget;\n\n        if (!el || el === event.target || event.composedPath().includes(el)) return;\n\n        if (event.detail === 0) shouldListen = !shouldIgnore(event);\n\n        if (!shouldListen) {\n            shouldListen = true;\n            return;\n        }\n\n        handler(event);\n    };\n\n    const cleanup = [\n        useEventListener(window, 'click', listener, { passive: true, capture }),\n        useEventListener(\n            window,\n            'pointerdown',\n            e => {\n                const el = unrefElement(target) as EventTarget;\n                if (el) shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);\n            },\n            { passive: true }\n        ),\n        detectIframe &&\n            useEventListener(window, 'blur', event => {\n                const el: Element = unrefElement(target);\n                if (window.document.activeElement?.tagName === 'IFRAME' && !el?.contains(window.document.activeElement))\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    handler(event as any);\n            }),\n    ].filter(Boolean) as Fn[];\n\n    const stop = () => cleanup.forEach(fn => fn());\n\n    // eslint-disable-next-line consistent-return\n    return stop;\n}\n"],"names":["isClient","defaultWindow","isIOS","_a","resolveUnref","r","unref","unrefElement","elRef","plain","noop","isString","val","useEventListener","args","target","events","listeners","options","cleanups","cleanup","fn","register","el","event","listener","registerOptions","stopWatch","watch","stopWatchOptions","_iOSWorkaround","onClickOutside","handler","window","ignore","capture","detectIframe","shouldListen","shouldIgnore","e"],"mappings":"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"}
+{"version":3,"file":"on-click-outside.3e0c3e2a.js","sources":["../../src/directives/click-outside/utils.ts","../../src/directives/click-outside/useEventListener/index.ts","../../src/directives/click-outside/on-click-outside.ts"],"sourcesContent":["import type { AnyFn, MaybeComputedElementRef, MaybeElement, VueInstance } from '@/types';\nimport { unref } from 'vue';\n\nconst isClient = typeof window !== 'undefined';\n\nexport const defaultWindow = /* #__PURE__ */ isClient ? window : undefined;\n\nexport const isIOS =\n    /* #__PURE__ */ isClient && window?.navigator?.userAgent && /iP(ad|hone|od)/.test(window.navigator.userAgent);\n\n/**\n * Get the value of value/ref/getter.\n */\nexport function resolveUnref<T>(r): T {\n    return typeof r === 'function' ? (r as AnyFn<T>)() : unref<T>(r);\n}\n\n/**\n * Get the dom element of a ref of element or Vue component instance\n *\n * @param elRef\n */\nexport function unrefElement<T extends MaybeElement>(elRef: MaybeComputedElementRef<T>): any {\n    const plain = resolveUnref(elRef);\n    return (plain as VueInstance)?.$el ?? plain;\n}\n\n// No operation\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const noop = () => {};\n","import type { Fn, MaybeComputedRef, MaybeElementRef } from '@/types';\nimport type { Arrayable, GeneralEventListener } from './types';\nimport { watch } from 'vue';\nimport { defaultWindow, noop, resolveUnref, unrefElement } from '../utils';\n\n/**\n * Verify type of input value\n * @param val Value to be evaluated as string\n * @returns {boolean} true if the value is a \"string\", false if it's something else\n */\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 1: Omitted Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 2: Explicitly Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    target: Window,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 3: Explicitly Document target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof DocumentEventMap>(\n    target: DocumentOrShadowRoot,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Document, ev: DocumentEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 4: Custom event target with event type infer\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<Names extends string, EventType = Event>(\n    target: EventTarget,\n    event: Arrayable<Names>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 5: Custom event target fallback\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<EventType = Event>(\n    target: MaybeComputedRef<EventTarget | null | undefined>,\n    event: Arrayable<string>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\nexport function useEventListener(...args) {\n    let target: MaybeComputedRef<EventTarget> | undefined;\n    let events: Arrayable<string>;\n    let listeners: Arrayable<EventListenerOrEventListenerObject>;\n    let options: MaybeComputedRef<boolean | AddEventListenerOptions> | undefined;\n\n    if (isString(args[0]) || Array.isArray(args[0])) {\n        [events, listeners, options] = args;\n        target = defaultWindow;\n    } else {\n        [target, events, listeners, options] = args;\n    }\n\n    if (!target) {\n        return noop;\n    }\n\n    if (!Array.isArray(events)) {\n        events = [events];\n    }\n\n    if (!Array.isArray(listeners)) {\n        listeners = [listeners];\n    }\n\n    const cleanups: Array<() => void> = [];\n    const cleanup = () => {\n        cleanups.forEach(fn => fn());\n        cleanups.length = 0;\n    };\n\n    const register = (\n        el: EventTarget,\n        event: string,\n        listener: EventListenerOrEventListenerObject,\n        registerOptions: boolean | AddEventListenerOptions\n    ) => {\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        el.addEventListener(event, listener, registerOptions);\n        return () => el.removeEventListener(event, listener, registerOptions);\n    };\n\n    const stopWatch = watch(\n        () => [unrefElement(target as unknown as MaybeElementRef), resolveUnref(options)],\n        ([el, stopWatchOptions]) => {\n            cleanup();\n\n            if (!el) {\n                return;\n            }\n\n            cleanups.push(\n                ...(events as string[]).flatMap(event =>\n                    (listeners as EventListenerOrEventListenerObject[]).map(listener =>\n                        register(\n                            el as EventTarget,\n                            event,\n                            listener as EventListenerOrEventListenerObject,\n                            stopWatchOptions as boolean | AddEventListenerOptions\n                        )\n                    )\n                )\n            );\n        },\n        { immediate: true, flush: 'post' }\n    );\n\n    const stop = () => {\n        stopWatch();\n        cleanup();\n    };\n\n    return stop;\n}\n","import type { Fn, MaybeElementRef } from '@/types';\nimport type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';\nimport { useEventListener } from './useEventListener';\nimport { defaultWindow, isIOS, noop, unrefElement } from './utils';\n\n// eslint-disable-next-line no-underscore-dangle\nlet _iOSWorkaround = false;\n\n/**\n * Listen for clicks outside of an element.\n *\n * @see https://vueuse.org/onClickOutside\n * @param target\n * @param handler\n * @param options\n */\nexport function onClickOutside<T extends OnClickOutsideOptions>(\n    target: MaybeElementRef,\n    handler: OnClickOutsideHandler,\n    options: T = {} as T\n) {\n    const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;\n\n    if (!window) {\n        return;\n    }\n\n    // Fixes \"onClickOutside not working on Safari iOS\": https://github.com/vueuse/vueuse/issues/1520\n    // How it works: https://stackoverflow.com/a/39712411\n    if (isIOS && !_iOSWorkaround) {\n        _iOSWorkaround = true;\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        Array.from(window.document.body.children).forEach((el: Element) => el.addEventListener('click', noop));\n    }\n\n    let shouldListen = true;\n\n    const shouldIgnore = (event: PointerEvent) =>\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        ignore.some(target => {\n            if (typeof target === 'string') {\n                return Array.from(window.document.querySelectorAll(target)).some(\n                    (el: Element) => el === event.target || event.composedPath().includes(el)\n                );\n            }\n\n            const el = unrefElement(target) as EventTarget;\n            return el && (event.target === el || event.composedPath().includes(el));\n        });\n\n    const listener = (event: PointerEvent) => {\n        const el = unrefElement(target) as EventTarget;\n\n        if (!el || el === event.target || event.composedPath().includes(el)) {\n            return;\n        }\n\n        if (event.detail === 0) {\n            shouldListen = !shouldIgnore(event);\n        }\n\n        if (!shouldListen) {\n            shouldListen = true;\n            return;\n        }\n\n        handler(event);\n    };\n\n    const cleanup = [\n        useEventListener(window, 'click', listener, { passive: true, capture }),\n        useEventListener(\n            window,\n            'pointerdown',\n            e => {\n                const el = unrefElement(target) as EventTarget;\n                if (el) {\n                    shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);\n                }\n            },\n            { passive: true }\n        ),\n        detectIframe &&\n            useEventListener(window, 'blur', event => {\n                const el: Element = unrefElement(target);\n                if (\n                    window.document.activeElement?.tagName === 'IFRAME' &&\n                    !el?.contains(window.document.activeElement)\n                ) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    handler(event as any);\n                }\n            }),\n    ].filter(Boolean) as Fn[];\n\n    const stop = () => cleanup.forEach(fn => fn());\n\n    // eslint-disable-next-line consistent-return\n    return stop;\n}\n"],"names":["isClient","defaultWindow","isIOS","_a","resolveUnref","r","unref","unrefElement","elRef","plain","noop","isString","val","useEventListener","args","target","events","listeners","options","cleanups","cleanup","fn","register","el","event","listener","registerOptions","stopWatch","watch","stopWatchOptions","_iOSWorkaround","onClickOutside","handler","window","ignore","capture","detectIframe","shouldListen","shouldIgnore","e"],"mappings":"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"}

package/dist/chunks/{tooltip.f89cb0cd.js → tooltip.ca9673ee.js}

@@ -3,7 +3,7 @@ import { l as r } from "./events.58c00e6d.js";
 import { g as S } from "./unique-id.a2a2b458.js";
 import { PopperContainerPositionBasic as v, PopperContainer as D, PopperContainerAriaRole as N } from "../popper-container.js";
 import { V as W } from "./index.af05ced4.js";
-import { B as I } from "./index.1645ffcb.js";
+import { B as I } from "./index.74da0d41.js";
 import { n as x } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import "../assets/tooltip.css";
 const l = { ...v };
@@ -167,4 +167,4 @@ export {
   A as a,
   y as b
 };
-//# sourceMappingURL=tooltip.f89cb0cd.js.map
+//# sourceMappingURL=tooltip.ca9673ee.js.map

package/dist/chunks/tooltip.ca9673ee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.ca9673ee.js","sources":["../../src/directives/tooltip/tooltip.types.ts","../../src/types/utils-events.ts","../../src/components/tooltip/tooltip.vue","../../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        :aria-role=\"PopperContainerAriaRole.TOOLTIP\"\n        :aria-hidden=\"!isShown\"\n        :arrow=\"{ classes: ['b-tooltip__arrow'] }\"\n        :class=\"conditionalClasses\"\n        :fallback-position=\"['top', 'bottom', 'right', 'left']\"\n        :is-hidden=\"!isShown\"\n        :offset=\"[0, 4]\"\n        :position=\"position\"\n        :tabindex=\"tabIndex\"\n        :target-element=\"targetElement\"\n        class=\"b-tooltip\"\n    >\n        <bento-typography el=\"span\" variant=\"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 { PopperContainer, PopperContainerAriaRole } from '@/components/popper-container';\n    import { BentoTypography } 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                PopperContainerAriaRole,\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        if (isVue2) {\n            el.after(tooltip.$el);\n            // eslint-disable-next-line no-underscore-dangle\n        } else if (tooltip?._instance?.vnode?.el) {\n            // eslint-disable-next-line no-underscore-dangle\n            el.after(tooltip?._instance?.vnode?.el);\n        }\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","PopperContainerAriaRole","_sfc_main","defineComponent","tooltipInstances","ariaDescribedByAttr","tooltipId","generateUid","tooltip","open","tooltipProps","reactive","createTooltip","el","TooltipComponent","Vue2","BentoTooltip","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-expandable-content-height.62fc84e5.js

@@ -0,0 +1,17 @@
+import { ref as l, nextTick as u } from "vue";
+const s = (n, a) => {
+  const t = l(null);
+  return {
+    updateContentHeight: async () => {
+      var e;
+      await u();
+      const o = ((e = n.value) == null ? void 0 : e.scrollHeight) || null;
+      t.value = a.value ? `${o}px` : "0";
+    },
+    contentHeight: t
+  };
+};
+export {
+  s as u
+};
+//# sourceMappingURL=use-expandable-content-height.62fc84e5.js.map

package/dist/chunks/use-expandable-content-height.62fc84e5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expandable-content-height.62fc84e5.js","sources":["../../src/composables/use-expandable-content-height/use-expandable-content-height.ts"],"sourcesContent":["import { nextTick, ref } from 'vue';\n\n/**\n * Composable function that gets the height of expandable content. Mostly to use with expanding height animations (accordion, card...).\n *\n * @example\n *  <template>\n *      <Transition :name=\"b-height__animation\">\n *          <div v-if=\"isOpen\" :style=\"contentHeight ? { 'max-height': contentHeight } : {}\" >\n *              <div ref=\"contentDiv\">\n *                  <slot />\n *              </div>\n *          </div>\n *      </Transition>\n *  </template>\n *\n *  <script script lang=\"ts\">\n *      import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n *\n *      const { updateContentHeight, contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n *\n *      watch(\n *          isOpen,\n *          value => {\n *              updateContentHeight();\n *          },\n *          { immediate: true }\n *      );\n *  </script>\n *\n * @param {Ref<HTMLDivElement>} contentRef Reference to the div with the content\n * @param {Ref<boolean>} isOpen Reference to the boolean controlling the expanded state\n * @returns The height of the content and function to update the height\n */\nexport const useExpandableContentHeight = (contentRef, isOpen) => {\n    const contentHeight = ref<string | null>(null);\n\n    const updateContentHeight = async () => {\n        await nextTick();\n\n        const maxHeight = contentRef.value?.scrollHeight || null;\n        contentHeight.value = isOpen.value ? `${maxHeight}px` : '0';\n    };\n\n    return {\n        updateContentHeight,\n        contentHeight,\n    };\n};\n"],"names":["useExpandableContentHeight","contentRef","isOpen","contentHeight","ref","nextTick","maxHeight","_a"],"mappings":";AAkCa,MAAAA,IAA6B,CAACC,GAAYC,MAAW;AACxD,QAAAC,IAAgBC,EAAmB,IAAI;AAStC,SAAA;AAAA,IACH,qBARwB,YAAY;;AACpC,YAAMC,EAAS;AAET,YAAAC,MAAYC,IAAAN,EAAW,UAAX,gBAAAM,EAAkB,iBAAgB;AACpD,MAAAJ,EAAc,QAAQD,EAAO,QAAQ,GAAGI,QAAgB;AAAA,IAAA;AAAA,IAKxD,eAAAH;AAAA,EAAA;AAER;"}

package/dist/chunks/use-has-slot.6052d56a.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-has-slot.6052d56a.js","sources":["../../src/composables/use-has-slot/use-has-slot.ts"],"sourcesContent":["import { isVue2, VNode } from 'vue-demi';\nimport 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 | { [key: string]: VNode[] }) => (name: string) => {\n    if (isVue2) {\n        return !!slots[name];\n    }\n\n    const slotChildren = Array.isArray(slots[name])\n        ? (slots as { [key: string]: VNode[] })[name]\n        : (slots as Slots)[name]?.()?.[0]?.children;\n\n    if (Array.isArray(slotChildren)) {\n        if (slotChildren.length > 0) {\n            return true;\n        }\n        if (slotChildren.length === 0) {\n            return false;\n        }\n    } else if (slotChildren && typeof slotChildren === 'object') {\n        if (Object.keys(slotChildren)?.length > 0) {\n            return true;\n        }\n        return false;\n    }\n\n    if ((slotChildren as unknown as { [key: string]: VNode[] })?.default) {\n        return true;\n    }\n\n    if (slotChildren === undefined || slotChildren === null) {\n        return !!(slots as Slots)[name]?.()?.[0]?.toString();\n    }\n\n    if (typeof slotChildren === 'string') {\n        return !!slotChildren;\n    }\n\n    return false;\n};\n"],"names":["useHasSlot","slots","name"],"mappings":";AAkBO,MAAMA,IAAa,CAACC,MAA8C,CAACC,MAE3D,CAAC,CAACD,EAAMC,CAAI;"}
+{"version":3,"file":"use-has-slot.6052d56a.js","sources":["../../src/composables/use-has-slot/use-has-slot.ts"],"sourcesContent":["import { isVue2, VNode } from 'vue-demi';\nimport 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 | { [key: string]: VNode[] }) => (name: string) => {\n    if (isVue2) {\n        return !!slots[name];\n    }\n\n    if (slots?.[name]) {\n        if (typeof slots?.[name] === 'function') {\n            return !!(slots as Slots)?.[name]?.();\n        }\n        if (Array.isArray(slots?.[name])) {\n            return slots?.[name]?.length > 0;\n        }\n    }\n\n    return false;\n};\n"],"names":["useHasSlot","slots","name"],"mappings":";AAkBO,MAAMA,IAAa,CAACC,MAA8C,CAACC,MAE3D,CAAC,CAACD,EAAMC,CAAI;"}

package/dist/code-snippet.js

@@ -7,16 +7,16 @@ import { json as Ze } from "@codemirror/lang-json";
 import { xml as Qe } from "@codemirror/lang-xml";
 import { javascript as Ye } from "@codemirror/lang-javascript";
 import { java as et } from "@codemirror/lang-java";
-import { B as tt } from "./chunks/dropdown.10ea8304.js";
-import { f as nt } from "./chunks/base-modal.6eaa7e53.js";
-import { a as rt } from "./chunks/button.66df5734.js";
-import { B as it } from "./chunks/index.1645ffcb.js";
+import { B as tt } from "./chunks/dropdown.5d22958c.js";
+import { f as nt } from "./chunks/base-modal.f462dac0.js";
+import { a as rt } from "./chunks/button.38099670.js";
+import { B as it } from "./chunks/index.74da0d41.js";
 import { BentoLoadingIndicator as st } from "./loading-indicator.js";
 import { u as lt } from "./chunks/i18n.155748d6.js";
 import { n as Te } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { C as ot } from "./chunks/copy.57f969d4.js";
-import { b as at } from "./chunks/tooltip.f89cb0cd.js";
-import "./assets/index16.css";
+import { C as ot } from "./chunks/copy.8e44a660.js";
+import { b as at } from "./chunks/tooltip.ca9673ee.js";
+import "./assets/index11.css";
 const ut = 1024;
 let ft = 0;
 class v {