@adyen/bento-vue2 1.90.0 → 1.92.0

package/dist/chunks/{filter-bar.x445KK3y.js → filter-bar.C9rWMIWO.js}

@@ -1,73 +1,74 @@
-import { ref as x, onMounted as Fe, watch as X, computed as i, defineComponent as U, useSlots as ge, useAttrs as Bt, nextTick as Ge, toRef as q, onBeforeUpdate as Be, provide as je, reactive as St } from "vue";
-import { a as Ye } from "./radio-group.5oS-AeYN.js";
+import { ref as O, onMounted as Fe, watch as W, computed as u, defineComponent as U, useSlots as ge, useAttrs as Bt, nextTick as Ge, toRef as H, onBeforeUpdate as Be, provide as je, reactive as St } from "vue";
+import { a as Ye } from "./radio-group.Bb-L-0io.js";
 import { u as Z } from "./index.B6WW_F-J.js";
 import { t as te } from "./truncate.BfIl_-71.js";
 import { B as _e, d as Se, p as Ct } from "./typography.C8lPlsbD.js";
-import { u as Tt, e as We, h as Dt, I as At, m as xt, B as Ot } from "./button-actions.BmU1DngD.js";
-import { b as Xe } from "./tooltip.BxtnF3is.js";
+import { u as Tt, e as We, h as Dt, I as At, m as xt, B as wt } from "./button-actions.CXD6_9qN.js";
+import { b as ze } from "./tooltip.BxtnF3is.js";
 import { n as N } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { g as ve } from "./generate-uid.NJ8tVoha.js";
-import { C as ze } from "./cross-small.CoQUe8SS.js";
-import { B as Je, a as Ee } from "./base-button.BPRPrO0p.js";
+import { C as Xe } from "./cross-small.CoQUe8SS.js";
+import { B as Je, a as Le } from "./base-button.BPRPrO0p.js";
 import { u as Qe } from "./use-has-slot.C9lQZ6nz.js";
 import { u as Ke } from "./aria-label.CaUURpnB.js";
 import { g as Ze } from "./get-slot-text.Bjb9dTSV.js";
-import { B as xe } from "./input-field.DH25CU_G.js";
-import { B as wt } from "./checkbox-group.CI0xDnql.js";
+import { B as we } from "./input-field.CGLjYab8.js";
+import { B as Ot } from "./checkbox-group.DWZvFkjz.js";
 import "./index.Cl4_42j5.js";
-import { B as Oe, a as de } from "./search-bar.CNfoeLLt.js";
+import { B as Oe, a as de } from "./search-bar.BEOieKeA.js";
 import { n as It } from "./index.CwzYJHw2.js";
 import { F as et } from "./fixed-scroller.DR2E_No4.js";
-import { B as Pt } from "./modal.Brif0vAy.js";
-import { B as Et } from "./button.C9b2AC9w.js";
-import { u as we, B as Rt } from "./dropdown.CvNI2V33.js";
-import { g as Lt } from "./focus-trap.DRqjHzt6.js";
+import { B as Et } from "./modal.BXxwn9H4.js";
+import { B as Pt } from "./button.C9b2AC9w.js";
+import { u as Ie, B as Lt } from "./dropdown.BYJwx-JD.js";
+import { g as Rt } from "./focus-trap.DRqjHzt6.js";
 import { C as kt } from "./chevron-up.d8cwIlA_.js";
 import { C as Nt } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { u as Re, b as $t, C as Vt } from "./use-cached-selected-values.Bn3Y8Iuq.js";
-import { C as Ut } from "./checkbox-input.08E9BNeF.js";
-import { B as Ie } from "./divider.DX5gwN7p.js";
+import { C as $t } from "./checkbox-input.08E9BNeF.js";
+import { u as Re, b as Vt, C as Ut } from "./use-cached-selected-values.Du8-wWR2.js";
+import { B as Ee } from "./divider.DX5gwN7p.js";
 import { L as tt } from "./listbox-option-tag.CvbE-EuG.js";
 import { B as Mt } from "./payment-method.B3CkgsAY.js";
 import { u as Ht } from "./use-country-items.B4j8pAvW.js";
 import { B as qt } from "./avatar.rwWPYJnt.js";
-import { D as Gt, B as jt, i as Te, a as Yt } from "./date-range-picker.DPGy2h-9.js";
-import Wt from "./pt-BR.BCU2Hj36.js";
-import Xt from "./ja.nUwDmVf2.js";
-import zt from "./fr.JD_4GwS8.js";
-import { t as Pe, j as lt, g as Jt } from "./en-US.YeSsZuOc.js";
-import { de as Qt } from "./de.BJvo6njq.js";
-import { q as Kt, r as Zt, b as el, g as tl, o as fe, i as ll } from "./calendar.uvIGF_jU.js";
-import { g as al, b as nl, c as rl, d as ol, i as sl, e as il, w as ul, l as cl, u as dl } from "./use-date-input-formatter.DRMt9yR2.js";
-import { B as fl } from "./date-picker.Dln8ocL4.js";
-import { R as pl } from "./refresh.arF7jP-l.js";
-import { u as bl } from "./use-bento-toast-controller.CB6Qbf3R.js";
+import { D as Gt, B as jt, i as Te, a as Yt } from "./date-range-picker.D90k5b8p.js";
+import Wt from "./pt-BR.D9FuAQZm.js";
+import zt from "./ja.xGVfFSzL.js";
+import Xt from "./fr.Cu0IIfBP.js";
+import { t as Pe, j as lt, g as Jt } from "./en-US.BK5uiAND.js";
+import { de as Qt } from "./de.pvjpUJ1o.js";
+import { y as Kt, z as Zt, b as el, g as tl, v as fe, i as ll } from "./calendar.rZsIZPxm.js";
+import { g as al, b as nl, c as rl, d as ol, i as sl, e as il, w as ul, l as cl, u as dl } from "./use-date-input-formatter.ibZeLD_V.js";
+import { B as fl } from "./date-picker.BSo6Cvum.js";
+import { u as pl } from "./use-touch-device.DTqFAbXh.js";
+import { R as bl } from "./refresh.arF7jP-l.js";
+import { u as vl } from "./use-bento-toast-controller.CB6Qbf3R.js";
 import "../assets/filter-bar.css";
-const at = (a) => a === null || typeof a != "object" ? !1 : Object.prototype.toString.call(a) === "[object Object]", nt = (a) => Array.isArray(a), Le = (a) => nt(a) ? a.length === 0 || a.every((e) => e === "") : !a, De = (a, e) => JSON.stringify(a) === JSON.stringify(e), be = (a) => at(a) ? a instanceof Date ? new Date(a.getTime()) : nt(a) ? a.map((e) => be(e)) : Object.keys(a).reduce((e, l) => (e[l] = be(a[l]), e), {}) : a, vl = (a) => at(a) ? Object.fromEntries(Object.keys(a).map((e) => [e, void 0])) : void 0;
+const at = (a) => a === null || typeof a != "object" ? !1 : Object.prototype.toString.call(a) === "[object Object]", nt = (a) => Array.isArray(a), ke = (a) => nt(a) ? a.length === 0 || a.every((e) => e === "") : !a, De = (a, e) => JSON.stringify(a) === JSON.stringify(e), be = (a) => at(a) ? a instanceof Date ? new Date(a.getTime()) : nt(a) ? a.map((e) => be(e)) : Object.keys(a).reduce((e, l) => (e[l] = be(a[l]), e), {}) : a, _l = (a) => at(a) ? Object.fromEntries(Object.keys(a).map((e) => [e, void 0])) : void 0;
 function rt(a, e) {
-  const l = x(), t = x();
+  const l = O(), t = O();
   Fe(() => {
-    a.value != null && (t.value = vl(a.value));
-  }), X(
+    a.value != null && (t.value = _l(a.value));
+  }), W(
     () => a.value,
     (f) => {
       l.value = be(f);
     },
     { immediate: !0 }
   );
-  const n = i(
-    () => Le(a.value) || De(a.value, t.value)
-  ), r = i(
+  const n = u(
+    () => ke(a.value) || De(a.value, t.value)
+  ), r = u(
     () => e.value != null ? De(e.value, a.value) : n.value
-  ), o = i(() => De(l.value, a.value) || Le(l.value) && n.value);
-  function s(f) {
+  ), o = u(() => De(l.value, a.value) || ke(l.value) && n.value);
+  function i(f) {
     l.value = be(t.value), f && f(l.value);
   }
   function c(f) {
     l.value = be(e.value), f && f(l.value);
   }
-  function u(f) {
+  function d(f) {
     l.value = be(a.value), f && f(l.value);
   }
   return {
@@ -76,18 +77,18 @@ function rt(a, e) {
     isSecondaryButtonDisabled: r,
     isApplyButtonDisabled: o,
     // Methods
-    clearFilter: s,
+    clearFilter: i,
     resetFilter: c,
-    openFilter: u
+    openFilter: d
   };
 }
-function _l(a) {
+function ml(a) {
   return a instanceof Date || typeof a == "object" && Object.prototype.toString.call(a) === "[object Date]";
 }
-function ml(a) {
-  return !(!_l(a) && typeof a != "number" || isNaN(+Pe(a)));
+function yl(a) {
+  return !(!ml(a) && typeof a != "number" || isNaN(+Pe(a)));
 }
-function yl(a, e) {
+function hl(a, e) {
   const l = Pe(a, e == null ? void 0 : e.in);
   return Kt(l, Zt(l)) + 1;
 }
@@ -155,7 +156,7 @@ const re = {
   afternoon: "afternoon",
   evening: "evening",
   night: "night"
-}, ke = {
+}, Ne = {
   // Era
   G: function(a, e, l) {
     const t = a.getFullYear() > 0 ? 1 : 0;
@@ -342,7 +343,7 @@ const re = {
   },
   // Day of year
   D: function(a, e, l) {
-    const t = yl(a);
+    const t = hl(a);
     return e === "Do" ? l.ordinalNumber(t, { unit: "dayOfYear" }) : k(t, e.length);
   },
   // Day of week
@@ -609,7 +610,7 @@ const re = {
     switch (e) {
       // Hours and optional minutes
       case "X":
-        return $e(t);
+        return Ve(t);
       // Hours, minutes and optional seconds without `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `XX`
@@ -627,7 +628,7 @@ const re = {
     switch (e) {
       // Hours and optional minutes
       case "x":
-        return $e(t);
+        return Ve(t);
       // Hours, minutes and optional seconds without `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `xx`
@@ -647,7 +648,7 @@ const re = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + Ne(t, ":");
+        return "GMT" + $e(t, ":");
       default:
         return "GMT" + ie(t, ":");
     }
@@ -660,7 +661,7 @@ const re = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + Ne(t, ":");
+        return "GMT" + $e(t, ":");
       default:
         return "GMT" + ie(t, ":");
     }
@@ -675,64 +676,64 @@ const re = {
     return k(+a, e.length);
   }
 };
-function Ne(a, e = "") {
+function $e(a, e = "") {
   const l = a > 0 ? "-" : "+", t = Math.abs(a), n = Math.trunc(t / 60), r = t % 60;
   return r === 0 ? l + String(n) : l + String(n) + e + k(r, 2);
 }
-function $e(a, e) {
+function Ve(a, e) {
   return a % 60 === 0 ? (a > 0 ? "-" : "+") + k(Math.abs(a) / 60, 2) : ie(a, e);
 }
 function ie(a, e = "") {
   const l = a > 0 ? "-" : "+", t = Math.abs(a), n = k(Math.trunc(t / 60), 2), r = k(t % 60, 2);
   return l + n + e + r;
 }
-const hl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Fl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, gl = /^'([^]*?)'?$/, Bl = /''/g, Sl = /[a-zA-Z]/;
+const Fl = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, gl = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Bl = /^'([^]*?)'?$/, Sl = /''/g, Cl = /[a-zA-Z]/;
 function he(a, e, l) {
-  var f, B, p, m, T, S, w, O;
-  const t = Jt(), n = (l == null ? void 0 : l.locale) ?? t.locale ?? lt, r = (l == null ? void 0 : l.firstWeekContainsDate) ?? ((B = (f = l == null ? void 0 : l.locale) == null ? void 0 : f.options) == null ? void 0 : B.firstWeekContainsDate) ?? t.firstWeekContainsDate ?? ((m = (p = t.locale) == null ? void 0 : p.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, o = (l == null ? void 0 : l.weekStartsOn) ?? ((S = (T = l == null ? void 0 : l.locale) == null ? void 0 : T.options) == null ? void 0 : S.weekStartsOn) ?? t.weekStartsOn ?? ((O = (w = t.locale) == null ? void 0 : w.options) == null ? void 0 : O.weekStartsOn) ?? 0, s = Pe(a, l == null ? void 0 : l.in);
-  if (!ml(s))
+  var f, y, p, h, C, T, I, A;
+  const t = Jt(), n = (l == null ? void 0 : l.locale) ?? t.locale ?? lt, r = (l == null ? void 0 : l.firstWeekContainsDate) ?? ((y = (f = l == null ? void 0 : l.locale) == null ? void 0 : f.options) == null ? void 0 : y.firstWeekContainsDate) ?? t.firstWeekContainsDate ?? ((h = (p = t.locale) == null ? void 0 : p.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, o = (l == null ? void 0 : l.weekStartsOn) ?? ((T = (C = l == null ? void 0 : l.locale) == null ? void 0 : C.options) == null ? void 0 : T.weekStartsOn) ?? t.weekStartsOn ?? ((A = (I = t.locale) == null ? void 0 : I.options) == null ? void 0 : A.weekStartsOn) ?? 0, i = Pe(a, l == null ? void 0 : l.in);
+  if (!yl(i))
     throw new RangeError("Invalid time value");
-  let c = e.match(Fl).map((y) => {
-    const h = y[0];
-    if (h === "p" || h === "P") {
-      const g = cl[h];
-      return g(y, n.formatLong);
+  let c = e.match(gl).map((v) => {
+    const g = v[0];
+    if (g === "p" || g === "P") {
+      const B = cl[g];
+      return B(v, n.formatLong);
     }
-    return y;
-  }).join("").match(hl).map((y) => {
-    if (y === "''")
+    return v;
+  }).join("").match(Fl).map((v) => {
+    if (v === "''")
       return { isToken: !1, value: "'" };
-    const h = y[0];
-    if (h === "'")
-      return { isToken: !1, value: Cl(y) };
-    if (ke[h])
-      return { isToken: !0, value: y };
-    if (h.match(Sl))
+    const g = v[0];
+    if (g === "'")
+      return { isToken: !1, value: Tl(v) };
+    if (Ne[g])
+      return { isToken: !0, value: v };
+    if (g.match(Cl))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + h + "`"
+        "Format string contains an unescaped latin alphabet character `" + g + "`"
       );
-    return { isToken: !1, value: y };
+    return { isToken: !1, value: v };
   });
-  n.localize.preprocessor && (c = n.localize.preprocessor(s, c));
-  const u = {
+  n.localize.preprocessor && (c = n.localize.preprocessor(i, c));
+  const d = {
     firstWeekContainsDate: r,
     weekStartsOn: o,
     locale: n
   };
-  return c.map((y) => {
-    if (!y.isToken) return y.value;
-    const h = y.value;
-    (!(l != null && l.useAdditionalWeekYearTokens) && sl(h) || !(l != null && l.useAdditionalDayOfYearTokens) && il(h)) && ul(h, e, String(a));
-    const g = ke[h[0]];
-    return g(s, h, n.localize, u);
+  return c.map((v) => {
+    if (!v.isToken) return v.value;
+    const g = v.value;
+    (!(l != null && l.useAdditionalWeekYearTokens) && sl(g) || !(l != null && l.useAdditionalDayOfYearTokens) && il(g)) && ul(g, e, String(a));
+    const B = Ne[g[0]];
+    return B(i, g, n.localize, d);
   }).join("");
 }
-function Cl(a) {
-  const e = a.match(gl);
-  return e ? e[1].replace(Bl, "'") : a;
+function Tl(a) {
+  const e = a.match(Bl);
+  return e ? e[1].replace(Sl, "'") : a;
 }
-const Tl = {}, Dl = /* @__PURE__ */ U({
-  ...Tl,
+const Dl = {}, Al = /* @__PURE__ */ U({
+  ...Dl,
   __name: "filter-bar-button",
   props: {
     /**
@@ -769,48 +770,48 @@ const Tl = {}, Dl = /* @__PURE__ */ U({
   },
   emits: ["click"],
   setup(a, { emit: e }) {
-    const l = a, t = ge(), n = Bt(), r = Qe(t), o = i(() => t.default ? Ze(t)("default") : null), s = i(() => !r("default") && r("iconLeft")), c = Ke({ ariaLabel: o }), u = x(null), f = i(() => {
-      var T;
+    const l = a, t = ge(), n = Bt(), r = Qe(t), o = u(() => t.default ? Ze(t)("default") : null), i = u(() => !r("default") && r("iconLeft")), c = Ke({ ariaLabel: o }), d = O(null), f = u(() => {
+      var C;
       return {
-        "aria-controls": (T = n["aria-controls"]) == null ? void 0 : T.toString()
+        "aria-controls": (C = n["aria-controls"]) == null ? void 0 : C.toString()
       };
-    }), B = i(
+    }), y = u(
       () => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
-    ), p = i(() => ({
-      "b-filter-bar-button--applied": B.value || l.active,
-      "b-filter-bar-button--filter-open": l.isFilterOpen && !B.value,
-      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && B.value,
+    ), p = u(() => ({
+      "b-filter-bar-button--applied": y.value || l.active,
+      "b-filter-bar-button--filter-open": l.isFilterOpen && !y.value,
+      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && y.value,
       "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
       "b-filter-bar-button--with-counter": l.appliedFiltersCount,
-      "b-filter-bar-button--icon-only": s.value
+      "b-filter-bar-button--icon-only": i.value
     }));
-    return { __sfc: !0, props: l, emit: e, slots: t, attrs: n, hasSlot: r, labelSlot: o, isIconOnly: s, computedAriaLabel: c, filterBarButtonRef: u, ariaAttributes: f, isAppliedFilter: B, conditionalClasses: p, onClickButton: (T) => {
-      T.preventDefault(), l.disabled || e("click", T);
+    return { __sfc: !0, props: l, emit: e, slots: t, attrs: n, hasSlot: r, labelSlot: o, isIconOnly: i, computedAriaLabel: c, filterBarButtonRef: d, ariaAttributes: f, isAppliedFilter: y, conditionalClasses: p, onClickButton: (C) => {
+      C.preventDefault(), l.disabled || e("click", C);
     }, BaseButton: Je, BentoTypography: _e };
   }
 });
-var Al = function() {
+var xl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l(t.BaseButton, e._b({ ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: t.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": t.computedAriaLabel, "aria-controls": t.ariaAttributes["aria-controls"], type: "button" }, on: { click: t.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
     return [e.appliedFiltersCount && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e()];
   }, proxy: !0 }]) }, "base-button", e.$attrs, !1), [l("div", { staticClass: "b-filter-bar-button__container" }, [t.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), l("div", { staticClass: "b-filter-bar-button__label-container" }, [l(t.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [l("span", [e._t("default")], 2), e.secondaryLabel && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel && !t.isIconOnly ? l(t.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, xl = [], Ol = /* @__PURE__ */ N(
-  Dl,
+}, wl = [], Ol = /* @__PURE__ */ N(
   Al,
   xl,
+  wl,
   !1,
   null,
   "e633a8a6"
 );
-const Ce = Ol.exports, wl = {}, Il = /* @__PURE__ */ U({
-  ...wl,
+const Ce = Ol.exports, Il = {}, El = /* @__PURE__ */ U({
+  ...Il,
   __name: "filter-bar-button-group",
   props: {
     isActive: { type: Boolean, default: !1 },
     skipGrouping: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, l = i(() => ({
+    const e = a, l = u(() => ({
       "b-filter-bar-button-group--active": e.isActive,
       "b-filter-bar-button-group--grouped": !e.skipGrouping
     }));
@@ -820,17 +821,17 @@ const Ce = Ol.exports, wl = {}, Il = /* @__PURE__ */ U({
 var Pl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("div", { staticClass: "b-filter-bar-button-group", class: t.conditionalClasses }, [e._t("default")], 2);
-}, El = [], Rl = /* @__PURE__ */ N(
-  Il,
-  Pl,
+}, Ll = [], Rl = /* @__PURE__ */ N(
   El,
+  Pl,
+  Ll,
   !1,
   null,
   "c0b008f0"
 );
 const ot = Rl.exports;
-var J = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(J || {});
-const Ll = {
+var Q = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(Q || {});
+const kl = {
   "de-DE": {
     apply: "Anwenden",
     clear: "Löschen",
@@ -921,11 +922,11 @@ const Ll = {
     reset: "重置",
     resetFilter: "重置过滤器 {function}"
   }
-}, kl = {
-  i18n: { messages: Ll },
+}, Nl = {
+  i18n: { messages: kl },
   name: "bento-base-filter"
-}, Nl = /* @__PURE__ */ U({
-  ...kl,
+}, $l = /* @__PURE__ */ U({
+  ...Nl,
   props: {
     appliedFiltersCount: { default: null },
     buttonLabel: { default: void 0 },
@@ -944,62 +945,62 @@ const Ll = {
     value: { default: void 0 }
   },
   emits: [
-    J.APPLY,
-    J.CLEAR,
-    J.OPEN,
-    J.CLOSE,
-    J.RESET,
-    J.CANCEL
+    Q.APPLY,
+    Q.CLEAR,
+    Q.OPEN,
+    Q.CLOSE,
+    Q.RESET,
+    Q.CANCEL
   ],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: n } = Z(), r = ve("base-filter-popover"), o = x(!1), s = x(null), c = x(null), u = i(() => t.defaultValue !== null), f = i(() => u.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), B = i(() => {
-      let I = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
-      return t.appliedFiltersCount && (I = `: ${n("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (u.value ? t.label : m.value) + I;
-    }), p = i(
-      () => u.value ? n("resetFilter", {
-        function: m.value
+    const t = a, { t: n } = Z(), r = ve("base-filter-popover"), o = O(!1), i = O(null), c = O(null), d = u(() => t.defaultValue !== null), f = u(() => d.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), y = u(() => {
+      let w = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
+      return t.appliedFiltersCount && (w = `: ${n("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (d.value ? t.label : h.value) + w;
+    }), p = u(
+      () => d.value ? n("resetFilter", {
+        function: h.value
       }) : n("clearFilter", {
-        function: m.value
+        function: h.value
       })
-    ), m = i(() => t.buttonLabel || t.label), T = async () => {
-      var I, A;
-      await Ge(), (A = (I = s.value) == null ? void 0 : I.$el) == null || A.focus();
-    }, S = () => {
-      o.value && (o.value = !1, T(), l(J.CLOSE));
-    }, w = () => {
-      u.value ? l(J.RESET) : l(J.CLEAR), T();
-    }, O = () => {
-      S(), w();
-    }, y = () => {
-      o.value ? S() : (o.value = !0, l(J.OPEN));
-    }, h = () => {
-      S(), l(J.APPLY);
+    ), h = u(() => t.buttonLabel || t.label), C = async () => {
+      var w, D;
+      await Ge(), (D = (w = i.value) == null ? void 0 : w.$el) == null || D.focus();
+    }, T = () => {
+      o.value && (o.value = !1, C(), l(Q.CLOSE));
+    }, I = () => {
+      d.value ? l(Q.RESET) : l(Q.CLEAR), C();
+    }, A = () => {
+      T(), I();
+    }, v = () => {
+      o.value ? T() : (o.value = !0, l(Q.OPEN));
     }, g = () => {
-      S(), l(J.CANCEL);
-    }, E = () => g(), P = i(() => [
+      T(), l(Q.APPLY);
+    }, B = () => {
+      T(), l(Q.CANCEL);
+    }, E = () => B(), P = u(() => [
       {
         title: n("apply"),
-        event: h,
+        event: g,
         disabled: t.disableApplyButton
       },
       {
-        title: u.value ? n("reset") : n("clear"),
-        event: O,
+        title: d.value ? n("reset") : n("clear"),
+        event: A,
         disabled: t.disableSecondaryButton
       }
     ]);
-    return X(
+    return W(
       () => o.value,
-      (I, A) => {
-        var M, G;
-        !I && A && (G = (M = s.value) == null ? void 0 : M.filterBarButtonRef) != null && G.bentoBaseButtonRef && s.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (w, D) => {
+        var M, $;
+        !w && D && ($ = (M = i.value) == null ? void 0 : M.filterBarButtonRef) != null && $.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Tt(c, E, { ignore: [s] }), e({
-      closePopover: S
-    }), { __sfc: !0, emit: l, props: t, t: n, popoverId: r, isFilterOpen: o, filterButtonRef: s, popoverRef: c, isPersistentFilter: u, isValueChanged: f, computedAriaLabel: B, computedClearButtonLabel: p, computedButtonText: m, resetFocus: T, closePopover: S, resetFilter: w, onClickSecondaryAction: O, onClickFilter: y, onClickApply: h, onCancel: g, onClickOutside: E, actions: P, BentoPopover: Dt, vBentoTooltipDirective: Xe, FilterBarButton: Ce, FilterBarButtonGroup: ot, BentoTeleport: We, CrossSmallIcon: ze };
+    ), Tt(c, E, { ignore: [i] }), e({
+      closePopover: T
+    }), { __sfc: !0, emit: l, props: t, t: n, popoverId: r, isFilterOpen: o, filterButtonRef: i, popoverRef: c, isPersistentFilter: d, isValueChanged: f, computedAriaLabel: y, computedClearButtonLabel: p, computedButtonText: h, resetFocus: C, closePopover: T, resetFilter: I, onClickSecondaryAction: A, onClickFilter: v, onClickApply: g, onCancel: B, onClickOutside: E, actions: P, BentoPopover: Dt, vBentoTooltipDirective: ze, FilterBarButton: Ce, FilterBarButtonGroup: ot, BentoTeleport: We, CrossSmallIcon: Xe };
   }
 });
-var $l = function() {
+var Vl = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return e.onlySlot ? l("div", [e._t("default")], 2) : l("div", { staticClass: "b-base-filter" }, [l(t.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": t.isFilterOpen, "skip-grouping": !t.isValueChanged } }, [l(t.FilterBarButton, { ref: "filterButtonRef", attrs: { "aria-label": t.computedAriaLabel, "aria-controls": t.isFilterOpen ? t.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": t.isPersistentFilter, "is-filter-open": t.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: t.onClickFilter, keydown: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
@@ -1008,34 +1009,34 @@ var $l = function() {
   }, proxy: !0 }], null, !1, 892273033) }) : e._e()], 1), t.filterButtonRef ? l(t.BentoTeleport, [t.filterButtonRef ? l(t.BentoPopover, { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: t.popoverId, divider: "", "aria-label": e.label, open: t.isFilterOpen, actions: e.controlled ? null : t.actions, "actions-layout": "space-between", "target-element": t.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"], "overflow-visible": "" } }, [l("div", { on: { keydown: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : t.onCancel.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, Vl = [], Ul = /* @__PURE__ */ N(
-  Nl,
+}, Ul = [], Ml = /* @__PURE__ */ N(
   $l,
   Vl,
+  Ul,
   !1,
   null,
   "16bafa29"
 );
-const le = Ul.exports, Ml = (a) => a instanceof Array, Ve = (a) => Ml(a) ? a.length === 0 || a.every((e) => e === "") : !a, Ue = (a, e) => JSON.stringify(a) === JSON.stringify(e), oe = (a, e) => {
-  const l = x(a.value);
-  X(
+const le = Ml.exports, Hl = (a) => a instanceof Array, Ue = (a) => Hl(a) ? a.length === 0 || a.every((e) => e === "") : !a, Me = (a, e) => JSON.stringify(a) === JSON.stringify(e), oe = (a, e) => {
+  const l = O(a.value);
+  W(
     () => a.value,
     () => {
       l.value = a.value;
     }
   );
-  const t = i(() => Ve(a.value)), n = i(
-    () => e.value !== null ? Ue(e.value, a.value) : t.value
-  ), r = i(() => Ue(l.value, a.value) || Ve(l.value) && t.value);
+  const t = u(() => Ue(a.value)), n = u(
+    () => e.value !== null ? Me(e.value, a.value) : t.value
+  ), r = u(() => Me(l.value, a.value) || Ue(l.value) && t.value);
   return {
     internalFilterValue: l,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: r
   };
-}, Hl = {
+}, ql = {
   name: "bento-input-filter"
-}, ql = /* @__PURE__ */ U({
-  ...Hl,
+}, Gl = /* @__PURE__ */ U({
+  ...ql,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -1047,61 +1048,61 @@ const le = Ul.exports, Ml = (a) => a instanceof Array, Ve = (a) => Ml(a) ? a.len
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var P, I;
-    const l = a, t = x(null), n = x((I = (P = l == null ? void 0 : l.options) == null ? void 0 : P.dropdown) == null ? void 0 : I.value), r = i(
+    var P, w;
+    const l = a, t = O(null), n = O((w = (P = l == null ? void 0 : l.options) == null ? void 0 : P.dropdown) == null ? void 0 : w.value), r = u(
       () => {
-        var A, M;
-        return ((A = l == null ? void 0 : l.options) == null ? void 0 : A.variant) === "dropdown" && ((M = l == null ? void 0 : l.options) == null ? void 0 : M.dropdown) !== void 0;
+        var D, M;
+        return ((D = l == null ? void 0 : l.options) == null ? void 0 : D.variant) === "dropdown" && ((M = l == null ? void 0 : l.options) == null ? void 0 : M.dropdown) !== void 0;
       }
-    ), o = i(
+    ), o = u(
       () => {
-        var A;
-        return r.value ? { ...(A = l == null ? void 0 : l.options) == null ? void 0 : A.dropdown, value: n.value } : void 0;
+        var D;
+        return r.value ? { ...(D = l == null ? void 0 : l.options) == null ? void 0 : D.dropdown, value: n.value } : void 0;
       }
-    ), s = i(() => {
-      var A;
-      return ((A = l == null ? void 0 : l.options) == null ? void 0 : A.variant) === "dropdown" ? "dropdown" : "default";
-    }), c = i(
+    ), i = u(() => {
+      var D;
+      return ((D = l == null ? void 0 : l.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+    }), c = u(
       () => {
-        var A;
-        return r.value ? (A = l.value) == null ? void 0 : A.inputValue : l == null ? void 0 : l.value;
+        var D;
+        return r.value ? (D = l.value) == null ? void 0 : D.inputValue : l == null ? void 0 : l.value;
       }
-    ), { internalFilterValue: u, isSecondaryButtonDisabled: f, isApplyButtonDisabled: B } = oe(
+    ), { internalFilterValue: d, isSecondaryButtonDisabled: f, isApplyButtonDisabled: y } = oe(
       c,
-      q(l, "defaultValue")
-    ), p = i(() => l.label), m = i(() => te(c.value, 12)), T = i(() => ({
+      H(l, "defaultValue")
+    ), p = u(() => l.label), h = u(() => te(c.value, 12)), C = u(() => ({
       "b-input-filter--only-slot": l.onlySlot
     }));
     Be(() => {
-      u.value === "" && (u.value = null);
-    }), X(t, () => {
-      var A;
-      (A = t.value) == null || A.focusInput();
+      d.value === "" && (d.value = null);
+    }), W(t, () => {
+      var D;
+      (D = t.value) == null || D.focusInput();
     });
-    const S = () => {
-      u.value = c.value;
-    }, w = () => {
-      !u.value && l.defaultValue !== null && (u.value = l.defaultValue), e("update", {
+    const T = () => {
+      d.value = c.value;
+    }, I = () => {
+      !d.value && l.defaultValue !== null && (d.value = l.defaultValue), e("update", {
         ...l,
         value: r.value ? {
-          inputValue: u.value,
+          inputValue: d.value,
           dropdownValue: n.value
-        } : u.value
+        } : d.value
       });
-    }, O = () => e("update", { ...l, value: l.defaultValue }), y = () => {
-      u.value = null, w();
-    }, h = () => {
-      e("input", { ...l, value: u.value });
-    }, g = (A) => {
-      u.value = A;
-    }, E = (A) => {
-      n.value = A;
+    }, A = () => e("update", { ...l, value: l.defaultValue }), v = () => {
+      d.value = null, I();
+    }, g = () => {
+      e("input", { ...l, value: d.value });
+    }, B = (D) => {
+      d.value = D;
+    }, E = (D) => {
+      n.value = D;
     };
-    return je(At, r.value), X(
+    return je(At, r.value), W(
       () => l.options,
       () => {
-        var A, M, G;
-        ((A = l.options) != null && A.dropdown || (M = l.options) != null && M.dropdownPosition || (G = l.options) != null && G.variant) && Se(
+        var D, M, $;
+        ((D = l.options) != null && D.dropdown || (M = l.options) != null && M.dropdownPosition || ($ = l.options) != null && $.variant) && Se(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
@@ -1117,29 +1118,29 @@ const le = Ul.exports, Ml = (a) => a instanceof Array, Ve = (a) => Ml(a) ? a.len
         );
       },
       { immediate: !0 }
-    ), { __sfc: !0, props: l, emit: e, inputTextRef: t, dropdownValue: n, isDropdownVariant: r, dropdownProp: o, inputVariant: s, valueProp: c, internalFilterValue: u, isSecondaryButtonDisabled: f, isApplyButtonDisabled: B, buttonLabel: p, buttonSecondaryLabel: m, conditionalClasses: T, openFilter: S, updateFilter: w, resetFilter: O, clearFilter: y, onInput: h, setInternalFilterValue: g, onDropdownInput: E, BentoBaseFilter: le, BentoInputField: xe };
+    ), { __sfc: !0, props: l, emit: e, inputTextRef: t, dropdownValue: n, isDropdownVariant: r, dropdownProp: o, inputVariant: i, valueProp: c, internalFilterValue: d, isSecondaryButtonDisabled: f, isApplyButtonDisabled: y, buttonLabel: p, buttonSecondaryLabel: h, conditionalClasses: C, openFilter: T, updateFilter: I, resetFilter: A, clearFilter: v, onInput: g, setInternalFilterValue: B, onDropdownInput: E, BentoBaseFilter: le, BentoInputField: we };
   }
 });
-var Gl = function() {
-  var n, r, o, s;
+var jl = function() {
+  var n, r, o, i;
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l(t.BentoBaseFilter, e._b({ attrs: { "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": t.isDropdownVariant, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText }, on: { apply: t.updateFilter, clear: t.clearFilter, open: t.openFilter, reset: t.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-filter", class: t.conditionalClasses, on: { keydown: function(c) {
     return !c.type.indexOf("key") && e._k(c.keyCode, "enter", 13, c.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
-  }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownProp, "dropdown-position": (o = e.options) == null ? void 0 : o.dropdownPosition, placeholder: (s = e.options) == null ? void 0 : s.placeholder, variant: t.inputVariant, "model-value": t.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
-}, jl = [], Yl = /* @__PURE__ */ N(
-  ql,
+  }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownProp, "dropdown-position": (o = e.options) == null ? void 0 : o.dropdownPosition, placeholder: (i = e.options) == null ? void 0 : i.placeholder, variant: t.inputVariant, "model-value": t.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
+}, Yl = [], Wl = /* @__PURE__ */ N(
   Gl,
   jl,
+  Yl,
   !1,
   null,
   "72e86cb6"
 );
-const st = Yl.exports;
-var C = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(C || {}), ue = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(ue || {}), W = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a.RADIO_GROUP = "BentoRadioGroupFilter", a.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", a.TOGGLE = "BentoToggleFilter", a))(W || {});
-const Wl = {
+const st = Wl.exports;
+var S = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(S || {}), ue = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(ue || {}), Y = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a.RADIO_GROUP = "BentoRadioGroupFilter", a.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", a.TOGGLE = "BentoToggleFilter", a))(Y || {});
+const zl = {
   name: "bento-input-with-dropdown-filter"
 }, Xl = /* @__PURE__ */ U({
-  ...Wl,
+  ...zl,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1149,75 +1150,75 @@ const Wl = {
     options: { default: void 0 },
     value: { default: void 0 }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const l = a, t = x(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = oe(q(l, "value"), q(l, "defaultValue")), s = i(() => l.label), c = i(() => {
-      var g;
-      return te((g = l.value) == null ? void 0 : g.inputValue, 12);
-    }), u = i(
+    const l = a, t = O(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = oe(H(l, "value"), H(l, "defaultValue")), i = u(() => l.label), c = u(() => {
+      var B;
+      return te((B = l.value) == null ? void 0 : B.inputValue, 12);
+    }), d = u(
       () => {
-        var g, E, P, I, A;
-        return ((g = n.value) == null ? void 0 : g.dropdownValue) ?? ((P = (E = l.options) == null ? void 0 : E.dropdown) == null ? void 0 : P.modelValue) ?? ((A = (I = l.options) == null ? void 0 : I.dropdown) == null ? void 0 : A.value);
+        var B, E, P, w, D;
+        return ((B = n.value) == null ? void 0 : B.dropdownValue) ?? ((P = (E = l.options) == null ? void 0 : E.dropdown) == null ? void 0 : P.modelValue) ?? ((D = (w = l.options) == null ? void 0 : w.dropdown) == null ? void 0 : D.value);
       }
-    ), f = i(() => {
-      var g;
+    ), f = u(() => {
+      var B;
       return {
-        ...((g = l.options) == null ? void 0 : g.dropdown) || {},
-        modelValue: u.value
+        ...((B = l.options) == null ? void 0 : B.dropdown) || {},
+        modelValue: d.value
       };
-    }), B = i(() => ({
+    }), y = u(() => ({
       "b-input-with-dropdown-filter--only-slot": l.onlySlot
-    })), p = i(() => {
+    })), p = u(() => {
       var E;
-      return !(!!((E = n.value) != null && E.inputValue) && !!u.value) || o.value;
+      return !(!!((E = n.value) != null && E.inputValue) && !!d.value) || o.value;
     });
     Be(() => {
-      var g;
-      ((g = n.value) == null ? void 0 : g.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
-    }), X(t, () => {
-      var g;
-      (g = t.value) == null || g.focusInput();
+      var B;
+      ((B = n.value) == null ? void 0 : B.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
+    }), W(t, () => {
+      var B;
+      (B = t.value) == null || B.focusInput();
     });
-    const m = () => {
+    const h = () => {
       n.value = l.value;
-    }, T = () => {
-      var g;
-      !((g = n.value) != null && g.inputValue) && l.defaultValue !== null && (n.value = { ...l.defaultValue }), e(C.UPDATE, {
+    }, C = () => {
+      var B;
+      !((B = n.value) != null && B.inputValue) && l.defaultValue !== null && (n.value = { ...l.defaultValue }), e(S.UPDATE, {
         ...l,
         value: n.value
       });
-    }, S = () => e(C.UPDATE, { ...l, value: l.defaultValue }), w = () => {
-      n.value = null, T();
-    }, O = () => {
-      e(C.INPUT, { ...l, value: n.value });
-    }, y = (g) => {
-      n.value = { dropdownValue: u.value, inputValue: g };
-    }, h = (g) => {
-      n.value = { ...n.value, dropdownValue: g };
+    }, T = () => e(S.UPDATE, { ...l, value: l.defaultValue }), I = () => {
+      n.value = null, C();
+    }, A = () => {
+      e(S.INPUT, { ...l, value: n.value });
+    }, v = (B) => {
+      n.value = { dropdownValue: d.value, inputValue: B };
+    }, g = (B) => {
+      n.value = { ...n.value, dropdownValue: B };
     };
-    return je(xt, !0), { __sfc: !0, props: l, emit: e, inputTextRef: t, internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, buttonLabel: s, buttonSecondaryLabel: c, dropdownSelection: u, dropdownOptions: f, conditionalClasses: B, shouldDisableApply: p, openFilter: m, updateFilter: T, resetFilter: S, clearFilter: w, onInput: O, setInternalFilterValue: y, onDropdownInput: h, BentoBaseFilter: le, BentoInputField: xe };
+    return je(xt, !0), { __sfc: !0, props: l, emit: e, inputTextRef: t, internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, buttonLabel: i, buttonSecondaryLabel: c, dropdownSelection: d, dropdownOptions: f, conditionalClasses: y, shouldDisableApply: p, openFilter: h, updateFilter: C, resetFilter: T, clearFilter: I, onInput: A, setInternalFilterValue: v, onDropdownInput: g, BentoBaseFilter: le, BentoInputField: we };
   }
 });
-var zl = function() {
-  var n, r, o, s;
+var Jl = function() {
+  var n, r, o, i;
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l(t.BentoBaseFilter, e._b({ attrs: { "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.shouldDisableApply, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText }, on: { apply: t.updateFilter, clear: t.clearFilter, open: t.openFilter, reset: t.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-with-dropdown-filter", class: t.conditionalClasses, on: { keydown: function(c) {
     return !c.type.indexOf("key") && e._k(c.keyCode, "enter", 13, c.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
-  }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownOptions, "dropdown-position": (o = e.options) == null ? void 0 : o.dropdownPosition, variant: "dropdown", "model-value": (s = t.internalFilterValue) == null ? void 0 : s.inputValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
-}, Jl = [], Ql = /* @__PURE__ */ N(
+  }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: t.dropdownOptions, "dropdown-position": (o = e.options) == null ? void 0 : o.dropdownPosition, variant: "dropdown", "model-value": (i = t.internalFilterValue) == null ? void 0 : i.inputValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue, "dropdown-input": t.onDropdownInput } })], 1)]);
+}, Ql = [], Kl = /* @__PURE__ */ N(
   Xl,
-  zl,
   Jl,
+  Ql,
   !1,
   null,
   "f2603e12"
 );
-const it = Ql.exports, Kl = U({
+const it = Kl.exports, Zl = U({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: le,
     BentoDatePicker: fl,
-    BentoDivider: Ie,
+    BentoDivider: Ee,
     Calendar: el
   },
   props: {
@@ -1261,68 +1262,72 @@ const it = Ql.exports, Kl = U({
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const { locale: l } = Z(void 0, !0), { internalFilterValue: t, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = oe(
-      q(a, "value"),
-      q(a, "defaultValue")
-    ), o = i(() => {
-      var w;
-      const S = ((w = a == null ? void 0 : a.options) == null ? void 0 : w.variant) === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
-      return a.value ? tl(l.value, S).format(a.value) : null;
-    }), s = i(() => a.label), c = i(() => o.value), u = () => {
-      e(C.UPDATE, { ...a, value: t.value });
-    }, f = () => {
-      t.value = null, u();
-    }, B = () => {
-      t.value = a.defaultValue, u();
+    const { isTouchDevice: l } = pl(), { locale: t } = Z(void 0, !0), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = oe(
+      H(a, "value"),
+      H(a, "defaultValue")
+    ), i = u(() => {
+      var v;
+      const A = ((v = a == null ? void 0 : a.options) == null ? void 0 : v.variant) === "month" ? { month: "long", year: "numeric" } : { day: "numeric", month: "short", year: "numeric" };
+      return a.value ? tl(t.value, A).format(a.value) : null;
+    }), c = u(() => a.label), d = u(() => i.value), f = () => {
+      e(S.UPDATE, { ...a, value: n.value });
+    }, y = () => {
+      n.value = null, f();
     }, p = () => {
-      t.value = a.value;
-    }, m = (S) => {
-      t.value = S, e(C.INPUT, { ...a, value: t.value });
-    };
+      n.value = a.defaultValue, f();
+    }, h = () => {
+      n.value = a.value;
+    }, C = (A) => {
+      n.value = A, e(S.INPUT, { ...a, value: n.value });
+    }, T = (A) => {
+      n.value = A, C(A), f();
+    }, I = u(() => ({
+      "b-date-filter--touch-device": l.value
+    }));
     return {
       // Values
-      internalFilterValue: t,
-      isApplyButtonDisabled: r,
-      isSecondaryButtonDisabled: n,
-      buttonLabel: s,
-      buttonSecondaryLabel: c,
+      internalFilterValue: n,
+      isApplyButtonDisabled: o,
+      isSecondaryButtonDisabled: r,
+      buttonLabel: c,
+      buttonSecondaryLabel: d,
+      isTouchDevice: l,
+      touchDeviceDatePickerConditionalClasses: I,
       // Events
-      clearFilter: f,
-      onDateSelected: m,
-      openFilter: p,
-      updateFilter: u,
-      resetFilter: B,
-      onDateInputSelected: (S) => {
-        t.value = S, m(S), u();
-      }
+      clearFilter: y,
+      onDateSelected: C,
+      openFilter: h,
+      updateFilter: f,
+      resetFilter: p,
+      onDateInputSelected: T
     };
   }
 });
-var Zl = function() {
-  var t, n, r, o, s, c, u, f;
+var ea = function() {
+  var t, n, r, o, i, c, d, f, y;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? l("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (r = e.options) == null ? void 0 : r.firstDayOfWeek, "is-date-disabled": (o = e.options) == null ? void 0 : o.isDateDisabled, variant: (s = e.options) == null ? void 0 : s.variant, disabled: e.disabled }, on: { input: e.onDateInputSelected } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (c = e.options) == null ? void 0 : c.firstDayOfWeek, "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (f = e.options) == null ? void 0 : f.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, ea = [], ta = /* @__PURE__ */ N(
-  Kl,
+  return e._self._setupProxy, l("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot || e.isTouchDevice ? l("bento-date-picker", { class: e.touchDeviceDatePickerConditionalClasses, attrs: { "aria-labelledby": (r = e.$attrs) == null ? void 0 : r["aria-labelledby"], value: e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, variant: (c = e.options) == null ? void 0 : c.variant, disabled: e.disabled }, on: { input: e.onDateInputSelected } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek, "is-date-disabled": (f = e.options) == null ? void 0 : f.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (y = e.options) == null ? void 0 : y.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
+}, ta = [], la = /* @__PURE__ */ N(
   Zl,
   ea,
+  ta,
   !1,
   null,
-  "40a1d7d7"
+  "d69da45c"
 );
-const ut = ta.exports;
-function la() {
+const ut = la.exports;
+function aa() {
   return {
     de: Qt,
     enUS: lt,
-    fr: zt,
-    ja: Xt,
+    fr: Xt,
+    ja: zt,
     ptBR: Wt
   };
 }
-const aa = {
+const na = {
   "de-DE": {
     apply: "Anwenden",
     clear: "Löschen",
@@ -1373,15 +1378,15 @@ const aa = {
     clear: "清除",
     reset: "重置"
   }
-}, na = U({
-  i18n: { messages: aa },
+}, ra = U({
+  i18n: { messages: na },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: le,
-    BentoButtonActions: Ot,
+    BentoButtonActions: wt,
     BentoDateRangePicker: jt,
     BentoTypography: _e,
-    BentoDivider: Ie,
+    BentoDivider: Ee,
     DateRangePickerCalendar: Gt
   },
   props: {
@@ -1434,151 +1439,151 @@ const aa = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    var b, F, R, H;
-    const { locale: l, t } = Z(), n = la(), { dateToInputDateString: r } = dl(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: c } = oe(
-      q(a, "value"),
-      q(a, "defaultValue")
-    ), u = x(!1), f = i(() => {
-      var d;
-      return ((d = a == null ? void 0 : a.options) == null ? void 0 : d.quickSelectRanges) && a.options.quickSelectRanges.map((L) => {
-        const $ = L.data.endDate ? void 0 : new Date(Date.now()).getTime() - L.data.startDate.getTime();
+    var R, q, G, F;
+    const { locale: l, t } = Z(), n = aa(), { dateToInputDateString: r } = dl(), { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: c } = oe(
+      H(a, "value"),
+      H(a, "defaultValue")
+    ), d = O(!1), f = u(() => {
+      var s;
+      return ((s = a == null ? void 0 : a.options) == null ? void 0 : s.quickSelectRanges) && a.options.quickSelectRanges.map((b) => {
+        const x = b.data.endDate ? void 0 : new Date(Date.now()).getTime() - b.data.startDate.getTime();
         return {
-          ...L,
+          ...b,
           data: {
-            ...L.data,
+            ...b.data,
             // Adding timeDifference to calculate an up-to-date endDate on range selection
-            timeDifference: $
+            timeDifference: x
           }
         };
       });
-    }), B = x(null), p = x(!1), m = St({
-      startDate: r((b = a.value) == null ? void 0 : b.startDate),
-      endDate: r((F = a.value) == null ? void 0 : F.endDate),
-      startTime: fe((R = a.value) == null ? void 0 : R.startDate),
-      endTime: fe((H = a.value) == null ? void 0 : H.endDate)
+    }), y = O(null), p = O(!1), h = St({
+      startDate: r((R = a.value) == null ? void 0 : R.startDate),
+      endDate: r((q = a.value) == null ? void 0 : q.endDate),
+      startTime: fe((G = a.value) == null ? void 0 : G.startDate),
+      endTime: fe((F = a.value) == null ? void 0 : F.endDate)
     });
-    X(
+    W(
       () => a.value,
       () => {
-        var d, L, $, Y;
-        m.startDate = r((d = a.value) == null ? void 0 : d.startDate), m.endDate = r((L = a.value) == null ? void 0 : L.endDate), m.startTime = fe(($ = a.value) == null ? void 0 : $.startDate), m.endTime = fe((Y = a.value) == null ? void 0 : Y.endDate);
+        var s, b, x, L;
+        h.startDate = r((s = a.value) == null ? void 0 : s.startDate), h.endDate = r((b = a.value) == null ? void 0 : b.endDate), h.startTime = fe((x = a.value) == null ? void 0 : x.startDate), h.endTime = fe((L = a.value) == null ? void 0 : L.endDate);
       }
     );
-    function T(d) {
-      return (d == null ? void 0 : d.length) !== void 0;
+    function C(s) {
+      return (s == null ? void 0 : s.length) !== void 0;
     }
-    const S = (d) => {
-      var L, $, Y, K, v, _, V, z, ee, ae;
-      if (!d || !(d != null && d.startDate) && !d.endDate)
+    const T = (s) => {
+      var b, x, L, z, _, m, V, X, ee, ae;
+      if (!s || !(s != null && s.startDate) && !s.endDate)
         return null;
-      if (T((L = a.options) == null ? void 0 : L.quickSelectRanges) && ((Y = ($ = a.options) == null ? void 0 : $.quickSelectRanges) == null ? void 0 : Y.length) > 0) {
-        const ne = (v = (K = a.options) == null ? void 0 : K.quickSelectRanges) == null ? void 0 : v.find(({ value: se, data: j }) => d ? d.range ? se === d.range : !d.startDate || !d.endDate ? !1 : j != null && j.endDate ? Te(j == null ? void 0 : j.startDate, d.startDate) && Te(j == null ? void 0 : j.endDate, d.endDate) : Te(j == null ? void 0 : j.startDate, d.startDate) && Yt(d.endDate) : !1);
+      if (C((b = a.options) == null ? void 0 : b.quickSelectRanges) && ((L = (x = a.options) == null ? void 0 : x.quickSelectRanges) == null ? void 0 : L.length) > 0) {
+        const ne = (_ = (z = a.options) == null ? void 0 : z.quickSelectRanges) == null ? void 0 : _.find(({ value: se, data: j }) => s ? s.range ? se === s.range : !s.startDate || !s.endDate ? !1 : j != null && j.endDate ? Te(j == null ? void 0 : j.startDate, s.startDate) && Te(j == null ? void 0 : j.endDate, s.endDate) : Te(j == null ? void 0 : j.startDate, s.startDate) && Yt(s.endDate) : !1);
         if (ne)
           return ne.label;
       }
-      return !d.startDate || !d.endDate ? null : ll(d.startDate, d.endDate) && ((_ = a == null ? void 0 : a.options) != null && _.allowTimeInput) ? `${he(d.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return !s.startDate || !s.endDate ? null : ll(s.startDate, s.endDate) && ((m = a == null ? void 0 : a.options) != null && m.allowTimeInput) ? `${he(s.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[(V = l.value) == null ? void 0 : V.substring(0, 2)] || n.enUS
-      })} - ${he(d.endDate, "HH:mm:ss", {
-        locale: n[(z = l.value) == null ? void 0 : z.substring(0, 2)] || n.enUS
-      })}` : `${he(d.startDate, "dd MMM, yyyy", {
+      })} - ${he(s.endDate, "HH:mm:ss", {
+        locale: n[(X = l.value) == null ? void 0 : X.substring(0, 2)] || n.enUS
+      })}` : `${he(s.startDate, "dd MMM, yyyy", {
         locale: n[(ee = l.value) == null ? void 0 : ee.substring(0, 2)] || n.enUS
-      })} - ${he(d.endDate, "dd MMM, yyyy", {
+      })} - ${he(s.endDate, "dd MMM, yyyy", {
         locale: n[(ae = l.value) == null ? void 0 : ae.substring(0, 2)] || n.enUS
       })}`;
-    }, w = x(S(a.value)), O = i(() => a.label), y = () => {
-      B.value.closePopover();
-      const { onlySlot: d, ...L } = a;
-      e(C.UPDATE, { ...L, value: o.value });
-    }, h = () => {
-      o.value = void 0, y();
+    }, I = O(T(a.value)), A = u(() => a.label), v = () => {
+      y.value.closePopover();
+      const { onlySlot: s, ...b } = a;
+      e(S.UPDATE, { ...b, value: o.value });
     }, g = () => {
-      o.value = a.defaultValue, y();
+      o.value = void 0, v();
+    }, B = () => {
+      o.value = a.defaultValue, v();
     }, E = () => {
       o.value = a.value;
     }, P = () => {
-      var d, L, $, Y;
-      o.value = a.value, u.value = !1, m.startDate = r((d = a.value) == null ? void 0 : d.startDate), m.endDate = r((L = a.value) == null ? void 0 : L.endDate), m.startTime = fe(($ = a.value) == null ? void 0 : $.startDate), m.endTime = fe((Y = a.value) == null ? void 0 : Y.endDate);
-    }, I = (d) => {
-      u.value = !1, o.value = d, m.startDate = r(d.startDate), m.endDate = r(d.endDate), e(C.INPUT, { ...a, value: o.value });
-    }, A = (d) => {
-      d != null && d.startDate && (d != null && d.endDate) && (o.value = d, m.startDate = r(d.startDate), m.endDate = r(d.endDate), e(C.INPUT, { ...a, value: o.value }));
-    }, M = (d) => {
-      I(d), e(C.INPUT, { ...a, value: o.value });
-    }, G = i(
+      var s, b, x, L;
+      o.value = a.value, d.value = !1, h.startDate = r((s = a.value) == null ? void 0 : s.startDate), h.endDate = r((b = a.value) == null ? void 0 : b.endDate), h.startTime = fe((x = a.value) == null ? void 0 : x.startDate), h.endTime = fe((L = a.value) == null ? void 0 : L.endDate);
+    }, w = (s) => {
+      d.value = !1, o.value = s, h.startDate = r(s.startDate), h.endDate = r(s.endDate), e(S.INPUT, { ...a, value: o.value });
+    }, D = (s) => {
+      s != null && s.startDate && (s != null && s.endDate) && (o.value = s, h.startDate = r(s.startDate), h.endDate = r(s.endDate), e(S.INPUT, { ...a, value: o.value }));
+    }, M = (s) => {
+      w(s), e(S.INPUT, { ...a, value: o.value });
+    }, $ = u(
       () => [
         {
           title: t("apply"),
-          event: y,
-          disabled: u.value || p.value || c.value
+          event: v,
+          disabled: d.value || p.value || c.value
         },
         {
           title: a.defaultValue ? t("reset") : t("clear"),
-          event: a.defaultValue ? g : h,
-          disabled: p.value && s.value
+          event: a.defaultValue ? B : g,
+          disabled: p.value && i.value
         }
       ]
-    ), Q = () => {
-      p.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(C.INPUT, { ...a, value: o.value });
-    }, D = (d) => {
-      p.value = !1, d.startTime && (m.startTime = d.startTime), d.endTime && (m.endTime = d.endTime);
+    ), K = () => {
+      p.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(S.INPUT, { ...a, value: o.value });
+    }, J = (s) => {
+      p.value = !1, s.startTime && (h.startTime = s.startTime), s.endTime && (h.endTime = s.endTime);
     };
-    return X(
+    return W(
       () => a.value,
-      (d) => {
-        w.value = S(d);
+      (s) => {
+        I.value = T(s);
       },
       { deep: !0 }
     ), {
       // Refs
-      baseFilter: B,
+      baseFilter: y,
       // Values
-      actions: G,
-      formData: m,
+      actions: $,
+      formData: h,
       internalFilterValue: o,
       isApplyButtonDisabled: c,
-      isSecondaryButtonDisabled: s,
-      isSelectingDate: u,
-      buttonLabel: O,
-      buttonSecondaryLabel: w,
+      isSecondaryButtonDisabled: i,
+      isSelectingDate: d,
+      buttonLabel: A,
+      buttonSecondaryLabel: I,
       adjustedQuickSelectRanges: f,
       // Events
       onCancel: P,
-      onDateSelected: I,
+      onDateSelected: w,
       openFilter: E,
-      clearFilter: h,
-      resetFilter: g,
-      updateFilter: y,
-      onDatePickerRangeError: Q,
-      onDatePickerRangeFormDateInputUpdate: D,
+      clearFilter: g,
+      resetFilter: B,
+      updateFilter: v,
+      onDatePickerRangeError: K,
+      onDatePickerRangeFormDateInputUpdate: J,
       onDateInputSelected: M,
-      onRangeSelectorInput: A
+      onRangeSelectorInput: D
     };
   }
 });
-var ra = function() {
-  var t, n, r, o, s, c, u, f, B, p, m, T, S, w, O, y, h, g, E, P, I, A, M, G;
+var oa = function() {
+  var t, n, r, o, i, c, d, f, y, p, h, C, T, I, A, v, g, B, E, P, w, D, M, $;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths, "quick-select-ranges": (u = e.options) == null ? void 0 : u.quickSelectRanges, variant: (f = e.options) == null ? void 0 : f.variant, disabled: e.disabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (p = e.options) == null ? void 0 : p.maxRange, min: (m = e.options) == null ? void 0 : m.min, max: (T = e.options) == null ? void 0 : T.max, "date-form-data": e.formData, "show-end-date-on-open": (S = e.options) == null ? void 0 : S.showEndDateOnOpen, "aria-labelledby": (w = e.$attrs) == null ? void 0 : w["aria-labelledby"] }, on: { "update:model-value": e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (O = e.options) == null ? void 0 : O.allowTimeInput, "first-day-of-week": (y = e.options) == null ? void 0 : y.firstDayOfWeek, "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled, granularities: (g = e.options) == null ? void 0 : g.granularities, "max-range": (E = e.options) == null ? void 0 : E.maxRange, min: (P = e.options) == null ? void 0 : P.min, max: (I = e.options) == null ? void 0 : I.max, "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (M = e.options) == null ? void 0 : M.showEndDateOnOpen, variant: (G = e.options) == null ? void 0 : G.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(Q) {
+  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (r = e.options) == null ? void 0 : r.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled, "number-of-months": (c = e.options) == null ? void 0 : c.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges, variant: (f = e.options) == null ? void 0 : f.variant, disabled: e.disabled, granularities: (y = e.options) == null ? void 0 : y.granularities, "max-range": (p = e.options) == null ? void 0 : p.maxRange, min: (h = e.options) == null ? void 0 : h.min, max: (C = e.options) == null ? void 0 : C.max, "date-form-data": e.formData, "show-end-date-on-open": (T = e.options) == null ? void 0 : T.showEndDateOnOpen, "aria-labelledby": (I = e.$attrs) == null ? void 0 : I["aria-labelledby"] }, on: { "update:model-value": e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (A = e.options) == null ? void 0 : A.allowTimeInput, "first-day-of-week": (v = e.options) == null ? void 0 : v.firstDayOfWeek, "is-date-disabled": (g = e.options) == null ? void 0 : g.isDateDisabled, granularities: (B = e.options) == null ? void 0 : B.granularities, "max-range": (E = e.options) == null ? void 0 : E.maxRange, min: (P = e.options) == null ? void 0 : P.min, max: (w = e.options) == null ? void 0 : w.max, "number-of-months": (D = e.options) == null ? void 0 : D.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (M = e.options) == null ? void 0 : M.showEndDateOnOpen, variant: ($ = e.options) == null ? void 0 : $.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(K) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [l("bento-divider", { staticClass: "b-date-range-filter__divider" }), l("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, oa = [], sa = /* @__PURE__ */ N(
-  na,
+}, sa = [], ia = /* @__PURE__ */ N(
   ra,
   oa,
+  sa,
   !1,
   null,
   "46dea252"
 );
-const ct = sa.exports, ia = {
+const ct = ia.exports, ua = {
   name: "bento-radio-group-filter"
-}, ua = /* @__PURE__ */ U({
-  ...ia,
+}, ca = /* @__PURE__ */ U({
+  ...ua,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -1599,25 +1604,25 @@ const ct = sa.exports, ia = {
       isApplyButtonDisabled: r,
       // Methods
       clearFilter: o,
-      openFilter: s,
+      openFilter: i,
       resetFilter: c
-    } = rt(q(l, "value"), q(l, "defaultValue")), u = i(() => {
-      var T;
-      const m = ((T = l.options.items.find((S) => S.value === l.value)) == null ? void 0 : T.label) || "";
-      return te(m, 12);
-    }), f = i(() => ({
+    } = rt(H(l, "value"), H(l, "defaultValue")), d = u(() => {
+      var C;
+      const h = ((C = l.options.items.find((T) => T.value === l.value)) == null ? void 0 : C.label) || "";
+      return te(h, 12);
+    }), f = u(() => ({
       "b-radio-group-filter--only-slot": l.onlySlot
     }));
-    function B(m) {
-      t.value = m, e("input", { ...l, value: t.value });
+    function y(h) {
+      t.value = h, e("input", { ...l, value: t.value });
     }
     function p() {
       e("update", { ...l, value: t.value });
     }
-    return { __sfc: !0, props: l, emit: e, internalFilterValue: t, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r, clearFilter: o, openFilter: s, resetFilter: c, buttonSecondaryLabel: u, conditionalClasses: f, onInput: B, updateFilter: p, BentoRadioGroup: Ye, BentoBaseFilter: le };
+    return { __sfc: !0, props: l, emit: e, internalFilterValue: t, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r, clearFilter: o, openFilter: i, resetFilter: c, buttonSecondaryLabel: d, conditionalClasses: f, onInput: y, updateFilter: p, BentoRadioGroup: Ye, BentoBaseFilter: le };
   }
 });
-var ca = function() {
+var da = function() {
   var n;
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l(t.BentoBaseFilter, e._b({ attrs: { "button-label": e.label, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: t.updateFilter, clear: function(r) {
@@ -1627,15 +1632,15 @@ var ca = function() {
   } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-radio-group-filter", class: t.conditionalClasses }, [l(t.BentoRadioGroup, { attrs: { items: (n = e.options) == null ? void 0 : n.items, label: e.label, disabled: e.disabled, "hide-label": "", variant: "vertical" }, on: { "update:model-value": t.onInput }, model: { value: t.internalFilterValue, callback: function(r) {
     t.internalFilterValue = r;
   }, expression: "internalFilterValue" } })], 1)]);
-}, da = [], fa = /* @__PURE__ */ N(
-  ua,
+}, fa = [], pa = /* @__PURE__ */ N(
   ca,
   da,
+  fa,
   !1,
   null,
   "8fe9c1b3"
 );
-const dt = fa.exports, pa = {
+const dt = pa.exports, ba = {
   "de-DE": {
     all: "Alle",
     noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.",
@@ -1686,10 +1691,10 @@ const dt = fa.exports, pa = {
     noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器",
     searchFilter: "搜索 {filter}"
   }
-}, ba = {
-  i18n: { messages: pa }
-}, va = /* @__PURE__ */ U({
-  ...ba,
+}, va = {
+  i18n: { messages: ba }
+}, _a = /* @__PURE__ */ U({
+  ...va,
   __name: "select-filter-button",
   props: {
     /**
@@ -1742,111 +1747,111 @@ const dt = fa.exports, pa = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var Q, D;
-    const l = a, t = ge(), { t: n } = Z(), r = x(""), o = q(l, "options"), s = x(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: u, resetCache: f } = Re(
-      s,
-      q(l, "value"),
-      q(o.value, "multiple")
-    ), { cachedSelectedListboxOptions: B } = Re(
-      s,
-      q(l, "defaultValue"),
-      q(o.value, "multiple")
-    ), { internalFilterValue: p, isSecondaryButtonDisabled: m, isApplyButtonDisabled: T } = oe(c, B);
-    X(o, () => {
-      s.value = o.value.listboxItems ?? [];
+    var K, J;
+    const l = a, t = ge(), { t: n } = Z(), r = O(""), o = H(l, "options"), i = O(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: f } = Re(
+      i,
+      H(l, "value"),
+      H(o.value, "multiple")
+    ), { cachedSelectedListboxOptions: y } = Re(
+      i,
+      H(l, "defaultValue"),
+      H(o.value, "multiple")
+    ), { internalFilterValue: p, isSecondaryButtonDisabled: h, isApplyButtonDisabled: C } = oe(c, y);
+    W(o, () => {
+      i.value = o.value.listboxItems ?? [];
     });
-    const S = we(
+    const T = Ie(
       r,
-      s,
-      (D = (Q = l.options) == null ? void 0 : Q.search) == null ? void 0 : D.searchEvent
-    ), w = i(() => n("noFiltersMatchThisSearch")), O = i(() => l.label), y = i(() => {
-      var R, H, d, L, $;
-      const b = !((R = l == null ? void 0 : l.options) != null && R.multiple) && l.value != null, F = ((H = l == null ? void 0 : l.options) == null ? void 0 : H.multiple) && Array.isArray(l.value) && l.value.length === 1;
-      if (b || F) {
-        if ((d = l.options) != null && d.enableValueLabelPair) {
-          let v = ((L = l.value) == null ? void 0 : L.length) > 0 ? l.value[0].label : l.value.label;
-          return v || (v = l.value, Ct(
+      i,
+      (J = (K = l.options) == null ? void 0 : K.search) == null ? void 0 : J.searchEvent
+    ), I = u(() => n("noFiltersMatchThisSearch")), A = u(() => l.label), v = u(() => {
+      var G, F, s, b, x;
+      const R = !((G = l == null ? void 0 : l.options) != null && G.multiple) && l.value != null, q = ((F = l == null ? void 0 : l.options) == null ? void 0 : F.multiple) && Array.isArray(l.value) && l.value.length === 1;
+      if (R || q) {
+        if ((s = l.options) != null && s.enableValueLabelPair) {
+          let _ = ((b = l.value) == null ? void 0 : b.length) > 0 ? l.value[0].label : l.value.label;
+          return _ || (_ = l.value, Ct(
             'BentoFilterBar Select filter (single & multi): The "value" provided is incorrect. The "value" must be of type "BentoListboxSelectedValueLabelPair" or "Array<BentoListboxSelectedValueLabelPair>" when "enableValueLabelPair" is set to true'
-          )), te(v, 12);
+          )), te(_, 12);
         }
-        let K = ($ = l.options.listboxItems.flatMap((v) => v.items ? v.items : v).find(
-          ({ value: v }) => {
-            var _;
-            return Array.isArray(l.value) ? (_ = l == null ? void 0 : l.value) == null ? void 0 : _.includes(v) : v === l.value;
+        let z = (x = l.options.listboxItems.flatMap((_) => _.items ? _.items : _).find(
+          ({ value: _ }) => {
+            var m;
+            return Array.isArray(l.value) ? (m = l == null ? void 0 : l.value) == null ? void 0 : m.includes(_) : _ === l.value;
           }
-        )) == null ? void 0 : $.label;
-        return !K && l.value && (K = l.value[0]), te(K, 12);
+        )) == null ? void 0 : x.label;
+        return !z && l.value && (z = l.value[0]), te(z, 12);
       }
       return null;
-    }), h = i(() => ve(`filter-listbox-${l.field}`)), g = (b) => {
-      var d, L, $;
-      p.value = b;
-      const { onlySlot: F, ...R } = l;
-      if ((d = l.options) != null && d.multiple) {
-        let Y;
-        (L = l.options) != null && L.enableValueLabelPair ? Y = b.length ? p.value : null : Y = b.length ? p.value.map(({ value: K }) => K) : null, e(C.INPUT, { ...R, value: Y });
+    }), g = u(() => ve(`filter-listbox-${l.field}`)), B = (R) => {
+      var s, b, x;
+      p.value = R;
+      const { onlySlot: q, ...G } = l;
+      if ((s = l.options) != null && s.multiple) {
+        let L;
+        (b = l.options) != null && b.enableValueLabelPair ? L = R.length ? p.value : null : L = R.length ? p.value.map(({ value: z }) => z) : null, e(S.INPUT, { ...G, value: L });
         return;
       }
-      let H;
-      ($ = l.options) != null && $.enableValueLabelPair ? H = b.length ? b[0] : null : H = b.length ? b[0].value : null, e(C.INPUT, { ...R, value: H });
+      let F;
+      (x = l.options) != null && x.enableValueLabelPair ? F = R.length ? R[0] : null : F = R.length ? R[0].value : null, e(S.INPUT, { ...G, value: F });
     }, E = () => {
-      var H, d, L, $, Y, K;
-      const { onlySlot: b, ...F } = l;
+      var F, s, b, x, L, z;
+      const { onlySlot: R, ...q } = l;
       if (l.options.multiple) {
-        p.value && ((H = p.value) == null ? void 0 : H.length) === 0 && (p.value = l.defaultValue !== null ? B.value : void 0);
-        let v;
-        (d = l.options) != null && d.enableValueLabelPair ? v = (L = p.value) != null && L.length ? p.value : null : v = ($ = p.value) != null && $.length ? (Y = p.value) == null ? void 0 : Y.map(({ value: _ }) => _) : null, e(C.UPDATE, {
-          ...F,
-          value: v
+        p.value && ((F = p.value) == null ? void 0 : F.length) === 0 && (p.value = l.defaultValue !== null ? y.value : void 0);
+        let _;
+        (s = l.options) != null && s.enableValueLabelPair ? _ = (b = p.value) != null && b.length ? p.value : null : _ = (x = p.value) != null && x.length ? (L = p.value) == null ? void 0 : L.map(({ value: m }) => m) : null, e(S.UPDATE, {
+          ...q,
+          value: _
         });
         return;
       }
-      let R;
-      (K = l.options) != null && K.enableValueLabelPair ? R = p.value.length ? p.value[0] : void 0 : R = p.value.length ? p.value[0].value : void 0, e(C.UPDATE, { ...F, value: R });
+      let G;
+      (z = l.options) != null && z.enableValueLabelPair ? G = p.value.length ? p.value[0] : void 0 : G = p.value.length ? p.value[0].value : void 0, e(S.UPDATE, { ...q, value: G });
     }, P = () => {
-      var b, F;
-      p.value = c.value, (F = (b = l.options) == null ? void 0 : b.onOpen) == null || F.call(b);
-    }, I = () => {
+      var R, q;
+      p.value = c.value, (q = (R = l.options) == null ? void 0 : R.onOpen) == null || q.call(R);
+    }, w = () => {
       r.value && (r.value = "");
-    }, A = () => {
-      u(B.value), p.value = B.value, E();
+    }, D = () => {
+      d(y.value), p.value = y.value, E();
     }, M = () => {
       f(), p.value = [], E();
-    }, G = i(() => {
-      var R, H;
+    }, $ = u(() => {
+      var G, F;
       if (l.value == null || !l.options.multiple)
         return null;
-      const b = (R = l.options.listboxItems) == null ? void 0 : R.reduce((d, L) => {
-        var $;
-        return d += ($ = L == null ? void 0 : L.items) != null && $.length ? L.items.length : 1, d;
-      }, 0), F = (H = l.value) == null ? void 0 : H.length;
-      return F === 1 ? null : F === b ? n("all") : F;
+      const R = (G = l.options.listboxItems) == null ? void 0 : G.reduce((s, b) => {
+        var x;
+        return s += (x = b == null ? void 0 : b.items) != null && x.length ? b.items.length : 1, s;
+      }, 0), q = (F = l.value) == null ? void 0 : F.length;
+      return q === 1 ? null : q === R ? n("all") : q;
     });
-    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: s, cachedSelectedListboxOptions: c, setCachedValues: u, resetCache: f, cachedDefaultSelectedListboxOptions: B, internalFilterValue: p, isSecondaryButtonDisabled: m, isApplyButtonDisabled: T, filteredItems: S, noResultsMessage: w, buttonLabel: O, buttonSecondaryLabel: y, listboxFilterId: h, onOptionSelected: g, updateFilter: E, openFilter: P, closeFilter: I, resetFilter: A, clearFilter: M, appliedFiltersCount: G, BentoSearchBar: Oe, BentoDivider: Ie, BentoListbox: $t, BentoBaseFilter: le };
+    return { __sfc: !0, slots: t, emit: e, props: l, t: n, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: f, cachedDefaultSelectedListboxOptions: y, internalFilterValue: p, isSecondaryButtonDisabled: h, isApplyButtonDisabled: C, filteredItems: T, noResultsMessage: I, buttonLabel: A, buttonSecondaryLabel: v, listboxFilterId: g, onOptionSelected: B, updateFilter: E, openFilter: P, closeFilter: w, resetFilter: D, clearFilter: M, appliedFiltersCount: $, BentoSearchBar: Oe, BentoDivider: Ee, BentoListbox: Vt, BentoBaseFilter: le };
   }
 });
-var _a = function() {
-  var n, r, o, s, c, u, f, B, p, m, T, S, w, O, y, h, g;
+var ma = function() {
+  var n, r, o, i, c, d, f, y, p, h, C, T, I, A, v, g, B;
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l(t.BentoBaseFilter, { attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText, value: e.value }, on: { apply: t.updateFilter, clear: t.clearFilter, reset: t.resetFilter, open: t.openFilter, close: t.closeFilter } }, [l("div", { staticClass: "b-select-filter-button__search-bar-wrapper" }, [((o = e.options) == null ? void 0 : o.dynamicFiltering) ?? !0 ? l("div", { staticClass: "b-select-filter-button__search-bar" }, [l(t.BentoSearchBar, { attrs: { "debounce-time": (c = (s = e.options) == null ? void 0 : s.search) == null ? void 0 : c.debounceTime, value: t.searchTerm, "input-field-aria-label": t.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(E) {
+  return l(t.BentoBaseFilter, { attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText, value: e.value }, on: { apply: t.updateFilter, clear: t.clearFilter, reset: t.resetFilter, open: t.openFilter, close: t.closeFilter } }, [l("div", { staticClass: "b-select-filter-button__search-bar-wrapper" }, [((o = e.options) == null ? void 0 : o.dynamicFiltering) ?? !0 ? l("div", { staticClass: "b-select-filter-button__search-bar" }, [l(t.BentoSearchBar, { attrs: { "debounce-time": (c = (i = e.options) == null ? void 0 : i.search) == null ? void 0 : c.debounceTime, value: t.searchTerm, "input-field-aria-label": t.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(E) {
     t.searchTerm = E;
-  } } })], 1) : e._e(), l("div", { staticClass: "b-select-filter-button__divider" }, [l(t.BentoDivider)], 1)]), l(t.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: t.listboxFilterId, "aria-label": e.label, "component-loading": (u = e.options) == null ? void 0 : u.loading, "empty-state": (f = e.options) == null ? void 0 : f.emptyState, "has-more-items": (p = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : p.hasMoreItems, items: t.filteredItems, "is-option-disabled": (m = e.options) == null ? void 0 : m.isOptionDisabled, "lazy-load-type": (S = (T = e.options) == null ? void 0 : T.lazy) == null ? void 0 : S.lazyLoadType, loading: (O = (w = e.options) == null ? void 0 : w.lazy) == null ? void 0 : O.loading, multiple: (y = e.options) == null ? void 0 : y.multiple, "static-categories": (h = e.options) == null ? void 0 : h.staticCategories, "no-results-message": t.noResultsMessage, searching: !!t.searchTerm, "selected-value": t.internalFilterValue, "virtual-scroll": (g = e.options) == null ? void 0 : g.virtualScroll }, on: { select: t.onOptionSelected, "space-pressed": t.onOptionSelected, "enter-pressed": t.onOptionSelected, "show-more": function(E) {
-    var P, I;
-    (I = (P = e.options) == null ? void 0 : P.lazy) == null || I.showMoreEvent();
+  } } })], 1) : e._e(), l("div", { staticClass: "b-select-filter-button__divider" }, [l(t.BentoDivider)], 1)]), l(t.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: t.listboxFilterId, "aria-label": e.label, "component-loading": (d = e.options) == null ? void 0 : d.loading, "empty-state": (f = e.options) == null ? void 0 : f.emptyState, "has-more-items": (p = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : p.hasMoreItems, items: t.filteredItems, "is-option-disabled": (h = e.options) == null ? void 0 : h.isOptionDisabled, "lazy-load-type": (T = (C = e.options) == null ? void 0 : C.lazy) == null ? void 0 : T.lazyLoadType, loading: (A = (I = e.options) == null ? void 0 : I.lazy) == null ? void 0 : A.loading, multiple: (v = e.options) == null ? void 0 : v.multiple, "static-categories": (g = e.options) == null ? void 0 : g.staticCategories, "no-results-message": t.noResultsMessage, searching: !!t.searchTerm, "selected-value": t.internalFilterValue, "virtual-scroll": (B = e.options) == null ? void 0 : B.virtualScroll }, on: { select: t.onOptionSelected, "space-pressed": t.onOptionSelected, "enter-pressed": t.onOptionSelected, "show-more": function(E) {
+    var P, w;
+    (w = (P = e.options) == null ? void 0 : P.lazy) == null || w.showMoreEvent();
   } }, scopedSlots: e._u([e._l(t.slots, function(E, P) {
-    return { key: P, fn: function(I) {
-      return [e._t(P, null, null, I)];
+    return { key: P, fn: function(w) {
+      return [e._t(P, null, null, w)];
     } };
   })], null, !0) })], 1);
-}, ma = [], ya = /* @__PURE__ */ N(
-  va,
+}, ya = [], ha = /* @__PURE__ */ N(
   _a,
   ma,
+  ya,
   !1,
   null,
   "0eecb17a"
 );
-const ha = ya.exports, Fa = {
+const Fa = ha.exports, ga = {
   "de-DE": {
     noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche."
   },
@@ -1877,11 +1882,11 @@ const ha = ya.exports, Fa = {
   "zh-CN": {
     noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器"
   }
-}, ga = {
-  i18n: { messages: Fa },
+}, Ba = {
+  i18n: { messages: ga },
   name: "select-filter-dropdown"
-}, Ba = /* @__PURE__ */ U({
-  ...ga,
+}, Sa = /* @__PURE__ */ U({
+  ...Ba,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1934,38 +1939,38 @@ const ha = ya.exports, Fa = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const l = a, { t } = Z(), n = ge(), { internalFilterValue: r } = oe(q(l, "value"), q(l, "defaultValue")), o = q(l, "options"), s = x(l.options.listboxItems);
-    X(o, () => {
-      s.value = o.value.listboxItems;
+    const l = a, { t } = Z(), n = ge(), { internalFilterValue: r } = oe(H(l, "value"), H(l, "defaultValue")), o = H(l, "options"), i = O(l.options.listboxItems);
+    W(o, () => {
+      i.value = o.value.listboxItems;
     });
-    const c = i(() => t("noFiltersMatchThisSearch"));
-    return { __sfc: !0, t, slots: n, emit: e, props: l, internalFilterValue: r, optionsRef: o, itemsRef: s, noResultsMessage: c, onOptionSelected: (f) => {
+    const c = u(() => t("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t, slots: n, emit: e, props: l, internalFilterValue: r, optionsRef: o, itemsRef: i, noResultsMessage: c, onOptionSelected: (f) => {
       r.value = f;
-      const { onlySlot: B, ...p } = l;
-      e(C.INPUT, { ...p, value: r.value });
-    }, BentoDropdown: Rt };
+      const { onlySlot: y, ...p } = l;
+      e(S.INPUT, { ...p, value: r.value });
+    }, BentoDropdown: Lt };
   }
 });
-var Sa = function() {
-  var n, r, o, s, c, u, f;
+var Ca = function() {
+  var n, r, o, i, c, d, f;
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l(t.BentoDropdown, { attrs: { "model-value": t.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (r = e.options) == null ? void 0 : r.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": t.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": ((s = e.options) == null ? void 0 : s.dynamicFiltering) ?? !0, "component-loading": (c = e.options) == null ? void 0 : c.loading, "empty-state": (u = e.options) == null ? void 0 : u.emptyState, disabled: e.disabled, "enable-value-label-pair": (f = e.options) == null ? void 0 : f.enableValueLabelPair }, on: { "update:model-value": t.onOptionSelected, open: () => {
-    var B, p;
-    return (p = (B = e.options) == null ? void 0 : B.onOpen) == null ? void 0 : p.call(B);
-  } }, scopedSlots: e._u([e._l(t.slots, function(B, p) {
-    return { key: p, fn: function(m) {
-      return [e._t(p, null, null, m)];
+  return l(t.BentoDropdown, { attrs: { "model-value": t.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (r = e.options) == null ? void 0 : r.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": t.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": ((i = e.options) == null ? void 0 : i.dynamicFiltering) ?? !0, "component-loading": (c = e.options) == null ? void 0 : c.loading, "empty-state": (d = e.options) == null ? void 0 : d.emptyState, disabled: e.disabled, "enable-value-label-pair": (f = e.options) == null ? void 0 : f.enableValueLabelPair }, on: { "update:model-value": t.onOptionSelected, open: () => {
+    var y, p;
+    return (p = (y = e.options) == null ? void 0 : y.onOpen) == null ? void 0 : p.call(y);
+  } }, scopedSlots: e._u([e._l(t.slots, function(y, p) {
+    return { key: p, fn: function(h) {
+      return [e._t(p, null, null, h)];
     } };
   })], null, !0) });
-}, Ca = [], Ta = /* @__PURE__ */ N(
-  Ba,
+}, Ta = [], Da = /* @__PURE__ */ N(
   Sa,
   Ca,
+  Ta,
   !1,
   null,
   null
 );
-const Da = Ta.exports, me = {
+const Aa = Da.exports, me = {
   /**
    * Disables the filter from being interacted with.
    */
@@ -2016,8 +2021,8 @@ const Da = Ta.exports, me = {
     type: [String, Number, Array, Object],
     default: void 0
   }
-}, Aa = {}, xa = /* @__PURE__ */ U({
-  ...Aa,
+}, xa = {}, wa = /* @__PURE__ */ U({
+  ...xa,
   __name: "select-filter",
   props: me,
   emits: ["input", "update"],
@@ -2031,7 +2036,7 @@ const Da = Ta.exports, me = {
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), { __sfc: !0, slots: t, emit: e, props: l, onInput: n, onUpdate: r, SelectFilterButton: ha, SelectFilterDropdown: Da };
+    }), { __sfc: !0, slots: t, emit: e, props: l, onInput: n, onUpdate: r, SelectFilterButton: Fa, SelectFilterDropdown: Aa };
   }
 });
 var Oa = function() {
@@ -2045,15 +2050,15 @@ var Oa = function() {
       return [e._t(r, null, null, o)];
     } };
   })], null, !0) });
-}, wa = [], Ia = /* @__PURE__ */ N(
-  xa,
-  Oa,
+}, Ia = [], Ea = /* @__PURE__ */ N(
   wa,
+  Oa,
+  Ia,
   !1,
   null,
   null
 );
-const ce = Ia.exports, Pa = U({
+const ce = Ea.exports, Pa = U({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: ce,
@@ -2072,30 +2077,30 @@ const ce = Ia.exports, Pa = U({
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: C,
+      BentoFilterEvent: S,
       // Methods
-      onUpdate: (t) => e(C.UPDATE, t)
+      onUpdate: (t) => e(S.UPDATE, t)
     };
   }
 });
-var Ea = function() {
+var La = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ label: t, data: n }) {
     return [l("bento-avatar", { attrs: { username: t, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Ra = [], La = /* @__PURE__ */ N(
+}, Ra = [], ka = /* @__PURE__ */ N(
   Pa,
-  Ea,
+  La,
   Ra,
   !1,
   null,
   null
 );
-const ft = La.exports, ka = U({
+const ft = ka.exports, Na = U({
   name: "bento-select-currency-filter",
   components: {
     BentoSelectFilter: ce,
@@ -2114,75 +2119,75 @@ const ft = La.exports, ka = U({
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
     var o;
-    const l = (s) => {
-      e(C.UPDATE, s);
-    }, t = x([]);
-    X(
+    const l = (i) => {
+      e(S.UPDATE, i);
+    }, t = O([]);
+    W(
       () => {
-        var s;
-        return (s = a.options) == null ? void 0 : s.listboxItems;
+        var i;
+        return (i = a.options) == null ? void 0 : i.listboxItems;
       },
-      (s) => {
-        t.value = s || [];
+      (i) => {
+        t.value = i || [];
       },
       { immediate: !0 }
     );
     const n = (o = a.options) != null && o.search ? a.options.search : {
       debounceTime: 500,
-      searchEvent: async (s) => {
-        var B, p, m, T;
-        if (!s) {
-          t.value = ((B = a.options) == null ? void 0 : B.listboxItems) || [];
+      searchEvent: async (i) => {
+        var y, p, h, C;
+        if (!i) {
+          t.value = ((y = a.options) == null ? void 0 : y.listboxItems) || [];
           return;
         }
-        const c = (((p = a.options) == null ? void 0 : p.listboxItems) || []).map((S) => ({
-          ...S,
-          label: `${S.value} ${S.label}`
-        })), u = we(
-          x(s),
-          x(c),
-          (T = (m = a.options) == null ? void 0 : m.search) == null ? void 0 : T.searchEvent,
-          x(!1)
-        ).value, f = u == null ? void 0 : u.map((S) => ({
-          ...S,
-          label: S.label.substring(S.value.length + 1)
+        const c = (((p = a.options) == null ? void 0 : p.listboxItems) || []).map((T) => ({
+          ...T,
+          label: `${T.value} ${T.label}`
+        })), d = Ie(
+          O(i),
+          O(c),
+          (C = (h = a.options) == null ? void 0 : h.search) == null ? void 0 : C.searchEvent,
+          O(!1)
+        ).value, f = d == null ? void 0 : d.map((T) => ({
+          ...T,
+          label: T.label.substring(T.value.length + 1)
         }));
         t.value = f;
       }
-    }, r = i(() => ({
+    }, r = u(() => ({
       ...a.options,
       search: n,
       listboxItems: t.value
     }));
     return {
       // Enums
-      BentoFilterEvent: C,
+      BentoFilterEvent: S,
       // Methods
       onUpdate: l,
       internalOptions: r
     };
   }
 });
-var Na = function() {
+var $a = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.internalOptions }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function(t) {
     return [l("listbox-option-tag", { attrs: { option: t } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, $a = [], Va = /* @__PURE__ */ N(
-  ka,
+}, Va = [], Ua = /* @__PURE__ */ N(
   Na,
   $a,
+  Va,
   !1,
   null,
   null
 );
-const pt = Va.exports, Ua = {
+const pt = Ua.exports, Ma = {
   name: "bento-select-country-filter"
-}, Ma = /* @__PURE__ */ U({
-  ...Ua,
+}, Ha = /* @__PURE__ */ U({
+  ...Ma,
   props: {
     ...me,
     /**
@@ -2197,13 +2202,13 @@ const pt = Va.exports, Ua = {
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const l = a, t = x(l.options.variant), n = x(l.options.listboxItems);
-    X([() => l.options.variant, () => l.options.listboxItems], () => {
+    const l = a, t = O(l.options.variant), n = O(l.options.listboxItems);
+    W([() => l.options.variant, () => l.options.listboxItems], () => {
       t.value = l.options.variant, n.value = l.options.listboxItems;
     });
-    const r = (c) => e(C.UPDATE, c), o = Ht(t, n), s = i(() => ({
+    const r = (c) => e(S.UPDATE, c), o = Ht(t, n), i = u(() => ({
       ...l != null && l.options ? l.options : {},
       listboxItems: o.value
     }));
@@ -2211,23 +2216,23 @@ const pt = Va.exports, Ua = {
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), { __sfc: !0, props: l, emit: e, variant: t, listboxItems: n, onUpdate: r, countryItems: o, countryOptions: s, BentoFilterEvent: C, BentoTypography: _e, BentoSelectFilter: ce };
+    ), { __sfc: !0, props: l, emit: e, variant: t, listboxItems: n, onUpdate: r, countryItems: o, countryOptions: i, BentoFilterEvent: S, BentoTypography: _e, BentoSelectFilter: ce };
   }
 });
-var Ha = function() {
+var qa = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l(t.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: t.countryOptions }, on: { update: t.onUpdate, input: (n) => e.$emit(t.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
     return [l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
   } }]) }, "bento-select-filter", t.props, !1));
-}, qa = [], Ga = /* @__PURE__ */ N(
-  Ma,
+}, Ga = [], ja = /* @__PURE__ */ N(
   Ha,
   qa,
+  Ga,
   !1,
   null,
   null
 );
-const bt = Ga.exports, ja = U({
+const bt = ja.exports, Ya = U({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: ce,
@@ -2246,30 +2251,30 @@ const bt = Ga.exports, ja = U({
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: C,
+      BentoFilterEvent: S,
       // Methods
-      onUpdate: (t) => e(C.UPDATE, t)
+      onUpdate: (t) => e(S.UPDATE, t)
     };
   }
 });
-var Ya = function() {
+var Wa = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ value: t, label: n }) {
     return [l("bento-payment-method", { attrs: { type: t, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Wa = [], Xa = /* @__PURE__ */ N(
-  ja,
+}, za = [], Xa = /* @__PURE__ */ N(
   Ya,
   Wa,
+  za,
   !1,
   null,
   null
 );
-const vt = Xa.exports, za = U({
+const vt = Xa.exports, Ja = U({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ce,
@@ -2288,41 +2293,41 @@ const vt = Xa.exports, za = U({
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const l = (r) => e(C.UPDATE, r), t = i(
+    const l = (r) => e(S.UPDATE, r), t = u(
       () => {
         var r, o;
-        return (o = (r = a == null ? void 0 : a.options) == null ? void 0 : r.listboxItems) == null ? void 0 : o.map(({ label: s, value: c, variant: u }) => ({ label: s, value: c, data: u }));
+        return (o = (r = a == null ? void 0 : a.options) == null ? void 0 : r.listboxItems) == null ? void 0 : o.map(({ label: i, value: c, variant: d }) => ({ label: i, value: c, data: d }));
       }
     );
     return {
       // Values
-      countryOptions: i(() => ({
+      countryOptions: u(() => ({
         ...a.options,
         listboxItems: t.value
       })),
       // Methods
       onUpdate: l,
       // Enums
-      BentoFilterEvent: C
+      BentoFilterEvent: S
     };
   }
 });
-var Ja = function() {
+var Qa = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (t) => e.$emit(e.BentoFilterEvent.INPUT, t) }, scopedSlots: e._u([{ key: "default", fn: function({ label: t, data: n }) {
     return [l("listbox-option-tag", { attrs: { option: { value: t, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Qa = [], Ka = /* @__PURE__ */ N(
-  za,
+}, Ka = [], Za = /* @__PURE__ */ N(
   Ja,
   Qa,
+  Ka,
   !1,
   null,
   null
 );
-const _t = Ka.exports, Za = {
+const _t = Za.exports, en = {
   "de-DE": {
     filter: "Mein Filter",
     resetFilter: "Filter zurücksetzen {filterName}"
@@ -2363,11 +2368,11 @@ const _t = Ka.exports, Za = {
     filter: "我的筛选器",
     resetFilter: "重置筛选器 {filterName}"
   }
-}, en = {
-  i18n: { messages: Za },
+}, tn = {
+  i18n: { messages: en },
   name: "bento-toggle-filter"
-}, tn = /* @__PURE__ */ U({
-  ...en,
+}, ln = /* @__PURE__ */ U({
+  ...tn,
   props: {
     description: null,
     disabled: { type: Boolean, default: !1 },
@@ -2379,42 +2384,42 @@ const _t = Ka.exports, Za = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const l = a, { t } = Z(), n = ve("toggle-filter-checkbox-label"), r = ve("toggle-filter-checkbox-description"), o = x(l.value);
-    X(
+    const l = a, { t } = Z(), n = ve("toggle-filter-checkbox-label"), r = ve("toggle-filter-checkbox-description"), o = O(l.value);
+    W(
       () => l.value,
       (p) => {
         o.value = p;
       }
     );
-    const s = i(() => ({
+    const i = u(() => ({
       "b-toggle-filter__only-slot--disabled": l.disabled
     })), c = (p) => {
       o.value = p, e("input", { ...l, value: p });
-    }, u = () => {
+    }, d = () => {
       e("update", { ...l, value: o.value });
     };
-    return { __sfc: !0, t, checkboxLabelId: n, checkboxDescriptionId: r, props: l, emit: e, internalValue: o, onlySlotConditionalClasses: s, onInput: c, updateProps: u, toggleFilter: () => {
-      o.value = !o.value, u();
+    return { __sfc: !0, t, checkboxLabelId: n, checkboxDescriptionId: r, props: l, emit: e, internalValue: o, onlySlotConditionalClasses: i, onInput: c, updateProps: d, toggleFilter: () => {
+      o.value = !o.value, d();
     }, resetFilter: () => {
-      o.value = !1, u();
-    }, vBentoTooltipDirective: Xe, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: Ut, BentoTypography: _e, CheckmarkIcon: Vt, CrossSmallIcon: ze };
+      o.value = !1, d();
+    }, vBentoTooltipDirective: ze, FilterBarButtonGroup: ot, FilterBarButton: Ce, CheckboxInput: $t, BentoTypography: _e, CheckmarkIcon: Ut, CrossSmallIcon: Xe };
   }
 });
-var ln = function() {
+var an = function() {
   var n, r;
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return e.onlySlot ? l("label", { staticClass: "b-toggle-filter__only-slot", class: t.onlySlotConditionalClasses }, [l(t.CheckboxInput, { staticClass: "b-toggle-filter__checkbox", attrs: { "aria-labelledby": t.checkboxLabelId, "aria-describedby": t.checkboxDescriptionId, disabled: e.disabled, "model-value": t.internalValue }, on: { "update:model-value": t.onInput } }), l("div", { staticClass: "b-toggle-filter__content" }, [l(t.BentoTypography, { attrs: { id: t.checkboxLabelId, variant: "title", medium: "" } }, [e._v(e._s(e.label))]), e.description ? l(t.BentoTypography, { attrs: { id: t.checkboxDescriptionId } }, [e._v(e._s(e.description))]) : e._e()], 1)], 1) : l(t.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[options?.tooltipPosition]", value: (n = e.options) == null ? void 0 : n.tooltipText, expression: "options?.tooltipText", arg: (r = e.options) == null ? void 0 : r.tooltipPosition }], attrs: { "skip-grouping": !t.internalValue } }, [l(t.FilterBarButton, { attrs: { "aria-pressed": t.internalValue ? "true" : "false", active: t.internalValue, disabled: e.disabled }, on: { click: t.toggleFilter } }, [l("div", { staticClass: "b-toggle-filter" }, [e._v(" " + e._s(e.label) + " "), l(t.CheckmarkIcon, { directives: [{ name: "show", rawName: "v-show", value: t.internalValue, expression: "internalValue" }], staticClass: "b-toggle-filter__checkmark", attrs: { "aria-hidden": "true" } })], 1)]), t.internalValue ? l(t.FilterBarButton, { attrs: { "aria-label": t.t("resetFilter", { filterName: e.label }), disabled: e.disabled, active: t.internalValue }, on: { click: t.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l(t.CrossSmallIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 1418887828) }) : e._e()], 1);
-}, an = [], nn = /* @__PURE__ */ N(
-  tn,
+}, nn = [], rn = /* @__PURE__ */ N(
   ln,
   an,
+  nn,
   !1,
   null,
   "16cb6c7e"
 );
-const mt = nn.exports, rn = {
+const mt = rn.exports, on = {
   "de-DE": {
     no: "Nein",
     yes: "Ja"
@@ -2455,9 +2460,9 @@ const mt = nn.exports, rn = {
     no: "不",
     yes: "是"
   }
-}, on = U({
+}, sn = U({
   name: "bento-boolean-filter",
-  i18n: { messages: rn },
+  i18n: { messages: on },
   components: { BentoBaseFilter: le, BentoRadioGroup: Ye },
   props: {
     /**
@@ -2499,12 +2504,12 @@ const mt = nn.exports, rn = {
       default: void 0
     }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const { t: l } = Z(), t = (h) => typeof h == "boolean" ? h == null ? void 0 : h.toString() : h, n = (h) => {
-      var g, E, P, I;
-      return ((E = (g = a == null ? void 0 : a.options) == null ? void 0 : g.positiveOption) == null ? void 0 : E.value) !== void 0 && ((I = (P = a == null ? void 0 : a.options) == null ? void 0 : P.negativeOption) == null ? void 0 : I.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof h == "string" ? h === "true" : h;
-    }, r = i(() => t(a.defaultValue)), o = i(() => t(a.value)), s = i(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
+    const { t: l } = Z(), t = (g) => typeof g == "boolean" ? g == null ? void 0 : g.toString() : g, n = (g) => {
+      var B, E, P, w;
+      return ((E = (B = a == null ? void 0 : a.options) == null ? void 0 : B.positiveOption) == null ? void 0 : E.value) !== void 0 && ((w = (P = a == null ? void 0 : a.options) == null ? void 0 : P.negativeOption) == null ? void 0 : w.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof g == "string" ? g === "true" : g;
+    }, r = u(() => t(a.defaultValue)), o = u(() => t(a.value)), i = u(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
       {
         ...a.options.positiveOption,
         value: t(a.options.positiveOption.value)
@@ -2516,34 +2521,34 @@ const mt = nn.exports, rn = {
     ] : [
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
-    ]), { internalFilterValue: c, isSecondaryButtonDisabled: u, isApplyButtonDisabled: f } = oe(
+    ]), { internalFilterValue: c, isSecondaryButtonDisabled: d, isApplyButtonDisabled: f } = oe(
       o,
       r
-    ), B = i(() => a.label), p = i(
+    ), y = u(() => a.label), p = u(
       () => {
-        var h;
-        return te((h = s.value.find(({ value: g }) => g === o.value)) == null ? void 0 : h.label, 12);
+        var g;
+        return te((g = i.value.find(({ value: B }) => B === o.value)) == null ? void 0 : g.label, 12);
       }
-    ), m = i(() => ({
+    ), h = u(() => ({
       "b-boolean-filter--only-slot": a.onlySlot
     }));
     Be(() => {
       c.value || (c.value = null);
     });
-    const T = (h) => {
-      c.value = h, e(C.INPUT, {
+    const C = (g) => {
+      c.value = g, e(S.INPUT, {
         ...a,
         value: n(c.value)
       });
-    }, S = () => {
+    }, T = () => {
       c.value = o.value;
-    }, w = () => {
-      e(C.UPDATE, {
+    }, I = () => {
+      e(S.UPDATE, {
         ...a,
         value: n(c.value)
       });
-    }, O = () => e(C.UPDATE, { ...a, value: a.defaultValue }), y = () => {
-      c.value = null, w();
+    }, A = () => e(S.UPDATE, { ...a, value: a.defaultValue }), v = () => {
+      c.value = null, I();
     };
     return Fe(() => {
       Se(
@@ -2553,39 +2558,39 @@ const mt = nn.exports, rn = {
       );
     }), {
       // Values
-      items: s,
-      conditionalClasses: m,
-      buttonLabel: B,
+      items: i,
+      conditionalClasses: h,
+      buttonLabel: y,
       buttonSecondaryLabel: p,
       internalFilterValue: c,
       isApplyButtonDisabled: f,
-      isSecondaryButtonDisabled: u,
+      isSecondaryButtonDisabled: d,
       translatedValue: o,
       translatedDefaultValue: r,
       // Events
-      onInput: T,
-      updateFilter: w,
-      clearFilter: y,
-      openFilter: S,
-      resetFilter: O
+      onInput: C,
+      updateFilter: I,
+      clearFilter: v,
+      openFilter: T,
+      resetFilter: A
     };
   }
 });
-var sn = function() {
+var un = function() {
   var t, n;
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(r) {
     return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [l("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, un = [], cn = /* @__PURE__ */ N(
-  on,
+}, cn = [], dn = /* @__PURE__ */ N(
   sn,
   un,
+  cn,
   !1,
   null,
-  "975044d8"
+  "85731910"
 );
-const yt = cn.exports, dn = {
+const yt = dn.exports, fn = {
   "de-DE": {
     from: "Von",
     to: "Bis"
@@ -2615,8 +2620,8 @@ const yt = cn.exports, dn = {
     to: "A"
   },
   "ja-JP": {
-    from: "終了",
-    to: "開始"
+    from: "開始",
+    to: "終了"
   },
   "pt-BR": {
     from: "De",
@@ -2626,10 +2631,10 @@ const yt = cn.exports, dn = {
     from: "自",
     to: "至"
   }
-}, fn = U({
+}, pn = U({
   name: "bento-range-filter",
-  i18n: { messages: dn },
-  components: { BentoBaseFilter: le, BentoInputField: xe },
+  i18n: { messages: fn },
+  components: { BentoBaseFilter: le, BentoInputField: we },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -2665,31 +2670,31 @@ const yt = cn.exports, dn = {
      */
     options: { type: Object, default: void 0 }
   },
-  emits: [C.INPUT, C.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(a, { emit: e }) {
-    const { t: l } = Z(), t = x(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = oe(
-      q(a, "value"),
-      q(a, "defaultValue")
-    ), s = i(() => {
-      var P, I, A, M, G, Q, D, b;
-      if (!((P = a.value) != null && P[0]) && !((I = a.value) != null && I[1]))
+    const { t: l } = Z(), t = O(null), { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = oe(
+      H(a, "value"),
+      H(a, "defaultValue")
+    ), i = u(() => {
+      var P, w, D, M, $, K, J, R;
+      if (!((P = a.value) != null && P[0]) && !((w = a.value) != null && w[1]))
         return null;
-      let y = "";
-      (A = a.value) != null && A[0] ? (M = a.value) != null && M[1] || (y = "≥") : y = "≤";
-      const h = (G = a.value) != null && G[0] ? `${te(a.value[0], 5)}` : "", g = (Q = a.value) != null && Q[0] && ((D = a.value) != null && D[1]) ? " - " : "", E = (b = a.value) != null && b[1] ? `${te(a.value[1], 5)}` : "";
-      return `${y}${h}${g}${E}`;
-    }), c = i(() => a.label), u = i(() => s.value), f = i(() => ({
+      let v = "";
+      (D = a.value) != null && D[0] ? (M = a.value) != null && M[1] || (v = "≥") : v = "≤";
+      const g = ($ = a.value) != null && $[0] ? `${te(a.value[0], 5)}` : "", B = (K = a.value) != null && K[0] && ((J = a.value) != null && J[1]) ? " - " : "", E = (R = a.value) != null && R[1] ? `${te(a.value[1], 5)}` : "";
+      return `${v}${g}${B}${E}`;
+    }), c = u(() => a.label), d = u(() => i.value), f = u(() => ({
       "b-range-filter--only-slot": a.onlySlot
-    })), B = () => {
+    })), y = () => {
       n.value = a.value, Ge(() => t.value.focusInput());
     }, p = () => {
-      e(C.INPUT, { ...a, value: n.value });
-    }, m = (y) => {
-      n.value = [y, n.value[1]], p();
-    }, T = (y) => {
-      n.value = [n.value[0], y], p();
-    }, S = () => {
-      n.value.some((y) => y) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(C.UPDATE, {
+      e(S.INPUT, { ...a, value: n.value });
+    }, h = (v) => {
+      n.value = [v, n.value[1]], p();
+    }, C = (v) => {
+      n.value = [n.value[0], v], p();
+    }, T = () => {
+      n.value.some((v) => v) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(S.UPDATE, {
         ...a,
         value: n.value
       });
@@ -2702,36 +2707,36 @@ const yt = cn.exports, dn = {
       isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: r,
       buttonLabel: c,
-      buttonSecondaryLabel: u,
+      buttonSecondaryLabel: d,
       // Events
-      updateFrom: m,
-      updateTo: T,
-      updateFilter: S,
+      updateFrom: h,
+      updateTo: C,
+      updateFilter: T,
       clearFilter: () => {
-        n.value = ["", ""], S();
+        n.value = ["", ""], T();
       },
-      openFilter: B,
-      resetFilter: () => e(C.UPDATE, { ...a, value: a.defaultValue }),
+      openFilter: y,
+      resetFilter: () => e(S.UPDATE, { ...a, value: a.defaultValue }),
       // Translations
       t: l
     };
   }
 });
-var pn = function() {
+var bn = function() {
   var t, n;
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot, "tooltip-position": (t = e.options) == null ? void 0 : t.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(r) {
     return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [l("bento-input-field", { ref: "inputTextRef", attrs: { "model-value": e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString(), disabled: e.disabled }, on: { "update:model-value": e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), l("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { "model-value": e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to"), disabled: e.disabled }, on: { "update:model-value": e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
-}, bn = [], vn = /* @__PURE__ */ N(
-  fn,
+}, vn = [], _n = /* @__PURE__ */ N(
   pn,
   bn,
+  vn,
   !1,
   null,
   "540f94ab"
 );
-const ht = vn.exports, _n = {
+const ht = _n.exports, mn = {
   "de-DE": {
     all: "Alle"
   },
@@ -2762,11 +2767,11 @@ const ht = vn.exports, _n = {
   "zh-CN": {
     all: "全部"
   }
-}, mn = {
+}, yn = {
   name: "bento-checkbox-group-filter",
-  i18n: { messages: _n }
-}, yn = /* @__PURE__ */ U({
-  ...mn,
+  i18n: { messages: mn }
+}, hn = /* @__PURE__ */ U({
+  ...yn,
   props: {
     disabled: { type: Boolean, default: !1 },
     defaultValue: { default: void 0 },
@@ -2782,72 +2787,76 @@ const ht = vn.exports, _n = {
       internalFilterValue: n,
       isSecondaryButtonDisabled: r,
       isApplyButtonDisabled: o,
-      clearFilter: s,
+      clearFilter: i,
       resetFilter: c,
-      openFilter: u
-    } = rt(q(l, "value"), q(l, "defaultValue")), f = x(n.value ?? []), B = i(() => ({
+      openFilter: d
+    } = rt(H(l, "value"), H(l, "defaultValue")), f = O(n.value ?? []), y = u(() => ({
       "b-checkbox-group-filter--only-slot": l.onlySlot
-    })), p = i(() => l.label), m = i(
+    })), p = u(() => l.label), h = u(
       () => {
-        var O, y;
+        var A, v;
         return f.value.length === 1 ? te(
-          ((y = (O = l.options) == null ? void 0 : O.checkboxItems.find((h) => f.value[0] === h.value)) == null ? void 0 : y.label) ?? "",
+          ((v = (A = l.options) == null ? void 0 : A.checkboxItems.find((g) => f.value[0] === g.value)) == null ? void 0 : v.label) ?? "",
           12
         ) : null;
       }
-    ), T = i(() => {
-      var O;
-      return !f.value.length || m.value ? null : f.value.length === ((O = l.options) == null ? void 0 : O.checkboxItems.length) ? t("all") : f.value.length;
+    ), C = u(() => {
+      var A;
+      return !f.value.length || h.value ? null : f.value.length === ((A = l.options) == null ? void 0 : A.checkboxItems.length) ? t("all") : f.value.length;
     });
-    return { __sfc: !0, props: l, emit: e, t, internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, clearFilter: s, resetFilter: c, openFilter: u, displayedValues: f, conditionalClasses: B, buttonLabel: p, buttonSecondaryLabel: m, appliedFiltersCount: T, updateFilter: (O) => {
-      f.value = O ?? [], e("update", { ...l, value: O });
-    }, onModelValueUpdate: (O) => {
-      n.value = O, e("input", { ...l, value: n.value });
-    }, BentoCheckboxGroup: wt, BentoBaseFilter: le };
+    return { __sfc: !0, props: l, emit: e, t, internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, clearFilter: i, resetFilter: c, openFilter: d, displayedValues: f, conditionalClasses: y, buttonLabel: p, buttonSecondaryLabel: h, appliedFiltersCount: C, updateFilter: (A) => {
+      f.value = A ?? [], e("update", { ...l, value: A });
+    }, onModelValueUpdate: (A) => {
+      n.value = A, e("input", { ...l, value: n.value });
+    }, BentoCheckboxGroup: Ot, BentoBaseFilter: le };
   }
 });
-var hn = function() {
+var Fn = function() {
   var n, r, o;
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l(t.BentoBaseFilter, e._b({ attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText }, on: { apply: function(s) {
+  return l(t.BentoBaseFilter, e._b({ attrs: { "applied-filters-count": t.appliedFiltersCount, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (r = e.options) == null ? void 0 : r.tooltipText }, on: { apply: function(i) {
     return t.updateFilter(t.internalFilterValue);
-  }, clear: function(s) {
+  }, clear: function(i) {
     return t.clearFilter(t.updateFilter);
-  }, open: t.openFilter, reset: function(s) {
+  }, open: t.openFilter, reset: function(i) {
     return t.resetFilter(t.updateFilter);
-  } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-checkbox-group-filter", class: t.conditionalClasses, on: { keydown: function(s) {
-    return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.updateFilter(t.internalFilterValue);
+  } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-checkbox-group-filter", class: t.conditionalClasses, on: { keydown: function(i) {
+    return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : t.updateFilter(t.internalFilterValue);
   } } }, [l(t.BentoCheckboxGroup, { attrs: { "model-value": t.internalFilterValue, items: (o = e.options) == null ? void 0 : o.checkboxItems, label: e.label, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": t.onModelValueUpdate } })], 1)]);
-}, Fn = [], gn = /* @__PURE__ */ N(
-  yn,
+}, gn = [], Bn = /* @__PURE__ */ N(
   hn,
   Fn,
+  gn,
   !1,
   null,
   "508aa213"
 );
-const Ft = gn.exports, Me = 430, He = 700;
-function Bn(a, e) {
-  const l = x("div"), t = x(!1), n = x(0), r = i(() => !(n.value < Me && e.value.small === "multi-line"));
+const Ft = Bn.exports, He = 430, Ae = 700;
+function Sn(a, e) {
+  const l = O("div"), t = O(!1), n = O(0), r = u(() => !(n.value < He && e.value.small === "multi-line"));
   function o() {
     t.value = !1, l.value = "div";
   }
-  function s() {
+  function i() {
     t.value = !0, l.value = et;
   }
   function c() {
-    n.value > He || n.value < He && n.value >= Me && e.value.medium === "multi-line" ? o() : s();
+    n.value > Ae || n.value < Ae && n.value >= He && e.value.medium === "multi-line" ? o() : i();
   }
-  return X(() => e.value, c), It(a, (u) => {
-    n.value = u[0].contentRect.width, c();
-  }), {
+  W(() => e.value, c), It(a, (y) => {
+    n.value = y[0].contentRect.width, c();
+  });
+  const d = u(() => n.value >= Ae), f = u(() => ({ "b-filter-bar--large-layout": d.value }));
+  return {
     screenLayoutComponent: l,
     showSearchbarInsideContainer: r,
-    isOneLineLayout: t
+    isOneLineLayout: t,
+    isLargeLayout: d,
+    rootElementConditionalClasses: f
   };
 }
-var Ae = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(Ae || {});
-const Sn = U({
+var xe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(xe || {});
+const Cn = U({
   name: "base-filter-button",
   components: { BaseButton: Je, BentoTypography: _e, ChevronUpIcon: kt, ChevronDownIcon: Nt },
   props: {
@@ -2874,25 +2883,25 @@ const Sn = U({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [Ee.CLICK],
+  emits: [Le.CLICK],
   setup(a, { slots: e, emit: l, attrs: t }) {
-    const n = i(() => e.default ? Ze(e)("default") : null), r = Ke({ ariaLabel: n }), o = x(null), s = i(() => {
+    const n = u(() => e.default ? Ze(e)("default") : null), r = Ke({ ariaLabel: n }), o = O(null), i = u(() => {
       var f;
       return {
         "aria-controls": (f = t["aria-controls"]) == null ? void 0 : f.toString()
       };
-    }), c = i(() => ({
+    }), c = u(() => ({
       "b-base-filter-button--with-chevron": a.hasChevron,
       "b-base-filter-button--filter-open": a.isFilterOpen
     }));
     return {
       // Values
-      ariaAttributes: s,
+      ariaAttributes: i,
       computedAriaLabel: r,
       conditionalClasses: c,
       // Methods
       onClickButton: () => {
-        a.disabled || l(Ee.CLICK);
+        a.disabled || l(Le.CLICK);
       },
       hasSlot: Qe(e),
       // Refs
@@ -2900,22 +2909,22 @@ const Sn = U({
     };
   }
 });
-var Cn = function() {
+var Tn = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
     return [e.isFilterOpen ? l("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : l("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) }, [l("div", { staticClass: "b-base-filter-button__default-container" }, [l("div", { staticClass: "b-base-filter-button__label-container" }, [l("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? l("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [l("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
-}, Tn = [], Dn = /* @__PURE__ */ N(
-  Sn,
+}, Dn = [], An = /* @__PURE__ */ N(
   Cn,
   Tn,
+  Dn,
   !1,
   null,
   "66b170d4"
 );
-const An = Dn.exports, xn = U({
+const xn = An.exports, wn = U({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: An },
+  components: { BaseFilterButton: xn },
   props: {
     /**
      * Button label to be displayed
@@ -2937,7 +2946,7 @@ const An = Dn.exports, xn = U({
   emits: ["click"],
   setup(a, { emit: e }) {
     return {
-      conditionalClasses: i(() => ({
+      conditionalClasses: u(() => ({
         "b-all-filters-modal-button--with-counter": a.appliedFiltersCount,
         "b-all-filters-modal-button--filter-open": a.isFilterOpen
       })),
@@ -2950,17 +2959,17 @@ const An = Dn.exports, xn = U({
 var On = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, wn = [], In = /* @__PURE__ */ N(
-  xn,
-  On,
+}, In = [], En = /* @__PURE__ */ N(
   wn,
+  On,
+  In,
   !1,
   null,
   "4c415ac7"
 );
-const Pn = In.exports;
+const Pn = En.exports;
 let qe = 0;
-const En = {
+const Ln = {
   beforeCreate() {
     this.uuid = qe.toString(), qe += 1;
   }
@@ -2968,15 +2977,15 @@ const En = {
 var Rn = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#001222", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z" } }), l("path", { attrs: { fill: "#001222", d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z" } })]);
-}, Ln = [], kn = /* @__PURE__ */ N(
-  En,
-  Rn,
+}, kn = [], Nn = /* @__PURE__ */ N(
   Ln,
+  Rn,
+  kn,
   !1,
   null,
   null
 );
-const Nn = kn.exports, $n = {
+const $n = Nn.exports, Vn = {
   "de-DE": {
     activeFilters: "Aktive Filter",
     all: "Alle",
@@ -3097,9 +3106,9 @@ const Nn = kn.exports, $n = {
     otherFilters: "其他筛选器",
     searchBar: "搜索栏"
   }
-}, Vn = {
+}, Un = {
   name: "all-filters-modal",
-  i18n: { messages: $n },
+  i18n: { messages: Vn },
   components: {
     BentoBooleanFilter: yt,
     BentoCheckboxGroupFilter: Ft,
@@ -3117,177 +3126,177 @@ const Nn = kn.exports, $n = {
     BentoSelectTagFilter: _t,
     BentoToggleFilter: mt
   }
-}, Un = /* @__PURE__ */ U({
-  ...Vn,
+}, Mn = /* @__PURE__ */ U({
+  ...Un,
   props: {
     value: { default: () => [] }
   },
-  emits: [Ae.INPUT],
+  emits: [xe.INPUT],
   setup(a, { emit: e }) {
-    const l = a, t = x(l.value), n = ve("all-filters-modal"), r = x([]), o = x(!1), s = x(0), c = x(null), u = x(""), { t: f, n: B } = Z(), p = we(u, q(t, "value")), m = x({});
+    const l = a, t = O(l.value), n = ve("all-filters-modal"), r = O([]), o = O(!1), i = O(0), c = O(null), d = O(""), { t: f, n: y } = Z(), p = Ie(d, H(t, "value")), h = O({});
     Be(() => {
-      m.value = [];
-    }), X(
+      h.value = [];
+    }), W(
       () => l.value,
       () => {
-        o.value ? t.value = l.value.map((v, _) => ({ ...v, value: t.value[_].value })) : t.value = l.value;
+        o.value ? t.value = l.value.map((_, m) => ({ ..._, value: t.value[m].value })) : t.value = l.value;
       }
     );
-    const T = (v) => v.sort((_, V) => _.label > V.label ? 1 : V.label > _.label ? -1 : 0), S = i(
-      () => T(
+    const C = (_) => _.sort((m, V) => m.label > V.label ? 1 : V.label > m.label ? -1 : 0), T = u(
+      () => C(
         p.value.filter(
-          (v) => {
-            var _, V;
-            return Array.isArray(v.value) ? ((_ = v.value) == null ? void 0 : _.length) && ((V = v.value) == null ? void 0 : V.find((z) => z !== "")) : v.value;
+          (_) => {
+            var m, V;
+            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) && ((V = _.value) == null ? void 0 : V.find((X) => X !== "")) : _.value;
           }
         )
       )
-    ), w = i(
-      () => T(
+    ), I = u(
+      () => C(
         p.value.filter(
-          (v) => {
-            var _, V;
-            return Array.isArray(v.value) ? ((_ = v.value) == null ? void 0 : _.length) === 0 || ((V = v.value) == null ? void 0 : V.every((z) => z === "")) : !v.value;
+          (_) => {
+            var m, V;
+            return Array.isArray(_.value) ? ((m = _.value) == null ? void 0 : m.length) === 0 || ((V = _.value) == null ? void 0 : V.every((X) => X === "")) : !_.value;
           }
         )
       )
-    ), O = i(() => {
-      var v;
-      return u.value && ((v = p.value) == null ? void 0 : v.length) === 0;
-    }), y = i(() => {
-      var v;
+    ), A = u(() => {
+      var _;
+      return d.value && ((_ = p.value) == null ? void 0 : _.length) === 0;
+    }), v = u(() => {
+      var _;
       return {
-        ...t.value[s.value],
-        labelId: ve((v = t.value[s.value]) == null ? void 0 : v.field)
+        ...t.value[i.value],
+        labelId: ve((_ = t.value[i.value]) == null ? void 0 : _.field)
       };
-    }), h = () => {
-      const v = S.value.length ? S.value[0] : w.value[0], _ = t.value.findIndex(
-        (V) => V.label === v.label && V.field === v.field
+    }), g = () => {
+      const _ = T.value.length ? T.value[0] : I.value[0], m = t.value.findIndex(
+        (V) => V.label === _.label && V.field === _.field
       );
-      s.value = _;
+      i.value = m;
     };
     Fe(() => {
-      h();
+      g();
     });
-    const g = (v) => v.map((_) => {
-      var V, z, ee, ae, ne, se, j, ye;
-      switch (_.type) {
-        case W.SELECT:
-        case W.SELECT_AVATAR:
-        case W.SELECT_COUNTRY:
-        case W.SELECT_CURRENCY:
-        case W.SELECT_PAYMENT_METHOD:
-        case W.SELECT_TAG:
-          return ((V = _.options) == null ? void 0 : V.multiple) === !0 ? {
-            label: _.label,
-            field: _.field,
-            count: (z = _.value) != null && z.length ? (ee = _.value) == null ? void 0 : ee.length : null
+    const B = (_) => _.map((m) => {
+      var V, X, ee, ae, ne, se, j, ye;
+      switch (m.type) {
+        case Y.SELECT:
+        case Y.SELECT_AVATAR:
+        case Y.SELECT_COUNTRY:
+        case Y.SELECT_CURRENCY:
+        case Y.SELECT_PAYMENT_METHOD:
+        case Y.SELECT_TAG:
+          return ((V = m.options) == null ? void 0 : V.multiple) === !0 ? {
+            label: m.label,
+            field: m.field,
+            count: (X = m.value) != null && X.length ? (ee = m.value) == null ? void 0 : ee.length : null
           } : {
-            label: _.label,
-            field: _.field,
-            count: _.value == null ? null : 1
+            label: m.label,
+            field: m.field,
+            count: m.value == null ? null : 1
           };
-        case W.DATE_RANGE:
+        case Y.DATE_RANGE:
           return {
-            label: _.label,
-            field: _.field,
-            count: ((ae = _.value) == null ? void 0 : ae.startDate) != null && ((ne = _.value) == null ? void 0 : ne.endDate) != null ? 1 : null
+            label: m.label,
+            field: m.field,
+            count: ((ae = m.value) == null ? void 0 : ae.startDate) != null && ((ne = m.value) == null ? void 0 : ne.endDate) != null ? 1 : null
           };
-        case W.RANGE:
+        case Y.RANGE:
           return {
-            label: _.label,
-            field: _.field,
-            count: (se = _.value) != null && se.find((gt) => gt !== "") ? 1 : null
+            label: m.label,
+            field: m.field,
+            count: (se = m.value) != null && se.find((gt) => gt !== "") ? 1 : null
           };
-        case W.CHECKBOX_GROUP:
+        case Y.CHECKBOX_GROUP:
           return {
-            label: _.label,
-            field: _.field,
-            count: (j = _.value) != null && j.length ? (ye = _.value) == null ? void 0 : ye.length : null
+            label: m.label,
+            field: m.field,
+            count: (j = m.value) != null && j.length ? (ye = m.value) == null ? void 0 : ye.length : null
           };
-        case W.TOGGLE:
+        case Y.TOGGLE:
           return {
-            label: _.label,
-            field: _.field,
-            count: _.value ? 1 : null
+            label: m.label,
+            field: m.field,
+            count: m.value ? 1 : null
           };
-        case W.INPUT:
-        case W.BOOLEAN:
-        case W.DATE:
-        case W.RADIO_GROUP:
+        case Y.INPUT:
+        case Y.BOOLEAN:
+        case Y.DATE:
+        case Y.RADIO_GROUP:
         default:
           return {
-            label: _.label,
-            field: _.field,
-            count: _.value != null ? 1 : null
+            label: m.label,
+            field: m.field,
+            count: m.value != null ? 1 : null
           };
       }
-    }), E = i(
+    }), E = u(
       () => {
-        var v;
-        return Array.isArray(y.value.value) ? ((v = y.value) == null ? void 0 : v.value.length) && y.value.value.find((_) => _ !== "") : !!t.value[s.value].value;
+        var _;
+        return Array.isArray(v.value.value) ? ((_ = v.value) == null ? void 0 : _.value.length) && v.value.value.find((m) => m !== "") : !!t.value[i.value].value;
       }
-    ), P = i(() => y.value.type !== W.TOGGLE), I = i(() => !E.value || y.value.disabled), A = i(() => {
-      var v;
-      return (v = g(l.value)) == null ? void 0 : v.filter(({ count: _ }) => !!_).length;
+    ), P = u(() => v.value.type !== Y.TOGGLE), w = u(() => !E.value || v.value.disabled), D = u(() => {
+      var _;
+      return (_ = B(l.value)) == null ? void 0 : _.filter(({ count: m }) => !!m).length;
     }), M = () => {
       o.value ? o.value = !1 : o.value = !0;
-    }, G = (v) => {
+    }, $ = (_) => {
       var ee, ae, ne, se, j;
-      const _ = g(t.value).find((ye) => ye.field === v.field).count, V = typeof v.type == "string" && // Type guard to avoid casting
-      v.type.includes("BentoSelect") && ((ee = v.options) == null ? void 0 : ee.multiple) && _ === ((ne = (ae = v.options) == null ? void 0 : ae.listboxItems) == null ? void 0 : ne.length), z = typeof v.type == "string" && v.type === W.CHECKBOX_GROUP && _ === ((j = (se = v.options) == null ? void 0 : se.checkboxItems) == null ? void 0 : j.length);
-      return V || z ? f("all") : _ === null ? null : B(_);
-    }, Q = (v, _) => {
-      s.value = t.value.findIndex(
-        (V) => V.label === v && V.field === _
+      const m = B(t.value).find((ye) => ye.field === _.field).count, V = typeof _.type == "string" && // Type guard to avoid casting
+      _.type.includes("BentoSelect") && ((ee = _.options) == null ? void 0 : ee.multiple) && m === ((ne = (ae = _.options) == null ? void 0 : ae.listboxItems) == null ? void 0 : ne.length), X = typeof _.type == "string" && _.type === Y.CHECKBOX_GROUP && m === ((j = (se = _.options) == null ? void 0 : se.checkboxItems) == null ? void 0 : j.length);
+      return V || X ? f("all") : m === null ? null : y(m);
+    }, K = (_, m) => {
+      i.value = t.value.findIndex(
+        (V) => V.label === _ && V.field === m
       );
-    }, D = () => {
-      u.value = "";
-    }, b = () => {
-      o.value = !1, t.value = l.value, D(), h();
-    }, F = (v) => {
-      const _ = t.value.map(({ value: V, ...z }, ee) => ee === s.value ? { value: v.value, ...z } : { value: V, ...z });
-      t.value = _;
+    }, J = () => {
+      d.value = "";
     }, R = () => {
-      F({
-        field: y.value.field,
-        label: y.value.label,
-        type: y.value.type,
+      o.value = !1, t.value = l.value, J(), g();
+    }, q = (_) => {
+      const m = t.value.map(({ value: V, ...X }, ee) => ee === i.value ? { value: _.value, ...X } : { value: V, ...X });
+      t.value = m;
+    }, G = () => {
+      q({
+        field: v.value.field,
+        label: v.value.label,
+        type: v.value.type,
         value: void 0
       });
-    }, H = () => {
-      t.value = l.value.map(({ value: v, ..._ }) => ({
-        ..._,
+    }, F = () => {
+      t.value = l.value.map(({ value: _, ...m }) => ({
+        ...m,
         value: void 0
       }));
-    }, d = () => {
-      e(Ae.INPUT, t.value), o.value = !1;
-    }, L = i(
+    }, s = () => {
+      e(xe.INPUT, t.value), o.value = !1;
+    }, b = u(
       () => JSON.stringify(t.value) === JSON.stringify(l.value)
-    ), $ = i(() => [
+    ), x = u(() => [
       {
         title: f("applyAll"),
-        disabled: L.value,
-        event: d
+        disabled: b.value,
+        event: s
       },
       {
         title: f("cancel"),
-        event: b
+        event: R
       },
       {
         title: f("clearAll"),
-        disabled: !A.value,
-        event: H
+        disabled: !D.value,
+        event: F
       }
     ]);
-    return { __sfc: !0, props: l, emit: e, filtersInModal: t, allFiltersModalUniqueId: n, allFiltersModalFiltersSection: r, isModalOpen: o, selectedFilterIndex: s, selectedFilterRef: c, searchTerm: u, t: f, n: B, filteredItems: p, allFiltersModalFilterButtons: m, sortAlphabetically: T, activeFilters: S, otherFilters: w, isEmptyResultForSearchFilter: O, selectedFilter: y, selectOpenedFilter: h, computeCounts: g, hasValueSelected: E, shouldShowFilterTitle: P, isClearButtonDisabled: I, numberOfActiveFilters: A, onClickAllFiltersModal: M, getFilterCount: G, selectFilter: Q, onSearchbarClear: D, cancel: b, updateFilter: F, clearFilter: R, clearAll: H, applyAll: d, isApplyAllButtonDisabled: L, modalActions: $, onKeydownRight: () => {
-      Lt(1, c.value.$el).focus();
+    return { __sfc: !0, props: l, emit: e, filtersInModal: t, allFiltersModalUniqueId: n, allFiltersModalFiltersSection: r, isModalOpen: o, selectedFilterIndex: i, selectedFilterRef: c, searchTerm: d, t: f, n: y, filteredItems: p, allFiltersModalFilterButtons: h, sortAlphabetically: C, activeFilters: T, otherFilters: I, isEmptyResultForSearchFilter: A, selectedFilter: v, selectOpenedFilter: g, computeCounts: B, hasValueSelected: E, shouldShowFilterTitle: P, isClearButtonDisabled: w, numberOfActiveFilters: D, onClickAllFiltersModal: M, getFilterCount: $, selectFilter: K, onSearchbarClear: J, cancel: R, updateFilter: q, clearFilter: G, clearAll: F, applyAll: s, isApplyAllButtonDisabled: b, modalActions: x, onKeydownRight: () => {
+      Rt(1, c.value.$el).focus();
     }, onKeydownLeft: () => {
-      m.value[y.value.label].$el.focus();
-    }, BentoModal: Pt, BentoButton: Et, BentoSearchBar: Oe, BentoTypography: _e, FilterBarButton: Ce, AllFiltersModalButton: Pn, SlidersIcon: Nn };
+      h.value[v.value.label].$el.focus();
+    }, BentoModal: Et, BentoButton: Pt, BentoSearchBar: Oe, BentoTypography: _e, FilterBarButton: Ce, AllFiltersModalButton: Pn, SlidersIcon: $n };
   }
 });
-var Mn = function() {
+var Hn = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("div", { staticClass: "b-all-filters-modal" }, [l(t.FilterBarButton, { attrs: { "is-filter-open": t.isModalOpen, "applied-filters-count": t.numberOfActiveFilters, "no-applied-state-styles": "" }, on: { click: t.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l(t.SlidersIcon, { attrs: { "aria-hidden": "true" } })];
@@ -3312,15 +3321,15 @@ var Mn = function() {
       return !n.type.indexOf("key") && e._k(n.keyCode, "left", 37, n.key, ["Left", "ArrowLeft"]) || "button" in n && n.button !== 0 ? null : t.onKeydownLeft.apply(null, arguments);
     } } }, [t.shouldShowFilterTitle ? l("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [l(t.BentoTypography, { attrs: { id: t.selectedFilter.labelId, el: "div", variant: "title", medium: "" } }, [e._v(" " + e._s(t.selectedFilter.label) + " ")]), t.selectedFilter.description ? l(t.BentoTypography, { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(t.selectedFilter.description) + " ")]) : e._e()], 1) : e._e(), l("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [l(t.selectedFilter.type, { key: t.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { description: t.selectedFilter.description, field: t.selectedFilter.field, label: t.selectedFilter.label, options: t.selectedFilter.options, value: t.selectedFilter.value, "default-value": t.selectedFilter.defaultValue, "only-slot": !0, disabled: t.selectedFilter.disabled, "aria-labelledby": t.selectedFilter.labelId }, on: { input: t.updateFilter } })], 1), l("div", { staticClass: "b-all-filters-modal__clear-button" }, [l(t.BentoButton, { attrs: { variant: "secondary", disabled: t.isClearButtonDisabled }, on: { click: t.clearFilter } }, [e._v(e._s(t.t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
-}, Hn = [], qn = /* @__PURE__ */ N(
-  Un,
+}, qn = [], Gn = /* @__PURE__ */ N(
   Mn,
   Hn,
+  qn,
   !1,
   null,
   "732cf9cb"
 );
-const Gn = qn.exports, jn = {
+const jn = Gn.exports, Yn = {
   "de-DE": {
     clearFilters: "Filter löschen",
     filtersHaveBeenCleared: "Filter wurden gelöscht.",
@@ -3401,8 +3410,8 @@ const Gn = qn.exports, jn = {
     searchBar: "搜索栏",
     undo: "撤销"
   }
-}, Yn = {
-  i18n: { messages: jn },
+}, Wn = {
+  i18n: { messages: Yn },
   name: "bento-filter-bar",
   components: {
     BentoBooleanFilter: yt,
@@ -3423,8 +3432,8 @@ const Gn = qn.exports, jn = {
     BentoToggleFilter: mt,
     FixedScroller: et
   }
-}, Wn = /* @__PURE__ */ U({
-  ...Yn,
+}, zn = /* @__PURE__ */ U({
+  ...Wn,
   props: {
     config: { default: () => [] },
     filterValues: { default: () => [] },
@@ -3447,124 +3456,132 @@ const Gn = qn.exports, jn = {
     de.UPDATE
   ],
   setup(a, { expose: e, emit: l }) {
-    const t = a, { t: n } = Z(), r = x(null), o = i(
+    const t = a, { t: n } = Z(), r = O(null), o = u(
       () => {
-        var D, b;
-        return (b = ((D = t.config) == null ? void 0 : D.length) > 0 ? t.config : t.value) == null ? void 0 : b.map((F) => {
-          var H;
-          let R = (H = t.filterValues.find(({ field: d }) => d === F.field)) == null ? void 0 : H.value;
-          return t.filterValuesObject && F.field in t.filterValuesObject && (R = t.filterValuesObject[F.field]), R === void 0 && (R = (F == null ? void 0 : F.value) === void 0 && (F == null ? void 0 : F.defaultValue) !== void 0 ? F == null ? void 0 : F.defaultValue : F == null ? void 0 : F.value), { ...F, value: R !== void 0 ? R : F == null ? void 0 : F.value };
+        var F, s;
+        return (s = ((F = t.config) == null ? void 0 : F.length) > 0 ? t.config : t.value) == null ? void 0 : s.map((b) => {
+          var L;
+          let x = (L = t.filterValues.find(({ field: z }) => z === b.field)) == null ? void 0 : L.value;
+          return t.filterValuesObject && b.field in t.filterValuesObject && (x = t.filterValuesObject[b.field]), x === void 0 && (x = (b == null ? void 0 : b.value) === void 0 && (b == null ? void 0 : b.defaultValue) !== void 0 ? b == null ? void 0 : b.defaultValue : b == null ? void 0 : b.value), { ...b, value: x !== void 0 ? x : b == null ? void 0 : b.value };
         });
       }
-    ), { addToast: s } = bl(), { screenLayoutComponent: c, showSearchbarInsideContainer: u, isOneLineLayout: f } = Bn(
-      r,
-      q(t, "containerSizeLayout")
-    ), B = i(() => ({
+    ), { addToast: i } = vl(), {
+      screenLayoutComponent: c,
+      showSearchbarInsideContainer: d,
+      isOneLineLayout: f,
+      isLargeLayout: y,
+      rootElementConditionalClasses: p
+    } = Sn(r, H(t, "containerSizeLayout")), h = u(() => ({
       "b-filter-bar__fixed-scroller": f.value,
       "b-filter-bar__container": !f.value
       // Multi-line
-    })), p = i(() => ({
+    })), C = u(() => ({
       "b-filter-bar__scroller-content": f.value,
       "b-filter-bar__filters": !f.value
       // Multi-line
-    })), m = i(() => {
-      var D;
-      return ((D = t.search) == null ? void 0 : D.inputFieldAriaLabel) || n("searchBar");
-    }), T = i(() => {
+    })), T = u(() => {
+      var F;
+      return ((F = t.search) == null ? void 0 : F.inputFieldAriaLabel) || n("searchBar");
+    }), I = u(() => {
       if (!t.search)
         return;
-      const { debounceTime: D, disabled: b, inputFieldAriaLabel: F, hint: R, placeholder: H } = t.search;
-      return { debounceTime: D, disabled: b, inputFieldAriaLabel: F, hint: R, placeholder: H };
-    }), S = i(() => o.value.some(
-      ({ visible: b }) => b != null
-    ) ? o.value.some(({ visible: b }) => !b) : !1), w = i(
-      () => o.value.filter(({ defaultValue: D }) => D !== void 0)
-    ), O = i(() => o.value.some(
-      ({ visible: b }) => b != null
+      const { debounceTime: F, disabled: s, inputFieldAriaLabel: b, hint: x, placeholder: L } = t.search;
+      return { debounceTime: F, disabled: s, inputFieldAriaLabel: b, hint: x, placeholder: L };
+    }), A = u(
+      () => {
+        var F;
+        return (F = t.search) != null && F.width && y.value ? { minWidth: t.search.width, maxWidth: t.search.width } : void 0;
+      }
+    ), v = u(() => o.value.some(
+      ({ visible: s }) => s != null
+    ) ? o.value.some(({ visible: s }) => !s) : !1), g = u(
+      () => o.value.filter(({ defaultValue: F }) => F !== void 0)
+    ), B = u(
+      () => o.value.filter(({ defaultValue: F }) => F === void 0)
+    ), E = u(() => o.value.some(
+      ({ visible: s }) => s != null
     ) ? o.value.filter(
-      ({ defaultValue: b, visible: F, value: R }) => (
+      ({ defaultValue: s, visible: b, value: x }) => (
         // eslint-disable-next-line eqeqeq
-        b === void 0 && F || t.showAppliedHiddenFilters && R != null
+        s === void 0 && b || t.showAppliedHiddenFilters && x != null
       )
     ) : o.value.filter(
-      ({ defaultValue: b, value: F }) => (
+      ({ defaultValue: s, value: b }) => (
         // eslint-disable-next-line eqeqeq
-        b === void 0 || t.showAppliedHiddenFilters && F != null
+        s === void 0 || t.showAppliedHiddenFilters && b != null
       )
-    )), y = i(() => t.searchTerm != null), h = i(
-      () => o.value.filter(({ defaultValue: D }) => D == null).some(({ value: D }) => D != null)
-    ), g = i(() => w.value.length === 0 && h.value), E = i(() => w.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: b }) => b !== void 0 || b !== null).every(({ value: b, defaultValue: F }) => JSON.stringify(b) === JSON.stringify(F)) || h.value), P = (D) => {
-      l(ue.INPUT, D), l(
+    )), P = u(() => t.searchTerm != null), w = u(
+      () => o.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
+    ), D = u(() => g.value.length === 0 && w.value), M = u(() => g.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: s }) => s !== void 0 || s !== null).every(({ value: s, defaultValue: b }) => JSON.stringify(s) === JSON.stringify(b)) || w.value), $ = (F) => {
+      l(ue.INPUT, F), l(
         ue.UPDATE_FILTER_VALUES_ARRAY,
-        D == null ? void 0 : D.filter(({ value: b }) => b !== null || b !== void 0).map(({ field: b, value: F }) => ({ field: b, value: F }))
+        F == null ? void 0 : F.filter(({ value: s }) => s !== null || s !== void 0).map(({ field: s, value: b }) => ({ field: s, value: b }))
       ), l(
         ue.UPDATE_FILTER_VALUES_OBJECT,
-        D == null ? void 0 : D.filter(({ value: b }) => b !== null || b !== void 0).reduce((b, F) => (b[F.field] = F.value, b), {})
+        F == null ? void 0 : F.filter(({ value: s }) => s !== null || s !== void 0).reduce((s, b) => (s[b.field] = b.value, s), {})
       );
-    }, I = (D) => {
-      const b = o.value.findIndex(
-        (R) => R.field === D.field
-      ), F = o.value.slice();
-      F[b].value = D.value, P(F);
-    }, A = () => {
-      const D = o.value.slice(), b = o.value.map(({ value: F, ...R }) => ({
-        ...R,
+    }, K = (F) => {
+      const s = Array.isArray(F) ? F : [F], b = new Map(s.map((L) => [L.field, L.value])), x = o.value.map((L) => b.has(L.field) ? { ...L, value: b.get(L.field) } : L);
+      $(x);
+    }, J = () => {
+      const F = o.value.slice(), s = o.value.map(({ value: b, ...x }) => ({
+        ...x,
         value: void 0
       }));
-      s({
+      i({
         text: n("filtersHaveBeenCleared"),
         action: {
-          handler: () => P(D),
+          handler: () => $(F),
           text: n("undo")
         }
-      }), P(b);
-    }, M = () => {
-      const D = o.value.slice(), b = o.value.map(({ defaultValue: F, ...R }) => ({
-        ...R,
-        defaultValue: F,
-        value: F
+      }), $(s);
+    }, R = () => {
+      const F = o.value.slice(), s = o.value.map(({ defaultValue: b, ...x }) => ({
+        ...x,
+        defaultValue: b,
+        value: b
       }));
-      s({
+      i({
         text: n("filtersHaveBeenReset"),
         action: {
-          handler: () => P(D),
+          handler: () => $(F),
           text: n("undo")
         }
-      }), P(b);
-    }, G = (D) => {
-      l(de.INPUT, D), l(de.UPDATE, D);
-    }, Q = () => {
+      }), $(s);
+    }, q = (F) => {
+      l(de.INPUT, F), l(de.UPDATE, F);
+    }, G = () => {
       l(de.CLEAR);
     };
-    return e({ isClearAllVisible: g, clearAllFilters: A, isResetAllVisible: E, resetAllFilters: M }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: s, screenLayoutComponent: c, showSearchbarInsideContainer: u, isOneLineLayout: f, containerConditionalClasses: B, contentConditionalClasses: p, searchBarAriaLabel: m, searchBarProps: T, hasHiddenFilters: S, persistentFilters: w, regularFilters: O, isSearchBarEnabled: y, hasActiveFilters: h, isClearAllVisible: g, isResetAllVisible: E, updateAllFilters: P, updateFilterHandler: I, clearAllFilters: A, resetAllFilters: M, onSearchbarInput: G, onSearchbarClear: Q, FilterBarButton: Ce, BentoSearchBar: Oe, AllFiltersModal: Gn, RefreshIcon: pl };
+    return e({ isClearAllVisible: D, clearAllFilters: J, isResetAllVisible: M, resetAllFilters: R }), { __sfc: !0, props: t, emit: l, t: n, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, screenLayoutComponent: c, showSearchbarInsideContainer: d, isOneLineLayout: f, isLargeLayout: y, rootElementConditionalClasses: p, containerConditionalClasses: h, contentConditionalClasses: C, searchBarAriaLabel: T, searchBarProps: I, searchBarWidthStyle: A, hasHiddenFilters: v, persistentFilters: g, dynamicFilters: B, regularFilters: E, isSearchBarEnabled: P, hasActiveFilters: w, isClearAllVisible: D, isResetAllVisible: M, updateAllFilters: $, updateFilterHandler: K, clearAllFilters: J, resetAllFilters: R, onSearchbarInput: q, onSearchbarClear: G, FilterBarButton: Ce, BentoSearchBar: Oe, AllFiltersModal: jn, RefreshIcon: bl };
   }
 });
 var Xn = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "filterBarRef", staticClass: "b-filter-bar" }, [!t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-external-container" }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), l(t.screenLayoutComponent, { tag: "component", class: t.containerConditionalClasses, attrs: { condensed: "" } }, [l("div", { class: t.contentConditionalClasses }, [t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), t.persistentFilters.length ? e._l(t.persistentFilters, function(n) {
+  return l("div", { ref: "filterBarRef", staticClass: "b-filter-bar", class: t.rootElementConditionalClasses }, [!t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", { staticClass: "b-filter-bar__search-external-container" }, [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), l(t.screenLayoutComponent, { tag: "component", class: t.containerConditionalClasses, attrs: { condensed: "" } }, [l("div", { class: t.contentConditionalClasses }, [t.showSearchbarInsideContainer && t.isSearchBarEnabled ? l("div", [l(t.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", style: t.searchBarWidthStyle, attrs: { "input-field-aria-label": t.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: t.onSearchbarInput, clear: t.onSearchbarClear } }, "bento-search-bar", t.searchBarProps, !1))], 1) : e._e(), t.persistentFilters.length ? e._l(t.persistentFilters, function(n) {
     return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: t.updateFilterHandler } });
   }) : e._e(), e._l(t.regularFilters, function(n) {
     return l(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value }, on: { update: t.updateFilterHandler } });
-  }), t.hasHiddenFilters ? l(t.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: t.valueAndFilterValuesPropsMerged }, on: { input: t.updateAllFilters } }) : e._e(), t.isClearAllVisible ? l(t.FilterBarButton, { staticClass: "b-filter-bar__clear-all", on: { click: t.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+  }), t.hasHiddenFilters ? l(t.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: t.dynamicFilters }, on: { input: t.updateFilterHandler } }) : e._e(), t.isClearAllVisible ? l(t.FilterBarButton, { staticClass: "b-filter-bar__clear-all", on: { click: t.clearAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("clearFilters")) + " ")]) : e._e(), t.isResetAllVisible ? l(t.FilterBarButton, { staticClass: "b-filter-bar__reset-all", on: { click: t.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l(t.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(t.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
-}, zn = [], Jn = /* @__PURE__ */ N(
-  Wn,
-  Xn,
+}, Jn = [], Qn = /* @__PURE__ */ N(
   zn,
+  Xn,
+  Jn,
   !1,
   null,
-  "73ad5266"
+  "192ce897"
 );
-const Hr = Jn.exports;
+const Gr = Qn.exports;
 export {
   le as B,
-  Hr as a,
+  Gr as a,
   ue as b,
-  C as c,
-  W as d,
+  S as c,
+  Y as d,
   rt as u
 };
-//# sourceMappingURL=filter-bar.x445KK3y.js.map
+//# sourceMappingURL=filter-bar.C9rWMIWO.js.map