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

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

@@ -0,0 +1,868 @@
+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