@sbb-esta/lyne-elements-experimental 5.0.0-next.3 → 5.0.1

package/{timetable-row.component-Din-TQ9u.js → timetable-row.component-mNKmhRmP.js}

@@ -1,18 +1,18 @@
-import { t as e } from "./format-DbUuNYFU.js";
-import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { SbbElement as r, SbbLanguageController as i, defaultDateAdapter as a, forceType as o, i18nArrival as s, i18nClass as c, i18nDeparture as l, i18nDirection as u, i18nFromPlatform as d, i18nMeansOfTransport as f, i18nNew as ee, i18nOccupancy as p, i18nRealTimeInfo as m, i18nSupersaver as h, i18nTransferProcedure as g, i18nTransferProcedures as _, i18nTravelhints as v, i18nTripDuration as y, i18nTripQuayChange as b, screenReaderOnlyStyles as x } from "@sbb-esta/lyne-elements/core.js";
-import { SbbIconElement as te } from "@sbb-esta/lyne-elements/icon.pure.js";
+import { t as e } from "./format-DjgG1QPc.js";
+import { SbbElement as t, SbbLanguageController as n, defaultDateAdapter as r, forceType as i, i18nArrival as a, i18nClass as o, i18nDeparture as s, i18nDirection as ee, i18nFromPlatform as c, i18nMeansOfTransport as l, i18nNew as u, i18nOccupancy as d, i18nRealTimeInfo as f, i18nSupersaver as p, i18nTransferProcedure as m, i18nTransferProcedures as h, i18nTravelhints as g, i18nTripDuration as _, i18nTripQuayChange as v, listResetStyles as y, screenReaderOnlyStyles as b } from "@sbb-esta/lyne-elements/core.js";
+import { SbbIconElement as x } from "@sbb-esta/lyne-elements/icon.pure.js";
 import { html as S, nothing as C, unsafeCSS as w } from "lit";
-import { property as T } from "lit/decorators.js";
-import { durationToTime as E, getDepartureArrivalTimeAttribute as ne, isRideLeg as D, removeTimezoneFromISOTimeString as O } from "./core.js";
-import { SbbPearlChainTimeElement as k } from "./pearl-chain-time.pure.js";
-import { SbbCardBadgeElement as A, SbbCardButtonElement as j, SbbCardElement as M } from "@sbb-esta/lyne-elements/card.pure.js";
-import { SbbTimetableOccupancyElement as N } from "@sbb-esta/lyne-elements/timetable-occupancy.pure.js";
+import { __esDecorate as T, __runInitializers as E } from "tslib";
+import { property as D } from "lit/decorators.js";
+import { durationToTime as O, getDepartureArrivalTimeAttribute as te, isRideLeg as k, removeTimezoneFromISOTimeString as ne } from "./core.js";
+import { SbbPearlChainTimeElement as A } from "./pearl-chain-time.pure.js";
+import { SbbCardBadgeElement as j, SbbCardButtonElement as M, SbbCardElement as N } from "@sbb-esta/lyne-elements/card.pure.js";
+import { SbbTimetableOccupancyElement as P } from "@sbb-esta/lyne-elements/timetable-occupancy.pure.js";
 //#region src/elements-experimental/timetable-row/timetable-row.scss?inline
-var P = ":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-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-card-badge-border-radius);transform:var(--sbb-card-badge-skew);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)}}", F = (e, t) => S`<span class="sbb-timetable__row-transport">
+var F = ":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-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{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-card-badge-border-radius);transform:var(--sbb-card-badge-skew);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)}}", I = (e, t) => S`<span class="sbb-timetable__row-transport">
     <sbb-icon name=${e}></sbb-icon>
     <span class="sbb-screen-reader-only">${t}</span>
-  </span>`, I = (e, t) => {
+  </span>`, L = (e, t) => {
 	let n = [
 		"M",
 		"B",
@@ -21,7 +21,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 	return S`<span class="sbb-timetable__row-transportnumber">
     ${t === null ? e : e + n + t}
   </span>`;
-}, L = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.reachableText)?.serviceJourney?.serviceAlteration?.reachableText, R = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.delayText)?.serviceJourney?.serviceAlteration?.delayText, z = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.redirectedText)?.serviceJourney?.serviceAlteration?.redirectedText, B = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.unplannedStopPointsText)?.serviceJourney?.serviceAlteration?.unplannedStopPointsText, V = (e) => {
+}, R = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.reachableText)?.serviceJourney?.serviceAlteration?.reachableText, z = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.delayText)?.serviceJourney?.serviceAlteration?.delayText, B = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.redirectedText)?.serviceJourney?.serviceAlteration?.redirectedText, V = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.unplannedStopPointsText)?.serviceJourney?.serviceAlteration?.unplannedStopPointsText, H = (e) => {
 	let t = {
 		DISTURBANCE: 0,
 		INFORMATION: 1,
@@ -30,8 +30,8 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		CONSTRUCTION_SITE: 4,
 		END_MESSAGE: 5
 	};
-	return [...e]?.sort((e, n) => t[e.cause] - t[n.cause]);
-}, H = (e) => {
+	return [...e].sort((e, n) => t[e.cause] - t[n.cause]);
+}, U = (e) => {
 	switch (e?.cause) {
 		case "DISTURBANCE": return {
 			name: "disruption",
@@ -58,41 +58,41 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
 		};
 	}
-}, U = (e, t) => {
-	let { summary: n, legs: r } = e || {}, i = r?.filter((e) => D(e)), { tripStatus: a } = n || {};
+}, W = (e, t) => {
+	let { summary: n, legs: r } = e || {}, i = r?.filter((e) => k(e)), { tripStatus: a } = n || {};
 	if (a?.cancelled || a?.partiallyCancelled) return {
 		name: "cancellation",
 		text: a?.cancelledText
 	};
-	if (L(i)) return {
+	if (R(i)) return {
 		name: "missed-connection",
-		text: L(i)
+		text: R(i)
 	};
 	if (a?.alternative) return {
 		name: "alternative",
 		text: a.alternativeText
 	};
-	if (z(i)) return {
+	if (B(i)) return {
 		name: "reroute",
-		text: z(i)
+		text: B(i)
 	};
-	if (B(i)) return {
+	if (V(i)) return {
 		name: "add-stop",
-		text: B(i)
+		text: V(i)
 	};
 	if (a?.delayed || a?.delayedUnknown) return {
 		name: "delay",
-		text: R(i)
+		text: z(i)
 	};
 	if (a?.quayChanged) {
 		let e = i[0].departure;
 		return {
 			name: "platform-change",
-			text: e.quayChanged ? e.quayChangedText : b[t]
+			text: e.quayChanged ? e.quayChangedText : v[t]
 		};
 	}
 	return {};
-}, W = (e) => {
+}, G = (e) => {
 	let t = [
 		"RR",
 		"RK",
@@ -112,7 +112,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			name: "RR"
 		};
 	}, void 0);
-}, G = (e) => {
+}, K = (e) => {
 	let t = [
 		"Z",
 		"SB",
@@ -121,38 +121,38 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		"TG"
 	];
 	return e.filter((t, n) => e.findIndex((e) => e.name === t.name) === n).filter((e) => t.includes(e.name)).sort((e, n) => t.indexOf(e.name) - t.indexOf(n.name));
-}, K = (e) => {
-	let t = W(e), n = G(e);
+}, q = (e) => {
+	let t = G(e), n = K(e);
 	return t === void 0 ? n : n.length ? n[0].name === "Z" && n[1] ? [
 		n[0],
 		t,
 		n[1]
 	].concat(n.slice(2)) : [t, ...n] : [t];
-}, q = (() => {
-	let b = r, L = [], R, z = [], B = [], W, G = [], q = [], J, Y = [], X = [], Z, Q = [], re = [], ie, ae = [], oe = [], se, ce = [], le = [], ue, $ = [], de = [], fe, pe = [], me = [], he, ge = [], _e = [], ve, ye = [], be = [], xe;
-	return class extends b {
+}, J = (() => {
+	let v = t, R = [], z, B = [], V = [], G, K = [], J = [], Y, X = [], Z = [], Q, re = [], ie = [], ae, oe = [], se = [], ce, le = [], ue = [], de, fe = [], $ = [], pe, me = [], he = [], ge, _e = [], ve = [], ye, be = [], xe = [], Se;
+	return class extends v {
 		constructor() {
-			super(...arguments), this.#e = (n(this, L), n(this, z, null)), this.#t = (n(this, B), n(this, G, null)), this.#n = (n(this, q), n(this, Y, !1)), this.#r = (n(this, X), n(this, Q, null)), this.#i = (n(this, re), n(this, ae, !1)), this.#a = (n(this, oe), n(this, ce, !1)), this.#o = (n(this, le), n(this, $, !1)), this.#s = (n(this, de), n(this, pe, "")), this.#c = (n(this, me), n(this, ge, !1)), this.#l = (n(this, _e), n(this, ye, !1)), this._now = (n(this, be), null), this._language = new i(this);
+			super(...arguments), this.#e = (E(this, R), E(this, B, null)), this.#t = (E(this, V), E(this, K, null)), this.#n = (E(this, J), E(this, X, !1)), this.#r = (E(this, Z), E(this, re, null)), this.#i = (E(this, ie), E(this, oe, !1)), this.#a = (E(this, se), E(this, le, !1)), this.#o = (E(this, ue), E(this, fe, !1)), this.#s = (E(this, $), E(this, me, "")), this.#c = (E(this, he), E(this, _e, !1)), this.#l = (E(this, ve), E(this, be, !1)), this._now = (E(this, xe), null), this._language = new n(this);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			R = [T({ type: Object })], W = [T({ type: Object })], J = [o(), T({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+			z = [D({ type: Object })], G = [D({ type: Object })], Y = [i(), D({
 				attribute: "disable-animation",
 				reflect: !0,
 				type: Boolean
-			})], Z = [T({ type: Object })], ie = [o(), T({
+			})], Q = [D({ type: Object })], ae = [i(), D({
 				attribute: "loading-trip",
 				type: Boolean
-			})], se = [o(), T({
+			})], ce = [i(), D({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], ue = [o(), T({
+			})], de = [i(), D({
 				attribute: "loading-price",
 				type: Boolean
-			})], fe = [o(), T({ attribute: "card-action-label" })], he = [o(), T({
+			})], pe = [i(), D({ attribute: "card-action-label" })], ge = [i(), D({
 				attribute: "accessibility-expanded",
 				type: Boolean
-			})], ve = [o(), T({ type: Boolean })], xe = [T()], t(this, null, R, {
+			})], ye = [i(), D({ type: Boolean })], Se = [D()], T(this, null, z, {
 				kind: "accessor",
 				name: "trip",
 				static: !1,
@@ -165,7 +165,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, z, B), t(this, null, W, {
+			}, B, V), T(this, null, G, {
 				kind: "accessor",
 				name: "price",
 				static: !1,
@@ -178,7 +178,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, G, q), t(this, null, J, {
+			}, K, J), T(this, null, Y, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -191,7 +191,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, Y, X), t(this, null, Z, {
+			}, X, Z), T(this, null, Q, {
 				kind: "accessor",
 				name: "boarding",
 				static: !1,
@@ -204,7 +204,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, Q, re), t(this, null, ie, {
+			}, re, ie), T(this, null, ae, {
 				kind: "accessor",
 				name: "loadingTrip",
 				static: !1,
@@ -217,7 +217,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, ae, oe), t(this, null, se, {
+			}, oe, se), T(this, null, ce, {
 				kind: "accessor",
 				name: "a11yFootpath",
 				static: !1,
@@ -230,7 +230,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, ce, le), t(this, null, ue, {
+			}, le, ue), T(this, null, de, {
 				kind: "accessor",
 				name: "loadingPrice",
 				static: !1,
@@ -243,7 +243,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, $, de), t(this, null, fe, {
+			}, fe, $), T(this, null, pe, {
 				kind: "accessor",
 				name: "cardActionLabel",
 				static: !1,
@@ -256,7 +256,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, pe, me), t(this, null, he, {
+			}, me, he), T(this, null, ge, {
 				kind: "accessor",
 				name: "accessibilityExpanded",
 				static: !1,
@@ -269,7 +269,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, ge, _e), t(this, null, ve, {
+			}, _e, ve), T(this, null, ye, {
 				kind: "accessor",
 				name: "active",
 				static: !1,
@@ -282,7 +282,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, ye, be), t(this, null, xe, {
+			}, be, xe), T(this, null, Se, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -294,7 +294,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, null, L), e && Object.defineProperty(this, Symbol.metadata, {
+			}, null, R), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -306,16 +306,20 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		}
 		static {
 			this.elementDependencies = [
-				M,
-				A,
-				j,
-				te,
 				N,
-				k
+				j,
+				M,
+				x,
+				P,
+				A
 			];
 		}
 		static {
-			this.styles = [x, w(P)];
+			this.styles = [
+				y,
+				b,
+				w(F)
+			];
 		}
 		#e;
 		get trip() {
@@ -388,7 +392,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			this.#l = e;
 		}
 		set now(e) {
-			this._now = a.getValidDateOrNull(a.deserialize(e));
+			this._now = r.getValidDateOrNull(r.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
@@ -409,13 +413,13 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
     `;
 		}
 		_getRideLegs() {
-			return this.trip?.legs?.filter((e) => D(e)) ?? [];
+			return this.trip?.legs?.filter((e) => k(e)) ?? [];
 		}
 		_getQuayTypeStrings() {
 			if (!this.trip.summary?.product) return null;
 			let e = this._getRideLegs(), t = this.trip.summary.product?.vehicleMode === "TRAIN" ? e[0].serviceJourney.quayTypeShortName || "" : e[0].serviceJourney.quayTypeName || "";
 			return {
-				long: d[this._language.current] + " " + t,
+				long: c[this._language.current] + " " + t,
 				short: t
 			};
 		}
@@ -432,16 +436,16 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
     `;
 		}
 		_handleHimCus(e) {
-			let { situations: t } = e || {}, n = t && V(t), r = U(e, this._language.current);
+			let { situations: t } = e || {}, n = t && H(t), r = W(e, this._language.current);
 			return {
 				cus: Object.keys(r)?.length ? r : null,
-				him: t?.length ? H(n[0]) : null
+				him: t?.length ? U(n[0]) : null
 			};
 		}
 		_getAccessibilityText(t) {
-			let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure: d, arrival: b, product: x, direction: te, occupancy: S, duration: C } = n || {}, { departureTimeAttribute: w, arrivalTimeAttribute: T } = ne(r, a || 0, o || 0, this._language.current, this.a11yFootpath), D = this._getRideLegs(), k = d?.time ? O(d.time) : void 0, A = b?.time ? O(b.time) : void 0, j = w ? `${w.text} ${w.duration}, ` : "", M = T ? `${T.text} ${T.duration}, ` : "", N = k ? `${l[this._language.current]}: ${e(k, "HH:mm")}, ` : "", P = () => d?.quayFormatted ? `${d?.quayChanged ? `${ee[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${d?.quayFormatted}, ` : "", F = x && x.vehicleMode ? f[x.vehicleMode.toLowerCase()] && `${f[x.vehicleMode.toLowerCase()][this._language.current]}, ` : "", I = x?.vehicleSubModeShortName ? `${x.vehicleSubModeShortName} ${x.line || ""}, ` : "", L = `${u[this._language.current]} ${te}, `, R = this._handleHimCus(t), z = R?.cus?.text ? `${m[this._language.current]}: ${R?.cus?.text}, ` : "", B = R?.him?.text ? `${m[this._language.current]}: ${R?.him?.text}, ` : "", V = this.boarding ? `${this.boarding.text}, ` : "", H = `${this.price?.isDiscount ? h[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, U = D.length > 2 ? `${D.length - 1} ${_[this._language.current]}, ` : D.length > 1 ? `${D.length - 1} ${g[this._language.current]}, ` : "", W = A ? `${s[this._language.current]}: ${e(A, "HH:mm")}, ` : "", G = "";
-			S && (S.firstClass && S.firstClass !== "UNKNOWN" && (G += `${c.first[this._language.current]} ${p[S.firstClass.toLowerCase()]?.[this._language.current]}.`), S.secondClass && S.secondClass !== "UNKNOWN" && (G += ` ${c.second[this._language.current]} ${p[S.secondClass.toLowerCase()]?.[this._language.current]}.`));
-			let q = i && K(i).length && K(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", J = q ? `${v[this._language.current]}: ${q}` : "", Y = C && C > 0 ? `${y[this._language.current]} ${E(C, this._language.current).long}, ` : "";
+			let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: c, arrivalWalk: v, departure: y, arrival: b, product: x, direction: S, occupancy: C, duration: w } = n || {}, { departureTimeAttribute: T, arrivalTimeAttribute: E } = te(r, c || 0, v || 0, this._language.current, this.a11yFootpath), D = this._getRideLegs(), k = y?.time ? ne(y.time) : void 0, A = b?.time ? ne(b.time) : void 0, j = T ? `${T.text} ${T.duration}, ` : "", M = E ? `${E.text} ${E.duration}, ` : "", N = k ? `${s[this._language.current]}: ${e(k, "HH:mm")}, ` : "", P = () => y?.quayFormatted ? `${y?.quayChanged ? `${u[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${y?.quayFormatted}, ` : "", F = x && x.vehicleMode ? l[x.vehicleMode.toLowerCase()] && `${l[x.vehicleMode.toLowerCase()][this._language.current]}, ` : "", I = x?.vehicleSubModeShortName ? `${x.vehicleSubModeShortName} ${x.line || ""}, ` : "", L = `${ee[this._language.current]} ${S}, `, R = this._handleHimCus(t), z = R?.cus?.text ? `${f[this._language.current]}: ${R?.cus?.text}, ` : "", B = R?.him?.text ? `${f[this._language.current]}: ${R?.him?.text}, ` : "", V = this.boarding ? `${this.boarding.text}, ` : "", H = `${this.price?.isDiscount ? p[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, U = D.length > 2 ? `${D.length - 1} ${h[this._language.current]}, ` : D.length > 1 ? `${D.length - 1} ${m[this._language.current]}, ` : "", W = A ? `${a[this._language.current]}: ${e(A, "HH:mm")}, ` : "", G = "";
+			C && (C.firstClass && C.firstClass !== "UNKNOWN" && (G += `${o.first[this._language.current]} ${d[C.firstClass.toLowerCase()]?.[this._language.current]}.`), C.secondClass && C.secondClass !== "UNKNOWN" && (G += ` ${o.second[this._language.current]} ${d[C.secondClass.toLowerCase()]?.[this._language.current]}.`));
+			let K = i && q(i).length && q(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", J = K ? `${g[this._language.current]}: ${K}` : "", Y = w && w > 0 ? `${_[this._language.current]} ${O(w, this._language.current).long}, ` : "";
 			return [
 				j,
 				N,
@@ -463,7 +467,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		}
 		render() {
 			if (this.loadingTrip) return this._renderSkeleton();
-			let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: s, arrival: c, arrivalWalk: d, occupancy: p, duration: m } = r || {}, g = this._handleHimCus(this.trip), _ = !!g.cus || !!g.him, v = n && K(n), b = m ? E(m, this._language.current) : null;
+			let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: c, arrival: d, arrivalWalk: f, occupancy: m, duration: h } = r || {}, g = this._handleHimCus(this.trip), v = !!g.cus || !!g.him, y = n && q(n), b = h ? O(h, this._language.current) : null;
 			return S`
       <sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
         <sbb-card-button
@@ -476,7 +480,7 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
         ${this.price && !this.loadingPrice ? S`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
               ${this.price.isDiscount ? S`<span aria-hidden="true">
                     %<span class="sbb-screen-reader-only"
-                      >${h[this._language.current]}</span
+                      >${p[this._language.current]}</span
                     >
                   </span>` : C}
               ${this.price.text ? S`<span>${this.price.text}</span>` : C}
@@ -491,41 +495,41 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
                   name="picto:${i.corporateIdentityPictogram}"
                 ></sbb-icon>
                 <span class="sbb-screen-reader-only">
-                  ${i && i.vehicleMode && f[i.vehicleMode.toLowerCase()] && f[i.vehicleMode.toLowerCase()][this._language.current]}
+                  ${i && i.vehicleMode && l[i.vehicleMode.toLowerCase()] && l[i.vehicleMode.toLowerCase()][this._language.current]}
                   &nbsp;
                 </span>
               </span>`}
-              ${i && (i.corporateIdentityIcon ? F(i.corporateIdentityIcon, i.name) : i.vehicleSubModeShortName && I(i.vehicleSubModeShortName, i?.line))}
+              ${i && (i.corporateIdentityIcon ? I(i.corporateIdentityIcon, i.name) : i.vehicleSubModeShortName && L(i.vehicleSubModeShortName, i?.line))}
             </div>
-            ${a ? S`<p>${`${u[this._language.current]} ${a}`}</p>` : C}
+            ${a ? S`<p>${`${ee[this._language.current]} ${a}`}</p>` : C}
           </div>
           <sbb-pearl-chain-time
             role="gridcell"
             .legs=${e}
-            .departureTime=${s?.time}
-            .arrivalTime=${c?.time}
+            .departureTime=${c?.time}
+            .arrivalTime=${d?.time}
             .departureWalk=${o}
-            .arrivalWalk=${d}
+            .arrivalWalk=${f}
             ?disable-animation=${this.disableAnimation}
             ?a11y-footpath=${this.a11yFootpath}
             .now=${this.now}
           ></sbb-pearl-chain-time>
           <div class="sbb-timetable__row-footer" role="gridcell">
-            ${i && s?.quayFormatted ? S`<span
-                  class=${s?.quayChanged ? "sbb-timetable__row-quay--changed" : C}
+            ${i && c?.quayFormatted ? S`<span
+                  class=${c?.quayChanged ? "sbb-timetable__row-quay--changed" : C}
                 >
                   <span class="sbb-screen-reader-only">
-                    ${`${l[this._language.current]} ${s?.quayChanged ? ee[this._language.current] : ""}`}
+                    ${`${s[this._language.current]} ${c?.quayChanged ? u[this._language.current] : ""}`}
                     &nbsp;
                   </span>
-                  ${this._renderQuayType()} ${s?.quayFormatted}
+                  ${this._renderQuayType()} ${c?.quayFormatted}
                 </span>` : C}
-            ${p?.firstClass && p?.firstClass !== "UNKNOWN" || p?.secondClass && p.secondClass !== "UNKNOWN" ? S`<sbb-timetable-occupancy
-                  .firstClassOccupancy=${p?.firstClass?.toLowerCase()}
-                  .secondClassOccupancy=${p?.secondClass?.toLowerCase()}
+            ${m?.firstClass && m?.firstClass !== "UNKNOWN" || m?.secondClass && m.secondClass !== "UNKNOWN" ? S`<sbb-timetable-occupancy
+                  .firstClassOccupancy=${m?.firstClass?.toLowerCase()}
+                  .secondClassOccupancy=${m?.secondClass?.toLowerCase()}
                 ></sbb-timetable-occupancy>` : C}
-            ${v && v.length || this.boarding ? S`<ul class="sbb-timetable__row-hints" role="list">
-                  ${v?.map((e, t) => t < 4 ? S`<li>
+            ${y && y.length || this.boarding ? S`<ul class="sbb-timetable__row-hints" role="list">
+                  ${y?.map((e, t) => t < 4 ? S`<li>
                           <sbb-icon
                             class="sbb-travel-hints__item"
                             name=${"sa-" + e.name?.toLowerCase()}
@@ -541,13 +545,13 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
                         ></sbb-icon>
                       </li>` : C}
                 </ul>` : C}
-            ${m && m > 0 ? S`<time>
+            ${h && h > 0 ? S`<time>
                   <span class="sbb-screen-reader-only">
-                    ${`${y[this._language.current]} ${b.long}`}
+                    ${`${_[this._language.current]} ${b.long}`}
                   </span>
                   <span aria-hidden="true">${b.short}</span>
                 </time>` : C}
-            ${_ && (g.cus || g.him) ? S`<span class="sbb-timetable__row-warning">
+            ${v && (g.cus || g.him) ? S`<span class="sbb-timetable__row-warning">
                   <sbb-icon name=${(g.cus || g.him).name}></sbb-icon>
                   <span class="sbb-screen-reader-only">${(g.cus || g.him).text}</span>
                 </span>` : C}
@@ -559,4 +563,4 @@ var P = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 	};
 })();
 //#endregion
-export { K as a, V as c, H as i, G as n, F as o, U as r, I as s, q as t };
+export { q as a, H as c, U as i, K as n, I as o, W as r, L as s, J as t };

package/timetable-row.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-Din-TQ9u.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-mNKmhRmP.js";
 import "./timetable-row.pure.js";
 //#region src/elements-experimental/timetable-row.ts
 s.define();

package/timetable-row.pure.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-Din-TQ9u.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-mNKmhRmP.js";
 export { s as SbbTimetableRowElement, r as filterNotices, a as getCus, n as getHimIcon, e as handleNotices, i as renderIconProduct, o as renderStringProduct, t as sortSituation };

package/core/styles/core.scss

@@ -1,13 +0,0 @@
-$theme: 'standard' !default;
-
-@use 'sass:string';
-
-@use '../../autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.global' as
-  autocomplete-grid-row with (
-  $theme: $theme
-);
-
-// Core variables
-:root {
-  @include autocomplete-grid-row.base;
-}

package/core/styles/theme.scss

@@ -1,5 +0,0 @@
-$theme: 'standard' !default;
-
-@use './core' with (
-  $theme: $theme
-);