@sbb-esta/lyne-elements-experimental 1.9.0 → 1.11.0

package/core/datetime.js

@@ -1,156 +1,167 @@
-import { i18nDurationDay as p, i18nDurationHour as g, i18nDurationMinute as N } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { t as m, c as M, a as d, b as h } from "../constants-DSR8hPvP.js";
-import { d as I, i as $ } from "../isValid-DSjxf8eh.js";
-import { b as y, c as U, g as C, a as Y, d as F } from "../differenceInMinutes-BhHyuJc4.js";
-function x(t, e) {
-  const n = m(t);
-  return isNaN(e) ? M(t, NaN) : (e && n.setDate(n.getDate() + e), n);
-}
-function H(t, e) {
-  return y(t, e * d);
-}
-function S(t, e) {
-  const n = m(t), s = m(e), r = T(n, s), i = Math.abs(I(n, s));
-  n.setDate(n.getDate() - r * i);
-  const a = +(T(n, s) === -r), u = r * (i - a);
-  return u === 0 ? 0 : u;
-}
-function T(t, e) {
+import { i18nDurationDay as h, i18nDurationHour as T, i18nDurationMinute as p } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { t as d, c as N, a as m, b as w } from "../toDate-DQg4ZFnf.js";
+import { n as I, d as y, i as U } from "../isValid-mroh13Xp.js";
+import { g as C, a as Y, d as F } from "../differenceInMinutes-BI2zjbtS.js";
+function x(t, e, n) {
+  const r = d(t, n == null ? void 0 : n.in);
+  return isNaN(e) ? N(t, NaN) : (e && r.setDate(r.getDate() + e), r);
+}
+function z(t, e, n) {
+  return N(t, +d(t) + e);
+}
+function H(t, e, n) {
+  return z(t, e * m);
+}
+function S(t, e, n) {
+  const [r, i] = I(
+    n == null ? void 0 : n.in,
+    t,
+    e
+  ), s = M(r, i), u = Math.abs(
+    y(r, i)
+  );
+  r.setDate(r.getDate() - s * u);
+  const a = +(M(r, i) === -s), c = s * (u - a);
+  return c === 0 ? 0 : c;
+}
+function M(t, e) {
   const n = t.getFullYear() - e.getFullYear() || t.getMonth() - e.getMonth() || t.getDate() - e.getDate() || t.getHours() - e.getHours() || t.getMinutes() - e.getMinutes() || t.getSeconds() - e.getSeconds() || t.getMilliseconds() - e.getMilliseconds();
   return n < 0 ? -1 : n > 0 ? 1 : n;
 }
-function z(t, e, n) {
-  const s = U(t, e) / d;
+function Z(t, e, n) {
+  const [r, i] = I(
+    n == null ? void 0 : n.in,
+    t,
+    e
+  ), s = (+r - +i) / m;
   return C(n == null ? void 0 : n.roundingMethod)(s);
 }
-function Z(t, e) {
-  return x(t, -e);
+function v(t, e, n) {
+  return x(t, -e, n);
 }
-function b(t, e) {
-  const s = W(t);
-  let r;
-  if (s.date) {
-    const o = _(s.date, 2);
-    r = j(o.restDateString, o.year);
+function O(t, e) {
+  const n = () => N(e == null ? void 0 : e.in, NaN), i = k(t);
+  let s;
+  if (i.date) {
+    const o = W(i.date, 2);
+    s = j(o.restDateString, o.year);
   }
-  if (!r || isNaN(r.getTime()))
-    return /* @__PURE__ */ new Date(NaN);
-  const i = r.getTime();
-  let a = 0, u;
-  if (s.time && (a = A(s.time), isNaN(a)))
-    return /* @__PURE__ */ new Date(NaN);
-  if (s.timezone) {
-    if (u = E(s.timezone), isNaN(u))
-      return /* @__PURE__ */ new Date(NaN);
+  if (!s || isNaN(+s)) return n();
+  const u = +s;
+  let a = 0, c;
+  if (i.time && (a = A(i.time), isNaN(a)))
+    return n();
+  if (i.timezone) {
+    if (c = E(i.timezone), isNaN(c)) return n();
   } else {
-    const o = new Date(i + a), c = /* @__PURE__ */ new Date(0);
-    return c.setFullYear(
+    const o = new Date(u + a), D = d(0, e == null ? void 0 : e.in);
+    return D.setFullYear(
       o.getUTCFullYear(),
       o.getUTCMonth(),
       o.getUTCDate()
-    ), c.setHours(
+    ), D.setHours(
       o.getUTCHours(),
       o.getUTCMinutes(),
       o.getUTCSeconds(),
       o.getUTCMilliseconds()
-    ), c;
+    ), D;
   }
-  return new Date(i + a + u);
+  return d(u + a + c, e == null ? void 0 : e.in);
 }
-const f = {
+const l = {
   dateTimeDelimiter: /[T ]/,
   timeZoneDelimiter: /[Z ]/i,
   timezone: /([Z+-].*)$/
-}, O = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/, v = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/, k = /^([+-])(\d{2})(?::?(\d{2}))?$/;
-function W(t) {
-  const e = {}, n = t.split(f.dateTimeDelimiter);
-  let s;
+}, _ = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/, b = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/, R = /^([+-])(\d{2})(?::?(\d{2}))?$/;
+function k(t) {
+  const e = {}, n = t.split(l.dateTimeDelimiter);
+  let r;
   if (n.length > 2)
     return e;
-  if (/:/.test(n[0]) ? s = n[0] : (e.date = n[0], s = n[1], f.timeZoneDelimiter.test(e.date) && (e.date = t.split(f.timeZoneDelimiter)[0], s = t.substr(
+  if (/:/.test(n[0]) ? r = n[0] : (e.date = n[0], r = n[1], l.timeZoneDelimiter.test(e.date) && (e.date = t.split(l.timeZoneDelimiter)[0], r = t.substr(
     e.date.length,
     t.length
-  ))), s) {
-    const r = f.timezone.exec(s);
-    r ? (e.time = s.replace(r[1], ""), e.timezone = r[1]) : e.time = s;
+  ))), r) {
+    const i = l.timezone.exec(r);
+    i ? (e.time = r.replace(i[1], ""), e.timezone = i[1]) : e.time = r;
   }
   return e;
 }
-function _(t, e) {
+function W(t, e) {
   const n = new RegExp(
     "^(?:(\\d{4}|[+-]\\d{" + (4 + e) + "})|(\\d{2}|[+-]\\d{" + (2 + e) + "})$)"
-  ), s = t.match(n);
-  if (!s) return { year: NaN, restDateString: "" };
-  const r = s[1] ? parseInt(s[1]) : null, i = s[2] ? parseInt(s[2]) : null;
+  ), r = t.match(n);
+  if (!r) return { year: NaN, restDateString: "" };
+  const i = r[1] ? parseInt(r[1]) : null, s = r[2] ? parseInt(r[2]) : null;
   return {
-    year: i === null ? r : i * 100,
-    restDateString: t.slice((s[1] || s[2]).length)
+    year: s === null ? i : s * 100,
+    restDateString: t.slice((r[1] || r[2]).length)
   };
 }
 function j(t, e) {
   if (e === null) return /* @__PURE__ */ new Date(NaN);
-  const n = t.match(O);
+  const n = t.match(_);
   if (!n) return /* @__PURE__ */ new Date(NaN);
-  const s = !!n[4], r = l(n[1]), i = l(n[2]) - 1, a = l(n[3]), u = l(n[4]), o = l(n[5]) - 1;
-  if (s)
-    return B(e, u, o) ? J(e, u, o) : /* @__PURE__ */ new Date(NaN);
+  const r = !!n[4], i = f(n[1]), s = f(n[2]) - 1, u = f(n[3]), a = f(n[4]), c = f(n[5]) - 1;
+  if (r)
+    return G(e, a, c) ? J(e, a, c) : /* @__PURE__ */ new Date(NaN);
   {
-    const c = /* @__PURE__ */ new Date(0);
-    return !V(e, i, a) || !q(e, r) ? /* @__PURE__ */ new Date(NaN) : (c.setUTCFullYear(e, i, Math.max(r, a)), c);
+    const o = /* @__PURE__ */ new Date(0);
+    return !q(e, s, u) || !B(e, i) ? /* @__PURE__ */ new Date(NaN) : (o.setUTCFullYear(e, s, Math.max(i, u)), o);
   }
 }
-function l(t) {
+function f(t) {
   return t ? parseInt(t) : 1;
 }
 function A(t) {
-  const e = t.match(v);
+  const e = t.match(b);
   if (!e) return NaN;
-  const n = D(e[1]), s = D(e[2]), r = D(e[3]);
-  return G(n, s, r) ? n * d + s * h + r * 1e3 : NaN;
+  const n = g(e[1]), r = g(e[2]), i = g(e[3]);
+  return K(n, r, i) ? n * m + r * w + i * 1e3 : NaN;
 }
-function D(t) {
+function g(t) {
   return t && parseFloat(t.replace(",", ".")) || 0;
 }
 function E(t) {
   if (t === "Z") return 0;
-  const e = t.match(k);
+  const e = t.match(R);
   if (!e) return 0;
-  const n = e[1] === "+" ? -1 : 1, s = parseInt(e[2]), r = e[3] && parseInt(e[3]) || 0;
-  return K(s, r) ? n * (s * d + r * h) : NaN;
+  const n = e[1] === "+" ? -1 : 1, r = parseInt(e[2]), i = e[3] && parseInt(e[3]) || 0;
+  return P(r, i) ? n * (r * m + i * w) : NaN;
 }
 function J(t, e, n) {
-  const s = /* @__PURE__ */ new Date(0);
-  s.setUTCFullYear(t, 0, 4);
-  const r = s.getUTCDay() || 7, i = (e - 1) * 7 + n + 1 - r;
-  return s.setUTCDate(s.getUTCDate() + i), s;
+  const r = /* @__PURE__ */ new Date(0);
+  r.setUTCFullYear(t, 0, 4);
+  const i = r.getUTCDay() || 7, s = (e - 1) * 7 + n + 1 - i;
+  return r.setUTCDate(r.getUTCDate() + s), r;
 }
-const R = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function w(t) {
+const V = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function $(t) {
   return t % 400 === 0 || t % 4 === 0 && t % 100 !== 0;
 }
-function V(t, e, n) {
-  return e >= 0 && e <= 11 && n >= 1 && n <= (R[e] || (w(t) ? 29 : 28));
+function q(t, e, n) {
+  return e >= 0 && e <= 11 && n >= 1 && n <= (V[e] || ($(t) ? 29 : 28));
 }
-function q(t, e) {
-  return e >= 1 && e <= (w(t) ? 366 : 365);
+function B(t, e) {
+  return e >= 1 && e <= ($(t) ? 366 : 365);
 }
-function B(t, e, n) {
+function G(t, e, n) {
   return e >= 1 && e <= 53 && n >= 0 && n <= 6;
 }
-function G(t, e, n) {
+function K(t, e, n) {
   return t === 24 ? e === 0 && n === 0 : n >= 0 && n < 60 && e >= 0 && e < 60 && t >= 0 && t < 25;
 }
-function K(t, e) {
+function P(t, e) {
   return e >= 0 && e <= 59;
 }
-function P(t, e) {
+function Q(t, e, n) {
   return H(t, -e);
 }
-function te(t) {
+function ne(t) {
   if (!t)
     return;
-  const e = b(t);
-  if ($(e)) {
+  const e = O(t);
+  if (U(e)) {
     if (t.includes("Z"))
       return new Date(t.replace("Z", ""));
     if (t.includes("T")) {
@@ -161,26 +172,26 @@ function te(t) {
     return new Date(t);
   }
 }
-const ne = (t, e) => {
-  const n = [], s = [];
-  let i = Y(0, t);
-  const a = S(i, 0);
-  a > 0 && (n.push(`${a} d`), e && s.push(
-    `${a} ${a > 1 ? p.multiple.long[e] : p.single.long[e]}`
-  ), i = Z(i, a));
-  const u = z(i, 0);
-  u > 0 && (n.push(`${u} h`), e && s.push(
-    `${u} ${u > 1 ? g.multiple.long[e] : g.single.long[e]}`
-  ), i = P(i, u));
-  const o = F(i, 0);
-  return o > 0 && (n.push(`${o} min`), e && s.push(
-    `${o} ${o > 1 ? N.multiple.long[e] : N.single.long[e]}`
+const re = (t, e) => {
+  const n = [], r = [];
+  let s = Y(0, t);
+  const u = S(s, 0);
+  u > 0 && (n.push(`${u} d`), e && r.push(
+    `${u} ${u > 1 ? h.multiple.long[e] : h.single.long[e]}`
+  ), s = v(s, u));
+  const a = Z(s, 0);
+  a > 0 && (n.push(`${a} h`), e && r.push(
+    `${a} ${a > 1 ? T.multiple.long[e] : T.single.long[e]}`
+  ), s = Q(s, a));
+  const c = F(s, 0);
+  return c > 0 && (n.push(`${c} min`), e && r.push(
+    `${c} ${c > 1 ? p.multiple.long[e] : p.single.long[e]}`
   )), {
     short: n.join(" "),
-    long: s.join(" ")
+    long: r.join(" ")
   };
 };
 export {
-  ne as durationToTime,
-  te as removeTimezoneFromISOTimeString
+  re as durationToTime,
+  ne as removeTimezoneFromISOTimeString
 };

package/core/timetable/access-leg-helper.d.ts

@@ -10,12 +10,13 @@ interface IAccessAttribute {
  * @param departureWalk: The walking distance in minutes from the departure point to the first leg.
  * @param arrivalWalk: The walking distance in minutes from the last leg to the arrival point.
  * @param currentLanguage: The current language for localization.
+ * @param a11yFootpath: Whether the a11y-icon should be shown.
  * @returns renderDepartureTimeAttribute: A function that renders the element for the departure time attribute.
  * @returns renderArrivalTimeAttribute: A function that renders the element for the arrival time attribute.
  * @returns arrivalTimeAttribute: The access attribute for the arrival time.
  * @returns departureTimeAttribute: The access attribute for the departure time.
  */
-export declare function getDepartureArrivalTimeAttribute(legs: Leg[], departureWalk: number, arrivalWalk: number, currentLanguage: string): {
+export declare function getDepartureArrivalTimeAttribute(legs: Leg[], departureWalk: number, arrivalWalk: number, currentLanguage: string, a11yFootpath?: boolean): {
     renderDepartureTimeAttribute: () => TemplateResult;
     renderArrivalTimeAttribute: () => TemplateResult;
     departureTimeAttribute: IAccessAttribute | null;

package/core/timetable/access-leg-helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"access-leg-helper.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/core/timetable/access-leg-helper.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1C,OAAO,KAAK,EAAE,GAAG,EAA8B,MAAM,2BAA2B,CAAC;AAEjF,OAAO,iCAAiC,CAAC;AAEzC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AA2HD;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,GAAG,EAAE,EACX,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,GACtB;IACD,4BAA4B,EAAE,MAAM,cAAc,CAAC;IACnD,0BAA0B,EAAE,MAAM,cAAc,CAAC;IACjD,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChD,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC/C,CAyGA"}
+{"version":3,"file":"access-leg-helper.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/core/timetable/access-leg-helper.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1C,OAAO,KAAK,EAAE,GAAG,EAA8B,MAAM,2BAA2B,CAAC;AAEjF,OAAO,iCAAiC,CAAC;AAEzC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAuID;;;;;;;;;;GAUG;AACH,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,GAAG,EAAE,EACX,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,EACnB,eAAe,EAAE,MAAM,EACvB,YAAY,CAAC,EAAE,OAAO,GACrB;IACD,4BAA4B,EAAE,MAAM,cAAc,CAAC;IACnD,0BAA0B,EAAE,MAAM,cAAc,CAAC;IACjD,sBAAsB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChD,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC/C,CAiJA"}

package/core/timetable.js

@@ -1,56 +1,56 @@
-import { i18nWalkingDistanceDeparture as k, i18nWalkingDistanceArrival as y } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { html as b, nothing as m } from "lit";
+import { i18nWalkingDistanceDeparture as w, i18nWalkingDistanceArrival as T } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { html as f, nothing as b } from "lit";
 import "@sbb-esta/lyne-elements/icon.js";
-const x = (t) => (t == null ? void 0 : t.__typename) === "PTRideLeg", _ = (t) => (t == null ? void 0 : t.__typename) === "PTConnectionLeg", A = (t) => {
-  var n, r, u, s, a, o;
-  const i = ((n = t == null ? void 0 : t.text) == null ? void 0 : n.template) && t.text.template.indexOf("(") + 1, e = (s = (r = t == null ? void 0 : t.text) == null ? void 0 : r.template) == null ? void 0 : s.substring(
-    i || 0,
-    (u = t == null ? void 0 : t.text) == null ? void 0 : u.template.indexOf(")")
+const $ = (t) => (t == null ? void 0 : t.__typename) === "PTRideLeg", _ = (t) => (t == null ? void 0 : t.__typename) === "PTConnectionLeg", v = (t) => {
+  var r, e, i, u, a, s;
+  const l = ((r = t == null ? void 0 : t.text) == null ? void 0 : r.template) && t.text.template.indexOf("(") + 1, n = (u = (e = t == null ? void 0 : t.text) == null ? void 0 : e.template) == null ? void 0 : u.substring(
+    l || 0,
+    (i = t == null ? void 0 : t.text) == null ? void 0 : i.template.indexOf(")")
   );
   return {
-    duration: e && +e.substring(0, e.length - 1) || 0,
-    text: ((o = (a = t == null ? void 0 : t.text) == null ? void 0 : a.template) == null ? void 0 : o.split("(")[0]) || ""
+    duration: n && +n.substring(0, n.length - 1) || 0,
+    text: ((s = (a = t == null ? void 0 : t.text) == null ? void 0 : a.template) == null ? void 0 : s.split("(")[0]) || ""
   };
 };
-function w(t, i) {
-  var r, u;
-  const e = _(t) ? t : null, n = e ? (r = e == null ? void 0 : e.notices) == null ? void 0 : r.filter((s) => i.includes(s.name))[0] : null;
-  return n ? {
-    duration: (e == null ? void 0 : e.duration) || 0,
-    text: ((u = n == null ? void 0 : n.text) == null ? void 0 : u.template) || "",
+function k(t, l) {
+  var e, i;
+  const n = _(t) ? t : null, r = n ? (e = n == null ? void 0 : n.notices) == null ? void 0 : e.filter((u) => l.includes(u.name))[0] : null;
+  return r ? {
+    duration: (n == null ? void 0 : n.duration) || 0,
+    text: ((i = r == null ? void 0 : r.text) == null ? void 0 : i.template) || "",
     icon: "walk-small"
   } : null;
 }
-function R(t, i) {
-  var r, u, s;
-  const e = x(t) ? (u = (r = t == null ? void 0 : t.serviceJourney) == null ? void 0 : r.notices) == null ? void 0 : u.filter(
-    (a) => ["CI"].includes(a.name)
-  )[0] : null, n = e && A(e);
+function M(t, l, n, r) {
+  var u, a, s;
+  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter(
+    (m) => ["CI"].includes(m.name)
+  )[0] : null, i = e && v(e);
   return e ? {
-    duration: ((n == null ? void 0 : n.duration) || 0) + (i || 0),
-    text: (n == null ? void 0 : n.text) || "",
-    icon: `sa-${(s = e == null ? void 0 : e.name) == null ? void 0 : s.toLowerCase()}`
+    duration: ((i == null ? void 0 : i.duration) || 0) + (l || 0),
+    text: n ? w[r] : (i == null ? void 0 : i.text) || "",
+    icon: n ? "wheelchair-small" : `sa-${(s = e == null ? void 0 : e.name) == null ? void 0 : s.toLowerCase()}`
   } : null;
 }
-function Y(t, i) {
-  var r, u, s;
-  const e = x(t) ? (u = (r = t == null ? void 0 : t.serviceJourney) == null ? void 0 : r.notices) == null ? void 0 : u.filter(
-    (a) => ["CO"].includes(a.name)
-  )[0] : null, n = e && A(e);
+function O(t, l, n, r) {
+  var u, a, s;
+  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter(
+    (m) => ["CO"].includes(m.name)
+  )[0] : null, i = e && v(e);
   return e ? {
-    duration: ((n == null ? void 0 : n.duration) || 0) + (i || 0),
-    text: (n == null ? void 0 : n.text) || "",
-    icon: `sa-${(s = e == null ? void 0 : e.name) == null ? void 0 : s.toLowerCase()}`
+    duration: ((i == null ? void 0 : i.duration) || 0) + (l || 0),
+    text: n ? T[r] : (i == null ? void 0 : i.text) || "",
+    icon: n ? "wheelchair-small" : `sa-${(s = e == null ? void 0 : e.name) == null ? void 0 : s.toLowerCase()}`
   } : null;
 }
-function T(t, i, e, n, r) {
-  return b`
-    <span class="sbb-pearl-chain__time-transfer sbb-pearl-chain__time-transfer--${r}">
-      <sbb-icon name=${i}></sbb-icon>
+function C(t, l, n, r, e) {
+  return f`
+    <span class="sbb-pearl-chain__time-transfer sbb-pearl-chain__time-transfer--${l}-${e}">
+      <sbb-icon name=${l}></sbb-icon>
       <time datetime=${t + "M"}>
         <span class="sbb-screen-reader-only">
-          ${!n && r ? r === "departure" ? k[e] : y[e] : m}
-          ${n ? b`<span>${n}</span>` : m}&nbsp;
+          ${!r && e ? e === "departure" ? w[n] : T[n] : b}
+          ${r ? f`<span>${r}</span>` : b}&nbsp;
         </span>
         ${t}
         <span class="sbb-pearl-chain__time-walktime-prime-symbol" aria-hidden="true">'</span>
@@ -59,65 +59,100 @@ function T(t, i, e, n, r) {
     </span>
   `;
 }
-function f(t, i, e) {
-  return b`
-    <span class="sbb-pearl-chain__time-walktime sbb-pearl-chain__time-walktime--${e}">
-      <sbb-icon name="walk-small"></sbb-icon>
+function p(t, l, n, r) {
+  return f`
+    <span class="sbb-pearl-chain__time-walktime sbb-pearl-chain__time-walktime--${r}-${n}">
+      <sbb-icon name=${r}></sbb-icon>
       <time datetime=${t + "M"}>
-        <span class="sbb-screen-reader-only">${i}</span>
+        <span class="sbb-screen-reader-only">${l}</span>
         ${t}
         <span class="sbb-pearl-chain__time-walktime-prime-symbol" aria-hidden="true">'</span>
       </time>
     </span>
   `;
 }
-function E(t, i, e, n) {
-  const r = t && t.filter((h) => x(h) || _(h))[0], u = ["YM", "YB", "Y", "YT"], s = w(r, u), a = R(r, i), o = i ? {
-    text: k[n],
-    duration: i,
-    icon: "walk-small"
-  } : null, C = () => s || (o && !a && !s ? o : a || null);
+function I(t, l, n, r, e) {
+  const i = t && t.filter((A) => $(A) || _(A))[0], u = ["YM", "YB", "Y", "YT"], a = k(i, u), s = M(
+    i,
+    l,
+    e,
+    r
+  ), m = l ? {
+    text: w[r],
+    duration: l,
+    icon: e ? "wheelchair-small" : "walk-small"
+  } : null, D = () => a || (m && !s && !a ? m : s || null);
   function L() {
-    return b`
-      ${s ? f(s.duration, s.text, "left") : m}
-      ${o && !a && !s ? f(o.duration, o.text, "left") : m}
-      ${a ? T(
+    return f`
+      ${a ? p(
       a.duration,
-      a.icon,
-      n,
       a.text,
+      "left",
+      a.icon
+    ) : b}
+      ${m && !s && !a ? p(
+      m.duration,
+      m.text,
+      "left",
+      m.icon
+    ) : b}
+      ${s ? e ? p(
+      s.duration,
+      s.text,
+      "left",
+      s.icon
+    ) : C(
+      s.duration,
+      s.icon,
+      r,
+      s.text,
       "departure"
-    ) : m}
+    ) : b}
     `;
   }
-  const $ = t && t[t.length - 1], d = (_($) || x($)) && $, c = d && w(d, u), l = d && Y(d, e), p = e ? {
-    text: y[n],
-    duration: e,
-    icon: "walk-small"
-  } : null, v = () => c || (p && !l && !c ? p : l || null);
-  function D() {
-    return b`
-      ${c ? f(c.duration, c.text, "right") : m}
-      ${p && !l && !c ? f(p.duration, p.text, "right") : m}
-      ${l ? T(
-      l.duration,
-      l.icon,
-      n,
-      l.text,
+  const h = t && t[t.length - 1], x = (_(h) || $(h)) && h, c = x && k(x, u), o = x && O(x, n, e, r), d = n ? {
+    text: T[r],
+    duration: n,
+    icon: e ? "wheelchair-small" : "walk-small"
+  } : null, R = () => c || (d && !o && !c ? d : o || null);
+  function Y() {
+    return f`
+      ${c ? p(
+      c.duration,
+      c.text,
+      "right",
+      c.icon
+    ) : b}
+      ${d && !o && !c ? p(
+      d.duration,
+      d.text,
+      "right",
+      d.icon
+    ) : b}
+      ${o ? e ? p(
+      o.duration,
+      o.text,
+      "right",
+      o.icon
+    ) : C(
+      o.duration,
+      o.icon,
+      r,
+      o.text,
       "arrival"
-    ) : m}
+    ) : b}
     `;
   }
   return {
     renderDepartureTimeAttribute: L,
-    renderArrivalTimeAttribute: D,
-    departureTimeAttribute: C(),
-    arrivalTimeAttribute: v()
+    renderArrivalTimeAttribute: Y,
+    departureTimeAttribute: D(),
+    arrivalTimeAttribute: R()
   };
 }
 export {
-  A as extractTimeAndStringFromNoticeText,
-  E as getDepartureArrivalTimeAttribute,
+  v as extractTimeAndStringFromNoticeText,
+  I as getDepartureArrivalTimeAttribute,
   _ as isConnectionLeg,
-  x as isRideLeg
+  $ as isRideLeg
 };

package/custom-elements.json

@@ -312,6 +312,16 @@
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
+            {
+              "kind": "field",
+              "name": "a11yFootpath",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "public",
+              "description": "Optional prop to render wheelchair-small instead of walk-small",
+              "attribute": "a11y-footpath"
+            },
             {
               "kind": "field",
               "name": "now",
@@ -388,6 +398,14 @@
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "fieldName": "disableAnimation"
             },
+            {
+              "name": "a11y-footpath",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "Optional prop to render wheelchair-small instead of walk-small",
+              "fieldName": "a11yFootpath"
+            },
             {
               "name": "now",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
@@ -1073,6 +1091,16 @@
               "description": "The loading state -\nwhen this is true it will be render skeleton with an idling animation",
               "attribute": "loading-trip"
             },
+            {
+              "kind": "field",
+              "name": "a11yFootpath",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "public",
+              "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
+              "attribute": "a11y-footpath"
+            },
             {
               "kind": "field",
               "name": "loadingPrice",
@@ -1251,6 +1279,14 @@
               "description": "The loading state -\nwhen this is true it will be render skeleton with an idling animation",
               "fieldName": "loadingTrip"
             },
+            {
+              "name": "a11y-footpath",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
+              "fieldName": "a11yFootpath"
+            },
             {
               "name": "loading-price",
               "type": {
@@ -1487,6 +1523,14 @@
                 "text": "string"
               },
               "description": ": The current language for localization."
+            },
+            {
+              "name": "a11yFootpath",
+              "optional": true,
+              "type": {
+                "text": "boolean"
+              },
+              "description": ": Whether the a11y-icon should be shown."
             }
           ]
         },