@adyen/bento-vue2 1.6.1 → 1.7.0

package/dist/timeline.js

@@ -1,64 +1,66 @@
-import { defineComponent as j, ref as N, computed as c, toRefs as q, provide as M, inject as R, onUnmounted as z } from "vue";
-import { n as T } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { a as H } from "./chunks/button.eb60d460.js";
-import { B as J } from "./chunks/index.a709a6b0.js";
-import { BentoTag as K } from "./tag.js";
-import { B as P } from "./chunks/index.2fce7703.js";
-import { B as V, a as Z, S as Q } from "./chunks/index.298f5eed.js";
-import { C as W } from "./chunks/checkmark-circle-fill.2cfbb81b.js";
-import { C as X } from "./chunks/cross-circle-fill.d5e9ae44.js";
-import { r as G, e as ee, t as C, g as A } from "./chunks/index.f55fdc32.js";
-import { c as te, a as ie } from "./chunks/index.86453263.js";
-import { g as ae } from "./chunks/unique-id.a2a2b458.js";
-import { u as se } from "./chunks/i18n.155748d6.js";
-import "./assets/index21.css";
-var O = 1e3 * 60, y = 60 * 24, D = y * 30, F = y * 365;
-function U(t, e) {
+import { defineComponent as $, ref as O, computed as c, toRefs as P, provide as M, inject as R, onUnmounted as J } from "vue";
+import { n as L } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { a as K } from "./chunks/button.e09d5980.js";
+import { B as V } from "./chunks/index.b83f8b7e.js";
+import { BentoLink as Z } from "./link.js";
+import { BentoTag as Q } from "./tag.js";
+import { B as W } from "./chunks/index.965ac1af.js";
+import { B as X, a as G, S as tt } from "./chunks/index.d6b5f5e1.js";
+import { C as et } from "./chunks/checkmark-circle-fill.2cfbb81b.js";
+import { C as it } from "./chunks/cross-circle-fill.d5e9ae44.js";
+import { r as st, e as at, t as C, g as A } from "./chunks/index.f55fdc32.js";
+import { c as nt, a as rt } from "./chunks/index.86453263.js";
+import { g as lt } from "./chunks/unique-id.a2a2b458.js";
+import { u as ot } from "./chunks/i18n.155748d6.js";
+import { u as mt } from "./chunks/use-has-slot.6052d56a.js";
+import "./assets/index32.css";
+var D = 1e3 * 60, y = 60 * 24, F = y * 30, k = y * 365;
+function U(e, t) {
   var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  G(2, arguments);
-  var a = i.locale || ee;
-  if (!a.formatDistance)
+  st(2, arguments);
+  var s = i.locale || at;
+  if (!s.formatDistance)
     throw new RangeError("locale must contain localize.formatDistance property");
-  var f = te(t, e);
+  var f = nt(e, t);
   if (isNaN(f))
     throw new RangeError("Invalid time value");
-  var n = ie(i);
-  n.addSuffix = !!i.addSuffix, n.comparison = f;
-  var o, d;
-  f > 0 ? (o = C(e), d = C(t)) : (o = C(t), d = C(e));
-  var v = i.roundingMethod == null ? "round" : String(i.roundingMethod), m;
+  var l = rt(i);
+  l.addSuffix = !!i.addSuffix, l.comparison = f;
+  var u, o;
+  f > 0 ? (u = C(t), o = C(e)) : (u = C(e), o = C(t));
+  var v = i.roundingMethod == null ? "round" : String(i.roundingMethod), r;
   if (v === "floor")
-    m = Math.floor;
+    r = Math.floor;
   else if (v === "ceil")
-    m = Math.ceil;
+    r = Math.ceil;
   else if (v === "round")
-    m = Math.round;
+    r = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var s = d.getTime() - o.getTime(), l = s / O, u = A(d) - A(o), _ = (s - u) / O, r;
-  if (i.unit == null ? l < 1 ? r = "second" : l < 60 ? r = "minute" : l < y ? r = "hour" : _ < D ? r = "day" : _ < F ? r = "month" : r = "year" : r = String(i.unit), r === "second") {
-    var b = m(s / 1e3);
-    return a.formatDistance("xSeconds", b, n);
-  } else if (r === "minute") {
-    var I = m(l);
-    return a.formatDistance("xMinutes", I, n);
-  } else if (r === "hour") {
-    var E = m(l / 60);
-    return a.formatDistance("xHours", E, n);
-  } else if (r === "day") {
-    var S = m(_ / y);
-    return a.formatDistance("xDays", S, n);
-  } else if (r === "month") {
-    var h = m(_ / D);
-    return h === 12 && i.unit !== "month" ? a.formatDistance("xYears", 1, n) : a.formatDistance("xMonths", h, n);
-  } else if (r === "year") {
-    var w = m(_ / F);
-    return a.formatDistance("xYears", w, n);
+  var a = o.getTime() - u.getTime(), m = a / D, d = A(o) - A(u), _ = (a - d) / D, n;
+  if (i.unit == null ? m < 1 ? n = "second" : m < 60 ? n = "minute" : m < y ? n = "hour" : _ < F ? n = "day" : _ < k ? n = "month" : n = "year" : n = String(i.unit), n === "second") {
+    var I = r(a / 1e3);
+    return s.formatDistance("xSeconds", I, l);
+  } else if (n === "minute") {
+    var E = r(m);
+    return s.formatDistance("xMinutes", E, l);
+  } else if (n === "hour") {
+    var S = r(m / 60);
+    return s.formatDistance("xHours", S, l);
+  } else if (n === "day") {
+    var g = r(_ / y);
+    return s.formatDistance("xDays", g, l);
+  } else if (n === "month") {
+    var b = r(_ / F);
+    return b === 12 && i.unit !== "month" ? s.formatDistance("xYears", 1, l) : s.formatDistance("xMonths", b, l);
+  } else if (n === "year") {
+    var T = r(_ / k);
+    return s.formatDistance("xYears", T, l);
   }
   throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
 }
-var p = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.AFTER_FIRST = "after-first", t.BEFORE_LAST = "before-last", t))(p || {}), ne = /* @__PURE__ */ ((t) => (t.SECOND = "second", t.MINUTE = "minute", t.HOUR = "hour", t.DAY = "day", t.MONTH = "month", t.YEAR = "year", t))(ne || {}), g = /* @__PURE__ */ ((t) => (t.DEFAULT = "SquareSmallIcon", t.SUCCESS = "CheckedCircleIcon", t.CRITICAL = "CrossCircleIcon", t))(g || {});
-const k = Symbol("timeline register entry injection key"), Y = Symbol("timeline config obj injection key"), re = j({
+var p = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(p || {}), ct = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(ct || {}), h = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(h || {});
+const B = Symbol("timeline register entry injection key"), Y = Symbol("timeline config obj injection key"), _t = $({
   name: "bento-timeline",
   props: {
     /**
@@ -79,98 +81,99 @@ const k = Symbol("timeline register entry injection key"), Y = Symbol("timeline
       default: null
     }
   },
-  setup(t) {
-    const e = N([]), i = c(
-      () => t.showMore && e.value.length > t.showMore.limit ? e.value.length - t.showMore.limit : null
-    ), a = N(!1), { timegapLimit: f } = q(t), n = c(() => {
-      if (!t.showMore)
+  setup(e) {
+    const t = O([]), i = c(
+      () => e.showMore && t.value.length > e.showMore.limit ? t.value.length - e.showMore.limit : null
+    ), s = O(!1), { timegapLimit: f } = P(e), l = c(() => {
+      if (!e.showMore)
         return null;
-      const s = Array.from(e.value.keys());
-      return t.showMore.placement === p.BEFORE_LAST ? [
-        ...s.slice(0, t.showMore.limit - 1),
-        s[s.length - 1]
-      ] : t.showMore.placement === p.AFTER_FIRST ? [s[0], ...s.slice(-(t.showMore.limit - 1))] : s.slice(0, t.showMore.limit);
-    }), o = c(() => {
-      if (!t.showMore)
+      const a = Array.from(t.value.keys());
+      return e.showMore.placement === p.BEFORE_LAST ? [
+        ...a.slice(0, e.showMore.limit - 1),
+        a[a.length - 1]
+      ] : e.showMore.placement === p.AFTER_FIRST ? [a[0], ...a.slice(-(e.showMore.limit - 1))] : a.slice(0, e.showMore.limit);
+    }), u = c(() => {
+      if (!e.showMore)
         return null;
-      switch (t.showMore.placement) {
+      switch (e.showMore.placement) {
         case p.BEFORE_LAST:
-          return t.showMore.limit - 2;
+          return e.showMore.limit - 2;
         case p.AFTER_FIRST:
           return 0;
         case p.BOTTOM:
         default:
-          return t.showMore.limit - 1;
+          return e.showMore.limit - 1;
       }
-    }), d = (s) => () => {
-      var l;
-      e.value = (l = e.value) == null ? void 0 : l.filter((u, _) => _ !== s);
-    }, v = ({ title: s, date: l }) => {
-      const u = e.value.length;
-      return e.value.push({ title: s, date: l }), { timelineEntries: e, index: u, unregisterTimelineEntry: d(u) };
-    }, m = {
-      showAll: a,
-      showMoreIndex: o,
+    }), o = (a) => () => {
+      var m;
+      t.value = (m = t.value) == null ? void 0 : m.filter((d, _) => _ !== a);
+    }, v = ({ title: a, date: m }) => {
+      const d = t.value.length;
+      return t.value.push({ title: a, date: m }), { timelineEntries: t, index: d, unregisterTimelineEntry: o(d) };
+    }, r = {
+      showAll: s,
+      showMoreIndex: u,
       hiddenItems: i,
-      visibleIndexes: n,
+      visibleIndexes: l,
       timegapLimit: f
     };
-    M(k, v), M(Y, m);
+    M(B, v), M(Y, r);
   }
 });
-var le = function() {
-  var e = this, i = e._self._c;
-  return e._self._setupProxy, i("ol", { staticClass: "b-timeline" }, [e._t("default")], 2);
-}, oe = [], me = /* @__PURE__ */ T(
-  re,
-  le,
-  oe,
+var ut = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("ol", { staticClass: "b-timeline" }, [t._t("default")], 2);
+}, dt = [], ft = /* @__PURE__ */ L(
+  _t,
+  ut,
+  dt,
   !1,
   null,
   "cc50a8c5",
   null,
   null
 );
-const Oe = me.exports;
-let $ = 0;
-const ce = {
+const Bt = ft.exports;
+let j = 0;
+const vt = {
   beforeCreate() {
-    this.uuid = $.toString(), $ += 1;
+    this.uuid = j.toString(), j += 1;
   }
 };
-var _e = function() {
-  var e = this, i = e._self._c;
-  return i("svg", e._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? i("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), i("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z", "clip-rule": "evenodd" } })]);
-}, ue = [], de = /* @__PURE__ */ T(
-  ce,
-  _e,
-  ue,
+var ht = function() {
+  var t = this, i = t._self._c;
+  return i("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? i("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), i("path", { attrs: { fill: "#00112C", "fill-rule": "evenodd", d: "M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z", "clip-rule": "evenodd" } })]);
+}, pt = [], gt = /* @__PURE__ */ L(
+  vt,
+  ht,
+  pt,
   !1,
   null,
   "f702de38",
   null,
   null
 );
-const ve = de.exports, fe = {
+const bt = gt.exports, Ct = {
   "en-US": {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
   }
-}, ge = j({
+}, yt = $({
   name: "bento-timeline-item",
   components: {
-    BentoButton: H,
-    BentoDate: J,
-    BentoTag: K,
-    BentoTypography: P,
-    BentoStructuredList: V,
-    BentoStructuredListItem: Z,
-    CrossCircleIcon: X,
-    CheckedCircleIcon: W,
-    SquareSmallIcon: ve
+    BentoButton: K,
+    BentoDate: V,
+    BentoLink: Z,
+    BentoTag: Q,
+    BentoTypography: W,
+    BentoStructuredList: X,
+    BentoStructuredListItem: G,
+    CrossCircleIcon: it,
+    CheckedCircleIcon: et,
+    SquareSmallIcon: bt
   },
-  i18n: { messages: fe },
+  i18n: { messages: Ct },
   props: {
     /**
      * Additional timestamp of the event
@@ -211,7 +214,7 @@ const ve = de.exports, fe = {
      * Title of the event
      */
     title: {
-      type: String,
+      type: [Object, String],
       required: !0
     },
     /**
@@ -220,83 +223,88 @@ const ve = de.exports, fe = {
      */
     variant: {
       type: String,
-      default: g.DEFAULT,
-      validator: (t) => Object.values(g).includes(t)
+      default: h.DEFAULT,
+      validator: (e) => Object.values(h).includes(e)
     }
   },
-  setup(t) {
-    const { t: e } = se(), i = c(() => ({
-      "b-timeline-item__icon--default": t.variant === g.DEFAULT,
-      "b-timeline-item__icon--success": t.variant === g.SUCCESS,
-      "b-timeline-item__icon--critical": t.variant === g.CRITICAL
-    })), a = c(() => ({
-      "b-timeline-item__title--default": t.variant === g.DEFAULT
+  setup(e, { slots: t }) {
+    const { t: i } = ot(), s = c(() => ({
+      "b-timeline-item__icon--default": e.variant === h.DEFAULT,
+      "b-timeline-item__icon--success": e.variant === h.SUCCESS,
+      "b-timeline-item__icon--critical": e.variant === h.CRITICAL
+    })), f = c(() => ({
+      "b-timeline-item__title--default": e.variant === h.DEFAULT
     }));
-    M(Q, !0);
-    const f = R(k), { timelineEntries: n, index: o, unregisterTimelineEntry: d } = f({
-      title: t.title,
-      date: t.timestamp.date
+    M(tt, !0);
+    const l = R(B), { timelineEntries: u, index: o, unregisterTimelineEntry: v } = l({
+      title: e.title,
+      date: e.timestamp.date
     });
-    z(() => d());
-    const { showAll: v, showMoreIndex: m, hiddenItems: s, visibleIndexes: l, timegapLimit: u } = R(Y), _ = c(() => v.value || !l.value), r = c(() => _.value ? !0 : l.value.includes(o)), b = c(() => {
-      var x;
-      if (!u.value)
+    J(() => v());
+    const { showAll: r, showMoreIndex: a, hiddenItems: m, visibleIndexes: d, timegapLimit: _ } = R(Y), n = c(() => r.value || !d.value), I = c(() => n.value ? !0 : d.value.includes(o)), E = c(() => typeof e.title == "object"), S = c(() => e.title), g = c(() => {
+      var N;
+      if (!_.value)
         return null;
-      const h = (x = n.value[o - 1]) == null ? void 0 : x.date, w = _.value || l.value.includes(o - 1);
-      if (!h || !w)
+      const w = (N = u.value[o - 1]) == null ? void 0 : N.date, q = n.value || d.value.includes(o - 1);
+      if (!w || !q)
         return null;
-      const { date: L } = n.value[o], B = parseInt(
-        U(h, L, { unit: u.value.unit }),
+      const { date: x } = u.value[o], z = parseInt(
+        U(w, x, { unit: _.value.unit }),
         10
       );
-      return u.value.amount < B ? U(h, L, { roundingMethod: "floor" }) : null;
-    }), I = c(() => b.value ? e("timegap", { timegap: b.value }) : ""), E = c(() => s.value && m.value === o), S = c(() => o === n.value.length - 1);
+      return _.value.amount < z ? U(w, x, { roundingMethod: "floor" }) : null;
+    }), b = c(() => g.value ? i("timegap", { timegap: g.value }) : ""), T = c(() => m.value && a.value === o), H = c(() => o === u.value.length - 1);
     return {
       // Values
-      iconConditionalClasses: i,
-      titleConditionalClasses: a,
-      displayShowMoreButton: E,
-      showAll: v,
-      hiddenItems: s,
-      isVisible: r,
-      timegap: b,
-      timegapAriaLabel: I,
-      isLastItem: S,
+      iconConditionalClasses: s,
+      titleConditionalClasses: f,
+      displayShowMoreButton: T,
+      showAll: r,
+      hiddenItems: m,
+      isVisible: I,
+      isLinkTitle: E,
+      linkTitleProps: S,
+      timegap: g,
+      timegapAriaLabel: b,
+      isLastItem: H,
       // Methods
-      generateUid: ae,
-      t: e
+      generateUid: lt,
+      hasSlot: mt(t),
+      t: i
     };
   }
 });
-var he = function() {
-  var e = this, i = e._self._c;
-  return e._self._setupProxy, e.isVisible ? i("li", { staticClass: "b-timeline-item" }, [e.timegap ? i("div", { staticClass: "b-timeline-item__row" }, [e._m(0), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-typography", { staticClass: "b-timeline-item__timegap", attrs: { "aria-label": e.timegapAriaLabel } }, [e._v(" " + e._s(e.timegap) + " ")])], 1)]) : e._e(), i("div", { staticClass: "b-timeline-item__row" }, [i("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [i(e.variant, { tag: "component", staticClass: "b-timeline-item__icon", class: e.iconConditionalClasses }), e.isLastItem ? e._e() : i("div", { staticClass: "b-timeline-item__separator", attrs: { "data-testid": "last-timeline-item-separator" } })], 1), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-typography", { staticClass: "b-timeline-item__title", class: e.titleConditionalClasses, attrs: { el: "div", variant: "body", strongest: "", role: "heading" } }, [e._v(e._s(e.title))]), e.timestamp ? i("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [i("bento-date", { attrs: { date: e.timestamp.date, format: e.timestamp.format, "disable-typography": "" } }), e._v(" " + e._s(e.timestamp.value) + " ")], 1) : e._e(), e.additionalTimestamp ? i("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [i("bento-date", { attrs: { date: e.additionalTimestamp.date, format: e.additionalTimestamp.format, "disable-typography": "" } }), e._v(" " + e._s(e.additionalTimestamp.value) + " ")], 1) : e._e(), e.description ? i("bento-typography", { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [e._v(e._s(e.description))]) : e._e(), e.dataList ? i("div", { staticClass: "b-timeline-item__data-list" }, [i("bento-structured-list", e._l(e.dataList, function(a) {
-    return i("bento-structured-list-item", { key: e.generateUid(a.label), attrs: { label: a.label } }, [i("bento-typography", { attrs: { variant: "caption" } }, [e._v(e._s(a.value))])], 1);
-  }), 1)], 1) : e._e(), e.tag ? i("bento-tag", e._b({ staticClass: "b-timeline-item__tag" }, "bento-tag", e.tag, !1)) : e._e()], 1)]), e.displayShowMoreButton ? i("div", { staticClass: "b-timeline-item__row" }, [e._m(1), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-button", { staticClass: "b-timeline__show-more", attrs: { variant: "tertiary" }, on: { click: function(a) {
-    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();
-}, pe = [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" })]);
+var It = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, t.isVisible ? i("li", { staticClass: "b-timeline-item" }, [t.timegap ? i("div", { staticClass: "b-timeline-item__row" }, [t._m(0), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-typography", { staticClass: "b-timeline-item__timegap", attrs: { "aria-label": t.timegapAriaLabel } }, [t._v(" " + t._s(t.timegap) + " ")])], 1)]) : t._e(), i("div", { staticClass: "b-timeline-item__row" }, [i("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [i(t.variant, { tag: "component", staticClass: "b-timeline-item__icon", class: t.iconConditionalClasses }), t.isLastItem ? t._e() : i("div", { staticClass: "b-timeline-item__separator", attrs: { "data-testid": "last-timeline-item-separator" } })], 1), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-typography", { staticClass: "b-timeline-item__title", class: t.titleConditionalClasses, attrs: { el: "div", variant: "body", strongest: "", role: "heading" } }, [t.isLinkTitle ? i("bento-link", t._b({ attrs: { "disable-typography": "" } }, "bento-link", t.linkTitleProps, !1), [t._v(t._s(t.linkTitleProps.title))]) : i("span", [t._v(t._s(t.title))])], 1), t.timestamp ? i("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [i("bento-date", { attrs: { date: t.timestamp.date, format: t.timestamp.format, "disable-typography": "" } }), t._v(" " + t._s(t.timestamp.value) + " ")], 1) : t._e(), t.additionalTimestamp ? i("bento-typography", { staticClass: "b-timeline-item__timestamp", attrs: { el: "div", variant: "caption" } }, [i("bento-date", { attrs: { date: t.additionalTimestamp.date, format: t.additionalTimestamp.format, "disable-typography": "" } }), t._v(" " + t._s(t.additionalTimestamp.value) + " ")], 1) : t._e(), t.description || t.hasSlot("default") ? i("bento-typography", { staticClass: "b-timeline-item__description", attrs: { el: "div", variant: "body" } }, [t._t("default", function() {
+    return [t._v(t._s(t.description))];
+  })], 2) : t._e(), t.dataList ? i("div", { staticClass: "b-timeline-item__data-list" }, [i("bento-structured-list", t._l(t.dataList, function(s) {
+    return i("bento-structured-list-item", { key: t.generateUid(s.label), attrs: { label: s.label } }, [i("bento-typography", { attrs: { variant: "caption" } }, [t._v(t._s(s.value))])], 1);
+  }), 1)], 1) : t._e(), t.tag ? i("bento-tag", t._b({ staticClass: "b-timeline-item__tag" }, "bento-tag", t.tag, !1)) : t._e()], 1)]), t.displayShowMoreButton ? i("div", { staticClass: "b-timeline-item__row" }, [t._m(1), i("div", { staticClass: "b-timeline-item__content" }, [i("bento-button", { staticClass: "b-timeline__show-more", attrs: { variant: "tertiary" }, on: { click: function(s) {
+    t.showAll = !t.showAll;
+  } } }, [t.showAll ? [t._v(t._s(t.t("showLess")))] : [t._v(t._s(t.t("showMore", { items: t.hiddenItems })))]], 2)], 1)]) : t._e()]) : t._e();
+}, Et = [function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [t("div", { staticClass: "b-timeline-item__icon b-timeline-item__icon--timegap" }), t("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" })]);
-}], be = /* @__PURE__ */ T(
-  ge,
-  he,
-  pe,
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, t("div", { staticClass: "b-timeline-item__marker", attrs: { "aria-hidden": "true" } }, [t("div", { staticClass: "b-timeline-item__separator" })]);
+}], St = /* @__PURE__ */ L(
+  yt,
+  It,
+  Et,
   !1,
   null,
-  "3fb349f6",
+  "e138721f",
   null,
   null
 );
-const De = be.exports;
+const Yt = St.exports;
 export {
-  Oe as BentoTimeline,
-  ne as BentoTimelineGapUnit,
-  De as BentoTimelineItem,
-  g as BentoTimelineItemVariant,
+  Bt as BentoTimeline,
+  ct as BentoTimelineGapUnit,
+  Yt as BentoTimelineItem,
+  h as BentoTimelineItemVariant,
   p as BentoTimelineShowMorePlacement
 };
 //# sourceMappingURL=timeline.js.map