@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.1-dev.1777896783 → 5.0.0-next.1-dev.1777898769

package/{seat-reservation.component-SoXTIEnc.js → seat-reservation.component-CB2IWgM9.js}

@@ -1,19 +1,19 @@
 import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
 import { SbbSecondaryButtonElement as t } from "@sbb-esta/lyne-elements/button.pure.js";
-import { SbbLanguageController as n, boxSizingStyles as r, screenReaderOnlyStyles as i, scrollbarStyles as a } from "@sbb-esta/lyne-elements/core.js";
-import { html as o, isServer as s, nothing as c, unsafeCSS as l } from "lit";
-import { styleMap as u } from "lit/directives/style-map.js";
-import { classMap as d } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
-import { SbbSeatReservationGraphicElement as p } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
-import { SbbPopoverElement as m } from "@sbb-esta/lyne-elements/popover.pure.js";
-import { repeat as h } from "lit/directives/repeat.js";
-import { SbbSeatReservationAreaElement as g } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
-import { SbbSeatReservationNavigationCoachElement as _ } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-import { SbbSeatReservationPlaceControlElement as v } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
-import { SbbSeatReservationScopedElement as y } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
+import { SbbLanguageController as n, screenReaderOnlyStyles as r, scrollbarStyles as i } from "@sbb-esta/lyne-elements/core.js";
+import { html as a, isServer as o, nothing as s, unsafeCSS as c } from "lit";
+import { styleMap as l } from "lit/directives/style-map.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
+import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
+import { SbbPopoverElement as p } from "@sbb-esta/lyne-elements/popover.pure.js";
+import { repeat as m } from "lit/directives/repeat.js";
+import { SbbSeatReservationAreaElement as h } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
+import { SbbSeatReservationNavigationCoachElement as g } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
+import { SbbSeatReservationPlaceControlElement as _ } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
+import { SbbSeatReservationScopedElement as v } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.scss?inline
-var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea{overflow:scroll hidden;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}", x = class extends e {
+var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea{overflow:scroll hidden;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}", b = class extends e {
 	constructor() {
 		super(...arguments), this._language = new n(this);
 	}
@@ -23,20 +23,19 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 	static {
 		this.elementDependencies = [
 			t,
-			m,
-			g,
 			p,
-			v,
+			h,
+			f,
 			_,
-			y
+			g,
+			v
 		];
 	}
 	static {
 		this.styles = [
-			r,
-			a,
 			i,
-			l(b)
+			r,
+			c(y)
 		];
 	}
 	willUpdate(e) {
@@ -51,7 +50,7 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		return this._initVehicleSeatReservationConstruction(), this._coachesHtmlTemplate || null;
 	}
 	_initVehicleSeatReservationConstruction() {
-		this._coachesHtmlTemplate = o`
+		this._coachesHtmlTemplate = a`
       ${this._renderTravelDirection()}
       <div class="sbb-sr__component">
         ${this._renderNavigation()}
@@ -68,12 +67,12 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
           >
             <div id="sbb-sr__parent-area" class="sbb-sr__parent">
               <ul
-                class="${d({
+                class="${u({
 			"sbb-sr__list-decks": !0,
 			"sbb-sr__list-decks--gap": this.hasMultipleDecks
 		})}"
               >
-                ${this.seatReservations?.map((e, t) => o`<li class="sbb-sr__list-item-deck">
+                ${this.seatReservations?.map((e, t) => a`<li class="sbb-sr__list-item-deck">
                       <ul class="sbb-sr__list-coaches" role="presentation">
                         ${this._renderCoaches(e, t)}
                       </ul>
@@ -86,12 +85,12 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
     `;
 	}
 	_renderDeckLabels() {
-		return this.hasMultipleDecks ? this.seatReservations.map((e) => o`<b aria-hidden="true">${f(e.deckCoachLevel, this._language.current)}</b>`) : null;
+		return this.hasMultipleDecks ? this.seatReservations.map((e) => a`<b aria-hidden="true">${d(e.deckCoachLevel, this._language.current)}</b>`) : null;
 	}
 	_renderNavigationControlButton(e) {
 		if (!this.hasNavigation || !this.seatReservations) return null;
-		let t = e == "DIRECTION_RIGHT" ? "sbb-sr-navigation__wrapper-button-direction--right" : "sbb-sr-navigation__wrapper-button-direction--left", n = e == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", r = f(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), i = !0;
-		return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (i = !1), o`<div class="sbb-sr-navigation__wrapper-button-direction">
+		let t = e == "DIRECTION_RIGHT" ? "sbb-sr-navigation__wrapper-button-direction--right" : "sbb-sr-navigation__wrapper-button-direction--left", n = e == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", r = d(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), i = !0;
+		return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (i = !1), a`<div class="sbb-sr-navigation__wrapper-button-direction">
       <sbb-secondary-button
         @click="${() => this.navigateByDirectionBtn(e)}"
         @focus="${() => this.onFocusNavDirectionButton()}"
@@ -102,15 +101,15 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
         type="button"
         aria-label="${r}"
         role="button"
-        .disabledInteractive="${i || c}"
-        .disabled="${i || c}"
+        .disabledInteractive="${i || s}"
+        .disabled="${i || s}"
       ></sbb-secondary-button>
     </div>`;
 	}
 	_renderTravelDirection() {
 		if (!this.travelDirection || this.travelDirection === "NONE") return null;
-		let e = f("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
-		return o`<div class="sbb-sr-travel-direction-wrapper">
+		let e = d("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
+		return a`<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>
       </div>
@@ -118,15 +117,15 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
     </div>`;
 	}
 	_renderNavigation() {
-		return s || !this.hasNavigation || !this.seatReservations ? null : o`<div class="sbb-sr-navigation-wrapper">
+		return o || !this.hasNavigation || !this.seatReservations ? null : a`<div class="sbb-sr-navigation-wrapper">
       <nav id="sbb-sr-navigation" class="sbb-sr-navigation">
         ${this._renderNavigationControlButton("DIRECTION_LEFT")}
         <ul
           id="sbb-sr__navigation-list-coaches"
           class="sbb-sr-navigation__list-coaches sbb-scrollbar"
-          aria-label="${f("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
+          aria-label="${d("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
-          ${this.coachItemDetailsElements.map((e, t) => o`<li>
+          ${this.coachItemDetailsElements.map((e, t) => a`<li>
                 <sbb-seat-reservation-navigation-coach
                   @selectcoach=${(e) => this._onSelectNavCoach(e)}
                   @focuscoach=${() => this._onFocusNavCoach()}
@@ -149,16 +148,16 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 	}
 	_renderCoaches(e, t) {
 		let n = JSON.parse(JSON.stringify(e?.coachItems));
-		return !n || s ? null : n.map((n, r) => o`
+		return !n || o ? null : n.map((n, r) => a`
         <li class="sbb-sr__item-coach">
           ${this._renderCoachElement(n, r, t, e.deckCoachIndex)}
         </li>
       `);
 	}
 	_renderCoachElement(e, t, n, r) {
-		let i = this.getCalculatedDimension(e.dimension), a = this._getDescriptionTableCoach(e);
-		return o`<sbb-seat-reservation-scoped
-      style=${u({
+		let i = this.getCalculatedDimension(e.dimension), o = this._getDescriptionTableCoach(e);
+		return a`<sbb-seat-reservation-scoped
+      style=${l({
 			"--sbb-seat-reservation-scoped-width": i.w,
 			"--sbb-seat-reservation-scoped-height": i.h
 		})}
@@ -176,7 +175,7 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
         tabindex="-1"
       >
         <caption id="sbb-sr-coach-caption-${t}" tabindex="-1">
-          <span class="sbb-screen-reader-only">${a}</span>
+          <span class="sbb-screen-reader-only">${o}</span>
         </caption>
         ${this._getRenderedRowPlaces(e, t, n, r)}
       </table>
@@ -184,11 +183,11 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 	}
 	_getRenderedCoachBorders(e, t, n) {
 		if (!e.graphicElements) return null;
-		let r = this.seatReservationStructure.decks[t].deckCoaches[n], i = r.borderMiddleElement, a = r.hasOverhangingElements;
-		return o`
+		let r = this.seatReservationStructure.decks[t].deckCoaches[n], i = r.borderMiddleElement, o = r.hasOverhangingElements;
+		return a`
       <sbb-seat-reservation-graphic
-        class="${d({ "sbb-sr-coach-has-overhanging-elements": a || !1 })}"
-        style=${u({
+        class="${u({ "sbb-sr-coach-has-overhanging-elements": o || !1 })}"
+        style=${l({
 			"--sbb-seat-reservation-graphic-width": i.dimension.w,
 			"--sbb-seat-reservation-graphic-height": i.dimension.h,
 			"--sbb-seat-reservation-graphic-top": i.position.y,
@@ -205,7 +204,7 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		if (!e.places) return null;
 		let i = {};
 		for (let t of e.places) i[t.position.y] ? i[t.position.y].push(t) : i[t.position.y] = [t];
-		return Object.values(i).map((e, i) => o`
+		return Object.values(i).map((e, i) => a`
           <tr id="row-${t}-${e[0].position.y}" data-row-index=${i}>
             ${this._getRenderedColumnPlaces(e, t, n, r)}
           </tr>
@@ -214,22 +213,22 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 	_getRenderedColumnPlaces(e, t, n, r) {
 		e.sort((e, t) => Number(e.position.x) - Number(t.position.x));
 		let i = t + "-" + r;
-		return o`${h(e, (e) => i + "-" + e.number, (e, i) => {
-			let a = this.getCalculatedDimension(e.dimension), s = this.getCalculatedPosition(e.position), c = e.rotation || 0, l = this.alignVertical ? -90 : 0, d = this.getPlaceElementId(n, t, e.number);
-			return o`
+		return a`${m(e, (e) => i + "-" + e.number, (e, i) => {
+			let o = this.getCalculatedDimension(e.dimension), s = this.getCalculatedPosition(e.position), c = e.rotation || 0, u = this.alignVertical ? -90 : 0, d = this.getPlaceElementId(n, t, e.number);
+			return a`
           <td
             id="cell-${n}-${t}-${e.position.y}-${i}"
             class="graphical-element"
           >
             <sbb-seat-reservation-place-control
-              style=${u({
-				"--sbb-seat-reservation-place-control-text-scale-value": Math.min(a.w, a.h),
-				"--sbb-seat-reservation-place-control-width": a.w,
-				"--sbb-seat-reservation-place-control-height": a.h,
+              style=${l({
+				"--sbb-seat-reservation-place-control-text-scale-value": Math.min(o.w, o.h),
+				"--sbb-seat-reservation-place-control-width": o.w,
+				"--sbb-seat-reservation-place-control-height": o.h,
 				"--sbb-seat-reservation-place-control-top": s.y,
 				"--sbb-seat-reservation-place-control-left": s.x,
 				"--sbb-seat-reservation-place-control-rotation": c,
-				"--sbb-seat-reservation-place-control-text-rotation": l
+				"--sbb-seat-reservation-place-control-text-rotation": u
 			})}
               @selectplace=${(e) => this._onSelectPlace(e)}
               exportparts="sbb-sr-place-part"
@@ -251,8 +250,8 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		})}`;
 	}
 	_getRenderedCoachElements(e, t) {
-		return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => o` <sbb-seat-reservation-graphic
-        style=${u({
+		return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => a` <sbb-seat-reservation-graphic
+        style=${l({
 			"--sbb-seat-reservation-graphic-width": e.dimension.w,
 			"--sbb-seat-reservation-graphic-height": e.dimension.h,
 			"--sbb-seat-reservation-graphic-top": e.position.y,
@@ -260,57 +259,57 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 			"--sbb-seat-reservation-graphic-position": "absolute",
 			"--sbb-seat-reservation-graphic-rotation": e.rotation
 		})}
-        name=${e.icon ?? c}
+        name=${e.icon ?? s}
         aria-hidden="true"
         ?stretch=${!0}
       ></sbb-seat-reservation-graphic>`);
 	}
 	_getRenderedAreaElements(e, t) {
 		return this.seatReservationStructure.decks[e].deckCoaches[t].areaElements.map((n) => {
-			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon?.indexOf("TABLE") === -1, a = n.icon && i ? n.icon : null, s = n.icon ? f(n.icon, this._language.current) : c;
-			return o`
+			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon?.indexOf("TABLE") === -1, o = n.icon && i ? n.icon : null, c = n.icon ? d(n.icon, this._language.current) : s;
+			return a`
         <sbb-seat-reservation-area
           id="${r}"
-          class="${d({ "sbb-seat-reservation-area--cursor-pointer": a !== null })}"
-          style=${u({
+          class="${u({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
+          style=${l({
 				"--sbb-seat-reservation-area-width": n.dimension.w,
 				"--sbb-seat-reservation-area-height": n.dimension.h,
 				"--sbb-seat-reservation-area-top": n.position.y,
 				"--sbb-seat-reservation-area-left": n.position.x,
 				"--sbb-seat-reservation-area-z-index": n.position.z
 			})}
-          mounting=${n.mounting ?? c}
+          mounting=${n.mounting ?? s}
           background="dark"
           aria-hidden="true"
         >
-          ${a ? o`
+          ${o ? a`
                 <sbb-seat-reservation-graphic
-                  style=${u({
+                  style=${l({
 				"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
 				"--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
 				"--sbb-seat-reservation-graphic-width": n.dimension.w,
 				"--sbb-seat-reservation-graphic-height": n.dimension.h,
 				"--sbb-seat-reservation-graphic-rotation": n.rotation,
-				"--sbb-seat-reservation-graphic-padding-percent": a === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
+				"--sbb-seat-reservation-graphic-padding-percent": o === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
 			})}
-                  name=${a}
+                  name=${o}
                   role="img"
                   aria-hidden="true"
                   class="sbb-sr-graphic__dimension--square-dim"
                 ></sbb-seat-reservation-graphic>
-              ` : c}
+              ` : s}
         </sbb-seat-reservation-area>
-        ${a ? this._popover(r, s) : c}
+        ${o ? this._popover(r, c) : s}
       `;
 		});
 	}
 	_getRenderedServiceElements(e, t) {
 		return this.seatReservationStructure.decks[e].deckCoaches[t].serviceElements.map((n) => {
-			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon ? f(n.icon, this._language.current) : null;
-			return o`
+			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon ? d(n.icon, this._language.current) : null;
+			return a`
         <sbb-seat-reservation-graphic
           id="${r}"
-          style=${u({
+          style=${l({
 				"--sbb-seat-reservation-graphic-width": n.dimension.w,
 				"--sbb-seat-reservation-graphic-height": n.dimension.h,
 				"--sbb-seat-reservation-graphic-top": n.position.y,
@@ -319,7 +318,7 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 				"--sbb-seat-reservation-graphic-rotation": n.rotation
 			})}
           class="sbb-seat-reservation-graphic--cursor-pointer"
-          name=${n.icon ?? c}
+          name=${n.icon ?? s}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
@@ -339,7 +338,7 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
 	}
 	_popover(e, t) {
-		return o`
+		return a`
       <sbb-popover trigger="${e}" hover-trigger="">
         <p class="sbb-text-s sbb-sr-popover">${t}</p>
       </sbb-popover>
@@ -349,24 +348,24 @@ var b = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		this.shadowRoot?.querySelectorAll("sbb-popover:is(:state(state-opened),[state--state-opened])").forEach((e) => e.close());
 	}
 	_getDescriptionTableCoach(e) {
-		if (e.type === "LOCOMOTIVE_COACH") return f("COACH_LOCOMOTIVE", this._language.current);
-		if (!e.places?.length) return f("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [e.id]);
+		if (e.type === "LOCOMOTIVE_COACH") return d("COACH_LOCOMOTIVE", this._language.current);
+		if (!e.places?.length) return d("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [e.id]);
 		let t, n = this._getTitleDescriptionListString(e.graphicElements), r = this._getTitleDescriptionListString(e.serviceElements);
-		if (t = f("COACH_TABLE_CAPTION", this._language.current, [e.id]), !this.hasNavigation) {
-			let n = this.getAvailableFreePlacesNumFromCoach(e.places), r = f("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [n.seats, n.bicycles]);
+		if (t = d("COACH_TABLE_CAPTION", this._language.current, [e.id]), !this.hasNavigation) {
+			let n = this.getAvailableFreePlacesNumFromCoach(e.places), r = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [n.seats, n.bicycles]);
 			t = t.concat(". ").concat(r).concat(". ");
 		}
-		return (n || r) && (t += ". " + f("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += r + ", " + n + "."), t;
+		return (n || r) && (t += ". " + d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += r + ", " + n + "."), t;
 	}
 	_getTitleDescriptionListString(e) {
 		let t = [];
 		return e?.map((e) => {
 			let n = e.icon;
 			if (!n) return null;
-			let r = t.indexOf(n) > -1, i = f(e.icon, this._language.current), a = this.notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
+			let r = t.indexOf(n) > -1, i = d(e.icon, this._language.current), a = this.notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
 			return r || t.push(e.icon), i && !r && a ? i : null;
 		}).filter((e) => !!e).join(", ");
 	}
 };
 //#endregion
-export { x as t };
+export { b as t };

package/seat-reservation.js

@@ -2,14 +2,14 @@ import { i as e, n as t, r as n, t as r } from "./mapper-Cqie5ivY.js";
 import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
 import { t as a } from "./svgs-D5DhLHxC.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-B_T7k-dq.js";
-import { t as c } from "./seat-reservation-graphic.component-BNtFgIVM.js";
-import { t as l } from "./seat-reservation-navigation-coach.component-BF2dTeIb.js";
-import { t as u } from "./seat-reservation-navigation-services.component-BSeCIGnn.js";
-import { t as d } from "./seat-reservation-place-control.component-DOEKL6FP.js";
-import { t as f } from "./seat-reservation-scoped.component-CdB7HYzl.js";
+import { t as s } from "./seat-reservation-area.component-BcmwKJSK.js";
+import { t as c } from "./seat-reservation-graphic.component-C3wc4DKr.js";
+import { t as l } from "./seat-reservation-navigation-coach.component-D1SgS8BU.js";
+import { t as u } from "./seat-reservation-navigation-services.component-CfAQa7pa.js";
+import { t as d } from "./seat-reservation-place-control.component-DrzEDW8Z.js";
+import { t as f } from "./seat-reservation-scoped.component-BohQUGVW.js";
 import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as m } from "./seat-reservation.component-SoXTIEnc.js";
+import { t as m } from "./seat-reservation.component-CB2IWgM9.js";
 import "./seat-reservation.pure.js";
 m.define(), s.define(), c.define(), l.define(), u.define(), d.define(), f.define();
 //#endregion

package/seat-reservation.pure.js

@@ -3,12 +3,12 @@ import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.
 import "./seat-reservation/common/mapper.js";
 import { t as a } from "./svgs-D5DhLHxC.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-B_T7k-dq.js";
-import { t as c } from "./seat-reservation-graphic.component-BNtFgIVM.js";
-import { t as l } from "./seat-reservation-navigation-coach.component-BF2dTeIb.js";
-import { t as u } from "./seat-reservation-navigation-services.component-BSeCIGnn.js";
-import { t as d } from "./seat-reservation-place-control.component-DOEKL6FP.js";
-import { t as f } from "./seat-reservation-scoped.component-CdB7HYzl.js";
+import { t as s } from "./seat-reservation-area.component-BcmwKJSK.js";
+import { t as c } from "./seat-reservation-graphic.component-C3wc4DKr.js";
+import { t as l } from "./seat-reservation-navigation-coach.component-D1SgS8BU.js";
+import { t as u } from "./seat-reservation-navigation-services.component-CfAQa7pa.js";
+import { t as d } from "./seat-reservation-place-control.component-DrzEDW8Z.js";
+import { t as f } from "./seat-reservation-scoped.component-BohQUGVW.js";
 import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as m } from "./seat-reservation.component-SoXTIEnc.js";
+import { t as m } from "./seat-reservation.component-CB2IWgM9.js";
 export { s as SbbSeatReservationAreaElement, m as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, l as SbbSeatReservationNavigationCoachElement, u as SbbSeatReservationNavigationServicesElement, d as SbbSeatReservationPlaceControlElement, f as SbbSeatReservationScopedElement, p as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };

package/timetable-duration/timetable-duration.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-duration.component-B2Wq8dP0.js";
+import { t as e } from "../timetable-duration.component-DPRcG1LP.js";
 export { e as SbbTimetableDurationElement };

package/{timetable-duration.component-B2Wq8dP0.js → timetable-duration.component-DPRcG1LP.js}

@@ -1,17 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a, i18nDurationHour as o, i18nDurationMinute as s, screenReaderOnlyStyles as c } from "@sbb-esta/lyne-elements/core.js";
-import { html as l, unsafeCSS as u } from "lit";
-import { property as d } from "lit/decorators.js";
+import { SbbElement as n, SbbLanguageController as r, forceType as i, i18nDurationHour as a, i18nDurationMinute as o, screenReaderOnlyStyles as s } from "@sbb-esta/lyne-elements/core.js";
+import { html as c, unsafeCSS as l } from "lit";
+import { property as u } from "lit/decorators.js";
 //#region src/elements-experimental/timetable-duration/timetable-duration.scss?inline
-var f = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}", p = (() => {
-	let p = n, m, h = [], g = [];
-	return class extends p {
+var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}", f = (() => {
+	let f = n, p, m = [], h = [];
+	return class extends f {
 		constructor() {
-			super(...arguments), this.#e = t(this, h, ""), this._language = (t(this, g), new r(this));
+			super(...arguments), this.#e = t(this, m, ""), this._language = (t(this, h), new r(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-			m = [a(), d()], e(this, null, m, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [i(), u()], e(this, null, p, {
 				kind: "accessor",
 				name: "config",
 				static: !1,
@@ -24,7 +24,7 @@ var f = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 					}
 				},
 				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -35,11 +35,7 @@ var f = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.elementName = "sbb-timetable-duration";
 		}
 		static {
-			this.styles = [
-				i,
-				c,
-				u(f)
-			];
+			this.styles = [s, l(d)];
 		}
 		#e;
 		get config() {
@@ -49,8 +45,8 @@ var f = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.#e = e;
 		}
 		render() {
-			let e = JSON.parse(this.config), t = o.multiple.short[this._language.current], n = s.multiple.short[this._language.current], r = "", i = "", a = o.multiple.long[this._language.current], c = s.multiple.long[this._language.current];
-			return e.hours === 1 && (a = o.single.long[this._language.current]), e.minutes === 1 && (c = s.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${a}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${c}.`, l`
+			let e = JSON.parse(this.config), t = a.multiple.short[this._language.current], n = o.multiple.short[this._language.current], r = "", i = "", s = a.multiple.long[this._language.current], l = o.multiple.long[this._language.current];
+			return e.hours === 1 && (s = a.single.long[this._language.current]), e.minutes === 1 && (l = o.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${s}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${l}.`, c`
       <p aria-label=${i} class="duration" role="text">
         <span aria-hidden="true" class="duration__text--visual" role="presentation">
           ${r}
@@ -62,4 +58,4 @@ var f = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 	};
 })();
 //#endregion
-export { p as t };
+export { f as t };

package/timetable-duration.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-duration.component-B2Wq8dP0.js";
+import { t as e } from "./timetable-duration.component-DPRcG1LP.js";
 import "./timetable-duration.pure.js";
 //#region src/elements-experimental/timetable-duration.ts
 e.define();

package/timetable-duration.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-duration.component-B2Wq8dP0.js";
+import { t as e } from "./timetable-duration.component-DPRcG1LP.js";
 export { e as SbbTimetableDurationElement };

package/timetable-row/timetable-row.component.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-BPH5pFQO.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-BqIVlISS.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 };