@sbb-esta/lyne-elements-experimental-dev 4.13.1-dev.1781017616 → 5.0.0-dev.1781076459

package/timetable-row.component-a5CWXLAQ.js

@@ -1,559 +0,0 @@
-import { t as e } from "./format-DjgG1QPc.js";
-import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { SbbElement as r } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as i } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as a } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as o } from "@sbb-esta/lyne-elements/core/styles.js";
-import "@sbb-esta/lyne-elements/icon.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
-import { setOrRemoveAttribute as u } from "@sbb-esta/lyne-elements/core/dom.js";
-import { defaultDateAdapter as d } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nArrival as f, i18nClass as p, i18nDeparture as m, i18nDirection as h, i18nFromPlatform as g, i18nMeansOfTransport as _, i18nNew as v, i18nOccupancy as y, i18nRealTimeInfo as b, i18nSupersaver as x, i18nTransferProcedure as S, i18nTransferProcedures as ee, i18nTravelhints as te, i18nTripDuration as C, i18nTripQuayChange as w } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property as T } from "lit/decorators.js";
-import { durationToTime as E, removeTimezoneFromISOTimeString as D } from "./core/datetime.js";
-import "./pearl-chain-time.js";
-import { getDepartureArrivalTimeAttribute as ne, isRideLeg as O } from "./core/timetable.js";
-import "@sbb-esta/lyne-elements/card.js";
-import "@sbb-esta/lyne-elements/timetable-occupancy.js";
-//#region src/elements-experimental/timetable-row/timetable-row.scss?inline
-var k = ":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-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)}}", A = (e, t) => s`<span class="sbb-timetable__row-transport">
-    <sbb-icon name=${e}></sbb-icon>
-    <span class="sbb-screen-reader-only">${t}</span>
-  </span>`, j = (e, t) => {
-	let n = [
-		"M",
-		"B",
-		"T"
-	].includes(e) ? " " : "";
-	return s`<span class="sbb-timetable__row-transportnumber">
-    ${t === null ? e : e + n + t}
-  </span>`;
-}, M = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.reachableText)?.serviceJourney?.serviceAlteration?.reachableText, N = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.delayText)?.serviceJourney?.serviceAlteration?.delayText, P = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.redirectedText)?.serviceJourney?.serviceAlteration?.redirectedText, F = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.unplannedStopPointsText)?.serviceJourney?.serviceAlteration?.unplannedStopPointsText, I = (e) => {
-	let t = {
-		DISTURBANCE: 0,
-		INFORMATION: 1,
-		DELAY: 2,
-		TRAIN_REPLACEMENT_BY_BUS: 3,
-		CONSTRUCTION_SITE: 4,
-		END_MESSAGE: 5
-	};
-	return [...e].sort((e, n) => t[e.cause] - t[n.cause]);
-}, L = (e) => {
-	switch (e?.cause) {
-		case "DISTURBANCE": return {
-			name: "disruption",
-			text: e?.broadcastMessages?.length ? e?.broadcastMessages[0].title : ""
-		};
-		case "INFORMATION": return {
-			name: "info",
-			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
-		};
-		case "DELAY": return {
-			name: "delay",
-			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
-		};
-		case "TRAIN_REPLACEMENT_BY_BUS": return {
-			name: "replacementbus",
-			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
-		};
-		case "CONSTRUCTION_SITE": return {
-			name: "construction",
-			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
-		};
-		default: return {
-			name: "info",
-			text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
-		};
-	}
-}, R = (e, t) => {
-	let { summary: n, legs: r } = e || {}, i = r?.filter((e) => O(e)), { tripStatus: a } = n || {};
-	if (a?.cancelled || a?.partiallyCancelled) return {
-		name: "cancellation",
-		text: a?.cancelledText
-	};
-	if (M(i)) return {
-		name: "missed-connection",
-		text: M(i)
-	};
-	if (a?.alternative) return {
-		name: "alternative",
-		text: a.alternativeText
-	};
-	if (P(i)) return {
-		name: "reroute",
-		text: P(i)
-	};
-	if (F(i)) return {
-		name: "add-stop",
-		text: F(i)
-	};
-	if (a?.delayed || a?.delayedUnknown) return {
-		name: "delay",
-		text: N(i)
-	};
-	if (a?.quayChanged) {
-		let e = i[0].departure;
-		return {
-			name: "platform-change",
-			text: e.quayChanged ? e.quayChangedText : w[t]
-		};
-	}
-	return {};
-}, z = (e) => {
-	let t = [
-		"RR",
-		"RK",
-		"RC",
-		"RL",
-		"RM",
-		"RS",
-		"RU",
-		"XP",
-		"XR",
-		"XT"
-	];
-	return e.reduce((e, n) => {
-		if (e) return e;
-		if (t.includes(n.name)) return {
-			...n,
-			name: "RR"
-		};
-	}, void 0);
-}, B = (e) => {
-	let t = [
-		"Z",
-		"SB",
-		"SZ",
-		"VR",
-		"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));
-}, V = (e) => {
-	let t = z(e), n = B(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];
-}, H = (() => {
-	let w = r, M = [], N, P = [], F = [], z, B = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, $ = [], re = [], ie, ae = [], oe = [], se, ce = [], le = [], ue, de = [], fe = [], pe, me = [], he = [], ge;
-	return class extends w {
-		constructor() {
-			super(...arguments), this.#e = (n(this, M), n(this, P, null)), this.#t = (n(this, F), n(this, B, null)), this.#n = (n(this, H), n(this, W, !1)), this.#r = (n(this, G), n(this, q, null)), this.#i = (n(this, J), n(this, X, !1)), this.#a = (n(this, Z), n(this, $, !1)), this.#o = (n(this, re), n(this, ae, !1)), this.#s = (n(this, oe), n(this, ce, "")), this.#c = (n(this, le), n(this, de, !1)), this.#l = (n(this, fe), n(this, me, !1)), this._now = (n(this, he), null), this._language = new i(this);
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-			N = [T({ type: Object })], z = [T({ type: Object })], U = [a(), T({
-				attribute: "disable-animation",
-				reflect: !0,
-				type: Boolean
-			})], K = [T({ type: Object })], Y = [a(), T({
-				attribute: "loading-trip",
-				type: Boolean
-			})], Q = [a(), T({
-				attribute: "a11y-footpath",
-				type: Boolean
-			})], ie = [a(), T({
-				attribute: "loading-price",
-				type: Boolean
-			})], se = [a(), T({ attribute: "card-action-label" })], ue = [a(), T({
-				attribute: "accessibility-expanded",
-				type: Boolean
-			})], pe = [a(), T({ type: Boolean })], ge = [T()], t(this, null, N, {
-				kind: "accessor",
-				name: "trip",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "trip" in e,
-					get: (e) => e.trip,
-					set: (e, t) => {
-						e.trip = t;
-					}
-				},
-				metadata: e
-			}, P, F), t(this, null, z, {
-				kind: "accessor",
-				name: "price",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "price" in e,
-					get: (e) => e.price,
-					set: (e, t) => {
-						e.price = t;
-					}
-				},
-				metadata: e
-			}, B, H), t(this, null, U, {
-				kind: "accessor",
-				name: "disableAnimation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disableAnimation" in e,
-					get: (e) => e.disableAnimation,
-					set: (e, t) => {
-						e.disableAnimation = t;
-					}
-				},
-				metadata: e
-			}, W, G), t(this, null, K, {
-				kind: "accessor",
-				name: "boarding",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "boarding" in e,
-					get: (e) => e.boarding,
-					set: (e, t) => {
-						e.boarding = t;
-					}
-				},
-				metadata: e
-			}, q, J), t(this, null, Y, {
-				kind: "accessor",
-				name: "loadingTrip",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "loadingTrip" in e,
-					get: (e) => e.loadingTrip,
-					set: (e, t) => {
-						e.loadingTrip = t;
-					}
-				},
-				metadata: e
-			}, X, Z), t(this, null, Q, {
-				kind: "accessor",
-				name: "a11yFootpath",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "a11yFootpath" in e,
-					get: (e) => e.a11yFootpath,
-					set: (e, t) => {
-						e.a11yFootpath = t;
-					}
-				},
-				metadata: e
-			}, $, re), t(this, null, ie, {
-				kind: "accessor",
-				name: "loadingPrice",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "loadingPrice" in e,
-					get: (e) => e.loadingPrice,
-					set: (e, t) => {
-						e.loadingPrice = t;
-					}
-				},
-				metadata: e
-			}, ae, oe), t(this, null, se, {
-				kind: "accessor",
-				name: "cardActionLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "cardActionLabel" in e,
-					get: (e) => e.cardActionLabel,
-					set: (e, t) => {
-						e.cardActionLabel = t;
-					}
-				},
-				metadata: e
-			}, ce, le), t(this, null, ue, {
-				kind: "accessor",
-				name: "accessibilityExpanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityExpanded" in e,
-					get: (e) => e.accessibilityExpanded,
-					set: (e, t) => {
-						e.accessibilityExpanded = t;
-					}
-				},
-				metadata: e
-			}, de, fe), t(this, null, pe, {
-				kind: "accessor",
-				name: "active",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "active" in e,
-					get: (e) => e.active,
-					set: (e, t) => {
-						e.active = t;
-					}
-				},
-				metadata: e
-			}, me, he), t(this, null, ge, {
-				kind: "setter",
-				name: "now",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "now" in e,
-					set: (e, t) => {
-						e.now = t;
-					}
-				},
-				metadata: e
-			}, null, M), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.elementName = "sbb-timetable-row";
-		}
-		static {
-			this.styles = [o, l(k)];
-		}
-		#e;
-		get trip() {
-			return this.#e;
-		}
-		set trip(e) {
-			this.#e = e;
-		}
-		#t;
-		get price() {
-			return this.#t;
-		}
-		set price(e) {
-			this.#t = e;
-		}
-		#n;
-		get disableAnimation() {
-			return this.#n;
-		}
-		set disableAnimation(e) {
-			this.#n = e;
-		}
-		#r;
-		get boarding() {
-			return this.#r;
-		}
-		set boarding(e) {
-			this.#r = e;
-		}
-		#i;
-		get loadingTrip() {
-			return this.#i;
-		}
-		set loadingTrip(e) {
-			this.#i = e;
-		}
-		#a;
-		get a11yFootpath() {
-			return this.#a;
-		}
-		set a11yFootpath(e) {
-			this.#a = e;
-		}
-		#o;
-		get loadingPrice() {
-			return this.#o;
-		}
-		set loadingPrice(e) {
-			this.#o = e;
-		}
-		#s;
-		get cardActionLabel() {
-			return this.#s;
-		}
-		set cardActionLabel(e) {
-			this.#s = e;
-		}
-		#c;
-		get accessibilityExpanded() {
-			return this.#c;
-		}
-		set accessibilityExpanded(e) {
-			this.#c = e;
-		}
-		#l;
-		get active() {
-			return this.#l;
-		}
-		set active(e) {
-			this.#l = e;
-		}
-		set now(e) {
-			this._now = d.getValidDateOrNull(d.deserialize(e));
-		}
-		get now() {
-			return this._now ?? /* @__PURE__ */ new Date();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("loadingTrip") && u(this, "role", this.loadingTrip ? null : "rowgroup");
-		}
-		_renderSkeleton() {
-			return s`
-      <sbb-card class="sbb-loading sbb-card-spacing-4x-xxs">
-        ${this.loadingPrice ? s`<div class="sbb-loading__badge" slot="badge"></div>` : c}
-        <div class="sbb-loading__wrapper">
-          <div class="sbb-loading__row"></div>
-          <div class="sbb-loading__row"></div>
-          <div class="sbb-loading__row"></div>
-        </div>
-      </sbb-card>
-    `;
-		}
-		_getRideLegs() {
-			return this.trip?.legs?.filter((e) => O(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: g[this._language.current] + " " + t,
-				short: t
-			};
-		}
-		_renderQuayType() {
-			if (!this.trip.summary?.product) return;
-			let e = this._getQuayTypeStrings();
-			return s`
-      <span class="sbb-timetable__row--quay">
-        <span class="sbb-screen-reader-only">${e?.long}&nbsp;</span>
-        <span class="sbb-timetable__row--quay-type" aria-hidden="true"
-          >${e?.short}</span
-        >
-      </span>
-    `;
-		}
-		_handleHimCus(e) {
-			let { situations: t } = e || {}, n = t && I(t), r = R(e, this._language.current);
-			return {
-				cus: Object.keys(r)?.length ? r : null,
-				him: t?.length ? L(n[0]) : null
-			};
-		}
-		_getAccessibilityText(t) {
-			let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure: s, arrival: c, product: l, direction: u, occupancy: d, duration: g } = n || {}, { departureTimeAttribute: w, arrivalTimeAttribute: T } = ne(r, a || 0, o || 0, this._language.current, this.a11yFootpath), O = this._getRideLegs(), k = s?.time ? D(s.time) : void 0, A = c?.time ? D(c.time) : void 0, j = w ? `${w.text} ${w.duration}, ` : "", M = T ? `${T.text} ${T.duration}, ` : "", N = k ? `${m[this._language.current]}: ${e(k, "HH:mm")}, ` : "", P = () => s?.quayFormatted ? `${s?.quayChanged ? `${v[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${s?.quayFormatted}, ` : "", F = l && l.vehicleMode ? _[l.vehicleMode.toLowerCase()] && `${_[l.vehicleMode.toLowerCase()][this._language.current]}, ` : "", I = l?.vehicleSubModeShortName ? `${l.vehicleSubModeShortName} ${l.line || ""}, ` : "", L = `${h[this._language.current]} ${u}, `, R = this._handleHimCus(t), z = R?.cus?.text ? `${b[this._language.current]}: ${R?.cus?.text}, ` : "", B = R?.him?.text ? `${b[this._language.current]}: ${R?.him?.text}, ` : "", H = this.boarding ? `${this.boarding.text}, ` : "", U = `${this.price?.isDiscount ? x[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, W = O.length > 2 ? `${O.length - 1} ${ee[this._language.current]}, ` : O.length > 1 ? `${O.length - 1} ${S[this._language.current]}, ` : "", G = A ? `${f[this._language.current]}: ${e(A, "HH:mm")}, ` : "", K = "";
-			d && (d.firstClass && d.firstClass !== "UNKNOWN" && (K += `${p.first[this._language.current]} ${y[d.firstClass.toLowerCase()]?.[this._language.current]}.`), d.secondClass && d.secondClass !== "UNKNOWN" && (K += ` ${p.second[this._language.current]} ${y[d.secondClass.toLowerCase()]?.[this._language.current]}.`));
-			let q = i && V(i).length && V(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", J = q ? `${te[this._language.current]}: ${q}` : "", Y = g && g > 0 ? `${C[this._language.current]} ${E(g, this._language.current).long}, ` : "";
-			return [
-				j,
-				N,
-				P(),
-				F,
-				I,
-				L,
-				z,
-				H,
-				U,
-				z ? "" : B,
-				G,
-				M,
-				Y,
-				W,
-				K,
-				J
-			].map((e) => e?.trim()).filter((e) => e && e.length > 0).join(" ");
-		}
-		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: l, arrival: u, arrivalWalk: d, occupancy: f, duration: p } = r || {}, g = this._handleHimCus(this.trip), y = !!g.cus || !!g.him, b = n && V(n), S = p ? E(p, this._language.current) : null;
-			return s`
-      <sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
-        <sbb-card-button
-          ?active=${this.active}
-          aria-expanded=${this.accessibilityExpanded ? "true" : c}
-        >
-          ${this.cardActionLabel ? this.cardActionLabel : this._getAccessibilityText(this.trip)}
-        </sbb-card-button>
-        ${this.loadingPrice ? s`<div class="sbb-loading__badge" slot="badge"></div>` : c}
-        ${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"
-                      >${x[this._language.current]}</span
-                    >
-                  </span>` : c}
-              ${this.price.text ? s`<span>${this.price.text}</span>` : c}
-              ${this.price.price ? s`<span>${this.price.price}</span>` : c}
-            </sbb-card-badge>` : c}
-        <div class="sbb-timetable__row" role="row">
-          <div class="sbb-timetable__row-header" role="gridcell">
-            <div class="sbb-timetable__row-details">
-              ${i?.corporateIdentityPictogram && s`<span class="sbb-timetable__row-transport-wrapper">
-                <sbb-icon
-                  class="sbb-timetable__row-transport-icon"
-                  name="picto:${i.corporateIdentityPictogram}"
-                ></sbb-icon>
-                <span class="sbb-screen-reader-only">
-                  ${i && i.vehicleMode && _[i.vehicleMode.toLowerCase()] && _[i.vehicleMode.toLowerCase()][this._language.current]}
-                  &nbsp;
-                </span>
-              </span>`}
-              ${i && (i.corporateIdentityIcon ? A(i.corporateIdentityIcon, i.name) : i.vehicleSubModeShortName && j(i.vehicleSubModeShortName, i?.line))}
-            </div>
-            ${a ? s`<p>${`${h[this._language.current]} ${a}`}</p>` : c}
-          </div>
-          <sbb-pearl-chain-time
-            role="gridcell"
-            .legs=${e}
-            .departureTime=${l?.time}
-            .arrivalTime=${u?.time}
-            .departureWalk=${o}
-            .arrivalWalk=${d}
-            ?disable-animation=${this.disableAnimation}
-            ?a11y-footpath=${this.a11yFootpath}
-            .now=${this.now}
-          ></sbb-pearl-chain-time>
-          <div class="sbb-timetable__row-footer" role="gridcell">
-            ${i && l?.quayFormatted ? s`<span
-                  class=${l?.quayChanged ? "sbb-timetable__row-quay--changed" : c}
-                >
-                  <span class="sbb-screen-reader-only">
-                    ${`${m[this._language.current]} ${l?.quayChanged ? v[this._language.current] : ""}`}
-                    &nbsp;
-                  </span>
-                  ${this._renderQuayType()} ${l?.quayFormatted}
-                </span>` : c}
-            ${f?.firstClass && f?.firstClass !== "UNKNOWN" || f?.secondClass && f.secondClass !== "UNKNOWN" ? s`<sbb-timetable-occupancy
-                  .firstClassOccupancy=${f?.firstClass?.toLowerCase()}
-                  .secondClassOccupancy=${f?.secondClass?.toLowerCase()}
-                ></sbb-timetable-occupancy>` : c}
-            ${b && b.length || this.boarding ? s`<ul class="sbb-timetable__row-hints" role="list">
-                  ${b?.map((e, t) => t < 4 ? s`<li>
-                          <sbb-icon
-                            class="sbb-travel-hints__item"
-                            name=${"sa-" + e.name?.toLowerCase()}
-                          ></sbb-icon>
-                          <span class="sbb-screen-reader-only">${e.text?.template}</span>
-                        </li>` : c)}
-                  ${this.boarding ? s`<li>
-                        <sbb-icon
-                          class="sbb-travel-hints__item"
-                          name=${this.boarding?.name}
-                          aria-label=${this.boarding?.text}
-                          aria-hidden="false"
-                        ></sbb-icon>
-                      </li>` : c}
-                </ul>` : c}
-            ${p && p > 0 ? s`<time>
-                  <span class="sbb-screen-reader-only">
-                    ${`${C[this._language.current]} ${S.long}`}
-                  </span>
-                  <span aria-hidden="true">${S.short}</span>
-                </time>` : c}
-            ${y && (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}
-          </div>
-        </div>
-      </sbb-card>
-    `;
-		}
-	};
-})();
-//#endregion
-export { V as a, I as c, L as i, B as n, A as o, R as r, j as s, H as t };