@adyen/bento-vue2 1.89.2 → 1.90.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.CbsNGnhw.js","sources":["../../src/directives/tooltip/tooltip.types.ts","../../src/types/utils-events.ts","../../src/components/internal/tooltip/tooltip.types.ts","../../src/components/internal/tooltip/tooltip.vue","../../src/directives/tooltip/tooltip.ts"],"sourcesContent":["import type { DirectiveBinding } from 'vue/types/options';\nimport { PopperContainerPositionBasic } from '../../components/popper-container/popper-container.types';\n\nexport interface BentoTooltipDirectiveBinding extends Readonly<DirectiveBinding> {\n    readonly value: string;\n}\n\nexport const BentoTooltipPosition = { ...PopperContainerPositionBasic };\nexport type BentoTooltipPosition = PopperContainerPositionBasic;\n\nexport enum BentoTooltipState {\n    HIDDEN = 'hidden',\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    TAB = 'Tab',\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","import { PopperContainerPositionBasic } from '../../popper-container/popper-container.types';\n\nexport const BentoTooltipPosition = { ...PopperContainerPositionBasic };\nexport type BentoTooltipPosition = PopperContainerPositionBasic;\n\nexport enum BentoTooltipState {\n    HIDDEN = 'hidden',\n}\n","<template>\n    <popper-container\n        :id=\"id\"\n        :aria-role=\"PopperContainerAriaRole.TOOLTIP\"\n        :arrow=\"{ classes: ['b-tooltip__arrow'] }\"\n        :class=\"conditionalClasses\"\n        :fallback-position=\"fallbackPosition\"\n        :is-hidden=\"!isShown\"\n        :offset=\"[0, 4]\"\n        :position=\"position\"\n        :target-element=\"targetElement\"\n        :disabled-focus-trap=\"disabledFocusTrap\"\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 setup lang=\"ts\">\n    import type {} from '@floating-ui/vue';\n    import { computed, type PropType } from 'vue';\n    import { BentoTooltipPosition, BentoTooltipState } from './tooltip.types';\n    import { type FallbackPositionProp, PopperContainer, PopperContainerAriaRole } from '@/components/popper-container';\n    import { BentoTypography } from '@/components/typography';\n    import { type VueNodeElement } from '@/types/elements';\n\n    const props = defineProps({\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        /**\n         * Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].\n         * Useful when not using auto as starting placement.\n         * @see {@link https://floating-ui.com/docs/flip#fallbackplacements}\n         */\n        fallbackPosition: {\n            type: [Array, String] as PropType<FallbackPositionProp>,\n            default: () => ['top', 'bottom', 'right', 'left'],\n        },\n\n        /**\n         * Disables focus-trap for tooltip.\n         * Useful for maintaining focus on the target element.\n         */\n        disabledFocusTrap: { type: Boolean, default: false },\n    });\n\n    const conditionalClasses = computed(() => ({\n        [`b-tooltip--${BentoTooltipState.HIDDEN}`]: !props.isShown,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Tooltip container, to be used internally to render the tooltip container where the text is shown.\n     */\n    export default {\n        name: 'tooltip',\n    };\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 '@/core/utils/ts';\nimport { EventKey } from '@/types/utils-events';\nimport { BentoTooltipPosition } from './tooltip.types';\nimport { type BentoTooltipDirectiveBinding } from './tooltip.types';\nimport { createApp, h, isVue2, isVue3, Vue2 } from 'vue-demi';\nimport Tooltip from '@/internal/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(Tooltip);\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: { Tooltip },\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(Tooltip, { ...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        if (document.contains(tooltip.$el)) {\n            document.body.removeChild(tooltip.$el);\n        }\n        tooltip.$destroy();\n    } else {\n        tooltip.unmount();\n        if (document.contains(tooltipVNode)) {\n            document.body.removeChild(tooltipVNode);\n        }\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 || !tooltipInstance.content || !el || !tooltip) {\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 || !tooltip) {\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    if (tooltip) {\n        tooltip.isShown = false;\n    }\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', () => {\n                    if (el.matches(':focus-visible')) {\n                        show();\n                    }\n                }),\n                listen(el, 'blur', evt => {\n                    const focusEvent = <FocusEvent>evt;\n\n                    // when blurred and it transitions to the tooltip via screenreader, it should not close\n                    if ((focusEvent.relatedTarget as Element)?.getAttribute('role') !== 'tooltip') {\n                        hide();\n                    }\n                }),\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                // This forces the tooltip to refresh and update content in Vue3\n                if (isVue3) {\n                    hideTooltip(el);\n                    showTooltip(el);\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    } else if (!tooltipInstance && binding.value) {\n        // If I don't have a tooltip instance yet but the value passed was updated\n        tooltipBind(el, binding);\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$1","PopperContainerPositionBasic","BentoTooltipState$1","BentoTooltipState2","EventKey","EventKey2","BentoTooltipPosition","BentoTooltipState","__default__","conditionalClasses","computed","props","tooltipInstances","ariaDescribedByAttr","tooltipId","generateUid","tooltip","open","tooltipProps","reactive","createTooltip","el","TooltipComponent","Vue2","Tooltip","destroyTooltip","getTooltipPosition","binding","getTooltipInstanceForTarget","ctx","showTooltip","tooltipInstance","isDialogOpen","node","nextTick","hideTooltip","_b","_a","tooltipBind","show","hide","listen","evt","tooltipUpdate","position","tooltipUnbind","context","removeListener","BentoTooltipDirective"],"mappings":";;;;;;;;AAOO,MAAAA,IAAA,EAAA,GAAAC,EAAA;AAGA,IAAAC,IAAA,kBAAAC,OACHA,EAAA,SAAA,UADQA,IAAAD,KAAA,CAAA,CAAA,GCCLE,IAAA,kBAAAC,OACHA,EAAA,SAAA,UACAA,EAAA,QAAA,SACAA,EAAA,aAAA,aACAA,EAAA,WAAA,WACAA,EAAA,cAAA,cACAA,EAAA,aAAA,aACAA,EAAA,UAAA,UACAA,EAAA,YAAA,YACAA,EAAA,MAAA,OACAA,EAAA,OAAA,QACAA,EAAA,MAAA,OAXQA,IAAAD,KAAA,CAAA,CAAA;ACTL,MAAAE,IAAA,EAAA,GAAAL,EAAA;AAGA,IAAAM,IAAA,kBAAAJ,OACHA,EAAA,SAAA,UADQA,IAAAI,KAAA,CAAA,CAAA;ACmFR,MAAAC,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAXAC,IAAAC,EAAA,OAAA;AAAA,MAA2C,CAAA,cAAAH,EAAA,MAAA,EAAA,GAAA,CAAAI,EAAA;AAAA,IACY,EAAA;;;;;;;;;;;;;;;qBC/C3DC,IAAA,CAAA,GACAC,IAAA,oBACAC,IAAAC,EAAA,SAAA;AAKA,IAAAC,GAEAC,IAAA;AAEA,MAAAC,IAAAC,EAAA;AAAA,EAA8B,eAAA;AAAA,EACX,SAAA;AAAA,EACN,IAAAL;AAAA,EACL,UAAA;AAAA,EACM,SAAA;AAEd,CAAA,GAOAM,IAAA,CAAAC,MAAA;AAEI,EAAAA,EAAA,aAAA,YAAA,GAAA;AAEA;AAGI,UAAAC,IAAAC,EAAA,OAAAC,CAAA;AACA,IAAAR,IAAA,IAAAM,EAAA,EAAA,WAAA,EAAA,eAAAD,GAAA,SAAA,IAAA,IAAAP,EAAA,EAAA,CAAA,EAAA,OAAA,GACA,SAAA,KAAA,YAAAE,EAAA,GAAA;AAAA,EAAqC;AAgB7C,GAMAS,IAAA,MAAA;AAEQ,EAAA,SAAA,SAAAT,EAAA,GAAA,KACI,SAAA,KAAA,YAAAA,EAAA,GAAA,GAEJA,EAAA,SAAA,GAQJA,IAAA;AACJ,GASAU,IAAA,CAAAC,MAAA,OAAA,OAAA3B,CAAA,EAAA,SAAA2B,EAAA,GAAA,IAAAA,EAAA,MAAA3B,EAAA,KAUA4B,IAAA,CAAAP,MAAAT,EAAA;AAAA,EACqB,CAAAiB;AAAA;AAAA,IACbA,EAAA,OAAA,YAAAR,CAAA,KAAAQ,EAAA,WAAAR;AAAA;AAGJ,GAOJS,IAAA,CAAAT,MAAA;AACI,QAAAU,IAAAH,EAAAP,CAAA;AAGA,MAAA,CAAAU,KAAA,CAAAA,EAAA,WAAA,CAAAV,KAAA,CAAAL;AACI;AAGJ,EAAAK,KACIA,EAAA,aAAAR,GAAAC,CAAA;AAKJ,MAAAkB,IAAA;AACA,WAAA,iBAAA,QAAA,EAAA,QAAA,CAAAC,MAAA;AACI,IAAAD,KAAAC,KAAA,gBAAAA,EAAA,SAAAD;AAAA,EAA6B,CAAA,GAGjCA,MAEQX,EAAA,MAAAL,EAAA,GAAA,GAMJgB,IAAA,KAGJf,IAAA,IAEAD,EAAA,UAAAe,EAAA,SACAf,EAAA,WAAAe,EAAA,UAEAb,EAAA,UAAAa,EAAA,SACAb,EAAA,WAAAa,EAAA,UAGAG,EAAA,MAAA;AAEI,IAAA,CAAAjB,KAAA,CAAAD,MAGAA,EAAA,gBAAAK,GACAL,EAAA,UAAA,IAEAE,EAAA,gBAAAG,GACAH,EAAA,UAAA;AAAA,EAAuB,CAAA;AAE/B,GAMAiB,IAAA,CAAAd,MAAA;;AAEI,GAAAe,KAAAC,IAAArB,KAAA,gBAAAA,EAAA,QAAA,gBAAAqB,EAAA,kBAAA,QAAAD,EAAA,WAAApB,EAAA,IAAA,cAAA,YAAA,UACI,SAAA,KAAA,YAAAA,EAAA,GAAA,GAGJC,IAAA,IACAD,MACIA,EAAA,UAAA,KAEJE,EAAA,UAAA,IACAG,KACIA,EAAA,gBAAAR,CAAA;AAER,GAEAyB,IAAA,CAAAjB,GAAAM,MAAA;AAEI,MAAA,CAAAA,EAAA,eAAA,OAAA,KAAAA,EAAA,OAAA;AAEI,IAAAf,EAAA,WAAA,KACIQ,EAAAC,CAAA;AAGJ,UAAAkB,IAAA,MAAAT,EAAAT,CAAA,GACAmB,IAAA,MAAAL,EAAAd,CAAA,GAGAU,IAAA;AAAA,MAAyC,QAAAV;AAAA,MAC7B,SAAAM,EAAA;AAAA,MACS,UAAAD,EAAAC,CAAA;AAAA,MACmB,iBAAA;AAAA,QACnBc,EAAApB,GAAA,cAAAkB,CAAA;AAAA,QACgBE,EAAApB,GAAA,cAAAmB,CAAA;AAAA,QACAC,EAAApB,GAAA,SAAA,MAAA;AAEzB,UAAAA,EAAA,QAAA,gBAAA,KACIkB,EAAA;AAAA,QACJ,CAAA;AAAA,QACHE,EAAApB,GAAA,QAAA,CAAAqB,MAAA;;AAKG,YAAAL,IAHAK,EAGA,kBAAA,gBAAAL,EAAA,aAAA,aAAA,aACIG,EAAA;AAAA,QACJ,CAAA;AAAA,QACHC,EAAApB,GAAA,WAAA,CAAAqB,MAAA;AAGG,UADAA,EACA,QAAAtC,EAAA,UACIoC,EAAA;AAAA,QACJ,CAAA;AAAA,MACH;AAAA,IACL;AAGJ,IAAA5B,EAAA,KAAAmB,CAAA;AAAA,EAAqC;AAE7C,GAEAY,IAAA,CAAAtB,GAAAM,MAAA;AACI,QAAAI,IAAAH,EAAAP,CAAA;AACA,MAAAU;AAoBI,SAlBAA,KAAA,gBAAAA,EAAA,aAAAJ,EAAA,UACII,EAAA,UAAAJ,EAAA,OAEAX,EAAA,WAAAA,EAAA,cAAA,YAAAK,CAAA,MACIU,EAAA,UAGIf,EAAA,UAAAW,EAAA,QAFAX,EAAA,UAAA,MAaZe,EAAA,aAAAJ,EAAA,KAAA;AACI,YAAAiB,IAAAlB,EAAAC,CAAA;AACA,MAAAI,EAAA,WAAAa,GACA5B,EAAA,WAAA4B;AAAA,IAAmB;AAAA,QACvB,CAAA,CAAAb,KAAAJ,EAAA,SAGAW,EAAAjB,GAAAM,CAAA;AAER,GAEAkB,IAAA,CAAAxB,MAAA;AACI,QAAAyB,IAAAlB,EAAAP,CAAA;AAGA,EAAAyB,MAIAA,EAAA,gBAAA,QAAA,CAAAC,MAAA;AACI,IAAAA,EAAA;AAAA,EAAe,CAAA,GAKnBZ,EAAA,GAEAvB,EAAA,OAAAA,EAAA,QAAAkC,CAAA,GAAA,CAAA,GAIAlC,EAAA,WAAA,KACIa,EAAA;AAER,GA4BOuB,IAAA;AAAA;AAAA,EAA8B,KAAA3B,GAAAM,GAAA;AAG7B,IAAAW,EAAAjB,GAAAM,CAAA;AAAA,EAAuB;AAAA,EAC3B,OAAAN,GAAAM,GAAA;AAEI,IAAAgB,EAAAtB,GAAAM,CAAA;AAAA,EAAyB;AAAA,EAC7B,OAAAN,GAAA;AAEI,IAAAwB,EAAAxB,CAAA;AAAA,EAAgB;AAAA;AAAA,EACpB,YAAAA,GAAAM,GAAA;AAGI,IAAAW,EAAAjB,GAAAM,CAAA;AAAA,EAAuB;AAAA,EAC3B,QAAAN,GAAAM,GAAA;AAEI,IAAAgB,EAAAtB,GAAAM,CAAA;AAAA,EAAyB;AAAA,EAC7B,QAAAN,GAAAM,GAAA;AAEI,IAAAgB,EAAAtB,GAAAM,CAAA;AAAA,EAAyB;AAAA,EAC7B,UAAAN,GAAA;AAEI,IAAAwB,EAAAxB,CAAA;AAAA,EAAgB;AAExB;"}