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

package/dist/chunks/date-range-filter.CDrrP22U.js

@@ -1,868 +0,0 @@
-import { defineComponent as U, toRef as q, ref as k, computed as S, reactive as j, watch as $ } from "vue";
-import { c as g, B as Z, u as K } from "./filter-bar.DUw139BE.js";
-import { D as J, B as z, i as T, a as V } from "./date-range-picker.Cz6ijJAa.js";
-import { B as ee } from "./divider.KxXy6nzJ.js";
-import { B as te } from "./typography.D1OZJbEa.js";
-import { u as ae } from "./index.CPOlyau9.js";
-import { j as ne, k as re, e as D, l as oe } from "./calendar.BNRImpE_.js";
-import { t as E, k as ie, g as se } from "./en-US.C412g-7U.js";
-import { g as ce, b as ue, c as le, d as de, i as fe, e as me, w as ge, l as he, u as ye } from "./use-date-input-formatter.5r7srQZU.js";
-import "./index.Cl4_42j5.js";
-import { B as be } from "./button-actions.sLmpjWGK.js";
-import { u as pe } from "./use-dynamic-date-fns-locale.Bpb2DeYR.js";
-import { n as we } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/date-range-filter.css";
-function De(t) {
-  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
-}
-function ve(t) {
-  return !(!De(t) && typeof t != "number" || isNaN(+E(t)));
-}
-function xe(t, e) {
-  const a = E(t, e?.in);
-  return ne(a, re(a)) + 1;
-}
-function s(t, e) {
-  const a = t < 0 ? "-" : "", n = Math.abs(t).toString().padStart(e, "0");
-  return a + n;
-}
-const m = {
-  // Year
-  y(t, e) {
-    const a = t.getFullYear(), n = a > 0 ? a : 1 - a;
-    return s(e === "yy" ? n % 100 : n, e.length);
-  },
-  // Month
-  M(t, e) {
-    const a = t.getMonth();
-    return e === "M" ? String(a + 1) : s(a + 1, 2);
-  },
-  // Day of the month
-  d(t, e) {
-    return s(t.getDate(), e.length);
-  },
-  // AM or PM
-  a(t, e) {
-    const a = t.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (e) {
-      case "a":
-      case "aa":
-        return a.toUpperCase();
-      case "aaa":
-        return a;
-      case "aaaaa":
-        return a[0];
-      default:
-        return a === "am" ? "a.m." : "p.m.";
-    }
-  },
-  // Hour [1-12]
-  h(t, e) {
-    return s(t.getHours() % 12 || 12, e.length);
-  },
-  // Hour [0-23]
-  H(t, e) {
-    return s(t.getHours(), e.length);
-  },
-  // Minute
-  m(t, e) {
-    return s(t.getMinutes(), e.length);
-  },
-  // Second
-  s(t, e) {
-    return s(t.getSeconds(), e.length);
-  },
-  // Fraction of second
-  S(t, e) {
-    const a = e.length, n = t.getMilliseconds(), r = Math.trunc(
-      n * Math.pow(10, a - 3)
-    );
-    return s(r, e.length);
-  }
-}, v = {
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-}, L = {
-  // Era
-  G: function(t, e, a) {
-    const n = t.getFullYear() > 0 ? 1 : 0;
-    switch (e) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return a.era(n, { width: "abbreviated" });
-      // A, B
-      case "GGGGG":
-        return a.era(n, { width: "narrow" });
-      default:
-        return a.era(n, { width: "wide" });
-    }
-  },
-  // Year
-  y: function(t, e, a) {
-    if (e === "yo") {
-      const n = t.getFullYear(), r = n > 0 ? n : 1 - n;
-      return a.ordinalNumber(r, { unit: "year" });
-    }
-    return m.y(t, e);
-  },
-  // Local week-numbering year
-  Y: function(t, e, a, n) {
-    const r = de(t, n), i = r > 0 ? r : 1 - r;
-    if (e === "YY") {
-      const c = i % 100;
-      return s(c, 2);
-    }
-    return e === "Yo" ? a.ordinalNumber(i, { unit: "year" }) : s(i, e.length);
-  },
-  // ISO week-numbering year
-  R: function(t, e) {
-    const a = le(t);
-    return s(a, e.length);
-  },
-  // Extended year. This is a single number designating the year of this calendar system.
-  // The main difference between `y` and `u` localizers are B.C. years:
-  // | Year | `y` | `u` |
-  // |------|-----|-----|
-  // | AC 1 |   1 |   1 |
-  // | BC 1 |   1 |   0 |
-  // | BC 2 |   2 |  -1 |
-  // Also `yy` always returns the last two digits of a year,
-  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(t, e) {
-    const a = t.getFullYear();
-    return s(a, e.length);
-  },
-  // Quarter
-  Q: function(t, e, a) {
-    const n = Math.ceil((t.getMonth() + 1) / 3);
-    switch (e) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(n);
-      // 01, 02, 03, 04
-      case "QQ":
-        return s(n, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "Qo":
-        return a.ordinalNumber(n, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return a.quarter(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return a.quarter(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return a.quarter(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(t, e, a) {
-    const n = Math.ceil((t.getMonth() + 1) / 3);
-    switch (e) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(n);
-      // 01, 02, 03, 04
-      case "qq":
-        return s(n, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "qo":
-        return a.ordinalNumber(n, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return a.quarter(n, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return a.quarter(n, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return a.quarter(n, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(t, e, a) {
-    const n = t.getMonth();
-    switch (e) {
-      case "M":
-      case "MM":
-        return m.M(t, e);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return a.ordinalNumber(n + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return a.month(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return a.month(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return a.month(n, { width: "wide", context: "formatting" });
-    }
-  },
-  // Stand-alone month
-  L: function(t, e, a) {
-    const n = t.getMonth();
-    switch (e) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(n + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return s(n + 1, 2);
-      // 1st, 2nd, ..., 12th
-      case "Lo":
-        return a.ordinalNumber(n + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return a.month(n, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return a.month(n, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return a.month(n, { width: "wide", context: "standalone" });
-    }
-  },
-  // Local week of year
-  w: function(t, e, a, n) {
-    const r = ue(t, n);
-    return e === "wo" ? a.ordinalNumber(r, { unit: "week" }) : s(r, e.length);
-  },
-  // ISO week of year
-  I: function(t, e, a) {
-    const n = ce(t);
-    return e === "Io" ? a.ordinalNumber(n, { unit: "week" }) : s(n, e.length);
-  },
-  // Day of the month
-  d: function(t, e, a) {
-    return e === "do" ? a.ordinalNumber(t.getDate(), { unit: "date" }) : m.d(t, e);
-  },
-  // Day of year
-  D: function(t, e, a) {
-    const n = xe(t);
-    return e === "Do" ? a.ordinalNumber(n, { unit: "dayOfYear" }) : s(n, e.length);
-  },
-  // Day of week
-  E: function(t, e, a) {
-    const n = t.getDay();
-    switch (e) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return a.day(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return a.day(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return a.day(n, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return a.day(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(t, e, a, n) {
-    const r = t.getDay(), i = (r - n.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(i);
-      // Padded numerical value
-      case "ee":
-        return s(i, 2);
-      // 1st, 2nd, ..., 7th
-      case "eo":
-        return a.ordinalNumber(i, { unit: "day" });
-      case "eee":
-        return a.day(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "eeeee":
-        return a.day(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "eeeeee":
-        return a.day(r, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return a.day(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone local day of week
-  c: function(t, e, a, n) {
-    const r = t.getDay(), i = (r - n.weekStartsOn + 8) % 7 || 7;
-    switch (e) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(i);
-      // Padded numerical value
-      case "cc":
-        return s(i, e.length);
-      // 1st, 2nd, ..., 7th
-      case "co":
-        return a.ordinalNumber(i, { unit: "day" });
-      case "ccc":
-        return a.day(r, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // T
-      case "ccccc":
-        return a.day(r, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // Tu
-      case "cccccc":
-        return a.day(r, {
-          width: "short",
-          context: "standalone"
-        });
-      default:
-        return a.day(r, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // ISO day of week
-  i: function(t, e, a) {
-    const n = t.getDay(), r = n === 0 ? 7 : n;
-    switch (e) {
-      // 2
-      case "i":
-        return String(r);
-      // 02
-      case "ii":
-        return s(r, e.length);
-      // 2nd
-      case "io":
-        return a.ordinalNumber(r, { unit: "day" });
-      // Tue
-      case "iii":
-        return a.day(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return a.day(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return a.day(n, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return a.day(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(t, e, a) {
-    const r = t.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (e) {
-      case "a":
-      case "aa":
-        return a.dayPeriod(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "aaa":
-        return a.dayPeriod(r, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "aaaaa":
-        return a.dayPeriod(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return a.dayPeriod(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM, PM, midnight, noon
-  b: function(t, e, a) {
-    const n = t.getHours();
-    let r;
-    switch (n === 12 ? r = v.noon : n === 0 ? r = v.midnight : r = n / 12 >= 1 ? "pm" : "am", e) {
-      case "b":
-      case "bb":
-        return a.dayPeriod(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "bbb":
-        return a.dayPeriod(r, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "bbbbb":
-        return a.dayPeriod(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return a.dayPeriod(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // in the morning, in the afternoon, in the evening, at night
-  B: function(t, e, a) {
-    const n = t.getHours();
-    let r;
-    switch (n >= 17 ? r = v.evening : n >= 12 ? r = v.afternoon : n >= 4 ? r = v.morning : r = v.night, e) {
-      case "B":
-      case "BB":
-      case "BBB":
-        return a.dayPeriod(r, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "BBBBB":
-        return a.dayPeriod(r, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return a.dayPeriod(r, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Hour [1-12]
-  h: function(t, e, a) {
-    if (e === "ho") {
-      let n = t.getHours() % 12;
-      return n === 0 && (n = 12), a.ordinalNumber(n, { unit: "hour" });
-    }
-    return m.h(t, e);
-  },
-  // Hour [0-23]
-  H: function(t, e, a) {
-    return e === "Ho" ? a.ordinalNumber(t.getHours(), { unit: "hour" }) : m.H(t, e);
-  },
-  // Hour [0-11]
-  K: function(t, e, a) {
-    const n = t.getHours() % 12;
-    return e === "Ko" ? a.ordinalNumber(n, { unit: "hour" }) : s(n, e.length);
-  },
-  // Hour [1-24]
-  k: function(t, e, a) {
-    let n = t.getHours();
-    return n === 0 && (n = 24), e === "ko" ? a.ordinalNumber(n, { unit: "hour" }) : s(n, e.length);
-  },
-  // Minute
-  m: function(t, e, a) {
-    return e === "mo" ? a.ordinalNumber(t.getMinutes(), { unit: "minute" }) : m.m(t, e);
-  },
-  // Second
-  s: function(t, e, a) {
-    return e === "so" ? a.ordinalNumber(t.getSeconds(), { unit: "second" }) : m.s(t, e);
-  },
-  // Fraction of second
-  S: function(t, e) {
-    return m.S(t, e);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(t, e, a) {
-    const n = t.getTimezoneOffset();
-    if (n === 0)
-      return "Z";
-    switch (e) {
-      // Hours and optional minutes
-      case "X":
-        return F(n);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return h(n);
-      // Hours and minutes with `:` delimiter
-      default:
-        return h(n, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(t, e, a) {
-    const n = t.getTimezoneOffset();
-    switch (e) {
-      // Hours and optional minutes
-      case "x":
-        return F(n);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return h(n);
-      // Hours and minutes with `:` delimiter
-      default:
-        return h(n, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(t, e, a) {
-    const n = t.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + _(n, ":");
-      default:
-        return "GMT" + h(n, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(t, e, a) {
-    const n = t.getTimezoneOffset();
-    switch (e) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + _(n, ":");
-      default:
-        return "GMT" + h(n, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(t, e, a) {
-    const n = Math.trunc(+t / 1e3);
-    return s(n, e.length);
-  },
-  // Milliseconds timestamp
-  T: function(t, e, a) {
-    return s(+t, e.length);
-  }
-};
-function _(t, e = "") {
-  const a = t > 0 ? "-" : "+", n = Math.abs(t), r = Math.trunc(n / 60), i = n % 60;
-  return i === 0 ? a + String(r) : a + String(r) + e + s(i, 2);
-}
-function F(t, e) {
-  return t % 60 === 0 ? (t > 0 ? "-" : "+") + s(Math.abs(t) / 60, 2) : h(t, e);
-}
-function h(t, e = "") {
-  const a = t > 0 ? "-" : "+", n = Math.abs(t), r = s(Math.trunc(n / 60), 2), i = s(n % 60, 2);
-  return a + r + e + i;
-}
-const Oe = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Se = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Me = /^'([^]*?)'?$/, ke = /''/g, Te = /[a-zA-Z]/;
-function M(t, e, a) {
-  const n = se(), r = a?.locale ?? n.locale ?? ie, i = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, c = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, y = E(t, a?.in);
-  if (!ve(y))
-    throw new RangeError("Invalid time value");
-  let b = e.match(Se).map((l) => {
-    const u = l[0];
-    if (u === "p" || u === "P") {
-      const f = he[u];
-      return f(l, r.formatLong);
-    }
-    return l;
-  }).join("").match(Oe).map((l) => {
-    if (l === "''")
-      return { isToken: !1, value: "'" };
-    const u = l[0];
-    if (u === "'")
-      return { isToken: !1, value: Ee(l) };
-    if (L[u])
-      return { isToken: !0, value: l };
-    if (u.match(Te))
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + u + "`"
-      );
-    return { isToken: !1, value: l };
-  });
-  r.localize.preprocessor && (b = r.localize.preprocessor(y, b));
-  const p = {
-    firstWeekContainsDate: i,
-    weekStartsOn: c,
-    locale: r
-  };
-  return b.map((l) => {
-    if (!l.isToken) return l.value;
-    const u = l.value;
-    (!a?.useAdditionalWeekYearTokens && fe(u) || !a?.useAdditionalDayOfYearTokens && me(u)) && ge(u, e, String(t));
-    const f = L[u[0]];
-    return f(y, u, r.localize, p);
-  }).join("");
-}
-function Ee(t) {
-  const e = t.match(Me);
-  return e ? e[1].replace(ke, "'") : t;
-}
-const Pe = {
-  "de-DE": { apply: "Anwenden", clear: "Löschen", reset: "Zurücksetzen" },
-  "en-GB": { apply: "Apply", clear: "Clear", reset: "Reset" },
-  "en-US": { apply: "Apply", clear: "Clear", reset: "Reset" },
-  "es-419": { apply: "Aplicar", clear: "Borrar", reset: "Restablecer" },
-  "es-ES": { apply: "Aplicar", clear: "Borrar", reset: "Reiniciar" },
-  "es-MX": { apply: "Aplicar", clear: "Limpiar", reset: "Restablecer" },
-  "fr-FR": { apply: "Appliquer", clear: "Clair", reset: "Réinitialiser" },
-  "it-IT": { apply: "Applica", clear: "Cancella", reset: "Resetta" },
-  "ja-JP": { apply: "適用", clear: "クリア", reset: "リセット" },
-  "pt-BR": { apply: "Aplicar", clear: "Limpar", reset: "Limpar" },
-  "zh-CN": { apply: "应用", clear: "清除", reset: "重置" }
-}, Be = U({
-  i18n: { messages: Pe },
-  name: "bento-date-range-filter",
-  components: {
-    BentoBaseFilter: Z,
-    BentoButtonActions: be,
-    BentoDateRangePicker: z,
-    BentoTypography: te,
-    BentoDivider: ee,
-    DateRangePickerCalendar: J
-  },
-  props: {
-    /**
-     * Disables the filter from being interacted with.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * 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
-     *   - showEndDateOnOpen: Upon opening date range picker, end date's month will be pre-selected.
-     *   - granularities: A list of available granularities.
-     *   - variant: The type of calendar to display. Defaults to showing days.
-     *   - tooltipPosition: The position of the tooltip attached to the filter button
-     *   - tooltipText: The content of the tooltip attached to the filter button
-     */
-    options: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Current value of the filter
-     */
-    value: {
-      type: Object,
-      default: () => ({ startDate: void 0, endDate: void 0 })
-    }
-  },
-  emits: [g.INPUT, g.UPDATE],
-  setup(t, { emit: e }) {
-    const { locale: a, t: n } = ae(), r = pe(a), { dateToInputDateString: i } = ye(), { internalFilterValue: c, isSecondaryButtonDisabled: y, isApplyButtonDisabled: b } = K(
-      q(t, "value"),
-      q(t, "defaultValue")
-    ), p = k(!1), l = S(() => t?.options?.quickSelectRanges && t.options.quickSelectRanges.map((o) => {
-      const w = o.data.endDate ? void 0 : new Date(Date.now()).getTime() - o.data.startDate.getTime();
-      return {
-        ...o,
-        data: {
-          ...o.data,
-          // Adding timeDifference to calculate an up-to-date endDate on range selection
-          timeDifference: w
-        }
-      };
-    })), u = k(null), f = k(!1), d = j({
-      startDate: i(t.value?.startDate),
-      endDate: i(t.value?.endDate),
-      startTime: D(t.value?.startDate),
-      endTime: D(t.value?.endDate)
-    });
-    $(
-      () => t.value,
-      () => {
-        d.startDate = i(t.value?.startDate), d.endDate = i(t.value?.endDate), d.startTime = D(t.value?.startDate), d.endTime = D(t.value?.endDate);
-      }
-    );
-    function I(o) {
-      return o?.length !== void 0;
-    }
-    const N = (o) => {
-      if (!o || !o?.startDate && !o.endDate)
-        return null;
-      if (I(t.options?.quickSelectRanges) && t.options?.quickSelectRanges?.length > 0) {
-        const w = t.options?.quickSelectRanges?.find(({ value: X, data: O }) => o ? o.range ? X === o.range : !o.startDate || !o.endDate ? !1 : O?.endDate ? T(O?.startDate, o.startDate) && T(O?.endDate, o.endDate) : T(O?.startDate, o.startDate) && V(o.endDate) : !1);
-        if (w)
-          return w.label;
-      }
-      return !o.startDate || !o.endDate ? null : oe(o.startDate, o.endDate) && t?.options?.allowTimeInput ? `${M(o.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: r.value
-      })} - ${M(o.endDate, "HH:mm:ss", {
-        locale: r.value
-      })}` : `${M(o.startDate, "dd MMM, yyyy", {
-        locale: r.value
-      })} - ${M(o.endDate, "dd MMM, yyyy", {
-        locale: r.value
-      })}`;
-    }, Y = S(() => N(t.value)), C = S(() => t.label), x = () => {
-      u.value.closePopover();
-      const { onlySlot: o, ...w } = t;
-      e(g.UPDATE, { ...w, value: c.value });
-    }, P = () => {
-      c.value = void 0, x();
-    }, B = () => {
-      c.value = t.defaultValue, x();
-    }, W = () => {
-      c.value = t.value;
-    }, Q = () => {
-      c.value = t.value, p.value = !1, d.startDate = i(t.value?.startDate), d.endDate = i(t.value?.endDate), d.startTime = D(t.value?.startDate), d.endTime = D(t.value?.endDate);
-    }, R = (o) => {
-      p.value = !1, c.value = o, d.startDate = i(o.startDate), d.endDate = i(o.endDate), e(g.INPUT, { ...t, value: c.value });
-    }, G = (o) => {
-      o?.startDate && o?.endDate && (c.value = o, d.startDate = i(o.startDate), d.endDate = i(o.endDate), e(g.INPUT, { ...t, value: c.value }));
-    }, A = (o) => {
-      R(o), e(g.INPUT, { ...t, value: c.value });
-    }, H = S(
-      () => [
-        {
-          title: n("apply"),
-          event: x,
-          disabled: p.value || f.value || b.value
-        },
-        {
-          title: t.defaultValue ? n("reset") : n("clear"),
-          event: t.defaultValue ? B : P,
-          disabled: f.value && y.value
-        }
-      ]
-    );
-    return {
-      // Refs
-      baseFilter: u,
-      // Values
-      actions: H,
-      formData: d,
-      internalFilterValue: c,
-      isApplyButtonDisabled: b,
-      isSecondaryButtonDisabled: y,
-      isSelectingDate: p,
-      buttonLabel: C,
-      buttonSecondaryLabel: Y,
-      adjustedQuickSelectRanges: l,
-      // Events
-      onCancel: Q,
-      onDateSelected: R,
-      openFilter: W,
-      clearFilter: P,
-      resetFilter: B,
-      updateFilter: x,
-      onDatePickerRangeError: () => {
-        f.value = !0, c.value = { startDate: void 0, endDate: void 0 }, e(g.INPUT, { ...t, value: c.value });
-      },
-      onDatePickerRangeFormDateInputUpdate: (o) => {
-        f.value = !1, o.startTime && (d.startTime = o.startTime), o.endTime && (d.endTime = o.endTime);
-      },
-      onDateInputSelected: A,
-      onRangeSelectorInput: G
-    };
-  }
-});
-var Re = function() {
-  var e = this, a = e._self._c;
-  return e._self._setupProxy, a("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, disabled: e.disabled, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "tooltip-position": e.options?.tooltipPosition, "tooltip-text": e.options?.tooltipText, value: e.value, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? a("bento-date-range-picker", { attrs: { "allow-time-input": e.options?.allowTimeInput, "model-value": e.internalFilterValue, "first-day-of-week": e.options?.firstDayOfWeek, "is-date-disabled": e.options?.isDateDisabled, "number-of-months": e.options?.numberOfMonths, "quick-select-ranges": e.options?.quickSelectRanges, variant: e.options?.variant, "year-range": e.options?.yearRange, disabled: e.disabled, granularities: e.options?.granularities, "max-range": e.options?.maxRange, min: e.options?.min, max: e.options?.max, "date-form-data": e.formData, "show-end-date-on-open": e.options?.showEndDateOnOpen, "aria-labelledby": e.$attrs?.["aria-labelledby"] }, on: { "update:model-value": e.onDateInputSelected } }) : [a("div", { staticClass: "b-date-range-filter" }, [a("date-range-picker-calendar", { attrs: { "allow-time-input": e.options?.allowTimeInput, "first-day-of-week": e.options?.firstDayOfWeek, "is-date-disabled": e.options?.isDateDisabled, granularities: e.options?.granularities, "max-range": e.options?.maxRange, min: e.options?.min, max: e.options?.max, "number-of-months": e.options?.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": e.options?.showEndDateOnOpen, variant: e.options?.variant, "year-range": e.options?.yearRange }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(n) {
-    e.isSelectingDate = !0;
-  } }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [a("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
-  }, proxy: !0 }, { key: "actions", fn: function() {
-    return [a("bento-divider", { staticClass: "b-date-range-filter__divider" }), a("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
-  }, proxy: !0 }]) })], 1)]], 2);
-}, qe = [], Le = /* @__PURE__ */ we(
-  Be,
-  Re,
-  qe,
-  !1,
-  null,
-  "5b7bef98"
-);
-const Ze = Le.exports;
-export {
-  Ze as default
-};
-//# sourceMappingURL=date-range-filter.CDrrP22U.js.map