@adyen/bento-vue3 1.11.0 → 1.12.0

package/dist/filter-bar.js

@@ -1,14 +1,14 @@
 import { onMounted as Je, onUnmounted as _t, defineComponent as H, useSlots as Ft, useAttrs as gt, computed as b, ref as j, openBlock as c, createBlock as A, unref as te, normalizeClass as ie, withCtx as p, createTextVNode as N, toDisplayString as O, createCommentVNode as M, createElementBlock as R, createElementVNode as P, renderSlot as oe, createVNode as S, Teleport as Ct, watch as _e, resolveComponent as y, withKeys as ce, toRef as G, onBeforeUpdate as Ie, mergeProps as se, Fragment as pe, reactive as Ge, createSlots as Ae, renderList as ve, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as St, popScopeId as $t, toRefs as At, nextTick as Bt, resolveDynamicComponent as Be, withDirectives as Fe, vShow as ge } from "vue";
 import { _ as q } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Ve } from "./chunks/index.03605cb0.js";
+import { a as Ve } from "./chunks/index.a25e53b8.js";
 import { B as Dt } from "./chunks/directive.0408e565.js";
-import { B as It } from "./chunks/tooltip.785993dd.js";
+import { B as It } from "./chunks/tooltip.d366f95d.js";
 import { u as be } from "./chunks/i18n.6c402773.js";
 import { g as Te } from "./chunks/unique-id.a2a2b458.js";
 import { o as Tt } from "./chunks/on-click-outside.3e0c3e2a.js";
-import { B as de, d as Et } from "./chunks/index.09f7f1b5.js";
+import { B as de, d as Et } from "./chunks/index.fcfca776.js";
 import { u as We } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ze, a as Re } from "./chunks/base-button.39fae75f.js";
+import { B as Ze, a as Re } from "./chunks/base-button.9f2acdeb.js";
 import { g as Qe } from "./chunks/get-slot-text.bead058f.js";
 import { u as Xe } from "./chunks/use-has-slot.4d98bf29.js";
 import { a as xe, C as et } from "./chunks/chevron-up.46afb34c.js";
@@ -17,25 +17,25 @@ import { BentoInputField as tt } from "./input-field.js";
 import { BentoSearchBar as Ce, BentoSearchBarEvent as fe } from "./search-bar.js";
 import { u as kt } from "./chunks/toastController.0b01d2e8.js";
 import { BentoModal as Pt } from "./modal.js";
-import { e as Vt } from "./chunks/base-modal.161ce8f0.js";
-import { a as Rt } from "./chunks/button.623a46d2.js";
-import { B as Ot, u as lt } from "./chunks/dropdown.96431c25.js";
-import { g as Lt } from "./chunks/index.80078bf9.js";
+import { e as Vt } from "./chunks/base-modal.56a671c3.js";
+import { a as Rt } from "./chunks/button.7ce49c43.js";
+import { B as Ot, u as lt } from "./chunks/dropdown.b0e80aaa.js";
+import { g as Lt } from "./chunks/index.266dd8ff.js";
 import { B as at } from "./chunks/index.113137fb.js";
 import { BentoDatePicker as wt } from "./date-picker.js";
-import { f as ue } from "./chunks/index.45d00aad.js";
+import { f as ue } from "./chunks/index.3ec651d0.js";
 import { e as ne, d as nt, f as ot } from "./chunks/index.f55fdc32.js";
-import { C as Nt, i as Mt } from "./chunks/calendar.b1d05580.js";
-import { B as Ht, D as qt, i as Oe } from "./chunks/index.ef1c4d59.js";
+import { C as Nt, i as Mt } from "./chunks/calendar.f0f7b405.js";
+import { B as Ht, D as qt, i as Oe } from "./chunks/index.d57976cb.js";
 import { D as Le } from "./chunks/date-input.9186a0bf.js";
 import { BentoButtonActions as Kt } from "./button.js";
-import { B as jt } from "./chunks/listbox.dd9883c5.js";
-import { B as Yt, L as st } from "./chunks/listbox-option-tag.ff6d6f32.js";
-import { u as zt } from "./chunks/useCountryItems.d2a1f224.js";
+import { B as jt } from "./chunks/listbox.2c0a69a6.js";
+import { B as Yt, L as st } from "./chunks/listbox-option-tag.1f42ad7f.js";
+import { u as zt } from "./chunks/use-country-items.d2a1f224.js";
 import { BentoPaymentMethod as Jt } from "./payment-method.js";
 import { R as Gt } from "./chunks/refresh.bd60f6a8.js";
-import { F as Wt } from "./chunks/fixed-scroller.ebfb2f80.js";
-import "./assets/index2.css";
+import { F as Wt } from "./chunks/fixed-scroller.708a4c4e.js";
+import "./assets/index29.css";
 var it = !1;
 const Zt = (e, t, a = {}) => {
   let l;
@@ -85,7 +85,8 @@ const Zt = (e, t, a = {}) => {
       };
     }), h = b(() => ({
       "b-filter-bar-button--filter-open": a.isFilterOpen,
-      "b-filter-bar-button--with-counter": a.appliedFiltersCount,
+      "b-filter-bar-button--active": a.appliedFiltersCount || a.secondaryLabel || a.hasChevron,
+      "b-filter-bar-button--with-secondary-label": a.secondaryLabel,
       "b-filter-bar-button--with-chevron": a.hasChevron
     })), m = (_) => {
       a.disabled || t("click", _);
@@ -157,7 +158,7 @@ const Zt = (e, t, a = {}) => {
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Ee = /* @__PURE__ */ q(tl, [["__scopeId", "data-v-b1f946e5"]]);
+const Ee = /* @__PURE__ */ q(tl, [["__scopeId", "data-v-fe3e2223"]]);
 var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(he || {}), Z = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(Z || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
 const we = {
   "en-US": {
@@ -1350,7 +1351,7 @@ function Il(e, t, a, l, o, i) {
     onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
     default: p(({ label: n }) => [
-      S(s, null, {
+      S(s, { el: "span" }, {
         default: p(() => [
           N(O(n), 1)
         ]),