@sbb-esta/lyne-elements-experimental 4.7.0 → 4.8.0

package/timetable-row.component-BDMAEsbR.js

@@ -0,0 +1,559 @@
+import { t as e } from "./format-CM5exOsN.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 { css as s, html as c, nothing 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?lit&inline
+var k = s`: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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{font-size:inherit;margin:0;padding:0;list-style:none;display:inline-flex}li,.sbb-timetable__row-transport{align-self:center;display:inline-flex}.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);gap:var(--sbb-timetable-row-gap);flex-direction:column;display:flex}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-header);align-items:center;display:flex}.sbb-timetable__row-details,.sbb-timetable__row-hints{gap:var(--sbb-spacing-fixed-1x);align-items:center;display:inline-flex}.sbb-timetable__row-header p{white-space:nowrap;text-overflow:ellipsis;align-self:center;margin:0;overflow:hidden}.sbb-timetable__row-footer{justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer);flex-wrap:wrap;display:flex}.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{gap:var(--sbb-spacing-fixed-2x);flex-direction:column;display:flex}.sbb-loading__row{border-radius:var(--sbb-border-radius-1x);width:100%;height:var(--sbb-timetable-row-height)}@media (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);transform:var(--sbb-card-badge-skew);border-end-start-radius:var(--sbb-card-badge-border-radius);width:7.1875rem;height:1.25rem;padding-inline-end:var(--sbb-spacing-fixed-6x)}@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) => c`<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 c`<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 s = r, w = [], 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;
+	return class extends s {
+		constructor() {
+			super(...arguments), this.#e = (n(this, w), n(this, N, null)), this.#t = (n(this, P), n(this, z, null)), this.#n = (n(this, B), n(this, U, !1)), this.#r = (n(this, W), n(this, K, null)), this.#i = (n(this, q), n(this, Y, !1)), this.#a = (n(this, X), n(this, Q, !1)), this.#o = (n(this, $), n(this, ie, !1)), this.#s = (n(this, ae), n(this, se, "")), this.#c = (n(this, ce), n(this, ue, !1)), this.#l = (n(this, de), n(this, pe, !1)), this._now = (n(this, me), null), this._language = new i(this);
+		}
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			M = [T({ type: Object })], F = [T({ type: Object })], H = [a(), T({
+				attribute: "disable-animation",
+				reflect: !0,
+				type: Boolean
+			})], G = [T({ type: Object })], J = [a(), T({
+				attribute: "loading-trip",
+				type: Boolean
+			})], Z = [a(), T({
+				attribute: "a11y-footpath",
+				type: Boolean
+			})], re = [a(), T({
+				attribute: "loading-price",
+				type: Boolean
+			})], oe = [a(), T({ attribute: "card-action-label" })], le = [a(), T({
+				attribute: "accessibility-expanded",
+				type: Boolean
+			})], fe = [a(), T({ type: Boolean })], he = [T()], t(this, null, M, {
+				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
+			}, N, P), t(this, null, F, {
+				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
+			}, z, B), t(this, null, H, {
+				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
+			}, U, W), t(this, null, G, {
+				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
+			}, K, q), t(this, null, J, {
+				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
+			}, Y, X), t(this, null, Z, {
+				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
+			}, Q, $), t(this, null, re, {
+				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
+			}, ie, ae), t(this, null, oe, {
+				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
+			}, se, ce), t(this, null, le, {
+				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
+			}, ue, de), t(this, null, fe, {
+				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
+			}, pe, me), t(this, null, he, {
+				kind: "setter",
+				name: "now",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "now" in e,
+					set: (e, t) => {
+						e.now = t;
+					}
+				},
+				metadata: e
+			}, null, w), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-timetable-row";
+		}
+		static {
+			this.styles = [o, 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 c`
+      <sbb-card class="sbb-loading sbb-card-spacing-4x-xxs">
+        ${this.loadingPrice ? c`<div class="sbb-loading__badge" slot="badge"></div>` : l}
+        <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 c`
+      <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: s, 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 c`
+      <sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
+        <sbb-card-button
+          ?active=${this.active}
+          aria-expanded=${this.accessibilityExpanded ? "true" : l}
+        >
+          ${this.cardActionLabel ? this.cardActionLabel : this._getAccessibilityText(this.trip)}
+        </sbb-card-button>
+        ${this.loadingPrice ? c`<div class="sbb-loading__badge" slot="badge"></div>` : l}
+        ${this.price && !this.loadingPrice ? c`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
+              ${this.price.isDiscount ? c`<span aria-hidden="true">
+                    %<span class="sbb-screen-reader-only"
+                      >${x[this._language.current]}</span
+                    >
+                  </span>` : l}
+              ${this.price.text ? c`<span>${this.price.text}</span>` : l}
+              ${this.price.price ? c`<span>${this.price.price}</span>` : l}
+            </sbb-card-badge>` : l}
+        <div class="sbb-timetable__row" role="row">
+          <div class="sbb-timetable__row-header" role="gridcell">
+            <div class="sbb-timetable__row-details">
+              ${i?.corporateIdentityPictogram && c`<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 ? c`<p>${`${h[this._language.current]} ${a}`}</p>` : l}
+          </div>
+          <sbb-pearl-chain-time
+            role="gridcell"
+            .legs=${e}
+            .departureTime=${s?.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 && s?.quayFormatted ? c`<span
+                  class=${s?.quayChanged ? "sbb-timetable__row-quay--changed" : l}
+                >
+                  <span class="sbb-screen-reader-only">
+                    ${`${m[this._language.current]} ${s?.quayChanged ? v[this._language.current] : ""}`}
+                    &nbsp;
+                  </span>
+                  ${this._renderQuayType()} ${s?.quayFormatted}
+                </span>` : l}
+            ${f?.firstClass && f?.firstClass !== "UNKNOWN" || f?.secondClass && f.secondClass !== "UNKNOWN" ? c`<sbb-timetable-occupancy
+                  .firstClassOccupancy=${f?.firstClass?.toLowerCase()}
+                  .secondClassOccupancy=${f?.secondClass?.toLowerCase()}
+                ></sbb-timetable-occupancy>` : l}
+            ${b && b.length || this.boarding ? c`<ul class="sbb-timetable__row-hints" role="list">
+                  ${b?.map((e, t) => t < 4 ? c`<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>` : l)}
+                  ${this.boarding ? c`<li>
+                        <sbb-icon
+                          class="sbb-travel-hints__item"
+                          name=${this.boarding?.name}
+                          aria-label=${this.boarding?.text}
+                          aria-hidden="false"
+                        ></sbb-icon>
+                      </li>` : l}
+                </ul>` : l}
+            ${p && p > 0 ? c`<time>
+                  <span class="sbb-screen-reader-only">
+                    ${`${C[this._language.current]} ${S.long}`}
+                  </span>
+                  <span aria-hidden="true">${S.short}</span>
+                </time>` : l}
+            ${y && (g.cus || g.him) ? c`<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>` : l}
+          </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 };

package/timetable-row.js

@@ -1,11 +1,6 @@
-import { SbbTimetableRowElement as o, filterNotices as r, getCus as i, getHimIcon as n, handleNotices as c, renderIconProduct as d, renderStringProduct as l, sortSituation as m } from "./timetable-row/timetable-row.component.js";
-export {
-  o as SbbTimetableRowElement,
-  r as filterNotices,
-  i as getCus,
-  n as getHimIcon,
-  c as handleNotices,
-  d as renderIconProduct,
-  l as renderStringProduct,
-  m as sortSituation
-};
+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-BDMAEsbR.js";
+import "./timetable-row.pure.js";
+//#region src/elements-experimental/timetable-row.ts
+s.define();
+//#endregion
+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/timetable-row.pure.js

@@ -0,0 +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-BDMAEsbR.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/toDate-p-Tpkb7t.js

@@ -0,0 +1,16 @@
+//#region node_modules/date-fns/constants.js
+var e = 365.2425, t = 6048e5, n = 864e5, r = 6e4, i = 36e5, a = 3600 * 24;
+a * 7, a * e / 12 * 3;
+var o = Symbol.for("constructDateFrom");
+//#endregion
+//#region node_modules/date-fns/constructFrom.js
+function s(e, t) {
+	return typeof e == "function" ? e(t) : e && typeof e == "object" && o in e ? e[o](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+//#endregion
+//#region node_modules/date-fns/toDate.js
+function c(e, t) {
+	return s(t || e, e);
+}
+//#endregion
+export { r as a, i, s as n, t as o, n as r, c as t };

package/development/differenceInMinutes-B0dawX-5.js

@@ -1,26 +0,0 @@
-import { t as toDate, m as millisecondsInMinute } from "./toDate-BWb6Z1JD.js";
-function addMinutes(date, amount, options) {
-  const _date = toDate(date, options?.in);
-  _date.setTime(_date.getTime() + amount * millisecondsInMinute);
-  return _date;
-}
-function getRoundingMethod(method) {
-  return (number) => {
-    const round = method ? Math[method] : Math.trunc;
-    const result = round(number);
-    return result === 0 ? 0 : result;
-  };
-}
-function differenceInMilliseconds(laterDate, earlierDate) {
-  return +toDate(laterDate) - +toDate(earlierDate);
-}
-function differenceInMinutes(dateLeft, dateRight, options) {
-  const diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
-  return getRoundingMethod(options?.roundingMethod)(diff);
-}
-export {
-  addMinutes as a,
-  differenceInMinutes as d,
-  getRoundingMethod as g
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlmZmVyZW5jZUluTWludXRlcy1CMGRhd1gtNS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbm9kZV9tb2R1bGVzL2RhdGUtZm5zL2FkZE1pbnV0ZXMuanMiLCIuLi8uLi8uLi9ub2RlX21vZHVsZXMvZGF0ZS1mbnMvX2xpYi9nZXRSb3VuZGluZ01ldGhvZC5qcyIsIi4uLy4uLy4uL25vZGVfbW9kdWxlcy9kYXRlLWZucy9kaWZmZXJlbmNlSW5NaWxsaXNlY29uZHMuanMiLCIuLi8uLi8uLi9ub2RlX21vZHVsZXMvZGF0ZS1mbnMvZGlmZmVyZW5jZUluTWludXRlcy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaWxsaXNlY29uZHNJbk1pbnV0ZSB9IGZyb20gXCIuL2NvbnN0YW50cy5qc1wiO1xuaW1wb3J0IHsgdG9EYXRlIH0gZnJvbSBcIi4vdG9EYXRlLmpzXCI7XG5cbi8qKlxuICogVGhlIHtAbGluayBhZGRNaW51dGVzfSBmdW5jdGlvbiBvcHRpb25zLlxuICovXG5cbi8qKlxuICogQG5hbWUgYWRkTWludXRlc1xuICogQGNhdGVnb3J5IE1pbnV0ZSBIZWxwZXJzXG4gKiBAc3VtbWFyeSBBZGQgdGhlIHNwZWNpZmllZCBudW1iZXIgb2YgbWludXRlcyB0byB0aGUgZ2l2ZW4gZGF0ZS5cbiAqXG4gKiBAZGVzY3JpcHRpb25cbiAqIEFkZCB0aGUgc3BlY2lmaWVkIG51bWJlciBvZiBtaW51dGVzIHRvIHRoZSBnaXZlbiBkYXRlLlxuICpcbiAqIEB0eXBlUGFyYW0gRGF0ZVR5cGUgLSBUaGUgYERhdGVgIHR5cGUsIHRoZSBmdW5jdGlvbiBvcGVyYXRlcyBvbi4gR2V0cyBpbmZlcnJlZCBmcm9tIHBhc3NlZCBhcmd1bWVudHMuIEFsbG93cyB0byB1c2UgZXh0ZW5zaW9ucyBsaWtlIFtgVVRDRGF0ZWBdKGh0dHBzOi8vZ2l0aHViLmNvbS9kYXRlLWZucy91dGMpLlxuICogQHR5cGVQYXJhbSBSZXN1bHREYXRlIC0gVGhlIHJlc3VsdCBgRGF0ZWAgdHlwZSwgaXQgaXMgdGhlIHR5cGUgcmV0dXJuZWQgZnJvbSB0aGUgY29udGV4dCBmdW5jdGlvbiBpZiBpdCBpcyBwYXNzZWQsIG9yIGluZmVycmVkIGZyb20gdGhlIGFyZ3VtZW50cy5cbiAqXG4gKiBAcGFyYW0gZGF0ZSAtIFRoZSBkYXRlIHRvIGJlIGNoYW5nZWRcbiAqIEBwYXJhbSBhbW91bnQgLSBUaGUgYW1vdW50IG9mIG1pbnV0ZXMgdG8gYmUgYWRkZWQuXG4gKiBAcGFyYW0gb3B0aW9ucyAtIEFuIG9iamVjdCB3aXRoIG9wdGlvbnNcbiAqXG4gKiBAcmV0dXJucyBUaGUgbmV3IGRhdGUgd2l0aCB0aGUgbWludXRlcyBhZGRlZFxuICpcbiAqIEBleGFtcGxlXG4gKiAvLyBBZGQgMzAgbWludXRlcyB0byAxMCBKdWx5IDIwMTQgMTI6MDA6MDA6XG4gKiBjb25zdCByZXN1bHQgPSBhZGRNaW51dGVzKG5ldyBEYXRlKDIwMTQsIDYsIDEwLCAxMiwgMCksIDMwKVxuICogLy89PiBUaHUgSnVsIDEwIDIwMTQgMTI6MzA6MDBcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGFkZE1pbnV0ZXMoZGF0ZSwgYW1vdW50LCBvcHRpb25zKSB7XG4gIGNvbnN0IF9kYXRlID0gdG9EYXRlKGRhdGUsIG9wdGlvbnM/LmluKTtcbiAgX2RhdGUuc2V0VGltZShfZGF0ZS5nZXRUaW1lKCkgKyBhbW91bnQgKiBtaWxsaXNlY29uZHNJbk1pbnV0ZSk7XG4gIHJldHVybiBfZGF0ZTtcbn1cblxuLy8gRmFsbGJhY2sgZm9yIG1vZHVsYXJpemVkIGltcG9ydHM6XG5leHBvcnQgZGVmYXVsdCBhZGRNaW51dGVzO1xuIiwiZXhwb3J0IGZ1bmN0aW9uIGdldFJvdW5kaW5nTWV0aG9kKG1ldGhvZCkge1xuICByZXR1cm4gKG51bWJlcikgPT4ge1xuICAgIGNvbnN0IHJvdW5kID0gbWV0aG9kID8gTWF0aFttZXRob2RdIDogTWF0aC50cnVuYztcbiAgICBjb25zdCByZXN1bHQgPSByb3VuZChudW1iZXIpO1xuICAgIC8vIFByZXZlbnQgbmVnYXRpdmUgemVyb1xuICAgIHJldHVybiByZXN1bHQgPT09IDAgPyAwIDogcmVzdWx0O1xuICB9O1xufVxuIiwiaW1wb3J0IHsgdG9EYXRlIH0gZnJvbSBcIi4vdG9EYXRlLmpzXCI7XG5cbi8qKlxuICogQG5hbWUgZGlmZmVyZW5jZUluTWlsbGlzZWNvbmRzXG4gKiBAY2F0ZWdvcnkgTWlsbGlzZWNvbmQgSGVscGVyc1xuICogQHN1bW1hcnkgR2V0IHRoZSBudW1iZXIgb2YgbWlsbGlzZWNvbmRzIGJldHdlZW4gdGhlIGdpdmVuIGRhdGVzLlxuICpcbiAqIEBkZXNjcmlwdGlvblxuICogR2V0IHRoZSBudW1iZXIgb2YgbWlsbGlzZWNvbmRzIGJldHdlZW4gdGhlIGdpdmVuIGRhdGVzLlxuICpcbiAqIEBwYXJhbSBsYXRlckRhdGUgLSBUaGUgbGF0ZXIgZGF0ZVxuICogQHBhcmFtIGVhcmxpZXJEYXRlIC0gVGhlIGVhcmxpZXIgZGF0ZVxuICpcbiAqIEByZXR1cm5zIFRoZSBudW1iZXIgb2YgbWlsbGlzZWNvbmRzXG4gKlxuICogQGV4YW1wbGVcbiAqIC8vIEhvdyBtYW55IG1pbGxpc2Vjb25kcyBhcmUgYmV0d2VlblxuICogLy8gMiBKdWx5IDIwMTQgMTI6MzA6MjAuNjAwIGFuZCAyIEp1bHkgMjAxNCAxMjozMDoyMS43MDA/XG4gKiBjb25zdCByZXN1bHQgPSBkaWZmZXJlbmNlSW5NaWxsaXNlY29uZHMoXG4gKiAgIG5ldyBEYXRlKDIwMTQsIDYsIDIsIDEyLCAzMCwgMjEsIDcwMCksXG4gKiAgIG5ldyBEYXRlKDIwMTQsIDYsIDIsIDEyLCAzMCwgMjAsIDYwMClcbiAqIClcbiAqIC8vPT4gMTEwMFxuICovXG5leHBvcnQgZnVuY3Rpb24gZGlmZmVyZW5jZUluTWlsbGlzZWNvbmRzKGxhdGVyRGF0ZSwgZWFybGllckRhdGUpIHtcbiAgcmV0dXJuICt0b0RhdGUobGF0ZXJEYXRlKSAtICt0b0RhdGUoZWFybGllckRhdGUpO1xufVxuXG4vLyBGYWxsYmFjayBmb3IgbW9kdWxhcml6ZWQgaW1wb3J0czpcbmV4cG9ydCBkZWZhdWx0IGRpZmZlcmVuY2VJbk1pbGxpc2Vjb25kcztcbiIsImltcG9ydCB7IGdldFJvdW5kaW5nTWV0aG9kIH0gZnJvbSBcIi4vX2xpYi9nZXRSb3VuZGluZ01ldGhvZC5qc1wiO1xuaW1wb3J0IHsgbWlsbGlzZWNvbmRzSW5NaW51dGUgfSBmcm9tIFwiLi9jb25zdGFudHMuanNcIjtcbmltcG9ydCB7IGRpZmZlcmVuY2VJbk1pbGxpc2Vjb25kcyB9IGZyb20gXCIuL2RpZmZlcmVuY2VJbk1pbGxpc2Vjb25kcy5qc1wiO1xuXG4vKipcbiAqIFRoZSB7QGxpbmsgZGlmZmVyZW5jZUluTWludXRlc30gZnVuY3Rpb24gb3B0aW9ucy5cbiAqL1xuXG4vKipcbiAqIEBuYW1lIGRpZmZlcmVuY2VJbk1pbnV0ZXNcbiAqIEBjYXRlZ29yeSBNaW51dGUgSGVscGVyc1xuICogQHN1bW1hcnkgR2V0IHRoZSBudW1iZXIgb2YgbWludXRlcyBiZXR3ZWVuIHRoZSBnaXZlbiBkYXRlcy5cbiAqXG4gKiBAZGVzY3JpcHRpb25cbiAqIEdldCB0aGUgc2lnbmVkIG51bWJlciBvZiBmdWxsIChyb3VuZGVkIHRvd2FyZHMgMCkgbWludXRlcyBiZXR3ZWVuIHRoZSBnaXZlbiBkYXRlcy5cbiAqXG4gKiBAcGFyYW0gZGF0ZUxlZnQgLSBUaGUgbGF0ZXIgZGF0ZVxuICogQHBhcmFtIGRhdGVSaWdodCAtIFRoZSBlYXJsaWVyIGRhdGVcbiAqIEBwYXJhbSBvcHRpb25zIC0gQW4gb2JqZWN0IHdpdGggb3B0aW9ucy5cbiAqXG4gKiBAcmV0dXJucyBUaGUgbnVtYmVyIG9mIG1pbnV0ZXNcbiAqXG4gKiBAZXhhbXBsZVxuICogLy8gSG93IG1hbnkgbWludXRlcyBhcmUgYmV0d2VlbiAyIEp1bHkgMjAxNCAxMjowNzo1OSBhbmQgMiBKdWx5IDIwMTQgMTI6MjA6MDA/XG4gKiBjb25zdCByZXN1bHQgPSBkaWZmZXJlbmNlSW5NaW51dGVzKFxuICogICBuZXcgRGF0ZSgyMDE0LCA2LCAyLCAxMiwgMjAsIDApLFxuICogICBuZXcgRGF0ZSgyMDE0LCA2LCAyLCAxMiwgNywgNTkpXG4gKiApXG4gKiAvLz0+IDEyXG4gKlxuICogQGV4YW1wbGVcbiAqIC8vIEhvdyBtYW55IG1pbnV0ZXMgYXJlIGJldHdlZW4gMTA6MDE6NTkgYW5kIDEwOjAwOjAwXG4gKiBjb25zdCByZXN1bHQgPSBkaWZmZXJlbmNlSW5NaW51dGVzKFxuICogICBuZXcgRGF0ZSgyMDAwLCAwLCAxLCAxMCwgMCwgMCksXG4gKiAgIG5ldyBEYXRlKDIwMDAsIDAsIDEsIDEwLCAxLCA1OSlcbiAqIClcbiAqIC8vPT4gLTFcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRpZmZlcmVuY2VJbk1pbnV0ZXMoZGF0ZUxlZnQsIGRhdGVSaWdodCwgb3B0aW9ucykge1xuICBjb25zdCBkaWZmID1cbiAgICBkaWZmZXJlbmNlSW5NaWxsaXNlY29uZHMoZGF0ZUxlZnQsIGRhdGVSaWdodCkgLyBtaWxsaXNlY29uZHNJbk1pbnV0ZTtcbiAgcmV0dXJuIGdldFJvdW5kaW5nTWV0aG9kKG9wdGlvbnM/LnJvdW5kaW5nTWV0aG9kKShkaWZmKTtcbn1cblxuLy8gRmFsbGJhY2sgZm9yIG1vZHVsYXJpemVkIGltcG9ydHM6XG5leHBvcnQgZGVmYXVsdCBkaWZmZXJlbmNlSW5NaW51dGVzO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUE2Qk8sU0FBUyxXQUFXLE1BQU0sUUFBUSxTQUFTO0FBQ2hELFFBQU0sUUFBUSxPQUFPLE1BQU0sU0FBUyxFQUFFO0FBQ3RDLFFBQU0sUUFBUSxNQUFNLFFBQU8sSUFBSyxTQUFTLG9CQUFvQjtBQUM3RCxTQUFPO0FBQ1Q7QUNqQ08sU0FBUyxrQkFBa0IsUUFBUTtBQUN4QyxTQUFPLENBQUMsV0FBVztBQUNqQixVQUFNLFFBQVEsU0FBUyxLQUFLLE1BQU0sSUFBSSxLQUFLO0FBQzNDLFVBQU0sU0FBUyxNQUFNLE1BQU07QUFFM0IsV0FBTyxXQUFXLElBQUksSUFBSTtBQUFBLEVBQzVCO0FBQ0Y7QUNpQk8sU0FBUyx5QkFBeUIsV0FBVyxhQUFhO0FBQy9ELFNBQU8sQ0FBQyxPQUFPLFNBQVMsSUFBSSxDQUFDLE9BQU8sV0FBVztBQUNqRDtBQ1lPLFNBQVMsb0JBQW9CLFVBQVUsV0FBVyxTQUFTO0FBQ2hFLFFBQU0sT0FDSix5QkFBeUIsVUFBVSxTQUFTLElBQUk7QUFDbEQsU0FBTyxrQkFBa0IsU0FBUyxjQUFjLEVBQUUsSUFBSTtBQUN4RDsiLCJ4X2dvb2dsZV9pZ25vcmVMaXN0IjpbMCwxLDIsM119