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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/core/timetable/access-leg-helper.d.ts +2 -1
  2. package/core/timetable/access-leg-helper.d.ts.map +1 -1
  3. package/core/timetable.js +111 -76
  4. package/custom-elements.json +44 -0
  5. package/development/core/timetable/access-leg-helper.d.ts +2 -1
  6. package/development/core/timetable/access-leg-helper.d.ts.map +1 -1
  7. package/development/core/timetable.js +57 -22
  8. package/development/journey-summary.js +2 -15
  9. package/development/pearl-chain/pearl-chain.sample-data.d.ts +1 -0
  10. package/development/pearl-chain/pearl-chain.sample-data.d.ts.map +1 -1
  11. package/development/pearl-chain-time/pearl-chain-time.d.ts +2 -0
  12. package/development/pearl-chain-time/pearl-chain-time.d.ts.map +1 -1
  13. package/development/pearl-chain-time.js +20 -20
  14. package/development/pearl-chain-vertical-item.js +2 -15
  15. package/development/pearl-chain-vertical.js +2 -15
  16. package/development/pearl-chain.js +3 -16
  17. package/development/timetable-duration.js +2 -15
  18. package/development/timetable-row/timetable-row.d.ts +7 -0
  19. package/development/timetable-row/timetable-row.d.ts.map +1 -1
  20. package/development/timetable-row/timetable-row.sample-data.d.ts +2 -0
  21. package/development/timetable-row/timetable-row.sample-data.d.ts.map +1 -1
  22. package/development/timetable-row.js +8 -16
  23. package/package.json +2 -2
  24. package/pearl-chain/pearl-chain.sample-data.d.ts +1 -0
  25. package/pearl-chain/pearl-chain.sample-data.d.ts.map +1 -1
  26. package/pearl-chain-time/pearl-chain-time.d.ts +2 -0
  27. package/pearl-chain-time/pearl-chain-time.d.ts.map +1 -1
  28. package/pearl-chain-time.js +37 -33
  29. package/pearl-chain.js +11 -11
  30. package/timetable-row/timetable-row.d.ts +7 -0
  31. package/timetable-row/timetable-row.d.ts.map +1 -1
  32. package/timetable-row/timetable-row.sample-data.d.ts +2 -0
  33. package/timetable-row/timetable-row.sample-data.d.ts.map +1 -1
  34. package/timetable-row.js +40 -35
@@ -3,6 +3,7 @@ export type DeepPartial<T> = T extends object ? {
3
3
  [P in keyof T]?: DeepPartial<T[P]>;
4
4
  } : T;
5
5
  export declare const defaultTrip: DeepPartial<ITripItem>;
6
+ export declare const connectionTrip: DeepPartial<ITripItem>;
6
7
  export declare const cancelledTrip: DeepPartial<ITripItem>;
7
8
  export declare const progressTrip: DeepPartial<ITripItem>;
8
9
  export declare const partiallyCancelled: DeepPartial<ITripItem>;
@@ -17,6 +18,7 @@ export declare const trainTrip: DeepPartial<ITripItem>;
17
18
  export declare const busTrip: DeepPartial<ITripItem>;
18
19
  export declare const shipTrip: DeepPartial<ITripItem>;
19
20
  export declare const walkTimeTrip: DeepPartial<ITripItem>;
21
+ export declare const a11yFootpathTrip: DeepPartial<ITripItem>;
20
22
  export declare const extendedEnterTimeTrip: DeepPartial<ITripItem>;
21
23
  export declare const noticesTrip: DeepPartial<ITripItem>;
22
24
  //# sourceMappingURL=timetable-row.sample-data.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"timetable-row.sample-data.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/timetable-row/timetable-row.sample-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgBtD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACzC;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,GACD,CAAC,CAAC;AAEN,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAoB9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,SAAS,CA2BhD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CAoB/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,SAAS,CAuBrD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAwB3C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAAW,CAAC,SAAS,CAkB7D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,SAAS,CAkBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,WAAW,CAAC,SAAS,CAkB3D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,WAAW,CAAC,SAAS,CAkBhE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,SAAS,CA+DlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,SAAS,CA8CjD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,SAAS,CA8B5C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAAW,CAAC,SAAS,CA8B1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAuB3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CA0J/C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,WAAW,CAAC,SAAS,CA4BxD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAsF9C,CAAC"}
1
+ {"version":3,"file":"timetable-row.sample-data.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/timetable-row/timetable-row.sample-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAiBtD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACzC;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,GACD,CAAC,CAAC;AAEN,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAoB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,SAAS,CAGjD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,SAAS,CA2BhD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CAoB/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,SAAS,CAuBrD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAwB3C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAAW,CAAC,SAAS,CAkB7D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,SAAS,CAkBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,WAAW,CAAC,SAAS,CAkB3D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,WAAW,CAAC,SAAS,CAkBhE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,SAAS,CA+DlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,SAAS,CA8CjD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,SAAS,CA8B5C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAAW,CAAC,SAAS,CA8B1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAuB3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CA0J/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,WAAW,CAAC,SAAS,CAAuB,CAAC;AAE5E,eAAO,MAAM,qBAAqB,EAAE,WAAW,CAAC,SAAS,CA4BxD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAsF9C,CAAC"}
package/timetable-row.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { SbbLanguageController as fe } from "@sbb-esta/lyne-elements/core/controllers.js";
2
2
  import { defaultDateAdapter as Y } from "@sbb-esta/lyne-elements/core/datetime.js";
3
- import { setOrRemoveAttribute as ve } from "@sbb-esta/lyne-elements/core/dom.js";
4
- import { i18nTripQuayChange as ye, i18nFromPlatform as xe, i18nDeparture as X, i18nMeansOfTransport as O, i18nDirection as Z, i18nRealTimeInfo as G, i18nSupersaver as V, i18nTransferProcedures as we, i18nArrival as $e, i18nClass as ee, i18nOccupancy as te, i18nTravelhints as Te, i18nTripDuration as re, i18nNew as ae } from "@sbb-esta/lyne-elements/core/i18n.js";
3
+ import { setOrRemoveAttribute as ye } from "@sbb-esta/lyne-elements/core/dom.js";
4
+ import { i18nTripQuayChange as ve, i18nFromPlatform as xe, i18nDeparture as X, i18nMeansOfTransport as O, i18nDirection as Z, i18nRealTimeInfo as G, i18nSupersaver as V, i18nTransferProcedures as we, i18nArrival as $e, i18nClass as ee, i18nOccupancy as te, i18nTravelhints as Te, i18nTripDuration as re, i18nNew as ae } from "@sbb-esta/lyne-elements/core/i18n.js";
5
5
  import { css as Ce, html as b, LitElement as Ne, nothing as c } from "lit";
6
6
  import { property as u, customElement as Ae } from "lit/decorators.js";
7
7
  import { removeTimezoneFromISOTimeString as se, durationToTime as ne } from "./core/datetime.js";
@@ -12,7 +12,7 @@ import "@sbb-esta/lyne-elements/timetable-occupancy.js";
12
12
  import "./pearl-chain-time.js";
13
13
  import { f as ie } from "./format-fWxoS2xH.js";
14
14
  const Oe = Ce`*,:before,:after{box-sizing:border-box}:host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height: 1.5625rem;--sbb-timetable-row-height-header: 1.25rem;--sbb-timetable-row-height-footer: 1rem;--sbb-timetable-row-skeleton-pulse-duration: 1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration: 0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width: 1.25rem;--sbb-icon-svg-height: 1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height: .875rem}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{list-style:none;margin:0;padding:0;font-size:inherit;display:inline-flex}li,.sbb-timetable__row-transport{display:inline-flex;align-self:center}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-timetable-row-gap)}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{display:flex;gap:var(--sbb-spacing-fixed-2x);align-items:center;line-height:var(--sbb-timetable-row-height-header)}.sbb-timetable__row-details,.sbb-timetable__row-hints{display:inline-flex;gap:var(--sbb-spacing-fixed-1x);align-items:center}.sbb-timetable__row-header p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;align-self:center}.sbb-timetable__row-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer)}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-red)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x)}.sbb-loading__row{width:100%;border-radius:var(--sbb-border-radius-1x);height:var(--sbb-timetable-row-height)}@media (min-width: 52.5rem){.sbb-loading__row{height:1.75rem}}@media (forced-colors: active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-color-cloud);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);padding-inline-end:var(--sbb-spacing-fixed-6x);border-end-start-radius:var(--sbb-border-radius-4x);transform:skew(16deg);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-color-cloud)}17%{background:var(--sbb-color-cloud)}50%{background:var(--sbb-color-milk)}67%{background:var(--sbb-color-milk)}to{background:var(--sbb-color-cloud)}}`;
15
- var Re = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, h = (e, r, a, n) => {
15
+ var Re = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, m = (e, r, a, n) => {
16
16
  for (var t = n > 1 ? void 0 : n ? Se(r, a) : r, s = e.length - 1, i; s >= 0; s--)
17
17
  (i = e[s]) && (t = (n ? i(r, a, t) : i(t)) || t);
18
18
  return n && t && Re(r, a, t), t;
@@ -110,22 +110,22 @@ const Ie = (e, r) => b`<span class="sbb-timetable__row-transport">
110
110
  const i = t[0].departure;
111
111
  return {
112
112
  name: "platform-change",
113
- text: i.quayChanged ? i.quayChangedText : ye[r]
113
+ text: i.quayChanged ? i.quayChangedText : ve[r]
114
114
  };
115
115
  }
116
116
  return {};
117
- }, qe = (e) => {
117
+ }, Be = (e) => {
118
118
  const r = ["RR", "RK", "RC", "RL", "RM", "RS", "RU", "XP", "XR", "XT"];
119
119
  return e.reduce((a, n) => {
120
120
  if (a) return a;
121
121
  if (r.includes(n.name))
122
122
  return { ...n, name: "RR" };
123
123
  }, void 0);
124
- }, Be = (e) => {
124
+ }, qe = (e) => {
125
125
  const r = ["Z", "SB", "SZ", "VR", "TG"];
126
126
  return e.filter((n, t) => e.findIndex((s) => s.name === n.name) === t).filter((n) => r.includes(n.name)).sort((n, t) => r.indexOf(n.name) - r.indexOf(t.name));
127
127
  }, k = (e) => {
128
- const r = qe(e), a = Be(e);
128
+ const r = Be(e), a = qe(e);
129
129
  return r === void 0 ? a : a.length ? a[0].name === "Z" && a[1] ? [a[0], r, a[1]].concat(
130
130
  a.slice(2)
131
131
  ) : [r, ...a] : [r];
@@ -141,7 +141,7 @@ let p = class extends Ne {
141
141
  return this._now ?? /* @__PURE__ */ new Date();
142
142
  }
143
143
  willUpdate(e) {
144
- super.willUpdate(e), e.has("loadingTrip") && ve(this, "role", this.loadingTrip ? null : "rowgroup");
144
+ super.willUpdate(e), e.has("loadingTrip") && ye(this, "role", this.loadingTrip ? null : "rowgroup");
145
145
  }
146
146
  /** The skeleton render function for the loading state */
147
147
  _renderSkeleton() {
@@ -188,7 +188,7 @@ let p = class extends Ne {
188
188
  };
189
189
  }
190
190
  _getAccessibilityText(e) {
191
- var P, E, D, q, B, U, z, W, J, j, H, Q;
191
+ var P, E, D, B, q, U, z, W, F, J, j, H;
192
192
  const { summary: r, legs: a, notices: n } = e || {}, {
193
193
  departureWalk: t,
194
194
  arrivalWalk: s,
@@ -198,22 +198,23 @@ let p = class extends Ne {
198
198
  direction: R,
199
199
  occupancy: o,
200
200
  duration: _
201
- } = r || {}, { departureTimeAttribute: m, arrivalTimeAttribute: v } = Me(
201
+ } = r || {}, { departureTimeAttribute: h, arrivalTimeAttribute: y } = Me(
202
202
  a,
203
203
  t || 0,
204
204
  s || 0,
205
- this._language.current
206
- ), f = i != null && i.time ? se(i.time) : void 0, y = l != null && l.time ? se(l.time) : void 0, w = m ? `${m.text} ${m.duration}, ` : "", $ = v ? `${v.text} ${v.duration}, ` : "", T = f ? `${X[this._language.current]}: ${ie(f, "HH:mm")}, ` : "", C = () => {
205
+ this._language.current,
206
+ this.a11yFootpath
207
+ ), f = i != null && i.time ? se(i.time) : void 0, v = l != null && l.time ? se(l.time) : void 0, w = h ? `${h.text} ${h.duration}, ` : "", $ = y ? `${y.text} ${y.duration}, ` : "", T = f ? `${X[this._language.current]}: ${ie(f, "HH:mm")}, ` : "", C = () => {
207
208
  var M;
208
209
  return i != null && i.quayFormatted ? `${i != null && i.quayChanged ? `${ae[this._language.current]} ` : ""}${(M = this._getQuayTypeStrings()) == null ? void 0 : M.long} ${i == null ? void 0 : i.quayFormatted}, ` : "";
209
- }, N = g && g.vehicleMode ? O[g.vehicleMode.toLowerCase()] && `${O[g.vehicleMode.toLowerCase()][this._language.current]}, ` : "", A = g != null && g.vehicleSubModeShortName ? `${g.vehicleSubModeShortName} ${g.line || ""}, ` : "", S = `${Z[this._language.current]} ${R}, `, d = this._handleHimCus(e), x = (P = d == null ? void 0 : d.cus) != null && P.text ? `${G[this._language.current]}: ${(E = d == null ? void 0 : d.cus) == null ? void 0 : E.text}, ` : "", de = (D = d == null ? void 0 : d.him) != null && D.text ? `${G[this._language.current]}: ${(q = d == null ? void 0 : d.him) == null ? void 0 : q.text}, ` : "", ge = this.boarding ? `${this.boarding.text}, ` : "", pe = `${(B = this.price) != null && B.isDiscount ? V[this._language.current] : ""} ${(U = this.price) != null && U.text && ((z = this.price) != null && z.price) ? (((W = this.price) == null ? void 0 : W.text) || "") + " " + (((J = this.price) == null ? void 0 : J.price) || "") + ", " : ""}`, me = (a == null ? void 0 : a.length) > 1 ? `${(a == null ? void 0 : a.length) - 1} ${we[this._language.current]}, ` : "", he = y ? `${$e[this._language.current]}: ${ie(y, "HH:mm")}, ` : "";
210
+ }, N = g && g.vehicleMode ? O[g.vehicleMode.toLowerCase()] && `${O[g.vehicleMode.toLowerCase()][this._language.current]}, ` : "", A = g != null && g.vehicleSubModeShortName ? `${g.vehicleSubModeShortName} ${g.line || ""}, ` : "", S = `${Z[this._language.current]} ${R}, `, d = this._handleHimCus(e), x = (P = d == null ? void 0 : d.cus) != null && P.text ? `${G[this._language.current]}: ${(E = d == null ? void 0 : d.cus) == null ? void 0 : E.text}, ` : "", de = (D = d == null ? void 0 : d.him) != null && D.text ? `${G[this._language.current]}: ${(B = d == null ? void 0 : d.him) == null ? void 0 : B.text}, ` : "", pe = this.boarding ? `${this.boarding.text}, ` : "", ge = `${(q = this.price) != null && q.isDiscount ? V[this._language.current] : ""} ${(U = this.price) != null && U.text && ((z = this.price) != null && z.price) ? (((W = this.price) == null ? void 0 : W.text) || "") + " " + (((F = this.price) == null ? void 0 : F.price) || "") + ", " : ""}`, he = (a == null ? void 0 : a.length) > 1 ? `${(a == null ? void 0 : a.length) - 1} ${we[this._language.current]}, ` : "", me = v ? `${$e[this._language.current]}: ${ie(v, "HH:mm")}, ` : "";
210
211
  let I = "";
211
- o && (o.firstClass && o.firstClass !== "UNKNOWN" && (I += `${ee.first[this._language.current]} ${(j = te[o.firstClass.toLowerCase()]) == null ? void 0 : j[this._language.current]}.`), o.secondClass && o.secondClass !== "UNKNOWN" && (I += ` ${ee.second[this._language.current]} ${(H = te[o.secondClass.toLowerCase()]) == null ? void 0 : H[this._language.current]}.`));
212
- const L = n && k(n).length && ((Q = k(n)) == null ? void 0 : Q.map((F, M) => {
212
+ o && (o.firstClass && o.firstClass !== "UNKNOWN" && (I += `${ee.first[this._language.current]} ${(J = te[o.firstClass.toLowerCase()]) == null ? void 0 : J[this._language.current]}.`), o.secondClass && o.secondClass !== "UNKNOWN" && (I += ` ${ee.second[this._language.current]} ${(j = te[o.secondClass.toLowerCase()]) == null ? void 0 : j[this._language.current]}.`));
213
+ const L = n && k(n).length && ((H = k(n)) == null ? void 0 : H.map((Q, M) => {
213
214
  var K;
214
- return M < 4 && ((K = F.text) == null ? void 0 : K.template);
215
+ return M < 4 && ((K = Q.text) == null ? void 0 : K.template);
215
216
  }).join(", ")) + ", ", ue = L ? `${Te[this._language.current]}: ${L}` : "", _e = _ && _ > 0 ? `${re[this._language.current]} ${ne(_, this._language.current).long}, ` : "";
216
- return `${w} ${T} ${C()} ${N} ${A} ${S} ${x} ${ge} ${pe} ${x ? "" : de} ${he} ${$} ${_e} ${me} ${I} ${ue}`;
217
+ return `${w} ${T} ${C()} ${N} ${A} ${S} ${x} ${pe} ${ge} ${x ? "" : de} ${me} ${$} ${_e} ${he} ${I} ${ue}`;
217
218
  }
218
219
  render() {
219
220
  var w, $, T, C, N;
@@ -228,7 +229,7 @@ let p = class extends Ne {
228
229
  arrivalWalk: R,
229
230
  occupancy: o,
230
231
  duration: _
231
- } = n || {}, m = this._handleHimCus(this.trip), v = !!m.cus || !!m.him, f = a && k(a), y = _ ? ne(_, this._language.current) : null;
232
+ } = n || {}, h = this._handleHimCus(this.trip), y = !!h.cus || !!h.him, f = a && k(a), v = _ ? ne(_, this._language.current) : null;
232
233
  return b`
233
234
  <sbb-card size="l" id=${r}>
234
235
  <sbb-card-button
@@ -272,6 +273,7 @@ let p = class extends Ne {
272
273
  .departureWalk=${i}
273
274
  .arrivalWalk=${R}
274
275
  ?disable-animation=${this.disableAnimation}
276
+ ?a11y-footpath=${this.a11yFootpath}
275
277
  .now=${this.now}
276
278
  ></sbb-pearl-chain-time>
277
279
  <div class="sbb-timetable__row-footer" role="gridcell">
@@ -312,13 +314,13 @@ let p = class extends Ne {
312
314
  </ul>` : c}
313
315
  ${_ && _ > 0 ? b`<time>
314
316
  <span class="sbb-screen-reader-only">
315
- ${`${re[this._language.current]} ${y.long}`}
317
+ ${`${re[this._language.current]} ${v.long}`}
316
318
  </span>
317
- <span aria-hidden="true">${y.short}</span>
319
+ <span aria-hidden="true">${v.short}</span>
318
320
  </time>` : c}
319
- ${v && (m.cus || m.him) ? b`<span class="sbb-timetable__row-warning">
320
- <sbb-icon name=${(m.cus || m.him).name}></sbb-icon>
321
- <span class="sbb-screen-reader-only">${(m.cus || m.him).text}</span>
321
+ ${y && (h.cus || h.him) ? b`<span class="sbb-timetable__row-warning">
322
+ <sbb-icon name=${(h.cus || h.him).name}></sbb-icon>
323
+ <span class="sbb-screen-reader-only">${(h.cus || h.him).text}</span>
322
324
  </span>` : c}
323
325
  </div>
324
326
  </div>
@@ -327,42 +329,45 @@ let p = class extends Ne {
327
329
  }
328
330
  };
329
331
  p.styles = Oe;
330
- h([
332
+ m([
331
333
  u({ type: Object })
332
334
  ], p.prototype, "trip", 2);
333
- h([
335
+ m([
334
336
  u({ type: Object })
335
337
  ], p.prototype, "price", 2);
336
- h([
338
+ m([
337
339
  u({ attribute: "disable-animation", reflect: !0, type: Boolean })
338
340
  ], p.prototype, "disableAnimation", 2);
339
- h([
341
+ m([
340
342
  u({ type: Object })
341
343
  ], p.prototype, "boarding", 2);
342
- h([
344
+ m([
343
345
  u({ attribute: "loading-trip", type: Boolean })
344
346
  ], p.prototype, "loadingTrip", 2);
345
- h([
347
+ m([
348
+ u({ attribute: "a11y-footpath", type: Boolean })
349
+ ], p.prototype, "a11yFootpath", 2);
350
+ m([
346
351
  u({ attribute: "loading-price", type: Boolean })
347
352
  ], p.prototype, "loadingPrice", 2);
348
- h([
353
+ m([
349
354
  u({ attribute: "card-action-label" })
350
355
  ], p.prototype, "cardActionLabel", 2);
351
- h([
356
+ m([
352
357
  u({ attribute: "accessibility-expanded", type: Boolean })
353
358
  ], p.prototype, "accessibilityExpanded", 2);
354
- h([
359
+ m([
355
360
  u({ type: Boolean })
356
361
  ], p.prototype, "active", 2);
357
- h([
362
+ m([
358
363
  u()
359
364
  ], p.prototype, "now", 1);
360
- p = h([
365
+ p = m([
361
366
  Ae("sbb-timetable-row")
362
367
  ], p);
363
368
  export {
364
369
  p as SbbTimetableRowElement,
365
- Be as filterNotices,
370
+ qe as filterNotices,
366
371
  De as getCus,
367
372
  Ee as getHimIcon,
368
373
  k as handleNotices,