@adyen/bento-vue3 2.1.0 → 2.2.0

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

@@ -0,0 +1,949 @@
+import { defineComponent as z, toRef as N, ref as R, computed as M, reactive as _, watch as ee, resolveComponent as D, openBlock as P, createBlock as Y, withCtx as T, createElementBlock as te, createVNode as E, createTextVNode as ne, toDisplayString as ae } from "vue";
+import { c as p, B as re, u as oe } from "./filter-bar.BPPxuT_w.js";
+import { D as ie, B as se, i as q, a as ue } from "./date-range-picker.BYGk8uh-.js";
+import { B as le } from "./divider.BlxQCxkM.js";
+import { B as ce } from "./typography.B6elnWpr.js";
+import { u as de } from "./index.CGBfMQdv.js";
+import { j as fe, k as me, e as v, l as ge } from "./calendar.BhoyTBN1.js";
+import { t as L, k as he, g as be } from "./en-US.C412g-7U.js";
+import { g as pe, b as ye, c as we, d as De, i as ve, e as Oe, w as Se, l as ke, u as Me } from "./use-date-input-formatter.COZBxMaZ.js";
+import { B as Te } from "./button-actions.BYoctIth.js";
+import { u as Ee } from "./use-dynamic-date-fns-locale._EtEeU3i.js";
+import { _ as Be } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/date-range-filter.css";
+function Re(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Pe(e) {
+  return !(!Re(e) && typeof e != "number" || isNaN(+L(e)));
+}
+function qe(e, n) {
+  const t = L(e, n?.in);
+  return fe(t, me(t)) + 1;
+}
+function s(e, n) {
+  const t = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(n, "0");
+  return t + a;
+}
+const b = {
+  // Year
+  y(e, n) {
+    const t = e.getFullYear(), a = t > 0 ? t : 1 - t;
+    return s(n === "yy" ? a % 100 : a, n.length);
+  },
+  // Month
+  M(e, n) {
+    const t = e.getMonth();
+    return n === "M" ? String(t + 1) : s(t + 1, 2);
+  },
+  // Day of the month
+  d(e, n) {
+    return s(e.getDate(), n.length);
+  },
+  // AM or PM
+  a(e, n) {
+    const t = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (n) {
+      case "a":
+      case "aa":
+        return t.toUpperCase();
+      case "aaa":
+        return t;
+      case "aaaaa":
+        return t[0];
+      default:
+        return t === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, n) {
+    return s(e.getHours() % 12 || 12, n.length);
+  },
+  // Hour [0-23]
+  H(e, n) {
+    return s(e.getHours(), n.length);
+  },
+  // Minute
+  m(e, n) {
+    return s(e.getMinutes(), n.length);
+  },
+  // Second
+  s(e, n) {
+    return s(e.getSeconds(), n.length);
+  },
+  // Fraction of second
+  S(e, n) {
+    const t = n.length, a = e.getMilliseconds(), r = Math.trunc(
+      a * Math.pow(10, t - 3)
+    );
+    return s(r, n.length);
+  }
+}, O = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, W = {
+  // Era
+  G: function(e, n, t) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (n) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return t.era(a, { width: "abbreviated" });
+      // A, B
+      case "GGGGG":
+        return t.era(a, { width: "narrow" });
+      default:
+        return t.era(a, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(e, n, t) {
+    if (n === "yo") {
+      const a = e.getFullYear(), r = a > 0 ? a : 1 - a;
+      return t.ordinalNumber(r, { unit: "year" });
+    }
+    return b.y(e, n);
+  },
+  // Local week-numbering year
+  Y: function(e, n, t, a) {
+    const r = De(e, a), i = r > 0 ? r : 1 - r;
+    if (n === "YY") {
+      const u = i % 100;
+      return s(u, 2);
+    }
+    return n === "Yo" ? t.ordinalNumber(i, { unit: "year" }) : s(i, n.length);
+  },
+  // ISO week-numbering year
+  R: function(e, n) {
+    const t = we(e);
+    return s(t, n.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(e, n) {
+    const t = e.getFullYear();
+    return s(t, n.length);
+  },
+  // Quarter
+  Q: function(e, n, t) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (n) {
+      // 1, 2, 3, 4
+      case "Q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "QQ":
+        return s(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "Qo":
+        return t.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "QQQ":
+        return t.quarter(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "QQQQQ":
+        return t.quarter(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.quarter(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, n, t) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (n) {
+      // 1, 2, 3, 4
+      case "q":
+        return String(a);
+      // 01, 02, 03, 04
+      case "qq":
+        return s(a, 2);
+      // 1st, 2nd, 3rd, 4th
+      case "qo":
+        return t.ordinalNumber(a, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
+      case "qqq":
+        return t.quarter(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+      case "qqqqq":
+        return t.quarter(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return t.quarter(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, n, t) {
+    const a = e.getMonth();
+    switch (n) {
+      case "M":
+      case "MM":
+        return b.M(e, n);
+      // 1st, 2nd, ..., 12th
+      case "Mo":
+        return t.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "MMM":
+        return t.month(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // J, F, ..., D
+      case "MMMMM":
+        return t.month(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.month(a, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, n, t) {
+    const a = e.getMonth();
+    switch (n) {
+      // 1, 2, ..., 12
+      case "L":
+        return String(a + 1);
+      // 01, 02, ..., 12
+      case "LL":
+        return s(a + 1, 2);
+      // 1st, 2nd, ..., 12th
+      case "Lo":
+        return t.ordinalNumber(a + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
+      case "LLL":
+        return t.month(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // J, F, ..., D
+      case "LLLLL":
+        return t.month(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      default:
+        return t.month(a, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, n, t, a) {
+    const r = ye(e, a);
+    return n === "wo" ? t.ordinalNumber(r, { unit: "week" }) : s(r, n.length);
+  },
+  // ISO week of year
+  I: function(e, n, t) {
+    const a = pe(e);
+    return n === "Io" ? t.ordinalNumber(a, { unit: "week" }) : s(a, n.length);
+  },
+  // Day of the month
+  d: function(e, n, t) {
+    return n === "do" ? t.ordinalNumber(e.getDate(), { unit: "date" }) : b.d(e, n);
+  },
+  // Day of year
+  D: function(e, n, t) {
+    const a = qe(e);
+    return n === "Do" ? t.ordinalNumber(a, { unit: "dayOfYear" }) : s(a, n.length);
+  },
+  // Day of week
+  E: function(e, n, t) {
+    const a = e.getDay();
+    switch (n) {
+      // Tue
+      case "E":
+      case "EE":
+      case "EEE":
+        return t.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "EEEEE":
+        return t.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "EEEEEE":
+        return t.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, n, t, a) {
+    const r = e.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (n) {
+      // 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 t.ordinalNumber(i, { unit: "day" });
+      case "eee":
+        return t.day(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "eeeee":
+        return t.day(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "eeeeee":
+        return t.day(r, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(e, n, t, a) {
+    const r = e.getDay(), i = (r - a.weekStartsOn + 8) % 7 || 7;
+    switch (n) {
+      // Numerical value (same as in `e`)
+      case "c":
+        return String(i);
+      // Padded numerical value
+      case "cc":
+        return s(i, n.length);
+      // 1st, 2nd, ..., 7th
+      case "co":
+        return t.ordinalNumber(i, { unit: "day" });
+      case "ccc":
+        return t.day(r, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      // T
+      case "ccccc":
+        return t.day(r, {
+          width: "narrow",
+          context: "standalone"
+        });
+      // Tu
+      case "cccccc":
+        return t.day(r, {
+          width: "short",
+          context: "standalone"
+        });
+      default:
+        return t.day(r, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(e, n, t) {
+    const a = e.getDay(), r = a === 0 ? 7 : a;
+    switch (n) {
+      // 2
+      case "i":
+        return String(r);
+      // 02
+      case "ii":
+        return s(r, n.length);
+      // 2nd
+      case "io":
+        return t.ordinalNumber(r, { unit: "day" });
+      // Tue
+      case "iii":
+        return t.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      // T
+      case "iiiii":
+        return t.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      // Tu
+      case "iiiiii":
+        return t.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      default:
+        return t.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, n, t) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (n) {
+      case "a":
+      case "aa":
+        return t.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return t.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return t.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, n, t) {
+    const a = e.getHours();
+    let r;
+    switch (a === 12 ? r = O.noon : a === 0 ? r = O.midnight : r = a / 12 >= 1 ? "pm" : "am", n) {
+      case "b":
+      case "bb":
+        return t.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return t.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return t.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, n, t) {
+    const a = e.getHours();
+    let r;
+    switch (a >= 17 ? r = O.evening : a >= 12 ? r = O.afternoon : a >= 4 ? r = O.morning : r = O.night, n) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return t.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return t.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      default:
+        return t.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(e, n, t) {
+    if (n === "ho") {
+      let a = e.getHours() % 12;
+      return a === 0 && (a = 12), t.ordinalNumber(a, { unit: "hour" });
+    }
+    return b.h(e, n);
+  },
+  // Hour [0-23]
+  H: function(e, n, t) {
+    return n === "Ho" ? t.ordinalNumber(e.getHours(), { unit: "hour" }) : b.H(e, n);
+  },
+  // Hour [0-11]
+  K: function(e, n, t) {
+    const a = e.getHours() % 12;
+    return n === "Ko" ? t.ordinalNumber(a, { unit: "hour" }) : s(a, n.length);
+  },
+  // Hour [1-24]
+  k: function(e, n, t) {
+    let a = e.getHours();
+    return a === 0 && (a = 24), n === "ko" ? t.ordinalNumber(a, { unit: "hour" }) : s(a, n.length);
+  },
+  // Minute
+  m: function(e, n, t) {
+    return n === "mo" ? t.ordinalNumber(e.getMinutes(), { unit: "minute" }) : b.m(e, n);
+  },
+  // Second
+  s: function(e, n, t) {
+    return n === "so" ? t.ordinalNumber(e.getSeconds(), { unit: "second" }) : b.s(e, n);
+  },
+  // Fraction of second
+  S: function(e, n) {
+    return b.S(e, n);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, n, t) {
+    const a = e.getTimezoneOffset();
+    if (a === 0)
+      return "Z";
+    switch (n) {
+      // Hours and optional minutes
+      case "X":
+        return Q(a);
+      // 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 y(a);
+      // Hours and minutes with `:` delimiter
+      default:
+        return y(a, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, n, t) {
+    const a = e.getTimezoneOffset();
+    switch (n) {
+      // Hours and optional minutes
+      case "x":
+        return Q(a);
+      // 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 y(a);
+      // Hours and minutes with `:` delimiter
+      default:
+        return y(a, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, n, t) {
+    const a = e.getTimezoneOffset();
+    switch (n) {
+      // Short
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + x(a, ":");
+      default:
+        return "GMT" + y(a, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, n, t) {
+    const a = e.getTimezoneOffset();
+    switch (n) {
+      // Short
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + x(a, ":");
+      default:
+        return "GMT" + y(a, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, n, t) {
+    const a = Math.trunc(+e / 1e3);
+    return s(a, n.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, n, t) {
+    return s(+e, n.length);
+  }
+};
+function x(e, n = "") {
+  const t = e > 0 ? "-" : "+", a = Math.abs(e), r = Math.trunc(a / 60), i = a % 60;
+  return i === 0 ? t + String(r) : t + String(r) + n + s(i, 2);
+}
+function Q(e, n) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + s(Math.abs(e) / 60, 2) : y(e, n);
+}
+function y(e, n = "") {
+  const t = e > 0 ? "-" : "+", a = Math.abs(e), r = s(Math.trunc(a / 60), 2), i = s(a % 60, 2);
+  return t + r + n + i;
+}
+const Le = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ie = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Fe = /^'([^]*?)'?$/, Ce = /''/g, Ne = /[a-zA-Z]/;
+function B(e, n, t) {
+  const a = be(), r = t?.locale ?? a.locale ?? he, i = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, u = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, m = L(e, t?.in);
+  if (!Pe(m))
+    throw new RangeError("Invalid time value");
+  let g = n.match(Ie).map((c) => {
+    const l = c[0];
+    if (l === "p" || l === "P") {
+      const f = ke[l];
+      return f(c, r.formatLong);
+    }
+    return c;
+  }).join("").match(Le).map((c) => {
+    if (c === "''")
+      return { isToken: !1, value: "'" };
+    const l = c[0];
+    if (l === "'")
+      return { isToken: !1, value: Ye(c) };
+    if (W[l])
+      return { isToken: !0, value: c };
+    if (l.match(Ne))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + l + "`"
+      );
+    return { isToken: !1, value: c };
+  });
+  r.localize.preprocessor && (g = r.localize.preprocessor(m, g));
+  const h = {
+    firstWeekContainsDate: i,
+    weekStartsOn: u,
+    locale: r
+  };
+  return g.map((c) => {
+    if (!c.isToken) return c.value;
+    const l = c.value;
+    (!t?.useAdditionalWeekYearTokens && ve(l) || !t?.useAdditionalDayOfYearTokens && Oe(l)) && Se(l, n, String(e));
+    const f = W[l[0]];
+    return f(m, l, r.localize, h);
+  }).join("");
+}
+function Ye(e) {
+  const n = e.match(Fe);
+  return n ? n[1].replace(Ce, "'") : e;
+}
+const G = {
+  "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: "重置" }
+}, We = z({
+  i18n: { messages: G },
+  name: "bento-date-range-filter",
+  components: {
+    BentoBaseFilter: re,
+    BentoButtonActions: Te,
+    BentoDateRangePicker: se,
+    BentoTypography: ce,
+    BentoDivider: le,
+    DateRangePickerCalendar: ie
+  },
+  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.
+     *   - timeInterval: Limits the selectable times to a fixed interval, in minutes. Requires allowTimeInput
+     *   - 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: [p.INPUT, p.UPDATE],
+  setup(e, { emit: n }) {
+    const { locale: t, t: a } = de({ messages: G }), r = Ee(t), { dateToInputDateString: i } = Me(), { internalFilterValue: u, isSecondaryButtonDisabled: m, isApplyButtonDisabled: g } = oe(
+      N(e, "value"),
+      N(e, "defaultValue")
+    ), h = R(!1), c = M(() => e?.options?.quickSelectRanges && e.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
+        }
+      };
+    })), l = R(null), f = R(!1), d = _({
+      startDate: i(e.value?.startDate),
+      endDate: i(e.value?.endDate),
+      startTime: v(e.value?.startDate),
+      endTime: v(e.value?.endDate)
+    });
+    ee(
+      () => e.value,
+      () => {
+        d.startDate = i(e.value?.startDate), d.endDate = i(e.value?.endDate), d.startTime = v(e.value?.startDate), d.endTime = v(e.value?.endDate);
+      }
+    );
+    function A(o) {
+      return o?.length !== void 0;
+    }
+    const H = (o) => {
+      if (!o || !o?.startDate && !o.endDate)
+        return null;
+      if (A(e.options?.quickSelectRanges) && e.options?.quickSelectRanges?.length > 0) {
+        const w = e.options?.quickSelectRanges?.find(({ value: V, data: k }) => o ? o.range ? V === o.range : !o.startDate || !o.endDate ? !1 : k?.endDate ? q(k?.startDate, o.startDate) && q(k?.endDate, o.endDate) : q(k?.startDate, o.startDate) && ue(o.endDate) : !1);
+        if (w)
+          return w.label;
+      }
+      return !o.startDate || !o.endDate ? null : ge(o.startDate, o.endDate) && e?.options?.allowTimeInput ? `${B(o.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: r.value
+      })} - ${B(o.endDate, "HH:mm:ss", {
+        locale: r.value
+      })}` : `${B(o.startDate, "dd MMM, yyyy", {
+        locale: r.value
+      })} - ${B(o.endDate, "dd MMM, yyyy", {
+        locale: r.value
+      })}`;
+    }, X = M(() => H(e.value)), U = M(() => e.label), S = () => {
+      l.value.closePopover();
+      const { onlySlot: o, ...w } = e;
+      n(p.UPDATE, { ...w, value: u.value });
+    }, I = () => {
+      u.value = void 0, S();
+    }, F = () => {
+      u.value = e.defaultValue, S();
+    }, $ = () => {
+      u.value = e.value;
+    }, j = () => {
+      u.value = e.value, h.value = !1, d.startDate = i(e.value?.startDate), d.endDate = i(e.value?.endDate), d.startTime = v(e.value?.startDate), d.endTime = v(e.value?.endDate);
+    }, C = (o) => {
+      h.value = !1, u.value = o, d.startDate = i(o.startDate), d.endDate = i(o.endDate), n(p.INPUT, { ...e, value: u.value });
+    }, Z = (o) => {
+      o?.startDate && o?.endDate && (u.value = o, d.startDate = i(o.startDate), d.endDate = i(o.endDate), n(p.INPUT, { ...e, value: u.value }));
+    }, K = (o) => {
+      C(o), n(p.INPUT, { ...e, value: u.value });
+    }, J = M(
+      () => [
+        {
+          title: a("apply"),
+          event: S,
+          disabled: h.value || f.value || g.value
+        },
+        {
+          title: e.defaultValue ? a("reset") : a("clear"),
+          event: e.defaultValue ? F : I,
+          disabled: f.value && m.value
+        }
+      ]
+    );
+    return {
+      // Refs
+      baseFilter: l,
+      // Values
+      actions: J,
+      formData: d,
+      internalFilterValue: u,
+      isApplyButtonDisabled: g,
+      isSecondaryButtonDisabled: m,
+      isSelectingDate: h,
+      buttonLabel: U,
+      buttonSecondaryLabel: X,
+      adjustedQuickSelectRanges: c,
+      // Events
+      onCancel: j,
+      onDateSelected: C,
+      openFilter: $,
+      clearFilter: I,
+      resetFilter: F,
+      updateFilter: S,
+      onDatePickerRangeError: () => {
+        f.value = !0, u.value = { startDate: void 0, endDate: void 0 }, n(p.INPUT, { ...e, value: u.value });
+      },
+      onDatePickerRangeFormDateInputUpdate: (o) => {
+        f.value = !1, o.startTime && (d.startTime = o.startTime), o.endTime && (d.endTime = o.endTime);
+      },
+      onDateInputSelected: K,
+      onRangeSelectorInput: Z
+    };
+  }
+}), xe = {
+  key: 1,
+  class: "b-date-range-filter"
+};
+function Qe(e, n, t, a, r, i) {
+  const u = D("bento-date-range-picker"), m = D("bento-typography"), g = D("bento-divider"), h = D("bento-button-actions"), c = D("date-range-picker-calendar"), l = D("bento-base-filter");
+  return P(), Y(l, {
+    ref: "baseFilter",
+    class: "b-base-filter-date-range-filter",
+    "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": "",
+    onOpen: e.openFilter,
+    onClear: e.clearFilter,
+    onReset: e.resetFilter,
+    onCancel: e.onCancel
+  }, {
+    default: T(() => [
+      e.onlySlot ? (P(), Y(u, {
+        key: 0,
+        "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,
+        "time-interval": e.options?.timeInterval,
+        "aria-labelledby": e.$attrs?.["aria-labelledby"],
+        "onUpdate:modelValue": e.onDateInputSelected
+      }, null, 8, ["allow-time-input", "model-value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "year-range", "disabled", "granularities", "max-range", "min", "max", "date-form-data", "show-end-date-on-open", "time-interval", "aria-labelledby", "onUpdate:modelValue"])) : (P(), te("div", xe, [
+        E(c, {
+          "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,
+          "time-interval": e.options?.timeInterval,
+          variant: e.options?.variant,
+          "year-range": e.options?.yearRange,
+          onInput: e.onDateSelected,
+          onCustomRange: e.onRangeSelectorInput,
+          onError: e.onDatePickerRangeError,
+          onFormDate: e.onDatePickerRangeFormDateInputUpdate,
+          onStartDateSelected: n[0] || (n[0] = (f) => e.isSelectingDate = !0)
+        }, {
+          title: T(() => [
+            E(m, {
+              strongest: "",
+              variant: "body",
+              el: "span"
+            }, {
+              default: T(() => [
+                ne(ae(e.label), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          actions: T(() => [
+            E(g, { class: "b-date-range-filter__divider" }),
+            E(h, {
+              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", "show-end-date-on-open", "time-interval", "variant", "year-range", "onInput", "onCustomRange", "onError", "onFormDate"])
+      ]))
+    ]),
+    _: 1
+  }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "value", "onOpen", "onClear", "onReset", "onCancel"]);
+}
+const tt = /* @__PURE__ */ Be(We, [["render", Qe], ["__scopeId", "data-v-32cbf5dc"]]);
+export {
+  tt as default
+};
+//# sourceMappingURL=date-range-filter.DwNzkqTo.js.map