@adyen/bento-vue2 1.89.2 → 1.91.0

package/dist/chunks/dropdown-default-textbox.Dvzg0StF.js

@@ -1,337 +0,0 @@
-import { defineComponent as w, useAttrs as R, useSlots as E, ref as k, computed as r, watch as V, nextTick as D } from "vue";
-import { g as T } from "./generate-uid.NJ8tVoha.js";
-import { u as q } from "./index.B6WW_F-J.js";
-import { u as U } from "./use-has-slot.C9lQZ6nz.js";
-import { B as M } from "./typography.C8lPlsbD.js";
-import { C as $ } from "./cross-circle-fill.DTDtgLMf.js";
-import { C as Y } from "./cross-circle-fill-small.DfxDedRr.js";
-import { n as O } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { s as v } from "./events.BQOQSSb7.js";
-import { C as z } from "./chevron-down.eYtgv5ly.js";
-import { C as K } from "./chevron-up.d8cwIlA_.js";
-import "../assets/dropdown-default-textbox.css";
-var L = /* @__PURE__ */ ((l) => (l.DEFAULT = "DropdownInputDefault", l.SMALL = "DropdownInputSmall", l))(L || {}), p = /* @__PURE__ */ ((l) => (l.DISABLED = "disabled", l.READONLY = "readonly", l.HAS_ITEMS = "has-items", l.OPENED = "opened", l.ERROR = "error", l))(p || {}), s = /* @__PURE__ */ ((l) => (l.OPEN = "dropdown-base-open", l.KEYDOWN = "dropdown-base-keydown", l.CLOSE = "dropdown-base-close", l.INPUT = "dropdown-base-input", l.CLEAR = "dropdown-base-clear", l))(s || {});
-const j = {
-  "en-US": { clearSearch: "Clear search" },
-  "ja-JP": { clearSearch: "検索をクリア" },
-  "pt-BR": { clearSearch: "Limpar busca" }
-}, H = w({
-  i18n: { messages: j },
-  name: "dropdown-base-textbox",
-  inheritAttrs: !1
-}), W = /* @__PURE__ */ w({
-  ...H,
-  props: {
-    /**
-     * The number of additional items that have been selected in the dropdown.
-     */
-    additionalItemsSelected: { type: [Number, String], default: 0 },
-    /**
-     * If the combobox DOM element should be an `input` element.
-     */
-    alwaysComboboxIsInput: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.
-     */
-    ariaControls: { type: String, required: !0 },
-    /**
-     * 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.
-     */
-    ariaExpanded: {
-      type: [String, Boolean],
-      required: !0
-    },
-    /**
-     * If no label element is used then the aria-label is be set should be set.
-     */
-    ariaLabel: { type: String, default: null },
-    /**
-     * Corresponds to the label's id that labels the textbox element.
-     */
-    ariaLabelledby: { type: String, default: null },
-    /**
-     * Disables any textbox functionality
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Selected option's label
-     */
-    displayValue: { type: String, default: null },
-    /**
-     * Sets the possibility to type into the textbox.
-     */
-    dynamicFiltering: { type: Boolean, default: !1 },
-    /**
-     * Marks the textbox as invalid, rendering an error state
-     */
-    isInvalid: { type: Boolean, default: !1 },
-    /*
-     * If enabled, the user will be able to select multiple items.
-     */
-    multiple: { type: Boolean, default: !1 },
-    /**
-     * Indicates if the dropdown is open so that
-     * the respective event can be emitted
-     */
-    open: { type: Boolean, default: !1 },
-    /**
-     * Sets the dropdown to readonly state
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * The input value
-     */
-    value: { type: String, default: "" },
-    /**
-     * The selected value's list box item.
-     */
-    selectedValueItem: {
-      type: [Object, Array],
-      default: void 0
-    },
-    /**
-     * Toggles whether to use the slot content select items shown in the textbox in multiple mode.
-     */
-    showSlotContentInMultiple: { type: Boolean, default: !1 },
-    /**
-     * Dropdown size
-     */
-    size: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [],
-  setup(l, { expose: t, emit: a }) {
-    const e = l, { t: o } = q(), d = R(), c = E(), C = U(c), i = k(null), b = T("textbox"), f = r(() => ({
-      [`b-dropdown-base-textbox--${p.DISABLED}`]: e.disabled,
-      [`b-dropdown-base-textbox--${p.READONLY}`]: e.readonly,
-      [`b-dropdown-base-textbox--${p.HAS_ITEMS}`]: !!e.additionalItemsSelected
-    })), y = r(
-      () => m.value && d["aria-required"] ? "true" : null
-    ), _ = r(() => ({
-      "b-dropdown-base-textbox__input--dynamic-filtering": e.dynamicFiltering
-    })), S = r(() => e.dynamicFiltering && !!e.value && e.open), x = r(
-      () => {
-        var u;
-        return {
-          "aria-haspopup": "listbox",
-          "aria-controls": e.ariaControls,
-          "aria-describedby": (u = d["aria-describedby"]) == null ? void 0 : u.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,
-          "aria-required": d["aria-required"]
-        };
-      }
-    ), n = r(
-      () => e.multiple ? e.selectedValueItem : []
-    ), m = r(() => e.dynamicFiltering && (e.open || e.alwaysComboboxIsInput)), A = r(() => e.selectedValueItem && !e.multiple), B = r(
-      () => e.multiple && e.selectedValueItem && n.value.length > 0 && e.showSlotContentInMultiple
-    );
-    V(
-      () => m.value,
-      () => {
-        m.value && !e.alwaysComboboxIsInput && D(() => {
-          i.value.focus();
-        });
-      }
-    );
-    const I = async () => {
-      !e.disabled && !e.readonly && (a(s.OPEN), await D(), i.value.focus());
-    }, g = () => {
-      e.open && (i.value.focus(), a(s.CLOSE));
-    }, N = (u) => e.open && u.target.tagName === "INPUT" ? null : e.open ? g() : I(), P = () => {
-      a(s.CLEAR), a(s.INPUT, ""), i.value.focus();
-    }, F = (u) => {
-      !e.readonly && !e.disabled ? a(s.INPUT, u.target.value) : (u.preventDefault(), u.stopPropagation());
-    }, h = () => {
-      i.value.focus();
-    };
-    return t({
-      focus: h
-    }), { __sfc: !0, t: o, attrs: d, slots: c, hasSlot: C, props: e, emit: a, textbox: i, textboxId: b, conditionalClasses: f, showRequiredAttribute: y, comboboxConditionalClasses: _, isFiltering: S, ariaAttributes: x, selectedValueItems: n, shouldShowInput: m, shouldShowSingleSelectSlot: A, shouldShowMultipleSlot: B, onOpenDropdown: I, onCloseDropdown: g, onToggleDropdown: N, onClearSearch: P, onInputEvent: F, focus: h, BentoTypography: M, DropdownBaseTextboxEvent: s, CrossCircleFillIcon: $, CrossCircleFillSmallIcon: Y, BentoDropdownSize: L };
-  }
-});
-var J = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { class: t.$attrs.class, attrs: { "data-testid": "textbox-wrapper" }, on: { click: e.onToggleDropdown, keydown: function(o) {
-    return !o.type.indexOf("key") && t._k(o.keyCode, "escape", void 0, o.key, void 0) ? null : e.onCloseDropdown.apply(null, arguments);
-  } } }, [a(e.BentoTypography, { staticClass: "b-dropdown-base-textbox", class: e.conditionalClasses, attrs: { el: "div", "data-testid": "base-textbox" } }, [e.shouldShowInput ? a("input", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", attrs: { id: e.textboxId, role: "combobox", type: "text", "aria-autocomplete": "list", size: "1", disabled: t.disabled ? !0 : null, readonly: t.readonly, required: e.showRequiredAttribute }, domProps: { value: t.open ? t.value : t.displayValue }, on: { keydown: [function(o) {
-    return t.$emit(e.DropdownBaseTextboxEvent.KEYDOWN, o);
-  }, function(o) {
-    return !o.type.indexOf("key") && t._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.onToggleDropdown.apply(null, arguments);
-  }], input: e.onInputEvent } }, "input", e.ariaAttributes, !1)) : a("div", t._b({ ref: "textbox", staticClass: "b-dropdown-base-textbox__input", class: e.comboboxConditionalClasses, attrs: { id: e.textboxId, "aria-readonly": t.readonly ? "true" : null, role: "combobox", tabindex: t.disabled ? -1 : 0 } }, "div", e.ariaAttributes, !1), [e.shouldShowSingleSelectSlot ? [e.hasSlot("display-value") ? t._t("display-value", null, null, t.selectedValueItem) : t._t("default", function() {
-    return [t._v(" " + t._s(t.displayValue) + " ")];
-  }, null, t.selectedValueItem)] : e.shouldShowMultipleSlot ? [a("div", { staticClass: "b-dropdown-base-textbox__input-multiple-selected" }, t._l(e.selectedValueItems, function(o) {
-    return a("div", { key: o.value }, [a("div", { staticClass: "b-dropdown-base-textbox__input-selected-element" }, [t._t("default", function() {
-      return [t._v(" " + t._s(t.displayValue) + " ")];
-    }, null, o)], 2)]);
-  }), 0)] : [t._v(t._s(t.displayValue))]], 2), t.additionalItemsSelected ? a("span", { staticClass: "b-dropdown-base-textbox__additional-items" }, [t._v(" " + t._s(t.additionalItemsSelected) + " ")]) : t._e(), e.hasSlot("icon") && !e.isFiltering ? a("span", { staticClass: "b-dropdown-base-textbox__icon", attrs: { "aria-hidden": "true" } }, [t._t("icon")], 2) : t._e(), e.isFiltering ? a("span", { staticClass: "b-dropdown-base-textbox__clear-search", attrs: { tabindex: t.disabled ? -1 : 0, "data-testid": "clear-search-button" }, on: { click: function(o) {
-    return o.stopPropagation(), e.onClearSearch.apply(null, arguments);
-  }, keydown: function(o) {
-    return !o.type.indexOf("key") && t._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.stopPropagation(), e.onClearSearch.apply(null, arguments));
-  }, keyup: function(o) {
-    return !o.type.indexOf("key") && t._k(o.keyCode, "space", 32, o.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
-  } } }, [t.size === e.BentoDropdownSize.SMALL ? a(e.CrossCircleFillSmallIcon, { attrs: { "svg-title": e.t("clearSearch") } }) : a(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1) : t._e()])], 1);
-}, G = [], Q = /* @__PURE__ */ O(
-  W,
-  J,
-  G,
-  !1,
-  null,
-  "36875648"
-);
-const X = Q.exports, Z = w({
-  name: "dropdown-default-textbox",
-  inheritAttrs: !1
-}), ee = /* @__PURE__ */ w({
-  ...Z,
-  props: {
-    /**
-     * The number of additional items that have been selected in the dropdown.
-     */
-    additionalItemsSelected: { type: [Number, String], default: 0 },
-    /**
-     * Sets the aria-controls attribute on the textbox. This should correspond to the popover's id that the textbox triggers.
-     */
-    ariaControls: {
-      type: String,
-      required: !0
-    },
-    /**
-     * 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.
-     */
-    ariaExpanded: {
-      type: [String, Boolean],
-      required: !0
-    },
-    /**
-     * If no label element is used then the aria-label is be set should be set.
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * Corresponds to the label's id that labels the textbox element.
-     */
-    ariaLabelledby: {
-      type: String,
-      default: null
-    },
-    /**
-     * Renders the dropdown with a condensed style.
-     */
-    condensed: { type: Boolean, default: !1 },
-    /**
-     * Disables any textbox functionality
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Selected option's label
-     */
-    displayValue: { type: String, default: null },
-    /**
-     * Sets the possibility to type into the textbox
-     */
-    dynamicFiltering: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Marks the textbox as invalid, rendering an error state
-     */
-    isInvalid: { type: Boolean, default: !1 },
-    /**
-     * Indicates if the dropdown is open so that
-     * the respective event can be emitted
-     */
-    open: { type: Boolean, default: !1 },
-    /**
-     * Sets the dropdown to readonly state
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * The selected value's list box item.
-     */
-    selectedValueItem: {
-      type: [Object, Array],
-      default: void 0
-    },
-    /**
-     * Toggles whether to use the slot content select items shown in the textbox in multiple mode.
-     */
-    showSlotContentInMultiple: { type: Boolean, default: !1 },
-    /**
-     * The input value
-     */
-    value: { type: String, default: "" },
-    /*
-     * If enabled, the user will be able to select multiple items.
-     */
-    multiple: { type: Boolean, default: !1 }
-  },
-  emits: ["clear", "close", "input", "keydown", "open"],
-  setup(l, { expose: t, emit: a }) {
-    const e = l, o = E(), d = k(null), c = r(() => ({
-      [`b-dropdown-default-textbox--${p.ERROR}`]: !e.disabled && !e.readonly && e.isInvalid,
-      [`b-dropdown-default-textbox--${p.DISABLED}`]: e.disabled,
-      [`b-dropdown-default-textbox--${p.READONLY}`]: e.readonly,
-      [`b-dropdown-default-textbox--${p.OPENED}`]: e.open,
-      "b-dropdown-default-textbox--condensed": e.condensed
-    })), C = r(() => e.open && !e.disabled && !e.readonly), i = (n) => {
-      a("input", n);
-    }, b = (n) => {
-      a("keydown", n);
-    }, f = (n) => {
-      v(n), a("open");
-    }, y = (n) => {
-      v(n), a("close");
-    }, _ = (n) => {
-      v(n), a("clear");
-    }, S = {
-      [s.INPUT]: i,
-      [s.OPEN]: f,
-      [s.CLOSE]: y,
-      [s.CLEAR]: _,
-      [s.KEYDOWN]: b
-    }, x = () => {
-      d.value.focus();
-    };
-    return t({
-      focus: x
-    }), { __sfc: !0, emit: a, slots: o, props: e, baseTextbox: d, conditionalClasses: c, isDropdownOpen: C, onInput: i, onKeyDown: b, openDropdown: f, closeDropdown: y, clearValue: _, listeners: S, focus: x, DropdownBaseTextbox: X, ChevronDownIcon: z, ChevronUpIcon: K };
-  }
-});
-var te = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a("div", { staticClass: "b-dropdown-default-textbox", class: e.conditionalClasses, attrs: { "data-testid": "default-textbox" } }, [a(e.DropdownBaseTextbox, t._g(t._b({ ref: "baseTextbox", staticClass: "b-dropdown-default-textbox__textbox", attrs: { value: t.value }, scopedSlots: t._u([t._l(e.slots, function(o, d) {
-    return { key: d, fn: function(c) {
-      return [t._t(d, null, null, c ?? {})];
-    } };
-  }), { key: "icon", fn: function() {
-    return [a("div", { staticClass: "b-dropdown-default-textbox__chevron" }, [a(e.ChevronUpIcon, { directives: [{ name: "show", rawName: "v-show", value: e.isDropdownOpen, expression: "isDropdownOpen" }], attrs: { "svg-title": "opened" } }), a(e.ChevronDownIcon, { directives: [{ name: "show", rawName: "v-show", value: !e.isDropdownOpen, expression: "!isDropdownOpen" }], attrs: { "svg-title": "closed" } })], 1)];
-  }, proxy: !0 }], null, !0) }, "dropdown-base-textbox", { ...t.$attrs, ...t.$props }, !1), e.listeners))], 1);
-}, ae = [], oe = /* @__PURE__ */ O(
-  ee,
-  te,
-  ae,
-  !1,
-  null,
-  "bf2d43b0"
-);
-const _e = oe.exports;
-export {
-  L as B,
-  _e as D,
-  p as a,
-  s as b,
-  X as c
-};
-//# sourceMappingURL=dropdown-default-textbox.Dvzg0StF.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-default-textbox.Dvzg0StF.js","sources":["../../src/components/dropdown/dropdown.types.ts","../../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 type {\n    BentoListboxEmptyStateProps as BentoDropdownEmptyStateProps,\n    BentoListboxSearchOptions as BentoDropdownSearchOptions,\n    BentoListboxVirtulisationOptions as BentoDropdownVirtulisationOptions,\n    BentoListboxIsOptionDisabled,\n    BentoListboxLazyLoadType,\n    BentoListboxOptions,\n    BentoListboxSelectedValue,\n} from '../../types/listbox';\nimport { type FormField } from '../../types/form-field';\nexport type { BentoDropdownSearchOptions, BentoDropdownEmptyStateProps, BentoDropdownVirtulisationOptions };\nexport interface BentoDropdownProps extends FormField {\n    /**\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     * Defines a string value that labels an interactive element.\n     */\n    ariaLabel?: string;\n    /**\n     * Renders the dropdown with a condensed style.\n     */\n    condensed?: boolean;\n    /**\n     * Empty state props used with the inner empty state component which is displayed when no search results are found.\n     */\n    emptyState?: BentoDropdownEmptyStateProps;\n    /**\n     * Sets the possibility to type into the textbox.\n     */\n    dynamicFiltering?: boolean;\n    /**\n     * Highlights the dropdown in an erroneous state.\n     * @deprecated Use \"errorMessage\" prop instead\n     */\n    error?: boolean;\n    /**\n     * Indicates whether there are more items to load\n     */\n    hasMoreItems?: boolean;\n    /**\n     * Function that dertermines which options are disabled from interaction.\n     * @type {BentoListboxIsOptionDisabled}\n     * @param {BentoListboxOptionItem} option - Dropdown option object\n     * @param {string} option.label - Option's label text\n     * @param {string|number} option.value - Option's value\n     * @param {unknown} option.data - Option's extra data to be passed to the default slot\n     */\n    isOptionDisabled?: BentoListboxIsOptionDisabled;\n    /**\n     * The option elements to populate the dropdown with.\n     * It must be an array of {@see BentoListboxOptionItem }\n     *  @property value.label - Text to be displayed in the option\n     *  @property value.value - Value of the option\n     */\n    items?: BentoListboxOptions;\n    /**\n     * Indicates if new options are lazy loading.\n     */\n    loading?: boolean;\n    /**\n     * Indicates that dropdown items are loading\n     */\n    componentLoading?: boolean;\n    /**\n     * The type of `Lazy Load`.\n     * Type \"automatic\" will enable infinite scrolling\n     * Type \"button\" will enable lazy loading with \"Show more\" button\n     */\n    lazyLoadType?: BentoListboxLazyLoadType | `${BentoListboxLazyLoadType}`;\n    /**\n     * If enabled, the user will be able to select multiple items.\n     */\n    multiple?: boolean;\n    /**\n     * Dropdown search options and events.\n     * @see BentoDropdownSearchOptions\n     */\n    search?: BentoDropdownSearchOptions;\n    /**\n     * Toggles whether to use the slot content select items shown in the textbox in multiple mode.\n     */\n    showSlotContentInMultiple?: boolean;\n    /**\n     * @deprecated Do not use. Only 'default' size should be used.\n     */\n    size?: BentoDropdownSize | `${BentoDropdownSize}`;\n    /**\n     * If enabled, dropdown will display non-selectable, static categories\n     */\n    staticCategories?: boolean;\n    /**\n     * The `input` value.\n     * Providing an empty string will select no options.\n     * Set to an empty string `''` if you don't want any of the available options to be selected.\n     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.\n     */\n    value?: BentoListboxSelectedValue;\n    /**\n     * The `input` value.\n     * Providing an empty string will select no options.\n     * Set to an empty string `''` if you don't want any of the available options to be selected.\n     */\n    modelValue?: BentoListboxSelectedValue;\n    /**\n     * Enables virtual scrolling if set to true or by providing an object with itemHeight function.\n     * The itemHeight function is used to calculate the height of rendered item given it's index.\n     */\n    virtualScroll?: BentoDropdownVirtulisationOptions;\n    /**\n     * Enables value/label value handling. When `true`, the component expects and emits value/label\n     * pair objects instead of primitive values.\n     *\n     * This affects both the `value` prop and the `input` event payload.\n     *\n     * - **Input (`value` prop):** Expects a `{ value: string | number, label: string }` object (or an array of them for multi-select).\n     * - **Output (`input` event):** Emits a `{ value: string | number, label: string }` object (or an array of them) upon selection.\n     *\n     * This is particularly useful when a selected item's label is not available in the `items` prop,\n     * allowing the component to display the correct label for values loaded from external sources.\n     * @default false\n     */\n    enableValueLabelPair?: boolean;\n}\n\n/**\n * @deprecated Do not use. Only 'default' size should be used.\n */\nexport enum BentoDropdownSize {\n    DEFAULT = 'DropdownInputDefault',\n    SMALL = 'DropdownInputSmall',\n}\n\nexport {\n    /**\n     * @deprecated since version 2.0. Use the string literal instead.\n     */\n    BentoListboxLazyLoadType as BentoDropdownLazyLoadType,\n    BentoListboxEvent as BentoDropdownEvent,\n} from '@/types/listbox';\n","import { type PropType } from 'vue';\nimport { type Booleanish } from '@/types/prop-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                size=\"1\"\n                :value=\"open ? value : displayValue\"\n                :disabled=\"disabled ? true : null\"\n                :readonly=\"readonly\"\n                :required=\"showRequiredAttribute\"\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                :aria-readonly=\"readonly ? 'true' : null\"\n                role=\"combobox\"\n                :tabindex=\"disabled ? -1 : 0\"\n            >\n                <template v-if=\"shouldShowSingleSelectSlot\">\n                    <slot v-if=\"hasSlot('display-value')\" v-bind=\"selectedValueItem\" name=\"display-value\"></slot>\n                    <slot v-else v-bind=\"selectedValueItem\">\n                        {{ displayValue }}\n                    </slot>\n                </template>\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=\"disabled ? -1 : 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-small-icon v-if=\"size === BentoDropdownSize.SMALL\" :svg-title=\"t('clearSearch')\" />\n                <cross-circle-fill-icon v-else :svg-title=\"t('clearSearch')\" />\n            </span>\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, nextTick, type PropType, ref, useAttrs, useSlots, watch } from 'vue';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useHasSlot } from '@/composables';\n    import { BentoTypography } from '@/components/typography';\n    import { type Booleanish } from '@/types/prop-types';\n    import { type BentoListboxOptionItem } from '@/types/listbox';\n    import type { HTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { DropdownBaseTextboxEvent, DropdownBaseTextboxState } from './dropdown-base-textbox.types';\n    import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n    import CrossCircleFillSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill-small';\n    import { BentoDropdownSize } from '@/components/dropdown/dropdown.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\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         * 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 | Array<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         * Dropdown size\n         */\n        size: {\n            type: String as PropType<BentoDropdownSize | `${BentoDropdownSize}`>,\n            default: null,\n        },\n    });\n\n    const emit = defineEmits([]);\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 showRequiredAttribute = computed(() =>\n        shouldShowInput.value && attrs['aria-required'] ? ('true' as Booleanish) : null\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                'aria-required': attrs['aria-required'] as Booleanish,\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 Array<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 = async () => {\n        if (!props.disabled && !props.readonly) {\n            emit(DropdownBaseTextboxEvent.OPEN);\n            // wait for popover to open before setting focus\n            await nextTick();\n            textbox.value.focus();\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 = (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    };\n\n    const focus = () => {\n        textbox.value.focus();\n    };\n\n    defineExpose({\n        focus,\n    });\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        i18n: { messages },\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            ref=\"baseTextbox\"\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, type PropType, ref, useSlots } from 'vue';\n    import DropdownBaseTextbox from '@/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue';\n    import { type Booleanish } from '@/types/prop-types';\n    import { type BentoListboxOptionItem } from '@/types/listbox';\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([\"clear\", \"close\", \"input\", \"keydown\", \"open\"]);\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         * 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 | Array<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 baseTextbox = ref(null);\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\n    const focus = () => {\n        baseTextbox.value.focus();\n    };\n\n    defineExpose({\n        focus,\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":["BentoDropdownSize","BentoDropdownSize2","DropdownBaseTextboxState","DropdownBaseTextboxState2","DropdownBaseTextboxEvent","DropdownBaseTextboxEvent2","__default__$1","defineComponent","messages","t","useI18n","attrs","useAttrs","slots","useSlots","hasSlot","useHasSlot","textbox","ref","textboxId","generateUid","conditionalClasses","computed","props","showRequiredAttribute","shouldShowInput","comboboxConditionalClasses","isFiltering","ariaAttributes","_a","selectedValueItems","shouldShowSingleSelectSlot","shouldShowMultipleSlot","watch","nextTick","onOpenDropdown","emit","onCloseDropdown","onToggleDropdown","event","onClearSearch","onInputEvent","focus","expose","__default__","baseTextbox","isDropdownOpen","onInput","newInput","onKeyDown","e","openDropdown","stopEventPropagation","closeDropdown","clearValue","listeners"],"mappings":"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"}