@adyen/bento-vue2 1.1.1 → 1.2.0

package/dist/chunks/{listbox.4ea4114c.js → listbox.f51e92cd.js}

@@ -1,13 +1,13 @@
-import { computed as c, defineComponent as R, ref as h, onMounted as _e, toRef as be, watch as me } from "vue";
-import { B as P, a as $ } from "./index.2066e16f.js";
+import { computed as c, defineComponent as k, ref as h, onMounted as _e, toRef as be, watch as me } from "vue";
+import { B as P, a as $ } from "./index.175f9e2d.js";
 import { BentoLoadingIndicator as ve } from "../loading-indicator.js";
-import { a as fe } from "./button.34695c2c.js";
+import { a as fe } from "./button.c27a7ce2.js";
 import { u as F } from "./i18n.155748d6.js";
 import { B as T, a as U, d as ge } from "./debounce.f8d92e44.js";
 import { n as I } from "./_plugin-vue2_normalizer.71e2aa87.js";
-import { B as Y } from "./checkbox.5d8f5768.js";
+import { B as Y } from "./checkbox.c06daf12.js";
 import { C as pe, a as Ee } from "./chevron-down.b851a6da.js";
-import { B as ye, a as V } from "./loading-button.3fa1b7a8.js";
+import { B as ye, a as V } from "./loading-button.6d34f66f.js";
 import "../assets/listbox.css";
 const W = (t, e, l, s) => {
   const n = c(
@@ -27,8 +27,8 @@ const W = (t, e, l, s) => {
     }
   };
 };
-var o = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.SHOW_MORE = "show-more", t.ESCAPE = "escape-pressed", t.CLICK = "click", t.ENTER = "enter-pressed", t.SPACE = "space-pressed", t.TAB = "tab-pressed", t.CLOSE_DROPDOWN = "close-dropdown", t))(o || {}), k = /* @__PURE__ */ ((t) => (t.AUTOMATIC = "automatic", t.BUTTON = "button", t.NONE = "none", t))(k || {});
-const xe = R({
+var o = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.SHOW_MORE = "show-more", t.ESCAPE = "escape-pressed", t.CLICK = "click", t.ENTER = "enter-pressed", t.SPACE = "space-pressed", t.TAB = "tab-pressed", t.CLOSE_DROPDOWN = "close-dropdown", t))(o || {}), R = /* @__PURE__ */ ((t) => (t.AUTOMATIC = "automatic", t.BUTTON = "button", t.NONE = "none", t))(R || {});
+const xe = k({
   name: "bento-listbox-option",
   props: {
     /**
@@ -101,7 +101,7 @@ var Ae = function() {
   null,
   null
 );
-const Be = Oe.exports, Ie = R({
+const Be = Oe.exports, Ie = k({
   name: "bento-listbox-single-select-option",
   components: {
     BentoListboxOption: w,
@@ -216,7 +216,7 @@ const De = Ne.exports, q = ({ items: t, isOptionDisabled: e }, l) => {
     moveToNextElement: _,
     moveToPreviousElement: y
   };
-}, Pe = R({
+}, Pe = k({
   name: "bento-listbox-single-select",
   components: {
     BentoListboxSingleSelectOption: De
@@ -319,7 +319,7 @@ const Fe = {
     categoryClosed: "{category} closed",
     categoryOpened: "{category} opened"
   }
-}, Ue = R({
+}, Ue = k({
   i18n: { messages: Fe },
   name: "bento-listbox-multi-select-category",
   components: {
@@ -437,7 +437,7 @@ var Ye = function() {
 );
 const Ke = He.exports;
 var B = /* @__PURE__ */ ((t) => (t.SELECT_CATEGORY = "select-category", t.TOGGLE_CHECKBOX_SELECTION = "toggle-checkbox-selection", t.UNSELECT_CATEGORY = "unselect-category", t))(B || {});
-const We = R({
+const We = k({
   name: "listbox-multi-select-options",
   components: {
     BentoCheckbox: Y,
@@ -545,7 +545,7 @@ var qe = function() {
       return [l("span", { staticClass: "b-listbox-multi-select__option-text" }, [l("bento-typography", { attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(e._s(s.label))]), e.shouldShowDescription(s) ? l("bento-typography", { staticClass: "b-listbox-multi-select__option-description", attrs: { el: e.BentoTypographyElement.SPAN } }, [e._v(" " + e._s(s.description) + " ")]) : e._e()], 1)];
     }, null, s)], 2)]], 2);
   }), 0);
-}, ze = [], Xe = /* @__PURE__ */ I(
+}, ze = [], je = /* @__PURE__ */ I(
   We,
   qe,
   ze,
@@ -555,20 +555,20 @@ var qe = function() {
   null,
   null
 );
-const je = Xe.exports, Ze = {
+const Xe = je.exports, Ze = {
   "en-US": {
     allSelected: "All selected ({total})",
     numberOfTotalSelected: "{number} of {total} selected",
     selectAll: "Select all ({total})"
   }
-}, Je = R({
+}, Je = k({
   i18n: { messages: Ze },
   name: "bento-listbox-multi-select",
   components: {
     BentoCheckbox: Y,
     BentoListboxOption: w,
     BentoTypography: P,
-    ListboxMultiSelectOptions: je
+    ListboxMultiSelectOptions: Xe
   },
   directives: { BentoKeyboardNavigationDirective: U },
   props: {
@@ -665,12 +665,12 @@ const je = Xe.exports, Ze = {
       L(_.value);
     }, C = () => {
       f(_.value);
-    }, { isAllSelected: E, isIndeterminate: N, toggleSelectAll: X } = W(
+    }, { isAllSelected: E, isIndeterminate: N, toggleSelectAll: j } = W(
       x,
       p,
       S,
       C
-    ), j = (i) => {
+    ), X = (i) => {
       L(i.items);
     }, Z = (i) => {
       f(i.items);
@@ -742,9 +742,9 @@ const je = Xe.exports, Ze = {
       BentoTypographyElement: $,
       BentoListboxEvent: o,
       // Methods
-      selectAllCategory: j,
+      selectAllCategory: X,
       toggleCheckboxSelection: J,
-      toggleSelectAll: X,
+      toggleSelectAll: j,
       unselectAllCategory: Z,
       // Events
       listboxListeners: de
@@ -793,7 +793,7 @@ const K = tt.exports, st = {
     showMore: "Show more",
     loading: "Loading"
   }
-}, lt = R({
+}, lt = k({
   name: "bento-listbox",
   components: {
     BentoListboxSingleSelect: Ge,
@@ -852,7 +852,8 @@ const K = tt.exports, st = {
      */
     lazyLoadType: {
       type: String,
-      default: k.NONE
+      default: R.NONE,
+      validator: (t) => Object.values(R).includes(t)
     },
     /**
      * If enabled, the user will be able to select multiple items.
@@ -888,7 +889,7 @@ const K = tt.exports, st = {
     o.TAB
   ],
   setup(t, { emit: e, slots: l }) {
-    const { t: s } = F(), n = h(null), r = h([]), m = c(() => t.lazyLoadType !== k.AUTOMATIC), u = c(() => t.lazyLoadType === k.AUTOMATIC), d = c(
+    const { t: s } = F(), n = h(null), r = h([]), m = c(() => t.lazyLoadType !== R.AUTOMATIC), u = c(() => t.lazyLoadType === R.AUTOMATIC), d = c(
       () => m.value ? "true" : void 0
     ), _ = c(
       () => m.value && t.loading ? "true" : "false"
@@ -905,7 +906,7 @@ const K = tt.exports, st = {
       var E;
       return t.searching && ((E = t.items) == null ? void 0 : E.length) === 0;
     }), L = c(
-      () => t.lazyLoadType === k.BUTTON && t.hasMoreItems
+      () => t.lazyLoadType === R.BUTTON && t.hasMoreItems
     ), f = c(
       () => t.loading ? V.LOADING : V.START
     ), S = c(() => t.loading ? s("loading") : s("showMore")), C = {
@@ -932,7 +933,7 @@ const K = tt.exports, st = {
       // Enums
       BentoTypographyElement: $,
       BentoButtonVariant: fe,
-      BentoListboxLazyLoadType: k,
+      BentoListboxLazyLoadType: R,
       BentoKeyboardNavigationKeyDownEvent: T,
       BentoListboxEvent: o,
       // Methods
@@ -960,7 +961,7 @@ var nt = function() {
   ot,
   !1,
   null,
-  "60f6cf64",
+  "62a0d103",
   null,
   null
 );
@@ -969,6 +970,6 @@ export {
   gt as B,
   Be as C,
   o as a,
-  k as b
+  R as b
 };
-//# sourceMappingURL=listbox.4ea4114c.js.map
+//# sourceMappingURL=listbox.f51e92cd.js.map