@adyen/bento-vue2 1.84.2 → 1.86.0

package/dist/chunks/dialog-page.DA6E6qma.js

@@ -0,0 +1,122 @@
+import { defineComponent as U, useSlots as H, ref as P, computed as n, inject as N, watch as h, nextTick as S, onMounted as J, onUnmounted as F } from "vue";
+import { B as K } from "./button.Ctj3rkxw.js";
+import { A as M } from "./arrow-left.CRREfabP.js";
+import { u as Y } from "./use-has-slot.C9lQZ6nz.js";
+import { u as $ } from "./index.B6WW_F-J.js";
+import { i as z } from "./typography.C8lPlsbD.js";
+import { c as q } from "./index.BkJqgYF1.js";
+import { n as Q } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/dialog-page.css";
+var E = /* @__PURE__ */ ((l) => (l.TRANSITION_LEVEL_DEEPER = "b-dialog-page__animation--level-deeper", l.TRANSITION_LEVEL_UPPER = "b-dialog-page__animation--level-upper", l))(E || {});
+const W = /* @__PURE__ */ Symbol("dialog registerPage injection key"), X = /* @__PURE__ */ Symbol("dialog page config data injection key"), Z = {
+  "en-US": {
+    goToPreviousPage: "Go to previous page"
+  },
+  "ja-JP": {
+    goToPreviousPage: "前のページに移動"
+  },
+  "pt-BR": {
+    goToPreviousPage: "Ir para a página anterior"
+  }
+}, ee = {
+  i18n: { messages: Z }
+}, ae = /* @__PURE__ */ U({
+  ...ee,
+  __name: "dialog-page",
+  props: {
+    /**
+     * Identifier of the page, used with activePage prop to handle navigation
+     */
+    pageId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Show header and actions border
+     */
+    alwaysShowBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Pass custom styling to the back button to position it correctly with the header slot
+     */
+    backButtonStyling: { type: Object, default: null },
+    /**
+     * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior
+     * Used when the back button should not take the user to the natural previous page
+     * Set to `null` to hide back button in the page
+     */
+    previousPage: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["animationend"],
+  setup(l, { emit: t }) {
+    const a = l, e = H(), b = Y(e), { t: O } = $(), r = P(null), d = P(!1), u = P(!1), { arrivedState: c } = q(r), g = n(() => s.value ? s.value === a.pageId : !0), L = n(() => ({
+      "b-dialog-page__header--with-border": a.alwaysShowBorder || d.value && !c.top
+    })), R = n(() => ({
+      "b-dialog-page__footer--with-border": a.alwaysShowBorder || d.value && !c.bottom
+    })), k = n(() => !(c.bottom && c.top)), G = () => {
+      r.value;
+    }, _ = async (i) => {
+      i && (await S(), u.value && (d.value = r.value && r.value.scrollHeight > r.value.clientHeight));
+    }, { activePage: s, animation: p, isAnimationActive: v, isOpen: f, pages: I, previousPages: o, updatePage: y } = N(X);
+    h(() => f.value, _, { immediate: !0 }), h(() => g.value, _, { immediate: !0 });
+    const x = n(() => a.previousPage ? !0 : a.previousPage === null ? !1 : T.value && g.value), D = () => {
+      p.value = E.TRANSITION_LEVEL_DEEPER, v && (v.value = !1), t("animationend");
+    }, j = () => {
+      v && (v.value = !0);
+    }, T = n(() => o.value.length > 1), m = n(() => o.value[o.value.length - 1]), w = n(() => I.value.some((i) => i === s.value)), V = async (i) => {
+      if (i) {
+        const B = o.value.indexOf(i);
+        B !== -1 ? o.value = o.value.slice(0, B + 1) : o.value = [i];
+      } else
+        o.value.pop();
+      p.value = E.TRANSITION_LEVEL_UPPER, await S(), u.value && y(m.value);
+    };
+    h(
+      () => s.value,
+      async () => {
+        if (await S(), !(!u.value || !f.value)) {
+          if (s.value && !w.value && z) {
+            console.error(
+              `The activePage passed "${s.value}" does not match the id of any of the pages`
+            );
+            return;
+          }
+          s.value !== m.value && o.value.push(s.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    const A = N(W), { unregisterPage: C } = A(a.pageId);
+    return J(() => {
+      u.value = !0;
+    }), F(() => {
+      u.value = !1, C();
+    }), { __sfc: !0, props: a, emit: t, slots: e, hasSlot: b, t: O, contentElement: r, hasScroll: d, isMounted: u, arrivedState: c, showPage: g, headerConditionalClasses: L, footerConditionalClasses: R, isScrollable: k, onScroll: G, calculateScroll: _, activePage: s, animation: p, isAnimationActive: v, isOpen: f, pages: I, previousPages: o, updatePage: y, showBackButton: x, updateAnimation: D, startAnimation: j, hasPreviousPages: T, lastPage: m, isActivePageValid: w, goToPreviousPage: V, registerPage: A, unregisterPage: C, BentoButton: K, ArrowLeftIcon: M };
+  }
+});
+var te = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return a("Transition", { attrs: { name: e.animation, mode: "out-in" }, on: { "after-leave": e.updateAnimation, leave: e.startAnimation } }, [e.isOpen && e.showPage ? a("div", { staticClass: "b-dialog-page" }, [e.hasSlot("header") ? a("div", { staticClass: "b-dialog-page__header", class: e.headerConditionalClasses }, [e.showBackButton ? a("div", { staticClass: "b-dialog-page__back-button", style: t.backButtonStyling, attrs: { "data-testid": "back-button" } }, [a(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(b) {
+    return e.goToPreviousPage(t.previousPage);
+  } } }, [a(e.ArrowLeftIcon, { attrs: { "svg-title": e.t("goToPreviousPage") } })], 1)], 1) : t._e(), t._t("header")], 2) : t._e(), e.hasSlot("content") ? a("div", { ref: "contentElement", staticClass: "b-dialog-page__content", attrs: { tabindex: e.isScrollable ? 0 : null }, on: { scroll: e.onScroll } }, [t._t("content")], 2) : t._e(), e.hasSlot("footer") ? a("div", { staticClass: "b-dialog-page__footer", class: e.footerConditionalClasses }, [t._t("footer")], 2) : t._e()]) : t._e()]);
+}, oe = [], se = /* @__PURE__ */ Q(
+  ae,
+  te,
+  oe,
+  !1,
+  null,
+  "5bc2711d"
+);
+const ge = se.exports;
+export {
+  E as B,
+  X as D,
+  W as a,
+  ge as b
+};
+//# sourceMappingURL=dialog-page.DA6E6qma.js.map

package/dist/chunks/dialog-page.DA6E6qma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-page.DA6E6qma.js","sources":["../../src/components/internal/dialog-page/dialog-page.types.ts","../../src/components/internal/dialog-page/dialog-page.keys.ts","../../src/components/internal/dialog-page/dialog-page.vue"],"sourcesContent":["import { type Ref } from 'vue';\n\nexport enum BentoDialogPageAnimation {\n    TRANSITION_LEVEL_DEEPER = 'b-dialog-page__animation--level-deeper',\n    TRANSITION_LEVEL_UPPER = 'b-dialog-page__animation--level-upper',\n}\n\nexport interface BentoDialogPageConfigData {\n    activePage: Ref<string>;\n    animation: Ref<string>;\n    isAnimationActive?: Ref<boolean>;\n    isOpen: Ref<boolean>;\n    pages: Ref<Array<string>>;\n    previousPages: Ref<Array<string>>;\n    updatePage: (page: string) => void;\n}\n\nexport type BentoDialogPageRegisterPage = (pageId: string) => { unregisterPage: () => void };\n","export const DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY = Symbol('dialog registerPage injection key');\nexport const DIALOG_PAGE_CONFIG_INJECTION_KEY = Symbol('dialog page config data injection key');\n","<template>\n    <Transition :name=\"animation\" mode=\"out-in\" @after-leave=\"updateAnimation\" @leave=\"startAnimation\">\n        <div v-if=\"isOpen && showPage\" class=\"b-dialog-page\">\n            <div v-if=\"hasSlot('header')\" class=\"b-dialog-page__header\" :class=\"headerConditionalClasses\">\n                <div\n                    v-if=\"showBackButton\"\n                    class=\"b-dialog-page__back-button\"\n                    :style=\"backButtonStyling\"\n                    data-testid=\"back-button\"\n                >\n                    <bento-button variant=\"tertiary\" @click=\"goToPreviousPage(previousPage)\">\n                        <arrow-left-icon :svg-title=\"t('goToPreviousPage')\" />\n                    </bento-button>\n                </div>\n                <slot name=\"header\"></slot>\n            </div>\n            <div\n                v-if=\"hasSlot('content')\"\n                ref=\"contentElement\"\n                class=\"b-dialog-page__content\"\n                :tabindex=\"isScrollable ? 0 : null\"\n                @scroll=\"onScroll\"\n            >\n                <slot name=\"content\" />\n            </div>\n            <div v-if=\"hasSlot('footer')\" class=\"b-dialog-page__footer\" :class=\"footerConditionalClasses\">\n                <slot name=\"footer\" />\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, nextTick, onMounted, onUnmounted, type PropType, ref, useSlots, watch } from 'vue';\n\n    import { BentoButton } from '@/components/button';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n    import {\n        BentoDialogPageAnimation,\n        type BentoDialogPageConfigData,\n        type BentoDialogPageRegisterPage,\n    } from './dialog-page.types';\n    import type { CSSProperties } from 'vue/types/jsx.d.ts';\n\n    import { DIALOG_PAGE_CONFIG_INJECTION_KEY, DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY } from './dialog-page.keys';\n\n    import messages from './messages.json';\n    import { useScroll } from '@vueuse/core';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Identifier of the page, used with activePage prop to handle navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Show header and actions border\n         */\n        alwaysShowBorder: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Pass custom styling to the back button to position it correctly with the header slot\n         */\n        backButtonStyling: { type: Object as PropType<CSSProperties>, default: null },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const emit = defineEmits([\"animationend\"]);\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentElement = ref<HTMLDivElement>(null);\n    const hasScroll = ref(false);\n    const isMounted = ref(false);\n\n    const { arrivedState } = useScroll(contentElement);\n\n    // Logic to choose which page is active/shown\n    const showPage = computed(() => (activePage.value ? activePage.value === props.pageId : true));\n\n    // Scrolling styling logic\n    const headerConditionalClasses = computed(() => ({\n        'b-dialog-page__header--with-border': props.alwaysShowBorder || (hasScroll.value && !arrivedState.top),\n    }));\n\n    const footerConditionalClasses = computed(() => ({\n        'b-dialog-page__footer--with-border': props.alwaysShowBorder || (hasScroll.value && !arrivedState.bottom),\n    }));\n\n    const isScrollable = computed(() => !(arrivedState.bottom && arrivedState.top));\n\n    const onScroll = () => {\n        if (!contentElement.value) {\n            return;\n        }\n    };\n\n    const calculateScroll = async watchedValue => {\n        if (!watchedValue) {\n            return;\n        }\n        // Wait for content to be rendered to be able to calculate the height\n        await nextTick();\n        if (!isMounted.value) {\n            return;\n        }\n        hasScroll.value = contentElement.value && contentElement.value.scrollHeight > contentElement.value.clientHeight;\n    };\n\n    const { activePage, animation, isAnimationActive, isOpen, pages, previousPages, updatePage } =\n        inject<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY);\n\n    watch(() => isOpen.value, calculateScroll, { immediate: true });\n    watch(() => showPage.value, calculateScroll, { immediate: true });\n\n    // Logic to determine whether the back button should be shown on the page\n    const showBackButton = computed(() => {\n        if (props.previousPage) {\n            return true;\n        }\n        if (props.previousPage === null) {\n            return false;\n        }\n        return hasPreviousPages.value && showPage.value;\n    });\n\n    // Animation\n    const updateAnimation = () => {\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER;\n        if (isAnimationActive) {\n            isAnimationActive.value = false;\n        }\n\n        emit('animationend');\n    };\n\n    const startAnimation = () => {\n        if (isAnimationActive) {\n            isAnimationActive.value = true;\n        }\n    };\n\n    // Previous page logic\n    const hasPreviousPages = computed(() => previousPages.value.length > 1);\n    const lastPage = computed(() => previousPages.value[previousPages.value.length - 1]);\n    const isActivePageValid = computed(() => pages.value.some(page => page === activePage.value));\n\n    const goToPreviousPage = async (page: string) => {\n        if (page) {\n            const index = previousPages.value.indexOf(page);\n            if (index !== -1) {\n                previousPages.value = previousPages.value.slice(0, index + 1);\n            } else {\n                previousPages.value = [page];\n            }\n        } else {\n            previousPages.value.pop();\n        }\n\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_UPPER;\n        await nextTick();\n        if (!isMounted.value) {\n            return;\n        }\n        updatePage(lastPage.value);\n    };\n\n    // Add new page to the previousPage array to keep track of user navigation\n    watch(\n        () => activePage.value,\n        async () => {\n            await nextTick();\n            if (!isMounted.value || !isOpen.value) {\n                return;\n            }\n\n            if (!!activePage.value && !isActivePageValid.value) {\n                if (isDevelopmentEnviroment) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                        `The activePage passed \"${activePage.value}\" does not match the id of any of the pages`\n                    );\n                    return;\n                }\n            }\n\n            if (activePage.value !== lastPage.value) {\n                previousPages.value.push(activePage.value);\n            }\n        },\n        { immediate: true }\n    );\n\n    // Register page to parent component and inject data from parent component\n    const registerPage = inject<BentoDialogPageRegisterPage>(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY);\n    const { unregisterPage } = registerPage(props.pageId);\n\n    onMounted(() => {\n        isMounted.value = true;\n    });\n\n    // Unregister page on unmounting the page\n    onUnmounted(() => {\n        isMounted.value = false;\n        unregisterPage();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * DialogPage is an internal component used to render different pages of dialog components (Modal, ModalFullscreen and Sidepanel)\n     *\n     * @example\n     * import { DialogPage } from '@/internal';\n     *\n     * export default {\n     *     components: { DialogPage },\n     *     template: `\n     *          <dialog-page pageId='step1' always-show-border>\n     *              <template #header>Header</template>\n     *              <template #content>Content</template>\n     *              <template #footer>Footer</template>\n     *          </dialog-page>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./dialog-page.scss\" />\n"],"names":["BentoDialogPageAnimation","BentoDialogPageAnimation2","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY","DIALOG_PAGE_CONFIG_INJECTION_KEY","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","contentElement","ref","hasScroll","isMounted","arrivedState","useScroll","showPage","computed","activePage","props","headerConditionalClasses","footerConditionalClasses","isScrollable","onScroll","calculateScroll","watchedValue","nextTick","animation","isAnimationActive","isOpen","pages","previousPages","updatePage","inject","watch","showBackButton","hasPreviousPages","updateAnimation","emit","startAnimation","lastPage","isActivePageValid","page","goToPreviousPage","index","isDevelopmentEnviroment","registerPage","unregisterPage","onMounted","onUnmounted"],"mappings":";;;;;;;;;AAEO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,0BAAA,0CACAA,EAAA,yBAAA,yCAFQA,IAAAD,KAAA,CAAA,CAAA;ACFL,MAAAE,IAAA,uBAAA,mCAAA,GACAC,IAAA,uBAAA,uCAAA;;;;;;;;;;GC0PHC,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAlKAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GACA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAGAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GACAE,IAAAF,EAAA,EAAA,GAEA,EAAA,cAAAG,EAAA,IAAAC,EAAAL,CAAA,GAGAM,IAAAC,EAAA,MAAAC,EAAA,QAAAA,EAAA,UAAAC,EAAA,SAAA,EAAA,GAGAC,IAAAH,EAAA,OAAA;AAAA,MAAiD,sCAAAE,EAAA,oBAAAP,EAAA,SAAA,CAAAE,EAAA;AAAA,IACqD,EAAA,GAGtGO,IAAAJ,EAAA,OAAA;AAAA,MAAiD,sCAAAE,EAAA,oBAAAP,EAAA,SAAA,CAAAE,EAAA;AAAA,IACqD,EAAA,GAGtGQ,IAAAL,EAAA,MAAA,EAAAH,EAAA,UAAAA,EAAA,IAAA,GAEAS,IAAA,MAAA;AACI,MAAAb,EAAA;AAAA,IAEA,GAGJc,IAAA,OAAAC,MAAA;AACI,MAAAA,MAIA,MAAAC,EAAA,GACAb,EAAA,UAGAD,EAAA,QAAAF,EAAA,SAAAA,EAAA,MAAA,eAAAA,EAAA,MAAA;AAAA,IAAmG,GAGvG,EAAA,YAAAQ,GAAA,WAAAS,GAAA,mBAAAC,GAAA,QAAAC,GAAA,OAAAC,GAAA,eAAAC,GAAA,YAAAC,EAAA,IAAAC,EAAAhC,CAAA;AAGA,IAAAiC,EAAA,MAAAL,EAAA,OAAAL,GAAA,EAAA,WAAA,GAAA,CAAA,GACAU,EAAA,MAAAlB,EAAA,OAAAQ,GAAA,EAAA,WAAA,GAAA,CAAA;AAGA,UAAAW,IAAAlB,EAAA,MACIE,EAAA,eACI,KAEJA,EAAA,iBAAA,OACI,KAEJiB,EAAA,SAAApB,EAAA,KAA0C,GAI9CqB,IAAA,MAAA;AACI,MAAAV,EAAA,QAAA7B,EAAA,yBACA8B,MACIA,EAAA,QAAA,KAGJU,EAAA,cAAA;AAAA,IAAmB,GAGvBC,IAAA,MAAA;AACI,MAAAX,MACIA,EAAA,QAAA;AAAA,IACJ,GAIJQ,IAAAnB,EAAA,MAAAc,EAAA,MAAA,SAAA,CAAA,GACAS,IAAAvB,EAAA,MAAAc,EAAA,MAAAA,EAAA,MAAA,SAAA,CAAA,CAAA,GACAU,IAAAxB,EAAA,MAAAa,EAAA,MAAA,KAAA,CAAAY,MAAAA,MAAAxB,EAAA,KAAA,CAAA,GAEAyB,IAAA,OAAAD,MAAA;AACI,UAAAA,GAAA;AACI,cAAAE,IAAAb,EAAA,MAAA,QAAAW,CAAA;AACA,QAAAE,MAAA,KACIb,EAAA,QAAAA,EAAA,MAAA,MAAA,GAAAa,IAAA,CAAA,IAEAb,EAAA,QAAA,CAAAW,CAAA;AAAA,MACJ;AAEA,QAAAX,EAAA,MAAA,IAAA;AAKJ,MAFAJ,EAAA,QAAA7B,EAAA,wBACA,MAAA4B,EAAA,GACAb,EAAA,SAGAmB,EAAAQ,EAAA,KAAA;AAAA,IAAyB;AAI7B,IAAAN;AAAA,MAAA,MAAAhB,EAAA;AAAA,MACqB,YAAA;AAGb,YADA,MAAAQ,EAAA,GACA,GAAAb,EAAA,SAAA,CAAAgB,EAAA,QAIA;AAAA,cAAAX,EAAA,SAAA,CAAAuB,EAAA,SACII,GAAA;AAEI,oBAAA;AAAA,cAAQ,0BAAA3B,EAAA,KAAA;AAAA,YACsC;AAE9C;AAAA,UAAA;AAIR,UAAAA,EAAA,UAAAsB,EAAA,SACIT,EAAA,MAAA,KAAAb,EAAA,KAAA;AAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAA4B,IAAAb,EAAAjC,CAAA,GACA,EAAA,gBAAA+C,EAAA,IAAAD,EAAA3B,EAAA,MAAA;AAEA,WAAA6B,EAAA,MAAA;AACI,MAAAnC,EAAA,QAAA;AAAA,IAAkB,CAAA,GAItBoC,EAAA,MAAA;AACI,MAAApC,EAAA,QAAA,IACAkC,EAAA;AAAA,IAAe,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{differenceInMonths.DcFDl4eH.js → differenceInMonths.BR4Z2HIa.js}

@@ -1,4 +1,4 @@
-import { n as M, t as s, a as l } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
+import { n as M, t as s, a as l } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
 function g(r, t, e) {
   const [n, a] = M(
     e == null ? void 0 : e.in,
@@ -40,4 +40,4 @@ export {
   i as d,
   d as e
 };
-//# sourceMappingURL=differenceInMonths.DcFDl4eH.js.map
+//# sourceMappingURL=differenceInMonths.BR4Z2HIa.js.map

package/dist/chunks/{differenceInMonths.DcFDl4eH.js.map → differenceInMonths.BR4Z2HIa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"differenceInMonths.DcFDl4eH.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js"],"sourcesContent":["import { normalizeDates } from \"./_lib/normalizeDates.js\";\n\n/**\n * The {@link differenceInCalendarMonths} function options.\n */\n\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of calendar months\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\nexport function differenceInCalendarMonths(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();\n  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();\n\n  return yearsDiff * 12 + monthsDiff;\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfDay} function options.\n */\n\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a day\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport function endOfDay(date, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfDay;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfMonth} function options.\n */\n\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a month\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\nexport function endOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  const month = _date.getMonth();\n  _date.setFullYear(_date.getFullYear(), month + 1, 0);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfMonth;\n","import { endOfDay } from \"./endOfDay.js\";\nimport { endOfMonth } from \"./endOfMonth.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * @param date - The date to check\n * @param options - An object with options\n *\n * @returns The date is the last day of a month\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * const result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\nexport function isLastDayOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  return +endOfDay(_date, options) === +endOfMonth(_date, options);\n}\n\n// Fallback for modularized imports:\nexport default isLastDayOfMonth;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarMonths } from \"./differenceInCalendarMonths.js\";\nimport { isLastDayOfMonth } from \"./isLastDayOfMonth.js\";\n\n/**\n * The {@link differenceInMonths} function options.\n */\n\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full months\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\nexport function differenceInMonths(laterDate, earlierDate, options) {\n  const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    laterDate,\n    earlierDate,\n  );\n\n  const sign = compareAsc(workingLaterDate, earlierDate_);\n  const difference = Math.abs(\n    differenceInCalendarMonths(workingLaterDate, earlierDate_),\n  );\n\n  if (difference < 1) return 0;\n\n  if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27)\n    workingLaterDate.setDate(30);\n\n  workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);\n\n  let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;\n\n  if (\n    isLastDayOfMonth(laterDate_) &&\n    difference === 1 &&\n    compareAsc(laterDate_, earlierDate_) === 1\n  ) {\n    isLastMonthNotFull = false;\n  }\n\n  const result = sign * (difference - +isLastMonthNotFull);\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInMonths;\n"],"names":["differenceInCalendarMonths","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","yearsDiff","monthsDiff","endOfDay","date","_date","toDate","endOfMonth","month","isLastDayOfMonth","differenceInMonths","workingLaterDate","sign","compareAsc","difference","isLastMonthNotFull","result"],"mappings":";AA4BO,SAASA,EAA2BC,GAAWC,GAAaC,GAAS;AAC1E,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD,GAEKK,IAAYH,EAAW,YAAW,IAAKC,EAAa,YAAa,GACjEG,IAAaJ,EAAW,SAAQ,IAAKC,EAAa,SAAU;AAElE,SAAOE,IAAY,KAAKC;AAC1B;ACXO,SAASC,EAASC,GAAMP,GAAS;AACtC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAAQ,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACJO,SAASE,EAAWH,GAAMP,GAAS;AACxC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE,GAChCW,IAAQH,EAAM,SAAU;AAC9B,SAAAA,EAAM,YAAYA,EAAM,YAAa,GAAEG,IAAQ,GAAG,CAAC,GACnDH,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACZO,SAASI,EAAiBL,GAAMP,GAAS;AAC9C,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAO,CAACM,EAASE,GAAOR,CAAO,KAAM,CAACU,EAAWF,GAAOR,CAAO;AACjE;ACAO,SAASa,EAAmBf,GAAWC,GAAaC,GAAS;AAClE,QAAM,CAACC,GAAYa,GAAkBZ,CAAY,IAAIC;AAAA,IACnDH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAA;AAAA,IACAC;AAAA,EACD,GAEKgB,IAAOC,EAAWF,GAAkBZ,CAAY,GAChDe,IAAa,KAAK;AAAA,IACtBpB,EAA2BiB,GAAkBZ,CAAY;AAAA,EAC1D;AAED,MAAIe,IAAa,EAAG,QAAO;AAE3B,EAAIH,EAAiB,SAAU,MAAK,KAAKA,EAAiB,QAAO,IAAK,MACpEA,EAAiB,QAAQ,EAAE,GAE7BA,EAAiB,SAASA,EAAiB,SAAQ,IAAKC,IAAOE,CAAU;AAEzE,MAAIC,IAAqBF,EAAWF,GAAkBZ,CAAY,MAAM,CAACa;AAEzE,EACEH,EAAiBX,CAAU,KAC3BgB,MAAe,KACfD,EAAWf,GAAYC,CAAY,MAAM,MAEzCgB,IAAqB;AAGvB,QAAMC,IAASJ,KAAQE,IAAa,CAACC;AACrC,SAAOC,MAAW,IAAI,IAAIA;AAC5B;","x_google_ignoreList":[0,1,2,3,4]}
+{"version":3,"file":"differenceInMonths.BR4Z2HIa.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js"],"sourcesContent":["import { normalizeDates } from \"./_lib/normalizeDates.js\";\n\n/**\n * The {@link differenceInCalendarMonths} function options.\n */\n\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of calendar months\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\nexport function differenceInCalendarMonths(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();\n  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();\n\n  return yearsDiff * 12 + monthsDiff;\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfDay} function options.\n */\n\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a day\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport function endOfDay(date, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfDay;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfMonth} function options.\n */\n\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a month\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\nexport function endOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  const month = _date.getMonth();\n  _date.setFullYear(_date.getFullYear(), month + 1, 0);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfMonth;\n","import { endOfDay } from \"./endOfDay.js\";\nimport { endOfMonth } from \"./endOfMonth.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * @param date - The date to check\n * @param options - An object with options\n *\n * @returns The date is the last day of a month\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * const result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\nexport function isLastDayOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  return +endOfDay(_date, options) === +endOfMonth(_date, options);\n}\n\n// Fallback for modularized imports:\nexport default isLastDayOfMonth;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarMonths } from \"./differenceInCalendarMonths.js\";\nimport { isLastDayOfMonth } from \"./isLastDayOfMonth.js\";\n\n/**\n * The {@link differenceInMonths} function options.\n */\n\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full months\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\nexport function differenceInMonths(laterDate, earlierDate, options) {\n  const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    laterDate,\n    earlierDate,\n  );\n\n  const sign = compareAsc(workingLaterDate, earlierDate_);\n  const difference = Math.abs(\n    differenceInCalendarMonths(workingLaterDate, earlierDate_),\n  );\n\n  if (difference < 1) return 0;\n\n  if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27)\n    workingLaterDate.setDate(30);\n\n  workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);\n\n  let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;\n\n  if (\n    isLastDayOfMonth(laterDate_) &&\n    difference === 1 &&\n    compareAsc(laterDate_, earlierDate_) === 1\n  ) {\n    isLastMonthNotFull = false;\n  }\n\n  const result = sign * (difference - +isLastMonthNotFull);\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInMonths;\n"],"names":["differenceInCalendarMonths","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","yearsDiff","monthsDiff","endOfDay","date","_date","toDate","endOfMonth","month","isLastDayOfMonth","differenceInMonths","workingLaterDate","sign","compareAsc","difference","isLastMonthNotFull","result"],"mappings":";AA4BO,SAASA,EAA2BC,GAAWC,GAAaC,GAAS;AAC1E,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACJ,GAEQK,IAAYH,EAAW,YAAW,IAAKC,EAAa,YAAW,GAC/DG,IAAaJ,EAAW,SAAQ,IAAKC,EAAa,SAAQ;AAEhE,SAAOE,IAAY,KAAKC;AAC1B;ACXO,SAASC,EAASC,GAAMP,GAAS;AACtC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAAQ,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACJO,SAASE,EAAWH,GAAMP,GAAS;AACxC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE,GAChCW,IAAQH,EAAM,SAAQ;AAC5B,SAAAA,EAAM,YAAYA,EAAM,YAAW,GAAIG,IAAQ,GAAG,CAAC,GACnDH,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACZO,SAASI,EAAiBL,GAAMP,GAAS;AAC9C,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAO,CAACM,EAASE,GAAOR,CAAO,KAAM,CAACU,EAAWF,GAAOR,CAAO;AACjE;ACAO,SAASa,EAAmBf,GAAWC,GAAaC,GAAS;AAClE,QAAM,CAACC,GAAYa,GAAkBZ,CAAY,IAAIC;AAAA,IACnDH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAA;AAAA,IACAC;AAAA,EACJ,GAEQgB,IAAOC,EAAWF,GAAkBZ,CAAY,GAChDe,IAAa,KAAK;AAAA,IACtBpB,EAA2BiB,GAAkBZ,CAAY;AAAA,EAC7D;AAEE,MAAIe,IAAa,EAAG,QAAO;AAE3B,EAAIH,EAAiB,SAAQ,MAAO,KAAKA,EAAiB,QAAO,IAAK,MACpEA,EAAiB,QAAQ,EAAE,GAE7BA,EAAiB,SAASA,EAAiB,SAAQ,IAAKC,IAAOE,CAAU;AAEzE,MAAIC,IAAqBF,EAAWF,GAAkBZ,CAAY,MAAM,CAACa;AAEzE,EACEH,EAAiBX,CAAU,KAC3BgB,MAAe,KACfD,EAAWf,GAAYC,CAAY,MAAM,MAEzCgB,IAAqB;AAGvB,QAAMC,IAASJ,KAAQE,IAAa,CAACC;AACrC,SAAOC,MAAW,IAAI,IAAIA;AAC5B;","x_google_ignoreList":[0,1,2,3,4]}

package/dist/chunks/{directive.Cbdox5VL.js → directive.rXUeDb8p.js}

@@ -1,4 +1,4 @@
-import { o as s } from "./on-click-outside.D9aY9g8G.js";
+import { o as s } from "./on-click-outside.BW4rkhzG.js";
 const t = (o, i) => {
   const e = !i.modifiers.bubble;
   if (typeof i.value == "function")
@@ -20,4 +20,4 @@ const t = (o, i) => {
 export {
   _ as B
 };
-//# sourceMappingURL=directive.Cbdox5VL.js.map
+//# sourceMappingURL=directive.rXUeDb8p.js.map

package/dist/chunks/{directive.Cbdox5VL.js.map → directive.rXUeDb8p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"directive.Cbdox5VL.js","sources":["../../src/directives/click-outside/directive.ts"],"sourcesContent":["import { onClickOutside } from './on-click-outside';\nimport type { DirectiveHook } from 'vue';\n\ntype Element = HTMLElement & { __onClickOutside_stop?: () => void };\n\n/**\n * Attaches the click outside listener to target element to register clicks outside the element.\n * @param targetElement Element to attach listener to.\n * @param binding\n */\nconst bindDirective: DirectiveHook<Element> = (targetElement, binding) => {\n    const capture = !binding.modifiers.bubble;\n    if (typeof binding.value === 'function') {\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, binding.value, { capture });\n    } else {\n        const [handler, options] = binding.value;\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, handler, { capture, ...options });\n    }\n};\n\n/**\n * Removes click outside listener from the target element.\n * @param targetElement Element to detach listener from.\n */\nconst unbindDirective: DirectiveHook<Element> = targetElement => {\n    // eslint-disable-next-line no-underscore-dangle\n    targetElement.__onClickOutside_stop();\n};\n\nexport const BentoClickOutsideDirective = {\n    // Vue 2 Directive hooks\n    inserted: bindDirective,\n    unbind: unbindDirective,\n\n    // Vue 3 Directive hooks\n    beforeMount: bindDirective,\n    unmounted: unbindDirective,\n};\n"],"names":["bindDirective","targetElement","binding","capture","onClickOutside","handler","options","unbindDirective","BentoClickOutsideDirective"],"mappings":";AAUA,MAAMA,IAAwC,CAACC,GAAeC,MAAY;AAChE,QAAAC,IAAU,CAACD,EAAQ,UAAU;AAC/B,MAAA,OAAOA,EAAQ,SAAU;AAEzB,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeC,EAAQ,OAAO,EAAE,SAAAC,GAAS;AAAA,OAC3F;AACH,UAAM,CAACE,GAASC,CAAO,IAAIJ,EAAQ;AAErB,IAAAD,EAAA,wBAAwBG,EAAeH,GAAeI,GAAS,EAAE,SAAAF,GAAS,GAAGG,GAAS;AAAA,EAAA;AAE5G,GAMMC,IAA0C,CAAiBN,MAAA;AAE7D,EAAAA,EAAc,sBAAsB;AACxC,GAEaO,IAA6B;AAAA;AAAA,EAEtC,UAAUR;AAAA,EACV,QAAQO;AAAA;AAAA,EAGR,aAAaP;AAAA,EACb,WAAWO;AACf;"}
+{"version":3,"file":"directive.rXUeDb8p.js","sources":["../../src/directives/click-outside/directive.ts"],"sourcesContent":["import { onClickOutside } from './on-click-outside';\nimport type { DirectiveHook } from 'vue';\n\ntype Element = HTMLElement & { __onClickOutside_stop?: () => void };\n\n/**\n * Attaches the click outside listener to target element to register clicks outside the element.\n * @param targetElement Element to attach listener to.\n * @param binding\n */\nconst bindDirective: DirectiveHook<Element> = (targetElement, binding) => {\n    const capture = !binding.modifiers.bubble;\n    if (typeof binding.value === 'function') {\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, binding.value, { capture });\n    } else {\n        const [handler, options] = binding.value;\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, handler, { capture, ...options });\n    }\n};\n\n/**\n * Removes click outside listener from the target element.\n * @param targetElement Element to detach listener from.\n */\nconst unbindDirective: DirectiveHook<Element> = targetElement => {\n    // eslint-disable-next-line no-underscore-dangle\n    targetElement.__onClickOutside_stop();\n};\n\nexport const BentoClickOutsideDirective = {\n    // Vue 2 Directive hooks\n    inserted: bindDirective,\n    unbind: unbindDirective,\n\n    // Vue 3 Directive hooks\n    beforeMount: bindDirective,\n    unmounted: unbindDirective,\n};\n"],"names":["bindDirective","targetElement","binding","capture","onClickOutside","handler","options","unbindDirective","BentoClickOutsideDirective"],"mappings":";AAUA,MAAMA,IAAwC,CAACC,GAAeC,MAAY;AACtE,QAAMC,IAAU,CAACD,EAAQ,UAAU;AACnC,MAAI,OAAOA,EAAQ,SAAU;AAEzB,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeC,EAAQ,OAAO,EAAE,SAAAC,GAAS;AAAA,OAC3F;AACH,UAAM,CAACE,GAASC,CAAO,IAAIJ,EAAQ;AAEnC,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeI,GAAS,EAAE,SAAAF,GAAS,GAAGG,GAAS;AAAA,EACxG;AACJ,GAMMC,IAA0C,CAAAN,MAAiB;AAE7D,EAAAA,EAAc,sBAAA;AAClB,GAEaO,IAA6B;AAAA;AAAA,EAEtC,UAAUR;AAAA,EACV,QAAQO;AAAA;AAAA,EAGR,aAAaP;AAAA,EACb,WAAWO;AACf;"}

package/dist/chunks/divider.DX5gwN7p.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.DX5gwN7p.js","sources":["../../src/components/divider/divider.keys.ts","../../src/components/divider/divider.types.ts","../../src/components/divider/divider.vue"],"sourcesContent":["export const DIVIDER_INVERSE_INJECTION_KEY = Symbol('divider inverse style injection key');\n","/**\n * Private types\n */\nexport enum BentoDividerVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\n/**\n * Public types\n */\nexport interface BentoDividerProps {\n    /**\n     * Renders the divider in a horizontal or vertical variant\n     */\n    variant?: `${BentoDividerVariant}`;\n}\n","<template>\n    <div class=\"b-divider\">\n        <div\n            v-if=\"isVerticalVariant\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            class=\"b-divider__rule b-divider__rule--vertical\"\n            :class=\"conditionalClasses\"\n        ></div>\n        <hr v-else class=\"b-divider__rule b-divider__rule--horizontal\" :class=\"conditionalClasses\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue';\n    import { DIVIDER_INVERSE_INJECTION_KEY } from './divider.keys';\n    import { type BentoDividerProps, BentoDividerVariant } from './divider.types';\n\n    const props = defineProps({\n  variant: { default: BentoDividerVariant.HORIZONTAL }\n});\n\n    const isInverseColorSet = inject(DIVIDER_INVERSE_INJECTION_KEY, ref(false));\n\n    const isVerticalVariant = computed(() => props.variant === BentoDividerVariant.VERTICAL);\n\n    const conditionalClasses = computed(() => ({\n        'b-divider--inverse': isInverseColorSet.value,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Divider component is a thin line that helps separate content and group them visually into sections.\n     *\n     * @example\n     * import { BentoDivider } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDivider },\n     *     template: `<bento-divider />`\n     * }\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./divider.scss\" />\n"],"names":["DIVIDER_INVERSE_INJECTION_KEY","BentoDividerVariant","BentoDividerVariant2","__default__","isInverseColorSet","inject","ref","isVerticalVariant","computed","props","conditionalClasses"],"mappings":";;;AAAa,MAAAA,IAAA,uBAAA,qCAAA;ACGD,IAAAC,IAAA,kBAAAC,OACRA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;ACyCR,MAAAE,IAAA,CAAA;;;;;;;iBAtBAC,IAAAC,EAAAL,GAAAM,EAAA,EAAA,CAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAR,EAAA,QAAA,GAEAS,IAAAF,EAAA,OAAA;AAAA,MAA2C,sBAAAJ,EAAA;AAAA,IACC,EAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.DX5gwN7p.js","sources":["../../src/components/divider/divider.keys.ts","../../src/components/divider/divider.types.ts","../../src/components/divider/divider.vue"],"sourcesContent":["export const DIVIDER_INVERSE_INJECTION_KEY = Symbol('divider inverse style injection key');\n","/**\n * Private types\n */\nexport enum BentoDividerVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\n/**\n * Public types\n */\nexport interface BentoDividerProps {\n    /**\n     * Renders the divider in a horizontal or vertical variant\n     */\n    variant?: `${BentoDividerVariant}`;\n}\n","<template>\n    <div class=\"b-divider\">\n        <div\n            v-if=\"isVerticalVariant\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            class=\"b-divider__rule b-divider__rule--vertical\"\n            :class=\"conditionalClasses\"\n        ></div>\n        <hr v-else class=\"b-divider__rule b-divider__rule--horizontal\" :class=\"conditionalClasses\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue';\n    import { DIVIDER_INVERSE_INJECTION_KEY } from './divider.keys';\n    import { type BentoDividerProps, BentoDividerVariant } from './divider.types';\n\n    const props = defineProps({\n  variant: { default: BentoDividerVariant.HORIZONTAL }\n});\n\n    const isInverseColorSet = inject(DIVIDER_INVERSE_INJECTION_KEY, ref(false));\n\n    const isVerticalVariant = computed(() => props.variant === BentoDividerVariant.VERTICAL);\n\n    const conditionalClasses = computed(() => ({\n        'b-divider--inverse': isInverseColorSet.value,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Divider component is a thin line that helps separate content and group them visually into sections.\n     *\n     * @example\n     * import { BentoDivider } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDivider },\n     *     template: `<bento-divider />`\n     * }\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./divider.scss\" />\n"],"names":["DIVIDER_INVERSE_INJECTION_KEY","BentoDividerVariant","BentoDividerVariant2","__default__","isInverseColorSet","inject","ref","isVerticalVariant","computed","props","conditionalClasses"],"mappings":";;;AAAO,MAAAA,IAAA,uBAAA,qCAAA;ACGA,IAAAC,IAAA,kBAAAC,OACHA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;ACyCR,MAAAE,IAAA,CAAA;;;;;;;iBAtBAC,IAAAC,EAAAL,GAAAM,EAAA,EAAA,CAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAAR,EAAA,QAAA,GAEAS,IAAAF,EAAA,OAAA;AAAA,MAA2C,sBAAAJ,EAAA;AAAA,IACC,EAAA;;;;;;;;;;;;;;;;"}

package/dist/chunks/{dropdown-default-textbox.Cq68tN9F.js → dropdown-default-textbox.5WjhJWdh.js}

@@ -2,17 +2,16 @@ import { defineComponent as w, useAttrs as R, useSlots as E, ref as k, computed
 import { g as T } from "./generate-uid.NJ8tVoha.js";
 import { u as U } from "./index.B6WW_F-J.js";
 import { u as q } from "./use-has-slot.C9lQZ6nz.js";
-import { B as M } from "./typography.Bq-EGj9y.js";
-import { d as $ } from "./debounce.DUTu11PS.js";
-import { C as Y } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as z } from "./cross-circle-fill-small.DfxDedRr.js";
+import { B as M } from "./typography.C8lPlsbD.js";
+import { C as $ } from "./cross-circle-fill.DTDtgLMf.js";
+import { C as Y } from "./cross-circle-fill-small.DfxDedRr.js";
 import { n as O } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { s as v } from "./events.BQOQSSb7.js";
-import { C as K } from "./chevron-down.eYtgv5ly.js";
-import { C as j } from "./chevron-up.d8cwIlA_.js";
+import { C as z } from "./chevron-down.eYtgv5ly.js";
+import { C as K } from "./chevron-up.d8cwIlA_.js";
 import "../assets/dropdown-default-textbox.css";
 var L = /* @__PURE__ */ ((l) => (l.DEFAULT = "DropdownInputDefault", l.SMALL = "DropdownInputSmall", l))(L || {}), p = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.READONLY = "readonly", l.HAS_ITEMS = "has-items", l.OPENED = "opened", l.ERROR = "error", l))(p || {}), s = /* @__PURE__ */ ((l) => (l.OPEN = "dropdown-base-open", l.KEYDOWN = "dropdown-base-keydown", l.CLOSE = "dropdown-base-close", l.INPUT = "dropdown-base-input", l.CLEAR = "dropdown-base-clear", l))(s || {});
-const H = {
+const j = {
   "en-US": {
     clearSearch: "Clear search"
   },
@@ -22,12 +21,12 @@ const H = {
   "pt-BR": {
     clearSearch: "Limpar busca"
   }
-}, W = w({
-  i18n: { messages: H },
+}, H = w({
+  i18n: { messages: j },
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), J = /* @__PURE__ */ w({
-  ...W,
+}), W = /* @__PURE__ */ w({
+  ...H,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -59,10 +58,6 @@ const H = {
      * Corresponds to the label's id that labels the textbox element.
      */
     ariaLabelledby: { type: String, default: null },
-    /**
-     * Custom debounce time for the user type event.
-     */
-    debounceTime: { type: Number, default: 300 },
     /**
      * Disables any textbox functionality
      */
@@ -116,14 +111,14 @@ const H = {
     }
   },
   emits: [],
-  setup(l, { expose: t, emit: o }) {
-    const e = l, { t: a } = U(), d = R(), c = E(), C = q(c), i = k(null), f = T("textbox"), y = r(() => ({
+  setup(l, { expose: t, emit: a }) {
+    const e = l, { t: o } = U(), d = R(), c = E(), C = q(c), i = k(null), f = T("textbox"), y = r(() => ({
       [`b-dropdown-base-textbox--${p.DISABLED}`]: e.disabled,
       [`b-dropdown-base-textbox--${p.READONLY}`]: e.readonly,
       [`b-dropdown-base-textbox--${p.HAS_ITEMS}`]: !!e.additionalItemsSelected
     })), b = r(() => d.required), _ = r(() => ({
       "b-dropdown-base-textbox__input--dynamic-filtering": e.dynamicFiltering
-    })), S = r(() => e.dynamicFiltering && !!e.value && e.open), m = r(
+    })), S = r(() => e.dynamicFiltering && !!e.value && e.open), x = r(
       () => {
         var u;
         return {
@@ -135,72 +130,72 @@ const H = {
           "aria-label": e.ariaLabelledby ? null : e.ariaLabel,
           "aria-invalid": e.isInvalid,
           "aria-disabled": e.disabled ? !0 : null,
-          "aria-required": x.value ? null : b.value
+          "aria-required": m.value ? null : b.value
         };
       }
     ), n = r(
       () => e.multiple ? e.selectedValueItem : []
-    ), x = r(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), N = r(() => e.selectedValueItem && !e.multiple), A = r(
+    ), m = r(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), A = r(() => e.selectedValueItem && !e.multiple), B = r(
       () => e.multiple && e.selectedValueItem && n.value.length > 0 && e.showSlotContentInMultiple
     );
     V(
-      () => x.value,
+      () => m.value,
       () => {
-        x.value && !e.alwaysComboboxIsInput && D(() => {
+        m.value && !e.alwaysComboboxIsInput && D(() => {
           i.value.focus();
         });
       }
     );
     const I = async () => {
-      !e.disabled && !e.readonly && (o(s.OPEN), await D(), i.value.focus());
+      !e.disabled && !e.readonly && (a(s.OPEN), await D(), i.value.focus());
     }, g = () => {
-      e.open && (i.value.focus(), o(s.CLOSE));
-    }, B = (u) => e.open && u.target.tagName === "INPUT" ? null : e.open ? g() : I(), P = () => {
-      o(s.CLEAR), o(s.INPUT, ""), i.value.focus();
-    }, F = $((u) => {
-      !e.readonly && !e.disabled ? o(s.INPUT, u.target.value) : (u.preventDefault(), u.stopPropagation());
-    }, e.debounceTime), h = () => {
+      e.open && (i.value.focus(), a(s.CLOSE));
+    }, N = (u) => e.open && u.target.tagName === "INPUT" ? null : e.open ? g() : I(), P = () => {
+      a(s.CLEAR), a(s.INPUT, ""), i.value.focus();
+    }, F = (u) => {
+      !e.readonly && !e.disabled ? a(s.INPUT, u.target.value) : (u.preventDefault(), u.stopPropagation());
+    }, h = () => {
       i.value.focus();
     };
     return t({
       focus: h
-    }), { __sfc: !0, t: a, attrs: d, slots: c, hasSlot: C, props: e, emit: o, textbox: i, textboxId: f, conditionalClasses: y, isRequired: b, comboboxConditionalClasses: _, isFiltering: S, ariaAttributes: m, selectedValueItems: n, shouldShowInput: x, shouldShowSingleSelectSlot: N, shouldShowMultipleSlot: A, onOpenDropdown: I, onCloseDropdown: g, onToggleDropdown: B, onClearSearch: P, onInputEvent: F, focus: h, BentoTypography: M, DropdownBaseTextboxEvent: s, CrossCircleFillIcon: Y, CrossCircleFillSmallIcon: z, BentoDropdownSize: L };
+    }), { __sfc: !0, t: o, attrs: d, slots: c, hasSlot: C, props: e, emit: a, textbox: i, textboxId: f, conditionalClasses: y, isRequired: b, comboboxConditionalClasses: _, isFiltering: S, ariaAttributes: x, selectedValueItems: n, shouldShowInput: m, shouldShowSingleSelectSlot: A, shouldShowMultipleSlot: B, onOpenDropdown: I, onCloseDropdown: g, onToggleDropdown: N, onClearSearch: P, onInputEvent: F, focus: h, BentoTypography: M, DropdownBaseTextboxEvent: s, CrossCircleFillIcon: $, CrossCircleFillSmallIcon: Y, BentoDropdownSize: L };
   }
 });
-var G = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o("div", { class: t.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: e.onToggleDropdown, keydown: function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "escape", void 0, a.key, void 0) ? null : e.onCloseDropdown.apply(null, arguments);
-  } } }, [o(e.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: e.conditionalClasses, attrs: { el: "div", "data-testid": "base-textbox" } }, [e.shouldShowInput ? o("input", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: e.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", size: "1", disabled: t.disabled ? !0 : null, readonly: t.readonly, required: e.isRequired }, domProps: { value: t.open ? t.value : t.displayValue }, on: { keydown: [function(a) {
-    return t.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, a);
-  }, function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.onToggleDropdown.apply(null, arguments);
-  }], input: e.onInputEvent } }, "input", e.ariaAttributes, !1)) : o("div", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: e.comboboxConditionalClasses, attrs: { id: e.textboxId, "aria-readonly": t.readonly ? "true" : null, role: "combobox", tabindex: t.disabled ? -1 : 0 } }, "div", e.ariaAttributes, !1), [e.shouldShowSingleSelectSlot ? [e.hasSlot("display-value") ? t._t("display-value", null, null, t.selectedValueItem) : t._t("default", function() {
+var J = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return a("div", { class: t.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: e.onToggleDropdown, keydown: function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "escape", void 0, o.key, void 0) ? null : e.onCloseDropdown.apply(null, arguments);
+  } } }, [a(e.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: e.conditionalClasses, attrs: { el: "div", "data-testid": "base-textbox" } }, [e.shouldShowInput ? a("input", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: e.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", size: "1", disabled: t.disabled ? !0 : null, readonly: t.readonly, required: e.isRequired }, domProps: { value: t.open ? t.value : t.displayValue }, on: { keydown: [function(o) {
+    return t.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, o);
+  }, function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onToggleDropdown.apply(null, arguments);
+  }], input: e.onInputEvent } }, "input", e.ariaAttributes, !1)) : a("div", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: e.comboboxConditionalClasses, attrs: { id: e.textboxId, "aria-readonly": t.readonly ? "true" : null, role: "combobox", tabindex: t.disabled ? -1 : 0 } }, "div", e.ariaAttributes, !1), [e.shouldShowSingleSelectSlot ? [e.hasSlot("display-value") ? t._t("display-value", null, null, t.selectedValueItem) : t._t("default", function() {
     return [t._v(" " + t._s(t.displayValue) + " ")];
-  }, null, t.selectedValueItem)] : e.shouldShowMultipleSlot ? [o("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, t._l(e.selectedValueItems, function(a) {
-    return o("div", { key: a.value }, [o("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [t._t("default", function() {
+  }, null, t.selectedValueItem)] : e.shouldShowMultipleSlot ? [a("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, t._l(e.selectedValueItems, function(o) {
+    return a("div", { key: o.value }, [a("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [t._t("default", function() {
       return [t._v(" " + t._s(t.displayValue) + " ")];
-    }, null, a)], 2)]);
-  }), 0)] : [t._v(t._s(t.displayValue))]], 2), t.additionalItemsSelected ? o("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [t._v(" " + t._s(t.additionalItemsSelected) + " ")]) : t._e(), e.hasSlot("icon") && !e.isFiltering ? o("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [t._t("icon")], 2) : t._e(), e.isFiltering ? o("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: t.disabled ? -1 : 0, "data-testid": "clear-search-button" }, on: { click: function(a) {
-    return a.stopPropagation(), e.onClearSearch.apply(null, arguments);
-  }, keydown: function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.stopPropagation(), e.onClearSearch.apply(null, arguments));
-  }, keyup: function(a) {
-    return !a.type.indexOf("key") && t._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
-  } } }, [t.size === e.BentoDropdownSize.SMALL ? o(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearSearch") } }) : o(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1) : t._e()])], 1);
-}, Q = [], X = /* @__PURE__ */ O(
+    }, null, o)], 2)]);
+  }), 0)] : [t._v(t._s(t.displayValue))]], 2), t.additionalItemsSelected ? a("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [t._v(" " + t._s(t.additionalItemsSelected) + " ")]) : t._e(), e.hasSlot("icon") && !e.isFiltering ? a("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [t._t("icon")], 2) : t._e(), e.isFiltering ? a("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: t.disabled ? -1 : 0, "data-testid": "clear-search-button" }, on: { click: function(o) {
+    return o.stopPropagation(), e.onClearSearch.apply(null, arguments);
+  }, keydown: function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.stopPropagation(), e.onClearSearch.apply(null, arguments));
+  }, keyup: function(o) {
+    return !o.type.indexOf("key") && t._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
+  } } }, [t.size === e.BentoDropdownSize.SMALL ? a(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearSearch") } }) : a(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1) : t._e()])], 1);
+}, G = [], Q = /* @__PURE__ */ O(
+  W,
   J,
   G,
-  Q,
   !1,
   null,
-  "37a35d30"
+  "213214b2"
 );
-const Z = X.exports, ee = w({
+const X = Q.exports, Z = w({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), te = /* @__PURE__ */ w({
-  ...ee,
+}), ee = /* @__PURE__ */ w({
+  ...Z,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -238,10 +233,6 @@ const Z = X.exports, ee = w({
      * Renders the dropdown with a condensed style.
      */
     condensed: { type: Boolean, default: !1 },
-    /**
-     * Custom debounce time. Default: 300
-     */
-    debounceTime: { type: Number, default: 300 },
     /**
      * Disables any textbox functionality
      */
@@ -291,60 +282,60 @@ const Z = X.exports, ee = w({
     multiple: { type: Boolean, default: !1 }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(l, { expose: t, emit: o }) {
-    const e = l, a = E(), d = k(null), c = r(() => ({
+  setup(l, { expose: t, emit: a }) {
+    const e = l, o = E(), d = k(null), c = r(() => ({
       [`b-dropdown-default-textbox--${p.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
       [`b-dropdown-default-textbox--${p.DISABLED}`]: e.disabled,
       [`b-dropdown-default-textbox--${p.READONLY}`]: e.readonly,
       [`b-dropdown-default-textbox--${p.OPENED}`]: e.open,
       "b-dropdown-default-textbox--condensed": e.condensed
     })), C = r(() => e.open && !e.disabled && !e.readonly), i = (n) => {
-      o("input", n);
+      a("input", n);
     }, f = (n) => {
-      o("keydown", n);
+      a("keydown", n);
     }, y = (n) => {
-      v(n), o("open");
+      v(n), a("open");
     }, b = (n) => {
-      v(n), o("close");
+      v(n), a("close");
     }, _ = (n) => {
-      v(n), o("clear");
+      v(n), a("clear");
     }, S = {
       [s.INPUT]: i,
       [s.OPEN]: y,
       [s.CLOSE]: b,
       [s.CLEAR]: _,
       [s.KEYDOWN]: f
-    }, m = () => {
+    }, x = () => {
       d.value.focus();
     };
     return t({
-      focus: m
-    }), { __sfc: !0, emit: o, slots: a, props: e, baseTextbox: d, conditionalClasses: c, isDropdownOpen: C, onInput: i, onKeyDown: f, openDropdown: y, closeDropdown: b, clearValue: _, listeners: S, focus: m, DropdownBaseTextbox: Z, ChevronDownIcon: K, ChevronUpIcon: j };
+      focus: x
+    }), { __sfc: !0, emit: a, slots: o, props: e, baseTextbox: d, conditionalClasses: c, isDropdownOpen: C, onInput: i, onKeyDown: f, openDropdown: y, closeDropdown: b, clearValue: _, listeners: S, focus: x, DropdownBaseTextbox: X, ChevronDownIcon: z, ChevronUpIcon: K };
   }
 });
-var oe = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o("div", { staticClass: "b-dropdown-default-textbox", class: e.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [o(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: t.value }, scopedSlots: t._u([t._l(e.slots, function(a, d) {
+var te = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return a("div", { staticClass: "b-dropdown-default-textbox", class: e.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [a(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: t.value }, scopedSlots: t._u([t._l(e.slots, function(o, d) {
     return { key: d, fn: function(c) {
       return [t._t(d, null, null, c ?? {})];
     } };
   }), { key: "icon", fn: function() {
-    return [o("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [o(e.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), o(e.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
+    return [a("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [a(e.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), a(e.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
   }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), e.listeners))], 1);
-}, ae = [], le = /* @__PURE__ */ O(
+}, ae = [], oe = /* @__PURE__ */ O(
+  ee,
   te,
-  oe,
   ae,
   !1,
   null,
-  "ec45fa90"
+  "bf2d43b0"
 );
-const xe = le.exports;
+const _e = oe.exports;
 export {
   L as B,
-  xe as D,
+  _e as D,
   p as a,
   s as b,
-  Z as c
+  X as c
 };
-//# sourceMappingURL=dropdown-default-textbox.Cq68tN9F.js.map
+//# sourceMappingURL=dropdown-default-textbox.5WjhJWdh.js.map