@adyen/bento-vue3 1.32.0 → 1.33.0

package/dist/chunks/{timeline-item.DVugzZI5.js → timeline-item.FTU5rl7e.js}

@@ -1,74 +1,74 @@
-import { defineComponent as ne, computed as d, ref as D, toRefs as fe, provide as z, resolveComponent as N, openBlock as i, createElementBlock as _, createBlock as w, withCtx as b, createTextVNode as T, toDisplayString as g, createCommentVNode as u, createVNode as S, createElementVNode as y, renderSlot as H, mergeProps as V, inject as P, onUnmounted as _e, normalizeClass as W, Fragment as Y, renderList as pe, pushScopeId as ve, popScopeId as he } from "vue";
-import { B as oe } from "./button.BbV2BOSa.js";
-import { B as be } from "./textarea.C9dCXF7c.js";
-import { u as ae } from "./i18n.DY5YXG5f.js";
-import { B as ge } from "./button-actions.Dkrp7NsY.js";
+import { defineComponent as ne, computed as m, ref as D, toRefs as ce, provide as z, resolveComponent as I, openBlock as i, createElementBlock as p, createBlock as w, withCtx as h, createTextVNode as T, toDisplayString as g, createCommentVNode as c, createVNode as S, createElementVNode as y, renderSlot as H, mergeProps as V, inject as P, onUnmounted as fe, normalizeClass as W, Fragment as Y, renderList as ve } from "vue";
+import { B as oe } from "./button.Br6CyG40.js";
+import { B as pe } from "./textarea.C-Oje7QC.js";
+import { u as ae } from "./i18n.DL9GT2-k.js";
+import { B as _e } from "./button-actions.hdK5IgrZ.js";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as ye } from "./date.DXg5sG5Z.js";
-import { B as Ie } from "./link.DgEKZGKQ.js";
-import { B as Ne } from "./tag.BZ90rkBe.js";
-import { B as Ee, d as Te } from "./typography.CSIykcgS.js";
-import { B as we, a as Se, S as Ce } from "./structured-list-item.CnrBWJgo.js";
-import { g as Me } from "./unique-id.XFfoKuc2.js";
-import { u as ke } from "./use-has-slot.B7eQSabc.js";
-import { r as Le, l as Ae, t as B, g as Z } from "./index.B_UZQ6qF.js";
-import { c as $e, a as Oe } from "./index.xqFSZOAb.js";
+import { B as be } from "./date.D8rQMzMG.js";
+import { B as he } from "./link.2YS7haGc.js";
+import { B as ge } from "./tag.RYw4OhWk.js";
+import { B as ye, d as Ne } from "./typography.z9P0Ec3Q.js";
+import { B as Ie, a as Ee, S as Te } from "./structured-list-item.Z-1ivOFu.js";
+import { g as we } from "./unique-id.XFfoKuc2.js";
+import { u as Se } from "./use-has-slot.B7eQSabc.js";
+import { r as Ce, l as Me, t as B, g as Z } from "./index.B_UZQ6qF.js";
+import { c as ke, a as Le } from "./index.xqFSZOAb.js";
 import "../assets/timeline-item.css";
 var G = 1e3 * 60, U = 60 * 24, Q = U * 30, X = U * 365;
-function x(e, p) {
-  var a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  Le(2, arguments);
-  var s = a.locale || Ae;
-  if (!s.formatDistance)
+function x(e, o) {
+  var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  Ce(2, arguments);
+  var l = s.locale || Me;
+  if (!l.formatDistance)
     throw new RangeError("locale must contain localize.formatDistance property");
-  var I = $e(e, p);
-  if (isNaN(I))
+  var N = ke(e, o);
+  if (isNaN(N))
     throw new RangeError("Invalid time value");
-  var l = Oe(a);
-  l.addSuffix = !!a.addSuffix, l.comparison = I;
-  var o, c;
-  I > 0 ? (o = B(p), c = B(e)) : (o = B(e), c = B(p));
-  var f = a.roundingMethod == null ? "round" : String(a.roundingMethod), n;
-  if (f === "floor")
+  var r = Le(s);
+  r.addSuffix = !!s.addSuffix, r.comparison = N;
+  var a, f;
+  N > 0 ? (a = B(o), f = B(e)) : (a = B(e), f = B(o));
+  var v = s.roundingMethod == null ? "round" : String(s.roundingMethod), n;
+  if (v === "floor")
     n = Math.floor;
-  else if (f === "ceil")
+  else if (v === "ceil")
     n = Math.ceil;
-  else if (f === "round")
+  else if (v === "round")
     n = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
-  var m = c.getTime() - o.getTime(), v = m / G, C = Z(c) - Z(o), h = (m - C) / G, t;
-  if (a.unit == null ? v < 1 ? t = "second" : v < 60 ? t = "minute" : v < U ? t = "hour" : h < Q ? t = "day" : h < X ? t = "month" : t = "year" : t = String(a.unit), t === "second") {
-    var M = n(m / 1e3);
-    return s.formatDistance("xSeconds", M, l);
+  var u = f.getTime() - a.getTime(), _ = u / G, C = Z(f) - Z(a), b = (u - C) / G, t;
+  if (s.unit == null ? _ < 1 ? t = "second" : _ < 60 ? t = "minute" : _ < U ? t = "hour" : b < Q ? t = "day" : b < X ? t = "month" : t = "year" : t = String(s.unit), t === "second") {
+    var M = n(u / 1e3);
+    return l.formatDistance("xSeconds", M, r);
   } else if (t === "minute") {
-    var k = n(v);
-    return s.formatDistance("xMinutes", k, l);
+    var k = n(_);
+    return l.formatDistance("xMinutes", k, r);
   } else if (t === "hour") {
-    var $ = n(v / 60);
-    return s.formatDistance("xHours", $, l);
+    var O = n(_ / 60);
+    return l.formatDistance("xHours", O, r);
   } else if (t === "day") {
-    var O = n(h / U);
-    return s.formatDistance("xDays", O, l);
+    var $ = n(b / U);
+    return l.formatDistance("xDays", $, r);
   } else if (t === "month") {
-    var r = n(h / Q);
-    return r === 12 && a.unit !== "month" ? s.formatDistance("xYears", 1, l) : s.formatDistance("xMonths", r, l);
+    var d = n(b / Q);
+    return d === 12 && s.unit !== "month" ? l.formatDistance("xYears", 1, r) : l.formatDistance("xMonths", d, r);
   } else if (t === "year") {
-    var E = n(h / X);
-    return s.formatDistance("xYears", E, l);
+    var E = n(b / X);
+    return l.formatDistance("xYears", E, r);
   }
   throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'");
 }
-var A = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(A || {}), Re = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Re || {}), j = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(j || {}), se = /* @__PURE__ */ ((e) => (e.BLACK = "black", e.BLUE = "blue", e.GREEN = "green", e.GREY = "grey", e.ORANGE = "orange", e.RED = "red", e.YELLOW = "yellow", e))(se || {});
+var A = /* @__PURE__ */ ((e) => (e.BOTTOM = "bottom", e.AFTER_FIRST = "after-first", e.BEFORE_LAST = "before-last", e))(A || {}), Ae = /* @__PURE__ */ ((e) => (e.SECOND = "second", e.MINUTE = "minute", e.HOUR = "hour", e.DAY = "day", e.MONTH = "month", e.YEAR = "year", e))(Ae || {}), j = /* @__PURE__ */ ((e) => (e.DEFAULT = "SquareSmallIcon", e.SUCCESS = "CheckedCircleIcon", e.CRITICAL = "CrossCircleIcon", e))(j || {}), se = /* @__PURE__ */ ((e) => (e.BLACK = "black", e.BLUE = "blue", e.GREEN = "green", e.GREY = "grey", e.ORANGE = "orange", e.RED = "red", e.YELLOW = "yellow", e))(se || {});
 const le = Symbol("timeline register entry injection key"), re = Symbol("timeline config obj injection key"), ee = {
   "en-US": {
     addNote: "Add note",
     cancel: "Cancel"
   }
-}, De = ne({
+}, Oe = ne({
   i18n: { messages: ee },
   name: "bento-timeline",
-  components: { BentoButton: oe, BentoButtonActions: ge, BentoTextarea: be },
+  components: { BentoButton: oe, BentoButtonActions: _e, BentoTextarea: pe },
   props: {
     /**
      * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -96,28 +96,28 @@ const le = Symbol("timeline register entry injection key"), re = Symbol("timelin
     }
   },
   emits: ["add-timeline-note"],
-  setup(e, { emit: p }) {
-    const { t: a } = ae({ messages: ee }), s = d(() => a("addNote")), I = d(() => a("cancel")), l = D(), o = (r) => {
-      l.value = r;
-    }, c = D(!1), f = () => {
-      c.value = !c.value;
+  setup(e, { emit: o }) {
+    const { t: s } = ae({ messages: ee }), l = m(() => s("addNote")), N = m(() => s("cancel")), r = D(), a = (d) => {
+      r.value = d;
+    }, f = D(!1), v = () => {
+      f.value = !f.value;
     }, n = () => {
-      p("add-timeline-note", {
-        description: l.value,
+      o("add-timeline-note", {
+        description: r.value,
         timestamp: { date: /* @__PURE__ */ new Date() },
         type: "note"
-      }), f();
-    }, m = D([]), v = d(
-      () => e.showMore && m.value.length > e.showMore.limit ? m.value.length - e.showMore.limit : null
-    ), C = D(!1), { timegapLimit: h } = fe(e), t = d(() => {
+      }), v();
+    }, u = D([]), _ = m(
+      () => e.showMore && u.value.length > e.showMore.limit ? u.value.length - e.showMore.limit : null
+    ), C = D(!1), { timegapLimit: b } = ce(e), t = m(() => {
       if (!e.showMore)
         return null;
-      const r = Array.from(m.value.keys());
+      const d = Array.from(u.value.keys());
       return e.showMore.placement === A.BEFORE_LAST ? [
-        ...r.slice(0, e.showMore.limit - 1),
-        r[r.length - 1]
-      ] : e.showMore.placement === A.AFTER_FIRST ? [r[0], ...r.slice(-(e.showMore.limit - 1))] : r.slice(0, e.showMore.limit);
-    }), M = d(() => {
+        ...d.slice(0, e.showMore.limit - 1),
+        d[d.length - 1]
+      ] : e.showMore.placement === A.AFTER_FIRST ? [d[0], ...d.slice(-(e.showMore.limit - 1))] : d.slice(0, e.showMore.limit);
+    }), M = m(() => {
       if (!e.showMore)
         return null;
       switch (e.showMore.placement) {
@@ -129,105 +129,105 @@ const le = Symbol("timeline register entry injection key"), re = Symbol("timelin
         default:
           return e.showMore.limit - 1;
       }
-    }), k = (r) => () => {
+    }), k = (d) => () => {
       var E;
-      m.value = (E = m.value) == null ? void 0 : E.filter((R, L) => L !== r);
-    }, $ = ({ title: r, description: E, date: R }) => {
-      const L = m.value.length;
-      return m.value.push({ title: r, description: E, date: R }), { timelineEntries: m, index: L, unregisterTimelineEntry: k(L) };
-    }, O = {
+      u.value = (E = u.value) == null ? void 0 : E.filter((R, L) => L !== d);
+    }, O = ({ title: d, description: E, date: R }) => {
+      const L = u.value.length;
+      return u.value.push({ title: d, description: E, date: R }), { timelineEntries: u, index: L, unregisterTimelineEntry: k(L) };
+    }, $ = {
       showAll: C,
       showMoreIndex: M,
-      hiddenItems: v,
+      hiddenItems: _,
       visibleIndexes: t,
-      timegapLimit: h
+      timegapLimit: b
     };
-    return z(le, $), z(re, O), {
-      addNoteLabel: s,
-      cancelLabel: I,
-      toggleAddNote: f,
-      updateNoteContent: o,
+    return z(le, O), z(re, $), {
+      addNoteLabel: l,
+      cancelLabel: N,
+      toggleAddNote: v,
+      updateNoteContent: a,
       addNoteToTimeline: n,
-      showAddNoteTextArea: c
+      showAddNoteTextArea: f
     };
   }
-}), Be = { class: "b-timeline" }, je = {
+}), $e = { class: "b-timeline" }, Re = {
   key: 0,
   class: "b-timeline__add-note-section"
-}, Ue = { key: 1 }, Fe = { class: "b-timeline__items" };
-function Ye(e, p, a, s, I, l) {
-  const o = N("bento-button"), c = N("bento-textarea"), f = N("bento-button-actions");
-  return i(), _("div", Be, [
-    e.addNote ? (i(), _("div", je, [
-      e.showAddNoteTextArea ? u("", !0) : (i(), w(o, {
+}, De = { key: 1 }, Be = { class: "b-timeline__items" };
+function je(e, o, s, l, N, r) {
+  const a = I("bento-button"), f = I("bento-textarea"), v = I("bento-button-actions");
+  return i(), p("div", $e, [
+    e.addNote ? (i(), p("div", Re, [
+      e.showAddNoteTextArea ? c("", !0) : (i(), w(a, {
         key: 0,
         variant: "tertiary",
         onClick: e.toggleAddNote
       }, {
-        default: b(() => [
+        default: h(() => [
           T(g(e.addNoteLabel), 1)
         ]),
         _: 1
       }, 8, ["onClick"])),
-      e.showAddNoteTextArea ? (i(), _("div", Ue, [
-        S(c, {
+      e.showAddNoteTextArea ? (i(), p("div", De, [
+        S(f, {
           label: e.addNoteLabel,
           "character-limit": 150,
           resizable: "vertical",
           onInput: e.updateNoteContent
         }, null, 8, ["label", "onInput"]),
-        S(f, {
+        S(v, {
           actions: [
             { title: e.addNoteLabel, event: e.addNoteToTimeline },
             { title: e.cancelLabel, event: e.toggleAddNote }
           ]
         }, null, 8, ["actions"])
-      ])) : u("", !0)
-    ])) : u("", !0),
-    y("ol", Fe, [
+      ])) : c("", !0)
+    ])) : c("", !0),
+    y("ol", Be, [
       H(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const It = /* @__PURE__ */ q(De, [["render", Ye], ["__scopeId", "data-v-f844f908"]]);
+const pt = /* @__PURE__ */ q(Oe, [["render", je], ["__scopeId", "data-v-f844f908"]]);
 let te = 0;
-const ze = {
+const Ue = {
   beforeCreate() {
     this.uuid = te.toString(), te += 1;
   }
-}, He = { key: 0 }, Ve = /* @__PURE__ */ y("path", {
-  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"
-}, null, -1);
-function qe(e, p, a, s, I, l) {
-  return i(), _("svg", V({ role: "img" }, e.$attrs, {
+}, Fe = { key: 0 };
+function Ye(e, o, s, l, N, r) {
+  return i(), p("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (i(), _("title", He, g(e.$attrs["svg-title"]), 1)) : u("", !0),
-    Ve
+    e.$attrs["svg-title"] ? (i(), p("title", Fe, g(e.$attrs["svg-title"]), 1)) : c("", !0),
+    o[0] || (o[0] = y("path", {
+      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"
+    }, null, -1))
   ], 16);
 }
-const Ke = /* @__PURE__ */ q(ze, [["render", qe]]), ie = {
+const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
   "en-US": {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
   }
-}, Je = ne({
+}, He = ne({
   name: "bento-timeline-item",
   components: {
     BentoButton: oe,
-    BentoDate: ye,
-    BentoLink: Ie,
-    BentoTag: Ne,
-    BentoTypography: Ee,
-    BentoStructuredList: we,
-    BentoStructuredListItem: Se,
-    SquareSmallIcon: Ke
+    BentoDate: be,
+    BentoLink: he,
+    BentoTag: ge,
+    BentoTypography: ye,
+    BentoStructuredList: Ie,
+    BentoStructuredListItem: Ee,
+    SquareSmallIcon: ze
   },
   i18n: { messages: ie },
   props: {
@@ -303,115 +303,110 @@ const Ke = /* @__PURE__ */ q(ze, [["render", qe]]), ie = {
       validator: (e) => Object.values(j).includes(e)
     }
   },
-  setup(e, { slots: p }) {
-    const { t: a } = ae({ messages: ie }), s = d(() => e.type === "note"), I = d(() => e.variant === j.CRITICAL ? "red" : e.variant === j.SUCCESS ? "green" : e.status);
-    e.variant && Te(
+  setup(e, { slots: o }) {
+    const { t: s } = ae({ messages: ie }), l = m(() => e.type === "note"), N = m(() => e.variant === j.CRITICAL ? "red" : e.variant === j.SUCCESS ? "green" : e.status);
+    e.variant && Ne(
       '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 = d(() => ({
-      [`b-timeline-item__icon--${I.value}`]: I.value && !s.value
-    })), o = d(() => ({
-      "b-timeline-item--note": s.value
+    const r = m(() => ({
+      [`b-timeline-item__icon--${N.value}`]: N.value && !l.value
+    })), a = m(() => ({
+      "b-timeline-item--note": l.value
     }));
-    z(Ce, !0);
-    const c = P(le), { timelineEntries: f, index: n, unregisterTimelineEntry: m } = c({
+    z(Te, !0);
+    const f = P(le), { timelineEntries: v, index: n, unregisterTimelineEntry: u } = f({
       title: e.title,
       date: e.timestamp.date
     });
-    _e(() => m());
-    const { showAll: v, showMoreIndex: C, hiddenItems: h, visibleIndexes: t, timegapLimit: M } = P(re), k = d(() => v.value || !t.value), $ = d(() => k.value ? !0 : t.value.includes(n)), O = d(() => typeof e.title == "object"), r = d(() => e.title), E = d(() => {
+    fe(() => u());
+    const { showAll: _, showMoreIndex: C, hiddenItems: b, visibleIndexes: t, timegapLimit: M } = P(re), k = m(() => _.value || !t.value), O = m(() => k.value ? !0 : t.value.includes(n)), $ = m(() => typeof e.title == "object"), d = m(() => e.title), E = m(() => {
       var J;
       if (!M.value)
         return null;
-      const F = (J = f.value[n - 1]) == null ? void 0 : J.date, ue = k.value || t.value.includes(n - 1);
-      if (!F || !ue)
+      const F = (J = v.value[n - 1]) == null ? void 0 : J.date, me = k.value || t.value.includes(n - 1);
+      if (!F || !me)
         return null;
-      const { date: K } = f.value[n], ce = parseInt(
+      const { date: K } = v.value[n], ue = parseInt(
         x(F, K, { unit: M.value.unit }),
         10
       );
-      return M.value.amount < ce ? x(F, K, { roundingMethod: "floor" }) : null;
-    }), R = d(() => E.value ? a("timegap", { timegap: E.value }) : ""), L = d(() => h.value && C.value === n), me = d(() => n === f.value.length - 1);
+      return M.value.amount < ue ? x(F, K, { roundingMethod: "floor" }) : null;
+    }), R = m(() => E.value ? s("timegap", { timegap: E.value }) : ""), L = m(() => b.value && C.value === n), de = m(() => n === v.value.length - 1);
     return {
       // Values
-      isNoteType: s,
-      iconConditionalClasses: l,
-      conditionalClasses: o,
+      isNoteType: l,
+      iconConditionalClasses: r,
+      conditionalClasses: a,
       displayShowMoreButton: L,
-      showAll: v,
-      hiddenItems: h,
-      isVisible: $,
-      isLinkTitle: O,
-      linkTitleProps: r,
+      showAll: _,
+      hiddenItems: b,
+      isVisible: O,
+      isLinkTitle: $,
+      linkTitleProps: d,
       timegap: E,
       timegapAriaLabel: R,
-      isLastItem: me,
+      isLastItem: de,
       // Methods
-      generateUid: Me,
-      hasSlot: ke(p),
-      t: a
+      generateUid: we,
+      hasSlot: Se(o),
+      t: s
     };
   }
-}), de = (e) => (ve("data-v-79eff1f1"), e = e(), he(), e), Pe = {
+}), Ve = {
   key: 0,
   class: "b-timeline-item__row"
-}, We = /* @__PURE__ */ de(() => /* @__PURE__ */ y("div", {
-  class: "b-timeline-item__marker",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ y("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
-  /* @__PURE__ */ y("div", { class: "b-timeline-item__separator" })
-], -1)), Ze = { class: "b-timeline-item__content" }, Ge = { class: "b-timeline-item__row" }, Qe = {
+}, qe = { class: "b-timeline-item__content" }, Ke = { class: "b-timeline-item__row" }, Je = {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
-}, Xe = {
+}, Pe = {
   key: 0,
   class: "b-timeline-item__separator",
   "data-testid": "last-timeline-item-separator"
-}, xe = { class: "b-timeline-item__content" }, et = { key: 1 }, tt = {
+}, We = { class: "b-timeline-item__content" }, Ze = { key: 1 }, Ge = {
   key: 5,
   class: "b-timeline-item__data-list"
-}, it = {
+}, Qe = {
   key: 1,
   class: "b-timeline-item__row"
-}, nt = /* @__PURE__ */ de(() => /* @__PURE__ */ y("div", {
-  class: "b-timeline-item__marker",
-  "aria-hidden": "true"
-}, [
-  /* @__PURE__ */ y("div", { class: "b-timeline-item__separator" })
-], -1)), ot = { class: "b-timeline-item__content" };
-function at(e, p, a, s, I, l) {
-  const o = N("bento-typography"), c = N("square-small-icon"), f = N("bento-link"), n = N("bento-date"), m = N("bento-structured-list-item"), v = N("bento-structured-list"), C = N("bento-tag"), h = N("bento-button");
-  return e.isVisible ? (i(), _("li", {
+}, Xe = { class: "b-timeline-item__content" };
+function xe(e, o, s, l, N, r) {
+  const a = I("bento-typography"), f = I("square-small-icon"), v = I("bento-link"), n = I("bento-date"), u = I("bento-structured-list-item"), _ = I("bento-structured-list"), C = I("bento-tag"), b = I("bento-button");
+  return e.isVisible ? (i(), p("li", {
     key: 0,
     class: W(["b-timeline-item", e.conditionalClasses])
   }, [
-    e.timegap ? (i(), _("div", Pe, [
-      We,
-      y("div", Ze, [
-        S(o, {
+    e.timegap ? (i(), p("div", Ve, [
+      o[1] || (o[1] = y("div", {
+        class: "b-timeline-item__marker",
+        "aria-hidden": "true"
+      }, [
+        y("div", { class: "b-timeline-item__icon b-timeline-item__icon--timegap" }),
+        y("div", { class: "b-timeline-item__separator" })
+      ], -1)),
+      y("div", qe, [
+        S(a, {
           class: "b-timeline-item__timegap",
           "aria-label": e.timegapAriaLabel
         }, {
-          default: b(() => [
+          default: h(() => [
             T(g(e.timegap), 1)
           ]),
           _: 1
         }, 8, ["aria-label"])
       ])
-    ])) : u("", !0),
-    y("div", Ge, [
-      y("div", Qe, [
-        S(c, {
+    ])) : c("", !0),
+    y("div", Ke, [
+      y("div", Je, [
+        S(f, {
           class: W(["b-timeline-item__icon", e.iconConditionalClasses])
         }, null, 8, ["class"]),
-        e.isLastItem ? u("", !0) : (i(), _("div", Xe))
+        e.isLastItem ? c("", !0) : (i(), p("div", Pe))
       ]),
-      y("div", xe, [
-        e.isNoteType ? u("", !0) : (i(), w(o, {
+      y("div", We, [
+        e.isNoteType ? c("", !0) : (i(), w(a, {
           key: 0,
           el: "div",
           variant: "body",
@@ -419,36 +414,36 @@ function at(e, p, a, s, I, l) {
           class: "b-timeline-item__title",
           role: "heading"
         }, {
-          default: b(() => [
-            e.isLinkTitle ? (i(), w(f, V({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
-              default: b(() => [
+          default: h(() => [
+            e.isLinkTitle ? (i(), w(v, V({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
+              default: h(() => [
                 T(g(e.linkTitleProps.title), 1)
               ]),
               _: 1
-            }, 16)) : (i(), _("span", et, g(e.title), 1))
+            }, 16)) : (i(), p("span", Ze, g(e.title), 1))
           ]),
           _: 1
         })),
-        e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(o, {
+        e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(a, {
           key: 1,
           el: "div",
           variant: "body",
           class: "b-timeline-item__description"
         }, {
-          default: b(() => [
+          default: h(() => [
             H(e.$slots, "default", {}, () => [
               T(g(e.description), 1)
             ], !0)
           ]),
           _: 3
-        })) : u("", !0),
-        e.timestamp ? (i(), w(o, {
+        })) : c("", !0),
+        e.timestamp ? (i(), w(a, {
           key: 2,
           class: "b-timeline-item__timestamp",
           el: "div",
           variant: "caption"
         }, {
-          default: b(() => [
+          default: h(() => [
             S(n, {
               date: e.timestamp.date,
               format: e.timestamp.format,
@@ -457,14 +452,14 @@ function at(e, p, a, s, I, l) {
             T(" " + g(e.timestamp.value), 1)
           ]),
           _: 1
-        })) : u("", !0),
-        !e.isNoteType && e.additionalTimestamp ? (i(), w(o, {
+        })) : c("", !0),
+        !e.isNoteType && e.additionalTimestamp ? (i(), w(a, {
           key: 3,
           class: "b-timeline-item__timestamp",
           el: "div",
           variant: "caption"
         }, {
-          default: b(() => [
+          default: h(() => [
             S(n, {
               date: e.additionalTimestamp.date,
               format: e.additionalTimestamp.format,
@@ -473,30 +468,30 @@ function at(e, p, a, s, I, l) {
             T(" " + g(e.additionalTimestamp.value), 1)
           ]),
           _: 1
-        })) : u("", !0),
-        !e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(o, {
+        })) : c("", !0),
+        !e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(a, {
           key: 4,
           el: "div",
           variant: "body",
           class: "b-timeline-item__description"
         }, {
-          default: b(() => [
+          default: h(() => [
             H(e.$slots, "default", {}, () => [
               T(g(e.description), 1)
             ], !0)
           ]),
           _: 3
-        })) : u("", !0),
-        !e.isNoteType && e.dataList ? (i(), _("div", tt, [
-          S(v, null, {
-            default: b(() => [
-              (i(!0), _(Y, null, pe(e.dataList, (t) => (i(), w(m, {
+        })) : c("", !0),
+        !e.isNoteType && e.dataList ? (i(), p("div", Ge, [
+          S(_, null, {
+            default: h(() => [
+              (i(!0), p(Y, null, ve(e.dataList, (t) => (i(), w(u, {
                 key: e.generateUid(t.label),
                 label: t.label
               }, {
-                default: b(() => [
-                  S(o, { variant: "caption" }, {
-                    default: b(() => [
+                default: h(() => [
+                  S(a, { variant: "caption" }, {
+                    default: h(() => [
                       T(g(t.value), 1)
                     ]),
                     _: 2
@@ -507,38 +502,43 @@ function at(e, p, a, s, I, l) {
             ]),
             _: 1
           })
-        ])) : u("", !0),
-        !e.isNoteType && e.tag ? (i(), w(C, V({ key: 6 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : u("", !0)
+        ])) : c("", !0),
+        !e.isNoteType && e.tag ? (i(), w(C, V({ key: 6 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : c("", !0)
       ])
     ]),
-    e.displayShowMoreButton ? (i(), _("div", it, [
-      nt,
-      y("div", ot, [
-        S(h, {
+    e.displayShowMoreButton ? (i(), p("div", Qe, [
+      o[2] || (o[2] = y("div", {
+        class: "b-timeline-item__marker",
+        "aria-hidden": "true"
+      }, [
+        y("div", { class: "b-timeline-item__separator" })
+      ], -1)),
+      y("div", Xe, [
+        S(b, {
           class: "b-timeline__show-more",
           variant: "tertiary",
-          onClick: p[0] || (p[0] = (t) => e.showAll = !e.showAll)
+          onClick: o[0] || (o[0] = (t) => e.showAll = !e.showAll)
         }, {
-          default: b(() => [
-            e.showAll ? (i(), _(Y, { key: 1 }, [
+          default: h(() => [
+            e.showAll ? (i(), p(Y, { key: 1 }, [
               T(g(e.t("showLess")), 1)
-            ], 64)) : (i(), _(Y, { key: 0 }, [
+            ], 64)) : (i(), p(Y, { key: 0 }, [
               T(g(e.t("showMore", { items: e.hiddenItems })), 1)
             ], 64))
           ]),
           _: 1
         })
       ])
-    ])) : u("", !0)
-  ], 2)) : u("", !0);
+    ])) : c("", !0)
+  ], 2)) : c("", !0);
 }
-const Nt = /* @__PURE__ */ q(Je, [["render", at], ["__scopeId", "data-v-79eff1f1"]]);
+const _t = /* @__PURE__ */ q(He, [["render", xe], ["__scopeId", "data-v-79eff1f1"]]);
 export {
   A as B,
-  Nt as a,
-  Re as b,
+  _t as a,
+  Ae as b,
   j as c,
   se as d,
-  It as t
+  pt as t
 };
-//# sourceMappingURL=timeline-item.DVugzZI5.js.map
+//# sourceMappingURL=timeline-item.FTU5rl7e.js.map