@sbb-esta/lyne-elements-experimental 5.4.0 → 5.4.2

package/development/autocomplete-grid.pure.js

@@ -260,9 +260,7 @@ var SbbAutocompleteGridElement = class extends SbbAutocompleteBaseElement {
 				this.setNextActiveOption(event);
 				break;
 			case "ArrowRight":
-			case "ArrowLeft":
-				this._setNextHorizontalActiveElement(event);
-				break;
+			case "ArrowLeft": this._setNextHorizontalActiveElement(event);
 		}
 	}
 	/**
@@ -289,7 +287,8 @@ var SbbAutocompleteGridElement = class extends SbbAutocompleteBaseElement {
 			this.activeOption = null;
 			return;
 		}
-		const next = getNextElementIndex(event, this.activeOption ? enabledOptions.indexOf(this.activeOption) : -1, enabledOptions.length);
+		const activeItemIndex = this.activeOption ? enabledOptions.indexOf(this.activeOption) : -1;
+		const next = getNextElementIndex(event, activeItemIndex, enabledOptions.length);
 		this.activeOption = enabledOptions[next];
 		this.activeOption.setActive(true);
 		this.triggerElement.ariaActiveDescendantElement = this.activeOption;

package/development/core.js

@@ -990,7 +990,8 @@ function subHours(date, amount, options) {
 */
 function removeTimezoneFromISOTimeString(isoTime) {
 	if (!isoTime) return;
-	if (!isValid(parseISO(isoTime))) return;
+	const parsedDate = parseISO(isoTime);
+	if (!isValid(parsedDate)) return;
 	if (isoTime.includes("Z")) return new Date(isoTime.replace("Z", ""));
 	if (isoTime.includes("T")) {
 		const dateTime = isoTime.split("T");

package/development/easter-egg.pure.js

@@ -354,7 +354,7 @@ let SbbEasterEggElement = (() => {
 				x: 0,
 				y: 0
 			};
-			this._snakePresence = new Uint8Array(ROWS * ROWS);
+			this._snakePresence = /* @__PURE__ */ new Uint8Array(256);
 			this._foodPixel = [5, 5];
 			this._currentFoodIndex = 0;
 			this._currentSpeed = START_SPEED;
@@ -530,17 +530,17 @@ let SbbEasterEggElement = (() => {
 					corner: Direction.HORIZONTAL
 				},
 				{
-					x: mid - 1,
+					x: 9,
 					y: mid,
 					corner: Direction.HORIZONTAL
 				},
 				{
-					x: mid - 2,
+					x: 8,
 					y: mid,
 					corner: Direction.HORIZONTAL
 				}
 			];
-			this._snakePresence = new Uint8Array(ROWS * ROWS);
+			this._snakePresence = /* @__PURE__ */ new Uint8Array(256);
 			for (const cell of this._snake) this._snakePresence[this._idx(cell.x, cell.y)] = 1;
 			this._foodPixel = [5, 5];
 			this._currentFoodIndex = 0;

package/development/journey-summary.pure.js

@@ -1437,7 +1437,8 @@ const lightFormatters = {
 	S(date, token) {
 		const numberOfDigits = token.length;
 		const milliseconds = date.getMilliseconds();
-		return addLeadingZeros(Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3)), token.length);
+		const fractionalSeconds = Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3));
+		return addLeadingZeros(fractionalSeconds, token.length);
 	}
 };
 
@@ -1475,15 +1476,20 @@ const formatters = {
 	Y: function(date, token, localize, options) {
 		const signedWeekYear = getWeekYear(date, options);
 		const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-		if (token === "YY") return addLeadingZeros(weekYear % 100, 2);
+		if (token === "YY") {
+			const twoDigitYear = weekYear % 100;
+			return addLeadingZeros(twoDigitYear, 2);
+		}
 		if (token === "Yo") return localize.ordinalNumber(weekYear, { unit: "year" });
 		return addLeadingZeros(weekYear, token.length);
 	},
 	R: function(date, token) {
-		return addLeadingZeros(getISOWeekYear(date), token.length);
+		const isoWeekYear = getISOWeekYear(date);
+		return addLeadingZeros(isoWeekYear, token.length);
 	},
 	u: function(date, token) {
-		return addLeadingZeros(date.getFullYear(), token.length);
+		const year = date.getFullYear();
+		return addLeadingZeros(year, token.length);
 	},
 	Q: function(date, token, localize) {
 		const quarter = Math.ceil((date.getMonth() + 1) / 3);
@@ -1826,7 +1832,8 @@ const formatters = {
 		}
 	},
 	t: function(date, token, _localize) {
-		return addLeadingZeros(Math.trunc(+date / 1e3), token.length);
+		const timestamp = Math.trunc(+date / 1e3);
+		return addLeadingZeros(timestamp, token.length);
 	},
 	T: function(date, token, _localize) {
 		return addLeadingZeros(+date, token.length);
@@ -1886,9 +1893,7 @@ const dateTimeLongFormatter = (pattern, formatLong) => {
 		case "PPP":
 			dateTimeFormat = formatLong.dateTime({ width: "long" });
 			break;
-		default:
-			dateTimeFormat = formatLong.dateTime({ width: "full" });
-			break;
+		default: dateTimeFormat = formatLong.dateTime({ width: "full" });
 	}
 	return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong)).replace("{{time}}", timeLongFormatter(timePattern, formatLong));
 };

package/development/pearl-chain-time.pure.js

@@ -1436,7 +1436,8 @@ const lightFormatters = {
 	S(date, token) {
 		const numberOfDigits = token.length;
 		const milliseconds = date.getMilliseconds();
-		return addLeadingZeros(Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3)), token.length);
+		const fractionalSeconds = Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3));
+		return addLeadingZeros(fractionalSeconds, token.length);
 	}
 };
 
@@ -1474,15 +1475,20 @@ const formatters = {
 	Y: function(date, token, localize, options) {
 		const signedWeekYear = getWeekYear(date, options);
 		const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-		if (token === "YY") return addLeadingZeros(weekYear % 100, 2);
+		if (token === "YY") {
+			const twoDigitYear = weekYear % 100;
+			return addLeadingZeros(twoDigitYear, 2);
+		}
 		if (token === "Yo") return localize.ordinalNumber(weekYear, { unit: "year" });
 		return addLeadingZeros(weekYear, token.length);
 	},
 	R: function(date, token) {
-		return addLeadingZeros(getISOWeekYear(date), token.length);
+		const isoWeekYear = getISOWeekYear(date);
+		return addLeadingZeros(isoWeekYear, token.length);
 	},
 	u: function(date, token) {
-		return addLeadingZeros(date.getFullYear(), token.length);
+		const year = date.getFullYear();
+		return addLeadingZeros(year, token.length);
 	},
 	Q: function(date, token, localize) {
 		const quarter = Math.ceil((date.getMonth() + 1) / 3);
@@ -1825,7 +1831,8 @@ const formatters = {
 		}
 	},
 	t: function(date, token, _localize) {
-		return addLeadingZeros(Math.trunc(+date / 1e3), token.length);
+		const timestamp = Math.trunc(+date / 1e3);
+		return addLeadingZeros(timestamp, token.length);
 	},
 	T: function(date, token, _localize) {
 		return addLeadingZeros(+date, token.length);
@@ -1885,9 +1892,7 @@ const dateTimeLongFormatter = (pattern, formatLong) => {
 		case "PPP":
 			dateTimeFormat = formatLong.dateTime({ width: "long" });
 			break;
-		default:
-			dateTimeFormat = formatLong.dateTime({ width: "full" });
-			break;
+		default: dateTimeFormat = formatLong.dateTime({ width: "full" });
 	}
 	return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong)).replace("{{time}}", timeLongFormatter(timePattern, formatLong));
 };

package/development/pearl-chain.pure.js

@@ -500,7 +500,8 @@ let SbbPearlChainElement = (() => {
 		_getProgress(now, start, end) {
 			if (!start?.time || !end?.time) return 0;
 			const startWithDelay = addMinutes(start.time, start.delay ?? 0);
-			const total = differenceInMinutes(addMinutes(end.time, end.delay ?? 0), startWithDelay);
+			const endWithDelay = addMinutes(end.time, end.delay ?? 0);
+			const total = differenceInMinutes(endWithDelay, startWithDelay);
 			const progress = differenceInMinutes(now, startWithDelay);
 			return total && progress / total * 100;
 		}

package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts

@@ -166,6 +166,10 @@ export declare class SeatReservationBaseElement extends SbbElement {
      * @returns An Object with count of free seats and free bicycle places
      */
     protected getAvailableFreePlacesNumFromCoach(places: Place[] | undefined): CoachNumberOfFreePlaces;
+    /**
+     * Returns the status whether the seat component with the direction of travel is currently displayed
+     */
+    protected hasTravelDirection(): boolean;
     /**
      * At the end of a scroll Event from the coach scrollable area,
      * the reached coach is marked as selected

package/development/seat-reservation.pure.js

@@ -14029,7 +14029,8 @@ let SbbSeatReservationPlaceControlElement = (() => {
 			return `PLACE_${type}_${state}`;
 		}
 		_getTitleDescriptionPlace(rotation) {
-			let description = getI18nSeatReservation("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]);
+			const translationKey = "PLACE_CONTROL_" + this.type + "_" + this.state;
+			let description = getI18nSeatReservation(translationKey, this._language.current, [this.text]);
 			const relativeTravelDirection = this._getRelativeTravelDirection(rotation);
 			if (this.propertyIds.length || relativeTravelDirection) {
 				description += ". " + getI18nSeatReservation("PLACE_PROPERTY", this._language.current).concat(": ");
@@ -14824,13 +14825,10 @@ let SeatReservationBaseElement = (() => {
 							this._navigateToPlaceByKeyboard(pressedUpKeyMapping);
 						}
 						break;
-					case this.keyboardNavigationEvents.ArrowDown:
-						{
-							const pressedDownKeyMapping = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : pressedKey;
-							this._navigateToPlaceByKeyboard(pressedDownKeyMapping);
-						}
-						break;
-					default: break;
+					case this.keyboardNavigationEvents.ArrowDown: {
+						const pressedDownKeyMapping = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : pressedKey;
+						this._navigateToPlaceByKeyboard(pressedDownKeyMapping);
+					}
 				}
 			}
 		}
@@ -14954,6 +14952,12 @@ let SeatReservationBaseElement = (() => {
 			return freePlaces ? freePlaces : accumulator;
 		}
 		/**
+		* Returns the status whether the seat component with the direction of travel is currently displayed
+		*/
+		hasTravelDirection() {
+			return this.travelDirection && this.travelDirection !== "NONE";
+		}
+		/**
 		* At the end of a scroll Event from the coach scrollable area,
 		* the reached coach is marked as selected
 		*/
@@ -15237,7 +15241,8 @@ let SeatReservationBaseElement = (() => {
 			this.selectedSeatReservationPlaces.bicycles = [];
 			this.seatReservations?.forEach((seatReservation, coachDeckIndex) => seatReservation.coachItems.map((coach, coachIndex) => {
 				coach.places?.filter((place) => place.state === "SELECTED")?.forEach((place) => {
-					const preselectedPlaceSelection = mapPlaceInfosToPlaceSelection(place, this.getPlaceElementId(coachDeckIndex, coachIndex, place.number), seatReservation.deckCoachIndex, coachIndex);
+					const placeId = this.getPlaceElementId(coachDeckIndex, coachIndex, place.number);
+					const preselectedPlaceSelection = mapPlaceInfosToPlaceSelection(place, placeId, seatReservation.deckCoachIndex, coachIndex);
 					const seatReservationPlaceSelection = this._getSeatReservationPlaceSelection(preselectedPlaceSelection, coachDeckIndex);
 					if (seatReservationPlaceSelection) if (seatReservationPlaceSelection.placeType === "SEAT") this.selectedSeatReservationPlaces.seats.push(seatReservationPlaceSelection);
 					else this.selectedSeatReservationPlaces.bicycles.push(seatReservationPlaceSelection);
@@ -15267,7 +15272,8 @@ let SeatReservationBaseElement = (() => {
 		_getSeatReservationSelectedCoach(coachIndex) {
 			if (!this.seatReservations[this.currSelectedDeckIndex].coachItems[coachIndex]) return null;
 			const coach = this.seatReservations[this.currSelectedDeckIndex].coachItems[coachIndex];
-			return mapCoachInfosToCoachSelection(coachIndex, coach, this.getAvailableFreePlacesNumFromCoach(coach.places));
+			const coachNumberOfFreePlaces = this.getAvailableFreePlacesNumFromCoach(coach.places);
+			return mapCoachInfosToCoachSelection(coachIndex, coach, coachNumberOfFreePlaces);
 		}
 		_setCurrSelectedPlaceElementId(place) {
 			this.currSelectedPlaceElementId = place ? this.getPlaceElementId(this.currSelectedDeckIndex, this.currSelectedCoachIndex, place.number) : null;
@@ -15559,7 +15565,7 @@ let SeatReservationBaseElement = (() => {
 
 //#endregion
 //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.scss?inline
-var seat_reservation_default = ":host {\n  --sbb-seat-reservation-grid-size: 16px;\n  --sbb-seat-reservation-height: 0;\n  --sbb-seat-reservation-decks: 1;\n  display: block;\n  height: inherit;\n}\n:host ::part(coach-floor) {\n  fill: var(--sbb-background-color-2);\n}\n@media (forced-colors: active) {\n  :host ::part(coach-floor) {\n    fill: transparent;\n  }\n}\n\n:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,\n.sbb-sr-place-ctrl--orientation-90,\n.sbb-sr-place-ctrl--orientation-270,\n.sbb-sr-place-ctrl--state-selected) ::part(coach-floor) {\n  rotate: calc(180 * 1deg);\n}\n\n.sbb-sr-popover {\n  margin-block: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n:host([align-vertical]) .sbb-sr__component {\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  gap: calc(22 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: inherit;\n}\n@media (min-width: calc(37.5rem)) {\n  :host([align-vertical]) .sbb-sr__component {\n    gap: calc(54 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  }\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,\n:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches {\n  flex-direction: column;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation {\n  padding: calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) 0;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button {\n  left: calc(1 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  top: 0;\n  rotate: 90deg;\n}\n@media (min-width: calc(64rem)) {\n  :host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button {\n    left: calc(-1 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  }\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches {\n  max-width: initial;\n  padding: calc(5 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  overflow: hidden scroll;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li {\n  display: flex;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks {\n  flex-direction: column;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels {\n  flex-direction: column-reverse;\n  width: calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: initial;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b {\n  inline-size: calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  block-size: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-bottom: calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  rotate: initial;\n  writing-mode: initial;\n}\n:host([align-vertical]) .sbb-sr__wrapper-scrollarea {\n  width: calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: 100%;\n  overflow: hidden scroll;\n}\n:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent {\n  rotate: 90deg;\n}\n:host([align-vertical]) .sbb-sr-travel-direction-wrapper {\n  width: calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block-start: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr-navigation {\n  gap: calc(3 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr-navigation .sbb-sr__navigation-control-button {\n  position: relative;\n  top: calc(2 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n@media (min-width: calc(64rem)) {\n  .sbb-sr-navigation .sbb-sr__navigation-control-button {\n    top: 0;\n  }\n}\n\n.sbb-sr__component {\n  display: flex;\n  flex-direction: column;\n  gap: calc(64 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem) - 16px);\n}\n\n.sbb-sr-travel-direction-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  column-gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  font-size: var(--sbb-text-font-size-s);\n}\n.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow {\n  display: flex;\n  align-items: center;\n}\n\n.sbb-sr-navigation-wrapper {\n  display: flex;\n}\n\n.sbb-sr-navigation {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding-inline: 16px;\n}\n\n.sbb-sr-navigation__list-coaches {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  padding: calc(6 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) 0;\n  max-width: 856px;\n  --sbb-scrollbar-color: transparent;\n  overflow: scroll hidden;\n  position: relative;\n}\n\n.sbb-sr__wrapper-coach-decks {\n  display: flex;\n  overflow: hidden;\n  height: inherit;\n}\n.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels {\n  display: flex;\n  justify-content: space-between;\n  height: calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  writing-mode: vertical-lr;\n}\n.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b {\n  height: calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  width: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block-end: 16px;\n  rotate: 180deg;\n  text-align: center;\n  line-height: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__wrapper-scrollarea {\n  overflow: scroll hidden;\n  padding-block: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n.sbb-sr__wrapper-scrollarea .sbb-sr__parent {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.sbb-sr__list-decks {\n  display: flex;\n  flex-direction: column;\n}\n\n.sbb-sr__list-decks--gap {\n  gap: calc(48 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__list-item-deck {\n  position: relative;\n}\n\n.sbb-sr__list-coaches {\n  display: flex;\n  gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches {\n  gap: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__item-coach {\n  position: relative;\n}\n\n.sbb-sr-coach-wrapper__table {\n  outline: 0;\n}\n";
+var seat_reservation_default = ":host {\n  --sbb-seat-reservation-grid-size: 16px;\n  --sbb-seat-reservation-height: 0;\n  --sbb-seat-reservation-decks: 1;\n  display: block;\n  height: inherit;\n}\n:host ::part(coach-floor) {\n  fill: var(--sbb-background-color-2);\n}\n@media (forced-colors: active) {\n  :host ::part(coach-floor) {\n    fill: transparent;\n  }\n}\n\n:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,\n.sbb-sr-place-ctrl--orientation-90,\n.sbb-sr-place-ctrl--orientation-270,\n.sbb-sr-place-ctrl--state-selected) ::part(coach-floor) {\n  rotate: calc(180 * 1deg);\n}\n\n.sbb-sr-popover {\n  margin-block: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n:host([align-vertical]) .sbb-sr__component {\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  gap: calc(22 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: inherit;\n}\n@media (min-width: calc(37.5rem)) {\n  :host([align-vertical]) .sbb-sr__component {\n    gap: calc(54 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  }\n}\n:host([align-vertical]) .sbb-sr__component--has-travel-direction {\n  padding-block-start: calc(36 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,\n:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches {\n  flex-direction: column;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation {\n  padding: calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) 0;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button {\n  left: calc(1 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  top: 0;\n  rotate: 90deg;\n}\n@media (min-width: calc(64rem)) {\n  :host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button {\n    left: calc(-1 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  }\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches {\n  max-width: initial;\n  padding: calc(5 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  overflow: hidden scroll;\n}\n:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li {\n  display: flex;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks {\n  flex-direction: column;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels {\n  flex-direction: column-reverse;\n  width: calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: initial;\n}\n:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b {\n  inline-size: calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  block-size: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-bottom: calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  rotate: initial;\n  writing-mode: initial;\n}\n:host([align-vertical]) .sbb-sr__wrapper-scrollarea {\n  width: calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  height: 100%;\n  overflow: hidden scroll;\n}\n:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent {\n  rotate: 90deg;\n}\n:host([align-vertical]) .sbb-sr-travel-direction-wrapper {\n  width: calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block-start: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  position: absolute;\n}\n\n.sbb-sr-navigation {\n  gap: calc(3 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr-navigation .sbb-sr__navigation-control-button {\n  position: relative;\n  top: calc(2 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n@media (min-width: calc(64rem)) {\n  .sbb-sr-navigation .sbb-sr__navigation-control-button {\n    top: 0;\n  }\n}\n\n.sbb-sr__component {\n  display: flex;\n  flex-direction: column;\n  gap: calc(64 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem) - 16px);\n}\n\n.sbb-sr-travel-direction-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  column-gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  font-size: var(--sbb-text-font-size-s);\n}\n.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow {\n  display: flex;\n  align-items: center;\n}\n\n.sbb-sr-navigation-wrapper {\n  display: flex;\n}\n\n.sbb-sr-navigation {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding-inline: 16px;\n}\n\n.sbb-sr-navigation__list-coaches {\n  display: flex;\n  flex-wrap: nowrap;\n  gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  padding: calc(6 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) 0;\n  max-width: 856px;\n  --sbb-scrollbar-color: transparent;\n  overflow: scroll hidden;\n  position: relative;\n}\n\n.sbb-sr__wrapper-coach-decks {\n  display: flex;\n  overflow: hidden;\n  height: inherit;\n}\n.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels {\n  display: flex;\n  justify-content: space-between;\n  height: calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  writing-mode: vertical-lr;\n}\n.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b {\n  height: calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  width: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  margin-block-end: 16px;\n  rotate: 180deg;\n  text-align: center;\n  line-height: calc(20 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__wrapper-scrollarea {\n  overflow: scroll hidden;\n  padding-block: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n.sbb-sr__wrapper-scrollarea .sbb-sr__parent {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.sbb-sr__list-decks {\n  display: flex;\n  flex-direction: column;\n}\n\n.sbb-sr__list-decks--gap {\n  gap: calc(48 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__list-item-deck {\n  position: relative;\n}\n\n.sbb-sr__list-coaches {\n  display: flex;\n  gap: calc(4 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches {\n  gap: calc(8 * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n}\n\n.sbb-sr__item-coach {\n  position: relative;\n}\n\n.sbb-sr-coach-wrapper__table {\n  outline: 0;\n}\n";
 
 //#endregion
 //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.component.ts
@@ -15612,7 +15618,12 @@ var SbbSeatReservationElement = class extends SeatReservationBaseElement {
 	_initVehicleSeatReservationConstruction() {
 		this._coachesHtmlTemplate = html`
       ${this._renderTravelDirection()}
-      <div class="sbb-sr__component">
+      <div
+        class="${classMap({
+			"sbb-sr__component": true,
+			"sbb-sr__component--has-travel-direction": this.hasTravelDirection()
+		})}"
+      >
         ${this._renderNavigation()}
         <div
           class="sbb-sr__wrapper-coach-decks"
@@ -15649,7 +15660,8 @@ var SbbSeatReservationElement = class extends SeatReservationBaseElement {
 	_renderDeckLabels() {
 		if (!this.hasMultipleDecks) return null;
 		return this.seatReservations.map((seatReservation) => {
-			return html`<b aria-hidden="true">${getI18nSeatReservation(seatReservation.deckCoachLevel, this._language.current)}</b>`;
+			const deckDescription = getI18nSeatReservation(seatReservation.deckCoachLevel, this._language.current);
+			return html`<b aria-hidden="true">${deckDescription}</b>`;
 		});
 	}
 	_renderNavigationControlButton(btnDirection) {
@@ -15677,11 +15689,12 @@ var SbbSeatReservationElement = class extends SeatReservationBaseElement {
     </div>`;
 	}
 	_renderTravelDirection() {
-		if (!this.travelDirection || this.travelDirection === "NONE") return null;
+		if (!this.hasTravelDirection()) return null;
 		const labelText = getI18nSeatReservation("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
+		const iconName = `arrow-${this.alignVertical ? this.travelDirection === "RIGHT" ? "down" : "up" : this.travelDirection === "RIGHT" ? "right" : "left"}-small`;
 		return html`<div class="sbb-sr-travel-direction-wrapper">
       <div class="sbb-sr__travel-direction--arrow">
-        <sbb-icon slot="icon" name="${`arrow-${this.alignVertical ? this.travelDirection === "RIGHT" ? "down" : "up" : this.travelDirection === "RIGHT" ? "right" : "left"}-small`}"></sbb-icon>
+        <sbb-icon slot="icon" name="${iconName}"></sbb-icon>
       </div>
       <div class="sbb-sr__travel-direction--label">${labelText}</div>
     </div>`;

package/development/timetable-row.pure.js

@@ -1438,7 +1438,8 @@ const lightFormatters = {
 	S(date, token) {
 		const numberOfDigits = token.length;
 		const milliseconds = date.getMilliseconds();
-		return addLeadingZeros(Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3)), token.length);
+		const fractionalSeconds = Math.trunc(milliseconds * Math.pow(10, numberOfDigits - 3));
+		return addLeadingZeros(fractionalSeconds, token.length);
 	}
 };
 
@@ -1476,15 +1477,20 @@ const formatters = {
 	Y: function(date, token, localize, options) {
 		const signedWeekYear = getWeekYear(date, options);
 		const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-		if (token === "YY") return addLeadingZeros(weekYear % 100, 2);
+		if (token === "YY") {
+			const twoDigitYear = weekYear % 100;
+			return addLeadingZeros(twoDigitYear, 2);
+		}
 		if (token === "Yo") return localize.ordinalNumber(weekYear, { unit: "year" });
 		return addLeadingZeros(weekYear, token.length);
 	},
 	R: function(date, token) {
-		return addLeadingZeros(getISOWeekYear(date), token.length);
+		const isoWeekYear = getISOWeekYear(date);
+		return addLeadingZeros(isoWeekYear, token.length);
 	},
 	u: function(date, token) {
-		return addLeadingZeros(date.getFullYear(), token.length);
+		const year = date.getFullYear();
+		return addLeadingZeros(year, token.length);
 	},
 	Q: function(date, token, localize) {
 		const quarter = Math.ceil((date.getMonth() + 1) / 3);
@@ -1827,7 +1833,8 @@ const formatters = {
 		}
 	},
 	t: function(date, token, _localize) {
-		return addLeadingZeros(Math.trunc(+date / 1e3), token.length);
+		const timestamp = Math.trunc(+date / 1e3);
+		return addLeadingZeros(timestamp, token.length);
 	},
 	T: function(date, token, _localize) {
 		return addLeadingZeros(+date, token.length);
@@ -1887,9 +1894,7 @@ const dateTimeLongFormatter = (pattern, formatLong) => {
 		case "PPP":
 			dateTimeFormat = formatLong.dateTime({ width: "long" });
 			break;
-		default:
-			dateTimeFormat = formatLong.dateTime({ width: "full" });
-			break;
+		default: dateTimeFormat = formatLong.dateTime({ width: "full" });
 	}
 	return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong)).replace("{{time}}", timeLongFormatter(timePattern, formatLong));
 };

package/journey-summary.pure.js

@@ -1,4 +1,4 @@
-import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,SbbLanguageController as r,defaultDateAdapter as i,forceType as a,i18nTripDuration as o,screenReaderOnlyStyles as s}from"@sbb-esta/lyne-elements/core.js";import{SbbDividerElement as c}from"@sbb-esta/lyne-elements/divider.pure.js";import{SbbJourneyHeaderElement as l}from"@sbb-esta/lyne-elements/journey-header.pure.js";import{html as u,nothing as d,unsafeCSS as f}from"lit";import{property as p}from"lit/decorators.js";import{durationToTime as m,removeTimezoneFromISOTimeString as ee}from"./core.js";import{SbbPearlChainTimeElement as te}from"./pearl-chain-time.pure.js";const h=6048e5,g=Symbol.for(`constructDateFrom`);function _(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&g in e?e[g](t):e instanceof Date?new e.constructor(t):new Date(t)}function v(e,t){return _(t||e,e)}let y={};function b(){return y}function x(e,t){let n=b(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=v(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function S(e,t){return x(e,{...t,weekStartsOn:1})}function C(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=_(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=S(i),o=_(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=S(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function w(e){let t=v(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function T(e,...t){let n=_.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function E(e,t){let n=v(e,t?.in);return n.setHours(0,0,0,0),n}function D(e,t,n){let[r,i]=T(n?.in,e,t),a=E(r),o=E(i),s=+a-w(a),c=+o-w(o);return Math.round((s-c)/864e5)}function O(e,t){let n=C(e,t),r=_(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),S(r)}function k(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function A(e){return!(!k(e)&&typeof e!=`number`||isNaN(+v(e)))}function j(e,t){let n=v(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const M={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},N=(e,t,n)=>{let r,i=M[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function P(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const F={date:P({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:P({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:P({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},I={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},ne=(e,t,n,r)=>I[e];function L(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const R={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:L({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:L({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:L({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:L({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:L({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function z(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?ie(s,e=>e.test(o)):re(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function re(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function ie(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function ae(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const oe={code:`en-US`,formatDistance:N,formatLong:F,formatRelative:ne,localize:R,match:{ordinalNumber:ae({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:z({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:z({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:z({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:z({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:z({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function B(e,t){let n=v(e,t?.in);return D(n,j(n))+1}function se(e,t){let n=v(e,t?.in),r=S(n)-+O(n);return Math.round(r/h)+1}function V(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=b(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=_(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=x(o,t),c=_(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=x(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function H(e,t){let n=b(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=V(e,t),a=_(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),x(a,t)}function U(e,t){let n=v(e,t?.in),r=x(n,t)-+H(n,t);return Math.round(r/h)+1}function W(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const G={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return W(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):W(n+1,2)},d(e,t){return W(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return W(e.getHours()%12||12,t.length)},H(e,t){return W(e.getHours(),t.length)},m(e,t){return W(e.getMinutes(),t.length)},s(e,t){return W(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return W(Math.trunc(r*10**(n-3)),t.length)}},K={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},q={G:function(e,t,n){let r=+(e.getFullYear()>0);switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return G.y(e,t)},Y:function(e,t,n,r){let i=V(e,r),a=i>0?i:1-i;return t===`YY`?W(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):W(a,t.length)},R:function(e,t){return W(C(e),t.length)},u:function(e,t){return W(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return W(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return W(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return G.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return W(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=U(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):W(i,t.length)},I:function(e,t,n){let r=se(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):W(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):G.d(e,t)},D:function(e,t,n){let r=B(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):W(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return W(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return W(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return W(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?K.noon:r===0?K.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?K.evening:r>=12?K.afternoon:r>=4?K.morning:K.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return G.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):G.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):W(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):W(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):G.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):G.s(e,t)},S:function(e,t){return G.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return Y(r);case`XXXX`:case`XX`:return X(r);default:return X(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return Y(r);case`xxxx`:case`xx`:return X(r);default:return X(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+J(r,`:`);default:return`GMT`+X(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+J(r,`:`);default:return`GMT`+X(r,`:`)}},t:function(e,t,n){return W(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return W(+e,t.length)}};function J(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+W(a,2)}function Y(e,t){return e%60==0?(e>0?`-`:`+`)+W(Math.abs(e)/60,2):X(e,t)}function X(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=W(Math.trunc(r/60),2),a=W(r%60,2);return n+i+t+a}const Z=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},Q=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},ce={p:Q,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return Z(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,Z(r,t)).replace(`{{time}}`,Q(i,t))}},le=/^D+$/,ue=/^Y+$/,de=[`D`,`DD`,`YY`,`YYYY`];function fe(e){return le.test(e)}function pe(e){return ue.test(e)}function me(e,t,n){let r=he(e,t,n);if(console.warn(r),de.includes(e))throw RangeError(r)}function he(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const ge=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,_e=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ve=/^'([^]*?)'?$/,ye=/''/g,be=/[a-zA-Z]/;function $(e,t,n){let r=b(),i=n?.locale??r.locale??oe,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=v(e,n?.in);if(!A(s))throw RangeError(`Invalid time value`);let c=t.match(_e).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=ce[t];return n(e,i.formatLong)}return e}).join(``).match(ge).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:xe(e)};if(q[t])return{isToken:!0,value:e};if(t.match(be))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&pe(a)||!n?.useAdditionalDayOfYearTokens&&fe(a))&&me(a,t,String(e));let o=q[a[0]];return o(s,a,i.localize,l)}).join(``)}function xe(e){let t=e.match(ve);return t?t[1].replace(ye,`'`):e}var Se=`: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);flex-direction:column;display:flex}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x);overflow:hidden}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as n,SbbLanguageController as r,defaultDateAdapter as i,forceType as a,i18nTripDuration as o,screenReaderOnlyStyles as s}from"@sbb-esta/lyne-elements/core.js";import{SbbDividerElement as c}from"@sbb-esta/lyne-elements/divider.pure.js";import{SbbJourneyHeaderElement as l}from"@sbb-esta/lyne-elements/journey-header.pure.js";import{html as u,nothing as d,unsafeCSS as f}from"lit";import{property as p}from"lit/decorators.js";import{durationToTime as m,removeTimezoneFromISOTimeString as ee}from"./core.js";import{SbbPearlChainTimeElement as te}from"./pearl-chain-time.pure.js";const h=6048e5,g=Symbol.for(`constructDateFrom`);function _(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&g in e?e[g](t):e instanceof Date?new e.constructor(t):new Date(t)}function v(e,t){return _(t||e,e)}let y={};function b(){return y}function x(e,t){let n=b(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=v(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function S(e,t){return x(e,{...t,weekStartsOn:1})}function C(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=_(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=S(i),o=_(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=S(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function w(e){let t=v(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function T(e,...t){let n=_.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function E(e,t){let n=v(e,t?.in);return n.setHours(0,0,0,0),n}function D(e,t,n){let[r,i]=T(n?.in,e,t),a=E(r),o=E(i),s=+a-w(a),c=+o-w(o);return Math.round((s-c)/864e5)}function O(e,t){let n=C(e,t),r=_(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),S(r)}function k(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function A(e){return!(!k(e)&&typeof e!=`number`||isNaN(+v(e)))}function j(e,t){let n=v(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const M={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},N=(e,t,n)=>{let r,i=M[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function P(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const F={date:P({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:P({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:P({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},I={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},ne=(e,t,n,r)=>I[e];function L(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const R={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:L({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:L({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:L({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:L({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:L({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function z(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?ie(s,e=>e.test(o)):re(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function re(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function ie(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function ae(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const oe={code:`en-US`,formatDistance:N,formatLong:F,formatRelative:ne,localize:R,match:{ordinalNumber:ae({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:z({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:z({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:z({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:z({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:z({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function B(e,t){let n=v(e,t?.in);return D(n,j(n))+1}function se(e,t){let n=v(e,t?.in),r=S(n)-+O(n);return Math.round(r/h)+1}function V(e,t){let n=v(e,t?.in),r=n.getFullYear(),i=b(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=_(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=x(o,t),c=_(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=x(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function H(e,t){let n=b(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=V(e,t),a=_(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),x(a,t)}function U(e,t){let n=v(e,t?.in),r=x(n,t)-+H(n,t);return Math.round(r/h)+1}function W(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const G={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return W(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):W(n+1,2)},d(e,t){return W(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return W(e.getHours()%12||12,t.length)},H(e,t){return W(e.getHours(),t.length)},m(e,t){return W(e.getMinutes(),t.length)},s(e,t){return W(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return W(Math.trunc(r*10**(n-3)),t.length)}},K={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},q={G:function(e,t,n){let r=+(e.getFullYear()>0);switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return G.y(e,t)},Y:function(e,t,n,r){let i=V(e,r),a=i>0?i:1-i;return t===`YY`?W(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):W(a,t.length)},R:function(e,t){return W(C(e),t.length)},u:function(e,t){return W(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return W(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return W(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return G.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return W(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=U(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):W(i,t.length)},I:function(e,t,n){let r=se(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):W(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):G.d(e,t)},D:function(e,t,n){let r=B(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):W(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return W(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return W(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return W(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?K.noon:r===0?K.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?K.evening:r>=12?K.afternoon:r>=4?K.morning:K.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return G.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):G.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):W(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):W(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):G.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):G.s(e,t)},S:function(e,t){return G.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return Y(r);case`XXXX`:case`XX`:return X(r);default:return X(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return Y(r);case`xxxx`:case`xx`:return X(r);default:return X(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+J(r,`:`);default:return`GMT`+X(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+J(r,`:`);default:return`GMT`+X(r,`:`)}},t:function(e,t,n){return W(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return W(+e,t.length)}};function J(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+W(a,2)}function Y(e,t){return e%60==0?(e>0?`-`:`+`)+W(Math.abs(e)/60,2):X(e,t)}function X(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=W(Math.trunc(r/60),2),a=W(r%60,2);return n+i+t+a}const Z=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},Q=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},ce={p:Q,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return Z(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;default:a=t.dateTime({width:`full`})}return a.replace(`{{date}}`,Z(r,t)).replace(`{{time}}`,Q(i,t))}},le=/^D+$/,ue=/^Y+$/,de=[`D`,`DD`,`YY`,`YYYY`];function fe(e){return le.test(e)}function pe(e){return ue.test(e)}function me(e,t,n){let r=he(e,t,n);if(console.warn(r),de.includes(e))throw RangeError(r)}function he(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const ge=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,_e=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ve=/^'([^]*?)'?$/,ye=/''/g,be=/[a-zA-Z]/;function $(e,t,n){let r=b(),i=n?.locale??r.locale??oe,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=v(e,n?.in);if(!A(s))throw RangeError(`Invalid time value`);let c=t.match(_e).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=ce[t];return n(e,i.formatLong)}return e}).join(``).match(ge).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:xe(e)};if(q[t])return{isToken:!0,value:e};if(t.match(be))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&pe(a)||!n?.useAdditionalDayOfYearTokens&&fe(a))&&me(a,t,String(e));let o=q[a[0]];return o(s,a,i.localize,l)}).join(``)}function xe(e){let t=e.match(ve);return t?t[1].replace(ye,`'`):e}var Se=`: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);flex-direction:column;display:flex}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x);overflow:hidden}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}
 `;let Ce=(()=>{let h=n,g=[],_,v=[],y=[],b,x=[],S=[],C,w=[],T=[],E,D=[],O=[],k,j=[],M=[],N,P=[],F=[],I;return class extends h{constructor(){super(...arguments),this.#e=(t(this,g),t(this,v,null)),this.#t=(t(this,y),t(this,x,null)),this.#n=(t(this,S),t(this,w,!1)),this.#r=(t(this,T),t(this,D,`3`)),this.#i=(t(this,O),t(this,j,!1)),this.#a=(t(this,M),t(this,P,!1)),this._now=(t(this,F),null),this._hasContentSlot=!1,this._language=new r(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;_=[p({type:Object})],b=[p({attribute:`trip-back`,type:Object})],C=[a(),p({attribute:`round-trip`,type:Boolean})],E=[p({attribute:`header-level`})],k=[a(),p({attribute:`disable-animation`,type:Boolean})],N=[a(),p({attribute:`a11y-footpath`,type:Boolean})],I=[p()],e(this,null,_,{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:t},v,y),e(this,null,b,{kind:`accessor`,name:`tripBack`,static:!1,private:!1,access:{has:e=>`tripBack`in e,get:e=>e.tripBack,set:(e,t)=>{e.tripBack=t}},metadata:t},x,S),e(this,null,C,{kind:`accessor`,name:`roundTrip`,static:!1,private:!1,access:{has:e=>`roundTrip`in e,get:e=>e.roundTrip,set:(e,t)=>{e.roundTrip=t}},metadata:t},w,T),e(this,null,E,{kind:`accessor`,name:`headerLevel`,static:!1,private:!1,access:{has:e=>`headerLevel`in e,get:e=>e.headerLevel,set:(e,t)=>{e.headerLevel=t}},metadata:t},D,O),e(this,null,k,{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:t},j,M),e(this,null,N,{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:t},P,F),e(this,null,I,{kind:`setter`,name:`now`,static:!1,private:!1,access:{has:e=>`now`in e,set:(e,t)=>{e.now=t}},metadata:t},null,g),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-journey-summary`}static{this.elementDependencies=[c,l,te]}static{this.styles=[s,f(Se)]}#e;get trip(){return this.#e}set trip(e){this.#e=e}#t;get tripBack(){return this.#t}set tripBack(e){this.#t=e}#n;get roundTrip(){return this.#n}set roundTrip(e){this.#n=e}#r;get headerLevel(){return this.#r}set headerLevel(e){this.#r=e}#i;get disableAnimation(){return this.#i}set disableAnimation(e){this.#i=e}#a;get a11yFootpath(){return this.#a}set a11yFootpath(e){this.#a=e}set now(e){this._now=i.getValidDateOrNull(i.deserialize(e))}get now(){return this._now??new Date}connectedCallback(){super.connectedCallback(),this._hasContentSlot=!!this.querySelector?.(`[slot="content"]`)}_renderJourneyStart(e,t){let n=i,r=t?m(t,this._language.current):null;if(A(e))return u`
         <time datetime=${$(e,`d`)+` `+$(e,`M`)}>
           ${n.format(e).replace(`,`,`.`)}</time

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -152,7 +152,7 @@
   },
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "5.4.0"
+    "@sbb-esta/lyne-elements": "5.4.2"
   },
   "dependencies": {
     "lit": "^3.3.3",