@adyen/bento-vue2 1.8.0 → 1.9.0

package/dist/timeline.js

@@ -1,35 +1,35 @@
 import { defineComponent as Y, computed as o, ref as E, toRefs as Q, provide as L, inject as D, onUnmounted as W } from "vue";
-import { a as z } from "./chunks/button.e09d5980.js";
+import { a as z } from "./chunks/button.7dd8d4de.js";
 import { BentoTextarea as X } from "./textarea.js";
-import { u as H } from "./chunks/i18n.155748d6.js";
+import { u as H } from "./chunks/i18n.eb5b985b.js";
 import { BentoButtonActions as G } from "./button.js";
 import { n as x } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as ee } from "./chunks/index.b83f8b7e.js";
-import { BentoLink as te } from "./link.js";
-import { BentoTag as ie } from "./tag.js";
-import { B as ae } from "./chunks/index.965ac1af.js";
-import { B as ne, a as se, S as oe } from "./chunks/index.a5de5242.js";
-import { C as le } from "./chunks/checkmark-circle-fill.2cfbb81b.js";
-import { C as re } from "./chunks/cross-circle-fill.d5e9ae44.js";
-import { r as me, e as ce, t as N, g as F } from "./chunks/index.f55fdc32.js";
-import { c as de, a as ue } from "./chunks/index.86453263.js";
-import { g as _e } from "./chunks/unique-id.a2a2b458.js";
-import { u as ve } from "./chunks/use-has-slot.6052d56a.js";
-import "./assets/index27.css";
+import { B as tt } from "./chunks/index.322692c8.js";
+import { BentoLink as et } from "./link.js";
+import { BentoTag as it } from "./tag.js";
+import { B as at } from "./chunks/index.b201e81d.js";
+import { B as nt, a as st, S as ot } from "./chunks/index.0890dc99.js";
+import { C as lt } from "./chunks/checkmark-circle-fill.345311d2.js";
+import { C as rt } from "./chunks/cross-circle-fill.7c07d16a.js";
+import { r as mt, e as ct, t as N, g as F } from "./chunks/index.f55fdc32.js";
+import { c as dt, a as ut } from "./chunks/index.86453263.js";
+import { g as _t } from "./chunks/unique-id.a2a2b458.js";
+import { u as vt } from "./chunks/use-has-slot.fbeb19ec.js";
+import "./assets/index22.css";
 var k = 1e3 * 60, M = 60 * 24, U = M * 30, B = M * 365;
-function j(t, e) {
+function j(e, t) {
   var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  me(2, arguments);
-  var a = i.locale || ce;
+  mt(2, arguments);
+  var a = i.locale || ct;
   if (!a.formatDistance)
     throw new RangeError("locale must contain localize.formatDistance property");
-  var b = de(t, e);
+  var b = dt(e, t);
   if (isNaN(b))
     throw new RangeError("Invalid time value");
-  var m = ue(i);
+  var m = ut(i);
   m.addSuffix = !!i.addSuffix, m.comparison = b;
   var _, c;
-  b > 0 ? (_ = N(e), c = N(t)) : (_ = N(t), c = N(e));
+  b > 0 ? (_ = N(t), c = N(e)) : (_ = N(e), c = N(t));
   var v = i.roundingMethod == null ? "round" : String(i.roundingMethod), r;
   if (v === "floor")
     r = Math.floor;
@@ -39,7 +39,7 @@ function j(t, e) {
     r = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var n = c.getTime() - _.getTime(), d = n / k, y = F(c) - F(_), u = (n - y) / k, s;
+  var n = c.getTime() - _.getTime(), d = n / k, C = F(c) - F(_), u = (n - C) / k, s;
   if (i.unit == null ? d < 1 ? s = "second" : d < 60 ? s = "minute" : d < M ? s = "hour" : u < U ? s = "day" : u < B ? s = "month" : s = "year" : s = String(i.unit), s === "second") {
     var g = r(n / 1e3);
     return a.formatDistance("xSeconds", g, m);
@@ -47,8 +47,8 @@ function j(t, e) {
     var h = r(d);
     return a.formatDistance("xMinutes", h, m);
   } else if (s === "hour") {
-    var C = r(d / 60);
-    return a.formatDistance("xHours", C, m);
+    var y = r(d / 60);
+    return a.formatDistance("xHours", y, m);
   } else if (s === "day") {
     var w = r(u / M);
     return a.formatDistance("xDays", w, m);
@@ -61,14 +61,14 @@ function j(t, e) {
   }
   throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
 }
-var S = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.AFTER_FIRST = "after-first", t.BEFORE_LAST = "before-last", t))(S || {}), fe = /* @__PURE__ */ ((t) => (t.SECOND = "second", t.MINUTE = "minute", t.HOUR = "hour", t.DAY = "day", t.MONTH = "month", t.YEAR = "year", t))(fe || {}), p = /* @__PURE__ */ ((t) => (t.DEFAULT = "SquareSmallIcon", t.SUCCESS = "CheckedCircleIcon", t.CRITICAL = "CrossCircleIcon", t))(p || {});
-const P = Symbol("timeline register entry injection key"), q = Symbol("timeline config obj injection key"), pe = {
+var S = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(S || {}), ft = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(ft || {}), p = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(p || {});
+const P = Symbol("timeline register entry injection key"), q = Symbol("timeline config obj injection key"), pt = {
   "en-US": {
     addNote: "Add note",
     cancel: "Cancel"
   }
-}, be = Y({
-  i18n: { messages: pe },
+}, bt = Y({
+  i18n: { messages: pt },
   name: "bento-timeline",
   components: { BentoButton: z, BentoButtonActions: G, BentoTextarea: X },
   props: {
@@ -98,53 +98,53 @@ const P = Symbol("timeline register entry injection key"), q = Symbol("timeline
     }
   },
   emits: ["add-timeline-note"],
-  setup(t, { emit: e }) {
+  setup(e, { emit: t }) {
     const { t: i } = H(), a = o(() => i("addNote")), b = o(() => i("cancel")), m = E(), _ = (l) => {
       m.value = l;
     }, c = E(!1), v = () => {
       c.value = !c.value;
     }, r = () => {
-      e("add-timeline-note", {
+      t("add-timeline-note", {
         description: m.value,
         timestamp: { date: /* @__PURE__ */ new Date() },
         type: "note"
       }), v();
     }, n = E([]), d = o(
-      () => t.showMore && n.value.length > t.showMore.limit ? n.value.length - t.showMore.limit : null
-    ), y = E(!1), { timegapLimit: u } = Q(t), s = o(() => {
-      if (!t.showMore)
+      () => e.showMore && n.value.length > e.showMore.limit ? n.value.length - e.showMore.limit : null
+    ), C = E(!1), { timegapLimit: u } = Q(e), s = o(() => {
+      if (!e.showMore)
         return null;
       const l = Array.from(n.value.keys());
-      return t.showMore.placement === S.BEFORE_LAST ? [
-        ...l.slice(0, t.showMore.limit - 1),
+      return e.showMore.placement === S.BEFORE_LAST ? [
+        ...l.slice(0, e.showMore.limit - 1),
         l[l.length - 1]
-      ] : t.showMore.placement === S.AFTER_FIRST ? [l[0], ...l.slice(-(t.showMore.limit - 1))] : l.slice(0, t.showMore.limit);
+      ] : e.showMore.placement === S.AFTER_FIRST ? [l[0], ...l.slice(-(e.showMore.limit - 1))] : l.slice(0, e.showMore.limit);
     }), g = o(() => {
-      if (!t.showMore)
+      if (!e.showMore)
         return null;
-      switch (t.showMore.placement) {
+      switch (e.showMore.placement) {
         case S.BEFORE_LAST:
-          return t.showMore.limit - 2;
+          return e.showMore.limit - 2;
         case S.AFTER_FIRST:
           return 0;
         case S.BOTTOM:
         default:
-          return t.showMore.limit - 1;
+          return e.showMore.limit - 1;
       }
     }), h = (l) => () => {
       var f;
       n.value = (f = n.value) == null ? void 0 : f.filter((T, I) => I !== l);
-    }, C = ({ title: l, description: f, date: T }) => {
+    }, y = ({ title: l, description: f, date: T }) => {
       const I = n.value.length;
       return n.value.push({ title: l, description: f, date: T }), { timelineEntries: n, index: I, unregisterTimelineEntry: h(I) };
     }, w = {
-      showAll: y,
+      showAll: C,
       showMoreIndex: g,
       hiddenItems: d,
       visibleIndexes: s,
       timegapLimit: u
     };
-    return L(P, C), L(q, w), {
+    return L(P, y), L(q, w), {
       addNoteLabel: a,
       cancelLabel: b,
       toggleAddNote: v,
@@ -154,63 +154,63 @@ const P = Symbol("timeline register entry injection key"), q = Symbol("timeline
     };
   }
 });
-var ge = function() {
-  var e = this, i = e._self._c;
-  return e._self._setupProxy, i("div", { staticClass: "b-timeline" }, [e.addNote ? i("div", { staticClass: "b-timeline__add-note-section" }, [e.showAddNoteTextArea ? e._e() : i("bento-button", { attrs: { variant: "tertiary" }, on: { click: e.toggleAddNote } }, [e._v(e._s(e.addNoteLabel))]), e.showAddNoteTextArea ? i("div", [i("bento-textarea", { attrs: { label: e.addNoteLabel, "character-limit": 150, resizable: "vertical" }, on: { input: e.updateNoteContent } }), i("bento-button-actions", { attrs: { actions: [
-    { title: e.addNoteLabel, event: e.addNoteToTimeline },
-    { title: e.cancelLabel, event: e.toggleAddNote }
-  ] } })], 1) : e._e()], 1) : e._e(), i("ol", { staticClass: "b-timeline__items" }, [e._t("default")], 2)]);
-}, he = [], ye = /* @__PURE__ */ x(
-  be,
-  ge,
-  he,
+var gt = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("div", { staticClass: "b-timeline" }, [t.addNote ? i("div", { staticClass: "b-timeline__add-note-section" }, [t.showAddNoteTextArea ? t._e() : i("bento-button", { attrs: { variant: "tertiary" }, on: { click: t.toggleAddNote } }, [t._v(t._s(t.addNoteLabel))]), t.showAddNoteTextArea ? i("div", [i("bento-textarea", { attrs: { label: t.addNoteLabel, "character-limit": 150, resizable: "vertical" }, on: { input: t.updateNoteContent } }), i("bento-button-actions", { attrs: { actions: [
+    { title: t.addNoteLabel, event: t.addNoteToTimeline },
+    { title: t.cancelLabel, event: t.toggleAddNote }
+  ] } })], 1) : t._e()], 1) : t._e(), i("ol", { staticClass: "b-timeline__items" }, [t._t("default")], 2)]);
+}, ht = [], Ct = /* @__PURE__ */ x(
+  bt,
+  gt,
+  ht,
   !1,
   null,
   "5d7abc30",
   null,
   null
 );
-const Ke = ye.exports;
+const Kt = Ct.exports;
 let $ = 0;
-const Ce = {
+const yt = {
   beforeCreate() {
     this.uuid = $.toString(), $ += 1;
   }
 };
-var Te = 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" } })]);
-}, Ie = [], Se = /* @__PURE__ */ x(
-  Ce,
-  Te,
-  Ie,
+var Tt = function() {
+  var t = this, i = t._self._c;
+  return i("svg", t._b({ staticClass: "ui-assets-icons-16", 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", 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" } })]);
+}, It = [], St = /* @__PURE__ */ x(
+  yt,
+  Tt,
+  It,
   !1,
   null,
-  "f702de38",
+  null,
   null,
   null
 );
-const we = Se.exports, Ee = {
+const wt = St.exports, Et = {
   "en-US": {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
   }
-}, Ne = Y({
+}, Nt = Y({
   name: "bento-timeline-item",
   components: {
     BentoButton: z,
-    BentoDate: ee,
-    BentoLink: te,
-    BentoTag: ie,
-    BentoTypography: ae,
-    BentoStructuredList: ne,
-    BentoStructuredListItem: se,
-    CrossCircleIcon: re,
-    CheckedCircleIcon: le,
-    SquareSmallIcon: we
+    BentoDate: tt,
+    BentoLink: et,
+    BentoTag: it,
+    BentoTypography: at,
+    BentoStructuredList: nt,
+    BentoStructuredListItem: st,
+    CrossCircleIcon: rt,
+    CheckedCircleIcon: lt,
+    SquareSmallIcon: wt
   },
-  i18n: { messages: Ee },
+  i18n: { messages: Et },
   props: {
     /**
      * Additional timestamp of the event
@@ -261,7 +261,7 @@ const we = Se.exports, Ee = {
     type: {
       type: String,
       default: "milestone",
-      validator: (t) => ["milestone", "note"].includes(t)
+      validator: (e) => ["milestone", "note"].includes(e)
     },
     /**
      * Variant for the timeline item
@@ -270,32 +270,32 @@ const we = Se.exports, Ee = {
     variant: {
       type: String,
       default: p.DEFAULT,
-      validator: (t) => Object.values(p).includes(t)
+      validator: (e) => Object.values(p).includes(e)
     }
   },
-  setup(t, { slots: e }) {
-    const { t: i } = H(), a = o(() => t.type === "note"), b = o(
-      () => a.value ? p.DEFAULT : t.variant
+  setup(e, { slots: t }) {
+    const { t: i } = H(), a = o(() => e.type === "note"), b = o(
+      () => a.value ? p.DEFAULT : e.variant
     ), m = o(() => ({
-      "b-timeline-item__icon--default": t.variant === p.DEFAULT || a.value,
-      "b-timeline-item__icon--success": t.variant === p.SUCCESS && !a.value,
-      "b-timeline-item__icon--critical": t.variant === p.CRITICAL && !a.value
+      "b-timeline-item__icon--default": e.variant === p.DEFAULT || a.value,
+      "b-timeline-item__icon--success": e.variant === p.SUCCESS && !a.value,
+      "b-timeline-item__icon--critical": e.variant === p.CRITICAL && !a.value
     })), _ = o(() => ({
-      "b-timeline-item__title--default": t.variant === p.DEFAULT
+      "b-timeline-item__title--default": e.variant === p.DEFAULT
     })), c = o(() => ({
       "b-timeline-item--note": a.value
     }));
-    L(oe, !0);
+    L(ot, !0);
     const v = D(P), { timelineEntries: r, index: n, unregisterTimelineEntry: d } = v({
-      title: t.title,
-      date: t.timestamp.date
+      title: e.title,
+      date: e.timestamp.date
     });
     W(() => d());
-    const { showAll: y, showMoreIndex: u, hiddenItems: s, visibleIndexes: g, timegapLimit: h } = D(q), C = o(() => y.value || !g.value), w = o(() => C.value ? !0 : g.value.includes(n)), l = o(() => typeof t.title == "object"), f = o(() => t.title), T = o(() => {
+    const { showAll: C, showMoreIndex: u, hiddenItems: s, visibleIndexes: g, timegapLimit: h } = D(q), y = o(() => C.value || !g.value), w = o(() => y.value ? !0 : g.value.includes(n)), l = o(() => typeof e.title == "object"), f = o(() => e.title), T = o(() => {
       var R;
       if (!h.value)
         return null;
-      const A = (R = r.value[n - 1]) == null ? void 0 : R.date, K = C.value || g.value.includes(n - 1);
+      const A = (R = r.value[n - 1]) == null ? void 0 : R.date, K = y.value || g.value.includes(n - 1);
       if (!A || !K)
         return null;
       const { date: O } = r.value[n], Z = parseInt(
@@ -311,7 +311,7 @@ const we = Se.exports, Ee = {
       titleConditionalClasses: _,
       conditionalClasses: c,
       displayShowMoreButton: V,
-      showAll: y,
+      showAll: C,
       hiddenItems: s,
       isVisible: w,
       isLinkTitle: l,
@@ -321,42 +321,42 @@ const we = Se.exports, Ee = {
       isLastItem: J,
       computedIconVariant: b,
       // Methods
-      generateUid: _e,
-      hasSlot: ve(e),
+      generateUid: _t,
+      hasSlot: vt(t),
       t: i
     };
   }
 });
-var Me = function() {
-  var e = this, i = e._self._c;
-  return e._self._setupProxy, e.isVisible ? i("li", { staticClass: "b-timeline-item", class: e.conditionalClasses }, [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.computedIconVariant, { 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" }, [e.isNoteType ? e._e() : i("bento-typography", { staticClass: "b-timeline-item__title", class: e.titleConditionalClasses, attrs: { el: "div", variant: "body", strongest: "", role: "heading" } }, [e.isLinkTitle ? i("bento-link", e._b({ attrs: { "disable-typography": "" } }, "bento-link", e.linkTitleProps, !1), [e._v(e._s(e.linkTitleProps.title))]) : i("span", [e._v(e._s(e.title))])], 1), 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.isNoteType && 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 || e.hasSlot("default") ? i("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 ? 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.isNoteType && 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();
-}, 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" })]);
+var Mt = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, t.isVisible ? i("li", { staticClass: "b-timeline-item", class: t.conditionalClasses }, [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.computedIconVariant, { 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" }, [t.isNoteType ? t._e() : 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.isNoteType && 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.isNoteType && t.dataList ? i("div", { staticClass: "b-timeline-item__data-list" }, [i("bento-structured-list", t._l(t.dataList, function(a) {
+    return i("bento-structured-list-item", { key: t.generateUid(a.label), attrs: { label: a.label } }, [i("bento-typography", { attrs: { variant: "caption" } }, [t._v(t._s(a.value))])], 1);
+  }), 1)], 1) : t._e(), !t.isNoteType && 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(a) {
+    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();
+}, At = [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" })]);
-}], Le = /* @__PURE__ */ x(
-  Ne,
-  Me,
-  Ae,
+  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" })]);
+}], Lt = /* @__PURE__ */ x(
+  Nt,
+  Mt,
+  At,
   !1,
   null,
   "7f5f4898",
   null,
   null
 );
-const Ze = Le.exports;
+const Zt = Lt.exports;
 export {
-  Ke as BentoTimeline,
-  fe as BentoTimelineGapUnit,
-  Ze as BentoTimelineItem,
+  Kt as BentoTimeline,
+  ft as BentoTimelineGapUnit,
+  Zt as BentoTimelineItem,
   p as BentoTimelineItemVariant,
   S as BentoTimelineShowMorePlacement
 };