@adyen/bento-vue3 1.27.0 → 1.28.0

package/dist/filter-bar.js

@@ -1,2783 +1,8 @@
-import { defineComponent as J, useSlots as ke, useAttrs as Dt, computed as c, ref as V, openBlock as p, createBlock as I, unref as U, normalizeClass as Se, withCtx as y, createTextVNode as q, toDisplayString as N, createCommentVNode as Y, createElementBlock as K, createElementVNode as R, renderSlot as ie, createVNode as A, watch as me, nextTick as lt, resolveComponent as S, withKeys as ye, toRef as X, onBeforeUpdate as we, provide as It, mergeProps as re, Fragment as Be, reactive as at, createSlots as De, renderList as de, normalizeProps as Ue, guardReactiveProps as Pe, onMounted as Tt, resolveDynamicComponent as Re, withDirectives as Te, vShow as Ee } from "vue";
-import { _ as G } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Ke, I as Et } from "./chunks/index.a001a0a8.js";
-import { B as Ut } from "./chunks/dropdown-default-textbox.cda0798f.js";
-import { B as Pt } from "./chunks/tooltip.36172265.js";
-import { u as be } from "./chunks/i18n.f7e6533e.js";
-import { g as Ne } from "./chunks/unique-id.a2a2b458.js";
-import { u as Vt } from "./chunks/use-click-outside.941d1600.js";
-import { B as ve, d as kt } from "./chunks/index.ee15db35.js";
-import { u as nt } from "./chunks/aria-label.ac9651a5.js";
-import { B as ot, a as je } from "./chunks/base-button.a0140a4c.js";
-import { g as st } from "./chunks/get-slot-text.bead058f.js";
-import { u as it } from "./chunks/use-has-slot.4d98bf29.js";
-import { C as rt, a as ut } from "./chunks/chevron-up.638a9f34.js";
-import { B as Lt } from "./chunks/teleport.afeb4c3b.js";
-import { BentoRadioGroup as Rt } from "./radio-group.js";
-import { BentoInputField as dt } from "./input-field.js";
-import { BentoSearchBar as Ve, BentoSearchBarEvent as ge } from "./search-bar.js";
-import { u as Ot } from "./chunks/use-bento-toast-controller.3dc4e113.js";
-import { BentoModal as wt } from "./modal.js";
-import { g as Nt } from "./chunks/base-modal.4102f69d.js";
-import { a as Mt } from "./chunks/button.ae4760cd.js";
-import { u as ct, B as Ht } from "./chunks/dropdown.0ae3b842.js";
-import { g as qt } from "./chunks/index.9d7fb316.js";
-import { B as Me } from "./chunks/index.b18c78d6.js";
-import { BentoDatePicker as Kt } from "./date-picker.js";
-import { f as pe } from "./chunks/index.f9d081d2.js";
-import { e as se, d as bt, f as ft } from "./chunks/index.f55fdc32.js";
-import { C as jt, i as Yt } from "./chunks/calendar.a9c5a68c.js";
-import { B as zt, D as Jt, i as Ye } from "./chunks/index.2d7b4511.js";
-import { D as ze } from "./chunks/date-input.9186a0bf.js";
-import { B as Gt } from "./chunks/button-actions.82163994.js";
-import { a as Je, B as Wt } from "./chunks/use-cached-selected-values.3c312296.js";
-import { B as Zt, L as pt } from "./chunks/listbox-option-tag.2aea037c.js";
-import { u as Qt } from "./chunks/use-country-items.32e30471.js";
-import { B as Xt } from "./chunks/payment-method.d5595a7c.js";
-import { R as xt } from "./chunks/refresh.bd60f6a8.js";
-import { F as el } from "./chunks/fixed-scroller.7b42cb1e.js";
-import "./assets/index6.css";
-const tl = { class: "b-filter-bar-button__container" }, ll = { class: "b-filter-bar-button__label-container" }, al = {
-  key: 1,
-  class: "b-filter-bar-button__chevron"
-}, nl = {}, ol = /* @__PURE__ */ J({
-  ...nl,
-  __name: "filter-bar-button",
-  props: {
-    /**
-     * 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 },
-    /**
-     * 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 },
-    /**
-     * 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: l }) {
-    const t = e, a = ke(), u = Dt(), r = it(a), o = c(() => a.default ? st(a)("default") : null), s = nt({ ariaLabel: o }), n = V(null), d = c(() => {
-      var C;
-      return {
-        "aria-controls": (C = u["aria-controls"]) == null ? void 0 : C.toString()
-      };
-    }), $ = c(() => ({
-      "b-filter-bar-button--filter-open": t.isFilterOpen,
-      "b-filter-bar-button--active": t.appliedFiltersCount || t.secondaryLabel || t.hasChevron,
-      "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
-      "b-filter-bar-button--with-chevron": t.hasChevron
-    })), F = (C) => {
-      t.disabled || l("click", C);
-    };
-    return (C, i) => (p(), I(U(ot), {
-      ref_key: "filterBarButtonRef",
-      ref: n,
-      class: Se(["b-filter-bar-button", U($)]),
-      disabled: e.disabled,
-      "aria-label": U(s),
-      "aria-controls": U(d)["aria-controls"],
-      type: "button",
-      onClick: F
-    }, {
-      iconRight: y(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (p(), I(U(ve), {
-          key: 0,
-          class: "b-filter-bar-button__counter",
-          el: "span",
-          variant: "body",
-          stronger: ""
-        }, {
-          default: y(() => [
-            q(N(e.appliedFiltersCount), 1)
-          ]),
-          _: 1
-        })) : Y("", !0),
-        e.hasChevron ? (p(), K("div", al, [
-          e.isFilterOpen ? (p(), I(U(rt), {
-            key: 0,
-            "aria-hidden": "true"
-          })) : (p(), I(U(ut), {
-            key: 1,
-            "aria-hidden": "true"
-          }))
-        ])) : Y("", !0)
-      ]),
-      default: y(() => [
-        R("div", tl, [
-          U(r)("iconLeft") ? ie(C.$slots, "iconLeft", { key: 0 }, void 0, !0) : Y("", !0),
-          R("div", ll, [
-            A(U(ve), {
-              el: "span",
-              variant: "body",
-              stronger: "",
-              class: "b-filter-bar-button__label"
-            }, {
-              default: y(() => [
-                ie(C.$slots, "default", {}, void 0, !0)
-              ]),
-              _: 3
-            }),
-            e.secondaryLabel ? (p(), I(U(ve), {
-              key: 0,
-              el: "span",
-              variant: "body",
-              stronger: "",
-              class: "b-filter-bar-button__secondary-label"
-            }, {
-              default: y(() => [
-                q(N(e.secondaryLabel), 1)
-              ]),
-              _: 1
-            })) : Y("", !0)
-          ])
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
-  }
-});
-const He = /* @__PURE__ */ G(ol, [["__scopeId", "data-v-fe3e2223"]]);
-var m = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(m || {}), Ae = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(Ae || {}), x = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(x || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
-const Ge = {
-  "en-US": {
-    clear: "Clear",
-    apply: "Apply",
-    reset: "Reset"
-  },
-  "de-DE": {
-    clear: "Alle löschen",
-    apply: "Bewerben"
-  },
-  "fr-FR": {
-    clear: "Effacer",
-    apply: "Postuler"
-  },
-  "ja-JP": {
-    clear: "クリア",
-    apply: "適用"
-  },
-  "pt-BR": {
-    clear: "Limpar",
-    apply: "Candidatar-se"
-  },
-  "es-ES": {
-    clear: "Borrar",
-    apply: "Aplicar"
-  }
-}, sl = J({
-  i18n: { messages: Ge },
-  name: "bento-base-filter",
-  components: {
-    BentoPopover: Ke,
-    BentoTeleport: Lt,
-    FilterBarButton: He
-  },
-  directives: { BentoClickOutsideDirective: Ut },
-  props: {
-    /**
-     * Total count of applied filters
-     */
-    appliedFiltersCount: { type: [String, Number], default: null },
-    /**
-     * Overrides the label of the popover vsibility toggle button text.
-     */
-    buttonLabel: { type: String, default: void 0 },
-    /**
-     * Sets the secondary label text of the popover vsibility toggle button text.
-     */
-    buttonSecondaryLabel: { type: String, default: void 0 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: {
-      type: [Object, Number, Boolean, Array, String],
-      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 },
-    /**
-     * Allows to handle the controls (apply/clear) from outside
-     * of the component
-     */
-    controlled: { type: Boolean, default: !1 },
-    /**
-     * Disable the "apply" button
-     */
-    disableApplyButton: { type: Boolean, default: !1 },
-    /**
-     * Disable the secondary button action.
-     */
-    disableSecondaryButton: { type: Boolean, default: !1 },
-    /**
-     * 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 },
-    /**
-     * Sets the size of the container to fit its content
-     */
-    fitContent: Ke.props.fitContent
-  },
-  emits: [
-    le.APPLY,
-    le.CLEAR,
-    le.OPEN,
-    le.CLOSE,
-    le.RESET
-  ],
-  setup(e, { emit: l }) {
-    const { t } = be({ messages: Ge }), a = Ne("base-filter-popover"), u = V(!1), r = V(null), o = V(null), s = c(() => e.defaultValue !== null), n = () => {
-      u.value && (u.value = !1, lt(() => {
-        r.value.$el.focus();
-      }), l(le.CLOSE));
-    }, d = () => {
-      n(), s.value ? l(le.RESET) : l(le.CLEAR);
-    }, $ = () => n(), F = () => {
-      u.value ? n() : (u.value = !0, l(le.OPEN));
-    }, C = () => {
-      n(), l(le.APPLY);
-    }, i = c(() => [
-      {
-        title: t("apply"),
-        event: C,
-        disabled: e.disableApplyButton
-      },
-      {
-        title: s.value ? t("reset") : t("clear"),
-        event: d,
-        disabled: e.disableSecondaryButton
-      }
-    ]);
-    return me(
-      () => u.value,
-      (T, O) => {
-        var k, B;
-        !T && O && (B = (k = r.value) == null ? void 0 : k.filterBarButtonRef) != null && B.bentoBaseButtonRef && r.value.filterBarButtonRef.bentoBaseButtonRef.focus();
-      }
-    ), Vt(o, $, { ignore: [r] }), {
-      // Values
-      actions: i,
-      popoverId: a,
-      isFilterOpen: u,
-      isPersistentFilter: s,
-      // Enums
-      BentoTooltipPosition: Pt,
-      // Events
-      onClickFilter: F,
-      onClickApply: C,
-      onClickSecondaryAction: d,
-      onClickOutside: $,
-      closePopover: n,
-      // Refs
-      filterButtonRef: r,
-      popoverRef: o
-    };
-  }
-});
-const il = { key: 0 }, rl = {
-  key: 1,
-  class: "b-base-filter"
-};
-function ul(e, l, t, a, u, r) {
-  const o = S("filter-bar-button"), s = S("bento-popover"), n = S("bento-teleport");
-  return e.onlySlot ? (p(), K("div", il, [
-    ie(e.$slots, "default", {}, void 0, !0)
-  ])) : (p(), K("div", rl, [
-    A(o, {
-      ref: "filterButtonRef",
-      "aria-controls": e.isFilterOpen ? e.popoverId : null,
-      "has-chevron": e.isPersistentFilter,
-      "is-filter-open": e.isFilterOpen,
-      "applied-filters-count": e.appliedFiltersCount,
-      "secondary-label": e.buttonSecondaryLabel,
-      onClick: e.onClickFilter,
-      onKeydown: ye(e.closePopover, ["esc"])
-    }, {
-      default: y(() => [
-        q(N(e.buttonLabel || e.label), 1)
-      ]),
-      _: 1
-    }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick", "onKeydown"]),
-    e.filterButtonRef ? (p(), I(n, { key: 0 }, {
-      default: y(() => [
-        e.filterButtonRef ? (p(), I(s, {
-          key: 0,
-          id: e.popoverId,
-          ref: "popoverRef",
-          class: "b-base-filter__popover",
-          divider: "",
-          open: e.isFilterOpen,
-          actions: e.controlled ? null : e.actions,
-          "actions-layout": "space-between",
-          "target-element": e.filterButtonRef,
-          title: e.controlled ? null : e.label,
-          "fit-content": e.fitContent,
-          position: "bottom-start",
-          "without-space": e.controlled,
-          "fallback-position": ["bottom-end"]
-        }, {
-          default: y(() => [
-            R("div", {
-              onKeydown: l[0] || (l[0] = ye((...d) => e.closePopover && e.closePopover(...d), ["esc"]))
-            }, [
-              ie(e.$slots, "default", {}, void 0, !0)
-            ], 32)
-          ]),
-          _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : Y("", !0)
-      ]),
-      _: 3
-    })) : Y("", !0)
-  ]));
-}
-const Ce = /* @__PURE__ */ G(sl, [["render", ul], ["__scopeId", "data-v-07a7c55e"]]), dl = (e) => e instanceof Array, We = (e) => dl(e) ? e.length === 0 || e.every((l) => l === "") : !e, Ze = (e, l) => JSON.stringify(e) === JSON.stringify(l), _e = (e, l) => {
-  const t = V(e.value);
-  me(
-    () => e.value,
-    () => {
-      t.value = e.value;
-    }
-  );
-  const a = c(() => We(e.value)), u = c(
-    () => l.value !== null ? Ze(l.value, e.value) : a.value
-  ), r = c(() => Ze(t.value, e.value) || We(t.value) && a.value);
-  return {
-    internalFilterValue: t,
-    isSecondaryButtonDisabled: u,
-    isApplyButtonDisabled: r
-  };
-}, ce = (e, l) => {
-  const t = e == null ? void 0 : e.toString();
-  return (t == null ? void 0 : t.length) > l ? `${t == null ? void 0 : t.slice(0, l)}...` : t;
-}, cl = J({
-  name: "bento-input-filter",
-  components: {
-    BentoBaseFilter: Ce,
-    BentoInputField: dt
-  },
-  props: {
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: String, 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.
-     * If the options.variant is equal to 'dropdown', the value should be of type `{ inputValue: string | null; dropdownValue?: string }`.
-     */
-    value: { type: [String, Object], 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:
-     *   - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
-     *   - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    var h, P;
-    const t = V(null), a = V((P = (h = e == null ? void 0 : e.options) == null ? void 0 : h.dropdown) == null ? void 0 : P.value), u = c(
-      () => {
-        var D, Z;
-        return ((D = e == null ? void 0 : e.options) == null ? void 0 : D.variant) === "dropdown" && ((Z = e == null ? void 0 : e.options) == null ? void 0 : Z.dropdown) !== void 0;
-      }
-    ), r = c(
-      () => {
-        var D;
-        return u.value ? { ...(D = e == null ? void 0 : e.options) == null ? void 0 : D.dropdown, value: a.value } : void 0;
-      }
-    ), o = c(() => {
-      var D;
-      return ((D = e == null ? void 0 : e.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
-    }), s = c(
-      () => {
-        var D;
-        return u.value ? (D = e.value) == null ? void 0 : D.inputValue : e == null ? void 0 : e.value;
-      }
-    ), { internalFilterValue: n, isSecondaryButtonDisabled: d, isApplyButtonDisabled: $ } = _e(
-      s,
-      X(e, "defaultValue")
-    ), F = c(
-      () => e.defaultValue === null ? e.label : ce(s.value, 18)
-    ), C = c(
-      () => e.defaultValue === null ? ce(s.value, 12) : null
-    ), i = c(() => ({
-      ["b-input-filter--only-slot"]: e.onlySlot
-    }));
-    we(() => {
-      n.value === "" && (n.value = null);
-    }), me(t, () => {
-      var D;
-      (D = t.value) == null || D.focusInput();
-    });
-    const T = () => {
-      n.value = s.value;
-    }, O = () => {
-      !n.value && e.defaultValue !== null && (n.value = e.defaultValue), l(m.UPDATE, {
-        ...e,
-        value: u.value ? { inputValue: n.value, dropdownValue: a.value } : n.value
-      });
-    }, k = () => l(m.UPDATE, { ...e, value: e.defaultValue }), B = () => {
-      n.value = null, O();
-    }, W = () => {
-      l(m.INPUT, { ...e, value: n.value });
-    }, b = (D) => {
-      n.value = D;
-    }, g = (D) => {
-      a.value = D;
-    };
-    return It(Et, u.value), {
-      // Values
-      buttonLabel: F,
-      buttonSecondaryLabel: C,
-      conditionalClasses: i,
-      dropdownProp: r,
-      inputVariant: o,
-      internalFilterValue: n,
-      isApplyButtonDisabled: $,
-      isDropdownVariant: u,
-      isSecondaryButtonDisabled: d,
-      // Refs
-      inputTextRef: t,
-      // Events
-      updateFilter: O,
-      clearFilter: B,
-      openFilter: T,
-      resetFilter: k,
-      onDropdownInput: g,
-      onInput: W,
-      setInternalFilterValue: b
-    };
-  }
-});
-function bl(e, l, t, a, u, r) {
-  const o = S("bento-input-field"), s = S("bento-base-filter");
-  return p(), I(s, re(e.$props, {
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "only-slot": e.onlySlot,
-    "popover-overflow-visible": e.isDropdownVariant,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: y(() => {
-      var n;
-      return [
-        R("div", {
-          class: Se(["b-input-filter", e.conditionalClasses]),
-          onKeydown: l[0] || (l[0] = ye((...d) => e.updateFilter && e.updateFilter(...d), ["enter"])),
-          onInput: l[1] || (l[1] = (...d) => e.onInput && e.onInput(...d))
-        }, [
-          A(o, {
-            ref: "inputTextRef",
-            dropdown: e.dropdownProp,
-            "dropdown-position": (n = e.options) == null ? void 0 : n.dropdownPosition,
-            variant: e.inputVariant,
-            value: e.internalFilterValue,
-            onInput: e.setInternalFilterValue,
-            onDropdownInput: e.onDropdownInput
-          }, null, 8, ["dropdown", "dropdown-position", "variant", "value", "onInput", "onDropdownInput"])
-        ], 34)
-      ];
-    }),
-    _: 1
-  }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const vt = /* @__PURE__ */ G(cl, [["render", bl], ["__scopeId", "data-v-4f3a323d"]]), fl = J({
-  name: "bento-date-filter",
-  components: {
-    BentoBaseFilter: Ce,
-    BentoDatePicker: Kt,
-    BentoDivider: Me,
-    Calendar: jt
-  },
-  props: {
-    isDateInput: { type: Boolean, default: !0 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: Date, 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:
-     *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     *   - isDateDisabled: Indicate if a date should be disabled or not
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: { type: Date, default: void 0 }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    const { locale: t } = be(void 0, !0), a = { de: bt, enUS: se, fr: ft }, { internalFilterValue: u, isSecondaryButtonDisabled: r, isApplyButtonDisabled: o } = _e(
-      X(e, "value"),
-      X(e, "defaultValue")
-    ), s = c(
-      () => e.value ? pe(e.value, "dd MMM, yyyy", {
-        locale: a[t.value.substring(0, 2)] || se
-      }) : null
-    ), n = c(
-      () => e.defaultValue === null ? e.label : s.value
-    ), d = c(
-      () => e.defaultValue === null ? s.value : null
-    ), $ = () => {
-      l(m.UPDATE, { ...e, value: u.value });
-    }, F = () => {
-      u.value = null, $();
-    }, C = () => {
-      u.value = e.defaultValue, $();
-    }, i = () => {
-      u.value = e.value;
-    }, T = (k) => {
-      u.value = k, l(m.INPUT, { ...e, value: u.value });
-    };
-    return {
-      // Values
-      internalFilterValue: u,
-      isApplyButtonDisabled: o,
-      isSecondaryButtonDisabled: r,
-      buttonLabel: n,
-      buttonSecondaryLabel: d,
-      // Events
-      clearFilter: F,
-      onDateSelected: T,
-      openFilter: i,
-      updateFilter: $,
-      resetFilter: C,
-      onDateInputSelected: (k) => {
-        u.value = k, T(k), $();
-      }
-    };
-  }
-});
-const pl = { class: "b-date-filter" };
-function vl(e, l, t, a, u, r) {
-  const o = S("bento-date-picker"), s = S("bento-divider"), n = S("calendar"), d = S("bento-base-filter");
-  return p(), I(d, {
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "default-value": e.defaultValue,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    field: e.field,
-    label: e.label,
-    "only-slot": e.onlySlot,
-    "fit-content": "",
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }, {
-    default: y(() => {
-      var $, F, C, i;
-      return [
-        e.onlySlot ? (p(), I(o, {
-          key: 0,
-          value: e.internalFilterValue,
-          "first-day-of-week": ($ = e.options) == null ? void 0 : $.firstDayOfWeek,
-          "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled,
-          onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (p(), K(Be, { key: 1 }, [
-          A(s, { class: "b-date-filter__divider" }),
-          R("div", pl, [
-            A(n, {
-              "first-day-of-week": (C = e.options) == null ? void 0 : C.firstDayOfWeek,
-              "is-date-disabled": (i = e.options) == null ? void 0 : i.isDateDisabled,
-              "number-of-months": 1,
-              value: e.internalFilterValue,
-              onInput: e.onDateSelected
-            }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "onInput"])
-          ])
-        ], 64))
-      ];
-    }),
-    _: 1
-  }, 8, ["button-label", "button-secondary-label", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const yt = /* @__PURE__ */ G(fl, [["render", vl], ["__scopeId", "data-v-66ffdc53"]]), Qe = {
-  "en-US": {
-    clear: "Clear",
-    reset: "Reset",
-    apply: "Apply"
-  },
-  "de-DE": {
-    clear: "Alle löschen",
-    apply: "Bewerben"
-  },
-  "fr-FR": {
-    clear: "Effacer",
-    apply: "Postuler"
-  },
-  "ja-JP": {
-    clear: "クリア",
-    apply: "適用"
-  },
-  "pt-BR": {
-    clear: "Limpar",
-    apply: "Candidatar-se"
-  },
-  "es-ES": {
-    clear: "Borrar",
-    apply: "Aplicar"
-  }
-}, yl = J({
-  i18n: { messages: Qe },
-  name: "bento-date-range-filter",
-  components: {
-    BentoBaseFilter: Ce,
-    BentoButtonActions: Gt,
-    BentoDateRangePicker: zt,
-    BentoTypography: ve,
-    BentoDivider: Me,
-    DateRangePickerCalendar: Jt
-  },
-  props: {
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: 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:
-     *   - allowTimeInput: Allows user to enter time values in the form
-     *   - firstDayOfWeek: Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
-     *   - isDateDisabled: Indicate if a date should be disabled or not
-     *   - maxRange: Set a maximum number of dates to be selectable by the range
-     *   - numberOfMonths: Number of months rendered on pane
-     *   - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: {
-      type: Object,
-      default: () => ({ startDate: void 0, endDate: void 0 })
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    var ae, ne, fe, M;
-    const { locale: t, t: a } = be({ messages: Qe }), u = { de: bt, enUS: se, fr: ft }, { internalFilterValue: r, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = _e(
-      X(e, "value"),
-      X(e, "defaultValue")
-    ), n = V(!1), d = (_) => _ ? pe(_, ze.NUMERIC_DATE_YEAR_FIRST, {
-      locale: u[t.value.substring(0, 2)] || se
-    }) : void 0, $ = (_) => _ ? pe(_, ze.HOUR_MINUTE_SECONDS, {
-      locale: u[t.value.substring(0, 2)] || se
-    }) : "", F = V(null), C = V(!1), i = at({
-      startDate: d((ae = e.value) == null ? void 0 : ae.startDate),
-      endDate: d((ne = e.value) == null ? void 0 : ne.endDate),
-      startTime: $((fe = e.value) == null ? void 0 : fe.startDate),
-      endTime: $((M = e.value) == null ? void 0 : M.endDate)
-    }), T = c(() => {
-      var _, w, L, j, v, f, E, H;
-      if (!((_ = e.value) != null && _.startDate) && !e.value.endDate)
-        return null;
-      if (((L = (w = e.options) == null ? void 0 : w.quickSelectRanges) == null ? void 0 : L.length) > 0) {
-        const Q = (v = (j = e.options) == null ? void 0 : j.quickSelectRanges) == null ? void 0 : v.find(
-          ({ data: z }) => Ye(z == null ? void 0 : z.startDate, e.value.startDate) && Ye(z == null ? void 0 : z.endDate, e.value.endDate)
-        );
-        if (Q)
-          return Q.label;
-      }
-      return Yt((f = e.value) == null ? void 0 : f.startDate, (E = e.value) == null ? void 0 : E.endDate) && ((H = e == null ? void 0 : e.options) != null && H.allowTimeInput) ? `${pe(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: u[t.value.substring(0, 2)] || se
-      })} - ${pe(e.value.endDate, "HH:mm:ss", {
-        locale: u[t.value.substring(0, 2)] || se
-      })}` : `${pe(e.value.startDate, "dd MMM, yyyy", {
-        locale: u[t.value.substring(0, 2)] || se
-      })} - ${pe(e.value.endDate, "dd MMM, yyyy", {
-        locale: u[t.value.substring(0, 2)] || se
-      })}`;
-    }), O = c(
-      () => e.defaultValue === null ? e.label : T.value
-    ), k = c(
-      () => e.defaultValue === null ? T.value : null
-    ), B = () => {
-      F.value.closePopover();
-      const { onlySlot: _, ...w } = e;
-      l(m.UPDATE, { ...w, value: r.value });
-    }, W = () => {
-      r.value = void 0, B();
-    }, b = () => {
-      r.value = e.defaultValue, B();
-    }, g = () => {
-      r.value = e.value;
-    }, h = (_) => {
-      n.value = !1, r.value = _, i.startDate = d(_.startDate), i.endDate = d(_.endDate), l(m.INPUT, { ...e, value: r.value });
-    }, P = (_) => {
-      _ != null && _.startDate && (_ != null && _.endDate) && (r.value = _, i.startDate = d(_.startDate), i.endDate = d(_.endDate), l(m.INPUT, { ...e, value: r.value }));
-    }, D = (_) => {
-      h(_), l(m.INPUT, { ...e, value: r.value });
-    }, Z = c(
-      () => [
-        {
-          title: a("apply"),
-          event: B,
-          disabled: n.value || C.value || s.value
-        },
-        {
-          title: e.defaultValue ? a("reset") : a("clear"),
-          event: e.defaultValue ? b : W,
-          disabled: C.value && o.value
-        }
-      ]
-    );
-    return {
-      // Refs
-      baseFilter: F,
-      // Values
-      actions: Z,
-      formData: i,
-      internalFilterValue: r,
-      isApplyButtonDisabled: s,
-      isSecondaryButtonDisabled: o,
-      isSelectingDate: n,
-      buttonLabel: O,
-      buttonSecondaryLabel: k,
-      // Events
-      onDateSelected: h,
-      openFilter: g,
-      updateFilter: B,
-      onDatePickerRangeError: () => {
-        C.value = !0, r.value = { startDate: void 0, endDate: void 0 }, l(m.INPUT, { ...e, value: r.value });
-      },
-      onDatePickerRangeFormDateInputUpdate: (_) => {
-        C.value = !1, _.startTime && (i.startTime = _.startTime), _.endTime && (i.endTime = _.endTime);
-      },
-      onDateInputSelected: D,
-      onRangeSelectorInput: P
-    };
-  }
-});
-const ml = {
-  key: 1,
-  class: "b-date-range-filter"
-};
-function _l(e, l, t, a, u, r) {
-  const o = S("bento-date-range-picker"), s = S("bento-typography"), n = S("bento-divider"), d = S("bento-button-actions"), $ = S("date-range-picker-calendar"), F = S("bento-base-filter");
-  return p(), I(F, {
-    ref: "baseFilter",
-    class: "b-base-filter-date-range-filter",
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    controlled: !e.onlySlot,
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "default-value": e.defaultValue,
-    field: e.field,
-    label: e.label,
-    "only-slot": e.onlySlot,
-    "fit-content": "",
-    onOpen: e.openFilter
-  }, {
-    default: y(() => {
-      var C, i, T, O, k, B, W, b, g, h, P, D, Z, te;
-      return [
-        e.onlySlot ? (p(), I(o, {
-          key: 0,
-          "allow-time-input": (C = e.options) == null ? void 0 : C.allowTimeInput,
-          value: e.internalFilterValue,
-          "first-day-of-week": (i = e.options) == null ? void 0 : i.firstDayOfWeek,
-          "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
-          "number-of-months": (O = e.options) == null ? void 0 : O.numberOfMonths,
-          "quick-select-ranges": (k = e.options) == null ? void 0 : k.quickSelectRanges,
-          onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (p(), K("div", ml, [
-          A($, {
-            "allow-time-input": (B = e.options) == null ? void 0 : B.allowTimeInput,
-            "first-day-of-week": (W = e.options) == null ? void 0 : W.firstDayOfWeek,
-            "is-date-disabled": (b = e.options) == null ? void 0 : b.isDateDisabled,
-            granularities: (g = e.options) == null ? void 0 : g.granularities,
-            "max-range": (h = e.options) == null ? void 0 : h.maxRange,
-            min: (P = e.options) == null ? void 0 : P.min,
-            max: (D = e.options) == null ? void 0 : D.max,
-            "number-of-months": (Z = e.options) == null ? void 0 : Z.numberOfMonths,
-            "quick-select-ranges": (te = e.options) == null ? void 0 : te.quickSelectRanges,
-            value: e.internalFilterValue,
-            "date-form-data": e.formData,
-            onInput: e.onDateSelected,
-            onCustomRange: e.onRangeSelectorInput,
-            onError: e.onDatePickerRangeError,
-            onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: l[0] || (l[0] = (oe) => e.isSelectingDate = !0)
-          }, {
-            title: y(() => [
-              A(s, {
-                strongest: "",
-                variant: "body",
-                el: "span"
-              }, {
-                default: y(() => [
-                  q(N(e.label), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            actions: y(() => [
-              A(n, { class: "b-date-range-filter__divider" }),
-              A(d, {
-                class: "b-date-range-filter__actions",
-                actions: e.actions,
-                layout: "space-between"
-              }, null, 8, ["actions"])
-            ]),
-            _: 1
-          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "onInput", "onCustomRange", "onError", "onFormDate"])
-        ]))
-      ];
-    }),
-    _: 1
-  }, 8, ["button-label", "button-secondary-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
-}
-const mt = /* @__PURE__ */ G(yl, [["render", _l], ["__scopeId", "data-v-570ca68b"]]), _t = {
-  "en-US": {
-    all: "All",
-    noFiltersMatchThisSearch: "No filters match this search",
-    searchFilter: "Search {filter}"
-  }
-}, hl = { class: "b-select-filter-button__search-bar" }, Fl = { class: "b-select-filter-button__divider" }, gl = {
-  i18n: { messages: _t }
-}, Sl = /* @__PURE__ */ J({
-  ...gl,
-  __name: "select-filter-button",
-  props: {
-    /**
-     * 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: l }) {
-    var ne, fe;
-    const t = e, a = ke(), { t: u, locale: r } = be({ messages: _t }), o = V(""), s = X(t, "options"), n = V(t.options.listboxItems), { cachedSelectedListboxOptions: d, setCachedValues: $, resetCache: F } = Je(
-      n,
-      X(t, "value"),
-      X(s.value, "multiple")
-    ), { cachedSelectedListboxOptions: C } = Je(
-      n,
-      X(t, "defaultValue"),
-      X(s.value, "multiple")
-    ), { internalFilterValue: i, isSecondaryButtonDisabled: T, isApplyButtonDisabled: O } = _e(d, C);
-    me(s, () => {
-      n.value = s.value.listboxItems;
-    });
-    const k = ct(
-      o,
-      n,
-      (fe = (ne = t.options) == null ? void 0 : ne.search) == null ? void 0 : fe.searchEvent
-    ), B = c(() => u("noFiltersMatchThisSearch")), W = c(() => {
-      var M, _, w, L, j, v, f, E, H, Q;
-      if (t.defaultValue === null)
-        return t.label;
-      if (t.options.multiple) {
-        const z = (M = t.value) == null ? void 0 : M.length;
-        if (z === t.options.listboxItems.length)
-          return (_ = t == null ? void 0 : t.options) != null && _.messagesPersistentButtonLabelAllSelectedKey ? (L = t == null ? void 0 : t.options) == null ? void 0 : L.messages[r.value][(w = t == null ? void 0 : t.options) == null ? void 0 : w.messagesPersistentButtonLabelAllSelectedKey] : (j = t == null ? void 0 : t.options) == null ? void 0 : j.messages[r.value].persistentButtonLabelAllSelected;
-        const ue = ((v = t == null ? void 0 : t.options) != null && v.messagesPersistentButtonLabelPartiallySelectedKey ? (E = t == null ? void 0 : t.options) == null ? void 0 : E.messages[r.value][(f = t == null ? void 0 : t.options) == null ? void 0 : f.messagesPersistentButtonLabelPartiallySelectedKey] : (H = t == null ? void 0 : t.options) == null ? void 0 : H.messages[r.value].persistentButtonLabelPartiallySelected).split("|").map((Fe) => Fe.trim());
-        return z === 1 ? ue[0].replace("{count}", z) : ue[1].replace("{count}", z);
-      }
-      return (Q = d.value) != null && Q.length ? ce(d.value[0].label, 18) : "";
-    }), b = c(() => {
-      var M, _;
-      if (t.defaultValue === null && (!t.options.multiple || ((M = t.value) == null ? void 0 : M.length) === 1)) {
-        const w = t.options.listboxItems.flatMap((L) => L.items ? L.items : L);
-        return ce(
-          (_ = w.find(
-            ({ value: L }) => {
-              var j;
-              return Array.isArray(t.value) ? (j = t == null ? void 0 : t.value) == null ? void 0 : j.includes(L) : L === t.value;
-            }
-          )) == null ? void 0 : _.label,
-          12
-        );
-      }
-      return null;
-    }), g = c(() => Ne(`filter-listbox-${t.field}`)), h = (M) => {
-      i.value = M;
-      const { onlySlot: _, ...w } = t;
-      if (t.options.multiple) {
-        const j = M.length ? i.value.map(({ value: v }) => v) : null;
-        l(m.INPUT, { ...w, value: j });
-        return;
-      }
-      const L = M.length ? M[0].value : null;
-      l(m.INPUT, { ...w, value: L });
-    }, P = () => {
-      var L, j, v;
-      const { onlySlot: M, ..._ } = t;
-      if (t.options.multiple) {
-        i.value && ((L = i.value) == null ? void 0 : L.length) === 0 && (i.value = t.defaultValue !== null ? C.value : void 0);
-        const f = (j = i.value) != null && j.length ? (v = i.value) == null ? void 0 : v.map(({ value: E }) => E) : null;
-        l(m.UPDATE, {
-          ..._,
-          value: f
-        });
-        return;
-      }
-      const w = i.value.length ? i.value[0].value : void 0;
-      l(m.UPDATE, { ..._, value: w });
-    }, D = () => {
-      i.value = d.value;
-    }, Z = () => {
-      o.value && (o.value = "");
-    }, te = () => {
-      $(C.value), i.value = C.value, P();
-    }, oe = () => {
-      F(), i.value = [], P();
-    }, ae = c(() => {
-      var w, L;
-      if (t.value == null || t.defaultValue !== null || !t.options.multiple)
-        return null;
-      const M = (w = t.options.listboxItems) == null ? void 0 : w.reduce((j, v) => {
-        var f;
-        return j += (f = v == null ? void 0 : v.items) != null && f.length ? v.items.length : 1, j;
-      }, 0), _ = (L = t.value) == null ? void 0 : L.length;
-      return _ === 1 ? null : _ === M ? u("all") : _;
-    });
-    return (M, _) => (p(), I(U(Ce), {
-      "applied-filters-count": U(ae),
-      "button-label": U(W),
-      "button-secondary-label": U(b),
-      "disable-apply-button": U(O),
-      "disable-secondary-button": U(T),
-      "default-value": e.defaultValue,
-      label: e.label,
-      field: e.field,
-      "only-slot": !1,
-      onApply: P,
-      onClear: oe,
-      onReset: te,
-      onOpen: D,
-      onClose: Z
-    }, {
-      default: y(() => {
-        var w, L, j, v, f, E, H, Q, z, he, ue, Fe, qe;
-        return [
-          R("div", hl, [
-            A(U(Ve), {
-              "debounce-time": (L = (w = e.options) == null ? void 0 : w.search) == null ? void 0 : L.debounceTime,
-              value: o.value,
-              "input-field-aria-label": M.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: _[0] || (_[0] = (Le) => o.value = Le)
-            }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
-          ]),
-          R("div", Fl, [
-            A(U(Me))
-          ]),
-          A(U(Wt), {
-            id: U(g),
-            "aria-label": e.label,
-            class: "b-select-filter-button__wrapper",
-            "empty-state": (j = e.options) == null ? void 0 : j.emptyState,
-            "has-more-items": (f = (v = e.options) == null ? void 0 : v.lazy) == null ? void 0 : f.hasMoreItems,
-            items: U(k),
-            "is-option-disabled": (E = e.options) == null ? void 0 : E.isOptionDisabled,
-            "lazy-load-type": (Q = (H = e.options) == null ? void 0 : H.lazy) == null ? void 0 : Q.lazyLoadType,
-            loading: (he = (z = e.options) == null ? void 0 : z.lazy) == null ? void 0 : he.loading,
-            multiple: (ue = e.options) == null ? void 0 : ue.multiple,
-            "static-categories": (Fe = e.options) == null ? void 0 : Fe.staticCategories,
-            "no-results-message": U(B),
-            searching: !!o.value,
-            "selected-value": U(i),
-            "virtual-scroll": (qe = e.options) == null ? void 0 : qe.virtualScroll,
-            onSelect: h,
-            onShowMore: _[1] || (_[1] = (Le) => {
-              var $e, Ie;
-              return (Ie = ($e = e.options) == null ? void 0 : $e.lazy) == null ? void 0 : Ie.showMoreEvent();
-            })
-          }, De({ _: 2 }, [
-            de(U(a), (Le, $e) => ({
-              name: $e,
-              fn: y((Ie) => [
-                ie(M.$slots, $e, Ue(Pe(Ie)), void 0, !0)
-              ])
-            }))
-          ]), 1032, ["id", "aria-label", "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", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field"]));
-  }
-});
-const Cl = /* @__PURE__ */ G(Sl, [["__scopeId", "data-v-4eb2ccc6"]]), ht = {
-  "en-US": {
-    noFiltersMatchThisSearch: "No filters match this search"
-  }
-}, $l = {
-  i18n: { messages: ht },
-  name: "select-filter-dropdown"
-}, Al = /* @__PURE__ */ J({
-  ...$l,
-  props: {
-    /**
-     * 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: l }) {
-    const t = e, { t: a } = be({ messages: ht }), u = ke(), { internalFilterValue: r } = _e(X(t, "value"), X(t, "defaultValue")), o = V(""), s = X(t, "options"), n = V(t.options.listboxItems);
-    me(s, () => {
-      n.value = s.value.listboxItems;
-    });
-    const d = c(() => a("noFiltersMatchThisSearch")), $ = (F) => {
-      r.value = F;
-      const { onlySlot: C, ...i } = t;
-      l(m.INPUT, { ...i, value: r.value });
-    };
-    return (F, C) => {
-      var i, T, O;
-      return p(), I(U(Ht), {
-        value: U(r),
-        items: e.options.listboxItems,
-        multiple: (i = e.options) == null ? void 0 : i.multiple,
-        "static-categories": (T = e.options) == null ? void 0 : T.staticCategories,
-        "no-results-message": U(d),
-        searching: !!o.value,
-        "is-option-disabled": e.options.isOptionDisabled,
-        "dynamic-filtering": !0,
-        "empty-state": (O = e.options) == null ? void 0 : O.emptyState,
-        onInput: $
-      }, De({ _: 2 }, [
-        de(U(u), (k, B) => ({
-          name: B,
-          fn: y((W) => [
-            ie(F.$slots, B, Ue(Pe(W)))
-          ])
-        }))
-      ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state"]);
-    };
-  }
-}), Bl = {}, ee = /* @__PURE__ */ J({
-  ...Bl,
-  __name: "select-filter",
-  props: {
-    /**
-     * 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: l }) {
-    const t = ke(), a = (r) => l("input", r), u = (r) => l("update", r);
-    return (r, o) => e.onlySlot ? (p(), I(U(Al), {
-      key: 0,
-      "default-value": e.defaultValue,
-      field: e.field,
-      label: e.label,
-      options: e.options,
-      value: e.value,
-      onInput: a,
-      onUpdate: u
-    }, De({ _: 2 }, [
-      de(U(t), (s, n) => ({
-        name: n,
-        fn: y((d) => [
-          ie(r.$slots, n, Ue(Pe(d)))
-        ])
-      }))
-    ]), 1032, ["default-value", "field", "label", "options", "value"])) : (p(), I(U(Cl), {
-      key: 1,
-      "default-value": e.defaultValue,
-      field: e.field,
-      label: e.label,
-      options: e.options,
-      value: e.value,
-      onInput: a,
-      onUpdate: u
-    }, De({ _: 2 }, [
-      de(U(t), (s, n) => ({
-        name: n,
-        fn: y((d) => [
-          ie(r.$slots, n, Ue(Pe(d)))
-        ])
-      }))
-    ]), 1032, ["default-value", "field", "label", "options", "value"]));
-  }
-}), Dl = J({
-  name: "bento-select-avatar-filter",
-  components: {
-    BentoSelectFilter: ee,
-    BentoAvatar: Zt
-  },
-  props: {
-    ...ee.props,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: m,
-      // Methods
-      onUpdate: (a) => l(m.UPDATE, a)
-    };
-  }
-});
-function Il(e, l, t, a, u, r) {
-  const o = S("bento-avatar"), s = S("bento-select-filter");
-  return p(), I(s, re(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
-  }), {
-    default: y(({ label: n, data: d }) => [
-      A(o, {
-        username: n,
-        src: d
-      }, null, 8, ["username", "src"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const Ft = /* @__PURE__ */ G(Dl, [["render", Il]]), Tl = J({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: ee,
-    ListboxOptionTag: pt
-  },
-  props: {
-    ...ee.props,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCurrencyFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: m,
-      // Methods
-      onUpdate: (a) => {
-        l(m.UPDATE, a);
-      }
-    };
-  }
-});
-function El(e, l, t, a, u, r) {
-  const o = S("listbox-option-tag"), s = S("bento-select-filter");
-  return p(), I(s, re(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
-  }), {
-    default: y((n) => [
-      A(o, { option: n }, null, 8, ["option"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const gt = /* @__PURE__ */ G(Tl, [["render", El]]), Ul = J({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: ee,
-    BentoTypography: ve
-  },
-  props: {
-    ...ee.props,
-    /**
-     * List of options that are needed to setup the country filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectCountryFilterOptions}
-     *   - variant: Which label variant to display for the option item.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    const t = V(e.options.variant), a = V(e.options.listboxItems);
-    me([() => e.options.variant, () => e.options.listboxItems], () => {
-      t.value = e.options.variant, a.value = e.options.listboxItems;
-    });
-    const u = (s) => l(m.UPDATE, s), r = Qt(t, a), o = c(() => ({
-      ...e.options,
-      listboxItems: r.value
-    }));
-    return (!t.value || t.value === "custom") && kt(
-      'BentoSelectCountryFilter type with `options.variant==="custom"`',
-      "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
-      "2.0.0"
-    ), {
-      // Values
-      countryOptions: o,
-      // Methods
-      onUpdate: u,
-      // Enums
-      BentoFilterEvent: m
-    };
-  }
-});
-function Pl(e, l, t, a, u, r) {
-  const o = S("bento-typography"), s = S("bento-select-filter");
-  return p(), I(s, re(e.$props, {
-    field: e.field,
-    label: e.label,
-    options: e.countryOptions,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
-  }), {
-    default: y(({ label: n }) => [
-      A(o, { el: "span" }, {
-        default: y(() => [
-          q(N(n), 1)
-        ]),
-        _: 2
-      }, 1024)
-    ]),
-    _: 1
-  }, 16, ["field", "label", "options", "onUpdate"]);
-}
-const St = /* @__PURE__ */ G(Ul, [["render", Pl]]), Vl = J({
-  name: "bento-select-payment-method-filter",
-  components: {
-    BentoSelectFilter: ee,
-    BentoPaymentMethod: Xt
-  },
-  props: {
-    ...ee.props,
-    /**
-     * List of options that are needed to setup the payment method filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectPaymentMethodFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    return {
-      // Enums
-      BentoFilterEvent: m,
-      // Methods
-      onUpdate: (a) => l(m.UPDATE, a)
-    };
-  }
-});
-function kl(e, l, t, a, u, r) {
-  const o = S("bento-payment-method"), s = S("bento-select-filter");
-  return p(), I(s, re(e.$props, {
-    field: e.field,
-    label: e.label,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
-  }), {
-    default: y(({ value: n, label: d }) => [
-      A(o, {
-        type: n,
-        label: d
-      }, null, 8, ["type", "label"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "onUpdate"]);
-}
-const Ct = /* @__PURE__ */ G(Vl, [["render", kl]]), Ll = J({
-  name: "bento-select-country-filter",
-  components: {
-    BentoSelectFilter: ee,
-    ListboxOptionTag: pt
-  },
-  props: {
-    ...ee.props,
-    /**
-     * List of options that are needed to setup the tag filter
-     * Available options:
-     *   - multiple: If "true", the user will be able to select multiple items.
-     *   - listboxItems: The option elements to populate the filter with {@see BentoSelectTagFilterOptions}
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    const t = (r) => l(m.UPDATE, r), a = c(
-      () => {
-        var r, o;
-        return (o = (r = e == null ? void 0 : e.options) == null ? void 0 : r.listboxItems) == null ? void 0 : o.map(({ label: s, value: n, variant: d }) => ({ label: s, value: n, data: d }));
-      }
-    );
-    return {
-      // Values
-      countryOptions: c(() => ({
-        ...e.options,
-        listboxItems: a.value
-      })),
-      // Methods
-      onUpdate: t,
-      // Enums
-      BentoFilterEvent: m
-    };
-  }
-});
-function Rl(e, l, t, a, u, r) {
-  const o = S("listbox-option-tag"), s = S("bento-select-filter");
-  return p(), I(s, re(e.$props, {
-    field: e.field,
-    label: e.label,
-    options: e.countryOptions,
-    onUpdate: e.onUpdate,
-    onInput: l[0] || (l[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
-  }), {
-    default: y(({ label: n, data: d }) => [
-      A(o, {
-        option: { value: n, data: d, label: "" }
-      }, null, 8, ["option"])
-    ]),
-    _: 1
-  }, 16, ["field", "label", "options", "onUpdate"]);
-}
-const $t = /* @__PURE__ */ G(Ll, [["render", Rl]]), Xe = {
-  "en-US": {
-    yes: "Yes",
-    no: "No"
-  }
-}, Ol = J({
-  name: "bento-boolean-filter",
-  i18n: { messages: Xe },
-  components: { BentoBaseFilter: Ce, BentoRadioGroup: Rt },
-  props: {
-    /**
-     * 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:
-     *   - listboxItems: The option elements to populate the filter with.
-     */
-    options: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    const { t } = be({ messages: Xe }), a = (b) => typeof b == "boolean" ? b == null ? void 0 : b.toString() : b, u = (b) => {
-      var g, h, P, D;
-      return ((h = (g = e == null ? void 0 : e.options) == null ? void 0 : g.positiveOption) == null ? void 0 : h.value) !== void 0 && ((D = (P = e == null ? void 0 : e.options) == null ? void 0 : P.negativeOption) == null ? void 0 : D.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof b == "string" ? b === "true" : b;
-    }, r = c(() => a(e.defaultValue)), o = c(() => a(e.value)), s = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
-      {
-        ...e.options.positiveOption,
-        value: a(e.options.positiveOption.value)
-      },
-      {
-        ...e.options.negativeOption,
-        value: a(e.options.negativeOption.value)
-      }
-    ] : [
-      { value: "yes", label: t("yes") },
-      { value: "no", label: t("no") }
-    ]), { internalFilterValue: n, isSecondaryButtonDisabled: d, isApplyButtonDisabled: $ } = _e(
-      o,
-      r
-    ), F = c(
-      () => e.defaultValue === null ? e.label : ce(s.value.find(({ value: b }) => b === o.value).label, 18)
-    ), C = c(
-      () => {
-        var b;
-        return e.defaultValue === null ? ce((b = s.value.find(({ value: g }) => g === o.value)) == null ? void 0 : b.label, 12) : null;
-      }
-    ), i = c(() => ({
-      ["b-boolean-filter--only-slot"]: e.onlySlot
-    }));
-    we(() => {
-      n.value || (n.value = null);
-    });
-    const T = (b) => {
-      n.value = b, l(m.INPUT, {
-        ...e,
-        value: u(n.value)
-      });
-    }, O = () => {
-      n.value = o.value;
-    }, k = () => {
-      l(m.UPDATE, {
-        ...e,
-        value: u(n.value)
-      });
-    };
-    return {
-      // Values
-      items: s,
-      conditionalClasses: i,
-      buttonLabel: F,
-      buttonSecondaryLabel: C,
-      internalFilterValue: n,
-      isApplyButtonDisabled: $,
-      isSecondaryButtonDisabled: d,
-      translatedValue: o,
-      translatedDefaultValue: r,
-      // Events
-      onInput: T,
-      updateFilter: k,
-      clearFilter: () => {
-        n.value = null, k();
-      },
-      openFilter: O,
-      resetFilter: () => l(m.UPDATE, { ...e, value: e.defaultValue })
-    };
-  }
-});
-function wl(e, l, t, a, u, r) {
-  const o = S("bento-radio-group"), s = S("bento-base-filter");
-  return p(), I(s, re(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,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: y(() => [
-      R("div", {
-        class: Se(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = ye((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
-      }, [
-        A(o, {
-          items: e.items,
-          label: e.label,
-          "model-value": e.internalFilterValue,
-          "hide-label": "",
-          "onUpdate:modelValue": e.onInput
-        }, null, 8, ["items", "label", "model-value", "onUpdate:modelValue"])
-      ], 34)
-    ]),
-    _: 1
-  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const At = /* @__PURE__ */ G(Ol, [["render", wl], ["__scopeId", "data-v-1fa97477"]]), Nl = {
-  "en-US": {
-    from: "From",
-    to: "To"
-  }
-}, Ml = J({
-  name: "bento-range-filter",
-  i18n: { messages: Nl },
-  components: { BentoBaseFilter: Ce, BentoInputField: dt },
-  props: {
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: { type: 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 },
-    /**
-     * Current value of the filter
-     */
-    value: { type: Array, default: () => ["", ""] },
-    /**
-     * 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 }
-  },
-  emits: [m.INPUT, m.UPDATE],
-  setup(e, { emit: l }) {
-    const t = V(null), { internalFilterValue: a, isSecondaryButtonDisabled: u, isApplyButtonDisabled: r } = _e(
-      X(e, "value"),
-      X(e, "defaultValue")
-    ), o = c(() => {
-      var h, P, D, Z, te, oe, ae, ne;
-      if (!((h = e.value) != null && h[0]) && !((P = e.value) != null && P[1]))
-        return null;
-      let B = "";
-      (D = e.value) != null && D[0] ? (Z = e.value) != null && Z[1] || (B = "≥") : B = "≤";
-      const W = (te = e.value) != null && te[0] ? `${ce(e.value[0], 5)}` : "", b = (oe = e.value) != null && oe[0] && ((ae = e.value) != null && ae[1]) ? " - " : "", g = (ne = e.value) != null && ne[1] ? `${ce(e.value[1], 5)}` : "";
-      return `${B}${W}${b}${g}`;
-    }), s = c(
-      () => e.defaultValue === null ? e.label : o.value
-    ), n = c(
-      () => e.defaultValue === null ? o.value : null
-    ), d = c(() => ({
-      ["b-range-filter--only-slot"]: e.onlySlot
-    })), $ = () => {
-      a.value = e.value, lt(() => t.value.focusInput());
-    }, F = () => {
-      l(m.INPUT, { ...e, value: a.value });
-    }, C = (B) => {
-      a.value = [B, a.value[1]], F();
-    }, i = (B) => {
-      a.value = [a.value[0], B], F();
-    }, T = () => {
-      a.value.some((B) => B) || (a.value = e.defaultValue !== null ? e.defaultValue : void 0), l(m.UPDATE, {
-        ...e,
-        value: a.value
-      });
-    };
-    return {
-      // Values
-      inputTextRef: t,
-      conditionalClasses: d,
-      internalFilterValue: a,
-      isApplyButtonDisabled: r,
-      isSecondaryButtonDisabled: u,
-      buttonLabel: s,
-      buttonSecondaryLabel: n,
-      // Events
-      updateFrom: C,
-      updateTo: i,
-      updateFilter: T,
-      clearFilter: () => {
-        a.value = ["", ""], T();
-      },
-      openFilter: $,
-      resetFilter: () => l(m.UPDATE, { ...e, value: e.defaultValue })
-    };
-  }
-});
-function Hl(e, l, t, a, u, r) {
-  const o = S("bento-input-field"), s = S("bento-base-filter");
-  return p(), I(s, re(e.$props, {
-    "disable-apply-button": e.isApplyButtonDisabled,
-    "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "button-label": e.buttonLabel,
-    "button-secondary-label": e.buttonSecondaryLabel,
-    "only-slot": e.onlySlot,
-    onApply: e.updateFilter,
-    onClear: e.clearFilter,
-    onOpen: e.openFilter,
-    onReset: e.resetFilter
-  }), {
-    default: y(() => [
-      R("div", {
-        class: Se(["b-range-filter", e.conditionalClasses]),
-        onKeydown: l[0] || (l[0] = ye((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
-      }, [
-        A(o, {
-          ref: "inputTextRef",
-          value: e.internalFilterValue ? e.internalFilterValue[0] : "",
-          type: "number",
-          "aria-label": e.$t("from").toString(),
-          onInput: e.updateFrom
-        }, {
-          default: y(() => [
-            q(N(e.$t("from")), 1)
-          ]),
-          _: 1
-        }, 8, ["value", "aria-label", "onInput"]),
-        A(o, {
-          class: "b-range-filter__input-field",
-          value: e.internalFilterValue ? e.internalFilterValue[1] : "",
-          type: "number",
-          "aria-label": e.$t("to").toString(),
-          onInput: e.updateTo
-        }, {
-          default: y(() => [
-            q(N(e.$t("to")), 1)
-          ]),
-          _: 1
-        }, 8, ["value", "aria-label", "onInput"])
-      ], 34)
-    ]),
-    _: 1
-  }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
-}
-const Bt = /* @__PURE__ */ G(Ml, [["render", Hl], ["__scopeId", "data-v-93c845a0"]]);
-var Oe = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Oe || {});
-const ql = J({
-  name: "base-filter-button",
-  components: { BaseButton: ot, BentoTypography: ve, ChevronUpIcon: rt, ChevronDownIcon: ut },
-  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: l, emit: t, attrs: a }) {
-    const u = c(() => l.default ? st(l)("default") : null), r = nt({ ariaLabel: u }), o = V(null), s = c(() => {
-      var $;
-      return {
-        "aria-controls": ($ = a["aria-controls"]) == null ? void 0 : $.toString()
-      };
-    }), n = c(() => ({
-      ["b-base-filter-button--with-chevron"]: e.hasChevron,
-      ["b-base-filter-button--filter-open"]: e.isFilterOpen
-    }));
-    return {
-      // Values
-      ariaAttributes: s,
-      computedAriaLabel: r,
-      conditionalClasses: n,
-      // Methods
-      onClickButton: () => {
-        e.disabled || t(je.CLICK);
-      },
-      hasSlot: it(l),
-      // Refs
-      baseFilterButtonRef: o
-    };
-  }
-});
-const Kl = { class: "b-base-filter-button__default-container" }, jl = { class: "b-base-filter-button__label-container" }, Yl = {
-  key: 0,
-  class: "b-base-filter-button__counter-wrapper"
-};
-function zl(e, l, t, a, u, r) {
-  const o = S("bento-typography"), s = S("chevron-up-icon"), n = S("chevron-down-icon"), d = S("base-button");
-  return p(), I(d, {
-    ref: "baseFilterButtonRef",
-    class: Se(["b-base-filter-button", e.conditionalClasses]),
-    disabled: e.disabled,
-    "aria-label": e.computedAriaLabel,
-    "aria-controls": e.ariaAttributes["aria-controls"],
-    type: "button",
-    onClick: e.onClickButton
-  }, De({
-    default: y(() => [
-      R("div", Kl, [
-        R("div", jl, [
-          A(o, {
-            el: "span",
-            variant: "body",
-            stronger: e.bold,
-            class: "b-base-filter-button__label"
-          }, {
-            default: y(() => [
-              ie(e.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["stronger"])
-        ]),
-        e.amountAppliedValues && !e.hasChevron ? (p(), K("div", Yl, [
-          A(o, {
-            class: "b-base-filter-button__counter",
-            el: "span",
-            variant: "body",
-            stronger: ""
-          }, {
-            default: y(() => [
-              q(N(e.amountAppliedValues), 1)
-            ]),
-            _: 1
-          })
-        ])) : Y("", !0)
-      ])
-    ]),
-    _: 2
-  }, [
-    e.hasChevron ? {
-      name: "iconRight",
-      fn: y(() => [
-        e.isFilterOpen ? (p(), I(s, {
-          key: 0,
-          "aria-hidden": "true"
-        })) : (p(), I(n, {
-          key: 1,
-          "aria-hidden": "true"
-        }))
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
-}
-const Jl = /* @__PURE__ */ G(ql, [["render", zl], ["__scopeId", "data-v-af9efc73"]]), Gl = J({
-  name: "all-filters-modal-button",
-  components: { BaseFilterButton: Jl },
-  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: l }) {
-    return {
-      conditionalClasses: c(() => ({
-        ["b-all-filters-modal-button--with-counter"]: e.appliedFiltersCount,
-        ["b-all-filters-modal-button--filter-open"]: e.isFilterOpen
-      })),
-      onClick: () => {
-        l("click");
-      }
-    };
-  }
-});
-function Wl(e, l, t, a, u, r) {
-  const o = S("base-filter-button");
-  return p(), I(o, {
-    class: Se(["b-all-filters-modal-button", e.conditionalClasses]),
-    "amount-applied-values": e.appliedFiltersCount,
-    "is-filter-open": e.isFilterOpen,
-    disabled: e.disabled,
-    onClick: e.onClick
-  }, {
-    default: y(() => [
-      q(N(e.label), 1)
-    ]),
-    _: 1
-  }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
-}
-const Zl = /* @__PURE__ */ G(Gl, [["render", Wl], ["__scopeId", "data-v-b96a672f"]]);
-let xe = 0;
-const Ql = {
-  beforeCreate() {
-    this.uuid = xe.toString(), xe += 1;
-  }
-}, Xl = { key: 0 }, xl = /* @__PURE__ */ R("path", {
-  fill: "#00112C",
-  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), ea = /* @__PURE__ */ R("path", {
-  fill: "#00112C",
-  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);
-function ta(e, l, t, a, u, r) {
-  return p(), K("svg", re({ role: "img" }, e.$attrs, {
-    class: "ui-assets-icons-16",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    fill: "none"
-  }), [
-    e.$attrs["svg-title"] ? (p(), K("title", Xl, N(e.$attrs["svg-title"]), 1)) : Y("", !0),
-    xl,
-    ea
-  ], 16);
-}
-const la = /* @__PURE__ */ G(Ql, [["render", ta]]), et = {
-  "en-US": {
-    all: "All",
-    activeFilters: "Active filters",
-    allFilters: "All filters",
-    applyAll: "Apply all",
-    cancel: "Cancel",
-    clear: "Clear",
-    clearAll: "Clear all",
-    noFiltersMatchThisSearch: "No filters match this search",
-    otherFilters: "Other filters",
-    searchBar: "Search bar"
-  }
-}, aa = J({
-  i18n: { messages: et },
-  name: "all-filters-modal",
-  components: {
-    AllFiltersModalButton: Zl,
-    BentoBooleanFilter: At,
-    BentoButton: Mt,
-    BentoDateFilter: yt,
-    BentoDateRangeFilter: mt,
-    BentoInputFilter: vt,
-    BentoModal: wt,
-    BentoRangeFilter: Bt,
-    BentoSearchBar: Ve,
-    BentoSelectAvatarFilter: Ft,
-    BentoSelectCurrencyFilter: gt,
-    BentoSelectCountryFilter: St,
-    BentoSelectFilter: ee,
-    BentoSelectPaymentMethodFilter: Ct,
-    BentoSelectTagFilter: $t,
-    BentoTypography: ve,
-    FilterBarButton: He,
-    SlidersIcon: la
-  },
-  props: {
-    /**
-     * Array of filters based on {@see FilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the AllFiltersModal.
-     *
-     * Can be used with v-model or independently with the @input event.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   value: '200',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   value: null,
-     *   type: FilterType.TEXT,
-     * }]
-     */
-    value: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [Oe.INPUT],
-  setup(e, { emit: l }) {
-    const t = at({ value: e.value }), a = V(t.value), u = Ne("all-filters-modal"), r = V([]), o = V(!1), s = V(0), n = V(null), d = V(""), { t: $ } = be({ messages: et }), F = ct(d, X(a, "value")), C = V({});
-    we(() => {
-      C.value = [];
-    }), me(
-      () => e.value,
-      () => {
-        t.value = e.value, a.value = e.value;
-      }
-    );
-    const i = (v) => (
-      /* eslint-disable-next-line no-nested-ternary */
-      v.sort((f, E) => f.label > E.label ? 1 : E.label > f.label ? -1 : 0)
-    ), T = c(
-      () => i(
-        F.value.filter(
-          (v) => {
-            var f, E;
-            return Array.isArray(v.value) ? ((f = v.value) == null ? void 0 : f.length) && ((E = v.value) == null ? void 0 : E.find((H) => H !== "")) : v.value;
-          }
-        )
-      )
-    ), O = c(
-      () => i(
-        F.value.filter(
-          (v) => {
-            var f, E;
-            return Array.isArray(v.value) ? ((f = v.value) == null ? void 0 : f.length) === 0 || ((E = v.value) == null ? void 0 : E.every((H) => H === "")) : !v.value;
-          }
-        )
-      )
-    ), k = c(() => {
-      var v;
-      return d.value && ((v = F.value) == null ? void 0 : v.length) === 0;
-    }), B = c(() => a.value[s.value]), W = () => {
-      const v = T.value.length ? T.value[0] : O.value[0], f = a.value.findIndex(
-        (E) => E.label === v.label && E.field === v.field
-      );
-      s.value = f;
-    };
-    Tt(() => {
-      W();
-    });
-    const b = (v) => v.map((f) => {
-      var E, H, Q, z, he, ue;
-      switch (f.type) {
-        case x.SELECT:
-        case x.SELECT_AVATAR:
-        case x.SELECT_COUNTRY:
-        case x.SELECT_CURRENCY:
-        case x.SELECT_PAYMENT_METHOD:
-        case x.SELECT_TAG:
-          switch ((E = f.options) == null ? void 0 : E.multiple) {
-            case !0:
-              return {
-                label: f.label,
-                field: f.field,
-                count: (H = f.value) != null && H.length ? (Q = f.value) == null ? void 0 : Q.length : null
-              };
-            default:
-              return {
-                label: f.label,
-                field: f.field,
-                count: f.value == null ? null : 1
-              };
-          }
-        case x.DATE_RANGE:
-          return {
-            label: f.label,
-            field: f.field,
-            count: ((z = f.value) == null ? void 0 : z.startDate) != null && ((he = f.value) == null ? void 0 : he.endDate) != null ? 1 : null
-          };
-        case x.RANGE:
-          return {
-            label: f.label,
-            field: f.field,
-            count: (ue = f.value) != null && ue.find((Fe) => Fe !== "") ? 1 : null
-          };
-        case x.INPUT:
-        case x.BOOLEAN:
-        case x.DATE:
-        default:
-          return {
-            label: f.label,
-            field: f.field,
-            count: f.value != null ? 1 : null
-          };
-      }
-    }), g = c(
-      () => {
-        var v;
-        return Array.isArray(B.value.value) ? ((v = B.value) == null ? void 0 : v.value.length) && B.value.value.find((f) => f !== "") : !!a.value[s.value].value;
-      }
-    ), h = c(
-      () => {
-        var v;
-        return (v = b(t.value)) == null ? void 0 : v.filter(({ count: f }) => !!f).length;
-      }
-    ), P = () => {
-      o.value ? o.value = !1 : o.value = !0;
-    }, D = (v) => {
-      var E, H, Q;
-      const f = b(a.value).find((z) => z.field === v.field).count;
-      return v.type.includes("BentoSelect") && ((E = v.options) != null && E.multiple) && f === ((Q = (H = v.options) == null ? void 0 : H.listboxItems) == null ? void 0 : Q.length) ? $("all") : f;
-    }, Z = (v, f) => {
-      s.value = a.value.findIndex(
-        (E) => E.label === v && E.field === f
-      );
-    }, te = () => {
-      d.value = "";
-    }, oe = () => {
-      o.value = !1, t.value = e.value, a.value = e.value, te(), W();
-    }, ae = (v) => {
-      const f = a.value.map(({ value: E, ...H }, Q) => Q === s.value ? { value: v.value, ...H } : { value: E, ...H });
-      a.value = f;
-    }, ne = () => {
-      ae({
-        field: B.value.field,
-        label: B.value.label,
-        type: B.value.type,
-        value: void 0
-      });
-    }, fe = () => {
-      a.value = t.value.map(({ value: v, ...f }) => ({
-        ...f,
-        value: void 0
-      }));
-    }, M = () => {
-      l(Oe.INPUT, a.value), o.value = !1;
-    }, _ = c(
-      () => JSON.stringify(a.value) === JSON.stringify(e.value)
-    ), w = c(() => [
-      {
-        title: $("applyAll"),
-        disabled: _.value,
-        event: M
-      },
-      {
-        title: $("cancel"),
-        event: oe
-      },
-      {
-        title: $("clearAll"),
-        disabled: !h.value,
-        event: fe
-      }
-    ]);
-    return {
-      // Enums
-      BentoModalEvent: Nt,
-      // Values
-      allFiltersModalUniqueId: u,
-      allFiltersModalFiltersSection: r,
-      allFiltersModalFilterButtons: C,
-      numberOfActiveFilters: h,
-      isEmptyResultForSearchFilter: k,
-      isModalOpen: o,
-      isClearButtonEnabled: g,
-      activeFilters: T,
-      otherFilters: O,
-      modalActions: w,
-      selectedFilter: B,
-      selectedFilterRef: n,
-      filters: t,
-      searchTerm: d,
-      // Methods
-      onClickAllFiltersModal: P,
-      getFilterCount: D,
-      cancel: oe,
-      selectFilter: Z,
-      clearFilter: ne,
-      updateFilter: ae,
-      onSearchbarClear: te,
-      onKeydownRight: () => {
-        qt(1, n.value.$el).focus();
-      },
-      onKeydownLeft: () => {
-        C.value[B.value.label].$el.focus();
-      }
-    };
-  }
-});
-const na = { class: "b-all-filters-modal" }, oa = {
-  key: 0,
-  class: "b-all-filters-modal__empty-search-message"
-}, sa = {
-  key: 1,
-  class: "b-all-filters-modal__filters-section"
-}, ia = ["aria-labelledby"], ra = {
-  key: 2,
-  class: "b-all-filters-modal__filters-section"
-}, ua = ["aria-labelledby"], da = { class: "b-all-filters-modal__selected-filter-text" }, ca = { class: "b-all-filters-modal__selected-filter-component" }, ba = { class: "b-all-filters-modal__clear-button" };
-function fa(e, l, t, a, u, r) {
-  const o = S("sliders-icon"), s = S("filter-bar-button"), n = S("bento-search-bar"), d = S("bento-typography"), $ = S("all-filters-modal-button"), F = S("bento-button"), C = S("bento-modal");
-  return p(), K("div", na, [
-    A(s, {
-      "is-filter-open": e.isModalOpen,
-      "applied-filters-count": e.numberOfActiveFilters,
-      onClick: e.onClickAllFiltersModal
-    }, {
-      iconLeft: y(() => [
-        A(o, { "aria-hidden": "true" })
-      ]),
-      default: y(() => [
-        q(N(e.$t("allFilters")) + " ", 1)
-      ]),
-      _: 1
-    }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    A(C, {
-      class: "'b-all-filters-modal__modal'",
-      "is-open": e.isModalOpen,
-      "with-column-layout": !0,
-      size: "large",
-      actions: e.modalActions,
-      "is-dismissible": !1,
-      "hide-close-button": "",
-      onCloseModal: e.cancel
-    }, {
-      default: y(() => [
-        q(N(e.$t("allFilters")), 1)
-      ]),
-      "content-col-1": y(() => [
-        R("div", {
-          ref: "allFiltersModalFiltersSection",
-          class: "b-all-filters-modal__filters",
-          onKeydown: l[1] || (l[1] = ye((...i) => e.onKeydownRight && e.onKeydownRight(...i), ["right"]))
-        }, [
-          A(n, {
-            class: "b-all-filters-modal__search-bar",
-            value: e.searchTerm,
-            "input-field-aria-label": e.$t("searchBar").toString(),
-            onInput: l[0] || (l[0] = (i) => e.searchTerm = i),
-            onClear: e.onSearchbarClear
-          }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (p(), K("div", oa, [
-            A(d, { el: "span" }, {
-              default: y(() => [
-                q(N(e.$t("noFiltersMatchThisSearch")), 1)
-              ]),
-              _: 1
-            })
-          ])) : Y("", !0),
-          e.activeFilters.length ? (p(), K("div", sa, [
-            A(d, {
-              id: `active-filters-${e.allFiltersModalUniqueId}`,
-              class: "b-all-filters-modal__filters-section-title",
-              el: "span",
-              variant: "caption"
-            }, {
-              default: y(() => [
-                q(N(e.$t("activeFilters")), 1)
-              ]),
-              _: 1
-            }, 8, ["id"]),
-            R("ul", {
-              class: "b-all-filters-modal__filters-list",
-              "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
-            }, [
-              (p(!0), K(Be, null, de(e.activeFilters, (i) => (p(), K("li", {
-                key: `${i.label}-${i.field}`
-              }, [
-                A($, {
-                  ref_for: !0,
-                  ref: (T) => e.allFiltersModalFilterButtons[i.label] = T,
-                  label: i.label,
-                  "applied-filters-count": e.getFilterCount(i),
-                  "is-filter-open": e.selectedFilter.label === i.label,
-                  onClick: (T) => e.selectFilter(i.label, i.field)
-                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
-              ]))), 128))
-            ], 8, ia)
-          ])) : Y("", !0),
-          e.otherFilters.length ? (p(), K("div", ra, [
-            e.activeFilters.length ? (p(), I(d, {
-              key: 0,
-              id: `other-filters-${e.allFiltersModalUniqueId}`,
-              class: "b-all-filters-modal__filters-section-title",
-              el: "span",
-              variant: "caption"
-            }, {
-              default: y(() => [
-                q(N(e.$t("otherFilters")), 1)
-              ]),
-              _: 1
-            }, 8, ["id"])) : Y("", !0),
-            R("ul", {
-              class: "b-all-filters-modal__filters-list",
-              "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
-            }, [
-              (p(!0), K(Be, null, de(e.otherFilters, (i) => (p(), K("li", {
-                key: `${i.label}-${i.field}`
-              }, [
-                A($, {
-                  ref_for: !0,
-                  ref: (T) => e.allFiltersModalFilterButtons[i.label] = T,
-                  label: i.label,
-                  "applied-filters-count": e.getFilterCount(i),
-                  "is-filter-open": e.selectedFilter.label === i.label,
-                  onClick: (T) => e.selectFilter(i.label, i.field)
-                }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
-              ]))), 128))
-            ], 8, ua)
-          ])) : Y("", !0)
-        ], 544)
-      ]),
-      "content-col-2": y(() => [
-        R("div", {
-          class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: l[2] || (l[2] = ye((...i) => e.onKeydownLeft && e.onKeydownLeft(...i), ["left"]))
-        }, [
-          R("div", da, [
-            A(d, {
-              el: "div",
-              variant: "title",
-              medium: ""
-            }, {
-              default: y(() => [
-                q(N(e.selectedFilter.label), 1)
-              ]),
-              _: 1
-            }),
-            e.selectedFilter.description ? (p(), I(d, {
-              key: 0,
-              el: "div",
-              variant: "body",
-              wide: ""
-            }, {
-              default: y(() => [
-                q(N(e.selectedFilter.description), 1)
-              ]),
-              _: 1
-            })) : Y("", !0)
-          ]),
-          R("div", ca, [
-            (p(), I(Re(e.selectedFilter.type), {
-              ref: "selectedFilterRef",
-              key: e.selectedFilter.field,
-              field: e.selectedFilter.field,
-              label: e.selectedFilter.label,
-              options: e.selectedFilter.options,
-              value: e.selectedFilter.value,
-              "default-value": e.selectedFilter.defaultValue,
-              "only-slot": !0,
-              onInput: e.updateFilter
-            }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
-          ]),
-          R("div", ba, [
-            A(F, {
-              variant: "secondary",
-              disabled: !e.isClearButtonEnabled,
-              onClick: e.clearFilter
-            }, {
-              default: y(() => [
-                q(N(e.$t("clear")), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ])
-        ], 32)
-      ]),
-      _: 1
-    }, 8, ["is-open", "actions", "onCloseModal"])
-  ]);
-}
-const pa = /* @__PURE__ */ G(aa, [["render", fa], ["__scopeId", "data-v-dfa0bb7c"]]), tt = {
-  "en-US": {
-    clearAll: "Clear filters",
-    filtersHaveBeenCleared: "Filters have been cleared.",
-    filtersHaveBeenReset: "Filters have been reset.",
-    undo: "Undo",
-    resetAll: "Reset filters",
-    searchBar: "Search bar"
-  }
-}, va = J({
-  i18n: { messages: tt },
-  name: "bento-filter-bar",
-  components: {
-    AllFiltersModal: pa,
-    BentoBooleanFilter: At,
-    BentoDateFilter: yt,
-    BentoDateRangeFilter: mt,
-    BentoRangeFilter: Bt,
-    BentoInputFilter: vt,
-    BentoSelectFilter: ee,
-    BentoSelectAvatarFilter: Ft,
-    BentoSelectCountryFilter: St,
-    BentoSelectCurrencyFilter: gt,
-    BentoSelectPaymentMethodFilter: Ct,
-    BentoSelectTagFilter: $t,
-    BentoSearchBar: Ve,
-    FilterBarButton: He,
-    FixedScroller: el,
-    RefreshIcon: xt
-  },
-  props: {
-    /**
-     * Array of filters based on {@see BentoFilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the FilterBar.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   type: FilterType.TEXT,
-     * }]
-     */
-    config: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Search term useful to filter all the data by text.
-     * If the value is non-existant (null or undefined) the search bar won't be enabled.
-     */
-    searchTerm: {
-      type: Ve.props.value.type,
-      default: void 0
-    },
-    /**
-     * @deprecated from version 2.0.0. Use the config property instead.
-     */
-    /**
-     * Array of filters based on {@see BentoFilterBarModel}.
-     * Each one of the elements in the array correspond to a filter that will
-     * be created and rendered in the FilterBar.
-     *
-     * Can be used with v-model or independently with the @input event.
-     *
-     * @example
-     * [{
-     *   field: 'company',
-     *   label: 'Company',
-     *   value: '200',
-     *   type: FilterType.TEXT,
-     * }, {
-     *   field: 'name',
-     *   label: 'Name',
-     *   value: null,
-     *   type: FilterType.TEXT,
-     * }]
-     */
-    value: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * An array of the values for each filter in the filter bar.
-     * {@see BentoFilterValues}
-     *
-     *  @example
-     * [{
-     *   field: 'company',
-     *   value: '200',
-     * }, {
-     *   field: 'name',
-     *   value: 'some text',
-     * }]
-     */
-    filterValues: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: [
-    Ae.INPUT,
-    Ae.UPDATE_FILTER_VALUES,
-    ge.CLEAR,
-    ge.INPUT,
-    ge.UPDATE
-  ],
-  setup(e, { emit: l }) {
-    const { t } = be({ messages: tt }), a = c(
-      () => {
-        var b, g;
-        return (g = ((b = e.config) == null ? void 0 : b.length) > 0 ? e.config : e.value) == null ? void 0 : g.map((h) => {
-          var D;
-          let P = (D = e.filterValues.find(({ field: Z }) => Z === h.field)) == null ? void 0 : D.value;
-          return P === void 0 && (P = (h == null ? void 0 : h.value) === void 0 && (h == null ? void 0 : h.defaultValue) !== void 0 ? h == null ? void 0 : h.defaultValue : h == null ? void 0 : h.value), { ...h, value: P !== void 0 ? P : h == null ? void 0 : h.value };
-        });
-      }
-    ), { addToast: u } = Ot(), r = c(() => t("searchBar")), o = c(() => a.value.some(
-      ({ visible: g }) => g != null
-    ) ? a.value.some(({ visible: g }) => !g) : !1), s = c(
-      () => a.value.filter(({ defaultValue: b }) => b !== void 0)
-    ), n = c(() => a.value.some(
-      ({ visible: g }) => g != null
-    ) ? a.value.filter(
-      ({ defaultValue: g, visible: h }) => g === void 0 && h
-    ) : a.value.filter(({ defaultValue: g }) => g === void 0)), d = c(() => e.searchTerm != null), $ = c(
-      () => a.value.filter(({ defaultValue: b }) => b == null).some(({ value: b }) => b != null)
-    ), F = c(() => s.value.length === 0 && $.value), C = c(() => s.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: g }) => g !== void 0 || g !== null).every(({ value: g, defaultValue: h }) => JSON.stringify(g) === JSON.stringify(h)) || $.value), i = (b) => {
-      l(Ae.INPUT, b), l(
-        Ae.UPDATE_FILTER_VALUES,
-        b == null ? void 0 : b.filter(({ value: g }) => g !== null || g !== void 0).map(({ field: g, value: h }) => ({ field: g, value: h }))
-      );
-    };
-    return {
-      // Values
-      hasHiddenFilters: o,
-      isClearAllVisible: F,
-      isSearchBarEnabled: d,
-      searchBarAriaLabel: r,
-      persistentFilters: s,
-      regularFilters: n,
-      isResetAllVisible: C,
-      valueAndFilterValuesPropsMerged: a,
-      // Events
-      updateAllFilters: i,
-      updateFilterHandler: (b) => {
-        const g = a.value.findIndex(
-          (P) => P.field === b.field
-        ), h = a.value.slice();
-        h[g].value = b.value, i(h);
-      },
-      clearAllFilters: () => {
-        const b = a.value.slice(), g = a.value.map(({ value: h, ...P }) => ({
-          ...P,
-          value: void 0
-        }));
-        u({
-          text: t("filtersHaveBeenCleared"),
-          action: {
-            handler: () => i(b),
-            text: t("undo")
-          }
-        }), i(g);
-      },
-      onSearchbarClear: () => {
-        l(ge.CLEAR);
-      },
-      onSearchbarInput: (b) => {
-        l(ge.INPUT, b), l(ge.UPDATE, b);
-      },
-      resetAllFilters: () => {
-        const b = a.value.slice(), g = a.value.map(({ defaultValue: h, ...P }) => ({
-          ...P,
-          defaultValue: h,
-          value: h
-        }));
-        u({
-          text: t("filtersHaveBeenReset"),
-          action: {
-            handler: () => i(b),
-            text: t("undo")
-          }
-        }), i(g);
-      }
-    };
-  }
-});
-const ya = { class: "b-filter-bar" }, ma = { class: "b-filter-bar__container" }, _a = {
-  key: 0,
-  class: "b-filter-bar__before-filters"
-}, ha = { class: "b-filter-bar__filters-container" }, Fa = { class: "b-filter-bar__filters" }, ga = { class: "b-filter-bar__scroller-content" }, Sa = {
-  key: 0,
-  class: "b-filter-bar__actions"
-};
-function Ca(e, l, t, a, u, r) {
-  const o = S("bento-search-bar"), s = S("all-filters-modal"), n = S("refresh-icon"), d = S("filter-bar-button"), $ = S("fixed-scroller");
-  return p(), K("div", ya, [
-    R("div", ma, [
-      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (p(), K("div", _a, [
-        e.isSearchBarEnabled ? (p(), I(o, {
-          key: 0,
-          class: "b-filter-bar__search-bar",
-          "input-field-aria-label": e.searchBarAriaLabel,
-          value: e.searchTerm,
-          condensed: "",
-          onInput: e.onSearchbarInput,
-          onClear: e.onSearchbarClear
-        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Y("", !0),
-        e.hasHiddenFilters ? (p(), I(s, {
-          key: 1,
-          class: "b-filter-bar__all-filters-modal",
-          value: e.valueAndFilterValuesPropsMerged,
-          onInput: e.updateAllFilters
-        }, null, 8, ["value", "onInput"])) : Y("", !0),
-        Te(A(d, {
-          class: "b-filter-bar__clear-all",
-          onClick: e.clearAllFilters
-        }, {
-          iconLeft: y(() => [
-            A(n, { "aria-hidden": "true" })
-          ]),
-          default: y(() => [
-            q(N(e.$t("clearAll")) + " ", 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]), [
-          [Ee, e.isClearAllVisible]
-        ]),
-        Te(A(d, {
-          class: "b-filter-bar__reset-all",
-          onClick: e.resetAllFilters
-        }, {
-          iconLeft: y(() => [
-            A(n, { "aria-hidden": "true" })
-          ]),
-          default: y(() => [
-            q(N(e.$t("resetAll")) + " ", 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]), [
-          [Ee, e.isResetAllVisible]
-        ])
-      ])) : Y("", !0),
-      R("div", ha, [
-        R("div", Fa, [
-          A($, {
-            class: "b-filter-bar__fixed-scroller",
-            condensed: ""
-          }, {
-            default: y(() => [
-              R("div", ga, [
-                e.isSearchBarEnabled ? (p(), I(o, {
-                  key: 0,
-                  class: "b-filter-bar__search-bar",
-                  "input-field-aria-label": e.searchBarAriaLabel,
-                  value: e.searchTerm,
-                  condensed: "",
-                  onInput: e.onSearchbarInput,
-                  onClear: e.onSearchbarClear
-                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : Y("", !0),
-                e.persistentFilters.length ? (p(!0), K(Be, { key: 1 }, de(e.persistentFilters, (F) => (p(), I(Re(F.type), {
-                  key: F.field,
-                  field: F.field,
-                  label: F.label,
-                  options: F.options,
-                  value: F.value,
-                  "default-value": F.defaultValue,
-                  onUpdate: e.updateFilterHandler
-                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : Y("", !0),
-                (p(!0), K(Be, null, de(e.regularFilters, (F) => (p(), I(Re(F.type), {
-                  key: F.field,
-                  field: F.field,
-                  label: F.label,
-                  options: F.options,
-                  value: F.value,
-                  onUpdate: e.updateFilterHandler
-                }, null, 40, ["field", "label", "options", "value", "onUpdate"]))), 128))
-              ])
-            ]),
-            _: 1
-          })
-        ]),
-        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (p(), K("div", Sa, [
-          e.hasHiddenFilters ? (p(), I(s, {
-            key: 0,
-            class: "b-filter-bar__all-filters-modal",
-            value: e.valueAndFilterValuesPropsMerged,
-            onInput: e.updateAllFilters
-          }, null, 8, ["value", "onInput"])) : Y("", !0),
-          Te(A(d, {
-            class: "b-filter-bar__clear-all",
-            onClick: e.clearAllFilters
-          }, {
-            iconLeft: y(() => [
-              A(n, { "aria-hidden": "true" })
-            ]),
-            default: y(() => [
-              q(N(e.$t("clearAll")) + " ", 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]), [
-            [Ee, e.isClearAllVisible]
-          ]),
-          Te(A(d, {
-            class: "b-filter-bar__reset-all",
-            onClick: e.resetAllFilters
-          }, {
-            iconLeft: y(() => [
-              A(n, { "aria-hidden": "true" })
-            ]),
-            default: y(() => [
-              q(N(e.$t("resetAll")) + " ", 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]), [
-            [Ee, e.isResetAllVisible]
-          ])
-        ])) : Y("", !0)
-      ])
-    ])
-  ]);
-}
-const un = /* @__PURE__ */ G(va, [["render", Ca], ["__scopeId", "data-v-7ae4cbf4"]]);
+import { B as r, b as a, a as B, c as n } from "./chunks/filter-bar.U2ZcPmSU.js";
 export {
-  un as BentoFilterBar,
-  Ae as BentoFilterBarEvent,
-  m as BentoFilterEvent,
-  x as BentoFilterItemType
+  r as BentoFilterBar,
+  a as BentoFilterBarEvent,
+  B as BentoFilterEvent,
+  n as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map