@adyen/bento-vue3 1.34.0 → 1.35.1

package/dist/chunks/{timeline-item.D-Yy2qQr.js → timeline-item.Dc_l5Xyy.js}

@@ -1,18 +1,18 @@
-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 { defineComponent as ne, computed as m, ref as D, toRefs as ce, provide as z, resolveComponent as I, openBlock as i, createElementBlock as v, createBlock as T, withCtx as h, createTextVNode as w, toDisplayString as g, createCommentVNode as c, createVNode as S, createElementVNode as y, renderSlot as H, mergeProps as V, inject as K, onUnmounted as fe, normalizeClass as W, Fragment as Y, renderList as pe } from "vue";
 import { B as oe } from "./button.Br6CyG40.js";
-import { B as pe } from "./textarea.kYFGQFwd.js";
+import { B as ve } from "./textarea.CHnvON8G.js";
 import { u as ae } from "./i18n.DL9GT2-k.js";
-import { B as _e } from "./button-actions.hdK5IgrZ.js";
+import { B as _e } from "./button-actions.DyI_dSvx.js";
 import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as be } from "./date.D8rQMzMG.js";
+import { B as be } from "./date.CYUV4seY.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 { B as Ie, a as Ee, S as we } from "./structured-list-item.1A2sjhP4.js";
+import { g as Te } 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 { r as Ce, l as Me, t as B, a as Z } from "./get-date-locale.BN8xEjY0.js";
+import { c as ke, a as Le } from "./index.DDnf1O9p.js";
 import "../assets/timeline-item.css";
 var G = 1e3 * 60, U = 60 * 24, Q = U * 30, X = U * 365;
 function x(e, o) {
@@ -28,12 +28,12 @@ function x(e, o) {
   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")
+  var p = s.roundingMethod == null ? "round" : String(s.roundingMethod), n;
+  if (p === "floor")
     n = Math.floor;
-  else if (v === "ceil")
+  else if (p === "ceil")
     n = Math.ceil;
-  else if (v === "round")
+  else if (p === "round")
     n = Math.round;
   else
     throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");
@@ -48,8 +48,8 @@ function x(e, o) {
     var O = n(_ / 60);
     return l.formatDistance("xHours", O, r);
   } else if (t === "day") {
-    var $ = n(b / U);
-    return l.formatDistance("xDays", $, r);
+    var R = n(b / U);
+    return l.formatDistance("xDays", R, r);
   } else if (t === "month") {
     var d = n(b / Q);
     return d === 12 && s.unit !== "month" ? l.formatDistance("xYears", 1, r) : l.formatDistance("xMonths", d, r);
@@ -76,7 +76,7 @@ const le = Symbol("timeline register entry injection key"), re = Symbol("timelin
 }, Oe = ne({
   i18n: { messages: ee },
   name: "bento-timeline",
-  components: { BentoButton: oe, BentoButtonActions: _e, BentoTextarea: pe },
+  components: { BentoButton: oe, BentoButtonActions: _e, BentoTextarea: ve },
   props: {
     /**
      * If set to true, gives the possibility to manually add notes to the timeline via a textarea
@@ -107,14 +107,14 @@ const le = Symbol("timeline register entry injection key"), re = Symbol("timelin
   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 = D(!1), p = () => {
       f.value = !f.value;
     }, n = () => {
       o("add-timeline-note", {
         description: r.value,
         timestamp: { date: /* @__PURE__ */ new Date() },
         type: "note"
-      }), v();
+      }), p();
     }, 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(() => {
@@ -139,52 +139,52 @@ const le = Symbol("timeline register entry injection key"), re = Symbol("timelin
       }
     }), k = (d) => () => {
       var E;
-      u.value = (E = u.value) == null ? void 0 : E.filter((R, L) => L !== d);
-    }, O = ({ title: d, description: E, date: R }) => {
+      u.value = (E = u.value) == null ? void 0 : E.filter(($, L) => L !== d);
+    }, O = ({ title: d, description: E, date: $ }) => {
       const L = u.value.length;
-      return u.value.push({ title: d, description: E, date: R }), { timelineEntries: u, index: L, unregisterTimelineEntry: k(L) };
-    }, $ = {
+      return u.value.push({ title: d, description: E, date: $ }), { timelineEntries: u, index: L, unregisterTimelineEntry: k(L) };
+    }, R = {
       showAll: C,
       showMoreIndex: M,
       hiddenItems: _,
       visibleIndexes: t,
       timegapLimit: b
     };
-    return z(le, O), z(re, $), {
+    return z(le, O), z(re, R), {
       addNoteLabel: l,
       cancelLabel: N,
-      toggleAddNote: v,
+      toggleAddNote: p,
       updateNoteContent: a,
       addNoteToTimeline: n,
       showAddNoteTextArea: f
     };
   }
-}), $e = { class: "b-timeline" }, Re = {
+}), Re = { class: "b-timeline" }, $e = {
   key: 0,
   class: "b-timeline__add-note-section"
 }, 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, {
+  const a = I("bento-button"), f = I("bento-textarea"), p = I("bento-button-actions");
+  return i(), v("div", Re, [
+    e.addNote ? (i(), v("div", $e, [
+      e.showAddNoteTextArea ? c("", !0) : (i(), T(a, {
         key: 0,
         variant: "tertiary",
         onClick: e.toggleAddNote
       }, {
         default: h(() => [
-          T(g(e.addNoteLabel), 1)
+          w(g(e.addNoteLabel), 1)
         ]),
         _: 1
       }, 8, ["onClick"])),
-      e.showAddNoteTextArea ? (i(), p("div", De, [
+      e.showAddNoteTextArea ? (i(), v("div", De, [
         S(f, {
           label: e.addNoteLabel,
           "character-limit": 150,
           resizable: "vertical",
           onInput: e.updateNoteContent
         }, null, 8, ["label", "onInput"]),
-        S(v, {
+        S(p, {
           actions: [
             { title: e.addNoteLabel, event: e.addNoteToTimeline },
             { title: e.cancelLabel, event: e.toggleAddNote }
@@ -197,7 +197,7 @@ function je(e, o, s, l, N, r) {
     ])
   ]);
 }
-const pt = /* @__PURE__ */ q(Oe, [["render", je], ["__scopeId", "data-v-f844f908"]]);
+const vt = /* @__PURE__ */ q(Oe, [["render", je], ["__scopeId", "data-v-f844f908"]]);
 let te = 0;
 const Ue = {
   beforeCreate() {
@@ -205,14 +205,14 @@ const Ue = {
   }
 }, Fe = { key: 0 };
 function Ye(e, o, s, l, N, r) {
-  return i(), p("svg", V({ role: "img" }, e.$attrs, {
+  return i(), v("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(), p("title", Fe, g(e.$attrs["svg-title"]), 1)) : c("", !0),
+    e.$attrs["svg-title"] ? (i(), v("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"
@@ -224,6 +224,12 @@ const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
     timegap: "{timegap} passed between the timeline events",
     showMore: "Show {items} more",
     showLess: "Show less"
+  },
+  "pt-BR": {
+    showLess: "Mostrar menos"
+  },
+  "ja-JP": {
+    showLess: "表示内容を減らす"
   }
 }, He = ne({
   name: "bento-timeline-item",
@@ -324,25 +330,25 @@ const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
     })), a = m(() => ({
       "b-timeline-item--note": l.value
     }));
-    z(Te, !0);
-    const f = P(le), { timelineEntries: v, index: n, unregisterTimelineEntry: u } = f({
+    z(we, !0);
+    const f = K(le), { timelineEntries: p, index: n, unregisterTimelineEntry: u } = f({
       title: e.title,
       date: e.timestamp.date
     });
     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 K;
+    const { showAll: _, showMoreIndex: C, hiddenItems: b, visibleIndexes: t, timegapLimit: M } = K(re), k = m(() => _.value || !t.value), O = m(() => k.value ? !0 : t.value.includes(n)), R = m(() => typeof e.title == "object"), d = m(() => e.title), E = m(() => {
+      var P;
       if (!M.value)
         return null;
-      const F = (K = v.value[n - 1]) == null ? void 0 : K.date, me = k.value || t.value.includes(n - 1);
+      const F = (P = p.value[n - 1]) == null ? void 0 : P.date, me = k.value || t.value.includes(n - 1);
       if (!F || !me)
         return null;
-      const { date: J } = v.value[n], ue = parseInt(
+      const { date: J } = p.value[n], ue = parseInt(
         x(F, J, { unit: M.value.unit }),
         10
       );
       return M.value.amount < ue ? x(F, J, { 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);
+    }), $ = m(() => E.value ? s("timegap", { timegap: E.value }) : ""), L = m(() => b.value && C.value === n), de = m(() => n === p.value.length - 1);
     return {
       // Values
       isNoteType: l,
@@ -352,13 +358,13 @@ const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
       showAll: _,
       hiddenItems: b,
       isVisible: O,
-      isLinkTitle: $,
+      isLinkTitle: R,
       linkTitleProps: d,
       timegap: E,
-      timegapAriaLabel: R,
+      timegapAriaLabel: $,
       isLastItem: de,
       // Methods
-      generateUid: we,
+      generateUid: Te,
       hasSlot: Se(o),
       t: s
     };
@@ -366,10 +372,10 @@ const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
 }), Ve = {
   key: 0,
   class: "b-timeline-item__row"
-}, qe = { class: "b-timeline-item__content" }, Je = { class: "b-timeline-item__row" }, Ke = {
+}, qe = { class: "b-timeline-item__content" }, Je = { class: "b-timeline-item__row" }, Pe = {
   class: "b-timeline-item__marker",
   "aria-hidden": "true"
-}, Pe = {
+}, Ke = {
   key: 0,
   class: "b-timeline-item__separator",
   "data-testid": "last-timeline-item-separator"
@@ -381,12 +387,12 @@ const ze = /* @__PURE__ */ q(Ue, [["render", Ye]]), ie = {
   class: "b-timeline-item__row"
 }, 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", {
+  const a = I("bento-typography"), f = I("square-small-icon"), p = 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(), v("li", {
     key: 0,
     class: W(["b-timeline-item", e.conditionalClasses])
   }, [
-    e.timegap ? (i(), p("div", Ve, [
+    e.timegap ? (i(), v("div", Ve, [
       o[1] || (o[1] = y("div", {
         class: "b-timeline-item__marker",
         "aria-hidden": "true"
@@ -400,21 +406,21 @@ function xe(e, o, s, l, N, r) {
           "aria-label": e.timegapAriaLabel
         }, {
           default: h(() => [
-            T(g(e.timegap), 1)
+            w(g(e.timegap), 1)
           ]),
           _: 1
         }, 8, ["aria-label"])
       ])
     ])) : c("", !0),
     y("div", Je, [
-      y("div", Ke, [
+      y("div", Pe, [
         S(f, {
           class: W(["b-timeline-item__icon", e.iconConditionalClasses])
         }, null, 8, ["class"]),
-        e.isLastItem ? c("", !0) : (i(), p("div", Pe))
+        e.isLastItem ? c("", !0) : (i(), v("div", Ke))
       ]),
       y("div", We, [
-        e.isNoteType ? c("", !0) : (i(), w(a, {
+        e.isNoteType ? c("", !0) : (i(), T(a, {
           key: 0,
           el: "div",
           variant: "body",
@@ -423,16 +429,16 @@ function xe(e, o, s, l, N, r) {
           role: "heading"
         }, {
           default: h(() => [
-            e.isLinkTitle ? (i(), w(v, V({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
+            e.isLinkTitle ? (i(), T(p, V({ key: 0 }, e.linkTitleProps, { "disable-typography": "" }), {
               default: h(() => [
-                T(g(e.linkTitleProps.title), 1)
+                w(g(e.linkTitleProps.title), 1)
               ]),
               _: 1
-            }, 16)) : (i(), p("span", Ze, g(e.title), 1))
+            }, 16)) : (i(), v("span", Ze, g(e.title), 1))
           ]),
           _: 1
         })),
-        e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(a, {
+        e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), T(a, {
           key: 1,
           el: "div",
           variant: "body",
@@ -440,12 +446,12 @@ function xe(e, o, s, l, N, r) {
         }, {
           default: h(() => [
             H(e.$slots, "default", {}, () => [
-              T(g(e.description), 1)
+              w(g(e.description), 1)
             ], !0)
           ]),
           _: 3
         })) : c("", !0),
-        e.timestamp ? (i(), w(a, {
+        e.timestamp ? (i(), T(a, {
           key: 2,
           class: "b-timeline-item__timestamp",
           el: "div",
@@ -457,11 +463,11 @@ function xe(e, o, s, l, N, r) {
               format: e.timestamp.format,
               "disable-typography": ""
             }, null, 8, ["date", "format"]),
-            T(" " + g(e.timestamp.value), 1)
+            w(" " + g(e.timestamp.value), 1)
           ]),
           _: 1
         })) : c("", !0),
-        !e.isNoteType && e.additionalTimestamp ? (i(), w(a, {
+        !e.isNoteType && e.additionalTimestamp ? (i(), T(a, {
           key: 3,
           class: "b-timeline-item__timestamp",
           el: "div",
@@ -473,11 +479,11 @@ function xe(e, o, s, l, N, r) {
               format: e.additionalTimestamp.format,
               "disable-typography": ""
             }, null, 8, ["date", "format"]),
-            T(" " + g(e.additionalTimestamp.value), 1)
+            w(" " + g(e.additionalTimestamp.value), 1)
           ]),
           _: 1
         })) : c("", !0),
-        !e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), w(a, {
+        !e.isNoteType && (e.description || e.hasSlot("default")) ? (i(), T(a, {
           key: 4,
           el: "div",
           variant: "body",
@@ -485,22 +491,22 @@ function xe(e, o, s, l, N, r) {
         }, {
           default: h(() => [
             H(e.$slots, "default", {}, () => [
-              T(g(e.description), 1)
+              w(g(e.description), 1)
             ], !0)
           ]),
           _: 3
         })) : c("", !0),
-        !e.isNoteType && e.dataList ? (i(), p("div", Ge, [
+        !e.isNoteType && e.dataList ? (i(), v("div", Ge, [
           S(_, null, {
             default: h(() => [
-              (i(!0), p(Y, null, ve(e.dataList, (t) => (i(), w(u, {
+              (i(!0), v(Y, null, pe(e.dataList, (t) => (i(), T(u, {
                 key: e.generateUid(t.label),
                 label: t.label
               }, {
                 default: h(() => [
                   S(a, { variant: "caption" }, {
                     default: h(() => [
-                      T(g(t.value), 1)
+                      w(g(t.value), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -511,10 +517,10 @@ function xe(e, o, s, l, N, r) {
             _: 1
           })
         ])) : c("", !0),
-        !e.isNoteType && e.tag ? (i(), w(C, V({ key: 6 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : c("", !0)
+        !e.isNoteType && e.tag ? (i(), T(C, V({ key: 6 }, e.tag, { class: "b-timeline-item__tag" }), null, 16)) : c("", !0)
       ])
     ]),
-    e.displayShowMoreButton ? (i(), p("div", Qe, [
+    e.displayShowMoreButton ? (i(), v("div", Qe, [
       o[2] || (o[2] = y("div", {
         class: "b-timeline-item__marker",
         "aria-hidden": "true"
@@ -528,10 +534,10 @@ function xe(e, o, s, l, N, r) {
           onClick: o[0] || (o[0] = (t) => e.showAll = !e.showAll)
         }, {
           default: h(() => [
-            e.showAll ? (i(), p(Y, { key: 1 }, [
-              T(g(e.t("showLess")), 1)
-            ], 64)) : (i(), p(Y, { key: 0 }, [
-              T(g(e.t("showMore", { items: e.hiddenItems })), 1)
+            e.showAll ? (i(), v(Y, { key: 1 }, [
+              w(g(e.t("showLess")), 1)
+            ], 64)) : (i(), v(Y, { key: 0 }, [
+              w(g(e.t("showMore", { items: e.hiddenItems })), 1)
             ], 64))
           ]),
           _: 1
@@ -547,6 +553,6 @@ export {
   Ae as b,
   j as c,
   se as d,
-  pt as t
+  vt as t
 };
-//# sourceMappingURL=timeline-item.D-Yy2qQr.js.map
+//# sourceMappingURL=timeline-item.Dc_l5Xyy.js.map