@sbb-esta/lyne-elements-experimental 4.0.0-next.1 → 4.0.0-next.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/development/journey-summary/journey-summary.component.js +3 -3
- package/development/pearl-chain-time/pearl-chain-time.component.js +6 -6
- package/development/timetable-duration/timetable-duration.component.js +3 -3
- package/development/timetable-row/timetable-row.component.js +6 -6
- package/journey-summary/journey-summary.component.js +1 -1
- package/package.json +2 -2
- package/pearl-chain-time/pearl-chain-time.component.js +12 -12
- package/timetable-duration/timetable-duration.component.js +5 -5
- package/timetable-row/timetable-row.component.js +1 -1
|
@@ -25,11 +25,11 @@ const style = css`:host {
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.sbb-journey-summary {
|
|
28
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
28
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
29
29
|
font-family: var(--sbb-typo-font-family);
|
|
30
30
|
font-weight: normal;
|
|
31
|
-
line-height: var(--sbb-typo-line-height-
|
|
32
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
31
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
32
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
33
33
|
font-size: var(--sbb-text-font-size);
|
|
34
34
|
color: var(--sbb-color-4);
|
|
35
35
|
display: flex;
|
|
@@ -42,11 +42,11 @@ const style = css`:host {
|
|
|
42
42
|
|
|
43
43
|
.sbb-pearl-chain__time-walktime,
|
|
44
44
|
.sbb-pearl-chain__time-transfer {
|
|
45
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
45
|
+
--sbb-text-font-size: var(--sbb-text-font-size-xxs);
|
|
46
46
|
font-family: var(--sbb-typo-font-family);
|
|
47
47
|
font-weight: normal;
|
|
48
|
-
line-height: var(--sbb-typo-line-height-
|
|
49
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
48
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
49
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
50
50
|
font-size: var(--sbb-text-font-size);
|
|
51
51
|
display: inline-flex;
|
|
52
52
|
align-items: center;
|
|
@@ -93,11 +93,11 @@ const style = css`:host {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.sbb-pearl-chain__time-time {
|
|
96
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
96
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
97
97
|
font-family: var(--sbb-typo-font-family);
|
|
98
98
|
font-weight: normal;
|
|
99
|
-
line-height: var(--sbb-typo-line-height-
|
|
100
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
99
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
100
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
101
101
|
font-size: var(--sbb-text-font-size);
|
|
102
102
|
font-weight: bold;
|
|
103
103
|
color: var(--sbb-color-2);
|
|
@@ -17,11 +17,11 @@ const style = css`:host {
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.duration {
|
|
20
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
20
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
21
21
|
font-family: var(--sbb-typo-font-family);
|
|
22
22
|
font-weight: normal;
|
|
23
|
-
line-height: var(--sbb-typo-line-height-
|
|
24
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
23
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
24
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
25
25
|
font-size: var(--sbb-text-font-size);
|
|
26
26
|
margin: 0;
|
|
27
27
|
white-space: nowrap;
|
|
@@ -83,11 +83,11 @@ li {
|
|
|
83
83
|
|
|
84
84
|
.sbb-timetable__row-transportnumber,
|
|
85
85
|
.sbb-timetable__row-time {
|
|
86
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
86
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
87
87
|
font-family: var(--sbb-typo-font-family);
|
|
88
88
|
font-weight: normal;
|
|
89
|
-
line-height: var(--sbb-typo-line-height-
|
|
90
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
89
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
90
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
91
91
|
font-size: var(--sbb-text-font-size);
|
|
92
92
|
font-weight: bold;
|
|
93
93
|
line-height: unset;
|
|
@@ -96,11 +96,11 @@ li {
|
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
.sbb-timetable__row {
|
|
99
|
-
--sbb-text-font-size: var(--sbb-font-size-
|
|
99
|
+
--sbb-text-font-size: var(--sbb-text-font-size-s);
|
|
100
100
|
font-family: var(--sbb-typo-font-family);
|
|
101
101
|
font-weight: normal;
|
|
102
|
-
line-height: var(--sbb-typo-line-height-
|
|
103
|
-
letter-spacing: var(--sbb-typo-letter-spacing-
|
|
102
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
103
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
104
104
|
font-size: var(--sbb-text-font-size);
|
|
105
105
|
display: flex;
|
|
106
106
|
flex-direction: column;
|
|
@@ -18,7 +18,7 @@ import "@sbb-esta/lyne-elements/journey-header.js";
|
|
|
18
18
|
import "../pearl-chain-time.js";
|
|
19
19
|
import { i as ot } from "../isValid-Ceq2O0NQ.js";
|
|
20
20
|
import { f as R } from "../format-lqeCzmzS.js";
|
|
21
|
-
const lt = at`:host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sbb-font-size-
|
|
21
|
+
const lt = at`:host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-4);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}`;
|
|
22
22
|
let jt = (() => {
|
|
23
23
|
var y, v, f, g, k, $, r;
|
|
24
24
|
let i = [st("sbb-journey-summary")], s, o = [], c, z = it, j = [], S, T = [], B = [], A, F = [], I = [], L, J = [], D = [], O, C = [], V = [], E, W = [], q = [], M, N = [], P = [], G;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-experimental",
|
|
3
|
-
"version": "4.0.0-next.
|
|
3
|
+
"version": "4.0.0-next.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": "4.0.0-next.
|
|
14
|
+
"@sbb-esta/lyne-elements": "4.0.0-next.2"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"lit": "^3.3.1",
|
|
@@ -2,7 +2,7 @@ var Q = (a) => {
|
|
|
2
2
|
throw TypeError(a);
|
|
3
3
|
};
|
|
4
4
|
var U = (a, s, o) => s.has(a) || Q("Cannot " + o);
|
|
5
|
-
var h = (a, s, o) => (U(a, s, "read from private field"), o ? o.call(a) : s.get(a)),
|
|
5
|
+
var h = (a, s, o) => (U(a, s, "read from private field"), o ? o.call(a) : s.get(a)), p = (a, s, o) => s.has(a) ? Q("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, m) => (U(a, s, "write to private field"), m ? m.call(a, o) : s.set(a, o), o);
|
|
6
6
|
import { __runInitializers as r, __esDecorate as c } from "tslib";
|
|
7
7
|
import { SbbLanguageController as ae } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
8
8
|
import { defaultDateAdapter as X } from "@sbb-esta/lyne-elements/core/datetime.js";
|
|
@@ -10,25 +10,25 @@ import { forceType as x } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
|
10
10
|
import { i18nDeparture as ie, i18nTransferProcedures as re, i18nArrival as se } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
11
11
|
import { boxSizingStyles as le } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
12
12
|
import { css as ne, LitElement as oe, nothing as w, html as k } from "lit";
|
|
13
|
-
import { customElement as me, property as
|
|
13
|
+
import { customElement as me, property as b } from "lit/decorators.js";
|
|
14
14
|
import { removeTimezoneFromISOTimeString as Y } from "../core/datetime.js";
|
|
15
15
|
import { getDepartureArrivalTimeAttribute as ce, isRideLeg as he } from "../core/timetable.js";
|
|
16
16
|
import "../pearl-chain.js";
|
|
17
17
|
import { f as Z } from "../format-lqeCzmzS.js";
|
|
18
|
-
const
|
|
18
|
+
const pe = ne`:host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-width:37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media(min-width:64rem){: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-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--walk-small-left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{transform:translate(-.375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-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--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-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-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;color:var(--sbb-color-2)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
|
|
19
19
|
let Ae = (() => {
|
|
20
20
|
var d, _, g, u, f, v, y, l;
|
|
21
21
|
let a = [me("sbb-pearl-chain-time")], s, o = [], m, T = oe, z = [], W, A = [], $ = [], F, I = [], S = [], D, N = [], E = [], H, L = [], O = [], j, P = [], B = [], C, R = [], V = [], q, G = [], J = [], K;
|
|
22
22
|
return l = class extends T {
|
|
23
23
|
constructor() {
|
|
24
24
|
super(...arguments);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
p(this, d);
|
|
26
|
+
p(this, _);
|
|
27
|
+
p(this, g);
|
|
28
|
+
p(this, u);
|
|
29
|
+
p(this, f);
|
|
30
|
+
p(this, v);
|
|
31
|
+
p(this, y);
|
|
32
32
|
n(this, d, (r(this, z), r(this, A, []))), n(this, _, (r(this, $), r(this, I, ""))), n(this, g, (r(this, S), r(this, N, ""))), n(this, u, (r(this, E), r(this, L, NaN))), n(this, f, (r(this, O), r(this, P, NaN))), n(this, v, (r(this, B), r(this, R, !1))), n(this, y, (r(this, V), r(this, G, !1))), this._now = (r(this, J), null), this._language = new ae(this);
|
|
33
33
|
}
|
|
34
34
|
/**
|
|
@@ -132,7 +132,7 @@ let Ae = (() => {
|
|
|
132
132
|
}
|
|
133
133
|
}, d = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), u = new WeakMap(), f = new WeakMap(), v = new WeakMap(), y = new WeakMap(), m = l, (() => {
|
|
134
134
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
|
|
135
|
-
W = [
|
|
135
|
+
W = [b({ type: Array })], F = [x(), b({ attribute: "departure-time" })], D = [x(), b({ attribute: "arrival-time" })], H = [x(), b({ attribute: "departure-walk", type: Number })], j = [x(), b({ attribute: "arrival-walk", type: Number })], C = [x(), b({ attribute: "disable-animation", type: Boolean })], q = [x(), b({ attribute: "a11y-footpath", type: Boolean })], K = [b()], c(l, null, W, { kind: "accessor", name: "legs", static: !1, private: !1, access: { has: (e) => "legs" in e, get: (e) => e.legs, set: (e, i) => {
|
|
136
136
|
e.legs = i;
|
|
137
137
|
} }, metadata: t }, A, $), c(l, null, F, { kind: "accessor", name: "departureTime", static: !1, private: !1, access: { has: (e) => "departureTime" in e, get: (e) => e.departureTime, set: (e, i) => {
|
|
138
138
|
e.departureTime = i;
|
|
@@ -149,7 +149,7 @@ let Ae = (() => {
|
|
|
149
149
|
} }, metadata: t }, G, J), c(l, null, K, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, set: (e, i) => {
|
|
150
150
|
e.now = i;
|
|
151
151
|
} }, metadata: t }, null, z), c(null, s = { value: m }, a, { kind: "class", name: m.name, metadata: t }, null, o), m = s.value, t && Object.defineProperty(m, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
152
|
-
})(), l.styles = [le,
|
|
152
|
+
})(), l.styles = [le, pe], r(m, o), m;
|
|
153
153
|
})();
|
|
154
154
|
export {
|
|
155
155
|
Ae as SbbPearlChainTimeElement
|
|
@@ -10,11 +10,11 @@ import { i18nDurationHour as h, i18nDurationMinute as p } from "@sbb-esta/lyne-e
|
|
|
10
10
|
import { boxSizingStyles as E } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
11
11
|
import { css as T, LitElement as k, html as I } from "lit";
|
|
12
12
|
import { customElement as O, property as j } from "lit/decorators.js";
|
|
13
|
-
const C = T`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-font-size-
|
|
13
|
+
const C = T`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}.duration__text--visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
|
|
14
14
|
let G = (() => {
|
|
15
15
|
var o, n;
|
|
16
|
-
let t = [O("sbb-timetable-duration")], e, a = [], s,
|
|
17
|
-
return n = class extends
|
|
16
|
+
let t = [O("sbb-timetable-duration")], e, a = [], s, f = k, b, d = [], _ = [];
|
|
17
|
+
return n = class extends f {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
20
|
w(this, o);
|
|
@@ -45,8 +45,8 @@ let G = (() => {
|
|
|
45
45
|
`;
|
|
46
46
|
}
|
|
47
47
|
}, o = new WeakMap(), s = n, (() => {
|
|
48
|
-
const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
49
|
-
|
|
48
|
+
const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
|
|
49
|
+
b = [D(), j()], z(n, null, b, { kind: "accessor", name: "config", static: !1, private: !1, access: { has: (r) => "config" in r, get: (r) => r.config, set: (r, u) => {
|
|
50
50
|
r.config = u;
|
|
51
51
|
} }, metadata: i }, d, _), z(null, e = { value: s }, t, { kind: "class", name: s.name, metadata: i }, null, a), s = e.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
|
|
52
52
|
})(), n.styles = [E, C], m(s, a), s;
|
|
@@ -19,7 +19,7 @@ import "@sbb-esta/lyne-elements/icon.js";
|
|
|
19
19
|
import "@sbb-esta/lyne-elements/timetable-occupancy.js";
|
|
20
20
|
import "../pearl-chain-time.js";
|
|
21
21
|
import { f as Be } from "../format-lqeCzmzS.js";
|
|
22
|
-
const yt = ht`: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-path: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-
|
|
22
|
+
const yt = ht`: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-path: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-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-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-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-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-primary)}.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:64rem){.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-background-color-4);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-background-color-4)}17%{background:var(--sbb-background-color-4)}50%{background:var(--sbb-background-color-3)}67%{background:var(--sbb-background-color-3)}to{background:var(--sbb-background-color-4)}}`, vt = (t, i) => c`<span class="sbb-timetable__row-transport">
|
|
23
23
|
<sbb-icon name=${t}></sbb-icon>
|
|
24
24
|
<span class="sbb-screen-reader-only">${i}</span>
|
|
25
25
|
</span>`, xt = (t, i) => {
|