@adyen/bento-vue3 2.0.1-rc.0 → 2.0.1

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

@@ -1,946 +0,0 @@
-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 ae, toDisplayString as ne } from "vue";
-import { c as y, B as re, u as oe } from "./filter-bar.CdUM6KUq.js";
-import { D as ie, B as se, i as q, a as ue } from "./date-range-picker.BiCTjOGe.js";
-import { B as le } from "./divider.BlxQCxkM.js";
-import { B as ce } from "./typography.wIM07Hbl.js";
-import { u as de } from "./index.B875RXHM.js";
-import { j as fe, k as me, e as v, l as ge } from "./calendar.C60WoNOM.js";
-import { t as L, k as he, g as be } from "./en-US.C412g-7U.js";
-import { g as ye, b as pe, 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.C3Dpcve8.js";
-import { B as Te } from "./button-actions.796MVzQq.js";
-import { u as Ee } from "./use-dynamic-date-fns-locale.BMO9rsEh.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, a) {
-  const t = L(e, a?.in);
-  return fe(t, me(t)) + 1;
-}
-function s(e, a) {
-  const t = e < 0 ? "-" : "", n = Math.abs(e).toString().padStart(a, "0");
-  return t + n;
-}
-const b = {
-  // Year
-  y(e, a) {
-    const t = e.getFullYear(), n = t > 0 ? t : 1 - t;
-    return s(a === "yy" ? n % 100 : n, a.length);
-  },
-  // Month
-  M(e, a) {
-    const t = e.getMonth();
-    return a === "M" ? String(t + 1) : s(t + 1, 2);
-  },
-  // Day of the month
-  d(e, a) {
-    return s(e.getDate(), a.length);
-  },
-  // AM or PM
-  a(e, a) {
-    const t = e.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (a) {
-      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, a) {
-    return s(e.getHours() % 12 || 12, a.length);
-  },
-  // Hour [0-23]
-  H(e, a) {
-    return s(e.getHours(), a.length);
-  },
-  // Minute
-  m(e, a) {
-    return s(e.getMinutes(), a.length);
-  },
-  // Second
-  s(e, a) {
-    return s(e.getSeconds(), a.length);
-  },
-  // Fraction of second
-  S(e, a) {
-    const t = a.length, n = e.getMilliseconds(), r = Math.trunc(
-      n * Math.pow(10, t - 3)
-    );
-    return s(r, a.length);
-  }
-}, O = {
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-}, x = {
-  // Era
-  G: function(e, a, t) {
-    const n = e.getFullYear() > 0 ? 1 : 0;
-    switch (a) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return t.era(n, { width: "abbreviated" });
-      // A, B
-      case "GGGGG":
-        return t.era(n, { width: "narrow" });
-      default:
-        return t.era(n, { width: "wide" });
-    }
-  },
-  // Year
-  y: function(e, a, t) {
-    if (a === "yo") {
-      const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
-      return t.ordinalNumber(r, { unit: "year" });
-    }
-    return b.y(e, a);
-  },
-  // Local week-numbering year
-  Y: function(e, a, t, n) {
-    const r = De(e, n), i = r > 0 ? r : 1 - r;
-    if (a === "YY") {
-      const u = i % 100;
-      return s(u, 2);
-    }
-    return a === "Yo" ? t.ordinalNumber(i, { unit: "year" }) : s(i, a.length);
-  },
-  // ISO week-numbering year
-  R: function(e, a) {
-    const t = we(e);
-    return s(t, a.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, a) {
-    const t = e.getFullYear();
-    return s(t, a.length);
-  },
-  // Quarter
-  Q: function(e, a, t) {
-    const n = Math.ceil((e.getMonth() + 1) / 3);
-    switch (a) {
-      // 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 t.ordinalNumber(n, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return t.quarter(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return t.quarter(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.quarter(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(e, a, t) {
-    const n = Math.ceil((e.getMonth() + 1) / 3);
-    switch (a) {
-      // 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 t.ordinalNumber(n, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return t.quarter(n, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return t.quarter(n, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return t.quarter(n, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(e, a, t) {
-    const n = e.getMonth();
-    switch (a) {
-      case "M":
-      case "MM":
-        return b.M(e, a);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return t.ordinalNumber(n + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return t.month(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return t.month(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      default:
-        return t.month(n, { width: "wide", context: "formatting" });
-    }
-  },
-  // Stand-alone month
-  L: function(e, a, t) {
-    const n = e.getMonth();
-    switch (a) {
-      // 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 t.ordinalNumber(n + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return t.month(n, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return t.month(n, {
-          width: "narrow",
-          context: "standalone"
-        });
-      default:
-        return t.month(n, { width: "wide", context: "standalone" });
-    }
-  },
-  // Local week of year
-  w: function(e, a, t, n) {
-    const r = pe(e, n);
-    return a === "wo" ? t.ordinalNumber(r, { unit: "week" }) : s(r, a.length);
-  },
-  // ISO week of year
-  I: function(e, a, t) {
-    const n = ye(e);
-    return a === "Io" ? t.ordinalNumber(n, { unit: "week" }) : s(n, a.length);
-  },
-  // Day of the month
-  d: function(e, a, t) {
-    return a === "do" ? t.ordinalNumber(e.getDate(), { unit: "date" }) : b.d(e, a);
-  },
-  // Day of year
-  D: function(e, a, t) {
-    const n = qe(e);
-    return a === "Do" ? t.ordinalNumber(n, { unit: "dayOfYear" }) : s(n, a.length);
-  },
-  // Day of week
-  E: function(e, a, t) {
-    const n = e.getDay();
-    switch (a) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return t.day(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return t.day(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return t.day(n, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return t.day(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(e, a, t, n) {
-    const r = e.getDay(), i = (r - n.weekStartsOn + 8) % 7 || 7;
-    switch (a) {
-      // 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, a, t, n) {
-    const r = e.getDay(), i = (r - n.weekStartsOn + 8) % 7 || 7;
-    switch (a) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(i);
-      // Padded numerical value
-      case "cc":
-        return s(i, a.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, a, t) {
-    const n = e.getDay(), r = n === 0 ? 7 : n;
-    switch (a) {
-      // 2
-      case "i":
-        return String(r);
-      // 02
-      case "ii":
-        return s(r, a.length);
-      // 2nd
-      case "io":
-        return t.ordinalNumber(r, { unit: "day" });
-      // Tue
-      case "iii":
-        return t.day(n, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return t.day(n, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return t.day(n, {
-          width: "short",
-          context: "formatting"
-        });
-      default:
-        return t.day(n, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(e, a, t) {
-    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (a) {
-      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, a, t) {
-    const n = e.getHours();
-    let r;
-    switch (n === 12 ? r = O.noon : n === 0 ? r = O.midnight : r = n / 12 >= 1 ? "pm" : "am", a) {
-      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, a, t) {
-    const n = e.getHours();
-    let r;
-    switch (n >= 17 ? r = O.evening : n >= 12 ? r = O.afternoon : n >= 4 ? r = O.morning : r = O.night, a) {
-      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, a, t) {
-    if (a === "ho") {
-      let n = e.getHours() % 12;
-      return n === 0 && (n = 12), t.ordinalNumber(n, { unit: "hour" });
-    }
-    return b.h(e, a);
-  },
-  // Hour [0-23]
-  H: function(e, a, t) {
-    return a === "Ho" ? t.ordinalNumber(e.getHours(), { unit: "hour" }) : b.H(e, a);
-  },
-  // Hour [0-11]
-  K: function(e, a, t) {
-    const n = e.getHours() % 12;
-    return a === "Ko" ? t.ordinalNumber(n, { unit: "hour" }) : s(n, a.length);
-  },
-  // Hour [1-24]
-  k: function(e, a, t) {
-    let n = e.getHours();
-    return n === 0 && (n = 24), a === "ko" ? t.ordinalNumber(n, { unit: "hour" }) : s(n, a.length);
-  },
-  // Minute
-  m: function(e, a, t) {
-    return a === "mo" ? t.ordinalNumber(e.getMinutes(), { unit: "minute" }) : b.m(e, a);
-  },
-  // Second
-  s: function(e, a, t) {
-    return a === "so" ? t.ordinalNumber(e.getSeconds(), { unit: "second" }) : b.s(e, a);
-  },
-  // Fraction of second
-  S: function(e, a) {
-    return b.S(e, a);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(e, a, t) {
-    const n = e.getTimezoneOffset();
-    if (n === 0)
-      return "Z";
-    switch (a) {
-      // Hours and optional minutes
-      case "X":
-        return Q(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 p(n);
-      // Hours and minutes with `:` delimiter
-      default:
-        return p(n, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(e, a, t) {
-    const n = e.getTimezoneOffset();
-    switch (a) {
-      // Hours and optional minutes
-      case "x":
-        return Q(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 p(n);
-      // Hours and minutes with `:` delimiter
-      default:
-        return p(n, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(e, a, t) {
-    const n = e.getTimezoneOffset();
-    switch (a) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + W(n, ":");
-      default:
-        return "GMT" + p(n, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(e, a, t) {
-    const n = e.getTimezoneOffset();
-    switch (a) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + W(n, ":");
-      default:
-        return "GMT" + p(n, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(e, a, t) {
-    const n = Math.trunc(+e / 1e3);
-    return s(n, a.length);
-  },
-  // Milliseconds timestamp
-  T: function(e, a, t) {
-    return s(+e, a.length);
-  }
-};
-function W(e, a = "") {
-  const t = e > 0 ? "-" : "+", n = Math.abs(e), r = Math.trunc(n / 60), i = n % 60;
-  return i === 0 ? t + String(r) : t + String(r) + a + s(i, 2);
-}
-function Q(e, a) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + s(Math.abs(e) / 60, 2) : p(e, a);
-}
-function p(e, a = "") {
-  const t = e > 0 ? "-" : "+", n = Math.abs(e), r = s(Math.trunc(n / 60), 2), i = s(n % 60, 2);
-  return t + r + a + i;
-}
-const Le = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ie = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Fe = /^'([^]*?)'?$/, Ce = /''/g, Ne = /[a-zA-Z]/;
-function B(e, a, t) {
-  const n = be(), r = t?.locale ?? n.locale ?? he, i = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, u = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, m = L(e, t?.in);
-  if (!Pe(m))
-    throw new RangeError("Invalid time value");
-  let g = a.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 (x[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, a, String(e));
-    const f = x[l[0]];
-    return f(m, l, r.localize, h);
-  }).join("");
-}
-function Ye(e) {
-  const a = e.match(Fe);
-  return a ? a[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: "重置" }
-}, xe = 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.
-     *   - 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: [y.INPUT, y.UPDATE],
-  setup(e, { emit: a }) {
-    const { locale: t, t: n } = 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;
-      a(y.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), a(y.INPUT, { ...e, value: u.value });
-    }, Z = (o) => {
-      o?.startDate && o?.endDate && (u.value = o, d.startDate = i(o.startDate), d.endDate = i(o.endDate), a(y.INPUT, { ...e, value: u.value }));
-    }, K = (o) => {
-      C(o), a(y.INPUT, { ...e, value: u.value });
-    }, J = M(
-      () => [
-        {
-          title: n("apply"),
-          event: S,
-          disabled: h.value || f.value || g.value
-        },
-        {
-          title: e.defaultValue ? n("reset") : n("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 }, a(y.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
-    };
-  }
-}), We = {
-  key: 1,
-  class: "b-date-range-filter"
-};
-function Qe(e, a, t, n, 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,
-        "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", "aria-labelledby", "onUpdate:modelValue"])) : (P(), te("div", We, [
-        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,
-          variant: e.options?.variant,
-          "year-range": e.options?.yearRange,
-          onInput: e.onDateSelected,
-          onCustomRange: e.onRangeSelectorInput,
-          onError: e.onDatePickerRangeError,
-          onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-          onStartDateSelected: a[0] || (a[0] = (f) => e.isSelectingDate = !0)
-        }, {
-          title: T(() => [
-            E(m, {
-              strongest: "",
-              variant: "body",
-              el: "span"
-            }, {
-              default: T(() => [
-                ae(ne(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", "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(xe, [["render", Qe], ["__scopeId", "data-v-3a493e39"]]);
-export {
-  tt as default
-};
-//# sourceMappingURL=date-range-filter.J5p9ECm7.js.map