@adyen/bento-vue2 1.19.0 → 1.20.1

package/dist/chunks/{dropdown-default-textbox.59803edd.js → dropdown-default-textbox.b4f19086.js}

@@ -1,19 +1,19 @@
-import { defineComponent as y, useAttrs as D, useSlots as v, ref as k, computed as i, watch as O, nextTick as N } from "vue";
-import { g as B } from "./unique-id.a2a2b458.js";
-import { u as A } from "./use-has-slot.fbeb19ec.js";
-import { B as L } from "./index.de687404.js";
-import { d as P } from "./debounce.b5ef6acf.js";
-import { C as V } from "./cross-circle-fill.27580c4b.js";
-import { n as g } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { s as m } from "./events.58c00e6d.js";
-import { C as F, a as R } from "./chevron-up.81185563.js";
+import { defineComponent as y, useAttrs as O, useSlots as g, ref as N, computed as d, watch as B, nextTick as A } from "vue";
+import { g as L } from "./unique-id.a2a2b458.js";
+import { u as P } from "./use-has-slot.fbeb19ec.js";
+import { B as V } from "./index.2f00afab.js";
+import { d as F } from "./debounce.b5ef6acf.js";
+import { C as R } from "./cross-circle-fill.27580c4b.js";
+import { n as S } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { s as w } from "./events.58c00e6d.js";
+import { C as T, a as U } from "./chevron-up.81185563.js";
 import "../assets/dropdown-default-textbox.css";
 var u = /* @__PURE__ */ ((n) => (n.DISABLED = "disabled", n.READONLY = "readonly", n.HAS_ITEMS = "has-items", n.OPENED = "opened", n.ERROR = "error", n))(u || {}), s = /* @__PURE__ */ ((n) => (n.OPEN = "dropdown-base-open", n.KEYDOWN = "dropdown-base-keydown", n.CLOSE = "dropdown-base-close", n.INPUT = "dropdown-base-input", n.CLEAR = "dropdown-base-clear", n))(s || {});
-const T = y({
+const M = y({
   name: "dropdown-base-textbox",
   inheritAttrs: !1
-}), U = /* @__PURE__ */ y({
-  ...T,
+}), $ = /* @__PURE__ */ y({
+  ...M,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -94,86 +94,88 @@ const T = y({
      */
     showSlotContentInMultiple: { type: Boolean, default: !1 }
   },
-  setup(n, { emit: e }) {
-    const t = n, o = D(), a = v(), p = A(a), r = k(null), c = B("textbox"), b = i(() => ({
-      [`b-dropdown-base-textbox--${u.DISABLED}`]: t.disabled,
-      [`b-dropdown-base-textbox--${u.READONLY}`]: t.readonly,
-      [`b-dropdown-base-textbox--${u.HAS_ITEMS}`]: !!t.additionalItemsSelected
-    })), f = i(() => ({
-      ["b-dropdown-base-textbox__input--dynamic-filtering"]: t.dynamicFiltering
-    })), _ = i(() => t.dynamicFiltering && !!t.value && t.open), x = i(
+  setup(n, { emit: t }) {
+    const e = n, o = O(), a = g(), p = P(a), r = N(null), c = L("textbox"), b = d(() => ({
+      [`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
+    })), f = d(() => ({
+      ["b-dropdown-base-textbox__input--dynamic-filtering"]: e.dynamicFiltering
+    })), _ = d(() => e.dynamicFiltering && !!e.value && e.open), x = d(
       () => {
-        var d;
+        var i;
         return {
           "aria-haspopup": "listbox",
-          "aria-controls": t.ariaControls,
-          "aria-describedby": (d = o["aria-describedby"]) == null ? void 0 : d.toString(),
-          "aria-expanded": t.ariaExpanded ? "true" : "false",
-          "aria-labelledby": t.ariaLabelledby,
-          "aria-label": t.ariaLabelledby ? null : t.ariaLabel,
-          "aria-invalid": t.isInvalid,
-          "aria-disabled": t.disabled ? !0 : null
+          "aria-controls": e.ariaControls,
+          "aria-describedby": (i = o["aria-describedby"]) == null ? void 0 : i.toString(),
+          "aria-expanded": e.ariaExpanded ? "true" : "false",
+          "aria-labelledby": e.ariaLabelledby,
+          "aria-label": e.ariaLabelledby ? null : e.ariaLabel,
+          "aria-invalid": e.isInvalid,
+          "aria-disabled": e.disabled ? !0 : null
         };
       }
-    ), l = i(() => t.dynamicFiltering && (t.open || t.alwaysComboboxIsInput));
-    O(
-      () => l.value,
+    ), l = d(
+      () => e.multiple ? e.selectedValueItem : []
+    ), m = d(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), I = d(() => e.selectedValueItem && !e.multiple), h = d(
+      () => e.multiple && e.selectedValueItem && l.value.length > 0 && e.showSlotContentInMultiple
+    );
+    B(
+      () => m.value,
       () => {
-        l.value && !t.alwaysComboboxIsInput && N(() => {
+        m.value && !e.alwaysComboboxIsInput && A(() => {
           r.value.focus();
         });
       }
     );
-    const w = () => {
-      !t.disabled && !t.readonly && (r.value.focus(), e(s.OPEN));
+    const v = () => {
+      !e.disabled && !e.readonly && (r.value.focus(), t(s.OPEN));
     }, C = () => {
-      t.open && (r.value.focus(), e(s.CLOSE));
-    }, I = (d) => t.open && d.target.tagName === "INPUT" ? null : t.open ? C() : w(), S = () => {
-      e(s.CLEAR), e(s.INPUT, ""), r.value.focus();
-    }, h = P((d) => {
-      !t.readonly && !t.disabled ? e(s.INPUT, d.target.value) : (d.preventDefault(), d.stopPropagation());
-    }, t.debounceTime), E = i(
-      () => t.multiple ? t.selectedValueItem : []
-    );
-    return { __sfc: !0, attrs: o, slots: a, hasSlot: p, props: t, emit: e, textbox: r, textboxId: c, conditionalClasses: b, comboboxConditionalClasses: f, isFiltering: _, ariaAttributes: x, shouldShowInput: l, onOpenDropdown: w, onCloseDropdown: C, onToggleDropdown: I, onClearSearch: S, onInputEvent: h, selectedValueItems: E, BentoTypography: L, DropdownBaseTextboxEvent: s, CrossCircleFillIcon: V };
+      e.open && (r.value.focus(), t(s.CLOSE));
+    }, E = (i) => e.open && i.target.tagName === "INPUT" ? null : e.open ? C() : v(), D = () => {
+      t(s.CLEAR), t(s.INPUT, ""), r.value.focus();
+    }, k = F((i) => {
+      !e.readonly && !e.disabled ? t(s.INPUT, i.target.value) : (i.preventDefault(), i.stopPropagation());
+    }, e.debounceTime);
+    return { __sfc: !0, attrs: o, slots: a, hasSlot: p, props: e, emit: t, textbox: r, textboxId: c, conditionalClasses: b, comboboxConditionalClasses: f, isFiltering: _, ariaAttributes: x, selectedValueItems: l, shouldShowInput: m, shouldShowSingleSelectSlot: I, shouldShowMultipleSlot: h, onOpenDropdown: v, onCloseDropdown: C, onToggleDropdown: E, onClearSearch: D, onInputEvent: k, BentoTypography: V, DropdownBaseTextboxEvent: s, CrossCircleFillIcon: R };
   }
 });
-var $ = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return t("div", { class: e.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: o.onToggleDropdown, keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "escape", void 0, a.key, void 0) ? null : o.onCloseDropdown.apply(null, arguments);
-  } } }, [t(o.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: o.conditionalClasses, attrs: { el: "div", "data-testid": "base-textbox" } }, [o.shouldShowInput ? t("input", e._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: o.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", disabled: e.disabled ? !0 : null, readonly: e.readonly }, domProps: { value: e.open ? e.value : e.displayValue }, on: { keydown: [function(a) {
-    return e.$emit(o.DropdownBaseTextboxEvent.KEYDOWN, a);
+var Y = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e("div", { class: t.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: o.onToggleDropdown, keydown: function(a) {
+    return !a.type.indexOf("key") && t._k(a.keyCode, "escape", void 0, a.key, void 0) ? null : o.onCloseDropdown.apply(null, arguments);
+  } } }, [e(o.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: o.conditionalClasses, attrs: { el: "div", "data-testid": "base-textbox" } }, [o.shouldShowInput ? e("input", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: o.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", disabled: t.disabled ? !0 : null, readonly: t.readonly }, domProps: { value: t.open ? t.value : t.displayValue }, on: { keydown: [function(a) {
+    return t.$emit(o.DropdownBaseTextboxEvent.KEYDOWN, a);
   }, function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : o.onToggleDropdown.apply(null, arguments);
-  }], input: o.onInputEvent } }, "input", o.ariaAttributes, !1)) : t("div", e._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: o.comboboxConditionalClasses, attrs: { id: o.textboxId, role: "combobox", tabindex: 0 } }, "div", o.ariaAttributes, !1), [e.selectedValueItem && !e.multiple ? e._t("default", function() {
-    return [e._v(" " + e._s(e.displayValue) + " ")];
-  }, null, e.selectedValueItem) : e.selectedValueItem && e.showSlotContentInMultiple ? [t("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, e._l(o.selectedValueItems, function(a) {
-    return t("div", { key: a.value }, [t("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [e._t("default", function() {
-      return [e._v(" " + e._s(e.displayValue) + " ")];
+    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : o.onToggleDropdown.apply(null, arguments);
+  }], input: o.onInputEvent } }, "input", o.ariaAttributes, !1)) : e("div", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: o.comboboxConditionalClasses, attrs: { id: o.textboxId, role: "combobox", tabindex: 0 } }, "div", o.ariaAttributes, !1), [o.shouldShowSingleSelectSlot ? t._t("default", function() {
+    return [t._v(" " + t._s(t.displayValue) + " ")];
+  }, null, t.selectedValueItem) : o.shouldShowMultipleSlot ? [e("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, t._l(o.selectedValueItems, function(a) {
+    return e("div", { key: a.value }, [e("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [t._t("default", function() {
+      return [t._v(" " + t._s(t.displayValue) + " ")];
     }, null, a)], 2)]);
-  }), 0)] : [e._v(e._s(e.displayValue))]], 2), e.additionalItemsSelected ? t("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [e._v(" " + e._s(e.additionalItemsSelected) + " ")]) : e._e(), o.hasSlot("icon") && !o.isFiltering ? t("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [e._t("icon")], 2) : e._e(), o.isFiltering ? t("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: "0", "data-testid": "clear-search-button" }, on: { click: function(a) {
+  }), 0)] : [t._v(t._s(t.displayValue))]], 2), t.additionalItemsSelected ? e("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [t._v(" " + t._s(t.additionalItemsSelected) + " ")]) : t._e(), o.hasSlot("icon") && !o.isFiltering ? e("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [t._t("icon")], 2) : t._e(), o.isFiltering ? e("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: "0", "data-testid": "clear-search-button" }, on: { click: function(a) {
     return a.stopPropagation(), o.onClearSearch.apply(null, arguments);
   }, keydown: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.stopPropagation(), o.onClearSearch.apply(null, arguments));
+    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.stopPropagation(), o.onClearSearch.apply(null, arguments));
   }, keyup: function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : o.onClearSearch.apply(null, arguments);
-  } } }, [t(o.CrossCircleFillIcon, { attrs: { "svg-title": "clearSearch" } })], 1) : e._e()])], 1);
-}, Y = [], M = /* @__PURE__ */ g(
-  U,
+    return !a.type.indexOf("key") && t._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : o.onClearSearch.apply(null, arguments);
+  } } }, [e(o.CrossCircleFillIcon, { attrs: { "svg-title": "clearSearch" } })], 1) : t._e()])], 1);
+}, q = [], K = /* @__PURE__ */ S(
   $,
   Y,
+  q,
   !1,
   null,
-  "dbc6aa66",
+  "a711d268",
   null,
   null
 );
-const q = M.exports, K = y({
+const H = K.exports, W = y({
   name: "dropdown-default-textbox",
   inheritAttrs: !1
-}), H = /* @__PURE__ */ y({
-  ...K,
+}), j = /* @__PURE__ */ y({
+  ...W,
   props: {
     /**
      * The number of additional items that have been selected in the dropdown.
@@ -264,23 +266,23 @@ const q = M.exports, K = y({
     multiple: { type: Boolean, default: !1 }
   },
   emits: ["clear", "close", "input", "keydown", "open"],
-  setup(n, { emit: e }) {
-    const t = n, o = v(), a = i(() => ({
-      [`b-dropdown-default-textbox--${u.ERROR}`]: !t.disabled && !t.readonly && t.isInvalid,
-      [`b-dropdown-default-textbox--${u.DISABLED}`]: t.disabled,
-      [`b-dropdown-default-textbox--${u.READONLY}`]: t.readonly,
-      [`b-dropdown-default-textbox--${u.OPENED}`]: t.open,
-      "b-dropdown-default-textbox--condensed": t.condensed
-    })), p = i(() => t.open && !t.disabled && !t.readonly), r = (l) => {
-      e("input", l);
+  setup(n, { emit: t }) {
+    const e = n, o = g(), a = d(() => ({
+      [`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,
+      "b-dropdown-default-textbox--condensed": e.condensed
+    })), p = d(() => e.open && !e.disabled && !e.readonly), r = (l) => {
+      t("input", l);
     }, c = (l) => {
-      e("keydown", l);
+      t("keydown", l);
     }, b = (l) => {
-      m(l), e("open");
+      w(l), t("open");
     }, f = (l) => {
-      m(l), e("close");
+      w(l), t("close");
     }, _ = (l) => {
-      m(l), e("clear");
+      w(l), t("clear");
     }, x = {
       [s.INPUT]: r,
       [s.OPEN]: b,
@@ -288,33 +290,33 @@ const q = M.exports, K = y({
       [s.CLEAR]: _,
       [s.KEYDOWN]: c
     };
-    return { __sfc: !0, emit: e, slots: o, props: t, conditionalClasses: a, isDropdownOpen: p, onInput: r, onKeyDown: c, openDropdown: b, closeDropdown: f, clearValue: _, listeners: x, DropdownBaseTextbox: q, ChevronDownIcon: F, ChevronUpIcon: R };
+    return { __sfc: !0, emit: t, slots: o, props: e, conditionalClasses: a, isDropdownOpen: p, onInput: r, onKeyDown: c, openDropdown: b, closeDropdown: f, clearValue: _, listeners: x, DropdownBaseTextbox: H, ChevronDownIcon: T, ChevronUpIcon: U };
   }
 });
-var W = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return t("div", { staticClass: "b-dropdown-default-textbox", class: o.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [t(o.DropdownBaseTextbox, e._g(e._b({ staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: e.value }, scopedSlots: e._u([e._l(o.slots, function(a, p) {
+var z = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e("div", { staticClass: "b-dropdown-default-textbox", class: o.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [e(o.DropdownBaseTextbox, t._g(t._b({ staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: t.value }, scopedSlots: t._u([t._l(o.slots, function(a, p) {
     return { key: p, fn: function(r) {
-      return [e._t(p, null, null, r)];
+      return [t._t(p, null, null, r)];
     } };
   }), { key: "icon", fn: function() {
-    return [t("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [t(o.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: o.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), t(o.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !o.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
-  }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...e.$attrs, ...e.$props }, !1), o.listeners))], 1);
-}, j = [], z = /* @__PURE__ */ g(
-  H,
-  W,
+    return [e("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [e(o.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: o.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), e(o.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !o.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
+  }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), o.listeners))], 1);
+}, G = [], J = /* @__PURE__ */ S(
   j,
+  z,
+  G,
   !1,
   null,
   "f2d8d922",
   null,
   null
 );
-const le = z.exports;
+const re = J.exports;
 export {
   u as D,
   s as a,
-  q as b,
-  le as c
+  H as b,
+  re as c
 };
-//# sourceMappingURL=dropdown-default-textbox.59803edd.js.map
+//# sourceMappingURL=dropdown-default-textbox.b4f19086.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-default-textbox.b4f19086.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, String] as PropType<number | string>, 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 = 'dropdown-base-open',\n    KEYDOWN = 'dropdown-base-keydown',\n    CLOSE = 'dropdown-base-close',\n    INPUT = 'dropdown-base-input',\n    CLEAR = 'dropdown-base-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=\"shouldShowInput\"\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                :class=\"comboboxConditionalClasses\"\n                role=\"combobox\"\n                :tabindex=\"0\"\n            >\n                <slot v-if=\"shouldShowSingleSelectSlot\" v-bind=\"selectedValueItem\">\n                    {{ displayValue }}\n                </slot>\n                <template v-else-if=\"shouldShowMultipleSlot\">\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            </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 setup lang=\"ts\">\n    import { computed, defineComponent, nextTick, PropType, ref, useAttrs, useSlots, watch } 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 { BentoListboxOptionItem, Booleanish } from '@/types';\n    import type { HTMLAttributes } from 'vue/types/jsx';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const props = defineProps({\n        /**\n         * The number of additional items that have been selected in the dropdown.\n         */\n        additionalItemsSelected: { type: [Number, String] as PropType<number | string>, default: 0 },\n\n        /**\n         * If the combobox DOM element should be an `input` element.\n         */\n        alwaysComboboxIsInput: {\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: { type: String, required: true },\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: { type: String, default: null },\n\n        /**\n         * Corresponds to the label's id that labels the textbox element.\n         */\n        ariaLabelledby: { type: String, default: null },\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: { 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         * If enabled, the user will be able to select multiple items.\n         */\n        multiple: { 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    const emit = defineEmits<{\n        /**\n         * Emitted when the \"clear\" button is clicked\n         */\n        (e: DropdownBaseTextboxEvent.CLEAR);\n\n        /**\n         * Emitted on click, space, enter and esc user events. It will close the dropdown.\n         */\n        (e: DropdownBaseTextboxEvent.CLOSE);\n\n        /**\n         * Emitted when `dynamicFiltering` is enabled and a search input is entered\n         */\n        (e: DropdownBaseTextboxEvent.INPUT, searchValue: string);\n\n        /**\n         * Emitted when any key is pressed and the focus is on the input field\n         */\n        (e: DropdownBaseTextboxEvent.KEYDOWN, event: KeyboardEvent);\n\n        /**\n         * Emitted on click, space and enter user events. It will open the dropdown.\n         */\n        (e: DropdownBaseTextboxEvent.OPEN);\n    }>();\n\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 comboboxConditionalClasses = computed(() => ({\n        [`b-dropdown-base-textbox__input--dynamic-filtering`]: props.dynamicFiltering,\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    // Cast selectedValueItem if it is an array of selected items\n    const selectedValueItems = computed(() =>\n        props.multiple ? (props.selectedValueItem as BentoListboxOptionItem[]) : []\n    );\n\n    const shouldShowInput = computed(() => props.dynamicFiltering && (props.open || props.alwaysComboboxIsInput));\n    const shouldShowSingleSelectSlot = computed(() => props.selectedValueItem && !props.multiple);\n    const shouldShowMultipleSlot = computed(\n        () =>\n            props.multiple &&\n            props.selectedValueItem &&\n            selectedValueItems.value.length > 0 &&\n            props.showSlotContentInMultiple\n    );\n\n    watch(\n        () => shouldShowInput.value,\n        () => {\n            if (shouldShowInput.value && !props.alwaysComboboxIsInput) {\n                nextTick(() => {\n                    textbox.value.focus();\n                });\n            }\n        }\n    );\n\n    const onOpenDropdown = () => {\n        if (!props.disabled && !props.readonly) {\n            textbox.value.focus();\n            emit(DropdownBaseTextboxEvent.OPEN);\n        }\n    };\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 = 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</script>\n\n<script lang=\"ts\">\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        inheritAttrs: false,\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\" setup>\n    import { computed, defineComponent, PropType, useSlots } 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    const emit = defineEmits<{\n        /**\n         * Emitted on clearing the input.\n         */\n        (e: 'clear');\n\n        /**\n         * Emitted on click, space and enter user events. It will open the dropdown.\n         */\n        (e: 'close');\n\n        /**\n         * Emitted on input event.\n         */\n        (e: 'input', newInput: string);\n\n        /**\n         * Emitted on keydown event.\n         */\n        (e: 'keydown', keydownEvent: KeyboardEvent);\n\n        /**\n         * Emitted on click, space, enter and esc user events. It will close the dropdown.\n         */\n        (e: 'open');\n    }>();\n\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * The number of additional items that have been selected in the dropdown.\n         */\n        additionalItemsSelected: { type: [Number, String] as PropType<number | string>, 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\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 = (newInput: string) => {\n        emit('input', newInput);\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n        emit('keydown', e);\n    };\n    const openDropdown = (e: Event) => {\n        stopEventPropagation(e);\n        emit('open');\n    };\n    const closeDropdown = (e: Event) => {\n        stopEventPropagation(e);\n        emit('close');\n    };\n    const clearValue = (e: Event) => {\n        stopEventPropagation(e);\n        emit('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</script>\n\n<script lang=\"ts\">\n    /**\n     * For internal use only, textbox component used in the dropdown component.\n     */\n    export default defineComponent({\n        name: 'dropdown-default-textbox',\n        inheritAttrs: false,\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./dropdown-default-textbox.scss\" />\n"],"names":["DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","__default__$1","defineComponent","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","textbox","ref","textboxId","generateUid","conditionalClasses","computed","props","comboboxConditionalClasses","isFiltering","ariaAttributes","_a","selectedValueItems","shouldShowInput","shouldShowSingleSelectSlot","shouldShowMultipleSlot","watch","nextTick","onOpenDropdown","emit","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","debounce","__default__","isDropdownOpen","onInput","newInput","onKeyDown","e","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners"],"mappings":"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"}

package/dist/chunks/{dropdown.0574f613.js → dropdown.9abc124c.js}

@@ -1,17 +1,17 @@
 import { ref as y, watch as ne, computed as c, defineComponent as I, useSlots as le, toRefs as se, nextTick as E, useAttrs as be, toRef as O, inject as ye } from "vue";
-import { d as X, B as ge } from "./index.de687404.js";
-import { D as P, a as V, b as xe, c as we } from "./dropdown-default-textbox.59803edd.js";
-import { n as A } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { d as X, B as ge } from "./index.2f00afab.js";
 import { g as T } from "./unique-id.a2a2b458.js";
-import { u as he } from "./aria-label.ac9651a5.js";
+import { u as xe } from "./aria-label.ac9651a5.js";
 import { u as W } from "./i18n.eb5b985b.js";
-import { u as Se } from "./use-form-layout-loading.d03e5d48.js";
-import { u as Le } from "./use-has-slot.fbeb19ec.js";
-import { b as u, a as K, B as z, u as Ce } from "./listbox.a8180c4a.js";
+import { u as we } from "./use-form-layout-loading.d03e5d48.js";
+import { u as he } from "./use-has-slot.fbeb19ec.js";
+import { D as P, a as V, b as Se, c as Le } from "./dropdown-default-textbox.b4f19086.js";
+import { n as A } from "./_plugin-vue2_normalizer.71e2aa87.js";
+import { b as u, a as K, B as z, u as Ce } from "./listbox.a142458a.js";
 import { B as $, a as Oe } from "./keyboard-navigation.ca47dfa8.js";
-import { a as ee } from "./index.dc985e76.js";
-import { a as $e } from "./index.932c230b.js";
-import { E as Ee, F as De } from "./error-message.75666843.js";
+import { a as ee } from "./index.a2095588.js";
+import { a as $e } from "./index.de9a552e.js";
+import { E as Ee, F as De } from "./error-message.3d436de3.js";
 import { B as Ie } from "./directive.0408e565.js";
 import "../assets/dropdown.css";
 var L = /* @__PURE__ */ ((n) => (n.DEFAULT = "DropdownInputDefault", n.SMALL = "DropdownInputSmall", n))(L || {});
@@ -366,7 +366,7 @@ const Ye = Je.exports, Ze = I({
       [V.OPEN]: s,
       [V.CLOSE]: a
     };
-    return { __sfc: !0, emit: e, props: o, conditionalClasses: t, isDropdownOpen: l, openDropdown: s, closeDropdown: a, listeners: i, DropdownBaseTextbox: xe, ChevronDownSmallIcon: Ue, ChevronUpSmallIcon: Ye };
+    return { __sfc: !0, emit: e, props: o, conditionalClasses: t, isDropdownOpen: l, openDropdown: s, closeDropdown: a, listeners: i, DropdownBaseTextbox: Se, ChevronDownSmallIcon: Ue, ChevronUpSmallIcon: Ye };
   }
 });
 var Qe = function() {
@@ -514,7 +514,7 @@ const rt = {
   i18n: { messages: rt },
   name: "b-dropdown",
   components: {
-    DropdownInputDefault: we,
+    DropdownInputDefault: Le,
     DropdownInputSmall: et
   }
 }), ct = /* @__PURE__ */ I({
@@ -677,7 +677,7 @@ const rt = {
   emits: ["input", "show-more"],
   setup(n, { emit: e }) {
     var Q;
-    const o = n, t = be(), l = le(), s = Le(l), { t: a } = W(), i = y(null), d = y(null), f = y(null), v = y(!1), b = T("bento-dropdown-options-container"), C = T("dropdown-label"), g = T("dropdown-description"), w = T("dropdown-error"), { isReadOnly: x } = Se(O(o, "readonly")), h = y(t["aria-label"]), { ariaLabel: S } = se(o), r = he({
+    const o = n, t = be(), l = le(), s = he(l), { t: a } = W(), i = y(null), d = y(null), f = y(null), v = y(!1), b = T("bento-dropdown-options-container"), C = T("dropdown-label"), g = T("dropdown-description"), w = T("dropdown-error"), { isReadOnly: x } = we(O(o, "readonly")), h = y(t["aria-label"]), { ariaLabel: S } = se(o), r = xe({
       ariaLabel: h.value,
       // TODO: take this line away when the aria-label props is removed
       label: S,
@@ -795,4 +795,4 @@ export {
   L as a,
   it as u
 };
-//# sourceMappingURL=dropdown.0574f613.js.map
+//# sourceMappingURL=dropdown.9abc124c.js.map