@adyen/bento-vue2 1.75.0 → 1.76.0

package/dist/chunks/{timeline-item.VSw9vKdO.js → timeline-item.CZBuknZ_.js}

@@ -1,67 +1,22 @@
-import { defineComponent as z, computed as o, ref as N, toRefs as G, watch as Q, provide as x, nextTick as X, inject as B, onUnmounted as ee } from "vue";
-import { B as H } from "./button.CS_kdxYh.js";
-import { B as te } from "./textarea.CIQuLWQ8.js";
-import { u as q } from "./index.B6WW_F-J.js";
-import { B as ae } from "./button-actions.B81vY51z.js";
-import { n as O } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as ie } from "./date.C1z2TXzM.js";
-import { B as se } from "./link.D8qpqg3W.js";
-import { B as ne } from "./tag.BwKc2d2E.js";
-import { B as oe, d as re } from "./typography.hlOAxsEn.js";
-import { a as le, B as ce, S as me } from "./structured-list-item.CMsVwwA6.js";
+import { defineComponent as P, computed as s, ref as y, toRefs as Z, watch as G, provide as x, nextTick as Q, inject as D, onUnmounted as X } from "vue";
+import { B as z } from "./button.CS_kdxYh.js";
+import { B as ee } from "./textarea.CIQuLWQ8.js";
+import { u as H } from "./index.B6WW_F-J.js";
+import { B as te } from "./button-actions.B81vY51z.js";
+import { n as A } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as ae } from "./date.C1z2TXzM.js";
+import { B as ie } from "./link.D8qpqg3W.js";
+import { B as se } from "./tag.BwKc2d2E.js";
+import { B as ne, d as le } from "./typography.hlOAxsEn.js";
+import { a as oe, B as re, S as ce } from "./structured-list-item.CMsVwwA6.js";
 /* empty css              */
-import { g as de } from "./generate-uid.NJ8tVoha.js";
-import { u as ue } from "./use-has-slot.C9lQZ6nz.js";
-import { r as _e, l as ve, c as fe, t as S, g as $ } from "./index.BrH1t1iu.js";
-import { c as pe } from "./index.BxBB1rsx.js";
+import { g as me } from "./generate-uid.NJ8tVoha.js";
+import { u as de } from "./use-has-slot.C9lQZ6nz.js";
+import { b as ue, e as _e, a as ve, n as fe, g as k, m as B, d as j, f as $, h as F } from "./getTimezoneOffsetInMilliseconds.BW7U6PxE.js";
+import { g as be } from "./getRoundingMethod.C3eaeGLR.js";
 import "../assets/timeline-item.css";
-var j = 1e3 * 60, L = 60 * 24, F = L * 30, U = L * 365;
-function Y(t, e) {
-  var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  _e(2, arguments);
-  var i = a.locale || ve;
-  if (!i.formatDistance)
-    throw new RangeError("locale must contain localize.formatDistance property");
-  var f = fe(t, e);
-  if (isNaN(f))
-    throw new RangeError("Invalid time value");
-  var l = pe(a);
-  l.addSuffix = !!a.addSuffix, l.comparison = f;
-  var p, d;
-  f > 0 ? (p = S(e), d = S(t)) : (p = S(t), d = S(e));
-  var b = a.roundingMethod == null ? "round" : String(a.roundingMethod), s;
-  if (b === "floor")
-    s = Math.floor;
-  else if (b === "ceil")
-    s = Math.ceil;
-  else if (b === "round")
-    s = Math.round;
-  else
-    throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var g = d.getTime() - p.getTime(), u = g / j, c = $(d) - $(p), _ = (g - c) / j, n;
-  if (a.unit == null ? u < 1 ? n = "second" : u < 60 ? n = "minute" : u < L ? n = "hour" : _ < F ? n = "day" : _ < U ? n = "month" : n = "year" : n = String(a.unit), n === "second") {
-    var h = s(g / 1e3);
-    return i.formatDistance("xSeconds", h, l);
-  } else if (n === "minute") {
-    var r = s(u);
-    return i.formatDistance("xMinutes", r, l);
-  } else if (n === "hour") {
-    var y = s(u / 60);
-    return i.formatDistance("xHours", y, l);
-  } else if (n === "day") {
-    var w = s(_ / L);
-    return i.formatDistance("xDays", w, l);
-  } else if (n === "month") {
-    var C = s(_ / F);
-    return C === 12 && a.unit !== "month" ? i.formatDistance("xYears", 1, l) : i.formatDistance("xMonths", C, l);
-  } else if (n === "year") {
-    var E = s(_ / U);
-    return i.formatDistance("xYears", E, l);
-  }
-  throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
-}
-var T = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.AFTER_FIRST = "after-first", t.BEFORE_LAST = "before-last", t))(T || {}), be = /* @__PURE__ */ ((t) => (t.SECOND = "second", t.MINUTE = "minute", t.HOUR = "hour", t.DAY = "day", t.MONTH = "month", t.YEAR = "year", t))(be || {}), M = /* @__PURE__ */ ((t) => (t.DEFAULT = "SquareSmallIcon", t.SUCCESS = "CheckedCircleIcon", t.CRITICAL = "CrossCircleIcon", t))(M || {}), J = /* @__PURE__ */ ((t) => (t.BLACK = "black", t.BLUE = "blue", t.GREEN = "green", t.GREY = "grey", t.ORANGE = "orange", t.RED = "red", t.YELLOW = "yellow", t))(J || {});
-const K = Symbol("timeline register entry injection key"), V = Symbol("timeline config obj injection key"), ge = {
+var C = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.AFTER_FIRST = "after-first", t.BEFORE_LAST = "before-last", t))(C || {}), he = /* @__PURE__ */ ((t) => (t.SECOND = "second", t.MINUTE = "minute", t.HOUR = "hour", t.DAY = "day", t.MONTH = "month", t.YEAR = "year", t))(he || {}), N = /* @__PURE__ */ ((t) => (t.DEFAULT = "SquareSmallIcon", t.SUCCESS = "CheckedCircleIcon", t.CRITICAL = "CrossCircleIcon", t))(N || {}), J = /* @__PURE__ */ ((t) => (t.BLACK = "black", t.BLUE = "blue", t.GREEN = "green", t.GREY = "grey", t.ORANGE = "orange", t.RED = "red", t.YELLOW = "yellow", t))(J || {});
+const q = Symbol("timeline register entry injection key"), K = Symbol("timeline config obj injection key"), ge = {
   "en-US": {
     addNote: "Add note",
     cancel: "Cancel"
@@ -74,10 +29,10 @@ const K = Symbol("timeline register entry injection key"), V = Symbol("timeline
     addNote: "Adicionar anotação",
     cancel: "Cancelar"
   }
-}, he = z({
+}, pe = P({
   i18n: { messages: ge },
   name: "bento-timeline",
-  components: { BentoButton: H, BentoButtonActions: ae, BentoTextarea: te },
+  components: { BentoButton: z, BentoButtonActions: te, BentoTextarea: ee },
   props: {
     /**
      * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -106,62 +61,62 @@ const K = Symbol("timeline register entry injection key"), V = Symbol("timeline
   },
   emits: ["add-timeline-note"],
   setup(t, { emit: e }) {
-    const { t: a } = q(), i = o(() => a("addNote")), f = o(() => a("cancel")), l = N(), p = (m) => {
-      l.value = m;
-    }, d = N(null), b = N(null), s = N(!1), g = async () => {
-      var m, v;
-      s.value = !s.value, await X(), s.value ? (m = d.value.$refs.textareaElement) == null || m.focus() : (v = b.value.$el) == null || v.focus();
+    const { t: a } = H(), c = s(() => a("addNote")), m = s(() => a("cancel")), b = y(), d = (r) => {
+      b.value = r;
+    }, h = y(null), p = y(null), l = y(!1), g = async () => {
+      var r, f;
+      l.value = !l.value, await Q(), l.value ? (r = h.value.$refs.textareaElement) == null || r.focus() : (f = p.value.$el) == null || f.focus();
     }, u = () => {
       e("add-timeline-note", {
-        description: l.value,
+        description: b.value,
         timestamp: { date: /* @__PURE__ */ new Date() },
         type: "note"
       }), g();
-    }, c = N([]), _ = o(
-      () => t.showMore && c.value.length > t.showMore.limit ? c.value.length - t.showMore.limit : null
-    ), n = N(!1), { timegapLimit: h } = G(t), r = o(() => Array.from(c.value.keys())), y = o(() => t.showMore ? t.showMore.placement === T.BEFORE_LAST ? [
-      ...r.value.slice(0, t.showMore.limit - 1),
-      r.value[r.value.length - 1]
-    ] : t.showMore.placement === T.AFTER_FIRST ? [r.value[0], ...r.value.slice(-(t.showMore.limit - 1))] : r.value.slice(0, t.showMore.limit) : null), w = o(() => {
+    }, o = y([]), _ = s(
+      () => t.showMore && o.value.length > t.showMore.limit ? o.value.length - t.showMore.limit : null
+    ), v = y(!1), { timegapLimit: n } = Z(t), i = s(() => Array.from(o.value.keys())), w = s(() => t.showMore ? t.showMore.placement === C.BEFORE_LAST ? [
+      ...i.value.slice(0, t.showMore.limit - 1),
+      i.value[i.value.length - 1]
+    ] : t.showMore.placement === C.AFTER_FIRST ? [i.value[0], ...i.value.slice(-(t.showMore.limit - 1))] : i.value.slice(0, t.showMore.limit) : null), E = s(() => {
       if (!t.showMore)
         return null;
       switch (t.showMore.placement) {
-        case T.BEFORE_LAST:
+        case C.BEFORE_LAST:
           return t.showMore.limit - 2;
-        case T.AFTER_FIRST:
+        case C.AFTER_FIRST:
           return 0;
-        case T.BOTTOM:
+        case C.BOTTOM:
         default:
           return t.showMore.limit - 1;
       }
-    }), C = () => {
-      c.value.sort((m, v) => new Date(v.date).getTime() - new Date(m.date).getTime());
-    }, E = (m) => () => {
-      const v = c.value.indexOf(m);
-      v > -1 && c.value.splice(v, 1);
-    }, I = (m) => (c.value.push(m), { timelineEntries: c, unregisterTimelineEntry: E(m) });
-    Q(
-      () => c.value.length,
-      () => C()
+    }), I = () => {
+      o.value.sort((r, f) => new Date(f.date).getTime() - new Date(r.date).getTime());
+    }, S = (r) => () => {
+      const f = o.value.indexOf(r);
+      f > -1 && o.value.splice(f, 1);
+    }, T = (r) => (o.value.push(r), { timelineEntries: o, unregisterTimelineEntry: S(r) });
+    G(
+      () => o.value.length,
+      () => I()
     );
-    const A = {
-      showAll: n,
-      showMoreIndex: w,
+    const L = {
+      showAll: v,
+      showMoreIndex: E,
       hiddenItems: _,
-      visibleIndexes: y,
-      timegapLimit: h,
-      timelineEntries: c
+      visibleIndexes: w,
+      timegapLimit: n,
+      timelineEntries: o
     };
-    return x(K, I), x(V, A), {
-      addNoteLabel: i,
-      cancelLabel: f,
+    return x(q, T), x(K, L), {
+      addNoteLabel: c,
+      cancelLabel: m,
       toggleAddNote: g,
-      updateNoteContent: p,
+      updateNoteContent: d,
       addNoteToTimeline: u,
-      showAddNoteTextArea: s,
+      showAddNoteTextArea: l,
       // refs
-      addNoteTextareaRef: d,
-      addNoteButtonRef: b
+      addNoteTextareaRef: h,
+      addNoteButtonRef: p
     };
   }
 });
@@ -171,33 +126,66 @@ var ye = function() {
     { title: e.addNoteLabel, event: e.addNoteToTimeline },
     { title: e.cancelLabel, event: e.toggleAddNote }
   ] } })], 1) : e._e()], 1) : e._e(), a("ol", { staticClass: "b-timeline__items" }, [e._t("default")], 2)]);
-}, Ce = [], Ne = /* @__PURE__ */ O(
-  he,
+}, Ce = [], Te = /* @__PURE__ */ A(
+  pe,
   ye,
   Ce,
   !1,
   null,
   "80180322"
 );
-const We = Ne.exports;
-let P = 0;
-const Te = {
+const We = Te.exports;
+let U = 0;
+const we = {
   beforeCreate() {
-    this.uuid = P.toString(), P += 1;
+    this.uuid = U.toString(), U += 1;
   }
 };
-var we = function() {
+var Ne = function() {
   var e = this, a = e._self._c;
   return a("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? a("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), a("path", { attrs: { fill: "#001222", d: "M10 3.25C11.5188 3.25 12.75 4.48122 12.75 6V10C12.75 11.5188 11.5188 12.75 10 12.75H6C4.48122 12.75 3.25 11.5188 3.25 10V6C3.25 4.48122 4.48122 3.25 6 3.25H10Z" } })]);
-}, Ee = [], Ie = /* @__PURE__ */ O(
-  Te,
+}, Ee = [], Ie = /* @__PURE__ */ A(
   we,
+  Ne,
   Ee,
   !1,
   null,
   null
 );
-const Se = Ie.exports, Me = {
+const Se = Ie.exports;
+function Y(t, e, a) {
+  const c = ue(), m = (a == null ? void 0 : a.locale) ?? c.locale ?? _e, b = ve(t, e);
+  if (isNaN(b))
+    throw new RangeError("Invalid time value");
+  const d = Object.assign({}, a, {
+    addSuffix: a == null ? void 0 : a.addSuffix,
+    comparison: b
+  }), [h, p] = fe(
+    a == null ? void 0 : a.in,
+    ...b > 0 ? [e, t] : [t, e]
+  ), l = be((a == null ? void 0 : a.roundingMethod) ?? "round"), g = p.getTime() - h.getTime(), u = g / F, o = k(p) - k(h), _ = (g - o) / F, v = a == null ? void 0 : a.unit;
+  let n;
+  if (v ? n = v : u < 1 ? n = "second" : u < 60 ? n = "minute" : u < B ? n = "hour" : _ < j ? n = "day" : _ < $ ? n = "month" : n = "year", n === "second") {
+    const i = l(g / 1e3);
+    return m.formatDistance("xSeconds", i, d);
+  } else if (n === "minute") {
+    const i = l(u);
+    return m.formatDistance("xMinutes", i, d);
+  } else if (n === "hour") {
+    const i = l(u / 60);
+    return m.formatDistance("xHours", i, d);
+  } else if (n === "day") {
+    const i = l(_ / B);
+    return m.formatDistance("xDays", i, d);
+  } else if (n === "month") {
+    const i = l(_ / j);
+    return i === 12 && v !== "month" ? m.formatDistance("xYears", 1, d) : m.formatDistance("xMonths", i, d);
+  } else {
+    const i = l(_ / $);
+    return m.formatDistance("xYears", i, d);
+  }
+}
+const Le = {
   "en-US": {
     showLess: "Show less",
     showMore: "Show {items} more",
@@ -209,19 +197,19 @@ const Se = Ie.exports, Me = {
   "pt-BR": {
     showLess: "Mostrar menos"
   }
-}, Le = z({
+}, Me = P({
   name: "bento-timeline-item",
   components: {
-    BentoButton: H,
-    BentoDate: ie,
-    BentoLink: se,
-    BentoTag: ne,
-    BentoTypography: oe,
-    BentoStructuredList: ce,
-    BentoStructuredListItem: le,
+    BentoButton: z,
+    BentoDate: ae,
+    BentoLink: ie,
+    BentoTag: se,
+    BentoTypography: ne,
+    BentoStructuredList: re,
+    BentoStructuredListItem: oe,
     SquareSmallIcon: Se
   },
-  i18n: { messages: Me },
+  i18n: { messages: Le },
   props: {
     /**
      * Additional timestamp of the event
@@ -292,96 +280,96 @@ const Se = Ie.exports, Me = {
     variant: {
       type: String,
       default: null,
-      validator: (t) => Object.values(M).includes(t)
+      validator: (t) => Object.values(N).includes(t)
     }
   },
   setup(t, { slots: e }) {
-    const { t: a } = q(), i = o(() => t.type === "note"), f = o(() => t.variant === M.CRITICAL ? "red" : t.variant === M.SUCCESS ? "green" : t.status);
-    t.variant && re(
+    const { t: a } = H(), c = s(() => t.type === "note"), m = s(() => t.variant === N.CRITICAL ? "red" : t.variant === N.SUCCESS ? "green" : t.status);
+    t.variant && le(
       'BentoTimelineItem "variant" property',
       `Use the BentoTimelineItem "status" modifier instead to modify the color of the timeline icon.
                     <bento-timeline-item status="red" />`,
       "2.0.0"
     );
-    const l = o(() => ({
-      [`b-timeline-item__icon--${f.value}`]: f.value && !i.value
-    })), p = o(() => ({
-      "b-timeline-item--note": i.value
+    const b = s(() => ({
+      [`b-timeline-item__icon--${m.value}`]: m.value && !c.value
+    })), d = s(() => ({
+      "b-timeline-item--note": c.value
     }));
-    x(me, !0);
-    const d = {
+    x(ce, !0);
+    const h = {
       title: t.title,
       date: t.timestamp.date
-    }, b = B(K), { timelineEntries: s, unregisterTimelineEntry: g } = b(d);
-    ee(() => g());
-    const { showAll: u, showMoreIndex: c, hiddenItems: _, visibleIndexes: n, timegapLimit: h } = B(V), r = o(() => s.value.indexOf(d)), y = o(() => u.value || !n.value), w = o(
-      () => y.value ? !0 : n.value.includes(r.value)
-    ), C = o(() => typeof t.title == "object"), E = o(() => t.title), I = o(() => {
-      var k;
-      if (!h.value)
+    }, p = D(q), { timelineEntries: l, unregisterTimelineEntry: g } = p(h);
+    X(() => g());
+    const { showAll: u, showMoreIndex: o, hiddenItems: _, visibleIndexes: v, timegapLimit: n } = D(K), i = s(() => l.value.indexOf(h)), w = s(() => u.value || !v.value), E = s(
+      () => w.value ? !0 : v.value.includes(i.value)
+    ), I = s(() => typeof t.title == "object"), S = s(() => t.title), T = s(() => {
+      var O;
+      if (!n.value)
         return null;
-      const R = (k = s.value[r.value - 1]) == null ? void 0 : k.date, W = y.value || n.value.includes(r.value - 1);
-      if (!R || !W)
+      const M = (O = l.value[i.value - 1]) == null ? void 0 : O.date, V = w.value || v.value.includes(i.value - 1);
+      if (!M || !V)
         return null;
-      const { date: D } = s.value[r.value], Z = parseInt(
-        Y(R, D, { unit: h.value.unit }),
+      const { date: R } = l.value[i.value], W = parseInt(
+        Y(M, R, { unit: n.value.unit }),
         10
       );
-      return h.value.amount < Z ? Y(R, D, { roundingMethod: "floor" }) : null;
-    }), A = o(() => I.value ? a("timegap", { timegap: I.value }) : ""), m = o(() => _.value && c.value === r.value), v = o(() => r.value !== -1 && r.value === s.value.length - 1);
+      return n.value.amount < W ? Y(M, R, { roundingMethod: "floor" }) : null;
+    }), L = s(() => T.value ? a("timegap", { timegap: T.value }) : ""), r = s(() => _.value && o.value === i.value), f = s(() => i.value !== -1 && i.value === l.value.length - 1);
     return {
       // Values
-      isNoteType: i,
-      iconConditionalClasses: l,
-      conditionalClasses: p,
-      displayShowMoreButton: m,
+      isNoteType: c,
+      iconConditionalClasses: b,
+      conditionalClasses: d,
+      displayShowMoreButton: r,
       showAll: u,
       hiddenItems: _,
-      isVisible: w,
-      isLinkTitle: C,
-      linkTitleProps: E,
-      timegap: I,
-      timegapAriaLabel: A,
-      isLastItem: v,
+      isVisible: E,
+      isLinkTitle: I,
+      linkTitleProps: S,
+      timegap: T,
+      timegapAriaLabel: L,
+      isLastItem: f,
       // Methods
-      generateUid: de,
-      hasSlot: ue(e),
+      generateUid: me,
+      hasSlot: de(e),
       t: a
     };
   }
 });
-var Ae = function() {
+var xe = function() {
   var e = this, a = e._self._c;
   return e._self._setupProxy, e.isVisible ? a("li", { staticClass: "b-timeline-item", class: e.conditionalClasses }, [e.timegap ? a("div", { staticClass: "b-timeline-item__row" }, [e._m(0), a("div", { staticClass: "b-timeline-item__content" }, [a("bento-typography", { staticClass: "b-timeline-item__timegap", attrs: { "aria-label": e.timegapAriaLabel } }, [e._v(" " + e._s(e.timegap) + " ")])], 1)]) : e._e(), a("div", { staticClass: "b-timeline-item__row" }, [a("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [a("square-small-icon", { staticClass: "b-timeline-item__icon", class: e.iconConditionalClasses }), e.isLastItem ? e._e() : a("div", { staticClass: "b-timeline-item__separator", attrs: { "data-testid": "last-timeline-item-separator" } })], 1), a("div", { staticClass: "b-timeline-item__content" }, [e.isNoteType ? e._e() : a("bento-typography", { staticClass: "b-timeline-item__title", attrs: { el: "div", variant: "body", strongest: "", role: "heading", "aria-level": "2" } }, [e.isLinkTitle ? a("bento-link", e._b({ attrs: { "disable-typography": "" } }, "bento-link", e.linkTitleProps, !1), [e._v(e._s(e.linkTitleProps.title))]) : a("span", [e._v(e._s(e.title))])], 1), e.isNoteType && (e.description || e.hasSlot("default")) ? a("bento-typography", { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [e._t("default", function() {
     return [e._v(e._s(e.description))];
   })], 2) : e._e(), e.timestamp ? a("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [a("bento-date", { attrs: { date: e.timestamp.date, format: e.timestamp.format, "disable-typography": "" } }), e._v(" " + e._s(e.timestamp.value) + " ")], 1) : e._e(), !e.isNoteType && e.additionalTimestamp ? a("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [a("bento-date", { attrs: { date: e.additionalTimestamp.date, format: e.additionalTimestamp.format, "disable-typography": "" } }), e._v(" " + e._s(e.additionalTimestamp.value) + " ")], 1) : e._e(), !e.isNoteType && (e.description || e.hasSlot("default")) ? a("bento-typography", { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [e._t("default", function() {
     return [e._v(e._s(e.description))];
-  })], 2) : e._e(), !e.isNoteType && e.dataList ? a("div", { staticClass: "b-timeline-item__data-list" }, [a("bento-structured-list", e._l(e.dataList, function(i) {
-    return a("bento-structured-list-item", { key: e.generateUid(i.label), attrs: { label: i.label } }, [a("bento-typography", { attrs: { variant: "caption" } }, [e._v(e._s(i.value))])], 1);
-  }), 1)], 1) : e._e(), !e.isNoteType && e.tag ? a("bento-tag", e._b({ staticClass: "b-timeline-item__tag" }, "bento-tag", e.tag, !1)) : e._e()], 1)]), e.displayShowMoreButton ? a("div", { staticClass: "b-timeline-item__row" }, [e._m(1), a("div", { staticClass: "b-timeline-item__content" }, [a("bento-button", { staticClass: "b-timeline__show-more", attrs: { variant: "tertiary" }, on: { click: function(i) {
+  })], 2) : e._e(), !e.isNoteType && e.dataList ? a("div", { staticClass: "b-timeline-item__data-list" }, [a("bento-structured-list", e._l(e.dataList, function(c) {
+    return a("bento-structured-list-item", { key: e.generateUid(c.label), attrs: { label: c.label } }, [a("bento-typography", { attrs: { variant: "caption" } }, [e._v(e._s(c.value))])], 1);
+  }), 1)], 1) : e._e(), !e.isNoteType && e.tag ? a("bento-tag", e._b({ staticClass: "b-timeline-item__tag" }, "bento-tag", e.tag, !1)) : e._e()], 1)]), e.displayShowMoreButton ? a("div", { staticClass: "b-timeline-item__row" }, [e._m(1), a("div", { staticClass: "b-timeline-item__content" }, [a("bento-button", { staticClass: "b-timeline__show-more", attrs: { variant: "tertiary" }, on: { click: function(c) {
     e.showAll = !e.showAll;
   } } }, [e.showAll ? [e._v(e._s(e.t("showLess")))] : [e._v(e._s(e.t("showMore", { items: e.hiddenItems })))]], 2)], 1)]) : e._e()]) : e._e();
-}, Re = [function() {
+}, Ae = [function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [e("div", { staticClass: "b-timeline-item__icon b-timeline-item__icon--timegap" }), e("div", { staticClass: "b-timeline-item__separator" })]);
 }, function() {
   var t = this, e = t._self._c;
   return t._self._setupProxy, e("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [e("div", { staticClass: "b-timeline-item__separator" })]);
-}], xe = /* @__PURE__ */ O(
-  Le,
+}], Re = /* @__PURE__ */ A(
+  Me,
+  xe,
   Ae,
-  Re,
   !1,
   null,
-  "97931513"
+  "862b2546"
 );
-const Ze = xe.exports;
+const Ze = Re.exports;
 export {
-  T as B,
+  C as B,
   Ze as a,
-  be as b,
-  M as c,
+  he as b,
+  N as c,
   J as d,
   We as t
 };
-//# sourceMappingURL=timeline-item.VSw9vKdO.js.map
+//# sourceMappingURL=timeline-item.CZBuknZ_.js.map

package/dist/chunks/timeline-item.CZBuknZ_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item.CZBuknZ_.js","sources":["../../src/components/timeline/timeline.types.ts","../../src/components/timeline/timeline.keys.ts","../../src/components/timeline/timeline.vue","../../../ui-assets/icons-16/dist/vue/square-small-fill.vue","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/formatDistanceStrict.js","../../src/components/timeline/components/timeline-item/timeline-item.vue"],"sourcesContent":["import { type BentoDateFormat } from '@/components/date/date.types';\nimport { type BentoTag } from '@/components/tag';\nimport { type Ref } from 'vue';\nimport type { RouterLinkProps } from 'vue-router/types/router.d.ts';\n\nexport enum BentoTimelineShowMorePlacement {\n    BOTTOM = 'bottom',\n    AFTER_FIRST = 'after-first',\n    BEFORE_LAST = 'before-last',\n}\n\nexport interface BentoTimelineShowMoreObject {\n    limit: number;\n    placement?: BentoTimelineShowMorePlacement;\n}\n\nexport enum BentoTimelineGapUnit {\n    SECOND = 'second',\n    MINUTE = 'minute',\n    HOUR = 'hour',\n    DAY = 'day',\n    MONTH = 'month',\n    YEAR = 'year',\n}\n\nexport interface BentoTimelineGapObject {\n    amount: number;\n    unit: BentoTimelineGapUnit;\n}\n\n/**\n * @deprecated \"variant\" prop was deprecated. Use \"status\" modifier instead.\n */\nexport enum BentoTimelineItemVariant {\n    DEFAULT = 'SquareSmallIcon',\n    SUCCESS = 'CheckedCircleIcon',\n    CRITICAL = 'CrossCircleIcon',\n}\n\nexport enum BentoTimelineStatus {\n    BLACK = 'black',\n    BLUE = 'blue',\n    GREEN = 'green',\n    GREY = 'grey',\n    ORANGE = 'orange',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n\nexport interface BentoTimelineItemTitle extends RouterLinkProps {\n    /**\n     * Link label.\n     */\n    title: string;\n    /**\n     * Set the rendered link to a regular external anchor link.\n     */\n    external?: boolean;\n\n    /**\n     * Sets the target of the rendered link.\n     */\n    target?: string;\n\n    // This has been added to allow users to add HTML and Aria attribute\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [name: string]: any;\n}\n\nexport interface BentoTimelineTimestamp {\n    date: Date | number;\n    format?: BentoDateFormat;\n    value?: string;\n}\n\nexport interface BentoTimelineDataListObject {\n    label: string;\n    value: string;\n}\n\nexport type BentoTimelineDataList = Array<BentoTimelineDataListObject>;\n\nexport type BentoTimelineTagProps = InstanceType<typeof BentoTag>['$props'];\n\nexport interface BentoTimelineEntry {\n    title?: string | BentoTimelineItemTitle;\n    description?: string;\n    date: Date | number;\n}\n\n/**\n * @deprecated from version 2.0.0.\n */\nexport type BentoTimelineRegisterEntry = (props: {\n    title?: string | BentoTimelineItemTitle;\n    description?: string;\n    date: Date | number;\n}) => { timelineEntries: Ref<Array<BentoTimelineEntry>>; index: number; unregisterTimelineEntry: () => void };\n\n/**\n * @private\n */\nexport type BentoInternalTimelineRegisterEntry = (\n    entry: BentoTimelineEntry\n) => { timelineEntries: Ref<Array<BentoTimelineEntry>>; unregisterTimelineEntry: () => void };\n\nexport interface BentoTimelineConfigData {\n    showAll: Ref<boolean>;\n    showMoreIndex: Ref<number>;\n    hiddenItems: Ref<number>;\n    visibleIndexes: Ref<Array<number>>;\n    timegapLimit: Ref<BentoTimelineGapObject>;\n    timelineEntries: Ref<Array<BentoTimelineEntry>>;\n}\n","export const TIMELINE_REGISTER_ENTRY_INJECTION_KEY = Symbol('timeline register entry injection key');\nexport const TIMELINE_CONFIG_INJECTION_KEY = Symbol('timeline config obj injection key');\n","<template>\n    <div class=\"b-timeline\">\n        <div v-if=\"addNote\" class=\"b-timeline__add-note-section\">\n            <bento-button\n                v-if=\"!showAddNoteTextArea\"\n                ref=\"addNoteButtonRef\"\n                variant=\"tertiary\"\n                @click=\"toggleAddNote\"\n                >{{ addNoteLabel }}</bento-button\n            >\n            <div v-if=\"showAddNoteTextArea\">\n                <bento-textarea\n                    ref=\"addNoteTextareaRef\"\n                    :label=\"addNoteLabel\"\n                    :character-limit=\"150\"\n                    resizable=\"vertical\"\n                    @input=\"updateNoteContent\"\n                />\n                <bento-button-actions\n                    :actions=\"[\n                        { title: addNoteLabel, event: addNoteToTimeline },\n                        { title: cancelLabel, event: toggleAddNote },\n                    ]\"\n                />\n            </div>\n        </div>\n        <ol class=\"b-timeline__items\">\n            <slot />\n        </ol>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, nextTick, type PropType, provide, ref, type Ref, toRefs, watch } from 'vue';\n    import { BentoButton, BentoButtonActions } from '@/components/button';\n    import { BentoTextarea } from '@/components/textarea';\n    import {\n        type BentoInternalTimelineRegisterEntry,\n        type BentoTimelineConfigData,\n        type BentoTimelineEntry,\n        type BentoTimelineGapObject,\n        type BentoTimelineShowMoreObject,\n        BentoTimelineShowMorePlacement,\n    } from './timeline.types';\n    import { TIMELINE_CONFIG_INJECTION_KEY, TIMELINE_REGISTER_ENTRY_INJECTION_KEY } from './timeline.keys';\n    import messages from './messages.json';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Timeline displays a collection of events in a reverse chronological order (newest event is displayed on the top).\n     *\n     * @example\n     * import { BentoDateFormat, BentoTimeline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTimeline },\n     *     template: `\n     *          <bento-timeline>\n     *              <bento-timeline-item\n     *                  title=\"Milestone 1\"\n     *                  :timestamp=\"{ date: new Date(), value: 'Created at' }\"\n     *                  :additional-timestamp=\"{ date: new Date(), value: 'Modified at' }\"\n     *                  description=\"Milestone description\"\n     *                  :tag=\"{ label: 'Tag'}\"\n     *              />\n     *              <bento-timeline-item\n     *                  title=\"Milestone 2\"\n     *                  :timestamp=\"{\n     *                      date: new Date(),\n     *                      value: 'Created at',\n     *                      format: BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD\n     *                  }\"\n     *                  description=\"Milestone description\"\n     *                  :data-list=\"[\n     *                      { label: 'Label', value: 'Value' },\n     *                      { label: 'Label', value: 'Value' },\n     *                  ]\"\n     *              />\n     *          </bento-timeline>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-timeline',\n        components: { BentoButton, BentoButtonActions, BentoTextarea },\n        props: {\n            /**\n             * If set to true, gives the possibility to manually add notes to the timeline via a textarea\n             */\n            addNote: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Object that determines the max number of items to show without clicking the show more button\n             * and where in the timeline is the show more button placed\n             */\n            showMore: {\n                type: Object as PropType<BentoTimelineShowMoreObject>,\n                default: null,\n            },\n            /**\n             * Object that determines minimum amount of time for the automatic timegap indicator;\n             * Define a unit (hour, day, month) and an amount (e.g. { amount: 7, unit: 'days' }).\n             * If null, automatic timegap detection will be turned off\n             */\n            timegapLimit: {\n                type: Object as PropType<BentoTimelineGapObject>,\n                default: null,\n            },\n        },\n\n        emits: ['add-timeline-note'],\n\n        setup(props, { emit }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const addNoteLabel = computed(() => t('addNote') as string);\n            const cancelLabel = computed(() => t('cancel') as string);\n\n            const newNoteContent: Ref<string> = ref();\n            const updateNoteContent = (newTimelineNoteContent: string): void => {\n                newNoteContent.value = newTimelineNoteContent;\n            };\n\n            const addNoteTextareaRef: Ref<InstanceType<typeof BentoTextarea>> = ref(null);\n            const addNoteButtonRef: Ref<InstanceType<typeof BentoButton>> = ref(null);\n            const showAddNoteTextArea = ref(false);\n            const toggleAddNote = async () => {\n                showAddNoteTextArea.value = !showAddNoteTextArea.value;\n\n                await nextTick();\n\n                if (showAddNoteTextArea.value) {\n                    (addNoteTextareaRef.value.$refs.textareaElement as HTMLTextAreaElement)?.focus();\n                } else {\n                    (addNoteButtonRef.value.$el as HTMLButtonElement)?.focus();\n                }\n            };\n            const addNoteToTimeline = () => {\n                emit('add-timeline-note', {\n                    description: newNoteContent.value,\n                    timestamp: { date: new Date() },\n                    type: 'note',\n                });\n                toggleAddNote();\n            };\n\n            const timelineEntries = ref<Array<BentoTimelineEntry>>([]);\n            const hiddenItems = computed(() =>\n                props.showMore && timelineEntries.value.length > props.showMore.limit\n                    ? timelineEntries.value.length - props.showMore.limit\n                    : null\n            );\n            const showAll = ref(false);\n            const { timegapLimit } = toRefs(props);\n\n            const timelineIndexes = computed(() => Array.from(timelineEntries.value.keys()));\n\n            const visibleIndexes = computed(() => {\n                if (!props.showMore) {\n                    return null;\n                }\n\n                if (props.showMore.placement === BentoTimelineShowMorePlacement.BEFORE_LAST) {\n                    return [\n                        ...timelineIndexes.value.slice(0, props.showMore.limit - 1),\n                        timelineIndexes.value[timelineIndexes.value.length - 1],\n                    ];\n                }\n\n                if (props.showMore.placement === BentoTimelineShowMorePlacement.AFTER_FIRST) {\n                    return [timelineIndexes.value[0], ...timelineIndexes.value.slice(-(props.showMore.limit - 1))];\n                }\n\n                return timelineIndexes.value.slice(0, props.showMore.limit);\n            });\n\n            const showMoreIndex = computed(() => {\n                if (!props.showMore) {\n                    return null;\n                }\n\n                switch (props.showMore.placement) {\n                    case BentoTimelineShowMorePlacement.BEFORE_LAST:\n                        return props.showMore.limit - 2;\n                    case BentoTimelineShowMorePlacement.AFTER_FIRST:\n                        return 0;\n                    case BentoTimelineShowMorePlacement.BOTTOM:\n                    default:\n                        return props.showMore.limit - 1;\n                }\n            });\n\n            const sortEntries = () => {\n                // Sorts timeline entries based on date in reverse chronological order (newest first).\n                timelineEntries.value.sort((a, b) => {\n                    return new Date(b.date).getTime() - new Date(a.date).getTime();\n                });\n            };\n\n            const unregisterTimelineEntry = (entryToRemove: BentoTimelineEntry) => () => {\n                const index = timelineEntries.value.indexOf(entryToRemove);\n                // The index can be -1 if the entry has already been removed by a parent re-render.\n                if (index > -1) {\n                    timelineEntries.value.splice(index, 1);\n                }\n            };\n\n            const registerTimelineEntry: BentoInternalTimelineRegisterEntry = entry => {\n                timelineEntries.value.push(entry);\n                return { timelineEntries, unregisterTimelineEntry: unregisterTimelineEntry(entry) };\n            };\n\n            watch(\n                () => timelineEntries.value.length,\n                () => sortEntries()\n            );\n\n            const configData: BentoTimelineConfigData = {\n                showAll,\n                showMoreIndex,\n                hiddenItems,\n                visibleIndexes,\n                timegapLimit,\n                timelineEntries,\n            };\n\n            // provide register timeline entry and config data timeline items\n            provide(TIMELINE_REGISTER_ENTRY_INJECTION_KEY, registerTimelineEntry);\n            provide(TIMELINE_CONFIG_INJECTION_KEY, configData);\n\n            return {\n                addNoteLabel,\n                cancelLabel,\n                toggleAddNote,\n                updateNoteContent,\n                addNoteToTimeline,\n                showAddNoteTextArea,\n\n                // refs\n                addNoteTextareaRef,\n                addNoteButtonRef,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./timeline.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M10 3.25C11.5188 3.25 12.75 4.48122 12.75 6V10C12.75 11.5188 11.5188 12.75 10 12.75H6C4.48122 12.75 3.25 11.5188 3.25 10V6C3.25 4.48122 4.48122 3.25 6 3.25H10Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","import { defaultLocale } from \"./_lib/defaultLocale.js\";\nimport { getDefaultOptions } from \"./_lib/defaultOptions.js\";\nimport { getRoundingMethod } from \"./_lib/getRoundingMethod.js\";\nimport { getTimezoneOffsetInMilliseconds } from \"./_lib/getTimezoneOffsetInMilliseconds.js\";\nimport { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport {\n  millisecondsInMinute,\n  minutesInDay,\n  minutesInMonth,\n  minutesInYear,\n} from \"./constants.js\";\n\n/**\n * The {@link formatDistanceStrict} function options.\n */\n\n/**\n * The unit used to format the distance in {@link formatDistanceStrict}.\n */\n\n/**\n * @name formatDistanceStrict\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, using strict units.\n * This is like `formatDistance`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result              |\n * |------------------------|---------------------|\n * | 0 ... 59 secs          | [0..59] seconds     |\n * | 1 ... 59 mins          | [1..59] minutes     |\n * | 1 ... 23 hrs           | [1..23] hours       |\n * | 1 ... 29 days          | [1..29] days        |\n * | 1 ... 11 months        | [1..11] months      |\n * | 1 ... N years          | [1..N]  years       |\n *\n * @param laterDate - The date\n * @param earlierDate - The date to compare with\n * @param options - An object with options\n *\n * @returns The distance in words\n *\n * @throws `date` must not be Invalid Date\n * @throws `baseDate` must not be Invalid Date\n * @throws `options.unit` must be 'second', 'minute', 'hour', 'day', 'month' or 'year'\n * @throws `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 = formatDistanceStrict(new Date(2014, 6, 2), new Date(2015, 0, 2))\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?\n * const result = formatDistanceStrict(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0)\n * )\n * //=> '15 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistanceStrict(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> '1 year ago'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, in minutes?\n * const result = formatDistanceStrict(new Date(2016, 0, 1), new Date(2015, 0, 1), {\n *   unit: 'minute'\n * })\n * //=> '525600 minutes'\n *\n * @example\n * // What is the distance from 1 January 2015\n * // to 28 January 2015, in months, rounded up?\n * const result = formatDistanceStrict(new Date(2015, 0, 28), new Date(2015, 0, 1), {\n *   unit: 'month',\n *   roundingMethod: 'ceil'\n * })\n * //=> '1 month'\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 = formatDistanceStrict(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> '1 jaro'\n */\n\nexport function formatDistanceStrict(laterDate, earlierDate, options) {\n  const defaultOptions = getDefaultOptions();\n  const locale = options?.locale ?? defaultOptions.locale ?? defaultLocale;\n\n  const comparison = compareAsc(laterDate, earlierDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError(\"Invalid time value\");\n  }\n\n  const localizeOptions = Object.assign({}, options, {\n    addSuffix: options?.addSuffix,\n    comparison: comparison,\n  });\n\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    ...(comparison > 0 ? [earlierDate, laterDate] : [laterDate, earlierDate]),\n  );\n\n  const roundingMethod = getRoundingMethod(options?.roundingMethod ?? \"round\");\n\n  const milliseconds = earlierDate_.getTime() - laterDate_.getTime();\n  const minutes = milliseconds / millisecondsInMinute;\n\n  const timezoneOffset =\n    getTimezoneOffsetInMilliseconds(earlierDate_) -\n    getTimezoneOffsetInMilliseconds(laterDate_);\n\n  // Use DST-normalized difference in minutes for years, months and days;\n  // use regular difference in minutes for hours, minutes and seconds.\n  const dstNormalizedMinutes =\n    (milliseconds - timezoneOffset) / millisecondsInMinute;\n\n  const defaultUnit = options?.unit;\n  let unit;\n  if (!defaultUnit) {\n    if (minutes < 1) {\n      unit = \"second\";\n    } else if (minutes < 60) {\n      unit = \"minute\";\n    } else if (minutes < minutesInDay) {\n      unit = \"hour\";\n    } else if (dstNormalizedMinutes < minutesInMonth) {\n      unit = \"day\";\n    } else if (dstNormalizedMinutes < minutesInYear) {\n      unit = \"month\";\n    } else {\n      unit = \"year\";\n    }\n  } else {\n    unit = defaultUnit;\n  }\n\n  // 0 up to 60 seconds\n  if (unit === \"second\") {\n    const seconds = roundingMethod(milliseconds / 1000);\n    return locale.formatDistance(\"xSeconds\", seconds, localizeOptions);\n\n    // 1 up to 60 mins\n  } else if (unit === \"minute\") {\n    const roundedMinutes = roundingMethod(minutes);\n    return locale.formatDistance(\"xMinutes\", roundedMinutes, localizeOptions);\n\n    // 1 up to 24 hours\n  } else if (unit === \"hour\") {\n    const hours = roundingMethod(minutes / 60);\n    return locale.formatDistance(\"xHours\", hours, localizeOptions);\n\n    // 1 up to 30 days\n  } else if (unit === \"day\") {\n    const days = roundingMethod(dstNormalizedMinutes / minutesInDay);\n    return locale.formatDistance(\"xDays\", days, localizeOptions);\n\n    // 1 up to 12 months\n  } else if (unit === \"month\") {\n    const months = roundingMethod(dstNormalizedMinutes / minutesInMonth);\n    return months === 12 && defaultUnit !== \"month\"\n      ? locale.formatDistance(\"xYears\", 1, localizeOptions)\n      : locale.formatDistance(\"xMonths\", months, localizeOptions);\n\n    // 1 year up to max Date\n  } else {\n    const years = roundingMethod(dstNormalizedMinutes / minutesInYear);\n    return locale.formatDistance(\"xYears\", years, localizeOptions);\n  }\n}\n\n// Fallback for modularized imports:\nexport default formatDistanceStrict;\n","<template>\n    <li v-if=\"isVisible\" class=\"b-timeline-item\" :class=\"conditionalClasses\">\n        <div v-if=\"timegap\" class=\"b-timeline-item__row\">\n            <div class=\"b-timeline-item__marker\" aria-hidden=\"true\">\n                <div class=\"b-timeline-item__icon b-timeline-item__icon--timegap\"></div>\n                <div class=\"b-timeline-item__separator\"></div>\n            </div>\n            <div class=\"b-timeline-item__content\">\n                <bento-typography class=\"b-timeline-item__timegap\" :aria-label=\"timegapAriaLabel\">\n                    {{ timegap }}\n                </bento-typography>\n            </div>\n        </div>\n        <div class=\"b-timeline-item__row\">\n            <div class=\"b-timeline-item__marker\" aria-hidden=\"true\">\n                <square-small-icon class=\"b-timeline-item__icon\" :class=\"iconConditionalClasses\" />\n                <div\n                    v-if=\"!isLastItem\"\n                    class=\"b-timeline-item__separator\"\n                    data-testid=\"last-timeline-item-separator\"\n                ></div>\n            </div>\n            <div class=\"b-timeline-item__content\">\n                <bento-typography\n                    v-if=\"!isNoteType\"\n                    el=\"div\"\n                    variant=\"body\"\n                    strongest\n                    class=\"b-timeline-item__title\"\n                    role=\"heading\"\n                    aria-level=\"2\"\n                >\n                    <bento-link v-if=\"isLinkTitle\" v-bind=\"linkTitleProps\" disable-typography>{{\n                        linkTitleProps.title\n                    }}</bento-link>\n                    <span v-else>{{ title }}</span>\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"isNoteType && (description || hasSlot('default'))\"\n                    el=\"div\"\n                    variant=\"body\"\n                    class=\"b-timeline-item__description\"\n                >\n                    <slot>{{ description }}</slot>\n                </bento-typography>\n\n                <bento-typography v-if=\"timestamp\" class=\"b-timeline-item__timestamp\" el=\"div\" variant=\"caption\">\n                    <bento-date :date=\"timestamp.date\" :format=\"timestamp.format\" disable-typography />\n                    {{ timestamp.value }}\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"!isNoteType && additionalTimestamp\"\n                    class=\"b-timeline-item__timestamp\"\n                    el=\"div\"\n                    variant=\"caption\"\n                >\n                    <bento-date\n                        :date=\"additionalTimestamp.date\"\n                        :format=\"additionalTimestamp.format\"\n                        disable-typography\n                    />\n                    {{ additionalTimestamp.value }}\n                </bento-typography>\n\n                <bento-typography\n                    v-if=\"!isNoteType && (description || hasSlot('default'))\"\n                    el=\"div\"\n                    variant=\"body\"\n                    class=\"b-timeline-item__description\"\n                >\n                    <slot>{{ description }}</slot>\n                </bento-typography>\n\n                <div v-if=\"!isNoteType && dataList\" class=\"b-timeline-item__data-list\">\n                    <bento-structured-list>\n                        <bento-structured-list-item\n                            v-for=\"entry in dataList\"\n                            :key=\"generateUid(entry.label)\"\n                            :label=\"entry.label\"\n                        >\n                            <bento-typography variant=\"caption\">{{ entry.value }}</bento-typography>\n                        </bento-structured-list-item>\n                    </bento-structured-list>\n                </div>\n                <bento-tag v-if=\"!isNoteType && tag\" v-bind=\"tag\" class=\"b-timeline-item__tag\" />\n            </div>\n        </div>\n        <div v-if=\"displayShowMoreButton\" class=\"b-timeline-item__row\">\n            <div class=\"b-timeline-item__marker\" aria-hidden=\"true\">\n                <div class=\"b-timeline-item__separator\"></div>\n            </div>\n            <div class=\"b-timeline-item__content\">\n                <bento-button class=\"b-timeline__show-more\" variant=\"tertiary\" @click=\"showAll = !showAll\">\n                    <template v-if=\"!showAll\">{{ t('showMore', { items: hiddenItems }) }}</template>\n                    <template v-else>{{ t('showLess') }}</template>\n                </bento-button>\n            </div>\n        </div>\n    </li>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, inject, onUnmounted, type PropType, provide } from 'vue';\n    // Components\n    import { BentoButton } from '@/components/button';\n    import { BentoDate } from '@/components/date';\n    import { BentoLink } from '@/components/link';\n    import { BentoTag } from '@/components/tag';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoStructuredList, BentoStructuredListItem } from '@/components/structured-list';\n    import SquareSmallIcon from '@adyen/ui-assets-icons-16/vue/square-small-fill';\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useHasSlot } from '@/composables';\n    import { formatDistanceStrict } from 'date-fns/formatDistanceStrict';\n    // Types\n    import {\n        type BentoTimelineConfigData,\n        type BentoTimelineDataList,\n        type BentoTimelineEntry,\n        type BentoTimelineItemTitle,\n        BentoTimelineItemVariant,\n        type BentoTimelineRegisterEntry,\n        BentoTimelineStatus,\n        type BentoTimelineTagProps,\n        type BentoTimelineTimestamp,\n    } from '../../timeline.types';\n    // Keys\n    import { TIMELINE_CONFIG_INJECTION_KEY, TIMELINE_REGISTER_ENTRY_INJECTION_KEY } from '../../timeline.keys';\n    import { STRUCTURED_LIST_CONDENSED_INJECTION_KEY } from '@/components/structured-list/structured-list.keys';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    /**\n     * BentoTimelineItem renders each event in the Timeline component\n     *\n     * @example\n     * import { BentoDateFormat, BentoTimelineItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoTimelineItem },\n     *     template: `\n     *          <bento-timeline-item\n     *              title=\"Milestone\"\n     *              :timestamp=\"{ date: new Date(), value: 'Created at', format: BentoDateFormat.FULL_DATE_EXACT_TIME_WITHOUT_PERIOD }\"\n     *              :additional-timestamp=\"{ date: new Date(), value: 'Modified at' }\"\n     *              description=\"Milestone description\"\n     *              :data-list=\"[\n     *                 { label: 'Label', value: 'Value' },\n     *                 { label: 'Label', value: 'Value' },\n     *              ]\"\n     *              :tag=\"{ label: 'Tag'}\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-timeline-item',\n        components: {\n            BentoButton,\n            BentoDate,\n            BentoLink,\n            BentoTag,\n            BentoTypography,\n            BentoStructuredList,\n            BentoStructuredListItem,\n            SquareSmallIcon,\n        },\n        i18n: { messages },\n        props: {\n            /**\n             * Additional timestamp of the event\n             */\n            additionalTimestamp: {\n                type: Object as PropType<BentoTimelineTimestamp>,\n                default: null,\n            },\n            /**\n             * Relevant key-value pair data to display in the event\n             */\n            dataList: {\n                type: Array as PropType<BentoTimelineDataList>,\n                default: null,\n            },\n            /**\n             * Description of the event\n             */\n            description: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Modifier that changes the color of the timeline icon\n             * @values blue, black, green, grey, orange, red, yellow\n             */\n            status: {\n                type: String as PropType<`${BentoTimelineStatus}`>,\n                default: 'black',\n                validator: (value: BentoTimelineStatus) => Object.values(BentoTimelineStatus).includes(value),\n            },\n            /**\n             * Tag props that will be passed down to inner tag component\n             */\n            tag: {\n                type: Object as PropType<BentoTimelineTagProps>,\n                default: undefined,\n            },\n            /**\n             * Main timestamp of the event. Used for timegap detection.\n             */\n            timestamp: {\n                type: Object as PropType<BentoTimelineTimestamp>,\n                required: true,\n            },\n            /**\n             * Title of the event\n             */\n            title: {\n                type: [Object, String] as PropType<BentoTimelineItemTitle | string>,\n                default: null,\n            },\n            /**\n             * Type of the timeline item. If set to 'note', it renders a note item in the timeline. Defaults to 'milestone'.\n             * @values milestone, note\n             */\n            type: {\n                type: String,\n                default: 'milestone',\n                validator: (value: string) => ['milestone', 'note'].includes(value),\n            },\n            /**\n             * Variant for the timeline item\n             * @values DEFAULT, SUCCESS, CRITICAL\n             *\n             * @deprecated Use \"status\" prop instead\n             */\n            variant: {\n                type: String as PropType<BentoTimelineItemVariant | `${BentoTimelineItemVariant}`>,\n                default: null,\n                validator: (value: BentoTimelineItemVariant) => Object.values(BentoTimelineItemVariant).includes(value),\n            },\n        },\n        setup(props, { slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const isNoteType = computed(() => props.type === 'note');\n\n            // Handle variant deprecation, by setting `critical` and `success` variants to their respective colors\n            const computedStatus = computed(() => {\n                if (props.variant === BentoTimelineItemVariant.CRITICAL) {\n                    return 'red';\n                }\n\n                if (props.variant === BentoTimelineItemVariant.SUCCESS) {\n                    return 'green';\n                }\n\n                return props.status;\n            });\n\n            if (props.variant) {\n                deprecate(\n                    'BentoTimelineItem \"variant\" property',\n                    `Use the BentoTimelineItem \"status\" modifier instead to modify the color of the timeline icon.\n                    <bento-timeline-item status=\"red\" />`,\n                    '2.0.0'\n                );\n            }\n\n            const iconConditionalClasses = computed(() => ({\n                [`b-timeline-item__icon--${computedStatus.value}`]: computedStatus.value && !isNoteType.value,\n            }));\n            const conditionalClasses = computed(() => ({\n                'b-timeline-item--note': isNoteType.value,\n            }));\n\n            // Provide STRUCTURED_LIST_CONDENSED_INJECTION_KEY as true, to set the internal condensed style in the BentoStructuredList comp\n            provide(STRUCTURED_LIST_CONDENSED_INJECTION_KEY, true);\n\n            const entry: BentoTimelineEntry = {\n                title: props.title,\n                date: props.timestamp.date,\n            };\n\n            // Register timeline entry to the timeline entries array\n            const registerTimelineEntry: BentoTimelineRegisterEntry = inject(TIMELINE_REGISTER_ENTRY_INJECTION_KEY);\n            const { timelineEntries, unregisterTimelineEntry } = registerTimelineEntry(entry);\n\n            // On unmounting timeline item, unregister it from the parent timeline component\n            onUnmounted(() => unregisterTimelineEntry());\n\n            // Get timeline config data from the parent Timeline comp\n            const { showAll, showMoreIndex, hiddenItems, visibleIndexes, timegapLimit }: BentoTimelineConfigData =\n                inject(TIMELINE_CONFIG_INJECTION_KEY);\n\n            const index = computed(() => timelineEntries.value.indexOf(entry));\n\n            const allItemsShowing = computed(() => showAll.value || !visibleIndexes.value);\n            const isVisible = computed(() =>\n                allItemsShowing.value ? true : visibleIndexes.value.includes(index.value)\n            );\n            const isLinkTitle = computed(() => typeof props.title === 'object');\n            const linkTitleProps = computed(() => props.title as BentoTimelineItemTitle);\n            const timegap = computed(() => {\n                if (!timegapLimit.value) {\n                    return null;\n                }\n                const previousDate = timelineEntries.value[index.value - 1]?.date;\n                const isPreviousItemVisible = allItemsShowing.value || visibleIndexes.value.includes(index.value - 1);\n                if (!previousDate || !isPreviousItemVisible) {\n                    return null;\n                }\n                const { date } = timelineEntries.value[index.value];\n                const timegapInSelectedUnit = parseInt(\n                    formatDistanceStrict(previousDate, date, { unit: timegapLimit.value.unit }),\n                    10\n                );\n                return timegapLimit.value.amount < timegapInSelectedUnit\n                    ? formatDistanceStrict(previousDate, date, { roundingMethod: 'floor' })\n                    : null;\n            });\n            const timegapAriaLabel = computed(() => (timegap.value ? t('timegap', { timegap: timegap.value }) : ''));\n            const displayShowMoreButton = computed(() => hiddenItems.value && showMoreIndex.value === index.value);\n            const isLastItem = computed(() => {\n                // The index can be -1 before the parent has had a chance to sort the array.\n                return index.value !== -1 && index.value === timelineEntries.value.length - 1;\n            });\n\n            return {\n                // Values\n                isNoteType,\n                iconConditionalClasses,\n                conditionalClasses,\n                displayShowMoreButton,\n                showAll,\n                hiddenItems,\n                isVisible,\n                isLinkTitle,\n                linkTitleProps,\n                timegap,\n                timegapAriaLabel,\n                isLastItem,\n\n                // Methods\n                generateUid,\n                hasSlot: useHasSlot(slots),\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./timeline-item.scss\" />\n"],"names":["BentoTimelineShowMorePlacement","BentoTimelineShowMorePlacement2","BentoTimelineGapUnit","BentoTimelineGapUnit2","BentoTimelineItemVariant","BentoTimelineItemVariant2","BentoTimelineStatus","BentoTimelineStatus2","TIMELINE_REGISTER_ENTRY_INJECTION_KEY","TIMELINE_CONFIG_INJECTION_KEY","_sfc_main$2","defineComponent","messages$1","BentoButton","BentoButtonActions","BentoTextarea","props","emit","t","useI18n","addNoteLabel","computed","cancelLabel","newNoteContent","ref","updateNoteContent","newTimelineNoteContent","addNoteTextareaRef","addNoteButtonRef","showAddNoteTextArea","toggleAddNote","nextTick","_a","_b","addNoteToTimeline","timelineEntries","hiddenItems","showAll","timegapLimit","toRefs","timelineIndexes","visibleIndexes","showMoreIndex","sortEntries","a","b","unregisterTimelineEntry","entryToRemove","index","registerTimelineEntry","entry","watch","configData","provide","uuid","_sfc_main$1","formatDistanceStrict","laterDate","earlierDate","options","defaultOptions","getDefaultOptions","locale","enUS","comparison","compareAsc","localizeOptions","laterDate_","earlierDate_","normalizeDates","roundingMethod","getRoundingMethod","milliseconds","minutes","millisecondsInMinute","timezoneOffset","getTimezoneOffsetInMilliseconds","dstNormalizedMinutes","defaultUnit","unit","minutesInDay","minutesInMonth","minutesInYear","seconds","roundedMinutes","hours","days","months","years","_sfc_main","BentoDate","BentoLink","BentoTag","BentoTypography","BentoStructuredList","BentoStructuredListItem","SquareSmallIcon","messages","value","slots","isNoteType","computedStatus","deprecate","iconConditionalClasses","conditionalClasses","STRUCTURED_LIST_CONDENSED_INJECTION_KEY","inject","onUnmounted","allItemsShowing","isVisible","isLinkTitle","linkTitleProps","timegap","previousDate","isPreviousItemVisible","date","timegapInSelectedUnit","timegapAriaLabel","displayShowMoreButton","isLastItem","generateUid","useHasSlot"],"mappings":"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","x_google_ignoreList":[4]}

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { a as e, d as t } from "./chunks/dashboard-section.jIpBvP6X.js";
+import { a as e, d as t } from "./chunks/dashboard-section.D1l7wDX3.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.CozTcWQ0.js";
+import { d as t } from "./chunks/data-grid-template.DGUDqzjj.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { g as e, d as o, a as r, b as n, f as i, e as B, c as d, B as s } from "./chunks/data-grid.D5fTwSvx.js";
+import { g as e, d as o, a as r, b as n, f as i, e as B, c as d, B as s } from "./chunks/data-grid.B5aCkT0o.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as r } from "./chunks/date-picker.BLii86mM.js";
-import { C as i, a as n } from "./chunks/calendar.EfqJlztU.js";
+import { B as t, a as r } from "./chunks/date-picker.DImAYvoM.js";
+import { C as i, a as n } from "./chunks/calendar.Fm_dfQC5.js";
 export {
   t as BentoDatePicker,
   r as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,5 +1,5 @@
-import { B as t, a as n } from "./chunks/date-range-picker.Btgdly1q.js";
-import { C as o, a as i } from "./chunks/calendar.EfqJlztU.js";
+import { B as t, a as n } from "./chunks/date-range-picker.DgZMERzx.js";
+import { C as o, a as i } from "./chunks/calendar.Fm_dfQC5.js";
 export {
   t as BentoDateRangePicker,
   n as BentoDateRangePickerEvent,

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { a, B as r, c as B, b as n, d as o } from "./chunks/filter-bar.DfTOz6xI.js";
+import { a, B as r, c as B, b as n, d as o } from "./chunks/filter-bar.C0S87JZD.js";
 export {
   a as BentoBaseFilter,
   r as BentoFilterBar,