@sbb-esta/lyne-elements-experimental 0.52.1 → 0.52.2
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.
- package/core/timetable.js +17 -17
- package/journey-summary.js +57 -57
- package/package.json +2 -2
- package/pearl-chain-time.js +29 -29
- package/pearl-chain.js +69 -69
- package/timetable-duration.js +15 -15
- package/timetable-row.js +189 -189
package/core/timetable.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { i18nWalkingDistanceDeparture as k, i18nWalkingDistanceArrival as
|
|
1
|
+
import { i18nWalkingDistanceDeparture as k, i18nWalkingDistanceArrival as y } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
2
2
|
import { html as b, nothing as m } from "lit";
|
|
3
3
|
import "@sbb-esta/lyne-elements/icon.js";
|
|
4
|
-
const x = (t) => (t == null ? void 0 : t.
|
|
4
|
+
const x = (t) => (t == null ? void 0 : t.__typename) === "PTRideLeg", _ = (t) => (t == null ? void 0 : t.__typename) === "PTConnectionLeg", A = (t) => {
|
|
5
5
|
var n, r, u, s, a, o;
|
|
6
6
|
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(
|
|
7
7
|
i || 0,
|
|
@@ -14,7 +14,7 @@ const x = (t) => (t == null ? void 0 : t.a) === "PTRideLeg", h = (t) => (t == nu
|
|
|
14
14
|
};
|
|
15
15
|
function w(t, i) {
|
|
16
16
|
var r, u;
|
|
17
|
-
const e =
|
|
17
|
+
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;
|
|
18
18
|
return n ? {
|
|
19
19
|
duration: (e == null ? void 0 : e.duration) || 0,
|
|
20
20
|
text: ((u = n == null ? void 0 : n.text) == null ? void 0 : u.template) || "",
|
|
@@ -25,7 +25,7 @@ function R(t, i) {
|
|
|
25
25
|
var r, u, s;
|
|
26
26
|
const e = x(t) ? (u = (r = t == null ? void 0 : t.serviceJourney) == null ? void 0 : r.notices) == null ? void 0 : u.filter(
|
|
27
27
|
(a) => ["CI"].includes(a.name)
|
|
28
|
-
)[0] : null, n = e &&
|
|
28
|
+
)[0] : null, n = e && A(e);
|
|
29
29
|
return e ? {
|
|
30
30
|
duration: ((n == null ? void 0 : n.duration) || 0) + (i || 0),
|
|
31
31
|
text: (n == null ? void 0 : n.text) || "",
|
|
@@ -36,7 +36,7 @@ function Y(t, i) {
|
|
|
36
36
|
var r, u, s;
|
|
37
37
|
const e = x(t) ? (u = (r = t == null ? void 0 : t.serviceJourney) == null ? void 0 : r.notices) == null ? void 0 : u.filter(
|
|
38
38
|
(a) => ["CO"].includes(a.name)
|
|
39
|
-
)[0] : null, n = e &&
|
|
39
|
+
)[0] : null, n = e && A(e);
|
|
40
40
|
return e ? {
|
|
41
41
|
duration: ((n == null ? void 0 : n.duration) || 0) + (i || 0),
|
|
42
42
|
text: (n == null ? void 0 : n.text) || "",
|
|
@@ -49,7 +49,7 @@ function T(t, i, e, n, r) {
|
|
|
49
49
|
<sbb-icon name=${i}></sbb-icon>
|
|
50
50
|
<time datetime=${t + "M"}>
|
|
51
51
|
<span class="sbb-screen-reader-only">
|
|
52
|
-
${!n && r ? r === "departure" ? k[e] :
|
|
52
|
+
${!n && r ? r === "departure" ? k[e] : y[e] : m}
|
|
53
53
|
${n ? b`<span>${n}</span>` : m}
|
|
54
54
|
</span>
|
|
55
55
|
${t}
|
|
@@ -72,12 +72,12 @@ function f(t, i, e) {
|
|
|
72
72
|
`;
|
|
73
73
|
}
|
|
74
74
|
function E(t, i, e, n) {
|
|
75
|
-
const r = t && t.filter((
|
|
75
|
+
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 ? {
|
|
76
76
|
text: k[n],
|
|
77
77
|
duration: i,
|
|
78
78
|
icon: "walk-small"
|
|
79
|
-
} : null,
|
|
80
|
-
function
|
|
79
|
+
} : null, C = () => s || (o && !a && !s ? o : a || null);
|
|
80
|
+
function L() {
|
|
81
81
|
return b`
|
|
82
82
|
${s ? f(s.duration, s.text, "left") : m}
|
|
83
83
|
${o && !a && !s ? f(o.duration, o.text, "left") : m}
|
|
@@ -90,11 +90,11 @@ function E(t, i, e, n) {
|
|
|
90
90
|
) : m}
|
|
91
91
|
`;
|
|
92
92
|
}
|
|
93
|
-
const $ = t && t[t.length - 1], d = (
|
|
94
|
-
text:
|
|
93
|
+
const $ = t && t[t.length - 1], d = (_($) || x($)) && $, c = d && w(d, u), l = d && Y(d, e), p = e ? {
|
|
94
|
+
text: y[n],
|
|
95
95
|
duration: e,
|
|
96
96
|
icon: "walk-small"
|
|
97
|
-
} : null,
|
|
97
|
+
} : null, v = () => c || (p && !l && !c ? p : l || null);
|
|
98
98
|
function D() {
|
|
99
99
|
return b`
|
|
100
100
|
${c ? f(c.duration, c.text, "right") : m}
|
|
@@ -109,15 +109,15 @@ function E(t, i, e, n) {
|
|
|
109
109
|
`;
|
|
110
110
|
}
|
|
111
111
|
return {
|
|
112
|
-
renderDepartureTimeAttribute:
|
|
112
|
+
renderDepartureTimeAttribute: L,
|
|
113
113
|
renderArrivalTimeAttribute: D,
|
|
114
|
-
departureTimeAttribute:
|
|
115
|
-
arrivalTimeAttribute:
|
|
114
|
+
departureTimeAttribute: C(),
|
|
115
|
+
arrivalTimeAttribute: v()
|
|
116
116
|
};
|
|
117
117
|
}
|
|
118
118
|
export {
|
|
119
|
-
|
|
119
|
+
A as extractTimeAndStringFromNoticeText,
|
|
120
120
|
E as getDepartureArrivalTimeAttribute,
|
|
121
|
-
|
|
121
|
+
_ as isConnectionLeg,
|
|
122
122
|
x as isRideLeg
|
|
123
123
|
};
|
package/journey-summary.js
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import { SbbLanguageController as
|
|
2
|
-
import { defaultDateAdapter as
|
|
3
|
-
import { i18nTripDuration as
|
|
4
|
-
import { css as
|
|
5
|
-
import { property as b, customElement as
|
|
1
|
+
import { SbbLanguageController as c } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
2
|
+
import { defaultDateAdapter as u } from "@sbb-esta/lyne-elements/core/datetime.js";
|
|
3
|
+
import { i18nTripDuration as h } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
4
|
+
import { css as v, LitElement as _, html as s, nothing as n } from "lit";
|
|
5
|
+
import { property as b, customElement as f } from "lit/decorators.js";
|
|
6
6
|
import { durationToTime as g, removeTimezoneFromISOTimeString as $ } from "./core/datetime.js";
|
|
7
7
|
import "@sbb-esta/lyne-elements/divider.js";
|
|
8
8
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
9
9
|
import "@sbb-esta/lyne-elements/journey-header.js";
|
|
10
10
|
import "./pearl-chain-time.js";
|
|
11
11
|
import { i as j } from "./isValid-Df_caLp4.js";
|
|
12
|
-
import { f as
|
|
13
|
-
const
|
|
14
|
-
var
|
|
15
|
-
for (var i =
|
|
16
|
-
(p = e[m]) && (i = (
|
|
17
|
-
return
|
|
12
|
+
import { f as d } from "./format-qHhIvnY8.js";
|
|
13
|
+
const w = v`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-journey-summary{--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);color:var(--sbb-color-iron);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}`;
|
|
14
|
+
var x = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (e, r, o, t) => {
|
|
15
|
+
for (var i = t > 1 ? void 0 : t ? k(r, o) : r, m = e.length - 1, p; m >= 0; m--)
|
|
16
|
+
(p = e[m]) && (i = (t ? p(r, o, i) : p(i)) || i);
|
|
17
|
+
return t && i && x(r, o, i), i;
|
|
18
18
|
};
|
|
19
|
-
let
|
|
19
|
+
let a = class extends _ {
|
|
20
20
|
constructor() {
|
|
21
|
-
super(...arguments), this.headerLevel = "3", this.
|
|
21
|
+
super(...arguments), this.headerLevel = "3", this._now = null, this._hasContentSlot = !1, this._language = new c(this);
|
|
22
22
|
}
|
|
23
23
|
set now(e) {
|
|
24
|
-
this.
|
|
24
|
+
this._now = u.getValidDateOrNull(u.deserialize(e));
|
|
25
25
|
}
|
|
26
26
|
get now() {
|
|
27
|
-
return this.
|
|
27
|
+
return this._now ?? /* @__PURE__ */ new Date();
|
|
28
28
|
}
|
|
29
29
|
connectedCallback() {
|
|
30
30
|
var e;
|
|
31
|
-
super.connectedCallback(), this.
|
|
31
|
+
super.connectedCallback(), this._hasContentSlot = !!((e = this.querySelector) != null && e.call(this, '[slot="content"]'));
|
|
32
32
|
}
|
|
33
33
|
/** renders the date of the journey or if it is the current or next day */
|
|
34
|
-
|
|
35
|
-
const
|
|
34
|
+
_renderJourneyStart(e, r) {
|
|
35
|
+
const o = u, t = r ? g(r, this._language.current) : null;
|
|
36
36
|
if (j(e))
|
|
37
37
|
return s`
|
|
38
|
-
<time datetime=${
|
|
39
|
-
${
|
|
40
|
-
>${
|
|
38
|
+
<time datetime=${d(e, "d") + " " + d(e, "M")}>
|
|
39
|
+
${o.format(e).replace(",", ".")}</time
|
|
40
|
+
>${r && r > 0 ? s`,<time>
|
|
41
41
|
<sbb-screen-reader-only>
|
|
42
|
-
${
|
|
42
|
+
${h[this._language.current]} ${t.long}
|
|
43
43
|
</sbb-screen-reader-only>
|
|
44
|
-
<span aria-hidden="true">${
|
|
45
|
-
</time>` :
|
|
44
|
+
<span aria-hidden="true">${t.short}</span>
|
|
45
|
+
</time>` : n}
|
|
46
46
|
`;
|
|
47
47
|
}
|
|
48
|
-
|
|
49
|
-
const
|
|
48
|
+
_renderJourneyVias(e) {
|
|
49
|
+
const r = e.slice(0, 5);
|
|
50
50
|
return s`
|
|
51
51
|
<div class="sbb-journey-summary__via-block">
|
|
52
52
|
<span class="sbb-journey-summary__via-text">Via</span>
|
|
53
|
-
<ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" :
|
|
54
|
-
${
|
|
55
|
-
(
|
|
56
|
-
${
|
|
53
|
+
<ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : n}>
|
|
54
|
+
${r.map(
|
|
55
|
+
(o, t) => s`<li class="sbb-journey-summary__via">
|
|
56
|
+
${o}${t !== r.length - 1 && t < 4 ? s`<span>,</span>` : n}
|
|
57
57
|
</li>`
|
|
58
58
|
)}
|
|
59
59
|
</ul>
|
|
60
60
|
</div>
|
|
61
61
|
`;
|
|
62
62
|
}
|
|
63
|
-
|
|
64
|
-
const { vias:
|
|
63
|
+
_renderJourneyInformation(e) {
|
|
64
|
+
const { vias: r, duration: o, departureWalk: t, departure: i, arrivalWalk: m, arrival: p, legs: y } = e || {};
|
|
65
65
|
return s`
|
|
66
66
|
<div>
|
|
67
|
-
${
|
|
67
|
+
${r && r.length > 0 ? this._renderJourneyVias(r) : n}
|
|
68
68
|
<div class="sbb-journey-summary__date">
|
|
69
|
-
${this.
|
|
69
|
+
${this._renderJourneyStart($(i), o)}
|
|
70
70
|
</div>
|
|
71
71
|
<sbb-pearl-chain-time
|
|
72
72
|
.arrivalTime=${p}
|
|
73
73
|
.departureTime=${i}
|
|
74
|
-
.departureWalk=${
|
|
74
|
+
.departureWalk=${t}
|
|
75
75
|
.arrivalWalk=${m}
|
|
76
|
-
.legs=${
|
|
76
|
+
.legs=${y}
|
|
77
77
|
.disableAnimation=${this.disableAnimation}
|
|
78
78
|
.now=${this.now}
|
|
79
79
|
></sbb-pearl-chain-time>
|
|
@@ -81,50 +81,50 @@ let n = class extends f {
|
|
|
81
81
|
`;
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
const { origin: e, destination:
|
|
84
|
+
const { origin: e, destination: r } = this.trip || {};
|
|
85
85
|
return s`
|
|
86
86
|
<div class="sbb-journey-summary">
|
|
87
87
|
${e ? s`<sbb-journey-header
|
|
88
88
|
size="l"
|
|
89
|
-
.level=${this.headerLevel ||
|
|
89
|
+
.level=${this.headerLevel || n}
|
|
90
90
|
.origin=${e}
|
|
91
|
-
.destination=${
|
|
92
|
-
.roundTrip=${this.roundTrip ??
|
|
93
|
-
></sbb-journey-header>` :
|
|
94
|
-
${this.
|
|
91
|
+
.destination=${r}
|
|
92
|
+
.roundTrip=${this.roundTrip ?? n}
|
|
93
|
+
></sbb-journey-header>` : n}
|
|
94
|
+
${this._renderJourneyInformation(this.trip)}
|
|
95
95
|
${this.tripBack ? s`<div>
|
|
96
96
|
<sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
|
|
97
|
-
${this.
|
|
98
|
-
</div>` :
|
|
99
|
-
${this.
|
|
97
|
+
${this._renderJourneyInformation(this.tripBack)}
|
|
98
|
+
</div>` : n}
|
|
99
|
+
${this._hasContentSlot ? s` <div class="sbb-journey-summary__slot">
|
|
100
100
|
<slot name="content"></slot>
|
|
101
|
-
</div>` :
|
|
101
|
+
</div>` : n}
|
|
102
102
|
</div>
|
|
103
103
|
`;
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
|
-
|
|
106
|
+
a.styles = w;
|
|
107
107
|
l([
|
|
108
108
|
b({ type: Object })
|
|
109
|
-
],
|
|
109
|
+
], a.prototype, "trip", 2);
|
|
110
110
|
l([
|
|
111
111
|
b({ attribute: "trip-back", type: Object })
|
|
112
|
-
],
|
|
112
|
+
], a.prototype, "tripBack", 2);
|
|
113
113
|
l([
|
|
114
114
|
b({ attribute: "round-trip", type: Boolean })
|
|
115
|
-
],
|
|
115
|
+
], a.prototype, "roundTrip", 2);
|
|
116
116
|
l([
|
|
117
117
|
b({ attribute: "header-level" })
|
|
118
|
-
],
|
|
118
|
+
], a.prototype, "headerLevel", 2);
|
|
119
119
|
l([
|
|
120
120
|
b({ attribute: "disable-animation", type: Boolean })
|
|
121
|
-
],
|
|
121
|
+
], a.prototype, "disableAnimation", 2);
|
|
122
122
|
l([
|
|
123
123
|
b()
|
|
124
|
-
],
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
],
|
|
124
|
+
], a.prototype, "now", 1);
|
|
125
|
+
a = l([
|
|
126
|
+
f("sbb-journey-summary")
|
|
127
|
+
], a);
|
|
128
128
|
export {
|
|
129
|
-
|
|
129
|
+
a as SbbJourneySummaryElement
|
|
130
130
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-experimental",
|
|
3
|
-
"version": "0.52.
|
|
3
|
+
"version": "0.52.2",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"type": "module",
|
|
12
12
|
"customElements": "custom-elements.json",
|
|
13
13
|
"peerDependencies": {
|
|
14
|
-
"@sbb-esta/lyne-elements": "0.52.
|
|
14
|
+
"@sbb-esta/lyne-elements": "0.52.2"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"lit": "^3.0.0"
|
package/pearl-chain-time.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { SbbLanguageController as
|
|
1
|
+
import { SbbLanguageController as f } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
2
2
|
import { defaultDateAdapter as h } from "@sbb-esta/lyne-elements/core/datetime.js";
|
|
3
|
-
import { i18nDeparture as
|
|
4
|
-
import { css as
|
|
5
|
-
import { property as
|
|
3
|
+
import { i18nDeparture as d, i18nTransferProcedures as u, i18nArrival as _ } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
4
|
+
import { css as v, LitElement as y, html as p, nothing as m } from "lit";
|
|
5
|
+
import { property as n, customElement as x } from "lit/decorators.js";
|
|
6
6
|
import { removeTimezoneFromISOTimeString as c } from "./core/datetime.js";
|
|
7
7
|
import { getDepartureArrivalTimeAttribute as w, isRideLeg as $ } from "./core/timetable.js";
|
|
8
8
|
import "./pearl-chain.js";
|
|
9
|
-
import { f } from "./format-qHhIvnY8.js";
|
|
10
|
-
const T =
|
|
11
|
-
var z = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (r, a, b,
|
|
12
|
-
for (var e =
|
|
13
|
-
(o = r[l]) && (e = (
|
|
14
|
-
return
|
|
9
|
+
import { f as g } from "./format-qHhIvnY8.js";
|
|
10
|
+
const T = v`*,:before,:after{box-sizing:border-box}:host{--sbb-pearl-chain-time-height: auto;display:block}@media (min-width: 37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media (min-width: 52.5rem){:host{--sbb-pearl-chain-time-height: 1.75rem}}.sbb-pearl-chain__time{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:var(--sbb-pearl-chain-time-height)}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--sbb-text-font-size: var(--sbb-font-size-text-xxs);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:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{flex:1 1 auto;align-self:center;margin-inline:var(--sbb-spacing-fixed-3x)}.sbb-pearl-chain__time-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;color:var(--sbb-color-charcoal)}.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}`;
|
|
11
|
+
var z = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (r, a, b, s) => {
|
|
12
|
+
for (var e = s > 1 ? void 0 : s ? A(a, b) : a, l = r.length - 1, o; l >= 0; l--)
|
|
13
|
+
(o = r[l]) && (e = (s ? o(a, b, e) : o(e)) || e);
|
|
14
|
+
return s && e && z(a, b, e), e;
|
|
15
15
|
};
|
|
16
|
-
let t = class extends
|
|
16
|
+
let t = class extends y {
|
|
17
17
|
constructor() {
|
|
18
|
-
super(...arguments), this.
|
|
18
|
+
super(...arguments), this._now = null, this._language = new f(this);
|
|
19
19
|
}
|
|
20
20
|
set now(r) {
|
|
21
|
-
this.
|
|
21
|
+
this._now = h.getValidDateOrNull(h.deserialize(r));
|
|
22
22
|
}
|
|
23
23
|
get now() {
|
|
24
|
-
return this.
|
|
24
|
+
return this._now ?? /* @__PURE__ */ new Date();
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
var l;
|
|
28
|
-
const r = this.departureTime ? c(this.departureTime) : void 0, a = this.arrivalTime ? c(this.arrivalTime) : void 0, { renderDepartureTimeAttribute: b, renderArrivalTimeAttribute:
|
|
28
|
+
const r = this.departureTime ? c(this.departureTime) : void 0, a = this.arrivalTime ? c(this.arrivalTime) : void 0, { renderDepartureTimeAttribute: b, renderArrivalTimeAttribute: s } = w(
|
|
29
29
|
this.legs,
|
|
30
30
|
this.departureWalk || 0,
|
|
31
31
|
this.arrivalWalk || 0,
|
|
32
|
-
this.
|
|
32
|
+
this._language.current
|
|
33
33
|
), e = (l = this.legs) == null ? void 0 : l.filter((o) => $(o));
|
|
34
34
|
return p`
|
|
35
35
|
<div class="sbb-pearl-chain__time">
|
|
36
36
|
${b()}
|
|
37
37
|
${r ? p`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
|
|
38
38
|
<span class="sbb-screen-reader-only"
|
|
39
|
-
>${
|
|
39
|
+
>${d[this._language.current]}: </span
|
|
40
40
|
>
|
|
41
|
-
${
|
|
41
|
+
${g(r, "HH:mm")}
|
|
42
42
|
</time>` : m}
|
|
43
43
|
${(e == null ? void 0 : e.length) > 1 ? p`<span class="sbb-screen-reader-only" role="paragraph">
|
|
44
|
-
${(e == null ? void 0 : e.length) - 1} ${u[this.
|
|
44
|
+
${(e == null ? void 0 : e.length) - 1} ${u[this._language.current]}
|
|
45
45
|
</span>` : m}
|
|
46
46
|
<sbb-pearl-chain
|
|
47
47
|
class="sbb-pearl-chain__time-chain"
|
|
@@ -51,36 +51,36 @@ let t = class extends _ {
|
|
|
51
51
|
></sbb-pearl-chain>
|
|
52
52
|
${a ? p`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
|
|
53
53
|
<span class="sbb-screen-reader-only"
|
|
54
|
-
>${
|
|
54
|
+
>${_[this._language.current]}: </span
|
|
55
55
|
>
|
|
56
|
-
${
|
|
56
|
+
${g(a, "HH:mm")}
|
|
57
57
|
</time>` : m}
|
|
58
|
-
${
|
|
58
|
+
${s()}
|
|
59
59
|
</div>
|
|
60
60
|
`;
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
t.styles = T;
|
|
64
64
|
i([
|
|
65
|
-
|
|
65
|
+
n({ type: Array })
|
|
66
66
|
], t.prototype, "legs", 2);
|
|
67
67
|
i([
|
|
68
|
-
|
|
68
|
+
n({ attribute: "departure-time" })
|
|
69
69
|
], t.prototype, "departureTime", 2);
|
|
70
70
|
i([
|
|
71
|
-
|
|
71
|
+
n({ attribute: "arrival-time" })
|
|
72
72
|
], t.prototype, "arrivalTime", 2);
|
|
73
73
|
i([
|
|
74
|
-
|
|
74
|
+
n({ attribute: "departure-walk", type: Number })
|
|
75
75
|
], t.prototype, "departureWalk", 2);
|
|
76
76
|
i([
|
|
77
|
-
|
|
77
|
+
n({ attribute: "arrival-walk", type: Number })
|
|
78
78
|
], t.prototype, "arrivalWalk", 2);
|
|
79
79
|
i([
|
|
80
|
-
|
|
80
|
+
n({ attribute: "disable-animation", type: Boolean })
|
|
81
81
|
], t.prototype, "disableAnimation", 2);
|
|
82
82
|
i([
|
|
83
|
-
|
|
83
|
+
n()
|
|
84
84
|
], t.prototype, "now", 1);
|
|
85
85
|
t = i([
|
|
86
86
|
x("sbb-pearl-chain-time")
|