@sbb-esta/lyne-elements-experimental-dev 5.1.0-dev.1782687758 → 5.1.0-dev.1782718466

package/development/journey-summary.pure.js

@@ -2535,11 +2535,11 @@ let SbbJourneySummaryElement = (() => {
         <time datetime=${format(departureTime, "d") + " " + format(departureTime, "M")}>
           ${dateAdapter.format(departureTime).replace(",", ".")}</time
         >${duration && duration > 0 ? html`,<time>
-                <span class="sbb-screen-reader-only">
-                  ${i18nTripDuration[this._language.current]} ${durationObj.long}
-                </span>
-                <span aria-hidden="true">${durationObj.short}</span>
-              </time>` : nothing}
+                  <span class="sbb-screen-reader-only">
+                    ${i18nTripDuration[this._language.current]} ${durationObj.long}
+                  </span>
+                  <span aria-hidden="true">${durationObj.short}</span>
+                </time>` : nothing}
       `;
 		}
 		_renderJourneyVias(vias) {
@@ -2581,20 +2581,20 @@ let SbbJourneySummaryElement = (() => {
 			return html`
       <div class="sbb-journey-summary">
         ${origin ? html`<sbb-journey-header
-              visual-level="4"
-              .level=${this.headerLevel || nothing}
-              .origin=${origin}
-              .destination=${destination}
-              .roundTrip=${this.roundTrip ?? nothing}
-            ></sbb-journey-header>` : nothing}
+                visual-level="4"
+                .level=${this.headerLevel || nothing}
+                .origin=${origin}
+                .destination=${destination}
+                .roundTrip=${this.roundTrip ?? nothing}
+              ></sbb-journey-header>` : nothing}
         ${this._renderJourneyInformation(this.trip)}
         ${this.tripBack ? html`<div>
-              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
-              ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : nothing}
+                <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
+                ${this._renderJourneyInformation(this.tripBack)}
+              </div>` : nothing}
         ${this._hasContentSlot ? html` <div class="sbb-journey-summary__slot">
-              <slot name="content"></slot>
-            </div>` : nothing}
+                <slot name="content"></slot>
+              </div>` : nothing}
       </div>
     `;
 		}

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

@@ -2551,14 +2551,14 @@ let SbbPearlChainTimeElement = (() => {
       <div class="sbb-pearl-chain__time">
         ${renderDepartureTimeAttribute()}
         ${departure ? html`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
-              <span class="sbb-screen-reader-only"
-                >${i18nDeparture[this._language.current]}:&nbsp;</span
-              >
-              ${format(departure, "HH:mm")}
-            </time>` : nothing}
+                <span class="sbb-screen-reader-only"
+                  >${i18nDeparture[this._language.current]}:&nbsp;</span
+                >
+                ${format(departure, "HH:mm")}
+              </time>` : nothing}
         ${rideLegs?.length > 1 ? html`<span class="sbb-screen-reader-only" role="paragraph">
-              ${rideLegs?.length - 1} ${i18nTransferProcedures[this._language.current]}
-            </span>` : nothing}
+                ${rideLegs?.length - 1} ${i18nTransferProcedures[this._language.current]}
+              </span>` : nothing}
         <sbb-pearl-chain
           class="sbb-pearl-chain__time-chain"
           .legs=${this.legs}
@@ -2566,11 +2566,11 @@ let SbbPearlChainTimeElement = (() => {
           .now=${this.now}
         ></sbb-pearl-chain>
         ${arrival ? html`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
-              <span class="sbb-screen-reader-only"
-                >${i18nArrival[this._language.current]}:&nbsp;</span
-              >
-              ${format(arrival, "HH:mm")}
-            </time>` : nothing}
+                <span class="sbb-screen-reader-only"
+                  >${i18nArrival[this._language.current]}:&nbsp;</span
+                >
+                ${format(arrival, "HH:mm")}
+              </time>` : nothing}
         ${renderArrivalTimeAttribute()}
       </div>
     `;

package/development/pearl-chain-vertical-item.pure.js

@@ -107,16 +107,16 @@ let SbbPearlChainVerticalItemElement = (() => {
         class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
       >
         ${!hideLine ? html`<div
-              style=${styleMap({ "--sbb-pearl-chain-vertical-item-leg-status": `${position}%` })}
-              class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${lineType} sbb-pearl-chain-vertical-item__line--${lineColor}"
-            ></div>` : nothing}
+                style=${styleMap({ "--sbb-pearl-chain-vertical-item-leg-status": `${position}%` })}
+                class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${lineType} sbb-pearl-chain-vertical-item__line--${lineColor}"
+              ></div>` : nothing}
         ${bulletType ? html`<div
-              class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${bulletSize} ${bulletTypeClass}"
-            ></div>` : nothing}
+                class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${bulletSize} ${bulletTypeClass}"
+              ></div>` : nothing}
         ${position && position > 0 ? html`<div
-              style=${styleMap({ "--sbb-pearl-chain-vertical-item-position": `${position}%` })}
-              class="sbb-pearl-chain-vertical-item__bullet--position"
-            ></div>` : nothing}
+                style=${styleMap({ "--sbb-pearl-chain-vertical-item-position": `${position}%` })}
+                class="sbb-pearl-chain-vertical-item__bullet--position"
+              ></div>` : nothing}
       </div>
       <slot name="right"></slot>
     `;

package/development/seat-reservation.pure.js

@@ -13043,10 +13043,10 @@ let SbbSeatReservationGraphicElement = (() => {
 			})}"
     >
       ${svgObj.svgName ? html` <sbb-icon
-            name="${svgObj.svgName || ""}"
-            aria-hidden="false"
-            aria-label="${getI18nSeatReservation(svgObj.svgName, this._language.current)}"
-          ></sbb-icon>` : html`${this._getSvgElement(svgObj.svg)}`}
+              name="${svgObj.svgName || ""}"
+              aria-hidden="false"
+              aria-label="${getI18nSeatReservation(svgObj.svgName, this._language.current)}"
+            ></sbb-icon>` : html`${this._getSvgElement(svgObj.svg)}`}
     </span>`;
 		}
 		_getSvgElement(svg) {
@@ -13558,10 +13558,10 @@ let SbbSeatReservationNavigationCoachElement = (() => {
       >
         ${this._getNavigationButton()}
         ${this.coachItemDetails.propertyIds?.length ? html`<sbb-seat-reservation-navigation-services
-              ?vertical="${this.vertical}"
-              .propertyIds="${this.coachItemDetails.propertyIds}"
-              ?showTitleInfo="${this.showTitleInfo}"
-            ></sbb-seat-reservation-navigation-services>` : nothing}
+                ?vertical="${this.vertical}"
+                .propertyIds="${this.coachItemDetails.propertyIds}"
+                ?showTitleInfo="${this.showTitleInfo}"
+              ></sbb-seat-reservation-navigation-services>` : nothing}
       </div>
     `;
 		}
@@ -13592,17 +13592,17 @@ let SbbSeatReservationNavigationCoachElement = (() => {
 			return html`
       ${serviceClassNumber === 1 ? html`<span class="sbb-sr-navigation--first-class"></span>` : nothing}
       ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? html`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachItemDetails.id ? html`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
-                  ${this.coachItemDetails.id}
-                </div>` : nothing}
-            <div
-              ${serviceClassNumber ?? nothing}
-              class="sbb-sr-navigation__item-coach-travelclass"
-              aria-hidden="true"
-            >
-              ${serviceClassNumber}
-            </div>
-          </div>` : nothing}
+              ${this.coachItemDetails.id ? html`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                      ${this.coachItemDetails.id}
+                    </div>` : nothing}
+              <div
+                ${serviceClassNumber ?? nothing}
+                class="sbb-sr-navigation__item-coach-travelclass"
+                aria-hidden="true"
+              >
+                ${serviceClassNumber}
+              </div>
+            </div>` : nothing}
     `;
 		}
 		_getTitleDescriptionNavCoachButton(serviceClassNumber) {
@@ -15884,8 +15884,8 @@ var SbbSeatReservationElement = class extends SeatReservationBaseElement {
           aria-hidden="true"
         >
           ${areaProperty ? html`
-                <sbb-seat-reservation-graphic
-                  style=${styleMap({
+                  <sbb-seat-reservation-graphic
+                    style=${styleMap({
 				"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
 				"--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
 				"--sbb-seat-reservation-graphic-width": graphicElement.dimension.w,
@@ -15893,12 +15893,12 @@ var SbbSeatReservationElement = class extends SeatReservationBaseElement {
 				"--sbb-seat-reservation-graphic-rotation": graphicElement.rotation,
 				"--sbb-seat-reservation-graphic-padding-percent": areaProperty !== "ENTRY_EXIT" ? this.globalAreaIconPadding : 1
 			})}
-                  name=${areaProperty}
-                  role="img"
-                  aria-hidden="true"
-                  class="sbb-sr-graphic__dimension--square-dim"
-                ></sbb-seat-reservation-graphic>
-              ` : nothing}
+                    name=${areaProperty}
+                    role="img"
+                    aria-hidden="true"
+                    class="sbb-sr-graphic__dimension--square-dim"
+                  ></sbb-seat-reservation-graphic>
+                ` : nothing}
         </sbb-seat-reservation-area>
         ${areaProperty ? this._popover(triggerId, ariaLabelForArea) : nothing}
       `;

package/development/timetable-row.pure.js

@@ -2916,27 +2916,27 @@ let SbbTimetableRowElement = (() => {
         </sbb-card-button>
         ${this.loadingPrice ? html`<div class="sbb-loading__badge" slot="badge"></div>` : nothing}
         ${this.price && !this.loadingPrice ? html`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
-              ${this.price.isDiscount ? html`<span aria-hidden="true">
-                    %<span class="sbb-screen-reader-only"
-                      >${i18nSupersaver[this._language.current]}</span
-                    >
-                  </span>` : nothing}
-              ${this.price.text ? html`<span>${this.price.text}</span>` : nothing}
-              ${this.price.price ? html`<span>${this.price.price}</span>` : nothing}
-            </sbb-card-badge>` : nothing}
+                ${this.price.isDiscount ? html`<span aria-hidden="true">
+                        %<span class="sbb-screen-reader-only"
+                          >${i18nSupersaver[this._language.current]}</span
+                        >
+                      </span>` : nothing}
+                ${this.price.text ? html`<span>${this.price.text}</span>` : nothing}
+                ${this.price.price ? html`<span>${this.price.price}</span>` : nothing}
+              </sbb-card-badge>` : nothing}
         <div class="sbb-timetable__row" role="row">
           <div class="sbb-timetable__row-header" role="gridcell">
             <div class="sbb-timetable__row-details">
               ${product?.corporateIdentityPictogram && html`<span class="sbb-timetable__row-transport-wrapper">
-                <sbb-icon
-                  class="sbb-timetable__row-transport-icon"
-                  name="picto:${product.corporateIdentityPictogram}"
-                ></sbb-icon>
-                <span class="sbb-screen-reader-only">
-                  ${product && product.vehicleMode && i18nMeansOfTransport[product.vehicleMode.toLowerCase()] && i18nMeansOfTransport[product.vehicleMode.toLowerCase()][this._language.current]}
-                  &nbsp;
-                </span>
-              </span>`}
+                  <sbb-icon
+                    class="sbb-timetable__row-transport-icon"
+                    name="picto:${product.corporateIdentityPictogram}"
+                  ></sbb-icon>
+                  <span class="sbb-screen-reader-only">
+                    ${product && product.vehicleMode && i18nMeansOfTransport[product.vehicleMode.toLowerCase()] && i18nMeansOfTransport[product.vehicleMode.toLowerCase()][this._language.current]}
+                    &nbsp;
+                  </span>
+                </span>`}
               ${product && (product.corporateIdentityIcon ? renderIconProduct(product.corporateIdentityIcon, product.name) : product.vehicleSubModeShortName && renderStringProduct(product.vehicleSubModeShortName, product?.line))}
             </div>
             ${direction ? html`<p>${`${i18nDirection[this._language.current]} ${direction}`}</p>` : nothing}
@@ -2954,45 +2954,45 @@ let SbbTimetableRowElement = (() => {
           ></sbb-pearl-chain-time>
           <div class="sbb-timetable__row-footer" role="gridcell">
             ${product && departure?.quayFormatted ? html`<span
-                  class=${departure?.quayChanged ? `sbb-timetable__row-quay--changed` : nothing}
-                >
-                  <span class="sbb-screen-reader-only">
-                    ${`${i18nDeparture[this._language.current]} ${departure?.quayChanged ? i18nNew[this._language.current] : ""}`}
-                    &nbsp;
-                  </span>
-                  ${this._renderQuayType()} ${departure?.quayFormatted}
-                </span>` : nothing}
+                    class=${departure?.quayChanged ? `sbb-timetable__row-quay--changed` : nothing}
+                  >
+                    <span class="sbb-screen-reader-only">
+                      ${`${i18nDeparture[this._language.current]} ${departure?.quayChanged ? i18nNew[this._language.current] : ""}`}
+                      &nbsp;
+                    </span>
+                    ${this._renderQuayType()} ${departure?.quayFormatted}
+                  </span>` : nothing}
             ${occupancy?.firstClass && occupancy?.firstClass !== "UNKNOWN" || occupancy?.secondClass && occupancy.secondClass !== "UNKNOWN" ? html`<sbb-timetable-occupancy
-                  .firstClassOccupancy=${occupancy?.firstClass?.toLowerCase()}
-                  .secondClassOccupancy=${occupancy?.secondClass?.toLowerCase()}
-                ></sbb-timetable-occupancy>` : nothing}
+                    .firstClassOccupancy=${occupancy?.firstClass?.toLowerCase()}
+                    .secondClassOccupancy=${occupancy?.secondClass?.toLowerCase()}
+                  ></sbb-timetable-occupancy>` : nothing}
             ${noticeAttributes && noticeAttributes.length || this.boarding ? html`<ul class="sbb-timetable__row-hints" role="list">
-                  ${noticeAttributes?.map((notice, index) => index < 4 ? html`<li>
-                          <sbb-icon
-                            class="sbb-travel-hints__item"
-                            name=${"sa-" + notice.name?.toLowerCase()}
-                          ></sbb-icon>
-                          <span class="sbb-screen-reader-only">${notice.text?.template}</span>
-                        </li>` : nothing)}
-                  ${this.boarding ? html`<li>
-                        <sbb-icon
-                          class="sbb-travel-hints__item"
-                          name=${this.boarding?.name}
-                          aria-label=${this.boarding?.text}
-                          aria-hidden="false"
-                        ></sbb-icon>
-                      </li>` : nothing}
-                </ul>` : nothing}
+                    ${noticeAttributes?.map((notice, index) => index < 4 ? html`<li>
+                            <sbb-icon
+                              class="sbb-travel-hints__item"
+                              name=${"sa-" + notice.name?.toLowerCase()}
+                            ></sbb-icon>
+                            <span class="sbb-screen-reader-only">${notice.text?.template}</span>
+                          </li>` : nothing)}
+                    ${this.boarding ? html`<li>
+                            <sbb-icon
+                              class="sbb-travel-hints__item"
+                              name=${this.boarding?.name}
+                              aria-label=${this.boarding?.text}
+                              aria-hidden="false"
+                            ></sbb-icon>
+                          </li>` : nothing}
+                  </ul>` : nothing}
             ${duration && duration > 0 ? html`<time>
-                  <span class="sbb-screen-reader-only">
-                    ${`${i18nTripDuration[this._language.current]} ${durationObj.long}`}
-                  </span>
-                  <span aria-hidden="true">${durationObj.short}</span>
-                </time>` : nothing}
+                    <span class="sbb-screen-reader-only">
+                      ${`${i18nTripDuration[this._language.current]} ${durationObj.long}`}
+                    </span>
+                    <span aria-hidden="true">${durationObj.short}</span>
+                  </time>` : nothing}
             ${hasHimCus && (himCus.cus || himCus.him) ? html`<span class="sbb-timetable__row-warning">
-                  <sbb-icon name=${(himCus.cus || himCus.him).name}></sbb-icon>
-                  <span class="sbb-screen-reader-only">${(himCus.cus || himCus.him).text}</span>
-                </span>` : nothing}
+                    <sbb-icon name=${(himCus.cus || himCus.him).name}></sbb-icon>
+                    <span class="sbb-screen-reader-only">${(himCus.cus || himCus.him).text}</span>
+                  </span>` : nothing}
           </div>
         </div>
       </sbb-card>

package/journey-summary.pure.js

@@ -3,11 +3,11 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as
         <time datetime=${$(e,`d`)+` `+$(e,`M`)}>
           ${n.format(e).replace(`,`,`.`)}</time
         >${t&&t>0?u`,<time>
-                <span class="sbb-screen-reader-only">
-                  ${o[this._language.current]} ${r.long}
-                </span>
-                <span aria-hidden="true">${r.short}</span>
-              </time>`:d}
+                  <span class="sbb-screen-reader-only">
+                    ${o[this._language.current]} ${r.long}
+                  </span>
+                  <span aria-hidden="true">${r.short}</span>
+                </time>`:d}
       `}_renderJourneyVias(e){let t=e.slice(0,5);return u`
       <div class="sbb-journey-summary__via-block">
         <span class="sbb-journey-summary__via-text">Via</span>
@@ -37,19 +37,19 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as
     `}render(){let{origin:e,destination:t}=this.trip||{};return u`
       <div class="sbb-journey-summary">
         ${e?u`<sbb-journey-header
-              visual-level="4"
-              .level=${this.headerLevel||d}
-              .origin=${e}
-              .destination=${t}
-              .roundTrip=${this.roundTrip??d}
-            ></sbb-journey-header>`:d}
+                visual-level="4"
+                .level=${this.headerLevel||d}
+                .origin=${e}
+                .destination=${t}
+                .roundTrip=${this.roundTrip??d}
+              ></sbb-journey-header>`:d}
         ${this._renderJourneyInformation(this.trip)}
         ${this.tripBack?u`<div>
-              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
-              ${this._renderJourneyInformation(this.tripBack)}
-            </div>`:d}
+                <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
+                ${this._renderJourneyInformation(this.tripBack)}
+              </div>`:d}
         ${this._hasContentSlot?u` <div class="sbb-journey-summary__slot">
-              <slot name="content"></slot>
-            </div>`:d}
+                <slot name="content"></slot>
+              </div>`:d}
       </div>
     `}}})();export{Ce as SbbJourneySummaryElement};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "5.1.0-dev.1782687758",
+  "version": "5.1.0-dev.1782718466",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/8e80fe5ff3e0ca69e26da4170cfdffebd63baa9f"
+    "https://github.com/sbb-design-systems/lyne-components/commit/4151642e21b055068cde0fafced1b2853052fc04"
   ],
   "type": "module",
   "exports": {

package/pearl-chain-time.pure.js

@@ -3,14 +3,14 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as
       <div class="sbb-pearl-chain__time">
         ${n()}
         ${e?d`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
-              <span class="sbb-screen-reader-only"
-                >${s[this._language.current]}:&nbsp;</span
-              >
-              ${$(e,`HH:mm`)}
-            </time>`:f}
+                <span class="sbb-screen-reader-only"
+                  >${s[this._language.current]}:&nbsp;</span
+                >
+                ${$(e,`HH:mm`)}
+              </time>`:f}
         ${i?.length>1?d`<span class="sbb-screen-reader-only" role="paragraph">
-              ${i?.length-1} ${c[this._language.current]}
-            </span>`:f}
+                ${i?.length-1} ${c[this._language.current]}
+              </span>`:f}
         <sbb-pearl-chain
           class="sbb-pearl-chain__time-chain"
           .legs=${this.legs}
@@ -18,11 +18,11 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as
           .now=${this.now}
         ></sbb-pearl-chain>
         ${t?d`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
-              <span class="sbb-screen-reader-only"
-                >${o[this._language.current]}:&nbsp;</span
-              >
-              ${$(t,`HH:mm`)}
-            </time>`:f}
+                <span class="sbb-screen-reader-only"
+                  >${o[this._language.current]}:&nbsp;</span
+                >
+                ${$(t,`HH:mm`)}
+              </time>`:f}
         ${r()}
       </div>
     `}}})();export{Te as SbbPearlChainTimeElement};

package/pearl-chain-vertical-item.pure.js

@@ -11,16 +11,16 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbElement as
         class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
       >
         ${r?a:i`<div
-              style=${c({"--sbb-pearl-chain-vertical-item-leg-status":`${l}%`})}
-              class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${t} sbb-pearl-chain-vertical-item__line--${n}"
-            ></div>`}
+                style=${c({"--sbb-pearl-chain-vertical-item-leg-status":`${l}%`})}
+                class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${t} sbb-pearl-chain-vertical-item__line--${n}"
+              ></div>`}
         ${e?i`<div
-              class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${s} ${u}"
-            ></div>`:a}
+                class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${s} ${u}"
+              ></div>`:a}
         ${l&&l>0?i`<div
-              style=${c({"--sbb-pearl-chain-vertical-item-position":`${l}%`})}
-              class="sbb-pearl-chain-vertical-item__bullet--position"
-            ></div>`:a}
+                style=${c({"--sbb-pearl-chain-vertical-item-position":`${l}%`})}
+                class="sbb-pearl-chain-vertical-item__bullet--position"
+              ></div>`:a}
       </div>
       <slot name="right"></slot>
     `}constructor(){super(...arguments),t(this,g)}}})();export{u as SbbPearlChainVerticalItemElement};

package/seat-reservation.pure.js

@@ -221,10 +221,10 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbButtonBase
       class="${y({"sbb-sr-icon":!!e.svgName,"sbb-sr-graphic":!!e.svg})}"
     >
       ${e.svgName?d` <sbb-icon
-            name="${e.svgName||``}"
-            aria-hidden="false"
-            aria-label="${I(e.svgName,this._language.current)}"
-          ></sbb-icon>`:d`${this._getSvgElement(e.svg)}`}
+              name="${e.svgName||``}"
+              aria-hidden="false"
+              aria-label="${I(e.svgName,this._language.current)}"
+            ></sbb-icon>`:d`${this._getSvgElement(e.svg)}`}
     </span>`}_getSvgElement(e){if(!f){let t=new DOMParser,n=e||`<svg></svg>`,r=t.parseFromString(n,`image/svg+xml`).firstElementChild;return this.stretch&&r?.nodeName.toLowerCase()===`svg`&&r.setAttribute(`preserveAspectRatio`,`none`),r}return null}}})();var V=`.sbb-sr-navigation__signs{justify-content:center;gap:var(--sbb-spacing-fixed-2x);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));flex-direction:row;line-height:normal;display:flex;overflow:hidden}.sbb-sr-navigation__signs:has(:nth-child(n+3 of .auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of .auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}
 `;let H=(()=>{let n=r,a,s=[],c=[],u,f=[],h=[],_,v=[],y=[];return class extends n{constructor(){super(...arguments),this.#e=t(this,s,[]),this.#t=(t(this,c),t(this,f,!1)),this.#n=(t(this,h),t(this,v,!1)),this._language=(t(this,y),new i(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;a=[g({attribute:`property-ids`,type:Array})],u=[o(),g({type:Boolean,reflect:!0,useDefault:!0})],_=[o(),g({type:Boolean})],e(this,null,a,{kind:`accessor`,name:`propertyIds`,static:!1,private:!1,access:{has:e=>`propertyIds`in e,get:e=>e.propertyIds,set:(e,t)=>{e.propertyIds=t}},metadata:t},s,c),e(this,null,u,{kind:`accessor`,name:`vertical`,static:!1,private:!1,access:{has:e=>`vertical`in e,get:e=>e.vertical,set:(e,t)=>{e.vertical=t}},metadata:t},f,h),e(this,null,_,{kind:`accessor`,name:`showTitleInfo`,static:!1,private:!1,access:{has:e=>`showTitleInfo`in e,get:e=>e.showTitleInfo,set:(e,t)=>{e.showTitleInfo=t}},metadata:t},v,y),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-seat-reservation-navigation-services`}static{this.elementDependencies=[B]}static{this.styles=[l,m(V)]}#e;get propertyIds(){return this.#e}set propertyIds(e){this.#e=e}#t;get vertical(){return this.#t}set vertical(e){this.#t=e}#n;get showTitleInfo(){return this.#n}set showTitleInfo(e){this.#n=e}render(){let e=this.propertyIds?.length?this._getServiceLabelDescription():null;return d` <div class="sbb-sr-navigation__signs">
       <span
@@ -247,10 +247,10 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbButtonBase
       >
         ${this._getNavigationButton()}
         ${this.coachItemDetails.propertyIds?.length?d`<sbb-seat-reservation-navigation-services
-              ?vertical="${this.vertical}"
-              .propertyIds="${this.coachItemDetails.propertyIds}"
-              ?showTitleInfo="${this.showTitleInfo}"
-            ></sbb-seat-reservation-navigation-services>`:p}
+                ?vertical="${this.vertical}"
+                .propertyIds="${this.coachItemDetails.propertyIds}"
+                ?showTitleInfo="${this.showTitleInfo}"
+              ></sbb-seat-reservation-navigation-services>`:p}
       </div>
     `}_getNavigationButton(){let e=this._getCoachServiceClassNumber(),t=this._getTitleDescriptionNavCoachButton(e),n=this._getAriaDescriptionCoachServices();return d` <button
       @click=${()=>this._selectNavCoach(this.index)}
@@ -268,17 +268,17 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbButtonBase
     </button>`}_getBtnInformation(e){return this.coachItemDetails.isDriverArea?null:d`
       ${e===1?d`<span class="sbb-sr-navigation--first-class"></span>`:p}
       ${this.coachItemDetails.travelClass?.length>0||this.coachItemDetails.id?d`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachItemDetails.id?d`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
-                  ${this.coachItemDetails.id}
-                </div>`:p}
-            <div
-              ${e??p}
-              class="sbb-sr-navigation__item-coach-travelclass"
-              aria-hidden="true"
-            >
-              ${e}
-            </div>
-          </div>`:p}
+              ${this.coachItemDetails.id?d`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                      ${this.coachItemDetails.id}
+                    </div>`:p}
+              <div
+                ${e??p}
+                class="sbb-sr-navigation__item-coach-travelclass"
+                aria-hidden="true"
+              >
+                ${e}
+              </div>
+            </div>`:p}
     `}_getTitleDescriptionNavCoachButton(e){if(this.coachItemDetails.isDriverArea&&!this.coachItemDetails.isLocomotive)return I(`NAVIGATE_COACH_BLOCKED`,this._language.current,[this.coachItemDetails.id]);if(this.coachItemDetails.isLocomotive)return I(`COACH_LOCOMOTIVE`,this._language.current);let t=I(`NAVIGATE_TO_COACH`,this._language.current,[this.coachItemDetails.id]);if(e){let n=I(e===1?`SERVICE_CLASS_FIRST`:`SERVICE_CLASS_SECOND`,this._language.current),r=I(`NAVIGATE_TO_COACH_SERVICE_CLASS_SUB`,this._language.current,[n]);t=t.concat(r)}let n=I(`COACH_AVAILABLE_NUMBER_OF_PLACES`,this._language.current,[this.coachItemDetails.freePlaces?.seats,this.coachItemDetails.freePlaces?.bicycles]);return t=t.concat(`. `).concat(n),t}_getAriaDescriptionCoachServices(){let e=null;return this.coachItemDetails.propertyIds?.length&&(e=I(`COACH_AVAILABLE_SERVICES`,this._language.current)+`: `,e+=this.coachItemDetails.propertyIds.map(e=>I(e,this._language.current)).join()+`.`),e}_selectNavCoach(e){this.dispatchEvent(new W(e))}_getCoachServiceClassNumber(){return this.coachItemDetails.travelClass?.includes(`FIRST`)?1:this.coachItemDetails.travelClass?.includes(`SECOND`)?2:null}}})();var K=`:host{--sbb-seat-reservation-place-control-text-scale-value:1;--sbb-seat-reservation-place-control-width:16;--sbb-seat-reservation-place-control-height:16;--sbb-seat-reservation-place-control-top:0;--sbb-seat-reservation-place-control-left:0;--sbb-seat-reservation-place-control-rotation:0;--sbb-seat-reservation-place-control-text-rotation:0;--sbb-seat-reservation-place-control-text-size:calc(var(--sbb-seat-reservation-place-control-text-scale-value,1) * .5);--sbb-seat-reservation-place-control-default-text:light-dark(var(--sbb-color-black),var(--sbb-color-white));--sbb-seat-reservation-place-control-hover-text:light-dark(var(--sbb-color-iron),var(--sbb-color-silver));--sbb-seat-reservation-place-control-focus-text:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite));--sbb-seat-reservation-place-control-allocated-text:light-dark(var(--sbb-color-smoke),var(--sbb-color-metal));--sbb-seat-reservation-place-control-free-background-default:var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover:light-dark(var(--sbb-color-cloud),var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-background-focus:light-dark(var(--sbb-color-silver),var(--sbb-color-black));--sbb-seat-reservation-place-control-free-backrest-background-default:light-dark(var(--sbb-color-black),var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-hover:light-dark(var(--sbb-color-black),var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-focus:light-dark(var(--sbb-color-black),var(--sbb-color-white));--sbb-seat-reservation-place-control-selected-background-default:var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover:var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus:var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default:var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-hover:#7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus:#5a000b;--sbb-seat-reservation-place-control-allocated-background-default:light-dark(var(--sbb-color-milk),var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-backrest-high-contrast:CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast:Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast:ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast:CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast:GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast:Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast:GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast:GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));cursor:var(--sbb-cursor-pointer);font-weight:300;position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}: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(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem,.0625rem));position:relative}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media (forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial;display:none;position:absolute;inset-block-start:50%;overflow:hidden}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{transform-origin:50% 16%;font-size:.6875em;inset-block-start:65%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}
 `,q=class extends Event{get detail(){return this._detail}constructor(e){super(`selectplace`,{bubbles:!0,composed:!0}),this._detail=e}};let J=(()=>{let r=n,a,s=[],c=[],l,u=[],f=[],h,_=[],v=[],y,x=[],S=[],C,w=[],T=[],E,D=[],O=[],k,A=[],j=[],M,N=[],P=[],F,L=[],R=[],z,V=[],H=[];return class extends r{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;a=[o(),g({attribute:`type`})],l=[o(),g({attribute:`state`,reflect:!0})],h=[g({attribute:`travel-direction`})],y=[g({attribute:`propertyIds`,type:Array})],C=[o(),g({attribute:`text`})],E=[o(),g({attribute:`deck-index`,type:Number})],k=[o(),g({attribute:`coach-index`,type:Number})],M=[o(),g({attribute:`prevent-click`,type:Boolean})],F=[o(),g({attribute:`keyfocus`})],z=[o(),g({type:Boolean,useDefault:!0})],e(this,null,a,{kind:`accessor`,name:`placeType`,static:!1,private:!1,access:{has:e=>`placeType`in e,get:e=>e.placeType,set:(e,t)=>{e.placeType=t}},metadata:t},s,c),e(this,null,l,{kind:`accessor`,name:`state`,static:!1,private:!1,access:{has:e=>`state`in e,get:e=>e.state,set:(e,t)=>{e.state=t}},metadata:t},u,f),e(this,null,h,{kind:`accessor`,name:`travelDirection`,static:!1,private:!1,access:{has:e=>`travelDirection`in e,get:e=>e.travelDirection,set:(e,t)=>{e.travelDirection=t}},metadata:t},_,v),e(this,null,y,{kind:`accessor`,name:`propertyIds`,static:!1,private:!1,access:{has:e=>`propertyIds`in e,get:e=>e.propertyIds,set:(e,t)=>{e.propertyIds=t}},metadata:t},x,S),e(this,null,C,{kind:`accessor`,name:`text`,static:!1,private:!1,access:{has:e=>`text`in e,get:e=>e.text,set:(e,t)=>{e.text=t}},metadata:t},w,T),e(this,null,E,{kind:`accessor`,name:`deckIndex`,static:!1,private:!1,access:{has:e=>`deckIndex`in e,get:e=>e.deckIndex,set:(e,t)=>{e.deckIndex=t}},metadata:t},D,O),e(this,null,k,{kind:`accessor`,name:`coachIndex`,static:!1,private:!1,access:{has:e=>`coachIndex`in e,get:e=>e.coachIndex,set:(e,t)=>{e.coachIndex=t}},metadata:t},A,j),e(this,null,M,{kind:`accessor`,name:`preventClick`,static:!1,private:!1,access:{has:e=>`preventClick`in e,get:e=>e.preventClick,set:(e,t)=>{e.preventClick=t}},metadata:t},N,P),e(this,null,F,{kind:`accessor`,name:`keyfocus`,static:!1,private:!1,access:{has:e=>`keyfocus`in e,get:e=>e.keyfocus,set:(e,t)=>{e.keyfocus=t}},metadata:t},L,R),e(this,null,z,{kind:`accessor`,name:`showTitleInfo`,static:!1,private:!1,access:{has:e=>`showTitleInfo`in e,get:e=>e.showTitleInfo,set:(e,t)=>{e.showTitleInfo=t}},metadata:t},V,H),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-seat-reservation-place-control`}static{this.elementDependencies=[B]}static{this.styles=[m(K)]}static{this.events={selectplace:`selectplace`}}#e;get placeType(){return this.#e}set placeType(e){this.#e=e}#t;get state(){return this.#t}set state(e){this.#t=e}#n;get travelDirection(){return this.#n}set travelDirection(e){this.#n=e}#r;get propertyIds(){return this.#r}set propertyIds(e){this.#r=e}#i;get text(){return this.#i}set text(e){this.#i=e}#a;get deckIndex(){return this.#a}set deckIndex(e){this.#a=e}#o;get coachIndex(){return this.#o}set coachIndex(e){this.#o=e}#s;get preventClick(){return this.#s}set preventClick(e){this.#s=e}#c;get keyfocus(){return this.#c}set keyfocus(e){this.#c=e}#l;get showTitleInfo(){return this.#l}set showTitleInfo(e){this.#l=e}constructor(){super(),this.#e=t(this,s,`SEAT`),this.#t=(t(this,c),t(this,u,`FREE`)),this.#n=(t(this,f),t(this,_,`NONE`)),this.#r=(t(this,v),t(this,x,[])),this.#i=(t(this,S),t(this,w,``)),this.#a=(t(this,T),t(this,D,null)),this.#o=(t(this,O),t(this,A,null)),this.#s=(t(this,j),t(this,N,!1)),this.#c=(t(this,P),t(this,L,`unfocus`)),this.#l=(t(this,R),t(this,V,!1)),this._language=(t(this,H),new i(this)),this.addEventListener(`click`,()=>this._selectPlace())}willUpdate(e){super.willUpdate(e),e.has(`keyfocus`)&&this.keyfocus===`focus`&&this.focus()}render(){let e=this._getPlaceSvg(this.placeType,this.state),t=this.type.toLowerCase(),n=this.state.toLowerCase(),r=this.text,i=this.style?.getPropertyValue(`--sbb-seat-reservation-place-control-width`),a=this.style?.getPropertyValue(`--sbb-seat-reservation-place-control-height`),o=this.style?.getPropertyValue(`--sbb-seat-reservation-place-control-rotation`),s=this.style?.getPropertyValue(`--sbb-seat-reservation-place-control-text-rotation`),c=Number(s)-Number(o),l=this.preventClick?`sbb-reservation-place-control--disabled`:null,u=this._getTitleDescriptionPlace(o);return this.showTitleInfo?(this.title=u,this.internals.ariaLabel=null):(this.internals.ariaLabel=u,this.removeAttribute(`title`)),this.tabIndex=-1,d` <div
       part="sbb-sr-place-part"
@@ -441,14 +441,14 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbButtonBase
           aria-hidden="true"
         >
           ${a?d`
-                <sbb-seat-reservation-graphic
-                  style=${b({"--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})}
-                  name=${a}
-                  role="img"
-                  aria-hidden="true"
-                  class="sbb-sr-graphic__dimension--square-dim"
-                ></sbb-seat-reservation-graphic>
-              `:p}
+                  <sbb-seat-reservation-graphic
+                    style=${b({"--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})}
+                    name=${a}
+                    role="img"
+                    aria-hidden="true"
+                    class="sbb-sr-graphic__dimension--square-dim"
+                  ></sbb-seat-reservation-graphic>
+                `:p}
         </sbb-seat-reservation-area>
         ${a?this._popover(r,o):p}
       `})}_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?I(n.icon,this._language.current):null;return d`

package/timetable-row.pure.js

@@ -30,27 +30,27 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbCardBadgeE
         </sbb-card-button>
         ${this.loadingPrice?b`<div class="sbb-loading__badge" slot="badge"></div>`:x}
         ${this.price&&!this.loadingPrice?b`<sbb-card-badge color=${this.price.isDiscount?`charcoal`:`white`}>
-              ${this.price.isDiscount?b`<span aria-hidden="true">
-                    %<span class="sbb-screen-reader-only"
-                      >${ie[this._language.current]}</span
-                    >
-                  </span>`:x}
-              ${this.price.text?b`<span>${this.price.text}</span>`:x}
-              ${this.price.price?b`<span>${this.price.price}</span>`:x}
-            </sbb-card-badge>`:x}
+                ${this.price.isDiscount?b`<span aria-hidden="true">
+                        %<span class="sbb-screen-reader-only"
+                          >${ie[this._language.current]}</span
+                        >
+                      </span>`:x}
+                ${this.price.text?b`<span>${this.price.text}</span>`:x}
+                ${this.price.price?b`<span>${this.price.price}</span>`:x}
+              </sbb-card-badge>`:x}
         <div class="sbb-timetable__row" role="row">
           <div class="sbb-timetable__row-header" role="gridcell">
             <div class="sbb-timetable__row-details">
               ${i?.corporateIdentityPictogram&&b`<span class="sbb-timetable__row-transport-wrapper">
-                <sbb-icon
-                  class="sbb-timetable__row-transport-icon"
-                  name="picto:${i.corporateIdentityPictogram}"
-                ></sbb-icon>
-                <span class="sbb-screen-reader-only">
-                  ${i&&i.vehicleMode&&f[i.vehicleMode.toLowerCase()]&&f[i.vehicleMode.toLowerCase()][this._language.current]}
-                  &nbsp;
-                </span>
-              </span>`}
+                  <sbb-icon
+                    class="sbb-timetable__row-transport-icon"
+                    name="picto:${i.corporateIdentityPictogram}"
+                  ></sbb-icon>
+                  <span class="sbb-screen-reader-only">
+                    ${i&&i.vehicleMode&&f[i.vehicleMode.toLowerCase()]&&f[i.vehicleMode.toLowerCase()][this._language.current]}
+                    &nbsp;
+                  </span>
+                </span>`}
               ${i&&(i.corporateIdentityIcon?We(i.corporateIdentityIcon,i.name):i.vehicleSubModeShortName&&Ge(i.vehicleSubModeShortName,i?.line))}
             </div>
             ${a?b`<p>${`${te[this._language.current]} ${a}`}</p>`:x}
@@ -68,45 +68,45 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{SbbCardBadgeE
           ></sbb-pearl-chain-time>
           <div class="sbb-timetable__row-footer" role="gridcell">
             ${i&&s?.quayFormatted?b`<span
-                  class=${s?.quayChanged?`sbb-timetable__row-quay--changed`:x}
-                >
-                  <span class="sbb-screen-reader-only">
-                    ${`${ee[this._language.current]} ${s?.quayChanged?ne[this._language.current]:``}`}
-                    &nbsp;
-                  </span>
-                  ${this._renderQuayType()} ${s?.quayFormatted}
-                </span>`:x}
+                    class=${s?.quayChanged?`sbb-timetable__row-quay--changed`:x}
+                  >
+                    <span class="sbb-screen-reader-only">
+                      ${`${ee[this._language.current]} ${s?.quayChanged?ne[this._language.current]:``}`}
+                      &nbsp;
+                    </span>
+                    ${this._renderQuayType()} ${s?.quayFormatted}
+                  </span>`:x}
             ${u?.firstClass&&u?.firstClass!==`UNKNOWN`||u?.secondClass&&u.secondClass!==`UNKNOWN`?b`<sbb-timetable-occupancy
-                  .firstClassOccupancy=${u?.firstClass?.toLowerCase()}
-                  .secondClassOccupancy=${u?.secondClass?.toLowerCase()}
-                ></sbb-timetable-occupancy>`:x}
+                    .firstClassOccupancy=${u?.firstClass?.toLowerCase()}
+                    .secondClassOccupancy=${u?.secondClass?.toLowerCase()}
+                  ></sbb-timetable-occupancy>`:x}
             ${m&&m.length||this.boarding?b`<ul class="sbb-timetable__row-hints" role="list">
-                  ${m?.map((e,t)=>t<4?b`<li>
-                          <sbb-icon
-                            class="sbb-travel-hints__item"
-                            name=${`sa-`+e.name?.toLowerCase()}
-                          ></sbb-icon>
-                          <span class="sbb-screen-reader-only">${e.text?.template}</span>
-                        </li>`:x)}
-                  ${this.boarding?b`<li>
-                        <sbb-icon
-                          class="sbb-travel-hints__item"
-                          name=${this.boarding?.name}
-                          aria-label=${this.boarding?.text}
-                          aria-hidden="false"
-                        ></sbb-icon>
-                      </li>`:x}
-                </ul>`:x}
+                    ${m?.map((e,t)=>t<4?b`<li>
+                            <sbb-icon
+                              class="sbb-travel-hints__item"
+                              name=${`sa-`+e.name?.toLowerCase()}
+                            ></sbb-icon>
+                            <span class="sbb-screen-reader-only">${e.text?.template}</span>
+                          </li>`:x)}
+                    ${this.boarding?b`<li>
+                            <sbb-icon
+                              class="sbb-travel-hints__item"
+                              name=${this.boarding?.name}
+                              aria-label=${this.boarding?.text}
+                              aria-hidden="false"
+                            ></sbb-icon>
+                          </li>`:x}
+                  </ul>`:x}
             ${d&&d>0?b`<time>
-                  <span class="sbb-screen-reader-only">
-                    ${`${se[this._language.current]} ${ae.long}`}
-                  </span>
-                  <span aria-hidden="true">${ae.short}</span>
-                </time>`:x}
+                    <span class="sbb-screen-reader-only">
+                      ${`${se[this._language.current]} ${ae.long}`}
+                    </span>
+                    <span aria-hidden="true">${ae.short}</span>
+                  </time>`:x}
             ${re&&(p.cus||p.him)?b`<span class="sbb-timetable__row-warning">
-                  <sbb-icon name=${(p.cus||p.him).name}></sbb-icon>
-                  <span class="sbb-screen-reader-only">${(p.cus||p.him).text}</span>
-                </span>`:x}
+                    <sbb-icon name=${(p.cus||p.him).name}></sbb-icon>
+                    <span class="sbb-screen-reader-only">${(p.cus||p.him).text}</span>
+                  </span>`:x}
           </div>
         </div>
       </sbb-card>