@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/chunks/{dropdown-default-textbox.203e747f.js → dropdown-default-textbox.a90e84f9.js}

@@ -1,17 +1,17 @@
-import { defineComponent as V, ref as Y, computed as c, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeClass as O, withKeys as I, createVNode as g, withCtx as _, mergeProps as E, renderSlot as S, normalizeProps as L, createTextVNode as D, toDisplayString as C, Fragment as $, renderList as P, createElementVNode as T, guardReactiveProps as k, createCommentVNode as N, withModifiers as B, toHandlers as M, createSlots as W, withDirectives as x, vShow as A } from "vue";
+import { defineComponent as B, ref as Y, computed as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeClass as h, withKeys as C, createVNode as g, withCtx as _, mergeProps as E, renderSlot as S, normalizeProps as L, createTextVNode as D, toDisplayString as I, Fragment as $, renderList as V, createElementVNode as k, guardReactiveProps as R, createCommentVNode as N, withModifiers as x, toHandlers as M, createSlots as W, withDirectives as A, vShow as P } from "vue";
 import { g as q } from "./unique-id.a2a2b458.js";
-import { u as H } from "./use-has-slot.068222e6.js";
-import { B as j, a as z, b as G } from "./index.222d29b0.js";
-import { d as J, B as Q } from "./debounce.f8d92e44.js";
-import { C as X } from "./cross-circle-fill.0feb37b3.js";
-import { _ as R } from "./_plugin-vue_export-helper.dad06003.js";
-import { s as h } from "./events.58c00e6d.js";
-import { C as Z, a as ee } from "./chevron-down.69bedf14.js";
+import { u as H } from "./use-has-slot.9fac7123.js";
+import { B as j } from "./index.89b00b94.js";
+import { d as z, B as G } from "./debounce.f8d92e44.js";
+import { C as J } from "./cross-circle-fill.0feb37b3.js";
+import { _ as T } from "./_plugin-vue_export-helper.dad06003.js";
+import { s as O } from "./events.58c00e6d.js";
+import { a as Q, C as X } from "./chevron-up.c03b58f8.js";
 import "../assets/dropdown-default-textbox.css";
-var i = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(i || {}), o = /* @__PURE__ */ ((e) => (e.OPEN = "open", e.KEYDOWN = "keydown", e.CLOSE = "close", e.INPUT = "input", e.CLEAR = "clear", e))(o || {});
-const oe = V({
+var u = /* @__PURE__ */ ((e) => (e.DISABLED = "disabled", e.READONLY = "readonly", e.HAS_ITEMS = "has-items", e.OPENED = "opened", e.ERROR = "error", e))(u || {}), o = /* @__PURE__ */ ((e) => (e.OPEN = "open", e.KEYDOWN = "keydown", e.CLOSE = "close", e.INPUT = "input", e.CLEAR = "clear", e))(o || {});
+const Z = B({
   name: "dropdown-base-textbox",
-  components: { BentoTypography: j, CrossCircleFillIcon: X },
+  components: { BentoTypography: j, CrossCircleFillIcon: J },
   inheritAttrs: !1,
   props: {
     /**
@@ -106,17 +106,17 @@ const oe = V({
     o.KEYDOWN
   ],
   setup(e, { emit: t, slots: s, attrs: f }) {
-    const r = Y(null), m = q("textbox"), u = c(() => ({
-      [`b-dropdown-base-textbox--${i.DISABLED}`]: e.disabled,
-      [`b-dropdown-base-textbox--${i.READONLY}`]: e.readonly,
-      [`b-dropdown-base-textbox--${i.HAS_ITEMS}`]: !!e.additionalItemsSelected
-    })), p = c(() => e.dynamicFiltering && !!e.value), a = c(
+    const r = Y(null), m = q("textbox"), p = y(() => ({
+      [`b-dropdown-base-textbox--${u.DISABLED}`]: e.disabled,
+      [`b-dropdown-base-textbox--${u.READONLY}`]: e.readonly,
+      [`b-dropdown-base-textbox--${u.HAS_ITEMS}`]: !!e.additionalItemsSelected
+    })), b = y(() => e.dynamicFiltering && !!e.value), a = y(
       () => {
-        var y;
+        var i;
         return {
           "aria-haspopup": "listbox",
           "aria-controls": e.ariaControls,
-          "aria-describedby": (y = f["aria-describedby"]) == null ? void 0 : y.toString(),
+          "aria-describedby": (i = f["aria-describedby"]) == null ? void 0 : i.toString(),
           "aria-expanded": e.ariaExpanded ? "true" : "false",
           "aria-labelledby": e.ariaLabelledby,
           "aria-label": e.ariaLabelledby ? null : e.ariaLabel,
@@ -126,30 +126,28 @@ const oe = V({
       }
     ), w = () => {
       !e.disabled && !e.readonly && (r.value.focus(), t(o.OPEN));
-    }, b = () => {
+    }, c = () => {
       e.open && (r.value.focus(), t(o.CLOSE));
-    }, n = (y) => e.open && y.target.tagName === "INPUT" ? null : e.open ? b() : w(), K = () => {
+    }, n = (i) => e.open && i.target.tagName === "INPUT" ? null : e.open ? c() : w(), K = () => {
       t(o.CLEAR), t(o.INPUT, ""), r.value.focus();
-    }, F = J((y) => {
-      t(o.INPUT, y.target.value);
-    }, e.debounceTime), U = c(
+    }, F = z((i) => {
+      !e.readonly && !e.disabled ? t(o.INPUT, i.target.value) : (i.preventDefault(), i.stopPropagation());
+    }, e.debounceTime), U = y(
       () => e.multiple ? e.selectedValueItem : []
     );
     return {
       // Enums
-      BentoTypographyElement: z,
-      BentoTypographyVariant: G,
-      BentoKeyboardNavigationKeyDownEvent: Q,
+      BentoKeyboardNavigationKeyDownEvent: G,
       DropdownBaseTextboxEvent: o,
       // Values
-      conditionalClasses: u,
+      conditionalClasses: p,
       textboxId: m,
       textbox: r,
-      isFiltering: p,
+      isFiltering: b,
       ariaAttributes: a,
       selectedValueItems: U,
       // Events
-      onCloseDropdown: b,
+      onCloseDropdown: c,
       onToggleDropdown: n,
       onClearSearch: K,
       onInputEvent: F,
@@ -158,28 +156,28 @@ const oe = V({
     };
   }
 });
-const te = ["id", "value", "disabled", "readonly"], ae = ["id"], ne = {
+const ee = ["id", "value", "disabled", "readonly"], oe = ["id"], te = {
   key: 1,
   class: "b-dropdown-base-textbox__input-multiple-selected"
-}, le = { class: "b-dropdown-base-textbox__input-selected-element" }, de = {
+}, ae = { class: "b-dropdown-base-textbox__input-selected-element" }, ne = {
   key: 2,
   class: "b-dropdown-base-textbox__additional-items"
-}, se = {
+}, le = {
   key: 3,
   class: "b-dropdown-base-textbox__icon",
   "aria-hidden": "true"
 };
-function re(e, t, s, f, r, m) {
-  const u = v("cross-circle-fill-icon"), p = v("bento-typography");
+function de(e, t, s, f, r, m) {
+  const p = v("cross-circle-fill-icon"), b = v("bento-typography");
   return l(), d("div", {
-    class: O(e.$attrs.class),
+    class: h(e.$attrs.class),
     "data-testid": "textbox-wrapper",
     onClick: t[6] || (t[6] = (...a) => e.onToggleDropdown && e.onToggleDropdown(...a)),
-    onKeydown: t[7] || (t[7] = I((...a) => e.onCloseDropdown && e.onCloseDropdown(...a), ["escape"]))
+    onKeydown: t[7] || (t[7] = C((...a) => e.onCloseDropdown && e.onCloseDropdown(...a), ["escape"]))
   }, [
-    g(p, {
-      class: O(["b-dropdown-base-textbox", e.conditionalClasses]),
-      el: e.BentoTypographyElement.DIV,
+    g(b, {
+      class: h(["b-dropdown-base-textbox", e.conditionalClasses]),
+      el: "div",
       "data-testid": "base-textbox"
     }, {
       default: _(() => [
@@ -195,10 +193,10 @@ function re(e, t, s, f, r, m) {
           readonly: e.readonly,
           onKeydown: [
             t[0] || (t[0] = (a) => e.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, a)),
-            t[1] || (t[1] = I((...a) => e.onToggleDropdown && e.onToggleDropdown(...a), ["enter"]))
+            t[1] || (t[1] = C((...a) => e.onToggleDropdown && e.onToggleDropdown(...a), ["enter"]))
           ],
           onInput: t[2] || (t[2] = (...a) => e.onInputEvent && e.onInputEvent(...a))
-        }), null, 16, te)) : (l(), d("div", E({
+        }), null, 16, ee)) : (l(), d("div", E({
           key: 1,
           id: e.textboxId
         }, e.ariaAttributes, {
@@ -208,23 +206,23 @@ function re(e, t, s, f, r, m) {
           tabindex: 0
         }), [
           e.selectedValueItem && !e.multiple ? S(e.$slots, "default", L(E({ key: 0 }, e.selectedValueItem)), () => [
-            D(C(e.displayValue), 1)
-          ], !0) : e.selectedValueItem && e.showSlotContentInMultiple ? (l(), d("div", ne, [
-            (l(!0), d($, null, P(e.selectedValueItems, (a) => (l(), d("div", {
+            D(I(e.displayValue), 1)
+          ], !0) : e.selectedValueItem && e.showSlotContentInMultiple ? (l(), d("div", te, [
+            (l(!0), d($, null, V(e.selectedValueItems, (a) => (l(), d("div", {
               key: a.value
             }, [
-              T("div", le, [
-                S(e.$slots, "default", L(k(a)), () => [
-                  D(C(e.displayValue), 1)
+              k("div", ae, [
+                S(e.$slots, "default", L(R(a)), () => [
+                  D(I(e.displayValue), 1)
                 ], !0)
               ])
             ]))), 128))
           ])) : (l(), d($, { key: 2 }, [
-            D(C(e.displayValue), 1)
+            D(I(e.displayValue), 1)
           ], 64))
-        ], 16, ae)),
-        e.additionalItemsSelected ? (l(), d("span", de, C(e.additionalItemsSelected), 1)) : N("", !0),
-        e.hasSlot("icon") && !e.isFiltering ? (l(), d("span", se, [
+        ], 16, oe)),
+        e.additionalItemsSelected ? (l(), d("span", ne, I(e.additionalItemsSelected), 1)) : N("", !0),
+        e.hasSlot("icon") && !e.isFiltering ? (l(), d("span", le, [
           S(e.$slots, "icon", {}, void 0, !0)
         ])) : N("", !0),
         e.isFiltering ? (l(), d("span", {
@@ -232,20 +230,20 @@ function re(e, t, s, f, r, m) {
           class: "b-dropdown-base-textbox__clear-search",
           tabindex: "0",
           "data-testid": "clear-search-button",
-          onClick: t[3] || (t[3] = B((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"])),
-          onKeydown: t[4] || (t[4] = I(B((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"]), ["enter"])),
-          onKeyup: t[5] || (t[5] = I((...a) => e.onClearSearch && e.onClearSearch(...a), ["space"]))
+          onClick: t[3] || (t[3] = x((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"])),
+          onKeydown: t[4] || (t[4] = C(x((...a) => e.onClearSearch && e.onClearSearch(...a), ["stop"]), ["enter"])),
+          onKeyup: t[5] || (t[5] = C((...a) => e.onClearSearch && e.onClearSearch(...a), ["space"]))
         }, [
-          g(u, { "svg-title": "clearSearch" })
+          g(p, { "svg-title": "clearSearch" })
         ], 32)) : N("", !0)
       ]),
       _: 3
-    }, 8, ["class", "el"])
+    }, 8, ["class"])
   ], 34);
 }
-const ie = /* @__PURE__ */ R(oe, [["render", re], ["__scopeId", "data-v-7cd102f9"]]), ue = V({
+const se = /* @__PURE__ */ T(Z, [["render", de], ["__scopeId", "data-v-2d370df8"]]), re = B({
   name: "dropdown-default-textbox",
-  components: { ChevronDownIcon: Z, ChevronUpIcon: ee, DropdownBaseTextbox: ie },
+  components: { ChevronDownIcon: Q, ChevronUpIcon: X, DropdownBaseTextbox: se },
   inheritAttrs: !1,
   emits: [
     o.OPEN,
@@ -340,27 +338,27 @@ const ie = /* @__PURE__ */ R(oe, [["render", re], ["__scopeId", "data-v-7cd102f9
     multiple: { type: Boolean, default: !1 }
   },
   setup(e, { slots: t, emit: s }) {
-    const f = c(() => ({
-      [`b-dropdown-default-textbox--${i.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
-      [`b-dropdown-default-textbox--${i.DISABLED}`]: e.disabled,
-      [`b-dropdown-default-textbox--${i.READONLY}`]: e.readonly,
-      [`b-dropdown-default-textbox--${i.OPENED}`]: e.open
-    })), r = c(() => e.open && !e.disabled && !e.readonly), m = (n) => {
+    const f = y(() => ({
+      [`b-dropdown-default-textbox--${u.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
+      [`b-dropdown-default-textbox--${u.DISABLED}`]: e.disabled,
+      [`b-dropdown-default-textbox--${u.READONLY}`]: e.readonly,
+      [`b-dropdown-default-textbox--${u.OPENED}`]: e.open
+    })), r = y(() => e.open && !e.disabled && !e.readonly), m = (n) => {
       s(o.INPUT, n);
-    }, u = (n) => {
-      s(o.KEYDOWN, n);
     }, p = (n) => {
-      h(n), s(o.OPEN);
+      s(o.KEYDOWN, n);
+    }, b = (n) => {
+      O(n), s(o.OPEN);
     }, a = (n) => {
-      h(n), s(o.CLOSE);
+      O(n), s(o.CLOSE);
     }, w = (n) => {
-      h(n), s(o.CLEAR);
-    }, b = {
+      O(n), s(o.CLEAR);
+    }, c = {
       [o.INPUT]: m,
-      [o.OPEN]: p,
+      [o.OPEN]: b,
       [o.CLOSE]: a,
       [o.CLEAR]: w,
-      [o.KEYDOWN]: u
+      [o.KEYDOWN]: p
     };
     return {
       // Enums
@@ -370,15 +368,15 @@ const ie = /* @__PURE__ */ R(oe, [["render", re], ["__scopeId", "data-v-7cd102f9
       isDropdownOpen: r,
       slots: t,
       // Events
-      listeners: b
+      listeners: c
     };
   }
 });
-const pe = { class: "b-dropdown-default-textbox__chevron" };
-function be(e, t, s, f, r, m) {
-  const u = v("chevron-up-icon"), p = v("chevron-down-icon"), a = v("dropdown-base-textbox");
+const ie = { class: "b-dropdown-default-textbox__chevron" };
+function ue(e, t, s, f, r, m) {
+  const p = v("chevron-up-icon"), b = v("chevron-down-icon"), a = v("dropdown-base-textbox");
   return l(), d("div", {
-    class: O(["b-dropdown-default-textbox", e.conditionalClasses]),
+    class: h(["b-dropdown-default-textbox", e.conditionalClasses]),
     "data-testid": "default-textbox"
   }, [
     g(a, E({ ...e.$attrs, ...e.$props }, {
@@ -386,31 +384,31 @@ function be(e, t, s, f, r, m) {
       value: e.value
     }, M(e.listeners)), W({
       icon: _(() => [
-        T("div", pe, [
-          x(g(u, { "svg-title": "opened" }, null, 512), [
-            [A, e.isDropdownOpen]
+        k("div", ie, [
+          A(g(p, { "svg-title": "opened" }, null, 512), [
+            [P, e.isDropdownOpen]
           ]),
-          x(g(p, { "svg-title": "closed" }, null, 512), [
-            [A, !e.isDropdownOpen]
+          A(g(b, { "svg-title": "closed" }, null, 512), [
+            [P, !e.isDropdownOpen]
           ])
         ])
       ]),
       _: 2
     }, [
-      P(e.slots, (w, b) => ({
-        name: b,
+      V(e.slots, (w, c) => ({
+        name: c,
         fn: _((n) => [
-          S(e.$slots, b, L(k(n)), void 0, !0)
+          S(e.$slots, c, L(R(n)), void 0, !0)
         ])
       }))
     ]), 1040, ["value"])
   ], 2);
 }
-const Se = /* @__PURE__ */ R(ue, [["render", be], ["__scopeId", "data-v-d7ba386d"]]);
+const Ie = /* @__PURE__ */ T(re, [["render", ue], ["__scopeId", "data-v-d7ba386d"]]);
 export {
-  ie as D,
+  se as D,
   o as a,
-  i as b,
-  Se as c
+  u as b,
+  Ie as c
 };
-//# sourceMappingURL=dropdown-default-textbox.203e747f.js.map
+//# sourceMappingURL=dropdown-default-textbox.a90e84f9.js.map

package/dist/chunks/dropdown-default-textbox.a90e84f9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-default-textbox.a90e84f9.js","sources":["../../../vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.types.ts","../../../vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue","../../../vue2/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);\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","openBlock","createElementBlock","normalizeClass","_ctx","_cache","args","createVNode","_component_bento_typography","withCtx","mergeProps","withKeys","_hoisted_1$1","createTextVNode","toDisplayString","_hoisted_3","Fragment","renderList","singleItem","createElementVNode","_hoisted_4","renderSlot","normalizeProps","guardReactiveProps","_hoisted_2","_hoisted_5","createCommentVNode","_hoisted_6","withModifiers","_sfc_main","ChevronDownIcon","ChevronUpIcon","DropdownBaseTextbox","isDropdownOpen","onInput","e","onKeyDown","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners","toHandlers","createSlots","_hoisted_1","withDirectives","_component_chevron_up_icon","innerSlot","scope"],"mappings":"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"}