@adyen/bento-vue3 1.5.0 → 1.6.0

package/dist/header.js

@@ -1,24 +1,24 @@
-import { defineComponent as X, computed as b, openBlock as p, createElementBlock as H, createElementVNode as h, createVNode as Y, unref as _, createBlock as g, createCommentVNode as v, resolveComponent as T, mergeProps as G, withCtx as A, createTextVNode as S, toDisplayString as E } from "vue";
-import { BentoMenu as L } from "./menu.js";
-import { BentoButtonActions as V } from "./button.js";
-import { _ as k } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { BentoInfoIcon as W } from "./info-icon.js";
-import { u as q } from "./chunks/use-has-slot.3daaffc6.js";
-import { B as F, c as x, a as j } from "./chunks/index.32ed68b7.js";
-import { u as z } from "./chunks/i18n.6c402773.js";
-import { c as M, a as J } from "./chunks/index.86453263.js";
-import { r as d, t as c, e as I, g as O, d as K, f as Q } from "./chunks/index.f55fdc32.js";
-import { e as Z } from "./chunks/index.fdf12170.js";
-import "./assets/index24.css";
-function ee(e, n) {
+import { defineComponent as C, computed as _, openBlock as p, createElementBlock as X, createElementVNode as v, createVNode as H, unref as h, createBlock as g, createCommentVNode as M, resolveComponent as T, normalizeClass as G, mergeProps as L, withCtx as A, createTextVNode as S, toDisplayString as E } from "vue";
+import { BentoMenu as V } from "./menu.js";
+import { BentoButtonActions as W } from "./button.js";
+import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { BentoInfoIcon as q } from "./info-icon.js";
+import { u as z } from "./chunks/use-has-slot.4d98bf29.js";
+import { B as F, c as O, a as j } from "./chunks/index.9fc54b60.js";
+import { u as J } from "./chunks/i18n.6c402773.js";
+import { c as b, a as K } from "./chunks/index.86453263.js";
+import { r as d, t as c, e as N, g as w, d as Q, f as Z } from "./chunks/index.f55fdc32.js";
+import { e as ee } from "./chunks/index.fdf12170.js";
+import "./assets/index7.css";
+function te(e, n) {
   d(2, arguments);
   var o = c(e), t = c(n), r = o.getFullYear() - t.getFullYear(), a = o.getMonth() - t.getMonth();
   return r * 12 + a;
 }
-function te(e, n) {
+function ne(e, n) {
   return d(2, arguments), c(e).getTime() - c(n).getTime();
 }
-var w = {
+var x = {
   ceil: Math.ceil,
   round: Math.round,
   floor: Math.floor,
@@ -26,86 +26,86 @@ var w = {
     return e < 0 ? Math.ceil(e) : Math.floor(e);
   }
   // Math.trunc is not supported by IE
-}, ne = "trunc";
-function ae(e) {
-  return e ? w[e] : w[ne];
-}
+}, ae = "trunc";
 function oe(e) {
+  return e ? x[e] : x[ae];
+}
+function re(e) {
   d(1, arguments);
   var n = c(e), o = n.getMonth();
   return n.setFullYear(n.getFullYear(), o + 1, 0), n.setHours(23, 59, 59, 999), n;
 }
-function re(e) {
+function se(e) {
   d(1, arguments);
   var n = c(e);
-  return Z(n).getTime() === oe(n).getTime();
+  return ee(n).getTime() === re(n).getTime();
 }
-function se(e, n) {
+function ie(e, n) {
   d(2, arguments);
-  var o = c(e), t = c(n), r = M(o, t), a = Math.abs(ee(o, t)), s;
+  var o = c(e), t = c(n), r = b(o, t), a = Math.abs(te(o, t)), s;
   if (a < 1)
     s = 0;
   else {
     o.getMonth() === 1 && o.getDate() > 27 && o.setDate(30), o.setMonth(o.getMonth() - r * a);
-    var u = M(o, t) === -r;
-    re(c(e)) && a === 1 && M(e, t) === 1 && (u = !1), s = r * (a - Number(u));
+    var l = b(o, t) === -r;
+    se(c(e)) && a === 1 && b(e, t) === 1 && (l = !1), s = r * (a - Number(l));
   }
   return s === 0 ? 0 : s;
 }
-function ie(e, n, o) {
+function ce(e, n, o) {
   d(2, arguments);
-  var t = te(e, n) / 1e3;
-  return ae(o == null ? void 0 : o.roundingMethod)(t);
+  var t = ne(e, n) / 1e3;
+  return oe(o == null ? void 0 : o.roundingMethod)(t);
 }
-var U = 1440, ce = 2520, D = 43200, ue = 86400;
-function le(e, n) {
+var U = 1440, le = 2520, D = 43200, ue = 86400;
+function de(e, n) {
   var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   d(2, arguments);
-  var t = o.locale || I;
+  var t = o.locale || N;
   if (!t.formatDistance)
     throw new RangeError("locale must contain formatDistance property");
-  var r = M(e, n);
+  var r = b(e, n);
   if (isNaN(r))
     throw new RangeError("Invalid time value");
-  var a = J(o);
+  var a = K(o);
   a.addSuffix = !!o.addSuffix, a.comparison = r;
-  var s, u;
-  r > 0 ? (s = c(n), u = c(e)) : (s = c(e), u = c(n));
-  var l = ie(u, s), C = (O(u) - O(s)) / 1e3, i = Math.round((l - C) / 60), f;
+  var s, l;
+  r > 0 ? (s = c(n), l = c(e)) : (s = c(e), l = c(n));
+  var u = ce(l, s), Y = (w(l) - w(s)) / 1e3, i = Math.round((u - Y) / 60), m;
   if (i < 2)
-    return o.includeSeconds ? l < 5 ? t.formatDistance("lessThanXSeconds", 5, a) : l < 10 ? t.formatDistance("lessThanXSeconds", 10, a) : l < 20 ? t.formatDistance("lessThanXSeconds", 20, a) : l < 40 ? t.formatDistance("halfAMinute", null, a) : l < 60 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", 1, a) : i === 0 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", i, a);
+    return o.includeSeconds ? u < 5 ? t.formatDistance("lessThanXSeconds", 5, a) : u < 10 ? t.formatDistance("lessThanXSeconds", 10, a) : u < 20 ? t.formatDistance("lessThanXSeconds", 20, a) : u < 40 ? t.formatDistance("halfAMinute", null, a) : u < 60 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", 1, a) : i === 0 ? t.formatDistance("lessThanXMinutes", 1, a) : t.formatDistance("xMinutes", i, a);
   if (i < 45)
     return t.formatDistance("xMinutes", i, a);
   if (i < 90)
     return t.formatDistance("aboutXHours", 1, a);
   if (i < U) {
-    var P = Math.round(i / 60);
-    return t.formatDistance("aboutXHours", P, a);
+    var k = Math.round(i / 60);
+    return t.formatDistance("aboutXHours", k, a);
   } else {
-    if (i < ce)
+    if (i < le)
       return t.formatDistance("xDays", 1, a);
     if (i < D) {
       var R = Math.round(i / U);
       return t.formatDistance("xDays", R, a);
     } else if (i < ue)
-      return f = Math.round(i / D), t.formatDistance("aboutXMonths", f, a);
+      return m = Math.round(i / D), t.formatDistance("aboutXMonths", m, a);
   }
-  if (f = se(u, s), f < 12) {
+  if (m = ie(l, s), m < 12) {
     var $ = Math.round(i / D);
     return t.formatDistance("xMonths", $, a);
   } else {
-    var N = f % 12, y = Math.floor(f / 12);
-    return N < 3 ? t.formatDistance("aboutXYears", y, a) : N < 9 ? t.formatDistance("overXYears", y, a) : t.formatDistance("almostXYears", y + 1, a);
+    var I = m % 12, y = Math.floor(m / 12);
+    return I < 3 ? t.formatDistance("aboutXYears", y, a) : I < 9 ? t.formatDistance("overXYears", y, a) : t.formatDistance("almostXYears", y + 1, a);
   }
 }
-function de(e, n) {
-  return d(1, arguments), le(e, Date.now(), n);
+function fe(e, n) {
+  return d(1, arguments), de(e, Date.now(), n);
 }
-const fe = { class: "b-button-actions-with-menu" }, me = {
+const me = { class: "b-button-actions-with-menu" }, pe = {
   role: "group",
   class: "b-button-actions-with-menu__container-wrapper"
-}, pe = {}, _e = /* @__PURE__ */ X({
-  ...pe,
+}, _e = {}, he = /* @__PURE__ */ C({
+  ..._e,
   __name: "button-actions-with-menu",
   props: {
     /**
@@ -156,7 +156,7 @@ const fe = { class: "b-button-actions-with-menu" }, me = {
     }
   },
   setup(e) {
-    const n = e, o = b(() => n.actions.slice(0, n.displayedActions)), t = b(
+    const n = e, o = _(() => n.actions.slice(0, n.displayedActions)), t = _(
       () => n.displayedActions && n.displayedActions < n.actions.length ? n.actions.slice(n.displayedActions, n.actions.length).map((r) => ({
         text: r.title,
         handler: r.event,
@@ -165,30 +165,30 @@ const fe = { class: "b-button-actions-with-menu" }, me = {
         disabled: r.disabled
       })) : []
     );
-    return (r, a) => (p(), H("div", fe, [
-      h("div", me, [
-        Y(_(V), { actions: _(o) }, null, 8, ["actions"]),
-        _(t).length ? (p(), g(L, {
+    return (r, a) => (p(), X("div", me, [
+      v("div", pe, [
+        H(h(W), { actions: h(o) }, null, 8, ["actions"]),
+        h(t).length ? (p(), g(V, {
           key: 0,
-          data: _(t)
-        }, null, 8, ["data"])) : v("", !0)
+          data: h(t)
+        }, null, 8, ["data"])) : M("", !0)
       ])
     ]));
   }
 });
-const he = /* @__PURE__ */ k(_e, [["__scopeId", "data-v-d6721ccb"]]);
-var m = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(m || {});
+const ve = /* @__PURE__ */ P(he, [["__scopeId", "data-v-d6721ccb"]]);
+var f = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(f || {});
 const B = {
   "en-US": {
     lastUpdated: "Last updated: {date} ago"
   }
-}, ge = X({
+}, ge = C({
   i18n: { messages: B },
   name: "bento-header",
   components: {
     BentoTypography: F,
-    ButtonActionsWithMenu: he,
-    BentoInfoIcon: W
+    ButtonActionsWithMenu: ve,
+    BentoInfoIcon: q
   },
   props: {
     /**
@@ -197,8 +197,8 @@ const B = {
      */
     variant: {
       type: String,
-      default: m.PAGE,
-      validator: (e) => Object.values(m).includes(e)
+      default: f.PAGE,
+      validator: (e) => Object.values(f).includes(e)
     },
     /**
      * Text used as a title
@@ -221,43 +221,48 @@ const B = {
     lastUpdated: { type: [Date, Number], default: null }
   },
   setup(e, { slots: n }) {
-    const { t: o, locale: t } = z({ messages: B }), r = { de: K, enUS: I, fr: Q }, a = b(() => ({
-      el: e.variant === m.PAGE ? x.H1 : x.H2,
+    const { t: o, locale: t } = J({ messages: B }), r = { de: Q, enUS: N, fr: Z }, a = _(() => ({
+      "b-header--component": e.variant === f.COMPONENT
+    })), s = _(() => ({
+      el: e.variant === f.PAGE ? O.H1 : O.H2,
       variant: j.TITLE,
-      medium: e.variant === m.COMPONENT,
-      large: e.variant === m.PAGE
-    })), s = b(
+      medium: e.variant === f.COMPONENT,
+      large: e.variant === f.PAGE
+    })), l = _(
       () => e.lastUpdated ? o("lastUpdated", {
-        date: de(e.lastUpdated, {
-          locale: r[t.value.substring(0, 2)] || I
+        date: fe(e.lastUpdated, {
+          locale: r[t.value.substring(0, 2)] || N
         })
       }) : null
     );
     return {
-      hasSlot: q(n),
-      timestamp: s,
-      typography: a
+      hasSlot: z(n),
+      conditionalClasses: a,
+      timestamp: l,
+      typography: s
     };
   }
 });
-const ve = { class: "b-header" }, Me = { class: "b-header__wrapper" }, be = { class: "b-header__title" };
+const Me = { class: "b-header__wrapper" }, be = { class: "b-header__title" };
 function ye(e, n, o, t, r, a) {
-  const s = T("bento-typography"), u = T("bento-info-icon"), l = T("button-actions-with-menu");
-  return p(), H("div", ve, [
-    h("div", Me, [
-      h("div", be, [
-        h("div", null, [
-          Y(s, G(e.typography, { class: "b-header__text" }), {
+  const s = T("bento-typography"), l = T("bento-info-icon"), u = T("button-actions-with-menu");
+  return p(), X("div", {
+    class: G(["b-header", e.conditionalClasses])
+  }, [
+    v("div", Me, [
+      v("div", be, [
+        v("div", null, [
+          H(s, L(e.typography, { class: "b-header__text" }), {
             default: A(() => [
               S(E(e.title), 1)
             ]),
             _: 1
           }, 16),
-          e.infoIconTooltipText ? (p(), g(u, {
+          e.infoIconTooltipText ? (p(), g(l, {
             key: 0,
             "tooltip-text": e.infoIconTooltipText,
             class: "b-header__tooltip"
-          }, null, 8, ["tooltip-text"])) : v("", !0)
+          }, null, 8, ["tooltip-text"])) : M("", !0)
         ]),
         e.lastUpdated ? (p(), g(s, {
           key: 0,
@@ -269,18 +274,18 @@ function ye(e, n, o, t, r, a) {
             S(E(e.timestamp), 1)
           ]),
           _: 1
-        })) : v("", !0)
+        })) : M("", !0)
       ]),
-      e.actions ? (p(), g(l, {
+      e.actions ? (p(), g(u, {
         key: 0,
         actions: e.actions,
         "displayed-actions": 2,
         class: "b-header__actions"
-      }, null, 8, ["actions"])) : v("", !0)
+      }, null, 8, ["actions"])) : M("", !0)
     ])
-  ]);
+  ], 2);
 }
-const Be = /* @__PURE__ */ k(ge, [["render", ye], ["__scopeId", "data-v-6c5091b9"]]);
+const Be = /* @__PURE__ */ P(ge, [["render", ye], ["__scopeId", "data-v-11801646"]]);
 export {
   Be as BentoHeader
 };

package/dist/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../node_modules/date-fns/esm/endOfMonth/index.js","../../../node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../node_modules/date-fns/esm/differenceInMonths/index.js","../../../node_modules/date-fns/esm/differenceInSeconds/index.js","../../../node_modules/date-fns/esm/formatDistance/index.js","../../../node_modules/date-fns/esm/formatDistanceToNow/index.js","../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue","../../vue2/src/components/header/header.types.ts","../../vue2/src/components/header/header.vue"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of calendar months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * var result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\n\nexport default function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();\n  var monthDiff = dateLeft.getMonth() - dateRight.getMonth();\n  return yearDiff * 12 + monthDiff;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of milliseconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\n\nexport default function differenceInMilliseconds(dateLeft, dateRight) {\n  requiredArgs(2, arguments);\n  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();\n}","var roundingMap = {\n  ceil: Math.ceil,\n  round: Math.round,\n  floor: Math.floor,\n  trunc: function (value) {\n    return value < 0 ? Math.ceil(value) : Math.floor(value);\n  } // Math.trunc is not supported by IE\n\n};\nvar defaultRoundingMethod = 'trunc';\nexport function getRoundingMethod(method) {\n  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\n\nexport default function endOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  var month = date.getMonth();\n  date.setFullYear(date.getFullYear(), month + 1, 0);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}","import toDate from \"../toDate/index.js\";\nimport endOfDay from \"../endOfDay/index.js\";\nimport endOfMonth from \"../endOfMonth/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is the last day of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * var result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\n\nexport default function isLastDayOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  return endOfDay(date).getTime() === endOfMonth(date).getTime();\n}","import toDate from \"../toDate/index.js\";\nimport differenceInCalendarMonths from \"../differenceInCalendarMonths/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport isLastDayOfMonth from \"../isLastDayOfMonth/index.js\";\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @description\n * Get the number of full months between the given dates using trunc as a default rounding method.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of full months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\n\nexport default function differenceInMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));\n  var result; // Check for the difference of less than month\n\n  if (difference < 1) {\n    result = 0;\n  } else {\n    if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {\n      // This will check if the date is end of Feb and assign a higher end of month date\n      // to compare it with Jan\n      dateLeft.setDate(30);\n    }\n\n    dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full\n    // If so, result must be decreased by 1 in absolute value\n\n    var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month\n\n    if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {\n      isLastMonthNotFull = false;\n    }\n\n    result = sign * (difference - Number(isLastMonthNotFull));\n  } // Prevent negative zero\n\n\n  return result === 0 ? 0 : result;\n}","import differenceInMilliseconds from \"../differenceInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { getRoundingMethod } from \"../_lib/roundingMethods/index.js\";\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @param {Object} [options] - an object with options.\n * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)\n * @returns {Number} the number of seconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\n\nexport default function differenceInSeconds(dateLeft, dateRight, options) {\n  requiredArgs(2, arguments);\n  var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;\n  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);\n}","import compareAsc from \"../compareAsc/index.js\";\nimport differenceInMonths from \"../differenceInMonths/index.js\";\nimport differenceInSeconds from \"../differenceInSeconds/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MINUTES_IN_DAY = 1440;\nvar MINUTES_IN_ALMOST_TWO_DAYS = 2520;\nvar MINUTES_IN_MONTH = 43200;\nvar MINUTES_IN_TWO_MONTHS = 86400;\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWords ` to `formatDistance`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWords(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *\n *   // v2.0.0 onward\n *\n *   formatDistance(\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistance(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var seconds = differenceInSeconds(dateRight, dateLeft);\n  var offsetInSeconds = (getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft)) / 1000;\n  var minutes = Math.round((seconds - offsetInSeconds) / 60);\n  var months; // 0 up to 2 mins\n\n  if (minutes < 2) {\n    if (options.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance('lessThanXSeconds', 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance('lessThanXSeconds', 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance('lessThanXSeconds', 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance('halfAMinute', null, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', minutes, localizeOptions);\n      }\n    } // 2 mins up to 0.75 hrs\n\n  } else if (minutes < 45) {\n    return locale.formatDistance('xMinutes', minutes, localizeOptions); // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance('aboutXHours', 1, localizeOptions); // 1.5 hrs up to 24 hrs\n  } else if (minutes < MINUTES_IN_DAY) {\n    var hours = Math.round(minutes / 60);\n    return locale.formatDistance('aboutXHours', hours, localizeOptions); // 1 day up to 1.75 days\n  } else if (minutes < MINUTES_IN_ALMOST_TWO_DAYS) {\n    return locale.formatDistance('xDays', 1, localizeOptions); // 1.75 days up to 30 days\n  } else if (minutes < MINUTES_IN_MONTH) {\n    var days = Math.round(minutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 month up to 2 months\n  } else if (minutes < MINUTES_IN_TWO_MONTHS) {\n    months = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('aboutXMonths', months, localizeOptions);\n  }\n\n  months = differenceInMonths(dateRight, dateLeft); // 2 months up to 12 months\n\n  if (months < 12) {\n    var nearestMonth = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('xMonths', nearestMonth, localizeOptions); // 1 year up to max Date\n  } else {\n    var monthsSinceStartOfYear = months % 12;\n    var years = Math.floor(months / 12); // N years up to 1 years 3 months\n\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance('aboutXYears', years, localizeOptions); // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance('overXYears', years, localizeOptions); // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance('almostXYears', years + 1, localizeOptions);\n    }\n  }\n}","import distanceInWords from \"../formatDistance/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsToNow ` to `formatDistanceToNow`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *   ```\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result specifies if now is earlier or later than the passed date\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistanceToNow(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return distanceInWords(dirtyDate, Date.now(), dirtyOptions);\n}","<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = defineProps({\n        /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: BentoButtonVariant.PRIMARY,\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n","<template>\n    <div class=\"b-header\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <bento-info-icon\n                        v-if=\"infoIconTooltipText\"\n                        :tooltip-text=\"infoIconTooltipText\"\n                        class=\"b-header__tooltip\"\n                    />\n                </div>\n                <bento-typography v-if=\"lastUpdated\" class=\"b-header__timestamp\" el=\"div\" variant=\"caption\">\n                    {{ timestamp }}\n                </bento-typography>\n            </div>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { useHasSlot } from '@/composables';\n    import { BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import formatDistanceToNow from 'date-fns/formatDistanceToNow';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            BentoInfoIcon,\n        },\n        props: {\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n        },\n        setup(props, { slots }) {\n            const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n            // TODO to replace with dynamic import\n            const locales = { de, enUS, fr };\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n\n            const timestamp = computed(() =>\n                props.lastUpdated\n                    ? t('lastUpdated', {\n                          date: formatDistanceToNow(props.lastUpdated, {\n                              locale: locales[locale.value.substring(0, 2)] || enUS,\n                          }),\n                      })\n                    : null\n            );\n            return {\n                hasSlot: useHasSlot(slots),\n                timestamp,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["differenceInCalendarMonths","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","yearDiff","monthDiff","differenceInMilliseconds","roundingMap","value","defaultRoundingMethod","getRoundingMethod","method","endOfMonth","dirtyDate","date","month","isLastDayOfMonth","endOfDay","differenceInMonths","sign","compareAsc","difference","result","isLastMonthNotFull","differenceInSeconds","options","diff","MINUTES_IN_DAY","MINUTES_IN_ALMOST_TWO_DAYS","MINUTES_IN_MONTH","MINUTES_IN_TWO_MONTHS","formatDistance","dirtyBaseDate","locale","enUS","comparison","localizeOptions","cloneObject","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","hours","days","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","dirtyOptions","__default__","computedActions","computed","props","computedMenuActions","el","BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","messages","BentoTypography","ButtonActionsWithMenu","BentoInfoIcon","slots","t","useI18n","locales","de","fr","typography","BentoTypographyElement","BentoTypographyVariant","timestamp","useHasSlot","_component_button_actions_with_menu","resolveComponent","createElementVNode","_hoisted_2","_hoisted_3","createVNode","_component_bento_typography","mergeProps","_ctx","withCtx","openBlock","createBlock","_component_bento_info_icon"],"mappings":";;;;;;;;;;;;AA4Be,SAAAA,GAAAC,GAAAC,GAAA;AACf,EAAAC,EAAA,GAAA,SAAA;AACA,MAAAC,IAAAC,EAAAJ,CAAA,GACAK,IAAAD,EAAAH,CAAA,GACAK,IAAAH,EAAA,YAAA,IAAAE,EAAA,YAAA,GACAE,IAAAJ,EAAA,SAAA,IAAAE,EAAA,SAAA;AACA,SAAAC,IAAA,KAAAC;AACA;ACNe,SAAAC,GAAAL,GAAAE,GAAA;AACf,SAAAH,EAAA,GAAA,SAAA,GACAE,EAAAD,CAAA,EAAA,QAAA,IAAAC,EAAAC,CAAA,EAAA,QAAA;AACA;AChCA,IAAAI,IAAA;AAAA,EACA,MAAA,KAAA;AAAA,EACA,OAAA,KAAA;AAAA,EACA,OAAA,KAAA;AAAA,EACA,OAAA,SAAAC,GAAA;AACA,WAAAA,IAAA,IAAA,KAAA,KAAAA,CAAA,IAAA,KAAA,MAAAA,CAAA;AAAA,EACA;AAAA;AAEA,GACAC,KAAA;AACO,SAAAC,GAAAC,GAAA;AACP,SAAAA,IAAAJ,EAAAI,CAAA,IAAAJ,EAAAE,EAAA;AACA;ACae,SAAAG,GAAAC,GAAA;AACf,EAAAb,EAAA,GAAA,SAAA;AACA,MAAAc,IAAAZ,EAAAW,CAAA,GACAE,IAAAD,EAAA,SAAA;AACA,SAAAA,EAAA,YAAAA,EAAA,YAAA,GAAAC,IAAA,GAAA,CAAA,GACAD,EAAA,SAAA,IAAA,IAAA,IAAA,GAAA,GACAA;AACA;ACNe,SAAAE,GAAAH,GAAA;AACf,EAAAb,EAAA,GAAA,SAAA;AACA,MAAAc,IAAAZ,EAAAW,CAAA;AACA,SAAAI,EAAAH,CAAA,EAAA,QAAA,MAAAF,GAAAE,CAAA,EAAA,QAAA;AACA;ACFe,SAAAI,GAAApB,GAAAC,GAAA;AACf,EAAAC,EAAA,GAAA,SAAA;AACA,MAAAC,IAAAC,EAAAJ,CAAA,GACAK,IAAAD,EAAAH,CAAA,GACAoB,IAAAC,EAAAnB,GAAAE,CAAA,GACAkB,IAAA,KAAA,IAAAxB,GAAAI,GAAAE,CAAA,CAAA,GACAmB;AAEA,MAAAD,IAAA;AACA,IAAAC,IAAA;AAAA,OACA;AACA,IAAArB,EAAA,SAAA,MAAA,KAAAA,EAAA,QAAA,IAAA,MAGAA,EAAA,QAAA,EAAA,GAGAA,EAAA,SAAAA,EAAA,SAAA,IAAAkB,IAAAE,CAAA;AAGA,QAAAE,IAAAH,EAAAnB,GAAAE,CAAA,MAAA,CAAAgB;AAEA,IAAAH,GAAAd,EAAAJ,CAAA,CAAA,KAAAuB,MAAA,KAAAD,EAAAtB,GAAAK,CAAA,MAAA,MACAoB,IAAA,KAGAD,IAAAH,KAAAE,IAAA,OAAAE,CAAA;AAAA;AAIA,SAAAD,MAAA,IAAA,IAAAA;AACA;AC3Be,SAAAE,GAAAvB,GAAAE,GAAAsB,GAAA;AACf,EAAAzB,EAAA,GAAA,SAAA;AACA,MAAA0B,IAAApB,GAAAL,GAAAE,CAAA,IAAA;AACA,SAAAO,GAAAe,KAAA,OAAA,SAAAA,EAAA,cAAA,EAAAC,CAAA;AACA;AC5BA,IAAAC,IAAA,MACAC,KAAA,MACAC,IAAA,OACAC,KAAA;AA8Ge,SAAAC,GAAAlB,GAAAmB,GAAA;AACf,MAAAP,IAAA,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAA,CAAA;AACA,EAAAzB,EAAA,GAAA,SAAA;AACA,MAAAiC,IAAAR,EAAA,UAAAS;AAEA,MAAA,CAAAD,EAAA;AACA,UAAA,IAAA,WAAA,6CAAA;AAGA,MAAAE,IAAAf,EAAAP,GAAAmB,CAAA;AAEA,MAAA,MAAAG,CAAA;AACA,UAAA,IAAA,WAAA,oBAAA;AAGA,MAAAC,IAAAC,EAAAZ,CAAA;AACA,EAAAW,EAAA,YAAA,EAAAX,EAAA,WACAW,EAAA,aAAAD;AACA,MAAAlC,GACAE;AAEA,EAAAgC,IAAA,KACAlC,IAAAC,EAAA8B,CAAA,GACA7B,IAAAD,EAAAW,CAAA,MAEAZ,IAAAC,EAAAW,CAAA,GACAV,IAAAD,EAAA8B,CAAA;AAGA,MAAAM,IAAAd,GAAArB,GAAAF,CAAA,GACAsC,KAAAC,EAAArC,CAAA,IAAAqC,EAAAvC,CAAA,KAAA,KACAwC,IAAA,KAAA,OAAAH,IAAAC,KAAA,EAAA,GACAG;AAEA,MAAAD,IAAA;AACA,WAAAhB,EAAA,iBACAa,IAAA,IACAL,EAAA,eAAA,oBAAA,GAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,IAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,IAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,eAAA,MAAAG,CAAA,IACAE,IAAA,KACAL,EAAA,eAAA,oBAAA,GAAAG,CAAA,IAEAH,EAAA,eAAA,YAAA,GAAAG,CAAA,IAGAK,MAAA,IACAR,EAAA,eAAA,oBAAA,GAAAG,CAAA,IAEAH,EAAA,eAAA,YAAAQ,GAAAL,CAAA;AAIA,MAAAK,IAAA;AACA,WAAAR,EAAA,eAAA,YAAAQ,GAAAL,CAAA;AACA,MAAAK,IAAA;AACA,WAAAR,EAAA,eAAA,eAAA,GAAAG,CAAA;AACA,MAAAK,IAAAd,GAAA;AACA,QAAAgB,IAAA,KAAA,MAAAF,IAAA,EAAA;AACA,WAAAR,EAAA,eAAA,eAAAU,GAAAP,CAAA;AAAA,SACA;AAAA,QAAAK,IAAAb;AACA,aAAAK,EAAA,eAAA,SAAA,GAAAG,CAAA;AACA,QAAAK,IAAAZ,GAAA;AACA,UAAAe,IAAA,KAAA,MAAAH,IAAAd,CAAA;AACA,aAAAM,EAAA,eAAA,SAAAW,GAAAR,CAAA;AAAA,eACAK,IAAAX;AACA,aAAAY,IAAA,KAAA,MAAAD,IAAAZ,CAAA,GACAI,EAAA,eAAA,gBAAAS,GAAAN,CAAA;AAAA;AAKA,MAFAM,IAAAxB,GAAAf,GAAAF,CAAA,GAEAyC,IAAA,IAAA;AACA,QAAAG,IAAA,KAAA,MAAAJ,IAAAZ,CAAA;AACA,WAAAI,EAAA,eAAA,WAAAY,GAAAT,CAAA;AAAA,SACA;AACA,QAAAU,IAAAJ,IAAA,IACAK,IAAA,KAAA,MAAAL,IAAA,EAAA;AAEA,WAAAI,IAAA,IACAb,EAAA,eAAA,eAAAc,GAAAX,CAAA,IACAU,IAAA,IACAb,EAAA,eAAA,cAAAc,GAAAX,CAAA,IAEAH,EAAA,eAAA,gBAAAc,IAAA,GAAAX,CAAA;AAAA;AAGA;ACxGe,SAAAY,GAAAnC,GAAAoC,GAAA;AACf,SAAAjD,EAAA,GAAA,SAAA,GACA+B,GAAAlB,GAAA,KAAA,IAAA,GAAAoC,CAAA;AACA;;;;GCmBIC,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAzCAC,IAAAC,EAAA,MAAAC,EAAA,QAAA,MAAA,GAAAA,EAAA,gBAAA,CAAA,GAEAC,IAAAF;AAAA,MAA4B,MAAAC,EAAA,oBAAAA,EAAA,mBAAAA,EAAA,QAAA,SAAAA,EAAA,QAAA,MAAAA,EAAA,kBAAAA,EAAA,QAAA,MAAA,EAAA,IAAA,CAAAE,OAAA;AAAA,QAE4D,MAAAA,EAAA;AAAA,QACjE,SAAAA,EAAA;AAAA,QACG,MAAAA,EAAA;AAAA,QACH,UAAAA,EAAA;AAAA,QACI,UAAAA,EAAA;AAAA,MACA,EAAA,IAAA,CAAA;AAAA,IAEhB;;;;;;;;;;;;;ACjGH,IAAAC,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA;;;;;GCsCRE,KAAAC,EAAA;AAAA,EAA+B,MAAA,EAAA,UAAAC,EAAA;AAAA,EACV,MAAA;AAAA,EACX,YAAA;AAAA,IACM,iBAAAC;AAAA,IACR,uBAAAC;AAAA,IACA,eAAAC;AAAA,EACA;AAAA,EACJ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACO,SAAA;AAAA,MAKM,MAAA;AAAA,MACC,SAAAP,EAAA;AAAA,MACsB,WAAA,CAAAhD,MAAA,OAAA,OAAAgD,CAAA,EAAA,SAAAhD,CAAA;AAAA,IAC8D;AAAA;AAAA;AAAA;AAAA,IAC9F,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIsC,qBAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAIa,SAAA;AAAA,MAI1C,MAAA;AAAA,MACC,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA,IACb,aAAA,EAAA,MAAA,CAAA,MAAA,MAAA,GAAA,SAAA,KAAA;AAAA,EAImD;AAAA,EACvD,MAAA6C,GAAA,EAAA,OAAAW,EAAA,GAAA;AAEI,UAAA,EAAA,GAAAC,GAAA,QAAAhC,EAAA,IAAAiC,EAAA,EAAA,UAAAN,EAAA,CAAA,GAEAO,IAAA,EAAA,IAAAC,GAAA,MAAAlC,GAAA,IAAAmC,EAAA,GAEAC,IAAAlB,EAAA,OAAA;AAAA,MAAmC,IAAAC,EAAA,YAAAG,EAAA,OAAAe,EAAA,KAAAA,EAAA;AAAA,MACoE,SAAAC,EAAA;AAAA,MACnE,QAAAnB,EAAA,YAAAG,EAAA;AAAA,MACa,OAAAH,EAAA,YAAAG,EAAA;AAAA,IACD,EAAA,GAGhDiB,IAAArB;AAAA,MAAkB,MAAAC,EAAA,cAAAY,EAAA,eAAA;AAAA,QAES,MAAAjB,GAAAK,EAAA,aAAA;AAAA,UACgC,QAAAc,EAAAlC,EAAA,MAAA,UAAA,GAAA,CAAA,CAAA,KAAAC;AAAA,QACQ,CAAA;AAAA,MACpD,CAAA,IAAA;AAAA,IAEL;AAEV,WAAA;AAAA,MAAO,SAAAwC,EAAAV,CAAA;AAAA,MACsB,WAAAS;AAAA,MACzB,YAAAH;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;;6DAnFMK,IAAAC,EAAA,0BAAA;;IARQC,EAAA,OAAAC,IAAA;AAAA,MAJID,EAAA,OAAAE,IAAA;AAAA,QANyFF,EAAA,OAAA,MAAA;AAAA,UAAnBG,EAAAC,GAAAC,EAAAC,EAAA,YAAA,EAAA,OAAA,iBAAA,CAAA,GAAA;AAAA,YAAH,SAAAC,EAAA,MAAA;AAAA;;YAE3D,GAAA;AAAA,UAAA,GAAA,EAAA;AAAA,UACLD,EAAA,uBAAAE,EAAA,GAAAC,EAAAC,GAAA;AAAA,YAAiC,KAAA;AAAA,YAC7B,gBAAAJ,EAAA;AAAA;;QAGsB,CAAA;AAAA;UAA6B,KAAA;AAAA,UAAI,OAAA;AAAA,UAAa,IAAA;AAAA;;;;;;;MAKpE,CAAA;AAAA;QACI,KAAA;AAAA,QAChB,SAAAA,EAAA;AAAA,QACK,qBAAA;AAAA;;;;;;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}
+{"version":3,"file":"header.js","sources":["../../../node_modules/date-fns/esm/differenceInCalendarMonths/index.js","../../../node_modules/date-fns/esm/differenceInMilliseconds/index.js","../../../node_modules/date-fns/esm/_lib/roundingMethods/index.js","../../../node_modules/date-fns/esm/endOfMonth/index.js","../../../node_modules/date-fns/esm/isLastDayOfMonth/index.js","../../../node_modules/date-fns/esm/differenceInMonths/index.js","../../../node_modules/date-fns/esm/differenceInSeconds/index.js","../../../node_modules/date-fns/esm/formatDistance/index.js","../../../node_modules/date-fns/esm/formatDistanceToNow/index.js","../../vue2/src/components/internal/button-actions-with-menu/button-actions-with-menu.vue","../../vue2/src/components/header/header.types.ts","../../vue2/src/components/header/header.vue"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of calendar months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * var result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\n\nexport default function differenceInCalendarMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var yearDiff = dateLeft.getFullYear() - dateRight.getFullYear();\n  var monthDiff = dateLeft.getMonth() - dateRight.getMonth();\n  return yearDiff * 12 + monthDiff;\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name differenceInMilliseconds\n * @category Millisecond Helpers\n * @summary Get the number of milliseconds between the given dates.\n *\n * @description\n * Get the number of milliseconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of milliseconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many milliseconds are between\n * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?\n * const result = differenceInMilliseconds(\n *   new Date(2014, 6, 2, 12, 30, 21, 700),\n *   new Date(2014, 6, 2, 12, 30, 20, 600)\n * )\n * //=> 1100\n */\n\nexport default function differenceInMilliseconds(dateLeft, dateRight) {\n  requiredArgs(2, arguments);\n  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();\n}","var roundingMap = {\n  ceil: Math.ceil,\n  round: Math.round,\n  floor: Math.floor,\n  trunc: function (value) {\n    return value < 0 ? Math.ceil(value) : Math.floor(value);\n  } // Math.trunc is not supported by IE\n\n};\nvar defaultRoundingMethod = 'trunc';\nexport function getRoundingMethod(method) {\n  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\n\nexport default function endOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  var month = date.getMonth();\n  date.setFullYear(date.getFullYear(), month + 1, 0);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}","import toDate from \"../toDate/index.js\";\nimport endOfDay from \"../endOfDay/index.js\";\nimport endOfMonth from \"../endOfMonth/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is the last day of a month\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * var result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\n\nexport default function isLastDayOfMonth(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  return endOfDay(date).getTime() === endOfMonth(date).getTime();\n}","import toDate from \"../toDate/index.js\";\nimport differenceInCalendarMonths from \"../differenceInCalendarMonths/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport isLastDayOfMonth from \"../isLastDayOfMonth/index.js\";\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @description\n * Get the number of full months between the given dates using trunc as a default rounding method.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of full months\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\n\nexport default function differenceInMonths(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarMonths(dateLeft, dateRight));\n  var result; // Check for the difference of less than month\n\n  if (difference < 1) {\n    result = 0;\n  } else {\n    if (dateLeft.getMonth() === 1 && dateLeft.getDate() > 27) {\n      // This will check if the date is end of Feb and assign a higher end of month date\n      // to compare it with Jan\n      dateLeft.setDate(30);\n    }\n\n    dateLeft.setMonth(dateLeft.getMonth() - sign * difference); // Math.abs(diff in full months - diff in calendar months) === 1 if last calendar month is not full\n    // If so, result must be decreased by 1 in absolute value\n\n    var isLastMonthNotFull = compareAsc(dateLeft, dateRight) === -sign; // Check for cases of one full calendar month\n\n    if (isLastDayOfMonth(toDate(dirtyDateLeft)) && difference === 1 && compareAsc(dirtyDateLeft, dateRight) === 1) {\n      isLastMonthNotFull = false;\n    }\n\n    result = sign * (difference - Number(isLastMonthNotFull));\n  } // Prevent negative zero\n\n\n  return result === 0 ? 0 : result;\n}","import differenceInMilliseconds from \"../differenceInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { getRoundingMethod } from \"../_lib/roundingMethods/index.js\";\n/**\n * @name differenceInSeconds\n * @category Second Helpers\n * @summary Get the number of seconds between the given dates.\n *\n * @description\n * Get the number of seconds between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @param {Object} [options] - an object with options.\n * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)\n * @returns {Number} the number of seconds\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many seconds are between\n * // 2 July 2014 12:30:07.999 and 2 July 2014 12:30:20.000?\n * const result = differenceInSeconds(\n *   new Date(2014, 6, 2, 12, 30, 20, 0),\n *   new Date(2014, 6, 2, 12, 30, 7, 999)\n * )\n * //=> 12\n */\n\nexport default function differenceInSeconds(dateLeft, dateRight, options) {\n  requiredArgs(2, arguments);\n  var diff = differenceInMilliseconds(dateLeft, dateRight) / 1000;\n  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);\n}","import compareAsc from \"../compareAsc/index.js\";\nimport differenceInMonths from \"../differenceInMonths/index.js\";\nimport differenceInSeconds from \"../differenceInSeconds/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MINUTES_IN_DAY = 1440;\nvar MINUTES_IN_ALMOST_TWO_DAYS = 2520;\nvar MINUTES_IN_MONTH = 43200;\nvar MINUTES_IN_TWO_MONTHS = 86400;\n/**\n * @name formatDistance\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words.\n *\n * | Distance between dates                                            | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance between dates | Result               |\n * |------------------------|----------------------|\n * | 0 secs ... 5 secs      | less than 5 seconds  |\n * | 5 secs ... 10 secs     | less than 10 seconds |\n * | 10 secs ... 20 secs    | less than 20 seconds |\n * | 20 secs ... 40 secs    | half a minute        |\n * | 40 secs ... 60 secs    | less than a minute   |\n * | 60 secs ... 90 secs    | 1 minute             |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWords ` to `formatDistance`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWords(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *\n *   // v2.0.0 onward\n *\n *   formatDistance(\n *     new Date(1986, 3, 4, 11, 32, 0),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { addSuffix: true }\n *   ) //=> 'in about 1 hour'\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistance(new Date(2014, 6, 2), new Date(2015, 0, 1))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00, including seconds?\n * const result = formatDistance(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0),\n *   { includeSeconds: true }\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistance(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> 'about 1 year ago'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistance(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistance(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var seconds = differenceInSeconds(dateRight, dateLeft);\n  var offsetInSeconds = (getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft)) / 1000;\n  var minutes = Math.round((seconds - offsetInSeconds) / 60);\n  var months; // 0 up to 2 mins\n\n  if (minutes < 2) {\n    if (options.includeSeconds) {\n      if (seconds < 5) {\n        return locale.formatDistance('lessThanXSeconds', 5, localizeOptions);\n      } else if (seconds < 10) {\n        return locale.formatDistance('lessThanXSeconds', 10, localizeOptions);\n      } else if (seconds < 20) {\n        return locale.formatDistance('lessThanXSeconds', 20, localizeOptions);\n      } else if (seconds < 40) {\n        return locale.formatDistance('halfAMinute', null, localizeOptions);\n      } else if (seconds < 60) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', 1, localizeOptions);\n      }\n    } else {\n      if (minutes === 0) {\n        return locale.formatDistance('lessThanXMinutes', 1, localizeOptions);\n      } else {\n        return locale.formatDistance('xMinutes', minutes, localizeOptions);\n      }\n    } // 2 mins up to 0.75 hrs\n\n  } else if (minutes < 45) {\n    return locale.formatDistance('xMinutes', minutes, localizeOptions); // 0.75 hrs up to 1.5 hrs\n  } else if (minutes < 90) {\n    return locale.formatDistance('aboutXHours', 1, localizeOptions); // 1.5 hrs up to 24 hrs\n  } else if (minutes < MINUTES_IN_DAY) {\n    var hours = Math.round(minutes / 60);\n    return locale.formatDistance('aboutXHours', hours, localizeOptions); // 1 day up to 1.75 days\n  } else if (minutes < MINUTES_IN_ALMOST_TWO_DAYS) {\n    return locale.formatDistance('xDays', 1, localizeOptions); // 1.75 days up to 30 days\n  } else if (minutes < MINUTES_IN_MONTH) {\n    var days = Math.round(minutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 month up to 2 months\n  } else if (minutes < MINUTES_IN_TWO_MONTHS) {\n    months = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('aboutXMonths', months, localizeOptions);\n  }\n\n  months = differenceInMonths(dateRight, dateLeft); // 2 months up to 12 months\n\n  if (months < 12) {\n    var nearestMonth = Math.round(minutes / MINUTES_IN_MONTH);\n    return locale.formatDistance('xMonths', nearestMonth, localizeOptions); // 1 year up to max Date\n  } else {\n    var monthsSinceStartOfYear = months % 12;\n    var years = Math.floor(months / 12); // N years up to 1 years 3 months\n\n    if (monthsSinceStartOfYear < 3) {\n      return locale.formatDistance('aboutXYears', years, localizeOptions); // N years 3 months up to N years 9 months\n    } else if (monthsSinceStartOfYear < 9) {\n      return locale.formatDistance('overXYears', years, localizeOptions); // N years 9 months up to N year 12 months\n    } else {\n      return locale.formatDistance('almostXYears', years + 1, localizeOptions);\n    }\n  }\n}","import distanceInWords from \"../formatDistance/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNow\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given date and now in words.\n *\n * | Distance to now                                                   | Result              |\n * |-------------------------------------------------------------------|---------------------|\n * | 0 ... 30 secs                                                     | less than a minute  |\n * | 30 secs ... 1 min 30 secs                                         | 1 minute            |\n * | 1 min 30 secs ... 44 mins 30 secs                                 | [2..44] minutes     |\n * | 44 mins ... 30 secs ... 89 mins 30 secs                           | about 1 hour        |\n * | 89 mins 30 secs ... 23 hrs 59 mins 30 secs                        | about [2..24] hours |\n * | 23 hrs 59 mins 30 secs ... 41 hrs 59 mins 30 secs                 | 1 day               |\n * | 41 hrs 59 mins 30 secs ... 29 days 23 hrs 59 mins 30 secs         | [2..30] days        |\n * | 29 days 23 hrs 59 mins 30 secs ... 44 days 23 hrs 59 mins 30 secs | about 1 month       |\n * | 44 days 23 hrs 59 mins 30 secs ... 59 days 23 hrs 59 mins 30 secs | about 2 months      |\n * | 59 days 23 hrs 59 mins 30 secs ... 1 yr                           | [2..12] months      |\n * | 1 yr ... 1 yr 3 months                                            | about 1 year        |\n * | 1 yr 3 months ... 1 yr 9 month s                                  | over 1 year         |\n * | 1 yr 9 months ... 2 yrs                                           | almost 2 years      |\n * | N yrs ... N yrs 3 months                                          | about N years       |\n * | N yrs 3 months ... N yrs 9 months                                 | over N years        |\n * | N yrs 9 months ... N+1 yrs                                        | almost N+1 years    |\n *\n * With `options.includeSeconds == true`:\n * | Distance to now     | Result               |\n * |---------------------|----------------------|\n * | 0 secs ... 5 secs   | less than 5 seconds  |\n * | 5 secs ... 10 secs  | less than 10 seconds |\n * | 10 secs ... 20 secs | less than 20 seconds |\n * | 20 secs ... 40 secs | half a minute        |\n * | 40 secs ... 60 secs | less than a minute   |\n * | 60 secs ... 90 secs | 1 minute             |\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsToNow ` to `formatDistanceToNow`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceToNow(new Date(2014, 6, 2), { addSuffix: true })\n *   //=> 'in 6 months'\n *   ```\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - the object with options\n * @param {Boolean} [options.includeSeconds=false] - distances less than a minute are more detailed\n * @param {Boolean} [options.addSuffix=false] - result specifies if now is earlier or later than the passed date\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNow(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNow(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   {includeSeconds: true}\n * )\n * //=> 'less than 20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNow(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in about 1 year'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNow(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> 'pli ol 1 jaro'\n */\n\nexport default function formatDistanceToNow(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return distanceInWords(dirtyDate, Date.now(), dirtyOptions);\n}","<template>\n    <div class=\"b-button-actions-with-menu\">\n        <div role=\"group\" class=\"b-button-actions-with-menu__container-wrapper\">\n            <bento-button-actions :actions=\"computedActions\" />\n            <bento-menu v-if=\"computedMenuActions.length\" :data=\"computedMenuActions\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType } from 'vue';\n    import BentoMenu from '@/components/menu/menu.vue';\n    import { BentoMenuItem } from '@/components/menu/components/menu-item/menu-item.types';\n    import { BentoButtonActions, BentoButtonActionsList } from '@/components/button';\n\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n    const props = defineProps({\n        /**\n             * List of actions that will be used to render the buttons.\n             * First element in the list will be rendered as \"primary\".\n             * All elements after the first will be rendered as \"secondary\".\n             *\n             * Each object in the list should have a `title`, an `event` and\n             * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n             *\n             * `title`: Button's text.\n             *\n             * `event`: Event triggered when clicking the Button.\n             *\n             * `icon` (optional): Vue Icon from the library `@adyen/ui-assets-icons-16`.\n             *\n             * @see BentoButton for a list of all the other props supported by each button action.\n             *\n             * ```\n             * [{\n             *   title: 'Primary',\n             *   event: () => { ... },\n             *   icon: FourPeopleIcon,\n             *   link: {\n                        variant: 'default',\n                        external: true,\n                        to: 'https://www.adyen.com/'\n                    },\n             * }, {\n             *   title: 'Secondary',\n             *   event: () => { ... }\n             *   disabled: true,\n             *   variant: BentoButtonVariant.PRIMARY,\n             *   critical: true\n             * }]\n             * ```\n             */\n        actions: {\n            type: Array as PropType<BentoButtonActionsList>,\n            required: true,\n        },\n\n        /**\n         * The number of actions to be displayed. The rest of the actions will be collapsed in a menu component.\n         */\n        displayedActions: {\n            type: Number,\n            default: undefined,\n        },\n    });\n\n    const computedActions = computed(() => props.actions.slice(0, props.displayedActions));\n\n    const computedMenuActions = computed(() =>\n        props.displayedActions && props.displayedActions < props.actions.length\n            ? (props.actions.slice(props.displayedActions, props.actions.length).map(el => ({\n                  text: el.title,\n                  handler: el.event,\n                  icon: el.icon,\n                  critical: el.critical,\n                  disabled: el.disabled,\n              })) as BentoMenuItem[])\n            : []\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * An internal button actions component with the option to display some of the actions in a menu.\n     *\n     * @example\n     * <button-actions-with-menu\n     *      :actions=\"[\n     *        title: 'Primary',\n     *        event: () => { ... },\n     *        icon: FourPeopleIcon,\n     *        link: {\n     *                   variant: 'default',\n     *                  external: true,\n     *                   to: 'https://www.adyen.com/'\n     *              },\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     *   disabled: true,\n     *   variant: BentoButtonVariant.PRIMARY,\n     *   critical: true\n     * }]\n     *      :displayedActions=\"2\"\n     * />\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./button-actions-with-menu.scss\" />\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n","<template>\n    <div class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <bento-info-icon\n                        v-if=\"infoIconTooltipText\"\n                        :tooltip-text=\"infoIconTooltipText\"\n                        class=\"b-header__tooltip\"\n                    />\n                </div>\n                <bento-typography v-if=\"lastUpdated\" class=\"b-header__timestamp\" el=\"div\" variant=\"caption\">\n                    {{ timestamp }}\n                </bento-typography>\n            </div>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n    import { BentoButtonActionsList } from '@/components/button';\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { useHasSlot } from '@/composables';\n    import { BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import formatDistanceToNow from 'date-fns/formatDistanceToNow';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            BentoInfoIcon,\n        },\n        props: {\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n        },\n        setup(props, { slots }) {\n            const { t, locale } = useI18n<{ message: MessageSchema }>({ messages });\n            // TODO to replace with dynamic import\n            const locales = { de, enUS, fr };\n\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n\n            const timestamp = computed(() =>\n                props.lastUpdated\n                    ? t('lastUpdated', {\n                          date: formatDistanceToNow(props.lastUpdated, {\n                              locale: locales[locale.value.substring(0, 2)] || enUS,\n                          }),\n                      })\n                    : null\n            );\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                timestamp,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["differenceInCalendarMonths","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","yearDiff","monthDiff","differenceInMilliseconds","roundingMap","value","defaultRoundingMethod","getRoundingMethod","method","endOfMonth","dirtyDate","date","month","isLastDayOfMonth","endOfDay","differenceInMonths","sign","compareAsc","difference","result","isLastMonthNotFull","differenceInSeconds","options","diff","MINUTES_IN_DAY","MINUTES_IN_ALMOST_TWO_DAYS","MINUTES_IN_MONTH","MINUTES_IN_TWO_MONTHS","formatDistance","dirtyBaseDate","locale","enUS","comparison","localizeOptions","cloneObject","seconds","offsetInSeconds","getTimezoneOffsetInMilliseconds","minutes","months","hours","days","nearestMonth","monthsSinceStartOfYear","years","formatDistanceToNow","dirtyOptions","__default__","computedActions","computed","props","computedMenuActions","el","BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","messages","BentoTypography","ButtonActionsWithMenu","BentoInfoIcon","slots","t","useI18n","locales","de","fr","conditionalClasses","typography","BentoTypographyElement","BentoTypographyVariant","timestamp","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","openBlock","createBlock","_component_bento_info_icon"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/index.js

@@ -5,20 +5,20 @@ import { reactive as C, defineComponent as b, computed as k, openBlock as a, cre
 import { g as E } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as K, BentoAccordionItem as Q } from "./accordion.js";
 import { BentoAlert as H, BentoAlertEvent as j, BentoAlertTypeOption as J, BentoAlertVariant as X } from "./alert.js";
-import { a as Z, b as ee, B as te } from "./chunks/button.7072457f.js";
+import { a as Z, b as ee, B as te } from "./chunks/button.9d72e2d7.js";
 import { BentoCard as ne, BentoCardBackground as re, BentoCardTitleSize as ae } from "./card.js";
 import { BentoColumnOverflow as Be, BentoDataGrid as se, BentoDatagridAriaSortValue as me, BentoDatagridEvent as pe, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
 import { BentoDatePicker as fe, BentoDatePickerEvent as ce } from "./date-picker.js";
-import { B as xe, a as ge } from "./chunks/index.a57930ba.js";
-import { B as Se, u as he } from "./chunks/dropdown.22e51667.js";
+import { B as xe, a as ge } from "./chunks/index.84f6360f.js";
+import { B as Se, u as he } from "./chunks/dropdown.6a484461.js";
 import { BentoDropdownAvatar as be, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as De, BentoDropdownTag as Ee } from "./dropdown.js";
 import { BentoDivider as Le } from "./divider.js";
-import { B as _e, b as Fe, a as Ve } from "./chunks/checkbox.638bab98.js";
+import { B as _e, b as Fe, a as Ve } from "./chunks/checkbox.ecbb4f0c.js";
 import { BentoClickOutside as Ge } from "./click-outside.js";
 import { BentoCodeSnippet as Me, BentoCodeSnippetEvent as Oe, BentoCodeSnippetSupportedLanguage as $e, BentoCodeSnippetVariant as Re } from "./code-snippet.js";
 import { BentoCountry as Ne, BentoCountryCode as qe, BentoCountryVariant as ze, useCountryCapital as Ke, useCountryName as Qe, useCountryPhoneCode as We } from "./country.js";
 import { BentoCurrency as je, BentoCurrencyISOCode as Je } from "./currency.js";
-import { B as Ye, a as Ze } from "./chunks/index.c62ea69f.js";
+import { B as Ye, a as Ze } from "./chunks/index.754349ff.js";
 import { BentoEmptyState as tt, BentoEmptyStateImage as ot, BentoEmptyStateImageVariant as nt, BentoEmptyStateVariant as rt } from "./empty-state.js";
 import { BentoFilterBar as it, BentoFilterBarEvent as Bt, BentoFilterEvent as st, BentoFilterItemType as mt } from "./filter-bar.js";
 import { BentoFormLayout as lt, BentoFormLayoutFieldTip as dt, BentoFormLayoutGroup as ut, BentoFormLayoutTitle as ft } from "./form-layout.js";
@@ -27,7 +27,7 @@ import { BentoInputField as gt, BentoInputFieldElementPosition as Tt, BentoInput
 import { BentoLoadingIndicator as vt, BentoLoadingIndicatorEvent as Dt } from "./loading-indicator.js";
 import { BentoMenu as It, BentoMenuEvent as Lt } from "./menu.js";
 import { BentoModal as _t } from "./modal.js";
-import { b as Vt, d as wt, e as Gt, c as At, a as Mt, B as Ot } from "./chunks/base-modal.be77971f.js";
+import { b as Vt, d as wt, e as Gt, c as At, a as Mt, B as Ot } from "./chunks/base-modal.c956b084.js";
 import { BentoHeader as Rt } from "./header.js";
 import { BentoPagination as Nt } from "./pagination.js";
 import { BentoPaymentMethod as zt, BentoPaymentMethodType as Kt } from "./payment-method.js";
@@ -37,7 +37,7 @@ import { BentoSearchBar as Zt, BentoSearchBarEvent as eo, BentoSearchBarInternal
 import { BentoSegmentedControl as no, BentoSegmentedControlEvent as ro } from "./segmented-control.js";
 import { BentoStatus as io, BentoStatusVariant as Bo } from "./status.js";
 import { BentoStep as mo, BentoStepper as po, BentoStepperTypeOption as lo, BentoStepperVariantOption as uo } from "./stepper.js";
-import { B as co, a as yo } from "./chunks/index.c22c4278.js";
+import { B as co, a as yo } from "./chunks/index.424e2ea4.js";
 import { BentoSummaryGrid as go, BentoSummaryGridItemAmount as To, BentoSummaryGridItemCustom as So, BentoSummaryGridItemNumeric as ho, BentoSummaryGridItemPercentage as Co, BentoSummaryGridItemSize as bo, BentoSummaryGridItemText as ko, BentoSummaryGridItemTrendDirection as vo } from "./summary-grid.js";
 import { BentoTab as Eo, BentoTabs as Io } from "./tabs.js";
 import { BentoTag as Po, BentoTagVariant as _o } from "./tag.js";
@@ -46,21 +46,21 @@ import { BentoTimeline as Go, BentoTimelineGapUnit as Ao, BentoTimelineItem as M
 import { BentoToast as Uo } from "./toast.js";
 import { u as qo } from "./chunks/toastController.0b01d2e8.js";
 import { BentoToggle as Ko, BentoToggleLabelPosition as Qo, BentoTogglePropClass as Wo } from "./toggle.js";
-import { B as c } from "./chunks/index.32ed68b7.js";
-import { c as jo, b as Jo, a as Xo } from "./chunks/index.32ed68b7.js";
+import { B as c } from "./chunks/index.9fc54b60.js";
+import { c as jo, b as Jo, a as Xo } from "./chunks/index.9fc54b60.js";
 import { D as Zo } from "./chunks/date-input.9186a0bf.js";
 import { a as tn, B as on } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { a as rn, b as an } from "./chunks/listbox.4205c0de.js";
+import { a as rn, b as an } from "./chunks/listbox.a7255ce1.js";
 import { B as sn } from "./chunks/directive.0408e565.js";
-import { b as pn, B as ln, a as dn } from "./chunks/tooltip.c8350cd0.js";
+import { b as pn, B as ln, a as dn } from "./chunks/tooltip.6af06509.js";
 import { BentoButtonActions as fn, BentoButtonActionsLayout as cn, BentoButtonActionsLayoutBasic as yn, BentoButtonActionsLayoutExtended as xn } from "./button.js";
-import { B as Tn, a as Sn } from "./chunks/loading-button.41c15584.js";
-import { b as Cn, b as bn } from "./chunks/calendar.1e50c7d1.js";
+import { B as Tn, a as Sn } from "./chunks/loading-button.fb1f20a3.js";
+import { b as Cn, b as bn } from "./chunks/calendar.e7db78d0.js";
 import { BentoCheckboxGroup as vn, BentoCheckboxGroupVariant as Dn } from "./checkbox.js";
 import { BentoLinkVariant as d } from "./link.js";
 import { RouterLink as y } from "vue-router";
 import { _ as I } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index9.css";
+import "./assets/index4.css";
 class L {
   constructor() {
     f(this, "_state");