@adyen/bento-vue2 2.0.0 → 2.0.1-rc.0

package/dist/chunks/filter-bar.DUw139BE.js

@@ -0,0 +1,1867 @@
+import { ref as S, onMounted as de, watch as G, computed as n, defineComponent as k, useSlots as fe, useAttrs as Ye, nextTick as _e, onBeforeUpdate as he, toRef as M, unref as Xe, defineAsyncComponent as We, shallowRef as Ze, onBeforeUnmount as Qe, getCurrentInstance as et } from "vue";
+import { B as tt } from "./loading-indicator.PxbRzshH.js";
+import { a as Ee } from "./radio-group.CQfxWRbM.js";
+import { u as X } from "./index.CPOlyau9.js";
+import { t as ee } from "./truncate.DmCXQmeb.js";
+import { B as oe, d as lt, p as at } from "./typography.D1OZJbEa.js";
+import { u as st, e as Oe, h as rt, B as Pe } from "./button-actions.sLmpjWGK.js";
+import { b as xe } from "./tooltip.D9Nqxoyp.js";
+import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as re } from "./generate-uid.DBWe4g6T.js";
+import { C as ke } from "./cross-small.B9l4YLVX.js";
+import { B as De, a as Be } from "./base-button.DOhHyU7x.js";
+import { u as Ve } from "./use-has-slot.C9lQZ6nz.js";
+import { u as Ne } from "./aria-label.CaUURpnB.js";
+import { g as $e } from "./get-slot-text.DM_NdrUC.js";
+import { B as nt } from "./checkbox-group.D1SE-hz6.js";
+import "./index.Cl4_42j5.js";
+import { B as Me } from "./input-field.BT5tx_DM.js";
+import { u as Se, f as we, d as ot, B as it, C as ut } from "./dropdown.QLkWJ9zk.js";
+import { B as me, a as ae } from "./search-bar.CFscAHEn.js";
+import { B as ct } from "./divider.KxXy6nzJ.js";
+import { C as dt } from "./checkbox-input.CIoy_QxO.js";
+import { m as ft, f as pt, k as bt } from "./index.CL3TXc0a.js";
+import { F as Ue } from "./fixed-scroller.YC4bZifw.js";
+import { a as vt, B as _t } from "./modal-fullscreen.Bteroyik.js";
+import { B as ht } from "./modal.C6OJMJ_D.js";
+import { C as mt } from "./chevron-up.YQRo8uKs.js";
+import { C as Ft } from "./chevron-down.B_QiVCoO.js";
+import { B as yt } from "./button.DII5Ifwa.js";
+import { g as Bt } from "./focus-trap.BDpcWIxI.js";
+/* empty css              */
+import { R as St } from "./refresh.DG69D4K2.js";
+import { u as gt } from "./use-bento-toast-controller.A5xraVqa.js";
+import "../assets/filter-bar.css";
+const He = (s) => s === null || typeof s != "object" ? !1 : Object.prototype.toString.call(s) === "[object Object]", qe = (s) => Array.isArray(s), ge = (s) => qe(s) ? s.length === 0 || s.every((e) => e === "") : !s, be = (s, e) => JSON.stringify(s) === JSON.stringify(e), se = (s) => He(s) ? s instanceof Date ? new Date(s.getTime()) : qe(s) ? s.map((e) => se(e)) : Object.keys(s).reduce((e, l) => (e[l] = se(s[l]), e), {}) : s, Ct = (s) => He(s) ? Object.fromEntries(Object.keys(s).map((e) => [e, void 0])) : void 0;
+function Ge(s, e) {
+  const l = S(), t = S();
+  de(() => {
+    s.value != null && (t.value = Ct(s.value));
+  }), G(
+    () => s.value,
+    (p) => {
+      l.value = se(p);
+    },
+    { immediate: !0 }
+  );
+  const a = n(
+    () => ge(s.value) || be(s.value, t.value)
+  ), r = n(
+    () => e.value != null ? be(e.value, s.value) : a.value
+  ), o = n(() => be(l.value, s.value) || ge(l.value) && a.value);
+  function i(p) {
+    l.value = se(t.value), p && p(l.value);
+  }
+  function c(p) {
+    l.value = se(e.value), p && p(l.value);
+  }
+  function h(p) {
+    l.value = se(s.value), p && p(l.value);
+  }
+  return {
+    // Values
+    internalFilterValue: l,
+    isSecondaryButtonDisabled: r,
+    isApplyButtonDisabled: o,
+    // Methods
+    clearFilter: i,
+    resetFilter: c,
+    openFilter: h
+  };
+}
+const At = {}, Tt = /* @__PURE__ */ k({
+  ...At,
+  __name: "filter-bar-button",
+  props: {
+    /**
+     * Allows to set the button as active without setting a "secondaryLabel"
+     */
+    active: { type: Boolean, default: !1 },
+    /**
+     * The number of applied values within the filter.
+     * Text can also be applied here such as 'All'.
+     * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
+     */
+    appliedFiltersCount: { type: [String, Number], default: null },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Signifies if the filter is open or closed.
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Signifies if the filter is a persistent filter
+     */
+    isPersistentFilter: { type: Boolean, default: !1 },
+    /**
+     * Renders the button without the applied state styles
+     */
+    noAppliedStateStyles: { type: Boolean, default: !1 },
+    /**
+     * A secondary label to be added next to the primary for additional filtering information.
+     * i.e. Can be used to show the set value for said filter.
+     */
+    secondaryLabel: { type: String, default: null }
+  },
+  emits: ["click"],
+  setup(s, { emit: e }) {
+    const l = s, t = fe(), a = Ye(), r = Ve(t), o = n(() => t.default ? $e(t)("default") : null), i = n(() => !r("default") && r("iconLeft")), c = Ne({ ariaLabel: o }), h = S(null), p = n(() => ({
+      "aria-controls": a["aria-controls"]?.toString()
+    })), d = n(
+      () => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
+    ), b = n(() => ({
+      "b-filter-bar-button--applied": d.value || l.active,
+      "b-filter-bar-button--filter-open": l.isFilterOpen && !d.value,
+      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && d.value,
+      "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
+      "b-filter-bar-button--with-counter": l.appliedFiltersCount,
+      "b-filter-bar-button--icon-only": i.value
+    }));
+    return { __sfc: !0, props: l, emit: e, slots: t, attrs: a, hasSlot: r, labelSlot: o, isIconOnly: i, computedAriaLabel: c, filterBarButtonRef: h, ariaAttributes: p, isAppliedFilter: d, conditionalClasses: b, onClickButton: (L) => {
+      L.preventDefault(), l.disabled || e("click", L);
+    }, BaseButton: De, BentoTypography: oe };
+  }
+});
+var Rt = 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 } }, "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.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(), 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)]);
+}, It = [], Lt = /* @__PURE__ */ x(
+  Tt,
+  Rt,
+  It,
+  !1,
+  null,
+  "347aabba"
+);
+const pe = Lt.exports, Et = {}, Ot = /* @__PURE__ */ k({
+  ...Et,
+  __name: "filter-bar-button-group",
+  props: {
+    isActive: { type: Boolean, default: !1 },
+    skipGrouping: { type: Boolean, default: !1 }
+  },
+  setup(s) {
+    const e = s, l = n(() => ({
+      "b-filter-bar-button-group--active": e.isActive,
+      "b-filter-bar-button-group--grouped": !e.skipGrouping
+    }));
+    return { __sfc: !0, props: e, conditionalClasses: l };
+  }
+});
+var Pt = 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);
+}, xt = [], kt = /* @__PURE__ */ x(
+  Ot,
+  Pt,
+  xt,
+  !1,
+  null,
+  "c0b008f0"
+);
+const ze = kt.exports;
+var J = /* @__PURE__ */ ((s) => (s.APPLY = "apply", s.CLEAR = "clear", s.OPEN = "open", s.CLOSE = "close", s.RESET = "reset", s.CANCEL = "cancel", s))(J || {});
+const Dt = {
+  "de-DE": { apply: "Anwenden", clear: "Löschen", clearFilter: "Filter löschen {function}", filtersHaveBeenCleared: "Filter wurden gelöscht", numberSelected: "{numberOfItemsSelected} ausgewählt", reset: "Zurücksetzen", resetFilter: "Filter zurücksetzen {function}" },
+  "en-GB": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
+  "en-US": { apply: "Apply", clear: "Clear", clearFilter: "Clear filter {function}", filtersHaveBeenCleared: "Filters have been cleared", numberSelected: "{numberOfItemsSelected} selected", reset: "Reset", resetFilter: "Reset filter {function}" },
+  "es-419": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se borraron los filtros", numberSelected: "{numberOfItemsSelected} seleccionados", reset: "Restablecer", resetFilter: "Restablecer filtro {function}" },
+  "es-ES": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se han borrado los filtros", numberSelected: "{numberOfItemsSelected} seleccionado(s)", reset: "Reiniciar", resetFilter: "Restablecer filtro {function}" },
+  "es-MX": { apply: "Aplicar", clear: "Borrar", clearFilter: "Borrar filtro {function}", filtersHaveBeenCleared: "Se limpiaron los filtros", numberSelected: "{numberOfItemsSelected} seleccionado", reset: "Restablecer", resetFilter: "Restablecer filtro {function}" },
+  "fr-FR": { apply: "Appliquer", clear: "Effacer", clearFilter: "Effacer le filtre {function}", filtersHaveBeenCleared: "Les filtres ont été effacés", numberSelected: "{numberOfItemsSelected} sélectionné(s)", reset: "Réinitialiser", resetFilter: "Réinitialiser le filtre {function}" },
+  "it-IT": { apply: "Applica", clear: "Cancella", clearFilter: "Cancella filtro {function}", filtersHaveBeenCleared: "I filtri sono stati cancellati", numberSelected: "{numberOfItemsSelected} selezionati", reset: "Resetta", resetFilter: "Resetta filtro {function}" },
+  "ja-JP": { apply: "適用", clear: "クリア", clearFilter: "フィルター{function}をクリア", filtersHaveBeenCleared: "フィルターをクリアしました", numberSelected: "{numberOfItemsSelected}件選択済み", reset: "リセット", resetFilter: "フィルター{function}をリセット" },
+  "pt-BR": { apply: "Aplicar", clear: "Apagar", clearFilter: "Limpar filtro {function}", filtersHaveBeenCleared: "Os filtros foram apagados", numberSelected: "{numberOfItemsSelected} selecionados", reset: "Redefinir", resetFilter: "Limpar filtro {function}" },
+  "zh-CN": { apply: "应用", clear: "清除", clearFilter: "清除筛选器 {function}", filtersHaveBeenCleared: "筛选器已清除", numberSelected: "{numberOfItemsSelected} 已选择", reset: "重置", resetFilter: "重置过滤器 {function}" }
+}, Vt = {
+  i18n: { messages: Dt },
+  name: "bento-base-filter"
+}, Nt = /* @__PURE__ */ k({
+  ...Vt,
+  props: {
+    appliedFiltersCount: { default: null },
+    buttonLabel: { default: void 0 },
+    buttonSecondaryLabel: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: null },
+    onlySlot: { type: Boolean, default: !1 },
+    controlled: { type: Boolean, default: !1 },
+    disableApplyButton: { type: Boolean, default: !1 },
+    disableSecondaryButton: { type: Boolean, default: !1 },
+    field: null,
+    label: null,
+    fitContent: { type: Boolean, default: void 0 },
+    tooltipText: { default: void 0 },
+    tooltipPosition: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: [
+    J.APPLY,
+    J.CLEAR,
+    J.OPEN,
+    J.CLOSE,
+    J.RESET,
+    J.CANCEL
+  ],
+  setup(s, { expose: e, emit: l }) {
+    const t = s, { t: a } = X(), r = re("base-filter-popover"), o = S(!1), i = S(null), c = S(null), h = n(() => i.value?.$el ?? null), p = (V) => {
+      c.value = V ?? null;
+    }, d = n(() => t.defaultValue !== null), b = n(() => d.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), T = n(() => {
+      let V = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
+      return t.appliedFiltersCount && (V = `: ${a("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (d.value ? t.label : P.value) + V;
+    }), L = n(
+      () => d.value ? a("resetFilter", {
+        function: P.value
+      }) : a("clearFilter", {
+        function: P.value
+      })
+    ), P = n(() => t.buttonLabel || t.label), E = async () => {
+      await _e(), i.value?.$el?.focus();
+    }, A = () => {
+      o.value && (o.value = !1, E(), l(J.CLOSE));
+    }, O = () => {
+      d.value ? l(J.RESET) : l(J.CLEAR), E();
+    }, R = () => {
+      A(), O();
+    }, z = () => {
+      o.value ? A() : (o.value = !0, l(J.OPEN));
+    }, I = () => {
+      A(), l(J.APPLY);
+    }, j = () => {
+      A(), l(J.CANCEL);
+    }, U = () => j(), D = n(() => [
+      {
+        title: a("apply"),
+        event: I,
+        disabled: t.disableApplyButton
+      },
+      {
+        title: d.value ? a("reset") : a("clear"),
+        event: R,
+        disabled: t.disableSecondaryButton
+      }
+    ]);
+    return G(
+      () => o.value,
+      (V, K) => {
+        !V && K && i.value?.filterBarButtonRef?.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      }
+    ), st(c, U, { ignore: [i] }), e({
+      closePopover: A
+    }), { __sfc: !0, emit: l, props: t, t: a, popoverId: r, isFilterOpen: o, filterButtonRef: i, popoverRef: c, filterButtonEl: h, setPopoverRef: p, isPersistentFilter: d, isValueChanged: b, computedAriaLabel: T, computedClearButtonLabel: L, computedButtonText: P, resetFocus: E, closePopover: A, resetFilter: O, onClickSecondaryAction: R, onClickFilter: z, onClickApply: I, onCancel: j, onClickOutside: U, actions: D, BentoPopover: rt, vBentoTooltipDirective: xe, FilterBarButton: pe, FilterBarButtonGroup: ze, BentoTeleport: Oe, CrossSmallIcon: ke };
+  }
+});
+var $t = 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(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.closePopover.apply(null, arguments);
+  } } }, [e._v(" " + e._s(t.computedButtonText) + " ")]), t.isValueChanged ? l(t.FilterBarButton, { attrs: { "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.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [l(t.CrossSmallIcon, { attrs: { "svg-title": t.computedClearButtonLabel } })];
+  }, proxy: !0 }], null, !1, 892273033) }) : e._e()], 1), t.filterButtonEl ? l(t.BentoTeleport, [l(t.BentoPopover, { ref: t.setPopoverRef, 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.filterButtonEl, 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(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : t.onCancel.apply(null, arguments);
+  } } }, [e._t("default")], 2)])], 1) : e._e()], 1);
+}, Mt = [], wt = /* @__PURE__ */ x(
+  Nt,
+  $t,
+  Mt,
+  !1,
+  null,
+  "ef208dbd"
+);
+const ne = wt.exports, Ut = (s) => s instanceof Array, Ce = (s) => Ut(s) ? s.length === 0 || s.every((e) => e === "") : !s, Ae = (s, e) => JSON.stringify(s) === JSON.stringify(e), ie = (s, e) => {
+  const l = S(s.value);
+  G(
+    () => s.value,
+    () => {
+      l.value = s.value;
+    }
+  );
+  const t = n(() => Ce(s.value)), a = n(
+    () => e.value !== null ? Ae(e.value, s.value) : t.value
+  ), r = n(() => Ae(l.value, s.value) || Ce(l.value) && t.value);
+  return {
+    internalFilterValue: l,
+    isSecondaryButtonDisabled: a,
+    isApplyButtonDisabled: r
+  };
+};
+var w = /* @__PURE__ */ ((s) => (s.INPUT = "input", s.UPDATE = "update", s))(w || {}), le = /* @__PURE__ */ ((s) => (s.INPUT = "input", s.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", s.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", s))(le || {}), $ = /* @__PURE__ */ ((s) => (s.BOOLEAN = "BentoBooleanFilter", s.RANGE = "BentoRangeFilter", s.INPUT = "BentoInputFilter", s.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", s.SELECT = "BentoSelectFilter", s.SELECT_AVATAR = "BentoSelectAvatarFilter", s.SELECT_COUNTRY = "BentoSelectCountryFilter", s.SELECT_CURRENCY = "BentoSelectCurrencyFilter", s.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", s.SELECT_TAG = "BentoSelectTagFilter", s.DATE = "BentoDateFilter", s.DATE_RANGE = "BentoDateRangeFilter", s.RADIO_GROUP = "BentoRadioGroupFilter", s.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", s.TOGGLE = "BentoToggleFilter", s))($ || {});
+const Ht = {
+  "de-DE": { no: "Nein", yes: "Ja" },
+  "en-GB": { no: "No", yes: "Yes" },
+  "en-US": { no: "No", yes: "Yes" },
+  "es-419": { no: "No", yes: "Sí" },
+  "es-ES": { no: "No", yes: "Sí" },
+  "es-MX": { no: "No", yes: "Sí" },
+  "fr-FR": { no: "Non", yes: "Oui" },
+  "it-IT": { no: "No", yes: "Sì" },
+  "ja-JP": { no: "いいえ", yes: "はい" },
+  "pt-BR": { no: "Não", yes: "Sim" },
+  "zh-CN": { no: "不", yes: "是" }
+}, qt = k({
+  name: "bento-boolean-filter",
+  i18n: { messages: Ht },
+  components: { BentoBaseFilter: ne, BentoRadioGroup: Ee },
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     */
+    defaultValue: { type: [String, Boolean], default: null },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Current value of the filter
+     */
+    value: { type: [String, Boolean], default: null },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - positiveOption: The positive option label/value
+     *   - negativeOption: The positive option label/value
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: [w.INPUT, w.UPDATE],
+  setup(s, { emit: e }) {
+    const { t: l } = X(), t = (R) => typeof R == "boolean" ? R?.toString() : R, a = (R) => s?.options?.positiveOption?.value !== void 0 && s?.options?.negativeOption?.value !== void 0 && typeof s.options.positiveOption.value == "boolean" && typeof s.options.negativeOption.value == "boolean" && typeof R == "string" ? R === "true" : R, r = n(() => t(s.defaultValue)), o = n(() => t(s.value)), i = n(() => s.options && s.options.positiveOption && s.options.negativeOption ? [
+      {
+        ...s.options.positiveOption,
+        value: t(s.options.positiveOption.value)
+      },
+      {
+        ...s.options.negativeOption,
+        value: t(s.options.negativeOption.value)
+      }
+    ] : [
+      { value: "yes", label: l("yes") },
+      { value: "no", label: l("no") }
+    ]), { internalFilterValue: c, isSecondaryButtonDisabled: h, isApplyButtonDisabled: p } = ie(
+      o,
+      r
+    ), d = n(() => s.label), b = n(
+      () => ee(i.value.find(({ value: R }) => R === o.value)?.label, 12)
+    ), T = n(() => ({
+      "b-boolean-filter--only-slot": s.onlySlot
+    }));
+    he(() => {
+      c.value || (c.value = null);
+    });
+    const L = (R) => {
+      c.value = R, e(w.INPUT, {
+        ...s,
+        value: a(c.value)
+      });
+    }, P = () => {
+      c.value = o.value;
+    }, E = () => {
+      e(w.UPDATE, {
+        ...s,
+        value: a(c.value)
+      });
+    }, A = () => e(w.UPDATE, { ...s, value: s.defaultValue }), O = () => {
+      c.value = null, E();
+    };
+    return de(() => {
+      lt(
+        'Boolean filter "BentoFilterItemType.BOOLEAN"',
+        'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
+        "2.0.0"
+      );
+    }), {
+      // Values
+      items: i,
+      conditionalClasses: T,
+      buttonLabel: d,
+      buttonSecondaryLabel: b,
+      internalFilterValue: c,
+      isApplyButtonDisabled: p,
+      isSecondaryButtonDisabled: h,
+      translatedValue: o,
+      translatedDefaultValue: r,
+      // Events
+      onInput: L,
+      updateFilter: E,
+      clearFilter: O,
+      openFilter: P,
+      resetFilter: A
+    };
+  }
+});
+var Gt = function() {
+  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": e.options?.tooltipPosition, "tooltip-text": e.options?.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(t) {
+    return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.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)]);
+}, zt = [], jt = /* @__PURE__ */ x(
+  qt,
+  Gt,
+  zt,
+  !1,
+  null,
+  "85731910"
+);
+const Jt = jt.exports, Kt = {
+  "de-DE": { all: "Alle" },
+  "en-GB": { all: "All" },
+  "en-US": { all: "All" },
+  "es-419": { all: "Todos" },
+  "es-ES": { all: "Todos" },
+  "es-MX": { all: "Todos" },
+  "fr-FR": { all: "Tout" },
+  "it-IT": { all: "Tutti" },
+  "ja-JP": { all: "すべて" },
+  "pt-BR": { all: "Todos os" },
+  "zh-CN": { all: "全部" }
+}, Yt = {
+  name: "bento-checkbox-group-filter",
+  i18n: { messages: Kt }
+}, Xt = /* @__PURE__ */ k({
+  ...Yt,
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: void 0 },
+    field: null,
+    label: null,
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, { t } = X(), {
+      internalFilterValue: a,
+      isSecondaryButtonDisabled: r,
+      isApplyButtonDisabled: o,
+      clearFilter: i,
+      resetFilter: c,
+      openFilter: h
+    } = Ge(M(l, "value"), M(l, "defaultValue")), p = S(a.value ?? []);
+    G(
+      () => l.value,
+      (A) => {
+        p.value = A ?? [];
+      }
+    );
+    const d = n(() => ({
+      "b-checkbox-group-filter--only-slot": l.onlySlot
+    })), b = n(() => l.label), T = n(
+      () => p.value.length === 1 ? ee(
+        l.options?.checkboxItems.find((A) => p.value[0] === A.value)?.label ?? "",
+        12
+      ) : null
+    ), L = n(() => !p.value.length || T.value ? null : p.value.length === l.options?.checkboxItems.length ? t("all") : p.value.length);
+    return { __sfc: !0, props: l, emit: e, t, internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, clearFilter: i, resetFilter: c, openFilter: h, displayedValues: p, conditionalClasses: d, buttonLabel: b, buttonSecondaryLabel: T, appliedFiltersCount: L, updateFilter: (A) => {
+      p.value = A ?? [], e("update", { ...l, value: A });
+    }, onModelValueUpdate: (A) => {
+      a.value = A, e("input", { ...l, value: a.value });
+    }, BentoCheckboxGroup: nt, BentoBaseFilter: ne };
+  }
+});
+var Wt = function() {
+  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": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText }, on: { apply: function(a) {
+    return t.updateFilter(t.internalFilterValue);
+  }, clear: function(a) {
+    return t.clearFilter(t.updateFilter);
+  }, open: t.openFilter, reset: function(a) {
+    return t.resetFilter(t.updateFilter);
+  } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-checkbox-group-filter", class: t.conditionalClasses, on: { keydown: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter(t.internalFilterValue);
+  } } }, [l(t.BentoCheckboxGroup, { attrs: { "model-value": t.internalFilterValue, items: e.options?.checkboxItems, label: e.label, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": t.onModelValueUpdate } })], 1)]);
+}, Zt = [], Qt = /* @__PURE__ */ x(
+  Xt,
+  Wt,
+  Zt,
+  !1,
+  null,
+  "a3c2bae1"
+);
+const el = Qt.exports, tl = {
+  name: "bento-input-filter"
+}, ll = /* @__PURE__ */ k({
+  ...tl,
+  props: {
+    defaultValue: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    field: null,
+    label: null,
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: null }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, t = S(null), { internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = ie(
+      M(l, "value"),
+      M(l, "defaultValue")
+    ), i = n(() => l.label), c = n(() => ee(l.value, 12)), h = n(() => ({
+      "b-input-filter--only-slot": l.onlySlot
+    }));
+    he(() => {
+      a.value === "" && (a.value = null);
+    }), G(t, () => {
+      t.value?.focusInput();
+    });
+    const p = () => {
+      a.value = l.value;
+    }, d = () => {
+      !a.value && l.defaultValue !== null && (a.value = l.defaultValue), e("update", {
+        ...l,
+        value: a.value
+      });
+    };
+    return { __sfc: !0, props: l, emit: e, inputTextRef: t, internalFilterValue: a, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o, buttonLabel: i, buttonSecondaryLabel: c, conditionalClasses: h, openFilter: p, updateFilter: d, resetFilter: () => e("update", { ...l, value: l.defaultValue }), clearFilter: () => {
+      a.value = null, d();
+    }, onInput: () => {
+      e("input", { ...l, value: a.value });
+    }, setInternalFilterValue: (E) => {
+      a.value = E;
+    }, BentoBaseFilter: ne, BentoInputField: Me };
+  }
+});
+var al = function() {
+  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, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.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(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
+  }, input: t.onInput } }, [l(t.BentoInputField, { ref: "inputTextRef", attrs: { placeholder: e.options?.placeholder, "model-value": t.internalFilterValue, disabled: e.disabled }, on: { "update:model-value": t.setInternalFilterValue } })], 1)]);
+}, sl = [], rl = /* @__PURE__ */ x(
+  ll,
+  al,
+  sl,
+  !1,
+  null,
+  "68f919fd"
+);
+const nl = rl.exports, ol = {
+  name: "bento-radio-group-filter"
+}, il = /* @__PURE__ */ k({
+  ...ol,
+  props: {
+    disabled: { type: Boolean },
+    defaultValue: { default: void 0 },
+    field: null,
+    label: null,
+    options: { default: () => ({
+      items: []
+    }) },
+    onlySlot: { type: Boolean },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, {
+      // Fields
+      internalFilterValue: t,
+      isSecondaryButtonDisabled: a,
+      isApplyButtonDisabled: r,
+      // Methods
+      clearFilter: o,
+      openFilter: i,
+      resetFilter: c
+    } = Ge(M(l, "value"), M(l, "defaultValue")), h = n(() => {
+      const T = l.options.items.find((L) => L.value === l.value)?.label || "";
+      return ee(T, 12);
+    }), p = n(() => ({
+      "b-radio-group-filter--only-slot": l.onlySlot
+    }));
+    function d(T) {
+      t.value = T, e("input", { ...l, value: t.value });
+    }
+    function b() {
+      e("update", { ...l, value: t.value });
+    }
+    return { __sfc: !0, props: l, emit: e, internalFilterValue: t, isSecondaryButtonDisabled: a, isApplyButtonDisabled: r, clearFilter: o, openFilter: i, resetFilter: c, buttonSecondaryLabel: h, conditionalClasses: p, onInput: d, updateFilter: b, BentoRadioGroup: Ee, BentoBaseFilter: ne };
+  }
+});
+var ul = function() {
+  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(a) {
+    return t.clearFilter(t.updateFilter);
+  }, open: t.openFilter, reset: function(a) {
+    return t.resetFilter(t.updateFilter);
+  } } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-radio-group-filter", class: t.conditionalClasses }, [l(t.BentoRadioGroup, { attrs: { items: e.options?.items, label: e.label, disabled: e.disabled, "hide-label": "", variant: "vertical" }, on: { "update:model-value": t.onInput }, model: { value: t.internalFilterValue, callback: function(a) {
+    t.internalFilterValue = a;
+  }, expression: "internalFilterValue" } })], 1)]);
+}, cl = [], dl = /* @__PURE__ */ x(
+  il,
+  ul,
+  cl,
+  !1,
+  null,
+  "8fe9c1b3"
+);
+const fl = dl.exports, Te = (s) => /^\d$/.test(s);
+function Re(s) {
+  const { value: e, onInput: l } = s, t = n(() => Xe(s.prettyOutput) ?? !1), { n: a, locale: r } = X(), o = S(null), i = S(!1), c = S(!1), h = S(null), p = S(null), d = n(() => new Intl.NumberFormat(r.value, { style: "decimal" }).formatToParts(0.1).find((y) => y.type === "decimal")?.value || "."), b = n(() => new Intl.NumberFormat(r.value, { style: "decimal" }).resolvedOptions().maximumFractionDigits), T = n(() => new RegExp(`[^\\d${d.value}]`, "g")), L = (f) => typeof f == "string" ? f.trim() : f.target?.value?.trim() ?? "", P = (f) => {
+    const y = f.startsWith("-"), B = f.slice(y ? 1 : 0).replace(T.value, ""), v = B.indexOf(d.value), g = v !== -1 && v === B.lastIndexOf(d.value), N = g ? B.slice(v + d.value.length) : null, Z = t.value && i.value && h.value !== null && N !== null ? N.slice(0, b.value) : N, te = Z !== null ? `${B.slice(0, v)}${d.value}${Z}` : B, u = d.value === "." ? te : te.split(d.value).join("."), m = u.length > 0 ? Number(u) : null, C = y && (Number.isFinite(m) || B.length === 0 || g && B.slice(0, v).length === 0);
+    return {
+      decimalPart: Z,
+      isNegative: C,
+      numberValue: Number.isFinite(m) ? m : null
+    };
+  }, E = (f) => t.value ? a(f, { style: "decimal" }) : String(f), A = (f) => {
+    const y = Math.trunc(f);
+    return `${t.value ? a(y, { style: "decimal" }) : String(y)}${d.value}${h.value}`;
+  }, O = n(() => {
+    if (p.value === null)
+      return i.value && c.value ? h.value !== null ? `-${d.value}${h.value}` : "-" : "";
+    const f = i.value && h.value !== null ? A(p.value) : E(p.value);
+    return c.value ? `-${f}` : f;
+  }), R = (f) => {
+    const { decimalPart: y, isNegative: B, numberValue: v } = P(f);
+    if (c.value = B, h.value = y, v !== null) {
+      p.value = v;
+      const g = c.value ? -v : v;
+      l?.(g);
+    } else
+      p.value = null, l?.(null);
+  };
+  G(
+    e,
+    (f) => {
+      const y = typeof f == "number", B = y && (f < 0 || Object.is(f, -0)), v = y ? Math.abs(f) : null;
+      (p.value !== v || c.value !== B) && (c.value = B, h.value = null, p.value = v);
+    },
+    { immediate: !0 }
+  );
+  const z = () => o.value?.selectionStart || 0, I = (f) => {
+    o.value && o.value.setSelectionRange(f, f);
+  }, j = (f, y) => {
+    let B = 0;
+    for (let v = 0; v < y; v++)
+      Te(f[v]) && B++;
+    return B;
+  }, U = (f) => {
+    let y = 0, B = 0;
+    const v = O.value;
+    if (v.length)
+      for (; y < f && B < v.length; )
+        Te(v[B]) && y++, B++;
+    I(B);
+  }, D = async (f) => {
+    const y = z();
+    if (y === f.length)
+      R(f);
+    else {
+      const v = j(f, y);
+      R(f), await _e(), U(v);
+    }
+  };
+  return {
+    inputRef: o,
+    displayValue: O,
+    isFocused: i,
+    handleInput: (f) => {
+      const y = L(f);
+      t.value && i.value ? D(y) : R(y), o.value && o.value.value !== O.value && (o.value.value = O.value);
+    },
+    handleKeyDown: (f) => {
+      const y = f.target;
+      if (y && f.key === d.value) {
+        const B = y.selectionStart ?? 0, v = y.selectionEnd ?? 0, g = y.value ?? "", N = g.slice(0, B) + g.slice(v);
+        (!N || N.includes(d.value)) && f.preventDefault?.();
+      }
+    },
+    onFocus: () => {
+      i.value = !0;
+    },
+    onBlur: () => {
+      i.value = !1, h.value = null;
+    }
+  };
+}
+const pl = {
+  "de-DE": { from: "Von", to: "Bis" },
+  "en-GB": { from: "From", to: "To" },
+  "en-US": { from: "From", to: "To" },
+  "es-419": { from: "Desde", to: "A" },
+  "es-ES": { from: "Desde", to: "Hasta" },
+  "es-MX": { from: "De", to: "A" },
+  "fr-FR": { from: "De", to: "À" },
+  "it-IT": { from: "Da", to: "A" },
+  "ja-JP": { from: "下限", to: "上限" },
+  "pt-BR": { from: "De", to: "Para" },
+  "zh-CN": { from: "自", to: "至" }
+}, bl = {
+  name: "bento-range-filter",
+  i18n: { messages: pl }
+}, vl = /* @__PURE__ */ k({
+  ...bl,
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: null },
+    field: null,
+    label: null,
+    value: { default: () => ["", ""] },
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 }
+  },
+  emits: [w.INPUT, w.UPDATE],
+  setup(s, { emit: e }) {
+    const l = s, { t, n: a } = X(), r = S(null), o = S(null), { internalFilterValue: i, isSecondaryButtonDisabled: c, isApplyButtonDisabled: h } = ie(M(l, "value"), M(l, "defaultValue")), p = S(null), d = S(null), b = (u) => u !== null ? Object.is(u, -0) ? "-0" : u.toString() : "", {
+      displayValue: T,
+      handleInput: L,
+      handleKeyDown: P,
+      onFocus: E,
+      onBlur: A,
+      inputRef: O
+    } = Re({
+      value: p,
+      prettyOutput: !0,
+      onInput: (u) => {
+        const m = i.value ?? ["", ""];
+        i.value = [b(u), m[1]], N();
+      }
+    }), R = (u) => L(String(u)), {
+      displayValue: z,
+      handleInput: I,
+      handleKeyDown: j,
+      onFocus: U,
+      onBlur: D,
+      inputRef: V
+    } = Re({
+      value: d,
+      prettyOutput: !0,
+      onInput: (u) => {
+        const m = i.value ?? ["", ""];
+        i.value = [m[0], b(u)], N();
+      }
+    }), K = (u) => I(String(u));
+    de(() => {
+      O.value = r.value?.inputFieldElement ?? null, V.value = o.value?.inputFieldElement ?? null;
+    }), G(
+      () => i.value,
+      (u) => {
+        const m = u?.[0] ? parseFloat(u[0]) : null, C = u?.[1] ? parseFloat(u[1]) : null;
+        p.value !== m && (p.value = m), d.value !== C && (d.value = C);
+      },
+      { immediate: !0 }
+    );
+    const f = n(() => {
+      if (!l.value?.[0] && !l.value?.[1])
+        return null;
+      let u = "";
+      l.value?.[0] ? l.value?.[1] || (u = "≥") : u = "≤";
+      const m = l.value?.[0] ? parseFloat(l.value[0]) : null, C = l.value?.[1] ? parseFloat(l.value[1]) : null, Y = m !== null ? a(m, { style: "decimal" }) : "", H = l.value?.[0] && l.value?.[1] ? " - " : "", ue = C !== null ? a(C, { style: "decimal" }) : "";
+      return `${u}${ee(Y, 10)}${H}${ee(ue, 10)}`;
+    }), y = n(() => l.label), B = n(() => f.value), v = n(() => ({
+      "b-range-filter--only-slot": l.onlySlot
+    })), g = () => {
+      i.value = l.value, _e(() => r.value?.focusInput());
+    }, N = () => {
+      e(w.INPUT, { ...l, value: i.value });
+    }, W = () => {
+      i.value?.some((u) => u) || (i.value = l.defaultValue !== null ? l.defaultValue : void 0), e(w.UPDATE, {
+        ...l,
+        value: i.value
+      });
+    };
+    return { __sfc: !0, props: l, emit: e, t, n: a, fromFieldRef: r, toFieldRef: o, internalFilterValue: i, isSecondaryButtonDisabled: c, isApplyButtonDisabled: h, fromNum: p, toNum: d, stringifyInputValue: b, displayFrom: T, handleInputFrom: L, handleKeyDownFrom: P, onFocusFrom: E, onBlurFrom: A, inputRefFrom: O, handleModelValueFrom: R, displayTo: z, handleInputTo: I, handleKeyDownTo: j, onFocusTo: U, onBlurTo: D, inputRefTo: V, handleModelValueTo: K, truncatedRangeValues: f, buttonLabel: y, buttonSecondaryLabel: B, conditionalClasses: v, openFilter: g, onInput: N, updateFilter: W, resetFilter: () => e(w.UPDATE, { ...l, value: l.defaultValue }), clearFilter: () => {
+      i.value = ["", ""], W();
+    }, BentoBaseFilter: ne, BentoInputField: Me };
+  }
+});
+var _l = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l(t.BentoBaseFilter, e._b({ attrs: { "disable-apply-button": t.isApplyButtonDisabled, "disable-secondary-button": t.isSecondaryButtonDisabled, "button-label": t.buttonLabel, "button-secondary-label": t.buttonSecondaryLabel, "only-slot": t.props.onlySlot, "tooltip-position": t.props.options?.tooltipPosition, "tooltip-text": t.props.options?.tooltipText }, on: { apply: t.updateFilter, clear: t.clearFilter, open: t.openFilter, reset: t.resetFilter } }, "bento-base-filter", t.props, !1), [l("div", { staticClass: "b-range-filter", class: t.conditionalClasses, on: { keydown: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.updateFilter.apply(null, arguments);
+  } } }, [l(t.BentoInputField, { ref: "fromFieldRef", attrs: { "model-value": t.displayFrom, type: "text", inputmode: "numeric", "aria-label": t.t("from").toString(), disabled: t.props.disabled }, on: { "update:model-value": t.handleModelValueFrom, keydown: t.handleKeyDownFrom, focus: t.onFocusFrom, blur: t.onBlurFrom } }, [e._v(" " + e._s(t.t("from")) + " ")]), l(t.BentoInputField, { ref: "toFieldRef", staticClass: "b-range-filter__input-field", attrs: { "model-value": t.displayTo, type: "text", inputmode: "numeric", "aria-label": t.t("to"), disabled: t.props.disabled }, on: { "update:model-value": t.handleModelValueTo, keydown: t.handleKeyDownTo, focus: t.onFocusTo, blur: t.onBlurTo } }, [e._v(" " + e._s(t.t("to")) + " ")])], 1)]);
+}, hl = [], ml = /* @__PURE__ */ x(
+  vl,
+  _l,
+  hl,
+  !1,
+  null,
+  "1947f716"
+);
+const Fl = ml.exports, yl = {
+  "de-DE": { all: "Alle", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", searchFilter: "Suche {filter}" },
+  "en-GB": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
+  "en-US": { all: "All", noFiltersMatchThisSearch: "No filters match this search", searchFilter: "Search {filter}" },
+  "es-419": { all: "Todos", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", searchFilter: "Buscar {filter}" },
+  "es-ES": { all: "Todos", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", searchFilter: "Buscar {filter}" },
+  "es-MX": { all: "Todos", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", searchFilter: "Buscar {filter}" },
+  "fr-FR": { all: "Tous", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", searchFilter: "Rechercher {filter}" },
+  "it-IT": { all: "Tutti", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", searchFilter: "Cerca {filter}" },
+  "ja-JP": { all: "すべて", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", searchFilter: "{filter}を検索" },
+  "pt-BR": { all: "Todos", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", searchFilter: "Procurar {filter}" },
+  "zh-CN": { all: "全部", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", searchFilter: "搜索 {filter}" }
+}, Bl = {
+  i18n: { messages: yl }
+}, Sl = /* @__PURE__ */ k({
+  ...Bl,
+  __name: "select-filter-button",
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array, Object],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, t = fe(), { t: a } = X(), r = S(""), o = M(l, "options"), i = S(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: h, resetCache: p } = Se(
+      i,
+      M(l, "value"),
+      M(o.value, "multiple")
+    ), { cachedSelectedListboxOptions: d } = Se(
+      i,
+      M(l, "defaultValue"),
+      M(o.value, "multiple")
+    ), { internalFilterValue: b, isSecondaryButtonDisabled: T, isApplyButtonDisabled: L } = ie(c, d);
+    G(o, () => {
+      i.value = o.value.listboxItems ?? [];
+    });
+    const P = we(
+      r,
+      i,
+      l.options?.search?.searchEvent
+    ), E = n(() => a("noFiltersMatchThisSearch")), A = n(() => l.label), O = n(() => {
+      const f = !l?.options?.multiple && l.value != null, y = l?.options?.multiple && Array.isArray(l.value) && l.value.length === 1;
+      if (f || y) {
+        if (l.options?.enableValueLabelPair) {
+          let g = l.value?.length > 0 ? l.value[0].label : l.value.label;
+          return g || (g = l.value, at(
+            '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'
+          )), ee(g, 12);
+        }
+        let v = l.options.listboxItems.flatMap((g) => g.items ? g.items : g).find(
+          ({ value: g }) => Array.isArray(l.value) ? l?.value?.includes(g) : g === l.value
+        )?.label;
+        return !v && l.value && (v = l.value[0]), ee(v, 12);
+      }
+      return null;
+    }), R = n(() => re(`filter-listbox-${l.field}`)), z = (f) => {
+      b.value = f;
+      const { onlySlot: y, ...B } = l;
+      if (l.options?.multiple) {
+        let g;
+        l.options?.enableValueLabelPair ? g = f.length ? b.value : null : g = f.length ? b.value.map(({ value: N }) => N) : null, e(w.INPUT, { ...B, value: g });
+        return;
+      }
+      let v;
+      l.options?.enableValueLabelPair ? v = f.length ? f[0] : null : v = f.length ? f[0].value : null, e(w.INPUT, { ...B, value: v });
+    }, I = () => {
+      const { onlySlot: f, ...y } = l;
+      if (l.options.multiple) {
+        b.value && b.value?.length === 0 && (b.value = l.defaultValue !== null ? d.value : void 0);
+        let v;
+        l.options?.enableValueLabelPair ? v = b.value?.length ? b.value : null : v = b.value?.length ? b.value?.map(({ value: g }) => g) : null, e(w.UPDATE, {
+          ...y,
+          value: v
+        });
+        return;
+      }
+      let B;
+      l.options?.enableValueLabelPair ? B = b.value.length ? b.value[0] : void 0 : B = b.value.length ? b.value[0].value : void 0, e(w.UPDATE, { ...y, value: B });
+    }, j = () => {
+      b.value = c.value, l.options?.onOpen?.();
+    }, U = () => {
+      r.value && (r.value = "");
+    }, D = () => {
+      h(d.value), b.value = d.value, I();
+    }, V = () => {
+      p(), b.value = [], I();
+    }, K = n(() => {
+      if (l.value == null || !l.options.multiple)
+        return null;
+      const f = l.options.listboxItems?.reduce((B, v) => (B += v?.items?.length ? v.items.length : 1, B), 0), y = l.value?.length;
+      return y === 1 ? null : y === f ? a("all") : y;
+    });
+    return { __sfc: !0, slots: t, emit: e, props: l, t: a, searchTerm: r, optionsRef: o, itemsRef: i, cachedSelectedListboxOptions: c, setCachedValues: h, resetCache: p, cachedDefaultSelectedListboxOptions: d, internalFilterValue: b, isSecondaryButtonDisabled: T, isApplyButtonDisabled: L, filteredItems: P, noResultsMessage: E, buttonLabel: A, buttonSecondaryLabel: O, listboxFilterId: R, onOptionSelected: z, updateFilter: I, openFilter: j, closeFilter: U, resetFilter: D, clearFilter: V, appliedFiltersCount: K, BentoSearchBar: me, BentoDivider: ct, BentoListbox: ot, BentoBaseFilter: ne };
+  }
+});
+var gl = function() {
+  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": e.options?.tooltipPosition, "tooltip-text": e.options?.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" }, [e.options?.dynamicFiltering ?? !0 ? l("div", { staticClass: "b-select-filter-button__search-bar" }, [l(t.BentoSearchBar, { attrs: { "debounce-time": e.options?.search?.debounceTime, value: t.searchTerm, "input-field-aria-label": t.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(a) {
+    t.searchTerm = a;
+  } } })], 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": e.options?.loading, "empty-state": e.options?.emptyState, "has-more-items": e.options?.lazy?.hasMoreItems, items: t.filteredItems, "is-option-disabled": e.options?.isOptionDisabled, "lazy-load-type": e.options?.lazy?.lazyLoadType, loading: e.options?.lazy?.loading, multiple: e.options?.multiple, "static-categories": e.options?.staticCategories, "no-results-message": t.noResultsMessage, searching: !!t.searchTerm, "selected-value": t.internalFilterValue, "virtual-scroll": e.options?.virtualScroll }, on: { select: t.onOptionSelected, "space-pressed": t.onOptionSelected, "enter-pressed": t.onOptionSelected, "show-more": function(a) {
+    e.options?.lazy?.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
+    return { key: r, fn: function(o) {
+      return [e._t(r, null, null, o)];
+    } };
+  })], null, !0) })], 1);
+}, Cl = [], Al = /* @__PURE__ */ x(
+  Sl,
+  gl,
+  Cl,
+  !1,
+  null,
+  "4e3d3b74"
+);
+const Tl = Al.exports, Rl = {
+  "de-DE": { noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche." },
+  "en-GB": { noFiltersMatchThisSearch: "No filters match this search" },
+  "en-US": { noFiltersMatchThisSearch: "No filters match this search" },
+  "es-419": { noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda" },
+  "es-ES": { noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda" },
+  "es-MX": { noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda" },
+  "fr-FR": { noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche" },
+  "it-IT": { noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca" },
+  "ja-JP": { noFiltersMatchThisSearch: "この検索に一致するフィルターはありません" },
+  "pt-BR": { noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca" },
+  "zh-CN": { noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器" }
+}, Il = {
+  i18n: { messages: Rl },
+  name: "select-filter-dropdown"
+}, Ll = /* @__PURE__ */ k({
+  ...Il,
+  props: {
+    /**
+     * Disables the filter from being interacted with.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Default value of the filter to reset to.
+     *
+     */
+    defaultValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    /**
+     * Filter name/key referencing the actual property name in the data set.
+     * Should be unique per filter bar.
+     */
+    field: { type: String, required: !0 },
+    /**
+     * Label text to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Renders the base filter's slot content only - leaving out the button and the popover.
+     * Used for the allFiltersModal component.
+     *
+     */
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - multiple: If "true", the user will be able to select multiple items.
+     *   - listboxItems: The option elements to populate the filter with.
+     *
+     * @default undefined
+     */
+    options: {
+      type: Object,
+      default: void 0
+    },
+    /**
+     * Current value of the filter
+     *
+     * @default undefined
+     */
+    value: {
+      type: [String, Number, Array],
+      default: void 0
+    }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, { t } = X(), a = fe(), { internalFilterValue: r } = ie(M(l, "value"), M(l, "defaultValue")), o = M(l, "options"), i = S(l.options.listboxItems);
+    G(o, () => {
+      i.value = o.value.listboxItems;
+    });
+    const c = n(() => t("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t, slots: a, emit: e, props: l, internalFilterValue: r, optionsRef: o, itemsRef: i, noResultsMessage: c, onOptionSelected: (p) => {
+      r.value = p;
+      const { onlySlot: d, ...b } = l;
+      e(w.INPUT, { ...b, value: r.value });
+    }, BentoDropdown: it };
+  }
+});
+var El = function() {
+  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: e.options?.search, multiple: e.options?.multiple, "static-categories": e.options?.staticCategories, "no-results-message": t.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": e.options?.dynamicFiltering ?? !0, "component-loading": e.options?.loading, "empty-state": e.options?.emptyState, disabled: e.disabled, "enable-value-label-pair": e.options?.enableValueLabelPair }, on: { "update:model-value": t.onOptionSelected, open: () => e.options?.onOpen?.() }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
+    return { key: r, fn: function(o) {
+      return [e._t(r, null, null, o)];
+    } };
+  })], null, !0) });
+}, Ol = [], Pl = /* @__PURE__ */ x(
+  Ll,
+  El,
+  Ol,
+  !1,
+  null,
+  null
+);
+const xl = Pl.exports, kl = {
+  /**
+   * Disables the filter from being interacted with.
+   */
+  disabled: { type: Boolean, default: !1 },
+  /**
+   * Default value of the filter to reset to.
+   *
+   */
+  defaultValue: {
+    type: [String, Number, Array, Object],
+    default: null
+  },
+  /**
+   * Filter name/key referencing the actual property name in the data set.
+   * Should be unique per filter bar.
+   */
+  field: { type: String, required: !0 },
+  /**
+   * Label text to be displayed
+   */
+  label: { type: String, required: !0 },
+  /**
+   * Renders the base filter's slot content only - leaving out the button and the popover.
+   * Used for the allFiltersModal component.
+   *
+   */
+  onlySlot: { type: Boolean, default: !1 },
+  /**
+   * List of options that are needed to setup the filter
+   * Available options:
+   *   - multiple: If "true", the user will be able to select multiple items.
+   *   - listboxItems: The option elements to populate the filter with.
+   *   - tooltipPosition: The position of the tooltip attached to the filter button
+   *   - tooltipText: The content of the tooltip attached to the filter button
+   *
+   * @default undefined
+   */
+  options: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * Current value of the filter
+   *
+   * @default undefined
+   */
+  value: {
+    type: [String, Number, Array, Object],
+    default: void 0
+  }
+}, Dl = {}, Vl = /* @__PURE__ */ k({
+  ...Dl,
+  __name: "select-filter",
+  props: kl,
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    return { __sfc: !0, slots: fe(), emit: e, onInput: (r) => e("input", r), onUpdate: (r) => e("update", r), SelectFilterButton: Tl, SelectFilterDropdown: xl };
+  }
+});
+var Nl = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return e.onlySlot ? l(t.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: t.onInput, update: t.onUpdate }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
+    return { key: r, fn: function(o) {
+      return [e._t(r, null, null, o)];
+    } };
+  })], null, !0) }) : l(t.SelectFilterButton, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: t.onInput, update: t.onUpdate }, scopedSlots: e._u([e._l(t.slots, function(a, r) {
+    return { key: r, fn: function(o) {
+      return [e._t(r, null, null, o)];
+    } };
+  })], null, !0) });
+}, $l = [], Ml = /* @__PURE__ */ x(
+  Vl,
+  Nl,
+  $l,
+  !1,
+  null,
+  null
+);
+const wl = Ml.exports, Ul = {
+  "de-DE": { filter: "Mein Filter", resetFilter: "Filter zurücksetzen {filterName}" },
+  "en-GB": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
+  "en-US": { filter: "My filter", resetFilter: "Reset filter {filterName}" },
+  "es-419": { filter: "Mi filtro", resetFilter: "Resetear el filtro {filterName}" },
+  "es-ES": { filter: "Mi filtro", resetFilter: "Reiniciar el filtro {filterName}" },
+  "es-MX": { filter: "Mi filtro", resetFilter: "Resetear el filtro {filterName}" },
+  "fr-FR": { filter: "Mon filtre", resetFilter: "Réinitialiser le filtre {filterName}" },
+  "it-IT": { filter: "Il mio filtro", resetFilter: "Reimposta il filtro {filterName}" },
+  "ja-JP": { filter: "フィルター", resetFilter: "フィルター{filterName}をリセット" },
+  "pt-BR": { filter: "Meu filtro", resetFilter: "Limpar filtro {filterName}" },
+  "zh-CN": { filter: "我的筛选器", resetFilter: "重置筛选器 {filterName}" }
+}, Hl = {
+  i18n: { messages: Ul },
+  name: "bento-toggle-filter"
+}, ql = /* @__PURE__ */ k({
+  ...Hl,
+  props: {
+    description: null,
+    disabled: { type: Boolean, default: !1 },
+    field: null,
+    label: null,
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { type: Boolean, default: !1 }
+  },
+  emits: ["input", "update"],
+  setup(s, { emit: e }) {
+    const l = s, { t } = X(), a = re("toggle-filter-checkbox-label"), r = re("toggle-filter-checkbox-description"), o = S(l.value);
+    G(
+      () => l.value,
+      (b) => {
+        o.value = b;
+      }
+    );
+    const i = n(() => ({
+      "b-toggle-filter__only-slot--disabled": l.disabled
+    })), c = (b) => {
+      o.value = b, e("input", { ...l, value: b });
+    }, h = () => {
+      e("update", { ...l, value: o.value });
+    };
+    return { __sfc: !0, t, checkboxLabelId: a, checkboxDescriptionId: r, props: l, emit: e, internalValue: o, onlySlotConditionalClasses: i, onInput: c, updateProps: h, toggleFilter: () => {
+      o.value = !o.value, h();
+    }, resetFilter: () => {
+      o.value = !1, h();
+    }, vBentoTooltipDirective: xe, FilterBarButtonGroup: ze, FilterBarButton: pe, CheckboxInput: dt, BentoTypography: oe, CheckmarkIcon: ut, CrossSmallIcon: ke };
+  }
+});
+var Gl = function() {
+  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: e.options?.tooltipText, expression: "options?.tooltipText", arg: e.options?.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);
+}, zl = [], jl = /* @__PURE__ */ x(
+  ql,
+  Gl,
+  zl,
+  !1,
+  null,
+  "ddd4eb90"
+);
+const Jl = jl.exports, Q = (s) => We({
+  loader: s,
+  loadingComponent: tt,
+  delay: 200,
+  timeout: 3e4,
+  onError: (e, l, t, a) => a <= 2 ? l() : t()
+}), je = {
+  BentoBooleanFilter: Jt,
+  BentoCheckboxGroupFilter: el,
+  BentoDateFilter: Q(() => import("./date-filter.BZVe74cH.js")),
+  BentoDateRangeFilter: Q(() => import("./date-range-filter.CDrrP22U.js")),
+  BentoInputFilter: nl,
+  BentoInputWithDropdownFilter: Q(
+    () => import("./input-with-dropdown-filter.axFutymM.js")
+  ),
+  BentoRadioGroupFilter: fl,
+  BentoRangeFilter: Fl,
+  BentoSelectAvatarFilter: Q(
+    () => import("./select-avatar-filter.EG4IpfbR.js")
+  ),
+  BentoSelectCountryFilter: Q(
+    () => import("./select-country-filter.BtUlbnFP.js")
+  ),
+  BentoSelectCurrencyFilter: Q(
+    () => import("./select-currency-filter.B__ByL7N.js")
+  ),
+  BentoSelectFilter: wl,
+  BentoSelectPaymentMethodFilter: Q(
+    () => import("./select-payment-method-filter.DndRc65T.js")
+  ),
+  BentoSelectTagFilter: Q(
+    () => import("./select-tag-filter.DiWow_m7.js")
+  ),
+  BentoToggleFilter: Jl
+}, Ie = 430, Le = 700;
+function Kl(s, e) {
+  const l = Ze("div"), t = S(!1), a = S(0), r = n(() => !(a.value < Ie && e.value.small === "multi-line"));
+  function o() {
+    t.value = !1, l.value = "div";
+  }
+  function i() {
+    t.value = !0, l.value = Ue;
+  }
+  function c() {
+    a.value >= Le ? e.value?.large === "one-line" ? i() : o() : a.value >= Ie && e.value?.medium === "multi-line" ? o() : i();
+  }
+  G(() => e.value, c), ft(s, (d) => {
+    a.value = d[0].contentRect.width, c();
+  });
+  const h = n(() => a.value >= Le), p = n(() => ({ "b-filter-bar--large-layout": h.value }));
+  return {
+    screenLayoutComponent: l,
+    showSearchbarInsideContainer: r,
+    isOneLineLayout: t,
+    isLargeLayout: h,
+    rootElementConditionalClasses: p
+  };
+}
+var ve = /* @__PURE__ */ ((s) => (s.INPUT = "input", s))(ve || {});
+const Yl = k({
+  name: "base-filter-button",
+  components: { BaseButton: De, BentoTypography: oe, ChevronUpIcon: mt, ChevronDownIcon: Ft },
+  props: {
+    /**
+     * The number of applies values within the filter.
+     * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
+     */
+    amountAppliedValues: { type: [Number, String], default: null },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 },
+    /**
+     * Signifies if the filter is open or closed.
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Toggles if a chevron icon should be displayed in the button.
+     * The chevron will change depending on the open state of the filter.
+     */
+    hasChevron: { type: Boolean, default: !1 },
+    /**
+     * Renders the text in a stronger variant.
+     */
+    bold: { type: Boolean, default: !1 }
+  },
+  emits: [Be.CLICK],
+  setup(s, { slots: e, emit: l, attrs: t }) {
+    const a = n(() => e.default ? $e(e)("default") : null), r = Ne({ ariaLabel: a }), o = S(null), i = n(() => ({
+      "aria-controls": t["aria-controls"]?.toString()
+    })), c = n(() => ({
+      "b-base-filter-button--with-chevron": s.hasChevron,
+      "b-base-filter-button--filter-open": s.isFilterOpen
+    }));
+    return {
+      // Values
+      ariaAttributes: i,
+      computedAriaLabel: r,
+      conditionalClasses: c,
+      // Methods
+      onClickButton: () => {
+        s.disabled || l(Be.CLICK);
+      },
+      hasSlot: Ve(e),
+      // Refs
+      baseFilterButtonRef: o
+    };
+  }
+});
+var Xl = 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()])]);
+}, Wl = [], Zl = /* @__PURE__ */ x(
+  Yl,
+  Xl,
+  Wl,
+  !1,
+  null,
+  "66b170d4"
+);
+const Ql = Zl.exports, ea = k({
+  name: "all-filters-modal-button",
+  components: { BaseFilterButton: Ql },
+  props: {
+    /**
+     * Button label to be displayed
+     */
+    label: { type: String, required: !0 },
+    /**
+     * Total count of applied filters
+     */
+    appliedFiltersCount: { type: [Number, String], default: null },
+    /**
+     * Indicates whether the filter popover tied to this button is showing
+     */
+    isFilterOpen: { type: Boolean, default: !1 },
+    /**
+     * Disables button functionality.
+     */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(s, { emit: e }) {
+    return {
+      conditionalClasses: n(() => ({
+        "b-all-filters-modal-button--with-counter": s.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": s.isFilterOpen
+      })),
+      onClick: () => {
+        e("click");
+      }
+    };
+  }
+});
+var ta = 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) + " ")]);
+}, la = [], aa = /* @__PURE__ */ x(
+  ea,
+  ta,
+  la,
+  !1,
+  null,
+  "4c415ac7"
+);
+const sa = aa.exports, ra = {
+  name: "all-filters-modal-filter-selection"
+}, na = /* @__PURE__ */ k({
+  ...ra,
+  props: {
+    activeFilters: null,
+    actions: { default: () => [] },
+    activeFiltersLabel: null,
+    emptySearchMessage: { default: "" },
+    getFilterCount: { type: Function },
+    otherFilters: null,
+    otherFiltersLabel: null,
+    selectedFilterLabel: null,
+    searchBarAriaLabel: null,
+    searchTerm: null,
+    smallScreen: { type: Boolean, default: !1 },
+    uniqueId: null
+  },
+  emits: ["clear-search", "keydown-right", "select-filter", "update:search-term"],
+  setup(s, { expose: e }) {
+    const l = s, t = n(() => ({
+      "b-all-filters-modal-filter-selection--small-screen": l.smallScreen
+    })), a = S({}), r = n(() => l.smallScreen ? "small-screen-" : "");
+    he(() => {
+      a.value = {};
+    });
+    const o = (c, h) => {
+      c && (a.value[h] = c);
+    }, i = (c) => {
+      a.value[c]?.$el?.focus();
+    };
+    return e({ focusFilter: i }), { __sfc: !0, props: l, conditionalClasses: t, filterButtons: a, screenIdPrefix: r, setFilterButtonRef: o, focusFilter: i, BentoButtonActions: Pe, BentoTypography: oe, BentoSearchBar: me, AllFiltersModalButton: sa };
+  }
+});
+var oa = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l("div", { staticClass: "b-all-filters-modal-filter-selection", class: t.conditionalClasses, on: { keydown: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "right", 39, a.key, ["Right", "ArrowRight"]) || "button" in a && a.button !== 2 ? null : e.$emit("keydown-right");
+  } } }, [l(t.BentoSearchBar, { staticClass: "b-all-filters-modal-filter-selection__search-bar", attrs: { value: e.searchTerm, "input-field-aria-label": e.searchBarAriaLabel }, on: { input: function(a) {
+    return e.$emit("update:search-term", a);
+  }, clear: function(a) {
+    return e.$emit("clear-search");
+  } } }), e.emptySearchMessage ? l("div", { staticClass: "b-all-filters-modal-filter-selection__empty-search-message" }, [l(t.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(e.emptySearchMessage))])], 1) : e._e(), e.activeFilters.length ? l("div", { staticClass: "b-all-filters-modal-filter-selection__filters-section" }, [l(t.BentoTypography, { staticClass: "b-all-filters-modal-filter-selection__filters-section-title", attrs: { id: `active-filters-${t.screenIdPrefix}${e.uniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.activeFiltersLabel) + " ")]), l("ul", { staticClass: "b-all-filters-modal-filter-selection__filters-list", attrs: { "aria-labelledby": `active-filters-${t.screenIdPrefix}${e.uniqueId}` } }, e._l(e.activeFilters, function(a) {
+    return l("li", { key: `${a.label}-${a.field}` }, [l(t.AllFiltersModalButton, { ref: (r) => t.setFilterButtonRef(r, a.label), refInFor: !0, attrs: { label: a.label, "applied-filters-count": e.getFilterCount(a), "is-filter-open": !e.smallScreen && e.selectedFilterLabel === a.label, disabled: a.disabled }, on: { click: function(r) {
+      return e.$emit("select-filter", a.label, a.field);
+    } } })], 1);
+  }), 0)], 1) : e._e(), e.otherFilters.length ? l("div", { staticClass: "b-all-filters-modal-filter-selection__filters-section" }, [e.activeFilters.length ? l(t.BentoTypography, { staticClass: "b-all-filters-modal-filter-selection__filters-section-title", attrs: { id: `other-filters-${t.screenIdPrefix}${e.uniqueId}`, el: "span", variant: "caption" } }, [e._v(" " + e._s(e.otherFiltersLabel) + " ")]) : e._e(), l("ul", { staticClass: "b-all-filters-modal-filter-selection__filters-list", attrs: { "aria-labelledby": `other-filters-${t.screenIdPrefix}${e.uniqueId}` } }, e._l(e.otherFilters, function(a) {
+    return l("li", { key: `${a.label}-${a.field}` }, [l(t.AllFiltersModalButton, { ref: (r) => t.setFilterButtonRef(r, a.label), refInFor: !0, attrs: { label: a.label, disabled: a.disabled, "applied-filters-count": e.getFilterCount(a), "is-filter-open": !e.smallScreen && e.selectedFilterLabel === a.label }, on: { click: function(r) {
+      return e.$emit("select-filter", a.label, a.field);
+    } } })], 1);
+  }), 0)], 1) : e._e(), e.smallScreen ? l(t.BentoButtonActions, { staticClass: "b-all-filters-modal-filter-selection__actions", attrs: { actions: e.actions, layout: "vertical-stack" } }) : e._e()], 1);
+}, ia = [], ua = /* @__PURE__ */ x(
+  na,
+  oa,
+  ia,
+  !1,
+  null,
+  "c1f91314"
+);
+const ca = ua.exports, da = {
+  name: "all-filters-modal-selected-filter",
+  components: je
+}, fa = /* @__PURE__ */ k({
+  ...da,
+  props: {
+    actions: { default: () => [] },
+    clearButtonLabel: null,
+    isClearButtonDisabled: { type: Boolean },
+    selectedFilter: null,
+    smallScreen: { type: Boolean, default: !1 },
+    shouldShowFilterTitle: { type: Boolean }
+  },
+  emits: ["clear", "input", "keydown-left"],
+  setup(s, { expose: e }) {
+    const l = s, t = n(() => ({
+      "b-all-filters-modal-selected-filter--small-screen": l.smallScreen
+    })), a = S(null);
+    let r = null, o = null;
+    const i = () => {
+      const d = a.value;
+      return d ? Bt(d).find(({ node: b }) => b !== d) : void 0;
+    }, c = () => {
+      if (!r || r !== document.activeElement)
+        return;
+      const d = i();
+      d && (r = null, d.node.focus());
+    }, h = () => {
+      const d = i();
+      r = d ? null : document.activeElement, d?.node.focus();
+    }, p = () => {
+      r = null;
+    };
+    return de(() => {
+      a.value && (o = new MutationObserver(c), o.observe(a.value, { childList: !0, subtree: !0 }));
+    }), Qe(() => o?.disconnect()), pt(document, "focusin", () => {
+      document.activeElement !== r && p();
+    }), G(() => l.selectedFilter.field, p), e({ focusFirstInput: h }), { __sfc: !0, props: l, conditionalClasses: t, selectedFilterRef: a, pendingFocusSource: r, selectedFilterObserver: o, getFirstFocusable: i, focusPendingInput: c, focusFirstInput: h, cancelPendingFocus: p, BentoButton: yt, BentoButtonActions: Pe, BentoTypography: oe };
+  }
+});
+var pa = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l("div", { staticClass: "b-all-filters-modal-selected-filter", class: t.conditionalClasses, on: { keydown: function(a) {
+    return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.$emit("keydown-left");
+  } } }, [e.smallScreen || e.shouldShowFilterTitle ? l("div", { staticClass: "b-all-filters-modal-selected-filter__text" }, [l(t.BentoTypography, { attrs: { id: e.selectedFilter.labelId, el: "div", variant: "title", medium: "" } }, [e._v(" " + e._s(e.selectedFilter.label) + " ")]), e.selectedFilter.description ? l(t.BentoTypography, { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1) : e._e(), l("div", { ref: "selectedFilterRef", staticClass: "b-all-filters-modal-selected-filter__component" }, [l(e.selectedFilter.type, { key: e.selectedFilter.field, tag: "component", attrs: { description: e.selectedFilter.description, field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0, disabled: e.selectedFilter.disabled, "aria-labelledby": e.selectedFilter.labelId }, on: { input: function(a) {
+    return e.$emit("input", a);
+  } } })], 1), e.smallScreen ? l(t.BentoButtonActions, { staticClass: "b-all-filters-modal-selected-filter__actions", attrs: { actions: e.actions, layout: "vertical-stack" } }) : l("div", { staticClass: "b-all-filters-modal-selected-filter__clear-button" }, [l(t.BentoButton, { attrs: { variant: "secondary", disabled: e.isClearButtonDisabled }, on: { click: function(a) {
+    return e.$emit("clear");
+  } } }, [e._v(" " + e._s(e.clearButtonLabel) + " ")])], 1)], 1);
+}, ba = [], va = /* @__PURE__ */ x(
+  fa,
+  pa,
+  ba,
+  !1,
+  null,
+  "77564087"
+);
+const _a = va.exports, ha = {
+  __name: "sliders-1",
+  setup(s) {
+    const e = et(), l = String(e?.uid ?? e?.proxy?._uid);
+    return { __sfc: !0, instance: e, uuid: l };
+  }
+};
+var ma = function() {
+  var e = this, l = e._self._c;
+  return e._self._setupProxy, 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" } })]);
+}, Fa = [], ya = /* @__PURE__ */ x(
+  ha,
+  ma,
+  Fa,
+  !1,
+  null,
+  null
+);
+const Ba = ya.exports, Sa = {
+  "de-DE": { activeFilters: "Aktive Filter", all: "Alle", allFilters: "Alle Filter", applyAll: "Alle anwenden", cancel: "Abbrechen", clear: "Löschen", clearAll: "Alle löschen", noFiltersMatchThisSearch: "Keine Filter entsprechen dieser Suche.", otherFilters: "Andere Filter", reset: "Zurücksetzen", resetAll: "Alle zurücksetzen", searchBar: "Suchleiste" },
+  "en-GB": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", reset: "Reset", resetAll: "Reset all", searchBar: "Search bar" },
+  "en-US": { activeFilters: "Active filters", all: "All", allFilters: "All filters", applyAll: "Apply all", cancel: "Cancel", clear: "Clear", clearAll: "Clear all", noFiltersMatchThisSearch: "No filters match this search", otherFilters: "Other filters", reset: "Reset", resetAll: "Reset all", searchBar: "Search bar" },
+  "es-419": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Borrar", clearAll: "Borrar todo", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", otherFilters: "Otros filtros", reset: "Restablecer", resetAll: "Restablecer todo", searchBar: "Barra de búsqueda" },
+  "es-ES": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Borrar", clearAll: "Borrar todo", noFiltersMatchThisSearch: "Ningún filtro coincide con esta búsqueda", otherFilters: "Otros filtros", reset: "Reiniciar", resetAll: "Restablecer todo", searchBar: "Barra de búsqueda" },
+  "es-MX": { activeFilters: "Filtros activos", all: "Todos", allFilters: "Todos los filtros", applyAll: "Aplicar todo", cancel: "Cancelar", clear: "Claro", clearAll: "Borrar todo", noFiltersMatchThisSearch: "No hay filtros que coincidan con esta búsqueda", otherFilters: "Otros filtros", searchBar: "Barra de búsqueda" },
+  "fr-FR": { activeFilters: "Filtres actifs", all: "Tous", allFilters: "Tous les filtres", applyAll: "Tout appliquer", cancel: "Annuler", clear: "Effacer", clearAll: "Tout effacer", noFiltersMatchThisSearch: "Aucun filtre ne correspond à cette recherche", otherFilters: "Autres filtres", reset: "Réinitialiser", resetAll: "Tout réinitialiser", searchBar: "Barre de recherche" },
+  "it-IT": { activeFilters: "Filtri attivi", all: "Tutti", allFilters: "Tutti i filtri", applyAll: "Applica tutto", cancel: "Annulla", clear: "Cancella", clearAll: "Cancella tutto", noFiltersMatchThisSearch: "Nessun filtro corrisponde a questa ricerca", otherFilters: "Altri filtri", reset: "Resetta", resetAll: "Resetta tutto", searchBar: "Barra di ricerca" },
+  "ja-JP": { activeFilters: "適用中のフィルター", all: "すべて", allFilters: "すべてのフィルター", applyAll: "すべて適用", cancel: "キャンセル", clear: "クリア", clearAll: "すべてクリア", noFiltersMatchThisSearch: "この検索に一致するフィルターはありません", otherFilters: "他のフィルター", reset: "リセット", resetAll: "すべてリセット", searchBar: "検索バー" },
+  "pt-BR": { activeFilters: "Filtros ativos", all: "Todos", allFilters: "Todos os filtros", applyAll: "Aplicar tudo", cancel: "Cancelar", clear: "Limpar", clearAll: "Limpar tudo", noFiltersMatchThisSearch: "Nenhum filtro corresponde a esta busca", otherFilters: "Outros filtros", reset: "Limpar", resetAll: "Limpar tudo", searchBar: "Barra de busca" },
+  "zh-CN": { activeFilters: "有效筛选器", all: "全部", allFilters: "所有筛选器", applyAll: "全部应用", cancel: "取消", clear: "清除", clearAll: "全部清除", noFiltersMatchThisSearch: "没有符合此搜索条件的筛选器", otherFilters: "其他筛选器", reset: "重置", resetAll: "全部重置", searchBar: "搜索栏" }
+}, ga = {
+  name: "all-filters-modal",
+  i18n: { messages: Sa }
+}, Ca = /* @__PURE__ */ k({
+  ...ga,
+  props: {
+    value: { default: () => [] }
+  },
+  emits: [ve.INPUT],
+  setup(s, { emit: e }) {
+    const l = s, t = "filter-selection", a = "filter-application", r = S(l.value), o = re("all-filters-modal"), i = S(null), c = S(!1), h = S(0), p = S(null), d = S(""), b = S(t), { t: T, n: L } = X(), P = bt("(max-width: 599px)"), E = we(d, M(r, "value"));
+    G(
+      () => l.value,
+      () => {
+        c.value ? r.value = l.value.map((_, F) => ({ ..._, value: r.value[F].value })) : r.value = l.value;
+      }
+    );
+    const A = (_) => _.sort((F, q) => F.label > q.label ? 1 : q.label > F.label ? -1 : 0), O = n(
+      () => A(
+        E.value.filter(
+          (_) => Array.isArray(_.value) ? _.value?.length && _.value?.find((F) => F !== "") : _.value
+        )
+      )
+    ), R = n(
+      () => A(
+        E.value.filter(
+          (_) => Array.isArray(_.value) ? _.value?.length === 0 || _.value?.every((F) => F === "") : !_.value
+        )
+      )
+    ), z = n(() => d.value && E.value?.length === 0), I = n(() => ({
+      ...r.value[h.value],
+      labelId: re(r.value[h.value]?.field)
+    })), j = () => {
+      const _ = O.value.length ? O.value[0] : R.value[0], F = r.value.findIndex(
+        (q) => q.label === _.label && q.field === _.field
+      );
+      h.value = F;
+    };
+    G(
+      () => c.value,
+      (_) => {
+        _ && j();
+      }
+    );
+    const U = (_) => _.map((F) => {
+      switch (F.type) {
+        case $.SELECT:
+        case $.SELECT_AVATAR:
+        case $.SELECT_COUNTRY:
+        case $.SELECT_CURRENCY:
+        case $.SELECT_PAYMENT_METHOD:
+        case $.SELECT_TAG:
+          return F.options?.multiple === !0 ? {
+            label: F.label,
+            field: F.field,
+            count: F.value?.length ? F.value?.length : null
+          } : {
+            label: F.label,
+            field: F.field,
+            count: F.value == null ? null : 1
+          };
+        case $.DATE_RANGE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value?.startDate != null && F.value?.endDate != null ? 1 : null
+          };
+        case $.RANGE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value?.find((q) => q !== "") ? 1 : null
+          };
+        case $.CHECKBOX_GROUP:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value?.length ? F.value?.length : null
+          };
+        case $.TOGGLE:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value ? 1 : null
+          };
+        case $.INPUT:
+        case $.BOOLEAN:
+        case $.DATE:
+        case $.RADIO_GROUP:
+        default:
+          return {
+            label: F.label,
+            field: F.field,
+            count: F.value != null ? 1 : null
+          };
+      }
+    }), D = n(() => I.value.value), V = n(
+      () => Array.isArray(D.value) ? D.value.length && D.value.find((_) => _ !== "") : !!D.value
+    ), K = n(
+      () => r.value.some(({ defaultValue: _ }) => _ !== void 0)
+    ), f = n(() => I.value.defaultValue !== void 0), y = n(() => I.value.type !== $.TOGGLE), B = n(
+      () => I.value.disabled || (f.value ? JSON.stringify(I.value.value) === JSON.stringify(I.value.defaultValue) : !V.value)
+    ), v = n(
+      () => l.value.filter(
+        (_) => _.defaultValue === void 0 || _.visible === !1 && JSON.stringify(_.value) !== JSON.stringify(_.defaultValue)
+      )
+    ), g = n(
+      () => U(v.value)?.filter(({ count: _ }) => !!_).length
+    ), N = () => {
+      c.value ? c.value = !1 : (b.value = t, c.value = !0);
+    }, W = n(
+      () => new Map(U(r.value).map(({ field: _, count: F }) => [_, F]))
+    ), Z = (_) => {
+      const F = W.value.get(_.field), q = typeof _.type == "string" && // Type guard to avoid casting
+      _.type.includes("BentoSelect") && _.options?.multiple && F === _.options?.listboxItems?.length, ce = typeof _.type == "string" && _.type === $.CHECKBOX_GROUP && F === _.options?.checkboxItems?.length;
+      return q || ce ? T("all") : F == null ? null : L(F);
+    }, te = (_, F) => {
+      h.value = r.value.findIndex(
+        (q) => q.label === _ && q.field === F
+      ), P.value && (b.value = a);
+    }, u = () => {
+      d.value = "";
+    }, m = () => {
+      c.value = !1, r.value = l.value, u();
+    }, C = (_) => {
+      const F = r.value.map(({ value: q, ...ce }, Ke) => Ke === h.value ? { value: _.value, ...ce } : { value: q, ...ce });
+      r.value = F;
+    }, Y = () => {
+      C({
+        field: I.value.field,
+        label: I.value.label,
+        type: I.value.type,
+        value: f.value ? I.value.defaultValue : void 0
+      });
+    }, H = () => {
+      r.value = l.value.map((_) => ({
+        ..._,
+        value: _.defaultValue
+      }));
+    }, ue = () => {
+      e(ve.INPUT, r.value), c.value = !1, b.value = t;
+    }, Fe = n(
+      () => JSON.stringify(r.value) === JSON.stringify(l.value)
+    ), ye = n(
+      () => K.value ? r.value.every((_) => JSON.stringify(_.value) === JSON.stringify(_.defaultValue)) : !g.value
+    ), Je = n(() => [
+      {
+        title: T("applyAll"),
+        disabled: Fe.value,
+        event: ue
+      },
+      {
+        title: T("cancel"),
+        event: m
+      },
+      {
+        title: T(K.value ? "resetAll" : "clearAll"),
+        disabled: ye.value,
+        event: H
+      }
+    ]);
+    return { __sfc: !0, FILTER_SELECTION_PAGE_ID: t, FILTER_APPLICATION_PAGE_ID: a, props: l, emit: e, filtersInModal: r, allFiltersModalUniqueId: o, filterSelectionRef: i, isModalOpen: c, selectedFilterIndex: h, selectedFilterContentRef: p, searchTerm: d, smallScreenActivePage: b, t: T, n: L, isSmallScreen: P, filteredItems: E, sortAlphabetically: A, activeFilters: O, otherFilters: R, isEmptyResultForSearchFilter: z, selectedFilter: I, selectOpenedFilter: j, computeCounts: U, selectedFilterValue: D, hasValueSelected: V, hasPersistentFilters: K, isSelectedFilterPersistent: f, shouldShowFilterTitle: y, isClearButtonDisabled: B, filtersIncludedInActiveCount: v, numberOfActiveFilters: g, onClickAllFiltersModal: N, filterCounts: W, getFilterCount: Z, selectFilter: te, onSearchbarClear: u, cancel: m, updateFilter: C, clearSelectedFilter: Y, clearAll: H, applyAll: ue, isApplyAllButtonDisabled: Fe, isClearAllButtonDisabled: ye, modalActions: Je, onKeydownRight: () => {
+      p.value?.focusFirstInput();
+    }, onKeydownLeft: () => {
+      i.value?.focusFilter(I.value.label);
+    }, BentoModalFullscreen: _t, BentoModalFullscreenPage: vt, BentoModal: ht, FilterBarButton: pe, AllFiltersModalFilterSelection: ca, AllFiltersModalSelectedFilter: _a, SlidersIcon: Ba };
+  }
+});
+var Aa = 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" } })];
+  }, proxy: !0 }]) }, [e._v(" " + e._s(t.t("allFilters")) + " ")]), t.isSmallScreen ? l(t.BentoModalFullscreen, { staticClass: "b-all-filters-modal__modal b-all-filters-modal__modal--small-screen", attrs: { "active-page": t.smallScreenActivePage, "is-open": t.isModalOpen }, on: { "before-close": t.cancel, "update:active-page": function(a) {
+    t.smallScreenActivePage = a;
+  } } }, [l(t.BentoModalFullscreenPage, { attrs: { "page-id": t.FILTER_SELECTION_PAGE_ID, "previous-page": null, title: t.t("allFilters") } }, [l(t.AllFiltersModalFilterSelection, { attrs: { "active-filters": t.activeFilters, actions: t.modalActions, "active-filters-label": t.t("activeFilters"), "empty-search-message": t.isEmptyResultForSearchFilter ? t.t("noFiltersMatchThisSearch") : "", "get-filter-count": t.getFilterCount, "other-filters": t.otherFilters, "other-filters-label": t.t("otherFilters"), "search-bar-aria-label": t.t("searchBar"), "search-term": t.searchTerm, "selected-filter-label": t.selectedFilter.label, "unique-id": t.allFiltersModalUniqueId, "small-screen": "" }, on: { "clear-search": t.onSearchbarClear, "select-filter": t.selectFilter, "update:search-term": function(a) {
+    t.searchTerm = a;
+  } } })], 1), l(t.BentoModalFullscreenPage, { attrs: { "page-id": t.FILTER_APPLICATION_PAGE_ID, "previous-page": t.FILTER_SELECTION_PAGE_ID, title: t.t("allFilters") } }, [l(t.AllFiltersModalSelectedFilter, { attrs: { actions: t.modalActions, "clear-button-label": t.t(t.isSelectedFilterPersistent ? "reset" : "clear"), "is-clear-button-disabled": t.isClearButtonDisabled, "selected-filter": t.selectedFilter, "should-show-filter-title": t.shouldShowFilterTitle, "small-screen": "" }, on: { input: t.updateFilter } })], 1)], 1) : l(t.BentoModal, { staticClass: "b-all-filters-modal__modal", attrs: { "is-open": t.isModalOpen, "with-column-layout": !0, size: "large", actions: t.modalActions, "is-dismissible": !1, "hide-close-button": "" }, on: { "close-modal": t.cancel }, scopedSlots: e._u([{ key: "default", fn: function() {
+    return [e._v(" " + e._s(t.t("allFilters")) + " ")];
+  }, proxy: !0 }, { key: "content-col-1", fn: function() {
+    return [l(t.AllFiltersModalFilterSelection, { ref: "filterSelectionRef", attrs: { "active-filters": t.activeFilters, actions: t.modalActions, "active-filters-label": t.t("activeFilters"), "empty-search-message": t.isEmptyResultForSearchFilter ? t.t("noFiltersMatchThisSearch") : "", "get-filter-count": t.getFilterCount, "other-filters": t.otherFilters, "other-filters-label": t.t("otherFilters"), "search-bar-aria-label": t.t("searchBar"), "search-term": t.searchTerm, "selected-filter-label": t.selectedFilter.label, "unique-id": t.allFiltersModalUniqueId }, on: { "clear-search": t.onSearchbarClear, "keydown-right": t.onKeydownRight, "select-filter": t.selectFilter, "update:search-term": function(a) {
+      t.searchTerm = a;
+    } } })];
+  }, proxy: !0 }, { key: "content-col-2", fn: function() {
+    return [l(t.AllFiltersModalSelectedFilter, { ref: "selectedFilterContentRef", attrs: { actions: t.modalActions, "clear-button-label": t.t(t.isSelectedFilterPersistent ? "reset" : "clear"), "is-clear-button-disabled": t.isClearButtonDisabled, "selected-filter": t.selectedFilter, "should-show-filter-title": t.shouldShowFilterTitle }, on: { clear: t.clearSelectedFilter, input: t.updateFilter, "keydown-left": t.onKeydownLeft } })];
+  }, proxy: !0 }], null, !1, 2679786022) })], 1);
+}, Ta = [], Ra = /* @__PURE__ */ x(
+  Ca,
+  Aa,
+  Ta,
+  !1,
+  null,
+  "f28a169f"
+);
+const Ia = Ra.exports, La = {
+  "de-DE": { clearFilters: "Filter löschen", filtersHaveBeenCleared: "Filter wurden gelöscht.", filtersHaveBeenReset: "Die Filter wurden zurückgesetzt.", resetFilters: "Filter zurücksetzen", searchBar: "Suchleiste", undo: "Rückgängig machen" },
+  "en-GB": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
+  "en-US": { clearFilters: "Clear filters", filtersHaveBeenCleared: "Filters have been cleared.", filtersHaveBeenReset: "Filters have been reset.", resetFilters: "Reset filters", searchBar: "Search bar", undo: "Undo" },
+  "es-419": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se han borrado los filtros.", filtersHaveBeenReset: "Se han restablecido los filtros.", resetFilters: "Restablecer filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
+  "es-ES": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se han borrado los filtros.", filtersHaveBeenReset: "Los filtros se han restablecido.", resetFilters: "Reiniciar filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
+  "es-MX": { clearFilters: "Borrar filtros", filtersHaveBeenCleared: "Se borraron los filtros.", filtersHaveBeenReset: "Se restablecieron los filtros.", resetFilters: "Restablecer filtros", searchBar: "Barra de búsqueda", undo: "Deshacer" },
+  "fr-FR": { clearFilters: "Effacer les filtres", filtersHaveBeenCleared: "Les filtres ont été effacés.", filtersHaveBeenReset: "Les filtres ont été réinitialisés.", resetFilters: "Réinitialiser les filtres", searchBar: "Barre de recherche", undo: "Annuler" },
+  "it-IT": { clearFilters: "Cancella filtri", filtersHaveBeenCleared: "I filtri sono stati cancellati.", filtersHaveBeenReset: "I filtri sono stati resettati.", resetFilters: "Resetta filtri", searchBar: "Barra di ricerca", undo: "Annulla" },
+  "ja-JP": { clearFilters: "フィルターをクリア", filtersHaveBeenCleared: "フィルターをクリアしました。", filtersHaveBeenReset: "フィルターがリセットされました。", resetFilters: "フィルターをリセット", searchBar: "検索バー", undo: "元に戻す" },
+  "pt-BR": { clearFilters: "Limpar filtros", filtersHaveBeenCleared: "Os filtros foram apagados.", filtersHaveBeenReset: "Os filtros foram limpos.", resetFilters: "Limpar filtros", searchBar: "Barra de busca", undo: "Desfazer" },
+  "zh-CN": { clearFilters: "清除筛选器", filtersHaveBeenCleared: "筛选器已清除。", filtersHaveBeenReset: "筛选器已重置。", resetFilters: "重置筛选器", searchBar: "搜索栏", undo: "撤销" }
+}, Ea = {
+  i18n: { messages: La },
+  name: "bento-filter-bar",
+  components: {
+    ...je,
+    BentoTeleport: Oe,
+    FixedScroller: Ue
+  }
+}, Oa = /* @__PURE__ */ k({
+  ...Ea,
+  props: {
+    config: { default: () => [] },
+    filterValues: { default: () => [] },
+    containerSizeLayout: { default: null },
+    search: { default: void 0 },
+    searchTerm: { default: void 0 },
+    showAppliedHiddenFilters: { type: Boolean, default: !1 },
+    filterValuesObject: { default: void 0 }
+  },
+  emits: [
+    le.INPUT,
+    le.UPDATE_FILTER_VALUES_OBJECT,
+    le.UPDATE_FILTER_VALUES_ARRAY,
+    ae.CLEAR,
+    ae.INPUT,
+    ae.UPDATE
+  ],
+  setup(s, { expose: e, emit: l }) {
+    const t = s, { t: a } = X(), r = S(null), o = n(
+      () => t.config?.map((u) => {
+        let m = t.filterValues.find(({ field: C }) => C === u.field)?.value;
+        return t.filterValuesObject && u.field in t.filterValuesObject && (m = t.filterValuesObject[u.field]), m === void 0 && (m = u?.defaultValue), { ...u, value: m };
+      })
+    ), { addToast: i } = gt(), c = {
+      large: "multi-line",
+      medium: "one-line",
+      small: "multi-line"
+    }, h = n(() => ({
+      ...c,
+      ...t.containerSizeLayout
+    })), {
+      screenLayoutComponent: p,
+      showSearchbarInsideContainer: d,
+      isOneLineLayout: b,
+      isLargeLayout: T,
+      rootElementConditionalClasses: L
+    } = Kl(r, h), P = n(() => ({
+      "b-filter-bar__fixed-scroller": b.value,
+      "b-filter-bar__container": !b.value
+      // Multi-line
+    })), E = n(() => ({
+      "b-filter-bar__scroller-content": b.value,
+      "b-filter-bar__filters": !b.value
+      // Multi-line
+    })), A = n(() => t.search?.inputFieldAriaLabel || a("searchBar")), O = n(() => {
+      if (!t.search)
+        return;
+      const { debounceTime: u, disabled: m, inputFieldAriaLabel: C, hint: Y, placeholder: H } = t.search;
+      return { debounceTime: u, disabled: m, inputFieldAriaLabel: C, hint: Y, placeholder: H };
+    }), R = n(
+      () => t.search?.width && T.value ? { flexBasis: t.search.width, maxWidth: t.search.width } : void 0
+    ), z = n(
+      () => o.value.some(({ visible: u }) => u != null)
+    ), I = n(
+      () => z.value ? o.value.some(({ visible: u }) => !u) : !1
+    ), j = n(
+      () => o.value.filter(
+        ({ defaultValue: u, visible: m }) => u !== void 0 && m !== !1
+      )
+    ), U = n(
+      () => o.value.filter(
+        ({ defaultValue: u, visible: m }) => u === void 0 || m === !1
+      )
+    ), D = n(
+      () => o.value.some(({ defaultValue: u }) => u !== void 0)
+    ), V = n(() => z.value ? o.value.filter(
+      ({ defaultValue: u, visible: m, value: C }) => u === void 0 && (m || t.showAppliedHiddenFilters && C !== void 0 && C !== null)
+    ) : o.value.filter(({ defaultValue: u }) => u === void 0)), K = n(() => t.searchTerm != null), f = n(
+      () => o.value.filter(({ defaultValue: u }) => u == null).some(({ value: u }) => u != null)
+    ), y = n(() => !D.value && f.value), B = n(() => D.value ? !o.value.filter(({ defaultValue: m }) => m !== void 0 || m !== null).every(({ value: m, defaultValue: C }) => JSON.stringify(m) === JSON.stringify(C)) || f.value : !1), v = (u) => {
+      l(le.INPUT, u), l(
+        le.UPDATE_FILTER_VALUES_ARRAY,
+        u?.filter(({ value: m }) => m !== null || m !== void 0).map(({ field: m, value: C }) => ({ field: m, value: C }))
+      ), l(
+        le.UPDATE_FILTER_VALUES_OBJECT,
+        u?.filter(({ value: m }) => m !== null || m !== void 0).reduce((m, C) => (m[C.field] = C.value, m), {})
+      );
+    }, g = (u) => {
+      const m = Array.isArray(u) ? u : [u], C = new Map(m.map((H) => [H.field, H.value])), Y = o.value.map((H) => C.has(H.field) ? { ...H, value: C.get(H.field) } : H);
+      v(Y);
+    }, N = () => {
+      const u = o.value.slice(), m = o.value.map(({ value: C, ...Y }) => ({
+        ...Y,
+        value: void 0
+      }));
+      i({
+        text: a("filtersHaveBeenCleared"),
+        action: {
+          handler: () => v(u),
+          text: a("undo")
+        }
+      }), v(m);
+    }, W = () => {
+      const u = o.value.slice(), m = o.value.map(({ defaultValue: C, ...Y }) => ({
+        ...Y,
+        defaultValue: C,
+        value: C
+      }));
+      i({
+        text: a("filtersHaveBeenReset"),
+        action: {
+          handler: () => v(u),
+          text: a("undo")
+        }
+      }), v(m);
+    }, Z = (u) => {
+      l(ae.INPUT, u), l(ae.UPDATE, u);
+    }, te = () => {
+      l(ae.CLEAR);
+    };
+    return e({ isClearAllVisible: y, clearAllFilters: N, isResetAllVisible: B, resetAllFilters: W }), { __sfc: !0, props: t, emit: l, t: a, filterBarRef: r, valueAndFilterValuesPropsMerged: o, addToast: i, DEFAULT_CONTAINER_SIZE_LAYOUT: c, mergedContainerSizeLayout: h, screenLayoutComponent: p, showSearchbarInsideContainer: d, isOneLineLayout: b, isLargeLayout: T, rootElementConditionalClasses: L, containerConditionalClasses: P, contentConditionalClasses: E, searchBarAriaLabel: A, searchBarProps: O, searchBarWidthStyle: R, hasVisibleSet: z, hasHiddenFilters: I, persistentFilters: j, filtersInAllFiltersModal: U, hasPersistentFilters: D, regularFilters: V, isSearchBarEnabled: K, hasActiveFilters: f, isClearAllVisible: y, isResetAllVisible: B, updateAllFilters: v, updateFilterHandler: g, clearAllFilters: N, resetAllFilters: W, onSearchbarInput: Z, onSearchbarClear: te, FilterBarButton: pe, BentoSearchBar: me, AllFiltersModal: Ia, RefreshIcon: St };
+  }
+});
+var Pa = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  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", { staticClass: "b-filter-bar__search-bar-container", style: t.searchBarWidthStyle }, [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(a) {
+    return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, disabled: a?.disabled, options: a.options, value: a.value, "default-value": a.defaultValue }, on: { update: t.updateFilterHandler } });
+  }) : e._e(), e._l(t.regularFilters, function(a) {
+    return l(a.type, { key: a.field, tag: "component", attrs: { field: a.field, label: a.label, disabled: a?.disabled, options: a.options, value: a.value }, on: { update: t.updateFilterHandler } });
+  }), t.hasHiddenFilters ? l(t.AllFiltersModal, { staticClass: "b-filter-bar__all-filters-modal", attrs: { value: t.filtersInAllFiltersModal }, 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);
+}, xa = [], ka = /* @__PURE__ */ x(
+  Oa,
+  Pa,
+  xa,
+  !1,
+  null,
+  "e0b61e4d"
+);
+const _s = ka.exports;
+export {
+  ne as B,
+  kl as S,
+  _s as a,
+  le as b,
+  w as c,
+  $ as d,
+  wl as e,
+  Ge as f,
+  ie as u
+};
+//# sourceMappingURL=filter-bar.DUw139BE.js.map