@adyen/bento-vue2 1.8.0 → 1.9.0

package/dist/chunks/cross.04678d81.js

@@ -0,0 +1,26 @@
+import { n } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import "../assets/cross.css";
+let e = 0;
+const r = {
+  beforeCreate() {
+    this.uuid = e.toString(), e += 1;
+  }
+};
+var l = function() {
+  var t = this, s = t._self._c;
+  return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#00112C", d: "M8.00023 9.06089L12.0001 13.0608L13.0608 12.0001L9.06089 8.00023L13.061 4.00011L12.0003 2.93945L8.00023 6.93957L4.00011 2.93945L2.93945 4.00011L6.93957 8.00023L2.93968 12.0001L4.00034 13.0608L8.00023 9.06089Z" } })]);
+}, _ = [], i = /* @__PURE__ */ n(
+  r,
+  l,
+  _,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const c = i.exports;
+export {
+  c as C
+};
+//# sourceMappingURL=cross.04678d81.js.map

package/dist/chunks/cross.04678d81.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross.04678d81.js","sources":["../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M8.00023 9.06089L12.0001 13.0608L13.0608 12.0001L9.06089 8.00023L13.061 4.00011L12.0003 2.93945L8.00023 6.93957L4.00011 2.93945L2.93945 4.00011L6.93957 8.00023L2.93968 12.0001L4.00034 13.0608L8.00023 9.06089Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAKA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/{dropdown-default-textbox.25134789.js → dropdown-default-textbox.465db4d4.js}

@@ -1,15 +1,15 @@
-import { defineComponent as x, ref as w, computed as i } from "vue";
+import { defineComponent as x, ref as g, computed as i } from "vue";
 import { g as E } from "./unique-id.a2a2b458.js";
-import { u as I } from "./use-has-slot.6052d56a.js";
-import { B as S } from "./index.965ac1af.js";
+import { u as I } from "./use-has-slot.fbeb19ec.js";
+import { B as S } from "./index.b201e81d.js";
 import { d as O } from "./debounce.b5ef6acf.js";
-import { C as D } from "./cross-circle-fill.d5e9ae44.js";
+import { C as D } from "./cross-circle-fill.7c07d16a.js";
 import { B as N } from "./keyboard-navigation.ca47dfa8.js";
 import { n as m } from "./_plugin-vue2_normalizer.71e2aa87.js";
 import { s as _ } from "./events.58c00e6d.js";
-import { C as h, a as k } from "./chevron-up.674ec2e5.js";
+import { C as h, a as k } from "./chevron-up.81185563.js";
 import "../assets/dropdown-default-textbox.css";
-var d = /* @__PURE__ */ ((t) => (t.DISABLED = "disabled", t.READONLY = "readonly", t.HAS_ITEMS = "has-items", t.OPENED = "opened", t.ERROR = "error", t))(d || {}), n = /* @__PURE__ */ ((t) => (t.OPEN = "open", t.KEYDOWN = "keydown", t.CLOSE = "close", t.INPUT = "input", t.CLEAR = "clear", t))(n || {});
+var r = /* @__PURE__ */ ((t) => (t.DISABLED = "disabled", t.READONLY = "readonly", t.HAS_ITEMS = "has-items", t.OPENED = "opened", t.ERROR = "error", t))(r || {}), n = /* @__PURE__ */ ((t) => (t.OPEN = "open", t.KEYDOWN = "keydown", t.CLOSE = "close", t.INPUT = "input", t.CLEAR = "clear", t))(n || {});
 const L = x({
   name: "dropdown-base-textbox",
   components: { BentoTypography: S, CrossCircleFillIcon: D },
@@ -107,17 +107,17 @@ const L = x({
     n.KEYDOWN
   ],
   setup(t, { emit: e, slots: l, attrs: a }) {
-    const s = w(null), u = E("textbox"), p = i(() => ({
-      [`b-dropdown-base-textbox--${d.DISABLED}`]: t.disabled,
-      [`b-dropdown-base-textbox--${d.READONLY}`]: t.readonly,
-      [`b-dropdown-base-textbox--${d.HAS_ITEMS}`]: !!t.additionalItemsSelected
+    const s = g(null), u = E("textbox"), p = i(() => ({
+      [`b-dropdown-base-textbox--${r.DISABLED}`]: t.disabled,
+      [`b-dropdown-base-textbox--${r.READONLY}`]: t.readonly,
+      [`b-dropdown-base-textbox--${r.HAS_ITEMS}`]: !!t.additionalItemsSelected
     })), b = i(() => t.dynamicFiltering && !!t.value && t.open), f = i(
       () => {
-        var r;
+        var d;
         return {
           "aria-haspopup": "listbox",
           "aria-controls": t.ariaControls,
-          "aria-describedby": (r = a["aria-describedby"]) == null ? void 0 : r.toString(),
+          "aria-describedby": (d = a["aria-describedby"]) == null ? void 0 : d.toString(),
           "aria-expanded": t.ariaExpanded ? "true" : "false",
           "aria-labelledby": t.ariaLabelledby,
           "aria-label": t.ariaLabelledby ? null : t.ariaLabel,
@@ -129,11 +129,11 @@ const L = x({
       !t.disabled && !t.readonly && (s.value.focus(), e(n.OPEN));
     }, c = () => {
       t.open && (s.value.focus(), e(n.CLOSE));
-    }, o = (r) => t.open && r.target.tagName === "INPUT" ? null : t.open ? c() : y(), v = () => {
+    }, o = (d) => t.open && d.target.tagName === "INPUT" ? null : t.open ? c() : y(), v = () => {
       e(n.CLEAR), e(n.INPUT, ""), s.value.focus();
-    }, C = O((r) => {
-      !t.readonly && !t.disabled ? e(n.INPUT, r.target.value) : (r.preventDefault(), r.stopPropagation());
-    }, t.debounceTime), g = i(
+    }, C = O((d) => {
+      !t.readonly && !t.disabled ? e(n.INPUT, d.target.value) : (d.preventDefault(), d.stopPropagation());
+    }, t.debounceTime), w = i(
       () => t.multiple ? t.selectedValueItem : []
     );
     return {
@@ -146,7 +146,7 @@ const L = x({
       textbox: s,
       isFiltering: b,
       ariaAttributes: f,
-      selectedValueItems: g,
+      selectedValueItems: w,
       // Events
       onCloseDropdown: c,
       onToggleDropdown: o,
@@ -232,6 +232,10 @@ const R = B.exports, V = x({
       type: String,
       default: null
     },
+    /**
+     * Renders the dropdown with a condensed style.
+     */
+    condensed: { type: Boolean, default: !1 },
     /**
      * Custom debounce time. Default: 300
      */
@@ -286,10 +290,11 @@ const R = B.exports, V = x({
   },
   setup(t, { slots: e, emit: l }) {
     const a = i(() => ({
-      [`b-dropdown-default-textbox--${d.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
-      [`b-dropdown-default-textbox--${d.DISABLED}`]: t.disabled,
-      [`b-dropdown-default-textbox--${d.READONLY}`]: t.readonly,
-      [`b-dropdown-default-textbox--${d.OPENED}`]: t.open
+      [`b-dropdown-default-textbox--${r.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
+      [`b-dropdown-default-textbox--${r.DISABLED}`]: t.disabled,
+      [`b-dropdown-default-textbox--${r.READONLY}`]: t.readonly,
+      [`b-dropdown-default-textbox--${r.OPENED}`]: t.open,
+      "b-dropdown-default-textbox--condensed": t.condensed
     })), s = i(() => t.open && !t.disabled && !t.readonly), u = (o) => {
       l(n.INPUT, o);
     }, p = (o) => {
@@ -334,7 +339,7 @@ var T = function() {
   F,
   !1,
   null,
-  "8ec8b608",
+  "20dfb310",
   null,
   null
 );
@@ -342,7 +347,7 @@ const Q = U.exports;
 export {
   R as D,
   n as a,
-  d as b,
+  r as b,
   Q as c
 };
-//# sourceMappingURL=dropdown-default-textbox.25134789.js.map
+//# sourceMappingURL=dropdown-default-textbox.465db4d4.js.map

package/dist/chunks/{dropdown-default-textbox.25134789.js.map → dropdown-default-textbox.465db4d4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-default-textbox.25134789.js","sources":["../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.ts","../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue","../../src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue"],"sourcesContent":["import { PropType } from 'vue';\nimport { Booleanish } from '@/types';\n\n// TODO: Change this to script setup + Typescript interface\nexport const DropdownBaseTextboxProps = {\n    /**\n     * The number of additional items that have been selected in the dropdown.\n     */\n    additionalItemsSelected: { type: Number, default: 0 },\n\n    /**\n     * Sets the possibility to type into the textbox\n     */\n    dynamicFiltering: {\n        type: Boolean,\n        default: false,\n    },\n\n    /**\n     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n     */\n    ariaControls: {\n        type: String,\n        required: true,\n    },\n\n    /**\n     * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n     */\n    ariaExpanded: {\n        type: [String, Boolean] as PropType<Booleanish>,\n        required: true,\n    },\n\n    /**\n     * Corresponds to the label's id that labels the textbox element.\n     */\n    ariaLabelledby: {\n        type: String,\n        default: null,\n    },\n\n    /**\n     * Disables any textbox functionality\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Marks the textbox as invalid, rendering an error state\n     */\n    isInvalid: { type: Boolean, default: false },\n\n    /**\n     * Selected option's label\n     */\n    displayValue: { type: String, default: null },\n\n    /**\n     * Indicates if the dropdown is open so that\n     * the respective event can be emitted\n     */\n    open: { type: Boolean, default: false },\n\n    /**\n     * The input value\n     */\n    value: { type: String, default: '' },\n\n    /**\n     * Custom debounce time. Default: 300\n     */\n    debounceTime: { type: Number, default: 300 },\n};\n\nexport enum DropdownBaseTextboxState {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    HAS_ITEMS = 'has-items',\n    OPENED = 'opened',\n    ERROR = 'error',\n}\n\nexport enum DropdownBaseTextboxEvent {\n    OPEN = 'open',\n    KEYDOWN = 'keydown',\n    CLOSE = 'close',\n    INPUT = 'input',\n    CLEAR = 'clear',\n}\n\nexport default DropdownBaseTextboxProps;\n","<template>\n    <div\n        :class=\"$attrs.class\"\n        data-testid=\"textbox-wrapper\"\n        @click=\"onToggleDropdown\"\n        @keydown.escape=\"onCloseDropdown\"\n    >\n        <bento-typography\n            class=\"b-dropdown-base-textbox\"\n            :class=\"conditionalClasses\"\n            el=\"div\"\n            data-testid=\"base-textbox\"\n        >\n            <input\n                v-if=\"dynamicFiltering\"\n                v-bind=\"ariaAttributes\"\n                :id=\"textboxId\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                type=\"text\"\n                aria-autocomplete=\"list\"\n                :value=\"open ? value : displayValue\"\n                :disabled=\"disabled ? true : null\"\n                :readonly=\"readonly\"\n                @keydown=\"$emit(DropdownBaseTextboxEvent.KEYDOWN, $event)\"\n                @keydown.enter=\"onToggleDropdown\"\n                @input=\"onInputEvent\"\n            />\n            <div\n                v-else\n                :id=\"textboxId\"\n                v-bind=\"ariaAttributes\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                :tabindex=\"0\"\n            >\n                <!-- <span :aria-hidden=\"!displayValue ? true : null\"> -->\n                <slot v-if=\"selectedValueItem && !multiple\" v-bind=\"selectedValueItem\">\n                    {{ displayValue }}\n                </slot>\n                <template v-else-if=\"selectedValueItem && showSlotContentInMultiple\">\n                    <div class=\"b-dropdown-base-textbox__input-multiple-selected\">\n                        <div v-for=\"singleItem of selectedValueItems\" :key=\"singleItem.value\">\n                            <div class=\"b-dropdown-base-textbox__input-selected-element\">\n                                <slot v-bind=\"singleItem\">\n                                    {{ displayValue }}\n                                </slot>\n                            </div>\n                        </div>\n                    </div>\n                </template>\n                <template v-else>{{ displayValue }}</template>\n                <!-- </span> -->\n            </div>\n            <span v-if=\"additionalItemsSelected\" class=\"b-dropdown-base-textbox__additional-items\">\n                {{ additionalItemsSelected }}\n            </span>\n            <span v-if=\"hasSlot('icon') && !isFiltering\" class=\"b-dropdown-base-textbox__icon\" aria-hidden=\"true\">\n                <slot name=\"icon\"></slot>\n            </span>\n            <span\n                v-if=\"isFiltering\"\n                class=\"b-dropdown-base-textbox__clear-search\"\n                tabindex=\"0\"\n                data-testid=\"clear-search-button\"\n                @click.stop=\"onClearSearch\"\n                @keydown.enter.stop=\"onClearSearch\"\n                @keyup.space=\"onClearSearch\"\n            >\n                <cross-circle-fill-icon :svg-title=\"'clearSearch'\" />\n            </span>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useHasSlot } from '@/composables';\n    import { BentoTypography } from '@/components/typography';\n    import { debounce } from '@/utils/ts/debounce';\n    import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from '@/types';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    /**\n     * Only for internal use, implements the logic of the textbox element to be implemented in the combobox.\n     */\n    export default defineComponent({\n        name: 'dropdown-base-textbox',\n        components: { BentoTypography, CrossCircleFillIcon },\n        inheritAttrs: false,\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time for the user type event.\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox.\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        setup(props, { emit, slots, attrs }) {\n            const textbox = ref(null);\n            const textboxId = generateUid('textbox');\n\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.HAS_ITEMS}`]: !!props.additionalItemsSelected,\n            }));\n\n            const isFiltering = computed(() => props.dynamicFiltering && !!props.value && props.open);\n\n            const ariaAttributes = computed(\n                () =>\n                    ({\n                        'aria-haspopup': 'listbox',\n                        'aria-controls': props.ariaControls,\n                        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n                        'aria-expanded': props.ariaExpanded ? 'true' : 'false',\n                        'aria-labelledby': props.ariaLabelledby,\n                        'aria-label': props.ariaLabelledby ? null : props.ariaLabel,\n                        'aria-invalid': props.isInvalid,\n                        'aria-disabled': props.disabled ? true : null,\n                    } as HTMLAttributes)\n            );\n\n            /**\n             * Triggered on click, space and enter user events. It will open the dropdown.\n             * @event open\n             */\n            const onOpenDropdown = () => {\n                if (!props.disabled && !props.readonly) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.OPEN);\n                }\n            };\n\n            /**\n             * Triggered on click, space, enter and esc user events. It will close the dropdown.\n             * @event close\n             */\n            const onCloseDropdown = () => {\n                if (props.open) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.CLOSE);\n                }\n            };\n\n            const onToggleDropdown = (event: Event) => {\n                const isDynamicFilteringInputClickEvent =\n                    props.open && (event.target as HTMLDivElement).tagName === 'INPUT';\n                if (isDynamicFilteringInputClickEvent) {\n                    /**\n                     * When there's a click even on the input during filtering\n                     * and the popover is open, do not toggle the popover.\n                     * Allow for click events inside the input field\n                     */\n                    return null;\n                }\n\n                return props.open ? onCloseDropdown() : onOpenDropdown();\n            };\n\n            const onClearSearch = () => {\n                emit(DropdownBaseTextboxEvent.CLEAR);\n                emit(DropdownBaseTextboxEvent.INPUT, '');\n                textbox.value.focus();\n            };\n            const onInputEvent = debounce<(event: Event) => void>((event: Event) => {\n                if (!props.readonly && !props.disabled) {\n                    emit(DropdownBaseTextboxEvent.INPUT, (event.target as HTMLInputElement).value);\n                } else {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            }, props.debounceTime);\n\n            // Cast selectedValueItem if it is an array of selected items\n            const selectedValueItems = computed(() =>\n                props.multiple ? (props.selectedValueItem as BentoListboxOptionItem[]) : []\n            );\n\n            return {\n                // Enums\n                BentoKeyboardNavigationKeyDownEvent,\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                textboxId,\n                textbox,\n                isFiltering,\n                ariaAttributes,\n                selectedValueItems,\n\n                // Events\n                onCloseDropdown,\n                onToggleDropdown,\n                onClearSearch,\n                onInputEvent,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-base-textbox.scss\" />\n","<template>\n    <div class=\"b-dropdown-default-textbox\" :class=\"conditionalClasses\" data-testid=\"default-textbox\">\n        <dropdown-base-textbox\n            v-bind=\"{ ...$attrs, ...$props }\"\n            class=\"b-dropdown-default-textbox__textbox\"\n            :value=\"value\"\n            v-on=\"listeners\"\n        >\n            <template v-for=\"(_, innerSlot) of slots\" #[innerSlot]=\"scope\">\n                <slot :name=\"innerSlot\" v-bind=\"scope\" />\n            </template>\n            <template #icon>\n                <div class=\"b-dropdown-default-textbox__chevron\">\n                    <chevron-up-icon v-show=\"isDropdownOpen\" svg-title=\"opened\" />\n                    <chevron-down-icon v-show=\"!isDropdownOpen\" svg-title=\"closed\" />\n                </div>\n            </template>\n        </dropdown-base-textbox>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import DropdownBaseTextbox from '@/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue';\n    import { BentoListboxOptionItem, Booleanish } from '@/types';\n    import { stopEventPropagation } from '@/utils/ts/events';\n    import {\n        DropdownBaseTextboxEvent,\n        DropdownBaseTextboxState,\n    } from '../dropdown-base-textbox/dropdown-base-textbox.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    /**\n     * For internal use only, textbox component used in the dropdown component.\n     */\n    export default defineComponent({\n        name: 'dropdown-default-textbox',\n        components: { ChevronDownIcon, ChevronUpIcon, DropdownBaseTextbox },\n        inheritAttrs: false,\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time. Default: 300\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        setup(props, { slots, emit }) {\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.ERROR}`]:\n                    !props.disabled && !props.readonly && props.isInvalid,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.OPENED}`]: props.open,\n            }));\n\n            const isDropdownOpen = computed(() => props.open && !props.disabled && !props.readonly);\n\n            const onInput = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, e);\n            };\n            const onKeyDown = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.KEYDOWN, e);\n            };\n            const openDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.OPEN);\n            };\n            const closeDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLOSE);\n            };\n            const clearValue = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLEAR);\n            };\n\n            const listeners = {\n                [DropdownBaseTextboxEvent.INPUT]: onInput,\n                [DropdownBaseTextboxEvent.OPEN]: openDropdown,\n                [DropdownBaseTextboxEvent.CLOSE]: closeDropdown,\n                [DropdownBaseTextboxEvent.CLEAR]: clearValue,\n                [DropdownBaseTextboxEvent.KEYDOWN]: onKeyDown,\n            };\n\n            return {\n                // Enums\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                isDropdownOpen,\n                slots,\n\n                // Events\n                listeners,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-default-textbox.scss\" />\n"],"names":["DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","_sfc_main$1","defineComponent","BentoTypography","CrossCircleIcon","props","emit","slots","attrs","textbox","ref","textboxId","generateUid","conditionalClasses","computed","isFiltering","ariaAttributes","_a","onOpenDropdown","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","debounce","selectedValueItems","BentoKeyboardNavigationKeyDownEvent","useHasSlot","_sfc_main","ChevronDownIcon","ChevronUpIcon","DropdownBaseTextbox","isDropdownOpen","onInput","e","onKeyDown","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners"],"mappings":"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"}
+{"version":3,"file":"dropdown-default-textbox.465db4d4.js","sources":["../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.ts","../../src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue","../../src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue"],"sourcesContent":["import { PropType } from 'vue';\nimport { Booleanish } from '@/types';\n\n// TODO: Change this to script setup + Typescript interface\nexport const DropdownBaseTextboxProps = {\n    /**\n     * The number of additional items that have been selected in the dropdown.\n     */\n    additionalItemsSelected: { type: Number, default: 0 },\n\n    /**\n     * Sets the possibility to type into the textbox\n     */\n    dynamicFiltering: {\n        type: Boolean,\n        default: false,\n    },\n\n    /**\n     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n     */\n    ariaControls: {\n        type: String,\n        required: true,\n    },\n\n    /**\n     * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n     */\n    ariaExpanded: {\n        type: [String, Boolean] as PropType<Booleanish>,\n        required: true,\n    },\n\n    /**\n     * Corresponds to the label's id that labels the textbox element.\n     */\n    ariaLabelledby: {\n        type: String,\n        default: null,\n    },\n\n    /**\n     * Disables any textbox functionality\n     */\n    disabled: { type: Boolean, default: false },\n\n    /**\n     * Marks the textbox as invalid, rendering an error state\n     */\n    isInvalid: { type: Boolean, default: false },\n\n    /**\n     * Selected option's label\n     */\n    displayValue: { type: String, default: null },\n\n    /**\n     * Indicates if the dropdown is open so that\n     * the respective event can be emitted\n     */\n    open: { type: Boolean, default: false },\n\n    /**\n     * The input value\n     */\n    value: { type: String, default: '' },\n\n    /**\n     * Custom debounce time. Default: 300\n     */\n    debounceTime: { type: Number, default: 300 },\n};\n\nexport enum DropdownBaseTextboxState {\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    HAS_ITEMS = 'has-items',\n    OPENED = 'opened',\n    ERROR = 'error',\n}\n\nexport enum DropdownBaseTextboxEvent {\n    OPEN = 'open',\n    KEYDOWN = 'keydown',\n    CLOSE = 'close',\n    INPUT = 'input',\n    CLEAR = 'clear',\n}\n\nexport default DropdownBaseTextboxProps;\n","<template>\n    <div\n        :class=\"$attrs.class\"\n        data-testid=\"textbox-wrapper\"\n        @click=\"onToggleDropdown\"\n        @keydown.escape=\"onCloseDropdown\"\n    >\n        <bento-typography\n            class=\"b-dropdown-base-textbox\"\n            :class=\"conditionalClasses\"\n            el=\"div\"\n            data-testid=\"base-textbox\"\n        >\n            <input\n                v-if=\"dynamicFiltering\"\n                v-bind=\"ariaAttributes\"\n                :id=\"textboxId\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                type=\"text\"\n                aria-autocomplete=\"list\"\n                :value=\"open ? value : displayValue\"\n                :disabled=\"disabled ? true : null\"\n                :readonly=\"readonly\"\n                @keydown=\"$emit(DropdownBaseTextboxEvent.KEYDOWN, $event)\"\n                @keydown.enter=\"onToggleDropdown\"\n                @input=\"onInputEvent\"\n            />\n            <div\n                v-else\n                :id=\"textboxId\"\n                v-bind=\"ariaAttributes\"\n                ref=\"textbox\"\n                class=\"b-dropdown-base-textbox__input\"\n                role=\"combobox\"\n                :tabindex=\"0\"\n            >\n                <!-- <span :aria-hidden=\"!displayValue ? true : null\"> -->\n                <slot v-if=\"selectedValueItem && !multiple\" v-bind=\"selectedValueItem\">\n                    {{ displayValue }}\n                </slot>\n                <template v-else-if=\"selectedValueItem && showSlotContentInMultiple\">\n                    <div class=\"b-dropdown-base-textbox__input-multiple-selected\">\n                        <div v-for=\"singleItem of selectedValueItems\" :key=\"singleItem.value\">\n                            <div class=\"b-dropdown-base-textbox__input-selected-element\">\n                                <slot v-bind=\"singleItem\">\n                                    {{ displayValue }}\n                                </slot>\n                            </div>\n                        </div>\n                    </div>\n                </template>\n                <template v-else>{{ displayValue }}</template>\n                <!-- </span> -->\n            </div>\n            <span v-if=\"additionalItemsSelected\" class=\"b-dropdown-base-textbox__additional-items\">\n                {{ additionalItemsSelected }}\n            </span>\n            <span v-if=\"hasSlot('icon') && !isFiltering\" class=\"b-dropdown-base-textbox__icon\" aria-hidden=\"true\">\n                <slot name=\"icon\"></slot>\n            </span>\n            <span\n                v-if=\"isFiltering\"\n                class=\"b-dropdown-base-textbox__clear-search\"\n                tabindex=\"0\"\n                data-testid=\"clear-search-button\"\n                @click.stop=\"onClearSearch\"\n                @keydown.enter.stop=\"onClearSearch\"\n                @keyup.space=\"onClearSearch\"\n            >\n                <cross-circle-fill-icon :svg-title=\"'clearSearch'\" />\n            </span>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref } from 'vue';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { useHasSlot } from '@/composables';\n    import { BentoTypography } from '@/components/typography';\n    import { debounce } from '@/utils/ts/debounce';\n    import { BentoKeyboardNavigationKeyDownEvent, BentoListboxOptionItem, Booleanish } from '@/types';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    /**\n     * Only for internal use, implements the logic of the textbox element to be implemented in the combobox.\n     */\n    export default defineComponent({\n        name: 'dropdown-base-textbox',\n        components: { BentoTypography, CrossCircleFillIcon },\n        inheritAttrs: false,\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Custom debounce time for the user type event.\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox.\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        setup(props, { emit, slots, attrs }) {\n            const textbox = ref(null);\n            const textboxId = generateUid('textbox');\n\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-base-textbox--${DropdownBaseTextboxState.HAS_ITEMS}`]: !!props.additionalItemsSelected,\n            }));\n\n            const isFiltering = computed(() => props.dynamicFiltering && !!props.value && props.open);\n\n            const ariaAttributes = computed(\n                () =>\n                    ({\n                        'aria-haspopup': 'listbox',\n                        'aria-controls': props.ariaControls,\n                        'aria-describedby': attrs['aria-describedby']?.toString() as string,\n                        'aria-expanded': props.ariaExpanded ? 'true' : 'false',\n                        'aria-labelledby': props.ariaLabelledby,\n                        'aria-label': props.ariaLabelledby ? null : props.ariaLabel,\n                        'aria-invalid': props.isInvalid,\n                        'aria-disabled': props.disabled ? true : null,\n                    } as HTMLAttributes)\n            );\n\n            /**\n             * Triggered on click, space and enter user events. It will open the dropdown.\n             * @event open\n             */\n            const onOpenDropdown = () => {\n                if (!props.disabled && !props.readonly) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.OPEN);\n                }\n            };\n\n            /**\n             * Triggered on click, space, enter and esc user events. It will close the dropdown.\n             * @event close\n             */\n            const onCloseDropdown = () => {\n                if (props.open) {\n                    textbox.value.focus();\n                    emit(DropdownBaseTextboxEvent.CLOSE);\n                }\n            };\n\n            const onToggleDropdown = (event: Event) => {\n                const isDynamicFilteringInputClickEvent =\n                    props.open && (event.target as HTMLDivElement).tagName === 'INPUT';\n                if (isDynamicFilteringInputClickEvent) {\n                    /**\n                     * When there's a click even on the input during filtering\n                     * and the popover is open, do not toggle the popover.\n                     * Allow for click events inside the input field\n                     */\n                    return null;\n                }\n\n                return props.open ? onCloseDropdown() : onOpenDropdown();\n            };\n\n            const onClearSearch = () => {\n                emit(DropdownBaseTextboxEvent.CLEAR);\n                emit(DropdownBaseTextboxEvent.INPUT, '');\n                textbox.value.focus();\n            };\n            const onInputEvent = debounce<(event: Event) => void>((event: Event) => {\n                if (!props.readonly && !props.disabled) {\n                    emit(DropdownBaseTextboxEvent.INPUT, (event.target as HTMLInputElement).value);\n                } else {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            }, props.debounceTime);\n\n            // Cast selectedValueItem if it is an array of selected items\n            const selectedValueItems = computed(() =>\n                props.multiple ? (props.selectedValueItem as BentoListboxOptionItem[]) : []\n            );\n\n            return {\n                // Enums\n                BentoKeyboardNavigationKeyDownEvent,\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                textboxId,\n                textbox,\n                isFiltering,\n                ariaAttributes,\n                selectedValueItems,\n\n                // Events\n                onCloseDropdown,\n                onToggleDropdown,\n                onClearSearch,\n                onInputEvent,\n\n                // Methods\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-base-textbox.scss\" />\n","<template>\n    <div class=\"b-dropdown-default-textbox\" :class=\"conditionalClasses\" data-testid=\"default-textbox\">\n        <dropdown-base-textbox\n            v-bind=\"{ ...$attrs, ...$props }\"\n            class=\"b-dropdown-default-textbox__textbox\"\n            :value=\"value\"\n            v-on=\"listeners\"\n        >\n            <template v-for=\"(_, innerSlot) of slots\" #[innerSlot]=\"scope\">\n                <slot :name=\"innerSlot\" v-bind=\"scope\" />\n            </template>\n            <template #icon>\n                <div class=\"b-dropdown-default-textbox__chevron\">\n                    <chevron-up-icon v-show=\"isDropdownOpen\" svg-title=\"opened\" />\n                    <chevron-down-icon v-show=\"!isDropdownOpen\" svg-title=\"closed\" />\n                </div>\n            </template>\n        </dropdown-base-textbox>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import DropdownBaseTextbox from '@/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue';\n    import { BentoListboxOptionItem, Booleanish } from '@/types';\n    import { stopEventPropagation } from '@/utils/ts/events';\n    import {\n        DropdownBaseTextboxEvent,\n        DropdownBaseTextboxState,\n    } from '../dropdown-base-textbox/dropdown-base-textbox.types';\n    import ChevronDownIcon from '@adyen/ui-assets-icons-16/vue/chevron-down';\n    import ChevronUpIcon from '@adyen/ui-assets-icons-16/vue/chevron-up';\n\n    /**\n     * For internal use only, textbox component used in the dropdown component.\n     */\n    export default defineComponent({\n        name: 'dropdown-default-textbox',\n        components: { ChevronDownIcon, ChevronUpIcon, DropdownBaseTextbox },\n        inheritAttrs: false,\n        emits: [\n            DropdownBaseTextboxEvent.OPEN,\n            DropdownBaseTextboxEvent.CLOSE,\n            DropdownBaseTextboxEvent.INPUT,\n            DropdownBaseTextboxEvent.CLEAR,\n            DropdownBaseTextboxEvent.KEYDOWN,\n        ],\n        props: {\n            /**\n             * The number of additional items that have been selected in the dropdown.\n             */\n            additionalItemsSelected: { type: Number, default: 0 },\n\n            /**\n             * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.\n             */\n            ariaControls: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Indicates whether the content the textbox triggers is visible or not. Needs to be set accordingly when the textbox is used and changed every time the popover is shown/hidden.\n             */\n            ariaExpanded: {\n                type: [String, Boolean] as PropType<Booleanish>,\n                required: true,\n            },\n\n            /**\n             * If no label element is used then the aria-label is be set should be set.\n             */\n            ariaLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Corresponds to the label's id that labels the textbox element.\n             */\n            ariaLabelledby: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Renders the dropdown with a condensed style.\n             */\n            condensed: { type: Boolean, default: false },\n\n            /**\n             * Custom debounce time. Default: 300\n             */\n            debounceTime: { type: Number, default: 300 },\n\n            /**\n             * Disables any textbox functionality\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Selected option's label\n             */\n            displayValue: { type: String, default: null },\n\n            /**\n             * Sets the possibility to type into the textbox\n             */\n            dynamicFiltering: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Marks the textbox as invalid, rendering an error state\n             */\n            isInvalid: { type: Boolean, default: false },\n\n            /**\n             * Indicates if the dropdown is open so that\n             * the respective event can be emitted\n             */\n            open: { type: Boolean, default: false },\n\n            /**\n             * Sets the dropdown to readonly state\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * The selected value's list box item.\n             */\n            selectedValueItem: {\n                type: [Object, Array] as PropType<BentoListboxOptionItem | BentoListboxOptionItem[]>,\n                default: undefined,\n            },\n\n            /**\n             * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n             */\n            showSlotContentInMultiple: { type: Boolean, default: false },\n\n            /**\n             * The input value\n             */\n            value: { type: String, default: '' },\n\n            /*\n             * If enabled, the user will be able to select multiple items.\n             */\n            multiple: { type: Boolean, default: false },\n        },\n        setup(props, { slots, emit }) {\n            const conditionalClasses = computed(() => ({\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.ERROR}`]:\n                    !props.disabled && !props.readonly && props.isInvalid,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.DISABLED}`]: props.disabled,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.READONLY}`]: props.readonly,\n                [`b-dropdown-default-textbox--${DropdownBaseTextboxState.OPENED}`]: props.open,\n                'b-dropdown-default-textbox--condensed': props.condensed,\n            }));\n\n            const isDropdownOpen = computed(() => props.open && !props.disabled && !props.readonly);\n\n            const onInput = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.INPUT, e);\n            };\n            const onKeyDown = (e: Event) => {\n                emit(DropdownBaseTextboxEvent.KEYDOWN, e);\n            };\n            const openDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.OPEN);\n            };\n            const closeDropdown = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLOSE);\n            };\n            const clearValue = (e: Event) => {\n                stopEventPropagation(e);\n                emit(DropdownBaseTextboxEvent.CLEAR);\n            };\n\n            const listeners = {\n                [DropdownBaseTextboxEvent.INPUT]: onInput,\n                [DropdownBaseTextboxEvent.OPEN]: openDropdown,\n                [DropdownBaseTextboxEvent.CLOSE]: closeDropdown,\n                [DropdownBaseTextboxEvent.CLEAR]: clearValue,\n                [DropdownBaseTextboxEvent.KEYDOWN]: onKeyDown,\n            };\n\n            return {\n                // Enums\n                DropdownBaseTextboxEvent,\n\n                // Values\n                conditionalClasses,\n                isDropdownOpen,\n                slots,\n\n                // Events\n                listeners,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-default-textbox.scss\" />\n"],"names":["DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","_sfc_main$1","defineComponent","BentoTypography","CrossCircleIcon","props","emit","slots","attrs","textbox","ref","textboxId","generateUid","conditionalClasses","computed","isFiltering","ariaAttributes","_a","onOpenDropdown","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","debounce","selectedValueItems","BentoKeyboardNavigationKeyDownEvent","useHasSlot","_sfc_main","ChevronDownIcon","ChevronUpIcon","DropdownBaseTextbox","isDropdownOpen","onInput","e","onKeyDown","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners"],"mappings":"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"}