@adyen/bento-vue3 2.1.1 → 2.2.0

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

@@ -0,0 +1,2552 @@
+import { ref as k, onMounted as Ve, watch as le, computed as r, defineComponent as K, useSlots as Pe, useAttrs as kl, openBlock as m, createBlock as O, unref as a, mergeProps as be, withCtx as A, createElementVNode as q, renderSlot as fe, createCommentVNode as H, createVNode as E, createTextVNode as G, toDisplayString as z, shallowRef as Vl, resolveComponent as ge, normalizeClass as ee, createSlots as Re, createElementBlock as w, onBeforeUpdate as qe, withKeys as me, Fragment as Oe, renderList as he, withDirectives as Ue, nextTick as Ge, toRef as X, isRef as Pl, normalizeProps as $e, guardReactiveProps as Ne, vShow as Dl, defineAsyncComponent as Ml, resolveDynamicComponent as Ee, getCurrentInstance as Ul, normalizeStyle as wl } from "vue";
+import { B as ke, a as Be } from "./search-bar.BRMyMzkF.js";
+import { u as Hl } from "./use-bento-toast-controller.CkpBtweL.js";
+import { u as pe } from "./index.CGBfMQdv.js";
+import { m as ql, l as Gl, f as zl, k as jl } from "./index.DCpihRYV.js";
+import { F as ol } from "./fixed-scroller.nECGGyOp.js";
+import { B as Jl, a as ze } from "./modal-fullscreen.D-ws4648.js";
+import { _ as Kl } from "./modal.vue_vue_type_script_setup_true_lang.DkjMGIP8.js";
+import { u as je, f as nl, d as Yl, B as Xl, _ as Wl } from "./dropdown.BJ0cJ9Ea.js";
+import { g as Ae } from "./generate-uid.DBWe4g6T.js";
+import { B as ie, d as Zl, p as Ql } from "./typography.B6elnWpr.js";
+import { u as il } from "./aria-label.CaUURpnB.js";
+import { u as rl } from "./use-has-slot.CyMiImRQ.js";
+import { B as ul, a as Je } from "./base-button.Dg_u0f2_.js";
+import { g as cl } from "./get-slot-text.8Fbl1GOr.js";
+import { _ as xl } from "./chevron-up.CE9uVcoS.js";
+import { _ as et } from "./chevron-down.DDkuHzKj.js";
+import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as dl, u as lt, e as fl, h as tt } from "./button-actions.BYoctIth.js";
+import { B as at } from "./button.DAcwNdtP.js";
+import { a as st } from "./focus-trap.BgyHTR_3.js";
+import { B as ot } from "./loading-indicator.BPol9I84.js";
+import { a as pl } from "./radio-group.DGwM-ijw.js";
+import { t as ye } from "./truncate.DmCXQmeb.js";
+import { b as bl } from "./tooltip.B8LTTssT.js";
+import { _ as vl } from "./cross-small.B6P0qFHF.js";
+import { B as nt } from "./checkbox-group.993HE54c.js";
+import { B as we } from "./input-field.B-Nta-en.js";
+import { B as it } from "./divider.BlxQCxkM.js";
+import { C as rt } from "./checkbox-input.Bv_GjPU8.js";
+/* empty css              */
+import { _ as Ke } from "./refresh.DjN1EulV.js";
+import "../assets/filter-bar.css";
+const ml = (e) => e === null || typeof e != "object" ? !1 : Object.prototype.toString.call(e) === "[object Object]", hl = (e) => Array.isArray(e), Ye = (e) => hl(e) ? e.length === 0 || e.every((d) => d === "") : !e, Me = (e, d) => JSON.stringify(e) === JSON.stringify(d), Ce = (e) => ml(e) ? e instanceof Date ? new Date(e.getTime()) : hl(e) ? e.map((d) => Ce(d)) : Object.keys(e).reduce((d, l) => (d[l] = Ce(e[l]), d), {}) : e, ut = (e) => ml(e) ? Object.fromEntries(Object.keys(e).map((d) => [d, void 0])) : void 0;
+function yl(e, d) {
+  const l = k(), i = k();
+  Ve(() => {
+    e.value != null && (i.value = ut(e.value));
+  }), le(
+    () => e.value,
+    (s) => {
+      l.value = Ce(s);
+    },
+    { immediate: !0 }
+  );
+  const t = r(
+    () => Ye(e.value) || Me(e.value, i.value)
+  ), u = r(
+    () => d.value != null ? Me(d.value, e.value) : t.value
+  ), n = r(() => Me(l.value, e.value) || Ye(l.value) && t.value);
+  function c(s) {
+    l.value = Ce(i.value), s && s(l.value);
+  }
+  function o(s) {
+    l.value = Ce(d.value), s && s(l.value);
+  }
+  function p(s) {
+    l.value = Ce(e.value), s && s(l.value);
+  }
+  return {
+    // Values
+    internalFilterValue: l,
+    isSecondaryButtonDisabled: u,
+    isApplyButtonDisabled: n,
+    // Methods
+    clearFilter: c,
+    resetFilter: o,
+    openFilter: p
+  };
+}
+const ct = { class: "b-filter-bar-button__container" }, dt = { class: "b-filter-bar-button__label-container" }, ft = {}, pt = /* @__PURE__ */ K({
+  ...ft,
+  __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(e, { emit: d }) {
+    const l = e, i = d, t = Pe(), u = kl(), n = rl(t), c = r(() => t.default ? cl(t)("default") : null), o = r(() => !n("default") && n("iconLeft")), p = il({ ariaLabel: c }), s = k(null), v = r(() => ({
+      "aria-controls": u["aria-controls"]?.toString()
+    })), F = r(
+      () => (l.appliedFiltersCount || l.secondaryLabel || l.isPersistentFilter) && !l.noAppliedStateStyles
+    ), b = r(() => ({
+      "b-filter-bar-button--applied": F.value || l.active,
+      "b-filter-bar-button--filter-open": l.isFilterOpen && !F.value,
+      "b-filter-bar-button--filter-open-applied": l.isFilterOpen && F.value,
+      "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
+      "b-filter-bar-button--with-counter": l.appliedFiltersCount,
+      "b-filter-bar-button--icon-only": o.value
+    })), B = ($) => {
+      $.preventDefault(), l.disabled || i("click", $);
+    };
+    return ($, D) => (m(), O(a(ul), be({
+      ref_key: "filterBarButtonRef",
+      ref: s
+    }, $.$attrs, {
+      class: ["b-filter-bar-button", b.value],
+      disabled: e.disabled,
+      "aria-label": a(p),
+      "aria-controls": v.value["aria-controls"],
+      type: "button",
+      onClick: B
+    }), {
+      default: A(() => [
+        q("div", ct, [
+          a(n)("iconLeft") ? fe($.$slots, "iconLeft", { key: 0 }, void 0, !0) : H("", !0),
+          q("div", dt, [
+            E(a(ie), {
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__label"
+            }, {
+              default: A(() => [
+                q("span", null, [
+                  fe($.$slots, "default", {}, void 0, !0)
+                ]),
+                e.secondaryLabel && !o.value ? (m(), O(a(ie), {
+                  key: 0,
+                  el: "span",
+                  variant: "body",
+                  stronger: "",
+                  class: "b-filter-bar-button__label"
+                }, {
+                  default: A(() => D[0] || (D[0] = [
+                    G(":")
+                  ])),
+                  _: 1
+                })) : H("", !0)
+              ]),
+              _: 3
+            }),
+            e.appliedFiltersCount && !o.value ? (m(), O(a(ie), {
+              key: 0,
+              class: "b-filter-bar-button__counter",
+              el: "span",
+              variant: "body",
+              stronger: ""
+            }, {
+              default: A(() => [
+                G(z(e.appliedFiltersCount), 1)
+              ]),
+              _: 1
+            })) : H("", !0),
+            e.secondaryLabel && !o.value ? (m(), O(a(ie), {
+              key: 1,
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__secondary-label"
+            }, {
+              default: A(() => [
+                G(z(e.secondaryLabel), 1)
+              ]),
+              _: 1
+            })) : H("", !0)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "disabled", "aria-label", "aria-controls"]));
+  }
+}), Se = /* @__PURE__ */ Z(pt, [["__scopeId", "data-v-d33bd141"]]);
+var W = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(W || {}), Fe = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", e.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", e))(Fe || {}), Y = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e.RADIO_GROUP = "BentoRadioGroupFilter", e.CHECKBOX_GROUP = "BentoCheckboxGroupFilter", e.TOGGLE = "BentoToggleFilter", e))(Y || {});
+const Xe = 430, We = 700;
+function bt(e, d) {
+  const l = Vl("div"), i = k(!1), t = k(0), u = r(() => !(t.value < Xe && d.value.small === "multi-line"));
+  function n() {
+    i.value = !1, l.value = "div";
+  }
+  function c() {
+    i.value = !0, l.value = ol;
+  }
+  function o() {
+    t.value >= We ? d.value?.large === "one-line" ? c() : n() : t.value >= Xe && d.value?.medium === "multi-line" ? n() : c();
+  }
+  le(() => d.value, o), ql(e, (v) => {
+    t.value = v[0].contentRect.width, o();
+  });
+  const p = r(() => t.value >= We), s = r(() => ({ "b-filter-bar--large-layout": p.value }));
+  return {
+    screenLayoutComponent: l,
+    showSearchbarInsideContainer: u,
+    isOneLineLayout: i,
+    isLargeLayout: p,
+    rootElementConditionalClasses: s
+  };
+}
+var He = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(He || {});
+const vt = K({
+  name: "base-filter-button",
+  components: { BaseButton: ul, BentoTypography: ie, ChevronUpIcon: xl, ChevronDownIcon: et },
+  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: [Je.CLICK],
+  setup(e, { slots: d, emit: l, attrs: i }) {
+    const t = r(() => d.default ? cl(d)("default") : null), u = il({ ariaLabel: t }), n = k(null), c = r(() => ({
+      "aria-controls": i["aria-controls"]?.toString()
+    })), o = r(() => ({
+      "b-base-filter-button--with-chevron": e.hasChevron,
+      "b-base-filter-button--filter-open": e.isFilterOpen
+    }));
+    return {
+      // Values
+      ariaAttributes: c,
+      computedAriaLabel: u,
+      conditionalClasses: o,
+      // Methods
+      onClickButton: () => {
+        e.disabled || l(Je.CLICK);
+      },
+      hasSlot: rl(d),
+      // Refs
+      baseFilterButtonRef: n
+    };
+  }
+}), mt = { class: "b-base-filter-button__default-container" }, ht = { class: "b-base-filter-button__label-container" }, yt = {
+  key: 0,
+  class: "b-base-filter-button__counter-wrapper"
+};
+function Ft(e, d, l, i, t, u) {
+  const n = ge("bento-typography"), c = ge("chevron-up-icon"), o = ge("chevron-down-icon"), p = ge("base-button");
+  return m(), O(p, {
+    ref: "baseFilterButtonRef",
+    class: ee(["b-base-filter-button", e.conditionalClasses]),
+    disabled: e.disabled,
+    "aria-label": e.computedAriaLabel,
+    "aria-controls": e.ariaAttributes["aria-controls"],
+    type: "button",
+    onClick: e.onClickButton
+  }, Re({
+    default: A(() => [
+      q("div", mt, [
+        q("div", ht, [
+          E(n, {
+            el: "span",
+            variant: "body",
+            stronger: e.bold,
+            class: "b-base-filter-button__label"
+          }, {
+            default: A(() => [
+              fe(e.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["stronger"])
+        ]),
+        e.amountAppliedValues && !e.hasChevron ? (m(), w("div", yt, [
+          E(n, {
+            class: "b-base-filter-button__counter",
+            el: "span",
+            variant: "body",
+            stronger: ""
+          }, {
+            default: A(() => [
+              G(z(e.amountAppliedValues), 1)
+            ]),
+            _: 1
+          })
+        ])) : H("", !0)
+      ])
+    ]),
+    _: 2
+  }, [
+    e.hasChevron ? {
+      name: "iconRight",
+      fn: A(() => [
+        e.isFilterOpen ? (m(), O(c, {
+          key: 0,
+          "aria-hidden": "true"
+        })) : (m(), O(o, {
+          key: 1,
+          "aria-hidden": "true"
+        }))
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
+}
+const gt = /* @__PURE__ */ Z(vt, [["render", Ft], ["__scopeId", "data-v-af9efc73"]]), St = K({
+  name: "all-filters-modal-button",
+  components: { BaseFilterButton: gt },
+  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(e, { emit: d }) {
+    return {
+      conditionalClasses: r(() => ({
+        "b-all-filters-modal-button--with-counter": e.appliedFiltersCount,
+        "b-all-filters-modal-button--filter-open": e.isFilterOpen
+      })),
+      onClick: () => {
+        d("click");
+      }
+    };
+  }
+});
+function Bt(e, d, l, i, t, u) {
+  const n = ge("base-filter-button");
+  return m(), O(n, {
+    class: ee(["b-all-filters-modal-button", e.conditionalClasses]),
+    "amount-applied-values": e.appliedFiltersCount,
+    "is-filter-open": e.isFilterOpen,
+    disabled: e.disabled,
+    onClick: e.onClick
+  }, {
+    default: A(() => [
+      G(z(e.label), 1)
+    ]),
+    _: 1
+  }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
+}
+const Ze = /* @__PURE__ */ Z(St, [["render", Bt], ["__scopeId", "data-v-b96a672f"]]), Ct = {
+  key: 0,
+  class: "b-all-filters-modal-filter-selection__empty-search-message"
+}, At = {
+  key: 1,
+  class: "b-all-filters-modal-filter-selection__filters-section"
+}, Tt = ["aria-labelledby"], _t = {
+  key: 2,
+  class: "b-all-filters-modal-filter-selection__filters-section"
+}, Rt = ["aria-labelledby"], It = {
+  name: "all-filters-modal-filter-selection"
+}, Lt = /* @__PURE__ */ K({
+  ...It,
+  props: {
+    activeFilters: {},
+    actions: { default: () => [] },
+    activeFiltersLabel: {},
+    emptySearchMessage: { default: "" },
+    getFilterCount: {},
+    otherFilters: {},
+    otherFiltersLabel: {},
+    selectedFilterLabel: {},
+    searchBarAriaLabel: {},
+    searchTerm: {},
+    smallScreen: { type: Boolean, default: !1 },
+    uniqueId: {}
+  },
+  emits: ["clear-search", "keydown-right", "select-filter", "update:search-term"],
+  setup(e, { expose: d }) {
+    const l = e, i = r(() => ({
+      "b-all-filters-modal-filter-selection--small-screen": l.smallScreen
+    })), t = k({}), u = r(() => l.smallScreen ? "small-screen-" : "");
+    qe(() => {
+      t.value = {};
+    });
+    const n = (o, p) => {
+      o && (t.value[p] = o);
+    };
+    return d({ focusFilter: (o) => {
+      t.value[o]?.$el?.focus();
+    } }), (o, p) => (m(), w("div", {
+      class: ee(["b-all-filters-modal-filter-selection", i.value]),
+      onKeydown: p[2] || (p[2] = me((s) => o.$emit("keydown-right"), ["right"]))
+    }, [
+      E(ke, {
+        class: "b-all-filters-modal-filter-selection__search-bar",
+        value: o.searchTerm,
+        "input-field-aria-label": o.searchBarAriaLabel,
+        onInput: p[0] || (p[0] = (s) => o.$emit("update:search-term", s)),
+        onClear: p[1] || (p[1] = (s) => o.$emit("clear-search"))
+      }, null, 8, ["value", "input-field-aria-label"]),
+      o.emptySearchMessage ? (m(), w("div", Ct, [
+        E(a(ie), { el: "span" }, {
+          default: A(() => [
+            G(z(o.emptySearchMessage), 1)
+          ]),
+          _: 1
+        })
+      ])) : H("", !0),
+      o.activeFilters.length ? (m(), w("div", At, [
+        E(a(ie), {
+          id: `active-filters-${u.value}${o.uniqueId}`,
+          class: "b-all-filters-modal-filter-selection__filters-section-title",
+          el: "span",
+          variant: "caption"
+        }, {
+          default: A(() => [
+            G(z(o.activeFiltersLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        q("ul", {
+          class: "b-all-filters-modal-filter-selection__filters-list",
+          "aria-labelledby": `active-filters-${u.value}${o.uniqueId}`
+        }, [
+          (m(!0), w(Oe, null, he(o.activeFilters, (s) => (m(), w("li", {
+            key: `${s.label}-${s.field}`
+          }, [
+            E(Ze, {
+              ref_for: !0,
+              ref: (v) => n(v, s.label),
+              label: s.label,
+              "applied-filters-count": o.getFilterCount(s),
+              "is-filter-open": !o.smallScreen && o.selectedFilterLabel === s.label,
+              disabled: s.disabled,
+              onClick: (v) => o.$emit("select-filter", s.label, s.field)
+            }, null, 8, ["label", "applied-filters-count", "is-filter-open", "disabled", "onClick"])
+          ]))), 128))
+        ], 8, Tt)
+      ])) : H("", !0),
+      o.otherFilters.length ? (m(), w("div", _t, [
+        o.activeFilters.length ? (m(), O(a(ie), {
+          key: 0,
+          id: `other-filters-${u.value}${o.uniqueId}`,
+          class: "b-all-filters-modal-filter-selection__filters-section-title",
+          el: "span",
+          variant: "caption"
+        }, {
+          default: A(() => [
+            G(z(o.otherFiltersLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["id"])) : H("", !0),
+        q("ul", {
+          class: "b-all-filters-modal-filter-selection__filters-list",
+          "aria-labelledby": `other-filters-${u.value}${o.uniqueId}`
+        }, [
+          (m(!0), w(Oe, null, he(o.otherFilters, (s) => (m(), w("li", {
+            key: `${s.label}-${s.field}`
+          }, [
+            E(Ze, {
+              ref_for: !0,
+              ref: (v) => n(v, s.label),
+              label: s.label,
+              disabled: s.disabled,
+              "applied-filters-count": o.getFilterCount(s),
+              "is-filter-open": !o.smallScreen && o.selectedFilterLabel === s.label,
+              onClick: (v) => o.$emit("select-filter", s.label, s.field)
+            }, null, 8, ["label", "disabled", "applied-filters-count", "is-filter-open", "onClick"])
+          ]))), 128))
+        ], 8, Rt)
+      ])) : H("", !0),
+      o.smallScreen ? (m(), O(a(dl), {
+        key: 3,
+        class: "b-all-filters-modal-filter-selection__actions",
+        actions: o.actions,
+        layout: "vertical-stack"
+      }, null, 8, ["actions"])) : H("", !0)
+    ], 34));
+  }
+}), Qe = /* @__PURE__ */ Z(Lt, [["__scopeId", "data-v-7a0f5687"]]), Et = {}, Ot = /* @__PURE__ */ K({
+  ...Et,
+  __name: "filter-bar-button-group",
+  props: {
+    isActive: { type: Boolean, default: !1 },
+    skipGrouping: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const d = e, l = r(() => ({
+      "b-filter-bar-button-group--active": d.isActive,
+      "b-filter-bar-button-group--grouped": !d.skipGrouping
+    }));
+    return (i, t) => (m(), w("div", {
+      class: ee(["b-filter-bar-button-group", l.value])
+    }, [
+      fe(i.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Fl = /* @__PURE__ */ Z(Ot, [["__scopeId", "data-v-9ce16194"]]);
+var se = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e.CANCEL = "cancel", e))(se || {});
+const gl = {
+  "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}" }
+}, $t = { key: 0 }, Nt = {
+  key: 1,
+  class: "b-base-filter"
+}, kt = {
+  i18n: { messages: gl },
+  name: "bento-base-filter"
+}, Vt = /* @__PURE__ */ K({
+  ...kt,
+  props: {
+    appliedFiltersCount: { default: null },
+    buttonLabel: { default: void 0 },
+    buttonSecondaryLabel: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { type: [String, null, Object, Number, Array, Date, Boolean], default: null },
+    onlySlot: { type: Boolean, default: !1 },
+    controlled: { type: Boolean, default: !1 },
+    disableApplyButton: { type: Boolean, default: !1 },
+    disableSecondaryButton: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    fitContent: { type: Boolean, default: void 0 },
+    tooltipText: { default: void 0 },
+    tooltipPosition: { default: void 0 },
+    value: { type: [String, null, Object, Number, Array, Date, Boolean], default: void 0 }
+  },
+  emits: [
+    se.APPLY,
+    se.CLEAR,
+    se.OPEN,
+    se.CLOSE,
+    se.RESET,
+    se.CANCEL
+  ],
+  setup(e, { expose: d, emit: l }) {
+    const i = l, t = e, { t: u } = pe({ messages: gl }), n = Ae("base-filter-popover"), c = k(!1), o = k(null), p = k(null), s = r(() => o.value?.$el ?? null), v = (P) => {
+      p.value = P ?? null;
+    }, F = r(() => t.defaultValue !== null), b = r(() => F.value ? JSON.stringify(t.value) !== JSON.stringify(t.defaultValue) : t.appliedFiltersCount || t.buttonSecondaryLabel), B = r(() => {
+      let P = t.buttonSecondaryLabel ? `: ${t.buttonSecondaryLabel}` : "";
+      return t.appliedFiltersCount && (P = `: ${u("numberSelected", { numberOfItemsSelected: t.appliedFiltersCount })}`), (F.value ? t.label : D.value) + P;
+    }), $ = r(
+      () => F.value ? u("resetFilter", {
+        function: D.value
+      }) : u("clearFilter", {
+        function: D.value
+      })
+    ), D = r(() => t.buttonLabel || t.label), M = async () => {
+      await Ge(), o.value?.$el?.focus();
+    }, I = () => {
+      c.value && (c.value = !1, M(), i(se.CLOSE));
+    }, L = () => {
+      F.value ? i(se.RESET) : i(se.CLEAR), M();
+    }, J = () => {
+      I(), L();
+    }, Q = () => {
+      c.value ? I() : (c.value = !0, i(se.OPEN));
+    }, U = () => {
+      I(), i(se.APPLY);
+    }, te = () => {
+      I(), i(se.CANCEL);
+    }, oe = () => te(), x = r(() => [
+      {
+        title: u("apply"),
+        event: U,
+        disabled: t.disableApplyButton
+      },
+      {
+        title: F.value ? u("reset") : u("clear"),
+        event: J,
+        disabled: t.disableSecondaryButton
+      }
+    ]);
+    return le(
+      () => c.value,
+      (P, g) => {
+        !P && g && o.value?.filterBarButtonRef?.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      }
+    ), lt(p, oe, { ignore: [o] }), d({
+      closePopover: I
+    }), (P, g) => P.onlySlot ? (m(), w("div", $t, [
+      fe(P.$slots, "default", {}, void 0, !0)
+    ])) : (m(), w("div", Nt, [
+      Ue((m(), O(Fl, {
+        "is-active": c.value,
+        "skip-grouping": !b.value
+      }, {
+        default: A(() => [
+          E(a(Se), {
+            ref_key: "filterButtonRef",
+            ref: o,
+            "aria-label": B.value,
+            "aria-controls": c.value ? a(n) : null,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": F.value,
+            "is-filter-open": c.value,
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: Q,
+            onKeydown: me(I, ["esc"])
+          }, {
+            default: A(() => [
+              G(z(D.value), 1)
+            ]),
+            _: 1
+          }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"]),
+          b.value ? (m(), O(a(Se), {
+            key: 0,
+            "applied-filters-count": P.appliedFiltersCount,
+            disabled: P.disabled,
+            "is-persistent-filter": F.value,
+            "is-filter-open": c.value,
+            "secondary-label": P.buttonSecondaryLabel,
+            onClick: L
+          }, {
+            iconLeft: A(() => [
+              E(a(vl), { "svg-title": $.value }, null, 8, ["svg-title"])
+            ]),
+            _: 1
+          }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label"])) : H("", !0)
+        ]),
+        _: 1
+      }, 8, ["is-active", "skip-grouping"])), [
+        [a(bl), P.tooltipText, P.tooltipPosition]
+      ]),
+      s.value ? (m(), O(fl, { key: 0 }, {
+        default: A(() => [
+          E(tt, {
+            id: a(n),
+            ref: v,
+            class: "b-base-filter__popover",
+            divider: "",
+            "aria-label": P.label,
+            open: c.value,
+            actions: P.controlled ? null : x.value,
+            "actions-layout": "space-between",
+            "target-element": s.value,
+            title: P.controlled ? null : P.label,
+            "fit-content": P.fitContent,
+            position: "bottom-start",
+            "without-space": P.controlled,
+            "fallback-position": ["bottom-end"],
+            "overflow-visible": ""
+          }, {
+            default: A(() => [
+              q("div", {
+                onKeydown: me(te, ["esc"])
+              }, [
+                fe(P.$slots, "default", {}, void 0, !0)
+              ], 32)
+            ]),
+            _: 3
+          }, 8, ["id", "aria-label", "open", "actions", "target-element", "title", "fit-content", "without-space"])
+        ]),
+        _: 3
+      })) : H("", !0)
+    ]));
+  }
+}), Te = /* @__PURE__ */ Z(Vt, [["__scopeId", "data-v-1ad6ef5f"]]), Pt = (e) => e instanceof Array, xe = (e) => Pt(e) ? e.length === 0 || e.every((d) => d === "") : !e, el = (e, d) => JSON.stringify(e) === JSON.stringify(d), Ie = (e, d) => {
+  const l = k(e.value);
+  le(
+    () => e.value,
+    () => {
+      l.value = e.value;
+    }
+  );
+  const i = r(() => xe(e.value)), t = r(
+    () => d.value !== null ? el(d.value, e.value) : i.value
+  ), u = r(() => el(l.value, e.value) || xe(l.value) && i.value);
+  return {
+    internalFilterValue: l,
+    isSecondaryButtonDisabled: t,
+    isApplyButtonDisabled: u
+  };
+}, ll = {
+  "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: "是" }
+}, Dt = K({
+  name: "bento-boolean-filter",
+  i18n: { messages: ll },
+  components: { BentoBaseFilter: Te, BentoRadioGroup: pl },
+  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(e, { emit: d }) {
+    const { t: l } = pe({ messages: ll }), i = (L) => typeof L == "boolean" ? L?.toString() : L, t = (L) => e?.options?.positiveOption?.value !== void 0 && e?.options?.negativeOption?.value !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof L == "string" ? L === "true" : L, u = r(() => i(e.defaultValue)), n = r(() => i(e.value)), c = r(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+      {
+        ...e.options.positiveOption,
+        value: i(e.options.positiveOption.value)
+      },
+      {
+        ...e.options.negativeOption,
+        value: i(e.options.negativeOption.value)
+      }
+    ] : [
+      { value: "yes", label: l("yes") },
+      { value: "no", label: l("no") }
+    ]), { internalFilterValue: o, isSecondaryButtonDisabled: p, isApplyButtonDisabled: s } = Ie(
+      n,
+      u
+    ), v = r(() => e.label), F = r(
+      () => ye(c.value.find(({ value: L }) => L === n.value)?.label, 12)
+    ), b = r(() => ({
+      "b-boolean-filter--only-slot": e.onlySlot
+    }));
+    qe(() => {
+      o.value || (o.value = null);
+    });
+    const B = (L) => {
+      o.value = L, d(W.INPUT, {
+        ...e,
+        value: t(o.value)
+      });
+    }, $ = () => {
+      o.value = n.value;
+    }, D = () => {
+      d(W.UPDATE, {
+        ...e,
+        value: t(o.value)
+      });
+    }, M = () => d(W.UPDATE, { ...e, value: e.defaultValue }), I = () => {
+      o.value = null, D();
+    };
+    return Ve(() => {
+      Zl(
+        'Boolean filter "BentoFilterItemType.BOOLEAN"',
+        'Use the Radio group filter type "BentoFilterItemType.RADIO_GROUP" instead.',
+        "3.0.0"
+      );
+    }), {
+      // Values
+      items: c,
+      conditionalClasses: b,
+      buttonLabel: v,
+      buttonSecondaryLabel: F,
+      internalFilterValue: o,
+      isApplyButtonDisabled: s,
+      isSecondaryButtonDisabled: p,
+      translatedValue: n,
+      translatedDefaultValue: u,
+      // Events
+      onInput: B,
+      updateFilter: D,
+      clearFilter: I,
+      openFilter: $,
+      resetFilter: M
+    };
+  }
+});
+function Mt(e, d, l, i, t, u) {
+  const n = ge("bento-radio-group"), c = ge("bento-base-filter");
+  return m(), O(c, be(e.$props, {
+    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,
+    onApply: e.updateFilter,
+    onClear: e.clearFilter,
+    onOpen: e.openFilter,
+    onReset: e.resetFilter
+  }), {
+    default: A(() => [
+      q("div", {
+        class: ee(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: d[0] || (d[0] = me((...o) => e.updateFilter && e.updateFilter(...o), ["enter"]))
+      }, [
+        E(n, {
+          items: e.items,
+          label: e.label,
+          "model-value": e.internalFilterValue,
+          disabled: e.disabled,
+          "hide-label": "",
+          "onUpdate:modelValue": e.onInput
+        }, null, 8, ["items", "label", "model-value", "disabled", "onUpdate:modelValue"])
+      ], 34)
+    ]),
+    _: 1
+  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
+}
+const Ut = /* @__PURE__ */ Z(Dt, [["render", Mt], ["__scopeId", "data-v-b2ca3c97"]]), Sl = {
+  "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: "全部" }
+}, wt = {
+  name: "bento-checkbox-group-filter",
+  i18n: { messages: Sl }
+}, Ht = /* @__PURE__ */ K({
+  ...wt,
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: void 0 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: d }) {
+    const l = e, i = d, { t } = pe({ messages: Sl }), {
+      internalFilterValue: u,
+      isSecondaryButtonDisabled: n,
+      isApplyButtonDisabled: c,
+      clearFilter: o,
+      resetFilter: p,
+      openFilter: s
+    } = yl(X(l, "value"), X(l, "defaultValue")), v = k(u.value ?? []);
+    le(
+      () => l.value,
+      (I) => {
+        v.value = I ?? [];
+      }
+    );
+    const F = r(() => ({
+      "b-checkbox-group-filter--only-slot": l.onlySlot
+    })), b = r(() => l.label), B = r(
+      () => v.value.length === 1 ? ye(
+        l.options?.checkboxItems.find((I) => v.value[0] === I.value)?.label ?? "",
+        12
+      ) : null
+    ), $ = r(() => !v.value.length || B.value ? null : v.value.length === l.options?.checkboxItems.length ? t("all") : v.value.length), D = (I) => {
+      v.value = I ?? [], i("update", { ...l, value: I });
+    }, M = (I) => {
+      u.value = I, i("input", { ...l, value: u.value });
+    };
+    return (I, L) => (m(), O(a(Te), be(I.$props, {
+      "applied-filters-count": $.value,
+      "button-label": b.value,
+      "button-secondary-label": B.value,
+      "disable-apply-button": a(c),
+      "disable-secondary-button": a(n),
+      "tooltip-position": I.options?.tooltipPosition,
+      "tooltip-text": I.options?.tooltipText,
+      onApply: L[1] || (L[1] = (J) => D(a(u))),
+      onClear: L[2] || (L[2] = (J) => a(o)(D)),
+      onOpen: a(s),
+      onReset: L[3] || (L[3] = (J) => a(p)(D))
+    }), {
+      default: A(() => [
+        q("div", {
+          class: ee(["b-checkbox-group-filter", F.value]),
+          onKeydown: L[0] || (L[0] = me((J) => D(a(u)), ["enter"]))
+        }, [
+          E(nt, {
+            "model-value": a(u),
+            items: I.options?.checkboxItems,
+            label: I.label,
+            disabled: I.disabled,
+            "hide-label": "",
+            "onUpdate:modelValue": M
+          }, null, 8, ["model-value", "items", "label", "disabled"])
+        ], 34)
+      ]),
+      _: 1
+    }, 16, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "tooltip-position", "tooltip-text", "onOpen"]));
+  }
+}), qt = /* @__PURE__ */ Z(Ht, [["__scopeId", "data-v-54301bd9"]]), Gt = {
+  name: "bento-input-filter"
+}, zt = /* @__PURE__ */ K({
+  ...Gt,
+  props: {
+    defaultValue: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { default: null }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: d }) {
+    const l = e, i = d, t = k(null), { internalFilterValue: u, isSecondaryButtonDisabled: n, isApplyButtonDisabled: c } = Ie(
+      X(l, "value"),
+      X(l, "defaultValue")
+    ), o = r(() => l.label), p = r(() => ye(l.value, 12)), s = r(() => ({
+      "b-input-filter--only-slot": l.onlySlot
+    }));
+    qe(() => {
+      u.value === "" && (u.value = null);
+    }), le(t, () => {
+      t.value?.focusInput();
+    });
+    const v = () => {
+      u.value = l.value;
+    }, F = () => {
+      !u.value && l.defaultValue !== null && (u.value = l.defaultValue), i("update", {
+        ...l,
+        value: u.value
+      });
+    }, b = () => i("update", { ...l, value: l.defaultValue }), B = () => {
+      u.value = null, F();
+    }, $ = () => {
+      i("input", { ...l, value: u.value });
+    }, D = (M) => {
+      u.value = M;
+    };
+    return (M, I) => (m(), O(a(Te), be(M.$props, {
+      "button-label": o.value,
+      "button-secondary-label": p.value,
+      "disable-apply-button": a(c),
+      "disable-secondary-button": a(n),
+      "only-slot": M.onlySlot,
+      "tooltip-position": M.options?.tooltipPosition,
+      "tooltip-text": M.options?.tooltipText,
+      onApply: F,
+      onClear: B,
+      onOpen: v,
+      onReset: b
+    }), {
+      default: A(() => [
+        q("div", {
+          class: ee(["b-input-filter", s.value]),
+          onKeydown: me(F, ["enter"]),
+          onInput: $
+        }, [
+          E(a(we), {
+            ref_key: "inputTextRef",
+            ref: t,
+            placeholder: M.options?.placeholder,
+            "model-value": a(u),
+            disabled: M.disabled,
+            "onUpdate:modelValue": D
+          }, null, 8, ["placeholder", "model-value", "disabled"])
+        ], 34)
+      ]),
+      _: 1
+    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]));
+  }
+}), jt = /* @__PURE__ */ Z(zt, [["__scopeId", "data-v-65d6cbab"]]), Jt = {
+  name: "bento-radio-group-filter"
+}, Kt = /* @__PURE__ */ K({
+  ...Jt,
+  props: {
+    disabled: { type: Boolean },
+    defaultValue: { default: void 0 },
+    field: {},
+    label: {},
+    options: { default: () => ({
+      items: []
+    }) },
+    onlySlot: { type: Boolean },
+    value: { default: void 0 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: d }) {
+    const l = e, i = d, {
+      // Fields
+      internalFilterValue: t,
+      isSecondaryButtonDisabled: u,
+      isApplyButtonDisabled: n,
+      // Methods
+      clearFilter: c,
+      openFilter: o,
+      resetFilter: p
+    } = yl(X(l, "value"), X(l, "defaultValue")), s = r(() => {
+      const B = l.options.items.find(($) => $.value === l.value)?.label || "";
+      return ye(B, 12);
+    }), v = r(() => ({
+      "b-radio-group-filter--only-slot": l.onlySlot
+    }));
+    function F(B) {
+      t.value = B, i("input", { ...l, value: t.value });
+    }
+    function b() {
+      i("update", { ...l, value: t.value });
+    }
+    return (B, $) => (m(), O(a(Te), be(B.$props, {
+      "button-label": B.label,
+      "button-secondary-label": s.value,
+      "disable-apply-button": a(n),
+      "disable-secondary-button": a(u),
+      "only-slot": B.onlySlot,
+      onApply: b,
+      onClear: $[1] || ($[1] = (D) => a(c)(b)),
+      onOpen: a(o),
+      onReset: $[2] || ($[2] = (D) => a(p)(b))
+    }), {
+      default: A(() => [
+        q("div", {
+          class: ee(["b-radio-group-filter", v.value])
+        }, [
+          E(a(pl), {
+            modelValue: a(t),
+            "onUpdate:modelValue": [
+              $[0] || ($[0] = (D) => Pl(t) ? t.value = D : null),
+              F
+            ],
+            items: B.options?.items,
+            label: B.label,
+            disabled: B.disabled,
+            "hide-label": "",
+            variant: "vertical"
+          }, null, 8, ["modelValue", "items", "label", "disabled"])
+        ], 2)
+      ]),
+      _: 1
+    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onOpen"]));
+  }
+}), Yt = /* @__PURE__ */ Z(Kt, [["__scopeId", "data-v-b1a70e21"]]), tl = (e) => /^\d$/.test(e);
+function al(e) {
+  const { value: d, onInput: l } = e, i = r(() => a(e.prettyOutput) ?? !1), { n: t, locale: u } = pe(), n = k(null), c = k(!1), o = k(!1), p = k(null), s = k(null), v = r(() => new Intl.NumberFormat(u.value, { style: "decimal" }).formatToParts(0.1).find((y) => y.type === "decimal")?.value || "."), F = r(() => new Intl.NumberFormat(u.value, { style: "decimal" }).resolvedOptions().maximumFractionDigits), b = r(() => new RegExp(`[^\\d${v.value}]`, "g")), B = (g) => typeof g == "string" ? g.trim() : g.target?.value?.trim() ?? "", $ = (g) => {
+    const y = g.startsWith("-"), _ = g.slice(y ? 1 : 0).replace(b.value, ""), T = _.indexOf(v.value), N = T !== -1 && T === _.lastIndexOf(v.value), V = N ? _.slice(T + v.value.length) : null, ne = i.value && c.value && p.value !== null && V !== null ? V.slice(0, F.value) : V, ce = ne !== null ? `${_.slice(0, T)}${v.value}${ne}` : _, de = v.value === "." ? ce : ce.split(v.value).join("."), f = de.length > 0 ? Number(de) : null, C = y && (Number.isFinite(f) || _.length === 0 || N && _.slice(0, T).length === 0);
+    return {
+      decimalPart: ne,
+      isNegative: C,
+      numberValue: Number.isFinite(f) ? f : null
+    };
+  }, D = (g) => i.value ? t(g, { style: "decimal" }) : String(g), M = (g) => {
+    const y = Math.trunc(g);
+    return `${i.value ? t(y, { style: "decimal" }) : String(y)}${v.value}${p.value}`;
+  }, I = r(() => {
+    if (s.value === null)
+      return c.value && o.value ? p.value !== null ? `-${v.value}${p.value}` : "-" : "";
+    const g = c.value && p.value !== null ? M(s.value) : D(s.value);
+    return o.value ? `-${g}` : g;
+  }), L = (g) => {
+    const { decimalPart: y, isNegative: _, numberValue: T } = $(g);
+    if (o.value = _, p.value = y, T !== null) {
+      s.value = T;
+      const N = o.value ? -T : T;
+      l?.(N);
+    } else
+      s.value = null, l?.(null);
+  };
+  le(
+    d,
+    (g) => {
+      const y = typeof g == "number", _ = y && (g < 0 || Object.is(g, -0)), T = y ? Math.abs(g) : null;
+      (s.value !== T || o.value !== _) && (o.value = _, p.value = null, s.value = T);
+    },
+    { immediate: !0 }
+  );
+  const J = () => n.value?.selectionStart || 0, Q = (g) => {
+    n.value && n.value.setSelectionRange(g, g);
+  }, U = (g, y) => {
+    let _ = 0;
+    for (let T = 0; T < y; T++)
+      tl(g[T]) && _++;
+    return _;
+  }, te = (g) => {
+    let y = 0, _ = 0;
+    const T = I.value;
+    if (T.length)
+      for (; y < g && _ < T.length; )
+        tl(T[_]) && y++, _++;
+    Q(_);
+  }, oe = async (g) => {
+    const y = J();
+    if (y === g.length)
+      L(g);
+    else {
+      const T = U(g, y);
+      L(g), await Ge(), te(T);
+    }
+  };
+  return {
+    inputRef: n,
+    displayValue: I,
+    isFocused: c,
+    handleInput: (g) => {
+      const y = B(g);
+      i.value && c.value ? oe(y) : L(y), n.value && n.value.value !== I.value && (n.value.value = I.value);
+    },
+    handleKeyDown: (g) => {
+      const y = g.target;
+      if (y && g.key === v.value) {
+        const _ = y.selectionStart ?? 0, T = y.selectionEnd ?? 0, N = y.value ?? "", V = N.slice(0, _) + N.slice(T);
+        (!V || V.includes(v.value)) && g.preventDefault?.();
+      }
+    },
+    onFocus: () => {
+      c.value = !0;
+    },
+    onBlur: () => {
+      c.value = !1, p.value = null;
+    }
+  };
+}
+const Bl = {
+  "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: "至" }
+}, Xt = {
+  name: "bento-range-filter",
+  i18n: { messages: Bl }
+}, Wt = /* @__PURE__ */ K({
+  ...Xt,
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: null },
+    field: {},
+    label: {},
+    value: { default: () => ["", ""] },
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 }
+  },
+  emits: [W.INPUT, W.UPDATE],
+  setup(e, { emit: d }) {
+    const l = e, i = d, { t, n: u } = pe({ messages: Bl }), n = k(null), c = k(null), { internalFilterValue: o, isSecondaryButtonDisabled: p, isApplyButtonDisabled: s } = Ie(X(l, "value"), X(l, "defaultValue")), v = k(null), F = k(null), b = (f) => f !== null ? Object.is(f, -0) ? "-0" : f.toString() : "", {
+      displayValue: B,
+      handleInput: $,
+      handleKeyDown: D,
+      onFocus: M,
+      onBlur: I,
+      inputRef: L
+    } = al({
+      value: v,
+      prettyOutput: !0,
+      onInput: (f) => {
+        const C = o.value ?? ["", ""];
+        o.value = [b(f), C[1]], ue();
+      }
+    }), J = (f) => $(String(f)), {
+      displayValue: Q,
+      handleInput: U,
+      handleKeyDown: te,
+      onFocus: oe,
+      onBlur: x,
+      inputRef: P
+    } = al({
+      value: F,
+      prettyOutput: !0,
+      onInput: (f) => {
+        const C = o.value ?? ["", ""];
+        o.value = [C[0], b(f)], ue();
+      }
+    }), g = (f) => U(String(f));
+    Ve(() => {
+      L.value = n.value?.inputFieldElement ?? null, P.value = c.value?.inputFieldElement ?? null;
+    }), le(
+      () => o.value,
+      (f) => {
+        const C = f?.[0] ? parseFloat(f[0]) : null, R = f?.[1] ? parseFloat(f[1]) : null;
+        v.value !== C && (v.value = C), F.value !== R && (F.value = R);
+      },
+      { immediate: !0 }
+    );
+    const y = r(() => {
+      if (!l.value?.[0] && !l.value?.[1])
+        return null;
+      let f = "";
+      l.value?.[0] ? l.value?.[1] || (f = "≥") : f = "≤";
+      const C = l.value?.[0] ? parseFloat(l.value[0]) : null, R = l.value?.[1] ? parseFloat(l.value[1]) : null, re = C !== null ? u(C, { style: "decimal" }) : "", ae = l.value?.[0] && l.value?.[1] ? " - " : "", De = R !== null ? u(R, { style: "decimal" }) : "";
+      return `${f}${ye(re, 10)}${ae}${ye(De, 10)}`;
+    }), _ = r(() => l.label), T = r(() => y.value), N = r(() => ({
+      "b-range-filter--only-slot": l.onlySlot
+    })), V = () => {
+      o.value = l.value, Ge(() => n.value?.focusInput());
+    }, ue = () => {
+      i(W.INPUT, { ...l, value: o.value });
+    }, ne = () => {
+      o.value?.some((f) => f) || (o.value = l.defaultValue !== null ? l.defaultValue : void 0), i(W.UPDATE, {
+        ...l,
+        value: o.value
+      });
+    }, ce = () => i(W.UPDATE, { ...l, value: l.defaultValue }), de = () => {
+      o.value = ["", ""], ne();
+    };
+    return (f, C) => (m(), O(a(Te), be(l, {
+      "disable-apply-button": a(s),
+      "disable-secondary-button": a(p),
+      "button-label": _.value,
+      "button-secondary-label": T.value,
+      "only-slot": l.onlySlot,
+      "tooltip-position": l.options?.tooltipPosition,
+      "tooltip-text": l.options?.tooltipText,
+      onApply: ne,
+      onClear: de,
+      onOpen: V,
+      onReset: ce
+    }), {
+      default: A(() => [
+        q("div", {
+          class: ee(["b-range-filter", N.value]),
+          onKeydown: me(ne, ["enter"])
+        }, [
+          E(a(we), {
+            ref_key: "fromFieldRef",
+            ref: n,
+            "model-value": a(B),
+            type: "text",
+            inputmode: "numeric",
+            "aria-label": a(t)("from").toString(),
+            disabled: l.disabled,
+            "onUpdate:modelValue": J,
+            onKeydown: a(D),
+            onFocus: a(M),
+            onBlur: a(I)
+          }, {
+            default: A(() => [
+              G(z(a(t)("from")), 1)
+            ]),
+            _: 1
+          }, 8, ["model-value", "aria-label", "disabled", "onKeydown", "onFocus", "onBlur"]),
+          E(a(we), {
+            ref_key: "toFieldRef",
+            ref: c,
+            class: "b-range-filter__input-field",
+            "model-value": a(Q),
+            type: "text",
+            inputmode: "numeric",
+            "aria-label": a(t)("to"),
+            disabled: l.disabled,
+            "onUpdate:modelValue": g,
+            onKeydown: a(te),
+            onFocus: a(oe),
+            onBlur: a(x)
+          }, {
+            default: A(() => [
+              G(z(a(t)("to")), 1)
+            ]),
+            _: 1
+          }, 8, ["model-value", "aria-label", "disabled", "onKeydown", "onFocus", "onBlur"])
+        ], 34)
+      ]),
+      _: 1
+    }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text"]));
+  }
+}), Zt = /* @__PURE__ */ Z(Wt, [["__scopeId", "data-v-757e0012"]]), Cl = {
+  "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}" }
+}, Qt = { class: "b-select-filter-button__search-bar-wrapper" }, xt = {
+  key: 0,
+  class: "b-select-filter-button__search-bar"
+}, ea = { class: "b-select-filter-button__divider" }, la = {
+  i18n: { messages: Cl }
+}, ta = /* @__PURE__ */ K({
+  ...la,
+  __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(e, { emit: d }) {
+    const l = Pe(), i = d, t = e, { t: u } = pe({ messages: Cl }), n = k(""), c = X(t, "options"), o = k(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: p, setCachedValues: s, resetCache: v } = je(
+      o,
+      X(t, "value"),
+      X(c.value, "multiple")
+    ), { cachedSelectedListboxOptions: F } = je(
+      o,
+      X(t, "defaultValue"),
+      X(c.value, "multiple")
+    ), { internalFilterValue: b, isSecondaryButtonDisabled: B, isApplyButtonDisabled: $ } = Ie(p, F);
+    le(c, () => {
+      o.value = c.value.listboxItems ?? [];
+    });
+    const D = nl(
+      n,
+      o,
+      t.options?.search?.searchEvent
+    ), M = r(() => u("noFiltersMatchThisSearch")), I = r(() => t.label), L = r(() => {
+      const y = !t?.options?.multiple && t.value != null, _ = t?.options?.multiple && Array.isArray(t.value) && t.value.length === 1;
+      if (y || _) {
+        if (t.options?.enableValueLabelPair) {
+          let V = t.value?.length > 0 ? t.value[0].label : t.value.label;
+          return V || (V = t.value, Ql(
+            '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'
+          )), ye(V, 12);
+        }
+        let N = t.options.listboxItems.flatMap((V) => V.items ? V.items : V).find(
+          ({ value: V }) => Array.isArray(t.value) ? t?.value?.includes(V) : V === t.value
+        )?.label;
+        return !N && t.value && (N = t.value[0]), ye(N, 12);
+      }
+      return null;
+    }), J = r(() => Ae(`filter-listbox-${t.field}`)), Q = (y) => {
+      b.value = y;
+      const { onlySlot: _, ...T } = t;
+      if (t.options?.multiple) {
+        let V;
+        t.options?.enableValueLabelPair ? V = y.length ? b.value : null : V = y.length ? b.value.map(({ value: ue }) => ue) : null, i(W.INPUT, { ...T, value: V });
+        return;
+      }
+      let N;
+      t.options?.enableValueLabelPair ? N = y.length ? y[0] : null : N = y.length ? y[0].value : null, i(W.INPUT, { ...T, value: N });
+    }, U = () => {
+      const { onlySlot: y, ..._ } = t;
+      if (t.options.multiple) {
+        b.value && b.value?.length === 0 && (b.value = t.defaultValue !== null ? F.value : void 0);
+        let N;
+        t.options?.enableValueLabelPair ? N = b.value?.length ? b.value : null : N = b.value?.length ? b.value?.map(({ value: V }) => V) : null, i(W.UPDATE, {
+          ..._,
+          value: N
+        });
+        return;
+      }
+      let T;
+      t.options?.enableValueLabelPair ? T = b.value.length ? b.value[0] : void 0 : T = b.value.length ? b.value[0].value : void 0, i(W.UPDATE, { ..._, value: T });
+    }, te = () => {
+      b.value = p.value, t.options?.onOpen?.();
+    }, oe = () => {
+      n.value && (n.value = "");
+    }, x = () => {
+      s(F.value), b.value = F.value, U();
+    }, P = () => {
+      v(), b.value = [], U();
+    }, g = r(() => {
+      if (t.value == null || !t.options.multiple)
+        return null;
+      const y = t.options.listboxItems?.reduce((T, N) => (T += N?.items?.length ? N.items.length : 1, T), 0), _ = t.value?.length;
+      return _ === 1 ? null : _ === y ? u("all") : _;
+    });
+    return (y, _) => (m(), O(a(Te), {
+      "applied-filters-count": g.value,
+      "button-label": I.value,
+      "button-secondary-label": L.value,
+      disabled: e.disabled,
+      "disable-apply-button": a($),
+      "disable-secondary-button": a(B),
+      "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,
+      onApply: U,
+      onClear: P,
+      onReset: x,
+      onOpen: te,
+      onClose: oe
+    }, {
+      default: A(() => [
+        q("div", Qt, [
+          e.options?.dynamicFiltering ?? !0 ? (m(), w("div", xt, [
+            E(ke, {
+              "debounce-time": e.options?.search?.debounceTime,
+              value: n.value,
+              "input-field-aria-label": a(u)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+              onInput: _[0] || (_[0] = (T) => n.value = T)
+            }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
+          ])) : H("", !0),
+          q("div", ea, [
+            E(a(it))
+          ])
+        ]),
+        E(a(Yl), {
+          id: J.value,
+          "aria-label": e.label,
+          class: "b-select-filter-button__wrapper",
+          "component-loading": e.options?.loading,
+          "empty-state": e.options?.emptyState,
+          "has-more-items": e.options?.lazy?.hasMoreItems,
+          items: a(D),
+          "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": M.value,
+          searching: !!n.value,
+          "selected-value": a(b),
+          "virtual-scroll": e.options?.virtualScroll,
+          onSelect: Q,
+          onSpacePressed: Q,
+          onEnterPressed: Q,
+          onShowMore: _[1] || (_[1] = (T) => e.options?.lazy?.showMoreEvent())
+        }, Re({ _: 2 }, [
+          he(a(l), (T, N) => ({
+            name: N,
+            fn: A((V) => [
+              fe(y.$slots, N, $e(Ne(V)), void 0, !0)
+            ])
+          }))
+        ]), 1032, ["id", "aria-label", "component-loading", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
+      ]),
+      _: 3
+    }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field", "tooltip-position", "tooltip-text", "value"]));
+  }
+}), aa = /* @__PURE__ */ Z(ta, [["__scopeId", "data-v-81199686"]]), Al = {
+  "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: "没有符合此搜索条件的筛选器" }
+}, sa = {
+  i18n: { messages: Al },
+  name: "select-filter-dropdown"
+}, oa = /* @__PURE__ */ K({
+  ...sa,
+  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(e, { emit: d }) {
+    const { t: l } = pe({ messages: Al }), i = Pe(), t = d, u = e, { internalFilterValue: n } = Ie(X(u, "value"), X(u, "defaultValue")), c = X(u, "options"), o = k(u.options.listboxItems);
+    le(c, () => {
+      o.value = c.value.listboxItems;
+    });
+    const p = r(() => l("noFiltersMatchThisSearch")), s = (v) => {
+      n.value = v;
+      const { onlySlot: F, ...b } = u;
+      t(W.INPUT, { ...b, value: n.value });
+    };
+    return (v, F) => (m(), O(a(Xl), {
+      "model-value": a(n),
+      items: e.options.listboxItems,
+      search: e.options?.search,
+      multiple: e.options?.multiple,
+      "static-categories": e.options?.staticCategories,
+      "no-results-message": p.value,
+      "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,
+      "onUpdate:modelValue": s,
+      onOpen: F[0] || (F[0] = () => e.options?.onOpen?.())
+    }, Re({ _: 2 }, [
+      he(a(i), (b, B) => ({
+        name: B,
+        fn: A(($) => [
+          fe(v.$slots, B, $e(Ne($)))
+        ])
+      }))
+    ]), 1032, ["model-value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "dynamic-filtering", "component-loading", "empty-state", "disabled", "enable-value-label-pair"]));
+  }
+}), na = {
+  /**
+   * 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
+  }
+}, ia = {}, ra = /* @__PURE__ */ K({
+  ...ia,
+  __name: "select-filter",
+  props: na,
+  emits: ["input", "update"],
+  setup(e, { emit: d }) {
+    const l = Pe(), i = d, t = (n) => i("input", n), u = (n) => i("update", n);
+    return (n, c) => n.onlySlot ? (m(), O(a(oa), {
+      key: 0,
+      disabled: n.disabled,
+      "default-value": n.defaultValue,
+      field: n.field,
+      label: n.label,
+      options: n.options,
+      value: n.value,
+      onInput: t,
+      onUpdate: u
+    }, Re({ _: 2 }, [
+      he(a(l), (o, p) => ({
+        name: p,
+        fn: A((s) => [
+          fe(n.$slots, p, $e(Ne(s)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (m(), O(a(aa), {
+      key: 1,
+      disabled: n.disabled,
+      "default-value": n.defaultValue,
+      field: n.field,
+      label: n.label,
+      options: n.options,
+      value: n.value,
+      onInput: t,
+      onUpdate: u
+    }, Re({ _: 2 }, [
+      he(a(l), (o, p) => ({
+        name: p,
+        fn: A((s) => [
+          fe(n.$slots, p, $e(Ne(s)))
+        ])
+      }))
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
+  }
+}), Tl = {
+  "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}" }
+}, ua = { class: "b-toggle-filter" }, ca = { class: "b-toggle-filter__content" }, da = {
+  i18n: { messages: Tl },
+  name: "bento-toggle-filter"
+}, fa = /* @__PURE__ */ K({
+  ...da,
+  props: {
+    description: {},
+    disabled: { type: Boolean, default: !1 },
+    field: {},
+    label: {},
+    onlySlot: { type: Boolean, default: !1 },
+    options: { default: void 0 },
+    value: { type: Boolean, default: !1 }
+  },
+  emits: ["input", "update"],
+  setup(e, { emit: d }) {
+    const { t: l } = pe({ messages: Tl }), i = Ae("toggle-filter-checkbox-label"), t = Ae("toggle-filter-checkbox-description"), u = e, n = d, c = k(u.value);
+    le(
+      () => u.value,
+      (b) => {
+        c.value = b;
+      }
+    );
+    const o = r(() => ({
+      "b-toggle-filter__only-slot--disabled": u.disabled
+    })), p = (b) => {
+      c.value = b, n("input", { ...u, value: b });
+    }, s = () => {
+      n("update", { ...u, value: c.value });
+    }, v = () => {
+      c.value = !c.value, s();
+    }, F = () => {
+      c.value = !1, s();
+    };
+    return (b, B) => b.onlySlot ? (m(), w("label", {
+      key: 1,
+      class: ee(["b-toggle-filter__only-slot", o.value])
+    }, [
+      E(a(rt), {
+        "aria-labelledby": a(i),
+        "aria-describedby": a(t),
+        disabled: b.disabled,
+        class: "b-toggle-filter__checkbox",
+        "model-value": c.value,
+        "onUpdate:modelValue": p
+      }, null, 8, ["aria-labelledby", "aria-describedby", "disabled", "model-value"]),
+      q("div", ca, [
+        E(a(ie), {
+          id: a(i),
+          variant: "title",
+          medium: ""
+        }, {
+          default: A(() => [
+            G(z(b.label), 1)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        b.description ? (m(), O(a(ie), {
+          key: 0,
+          id: a(t)
+        }, {
+          default: A(() => [
+            G(z(b.description), 1)
+          ]),
+          _: 1
+        }, 8, ["id"])) : H("", !0)
+      ])
+    ], 2)) : Ue((m(), O(a(Fl), {
+      key: 0,
+      "skip-grouping": !c.value
+    }, {
+      default: A(() => [
+        E(a(Se), {
+          "aria-pressed": c.value ? "true" : "false",
+          active: c.value,
+          disabled: b.disabled,
+          onClick: v
+        }, {
+          default: A(() => [
+            q("div", ua, [
+              G(z(b.label) + " ", 1),
+              Ue(E(a(Wl), {
+                "aria-hidden": "true",
+                class: "b-toggle-filter__checkmark"
+              }, null, 512), [
+                [Dl, c.value]
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["aria-pressed", "active", "disabled"]),
+        c.value ? (m(), O(a(Se), {
+          key: 0,
+          "aria-label": a(l)("resetFilter", { filterName: b.label }),
+          disabled: b.disabled,
+          active: c.value,
+          onClick: F
+        }, {
+          iconLeft: A(() => [
+            E(a(vl), { "aria-hidden": "true" })
+          ]),
+          _: 1
+        }, 8, ["aria-label", "disabled", "active"])) : H("", !0)
+      ]),
+      _: 1
+    }, 8, ["skip-grouping"])), [
+      [a(bl), b.options?.tooltipText, b.options?.tooltipPosition]
+    ]);
+  }
+}), pa = /* @__PURE__ */ Z(fa, [["__scopeId", "data-v-ab8af6c9"]]), ve = (e) => Ml({
+  loader: e,
+  loadingComponent: ot,
+  delay: 200,
+  timeout: 3e4,
+  onError: (d, l, i, t) => t <= 2 ? l() : i()
+}), _l = {
+  BentoBooleanFilter: Ut,
+  BentoCheckboxGroupFilter: qt,
+  BentoDateFilter: ve(() => import("./date-filter.EysjbedJ.js")),
+  BentoDateRangeFilter: ve(() => import("./date-range-filter.DwNzkqTo.js")),
+  BentoInputFilter: jt,
+  BentoInputWithDropdownFilter: ve(
+    () => import("./input-with-dropdown-filter.DXnJOBf6.js")
+  ),
+  BentoRadioGroupFilter: Yt,
+  BentoRangeFilter: Zt,
+  BentoSelectAvatarFilter: ve(
+    () => import("./select-avatar-filter.DdOdBb0C.js")
+  ),
+  BentoSelectCountryFilter: ve(
+    () => import("./select-country-filter.D-zpTtKe.js")
+  ),
+  BentoSelectCurrencyFilter: ve(
+    () => import("./select-currency-filter.BitX4BCE.js")
+  ),
+  BentoSelectFilter: ra,
+  BentoSelectPaymentMethodFilter: ve(
+    () => import("./select-payment-method-filter.BiZuCZOa.js")
+  ),
+  BentoSelectTagFilter: ve(
+    () => import("./select-tag-filter.BUIIqK0l.js")
+  ),
+  BentoToggleFilter: pa
+}, ba = {
+  key: 0,
+  class: "b-all-filters-modal-selected-filter__text"
+}, va = {
+  key: 2,
+  class: "b-all-filters-modal-selected-filter__clear-button"
+}, ma = {
+  name: "all-filters-modal-selected-filter",
+  components: _l
+}, ha = /* @__PURE__ */ K({
+  ...ma,
+  props: {
+    actions: { default: () => [] },
+    clearButtonLabel: {},
+    isClearButtonDisabled: { type: Boolean },
+    selectedFilter: {},
+    smallScreen: { type: Boolean, default: !1 },
+    shouldShowFilterTitle: { type: Boolean }
+  },
+  emits: ["clear", "input", "keydown-left"],
+  setup(e, { expose: d }) {
+    const l = e, i = r(() => ({
+      "b-all-filters-modal-selected-filter--small-screen": l.smallScreen
+    })), t = k(null);
+    let u = null;
+    const n = () => {
+      const s = t.value;
+      return s ? st(s).find(({ node: v }) => v !== s) : void 0;
+    }, c = () => {
+      if (!u || u !== document.activeElement)
+        return;
+      const s = n();
+      s && (u = null, s.node.focus());
+    }, o = () => {
+      const s = n();
+      u = s ? null : document.activeElement, s?.node.focus();
+    }, p = () => {
+      u = null;
+    };
+    return Ve(() => Gl(t, c, { childList: !0, subtree: !0 })), zl(document, "focusin", () => {
+      document.activeElement !== u && p();
+    }), le(() => l.selectedFilter.field, p), d({ focusFirstInput: o }), (s, v) => (m(), w("div", {
+      class: ee(["b-all-filters-modal-selected-filter", i.value]),
+      onKeydown: v[2] || (v[2] = me((F) => s.$emit("keydown-left"), ["left"]))
+    }, [
+      s.smallScreen || s.shouldShowFilterTitle ? (m(), w("div", ba, [
+        E(a(ie), {
+          id: s.selectedFilter.labelId,
+          el: "div",
+          variant: "title",
+          medium: ""
+        }, {
+          default: A(() => [
+            G(z(s.selectedFilter.label), 1)
+          ]),
+          _: 1
+        }, 8, ["id"]),
+        s.selectedFilter.description ? (m(), O(a(ie), {
+          key: 0,
+          el: "div",
+          variant: "body",
+          wide: ""
+        }, {
+          default: A(() => [
+            G(z(s.selectedFilter.description), 1)
+          ]),
+          _: 1
+        })) : H("", !0)
+      ])) : H("", !0),
+      q("div", {
+        ref_key: "selectedFilterRef",
+        ref: t,
+        class: "b-all-filters-modal-selected-filter__component"
+      }, [
+        (m(), O(Ee(s.selectedFilter.type), {
+          key: s.selectedFilter.field,
+          description: s.selectedFilter.description,
+          field: s.selectedFilter.field,
+          label: s.selectedFilter.label,
+          options: s.selectedFilter.options,
+          value: s.selectedFilter.value,
+          "default-value": s.selectedFilter.defaultValue,
+          "only-slot": !0,
+          disabled: s.selectedFilter.disabled,
+          "aria-labelledby": s.selectedFilter.labelId,
+          onInput: v[0] || (v[0] = (F) => s.$emit("input", F))
+        }, null, 40, ["description", "field", "label", "options", "value", "default-value", "disabled", "aria-labelledby"]))
+      ], 512),
+      s.smallScreen ? (m(), O(a(dl), {
+        key: 1,
+        class: "b-all-filters-modal-selected-filter__actions",
+        actions: s.actions,
+        layout: "vertical-stack"
+      }, null, 8, ["actions"])) : (m(), w("div", va, [
+        E(a(at), {
+          variant: "secondary",
+          disabled: s.isClearButtonDisabled,
+          onClick: v[1] || (v[1] = (F) => s.$emit("clear"))
+        }, {
+          default: A(() => [
+            G(z(s.clearButtonLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]))
+    ], 34));
+  }
+}), sl = /* @__PURE__ */ Z(ha, [["__scopeId", "data-v-3293549b"]]), ya = { key: 0 }, Fa = {
+  __name: "sliders-1",
+  setup(e) {
+    const d = Ul();
+    return String(d?.uid ?? d?.proxy?._uid), (l, i) => (m(), w("svg", be({ role: "img" }, l.$attrs, {
+      class: "ui-assets-icons-16",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      fill: "none"
+    }), [
+      l.$attrs["svg-title"] ? (m(), w("title", ya, z(l.$attrs["svg-title"]), 1)) : H("", !0),
+      i[0] || (i[0] = q("path", {
+        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"
+      }, null, -1)),
+      i[1] || (i[1] = q("path", {
+        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"
+      }, null, -1))
+    ], 16));
+  }
+}, Rl = {
+  "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 = { class: "b-all-filters-modal" }, Sa = {
+  name: "all-filters-modal",
+  i18n: { messages: Rl }
+}, Ba = /* @__PURE__ */ K({
+  ...Sa,
+  props: {
+    value: { default: () => [] }
+  },
+  emits: [He.INPUT],
+  setup(e, { emit: d }) {
+    const l = "filter-selection", i = "filter-application", t = e, u = d, n = k(t.value), c = Ae("all-filters-modal"), o = k(null), p = k(!1), s = k(0), v = k(null), F = k(""), b = k(l), { t: B, n: $ } = pe({ messages: Rl }), D = jl("(max-width: 599px)"), M = nl(F, X(n, "value"));
+    le(
+      () => t.value,
+      () => {
+        p.value ? n.value = t.value.map((S, h) => ({ ...S, value: n.value[h].value })) : n.value = t.value;
+      }
+    );
+    const I = (S) => S.sort((h, j) => h.label > j.label ? 1 : j.label > h.label ? -1 : 0), L = r(
+      () => I(
+        M.value.filter(
+          (S) => Array.isArray(S.value) ? S.value?.length && S.value?.find((h) => h !== "") : S.value
+        )
+      )
+    ), J = r(
+      () => I(
+        M.value.filter(
+          (S) => Array.isArray(S.value) ? S.value?.length === 0 || S.value?.every((h) => h === "") : !S.value
+        )
+      )
+    ), Q = r(() => F.value && M.value?.length === 0), U = r(() => ({
+      ...n.value[s.value],
+      labelId: Ae(n.value[s.value]?.field)
+    })), te = () => {
+      const S = L.value.length ? L.value[0] : J.value[0], h = n.value.findIndex(
+        (j) => j.label === S.label && j.field === S.field
+      );
+      s.value = h;
+    };
+    le(
+      () => p.value,
+      (S) => {
+        S && te();
+      }
+    );
+    const oe = (S) => S.map((h) => {
+      switch (h.type) {
+        case Y.SELECT:
+        case Y.SELECT_AVATAR:
+        case Y.SELECT_COUNTRY:
+        case Y.SELECT_CURRENCY:
+        case Y.SELECT_PAYMENT_METHOD:
+        case Y.SELECT_TAG:
+          return h.options?.multiple === !0 ? {
+            label: h.label,
+            field: h.field,
+            count: h.value?.length ? h.value?.length : null
+          } : {
+            label: h.label,
+            field: h.field,
+            count: h.value == null ? null : 1
+          };
+        case Y.DATE_RANGE:
+          return {
+            label: h.label,
+            field: h.field,
+            count: h.value?.startDate != null && h.value?.endDate != null ? 1 : null
+          };
+        case Y.RANGE:
+          return {
+            label: h.label,
+            field: h.field,
+            count: h.value?.find((j) => j !== "") ? 1 : null
+          };
+        case Y.CHECKBOX_GROUP:
+          return {
+            label: h.label,
+            field: h.field,
+            count: h.value?.length ? h.value?.length : null
+          };
+        case Y.TOGGLE:
+          return {
+            label: h.label,
+            field: h.field,
+            count: h.value ? 1 : null
+          };
+        case Y.INPUT:
+        case Y.BOOLEAN:
+        case Y.DATE:
+        case Y.RADIO_GROUP:
+        default:
+          return {
+            label: h.label,
+            field: h.field,
+            count: h.value != null ? 1 : null
+          };
+      }
+    }), x = r(() => U.value.value), P = r(
+      () => Array.isArray(x.value) ? x.value.length && x.value.find((S) => S !== "") : !!x.value
+    ), g = r(
+      () => n.value.some(({ defaultValue: S }) => S !== void 0)
+    ), y = r(() => U.value.defaultValue !== void 0), _ = r(() => U.value.type !== Y.TOGGLE), T = r(
+      () => U.value.disabled || (y.value ? JSON.stringify(U.value.value) === JSON.stringify(U.value.defaultValue) : !P.value)
+    ), N = r(
+      () => t.value.filter(
+        (S) => S.defaultValue === void 0 || S.visible === !1 && JSON.stringify(S.value) !== JSON.stringify(S.defaultValue)
+      )
+    ), V = r(
+      () => oe(N.value)?.filter(({ count: S }) => !!S).length
+    ), ue = () => {
+      p.value ? p.value = !1 : (b.value = l, p.value = !0);
+    }, ne = r(
+      () => new Map(oe(n.value).map(({ field: S, count: h }) => [S, h]))
+    ), ce = (S) => {
+      const h = ne.value.get(S.field), j = typeof S.type == "string" && // Type guard to avoid casting
+      S.type.includes("BentoSelect") && S.options?.multiple && h === S.options?.listboxItems?.length, Le = typeof S.type == "string" && S.type === Y.CHECKBOX_GROUP && h === S.options?.checkboxItems?.length;
+      return j || Le ? B("all") : h == null ? null : $(h);
+    }, de = (S, h) => {
+      s.value = n.value.findIndex(
+        (j) => j.label === S && j.field === h
+      ), D.value && (b.value = i);
+    }, f = () => {
+      F.value = "";
+    }, C = () => {
+      p.value = !1, n.value = t.value, f();
+    }, R = (S) => {
+      const h = n.value.map(({ value: j, ...Le }, Nl) => Nl === s.value ? { value: S.value, ...Le } : { value: j, ...Le });
+      n.value = h;
+    }, re = () => {
+      R({
+        field: U.value.field,
+        label: U.value.label,
+        type: U.value.type,
+        value: y.value ? U.value.defaultValue : void 0
+      });
+    }, ae = () => {
+      n.value = t.value.map((S) => ({
+        ...S,
+        value: S.defaultValue
+      }));
+    }, De = () => {
+      u(He.INPUT, n.value), p.value = !1, b.value = l;
+    }, Ll = r(
+      () => JSON.stringify(n.value) === JSON.stringify(t.value)
+    ), El = r(
+      () => g.value ? n.value.every((S) => JSON.stringify(S.value) === JSON.stringify(S.defaultValue)) : !V.value
+    ), _e = r(() => [
+      {
+        title: B("applyAll"),
+        disabled: Ll.value,
+        event: De
+      },
+      {
+        title: B("cancel"),
+        event: C
+      },
+      {
+        title: B(g.value ? "resetAll" : "clearAll"),
+        disabled: El.value,
+        event: ae
+      }
+    ]), Ol = () => {
+      v.value?.focusFirstInput();
+    }, $l = () => {
+      o.value?.focusFilter(U.value.label);
+    };
+    return (S, h) => (m(), w("div", ga, [
+      E(a(Se), {
+        "is-filter-open": p.value,
+        "applied-filters-count": V.value,
+        "no-applied-state-styles": "",
+        onClick: ue
+      }, {
+        iconLeft: A(() => [
+          E(a(Fa), { "aria-hidden": "true" })
+        ]),
+        default: A(() => [
+          G(z(a(B)("allFilters")) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["is-filter-open", "applied-filters-count"]),
+      a(D) ? (m(), O(a(Jl), {
+        key: 1,
+        class: "b-all-filters-modal__modal b-all-filters-modal__modal--small-screen",
+        "active-page": b.value,
+        "is-open": p.value,
+        onBeforeClose: C,
+        "onUpdate:activePage": h[2] || (h[2] = (j) => b.value = j)
+      }, {
+        default: A(() => [
+          E(a(ze), {
+            "page-id": l,
+            "previous-page": null,
+            title: a(B)("allFilters")
+          }, {
+            default: A(() => [
+              E(Qe, {
+                "active-filters": L.value,
+                actions: _e.value,
+                "active-filters-label": a(B)("activeFilters"),
+                "empty-search-message": Q.value ? a(B)("noFiltersMatchThisSearch") : "",
+                "get-filter-count": ce,
+                "other-filters": J.value,
+                "other-filters-label": a(B)("otherFilters"),
+                "search-bar-aria-label": a(B)("searchBar"),
+                "search-term": F.value,
+                "selected-filter-label": U.value.label,
+                "unique-id": a(c),
+                "small-screen": "",
+                onClearSearch: f,
+                onSelectFilter: de,
+                "onUpdate:searchTerm": h[1] || (h[1] = (j) => F.value = j)
+              }, null, 8, ["active-filters", "actions", "active-filters-label", "empty-search-message", "other-filters", "other-filters-label", "search-bar-aria-label", "search-term", "selected-filter-label", "unique-id"])
+            ]),
+            _: 1
+          }, 8, ["title"]),
+          E(a(ze), {
+            "page-id": i,
+            "previous-page": l,
+            title: a(B)("allFilters")
+          }, {
+            default: A(() => [
+              E(sl, {
+                actions: _e.value,
+                "clear-button-label": a(B)(y.value ? "reset" : "clear"),
+                "is-clear-button-disabled": T.value,
+                "selected-filter": U.value,
+                "should-show-filter-title": _.value,
+                "small-screen": "",
+                onInput: R
+              }, null, 8, ["actions", "clear-button-label", "is-clear-button-disabled", "selected-filter", "should-show-filter-title"])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ]),
+        _: 1
+      }, 8, ["active-page", "is-open"])) : (m(), O(Kl, {
+        key: 0,
+        class: "b-all-filters-modal__modal",
+        "is-open": p.value,
+        "with-column-layout": !0,
+        size: "large",
+        actions: _e.value,
+        "is-dismissible": !1,
+        "hide-close-button": "",
+        onCloseModal: C
+      }, {
+        default: A(() => [
+          G(z(a(B)("allFilters")), 1)
+        ]),
+        "content-col-1": A(() => [
+          E(Qe, {
+            ref_key: "filterSelectionRef",
+            ref: o,
+            "active-filters": L.value,
+            actions: _e.value,
+            "active-filters-label": a(B)("activeFilters"),
+            "empty-search-message": Q.value ? a(B)("noFiltersMatchThisSearch") : "",
+            "get-filter-count": ce,
+            "other-filters": J.value,
+            "other-filters-label": a(B)("otherFilters"),
+            "search-bar-aria-label": a(B)("searchBar"),
+            "search-term": F.value,
+            "selected-filter-label": U.value.label,
+            "unique-id": a(c),
+            onClearSearch: f,
+            onKeydownRight: Ol,
+            onSelectFilter: de,
+            "onUpdate:searchTerm": h[0] || (h[0] = (j) => F.value = j)
+          }, null, 8, ["active-filters", "actions", "active-filters-label", "empty-search-message", "other-filters", "other-filters-label", "search-bar-aria-label", "search-term", "selected-filter-label", "unique-id"])
+        ]),
+        "content-col-2": A(() => [
+          E(sl, {
+            ref_key: "selectedFilterContentRef",
+            ref: v,
+            actions: _e.value,
+            "clear-button-label": a(B)(y.value ? "reset" : "clear"),
+            "is-clear-button-disabled": T.value,
+            "selected-filter": U.value,
+            "should-show-filter-title": _.value,
+            onClear: re,
+            onInput: R,
+            onKeydownLeft: $l
+          }, null, 8, ["actions", "clear-button-label", "is-clear-button-disabled", "selected-filter", "should-show-filter-title"])
+        ]),
+        _: 1
+      }, 8, ["is-open", "actions"]))
+    ]));
+  }
+}), Ca = /* @__PURE__ */ Z(Ba, [["__scopeId", "data-v-12fc2053"]]), Il = {
+  "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: "撤销" }
+}, Aa = {
+  key: 0,
+  class: "b-filter-bar__search-external-container"
+}, Ta = {
+  i18n: { messages: Il },
+  name: "bento-filter-bar",
+  components: {
+    ..._l,
+    BentoTeleport: fl,
+    FixedScroller: ol
+  }
+}, _a = /* @__PURE__ */ K({
+  ...Ta,
+  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: [
+    Fe.INPUT,
+    Fe.UPDATE_FILTER_VALUES_OBJECT,
+    Fe.UPDATE_FILTER_VALUES_ARRAY,
+    Be.CLEAR,
+    Be.INPUT,
+    Be.UPDATE
+  ],
+  setup(e, { expose: d, emit: l }) {
+    const i = e, t = l, { t: u } = pe({ messages: Il }), n = k(null), c = r(
+      () => i.config?.map((f) => {
+        let C = i.filterValues.find(({ field: R }) => R === f.field)?.value;
+        return i.filterValuesObject && f.field in i.filterValuesObject && (C = i.filterValuesObject[f.field]), C === void 0 && (C = f?.defaultValue), { ...f, value: C };
+      })
+    ), { addToast: o } = Hl(), p = {
+      large: "multi-line",
+      medium: "one-line",
+      small: "multi-line"
+    }, s = r(() => ({
+      ...p,
+      ...i.containerSizeLayout
+    })), {
+      screenLayoutComponent: v,
+      showSearchbarInsideContainer: F,
+      isOneLineLayout: b,
+      isLargeLayout: B,
+      rootElementConditionalClasses: $
+    } = bt(n, s), D = r(() => ({
+      "b-filter-bar__fixed-scroller": b.value,
+      "b-filter-bar__container": !b.value
+      // Multi-line
+    })), M = r(() => ({
+      "b-filter-bar__scroller-content": b.value,
+      "b-filter-bar__filters": !b.value
+      // Multi-line
+    })), I = r(() => i.search?.inputFieldAriaLabel || u("searchBar")), L = r(() => {
+      if (!i.search)
+        return;
+      const { debounceTime: f, disabled: C, inputFieldAriaLabel: R, hint: re, placeholder: ae } = i.search;
+      return { debounceTime: f, disabled: C, inputFieldAriaLabel: R, hint: re, placeholder: ae };
+    }), J = r(
+      () => i.search?.width && B.value ? { flexBasis: i.search.width, maxWidth: i.search.width } : void 0
+    ), Q = r(
+      () => c.value.some(({ visible: f }) => f != null)
+    ), U = r(
+      () => Q.value ? c.value.some(({ visible: f }) => !f) : !1
+    ), te = r(
+      () => c.value.filter(
+        ({ defaultValue: f, visible: C }) => f !== void 0 && C !== !1
+      )
+    ), oe = r(
+      () => c.value.filter(
+        ({ defaultValue: f, visible: C }) => f === void 0 || C === !1
+      )
+    ), x = r(
+      () => c.value.some(({ defaultValue: f }) => f !== void 0)
+    ), P = r(() => Q.value ? c.value.filter(
+      ({ defaultValue: f, visible: C, value: R }) => f === void 0 && (C || i.showAppliedHiddenFilters && R !== void 0 && R !== null)
+    ) : c.value.filter(({ defaultValue: f }) => f === void 0)), g = r(() => i.searchTerm != null), y = r(
+      () => c.value.filter(({ defaultValue: f }) => f == null).some(({ value: f }) => f != null)
+    ), _ = r(() => !x.value && y.value), T = r(() => x.value ? !c.value.filter(({ defaultValue: C }) => C !== void 0 || C !== null).every(({ value: C, defaultValue: R }) => JSON.stringify(C) === JSON.stringify(R)) || y.value : !1), N = (f) => {
+      t(Fe.INPUT, f), t(
+        Fe.UPDATE_FILTER_VALUES_ARRAY,
+        f?.filter(({ value: C }) => C !== null || C !== void 0).map(({ field: C, value: R }) => ({ field: C, value: R }))
+      ), t(
+        Fe.UPDATE_FILTER_VALUES_OBJECT,
+        f?.filter(({ value: C }) => C !== null || C !== void 0).reduce((C, R) => (C[R.field] = R.value, C), {})
+      );
+    }, V = (f) => {
+      const C = Array.isArray(f) ? f : [f], R = new Map(C.map((ae) => [ae.field, ae.value])), re = c.value.map((ae) => R.has(ae.field) ? { ...ae, value: R.get(ae.field) } : ae);
+      N(re);
+    }, ue = () => {
+      const f = c.value.slice(), C = c.value.map(({ value: R, ...re }) => ({
+        ...re,
+        value: void 0
+      }));
+      o({
+        text: u("filtersHaveBeenCleared"),
+        action: {
+          handler: () => N(f),
+          text: u("undo")
+        }
+      }), N(C);
+    }, ne = () => {
+      const f = c.value.slice(), C = c.value.map(({ defaultValue: R, ...re }) => ({
+        ...re,
+        defaultValue: R,
+        value: R
+      }));
+      o({
+        text: u("filtersHaveBeenReset"),
+        action: {
+          handler: () => N(f),
+          text: u("undo")
+        }
+      }), N(C);
+    }, ce = (f) => {
+      t(Be.INPUT, f), t(Be.UPDATE, f);
+    }, de = () => {
+      t(Be.CLEAR);
+    };
+    return d({ isClearAllVisible: _, clearAllFilters: ue, isResetAllVisible: T, resetAllFilters: ne }), (f, C) => (m(), w("div", {
+      ref_key: "filterBarRef",
+      ref: n,
+      class: ee(["b-filter-bar", a($)])
+    }, [
+      !a(F) && g.value ? (m(), w("div", Aa, [
+        E(ke, be({ class: "b-filter-bar__search-bar" }, L.value, {
+          "input-field-aria-label": I.value,
+          value: f.searchTerm,
+          condensed: "",
+          style: J.value,
+          onInput: ce,
+          onClear: de
+        }), null, 16, ["input-field-aria-label", "value", "style"])
+      ])) : H("", !0),
+      (m(), O(Ee(a(v)), {
+        class: ee(D.value),
+        condensed: ""
+      }, {
+        default: A(() => [
+          q("div", {
+            class: ee(M.value)
+          }, [
+            a(F) && g.value ? (m(), w("div", {
+              key: 0,
+              class: "b-filter-bar__search-bar-container",
+              style: wl(J.value)
+            }, [
+              E(ke, be({ class: "b-filter-bar__search-bar" }, L.value, {
+                "input-field-aria-label": I.value,
+                value: f.searchTerm,
+                condensed: "",
+                onInput: ce,
+                onClear: de
+              }), null, 16, ["input-field-aria-label", "value"])
+            ], 4)) : H("", !0),
+            te.value.length ? (m(!0), w(Oe, { key: 1 }, he(te.value, (R) => (m(), O(Ee(R.type), {
+              key: R.field,
+              field: R.field,
+              label: R.label,
+              disabled: R?.disabled,
+              options: R.options,
+              value: R.value,
+              "default-value": R.defaultValue,
+              onUpdate: V
+            }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : H("", !0),
+            (m(!0), w(Oe, null, he(P.value, (R) => (m(), O(Ee(R.type), {
+              key: R.field,
+              field: R.field,
+              label: R.label,
+              disabled: R?.disabled,
+              options: R.options,
+              value: R.value,
+              onUpdate: V
+            }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
+            U.value ? (m(), O(Ca, {
+              key: 2,
+              class: "b-filter-bar__all-filters-modal",
+              value: oe.value,
+              onInput: V
+            }, null, 8, ["value"])) : H("", !0),
+            _.value ? (m(), O(a(Se), {
+              key: 3,
+              class: "b-filter-bar__clear-all",
+              onClick: ue
+            }, {
+              iconLeft: A(() => [
+                E(a(Ke), { "aria-hidden": "true" })
+              ]),
+              default: A(() => [
+                G(z(a(u)("clearFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : H("", !0),
+            T.value ? (m(), O(a(Se), {
+              key: 4,
+              class: "b-filter-bar__reset-all",
+              onClick: ne
+            }, {
+              iconLeft: A(() => [
+                E(a(Ke), { "aria-hidden": "true" })
+              ]),
+              default: A(() => [
+                G(z(a(u)("resetFilters")) + " ", 1)
+              ]),
+              _: 1
+            })) : H("", !0)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["class"]))
+    ], 2));
+  }
+}), os = /* @__PURE__ */ Z(_a, [["__scopeId", "data-v-04ac5745"]]);
+export {
+  Te as B,
+  na as S,
+  ra as _,
+  os as a,
+  Fe as b,
+  W as c,
+  Y as d,
+  yl as e,
+  Ie as u
+};
+//# sourceMappingURL=filter-bar.BPPxuT_w.js.map