@sbb-esta/lyne-elements-experimental 4.11.0 → 5.0.0-next

package/{seat-reservation.component-DajC6fqU.js → seat-reservation.component-DBtJhrR_.js}

@@ -1,31 +1,39 @@
 import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { SbbLanguageController as t } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as r, isServer as i, nothing as a, unsafeCSS as o } from "lit";
-import "@sbb-esta/lyne-elements/screen-reader-only.js";
-import { styleMap as s } from "lit/directives/style-map.js";
-import { SbbSeatReservationAreaElement as c } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
-import { classMap as l } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
-import { SbbSeatReservationGraphicElement as d } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
-import { repeat as f } from "lit/directives/repeat.js";
-import { SbbSeatReservationNavigationCoachElement as p } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-import { SbbSeatReservationPlaceControlElement as m } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
-import { SbbSeatReservationScopedElement as h } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
-import "@sbb-esta/lyne-elements/button.js";
-import "@sbb-esta/lyne-elements/popover.js";
+import { SbbSecondaryButtonElement as t } from "@sbb-esta/lyne-elements/button.pure.js";
+import { SbbLanguageController as n, SbbScreenReaderOnlyElement as r, boxSizingStyles 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 g = ":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;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-button,.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation__list-coaches{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation__list-coaches{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{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-button,.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper-scrollarea{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.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}";
-c.define(), d.define(), m.define(), p.define(), h.define();
-var _ = 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;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-button,.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation__list-coaches{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation__list-coaches{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{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-button,.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper-scrollarea{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.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 t(this), this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
+		super(...arguments), this._language = new n(this), this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
 	}
 	static {
 		this.elementName = "sbb-seat-reservation";
 	}
 	static {
-		this.styles = [n, o(g)];
+		this.elementDependencies = [
+			t,
+			r,
+			p,
+			h,
+			f,
+			_,
+			g,
+			v
+		];
+	}
+	static {
+		this.styles = [i, c(y)];
 	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("hasNavigation") && (this.hasNavigation ? this.shadowRoot?.querySelectorAll("table").forEach((e) => e.removeAttribute("tabindex")) : this.shadowRoot?.querySelectorAll("table").forEach((e) => e.setAttribute("tabindex", "0")));
@@ -39,7 +47,7 @@ var _ = class extends e {
 		return this._initVehicleSeatReservationConstruction(), this._coachesHtmlTemplate || null;
 	}
 	_initVehicleSeatReservationConstruction() {
-		this._coachesHtmlTemplate = r`
+		this._coachesHtmlTemplate = a`
       ${this._renderTravelDirection()}
       <div class="sbb-sr__component">
         ${this._renderNavigation()}
@@ -56,12 +64,12 @@ var _ = class extends e {
           >
             <div id="sbb-sr__parent-area" class="sbb-sr__parent">
               <ul
-                class="${l({
+                class="${u({
 			"sbb-sr__list-decks": !0,
 			"sbb-sr__list-decks--gap": this.hasMultipleDecks
 		})}"
               >
-                ${this.seatReservations?.map((e, t) => r`<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>
@@ -74,12 +82,12 @@ var _ = class extends e {
     `;
 	}
 	_renderDeckLabels() {
-		return this.hasMultipleDecks ? this.seatReservations.map((e) => r`<b aria-hidden="true">${u(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", i = u(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), o = !0;
-		return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (o = !1), r`<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()}"
@@ -88,17 +96,17 @@ var _ = class extends e {
         size="m"
         icon-name="${n}"
         type="button"
-        aria-label="${i}"
+        aria-label="${r}"
         role="button"
-        .disabledInteractive="${o || a}"
-        .disabled="${o || a}"
+        .disabledInteractive="${i || s}"
+        .disabled="${i || s}"
       ></sbb-secondary-button>
     </div>`;
 	}
 	_renderTravelDirection() {
 		if (!this.travelDirection || this.travelDirection === "NONE") return null;
-		let e = u("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
-		return r`<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>
@@ -106,15 +114,15 @@ var _ = class extends e {
     </div>`;
 	}
 	_renderNavigation() {
-		return i || !this.hasNavigation || !this.seatReservations ? null : r`<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"
-          aria-label="${u("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
+          aria-label="${d("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
-          ${this.coachItemDetailsElements.map((e, t) => r`<li>
+          ${this.coachItemDetailsElements.map((e, t) => a`<li>
                 <sbb-seat-reservation-navigation-coach
                   @selectcoach=${(e) => this._onSelectNavCoach(e)}
                   @focuscoach=${() => this._onFocusNavCoach()}
@@ -137,18 +145,18 @@ var _ = class extends e {
 	}
 	_renderCoaches(e, t) {
 		let n = JSON.parse(JSON.stringify(e?.coachItems));
-		return !n || i ? null : n.map((n, i) => r`
+		return !n || o ? null : n.map((n, r) => a`
         <li class="sbb-sr__item-coach">
-          ${this._renderCoachElement(n, i, t, e.deckCoachIndex)}
+          ${this._renderCoachElement(n, r, t, e.deckCoachIndex)}
         </li>
       `);
 	}
-	_renderCoachElement(e, t, n, i) {
-		let a = this.getCalculatedDimension(e.dimension), o = this._getDescriptionTableCoach(e);
-		return r`<sbb-seat-reservation-scoped
-      style=${s({
-			"--sbb-seat-reservation-scoped-width": a.w,
-			"--sbb-seat-reservation-scoped-height": a.h
+	_renderCoachElement(e, t, n, r) {
+		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
 		})}
     >
       ${this._getRenderedCoachBorders(e, t)}
@@ -165,25 +173,25 @@ var _ = class extends e {
         <caption id="sbb-sr-coach-caption-${t}" tabindex="-1">
           <sbb-screen-reader-only>${o}</sbb-screen-reader-only>
         </caption>
-        ${this._getRenderedRowPlaces(e, t, n, i)}
+        ${this._getRenderedRowPlaces(e, t, n, r)}
       </table>
     </sbb-seat-reservation-scoped>`;
 	}
 	_getRenderedCoachBorders(e, t) {
 		if (!e.graphicElements) return null;
-		let n = this.coachItemDetailsElements[t]?.driverAreaElements?.driverArea, i = this.coachItemDetailsElements[t]?.driverAreaElements?.driverAreaNoVerticalWall, a = n ? e.dimension.w - n.dimension.w - 1 : e.dimension.w - 2;
-		a *= this.baseGridSize;
-		let o = (e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, c = n && n.position.x === 0 ? n?.dimension.w * this.baseGridSize : this.baseGridSize;
-		i && (a = this.getCalculatedDimension(e.dimension).w - 2 * (i.dimension.w * this.baseGridSize), c = i.dimension.w * this.baseGridSize);
-		let u = this.overHangingElementInformation.find((t) => t.coachId === e.id);
-		return (u?.overhangingPlaces || u?.overhangingGraphicAreas) && (a += 2 * this.baseGridSize, c = 0), r`
+		let n = this.coachItemDetailsElements[t]?.driverAreaElements?.driverArea, r = this.coachItemDetailsElements[t]?.driverAreaElements?.driverAreaNoVerticalWall, i = n ? e.dimension.w - n.dimension.w - 1 : e.dimension.w - 2;
+		i *= this.baseGridSize;
+		let o = (e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, s = n && n.position.x === 0 ? n?.dimension.w * this.baseGridSize : this.baseGridSize;
+		r && (i = this.getCalculatedDimension(e.dimension).w - 2 * (r.dimension.w * this.baseGridSize), s = r.dimension.w * this.baseGridSize);
+		let c = this.overHangingElementInformation.find((t) => t.coachId === e.id);
+		return (c?.overhangingPlaces || c?.overhangingGraphicAreas) && (i += 2 * this.baseGridSize, s = 0), a`
       <sbb-seat-reservation-graphic
-        class="${l({ "sbb-sr-coach-has-overhanging-elements": u?.overhangingPlaces || u?.overhangingGraphicAreas || !1 })}"
-        style=${s({
-			"--sbb-seat-reservation-graphic-width": a,
+        class="${u({ "sbb-sr-coach-has-overhanging-elements": c?.overhangingPlaces || c?.overhangingGraphicAreas || !1 })}"
+        style=${l({
+			"--sbb-seat-reservation-graphic-width": i,
 			"--sbb-seat-reservation-graphic-height": o,
 			"--sbb-seat-reservation-graphic-top": this.coachBorderPadding * -1,
-			"--sbb-seat-reservation-graphic-left": c,
+			"--sbb-seat-reservation-graphic-left": s,
 			"--sbb-seat-reservation-graphic-position": "absolute"
 		})}
         name="COACH_BORDER_MIDDLE"
@@ -192,34 +200,34 @@ var _ = class extends e {
       ></sbb-seat-reservation-graphic>
     `;
 	}
-	_getRenderedRowPlaces(e, t, n, i) {
+	_getRenderedRowPlaces(e, t, n, r) {
 		if (!e.places) return null;
-		let a = {};
-		for (let t of e.places) a[t.position.y] ? a[t.position.y].push(t) : a[t.position.y] = [t];
-		return Object.values(a).map((e, a) => r`
-          <tr id="row-${t}-${e[0].position.y}" data-row-index=${a}>
-            ${this._getRenderedColumnPlaces(e, t, n, i)}
+		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) => a`
+          <tr id="row-${t}-${e[0].position.y}" data-row-index=${i}>
+            ${this._getRenderedColumnPlaces(e, t, n, r)}
           </tr>
         `).flatMap((e) => e);
 	}
-	_getRenderedColumnPlaces(e, t, n, i) {
+	_getRenderedColumnPlaces(e, t, n, r) {
 		e.sort((e, t) => Number(e.position.x) - Number(t.position.x));
-		let a = t + "-" + i;
-		return r`${f(e, (e) => a + "-" + e.number, (e, a) => {
-			let o = this.getCalculatedDimension(e.dimension), c = this.getCalculatedPosition(e.position), l = e.rotation || 0, u = this.alignVertical ? -90 : 0, d = this.getPlaceElementId(n, t, e.number);
-			return r`
+		let i = t + "-" + r;
+		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}-${a}"
+            id="cell-${n}-${t}-${e.position.y}-${i}"
             class="graphical-element"
           >
             <sbb-seat-reservation-place-control
-              style=${s({
+              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": c.y,
-				"--sbb-seat-reservation-place-control-left": c.x,
-				"--sbb-seat-reservation-place-control-rotation": l,
+				"--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": u
 			})}
               @selectplace=${(e) => this._onSelectPlace(e)}
@@ -231,7 +239,7 @@ var _ = class extends e {
               state=${e.state}
               travel-direction=${this.travelDirection}
               coach-index=${t}
-              deck-index=${i}
+              deck-index=${r}
               data-deck-index=${n}
               .propertyIds=${e.propertyIds}
               .preventClick=${this.preventPlaceClick}
@@ -247,13 +255,13 @@ var _ = class extends e {
 			return this.notAreaElements.findIndex((e) => e === i) > -1 ? this._getRenderElementWithoutArea(e, a, t) : this._getRenderElementWithArea(e, s, t, n, r);
 		}) : null;
 	}
-	_getRenderElementWithArea(e, t, n, i, o) {
-		let c = e.icon?.indexOf("TABLE") === -1, d = e.icon && c ? e.icon : null, f = this.isElementDirectlyOnBorder(e, n) && d !== "ENTRY_EXIT", p = e.icon ? u(e.icon, this._language.current) : a, m = this.getCalculatedDimension(e.dimension, n, !0, f), h = this.getCalculatedPosition(e.position, e.dimension, n, !0), g = `popover-trigger-${o}-${i}-${h.x}-${h.y}`, _ = "free";
-		return e.position.y === this.coachBorderOffset * -1 ? _ = "upper-border" : e.position.y + e.dimension.h === n.h + this.coachBorderOffset && (_ = "lower-border"), _ !== "free" && (h.y += _ === "upper-border" ? 2 : 1, m.h -= 3), r`
+	_getRenderElementWithArea(e, t, n, r, i) {
+		let o = e.icon?.indexOf("TABLE") === -1, c = e.icon && o ? e.icon : null, f = this.isElementDirectlyOnBorder(e, n) && c !== "ENTRY_EXIT", p = e.icon ? d(e.icon, this._language.current) : s, m = this.getCalculatedDimension(e.dimension, n, !0, f), h = this.getCalculatedPosition(e.position, e.dimension, n, !0), g = `popover-trigger-${i}-${r}-${h.x}-${h.y}`, _ = "free";
+		return e.position.y === this.coachBorderOffset * -1 ? _ = "upper-border" : e.position.y + e.dimension.h === n.h + this.coachBorderOffset && (_ = "lower-border"), _ !== "free" && (h.y += _ === "upper-border" ? 2 : 1, m.h -= 3), a`
       <sbb-seat-reservation-area
         id="${g}"
-        class="${l({ "sbb-seat-reservation-area--cursor-pointer": d !== null })}"
-        style=${s({
+        class="${u({ "sbb-seat-reservation-area--cursor-pointer": c !== null })}"
+        style=${l({
 			"--sbb-seat-reservation-area-width": m.w,
 			"--sbb-seat-reservation-area-height": m.h,
 			"--sbb-seat-reservation-area-top": h.y,
@@ -263,62 +271,62 @@ var _ = class extends e {
         background="dark"
         aria-hidden="true"
       >
-        ${d ? r`
+        ${c ? a`
               <sbb-seat-reservation-graphic
-                style=${s({
+                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": m.w,
 			"--sbb-seat-reservation-graphic-height": m.h,
 			"--sbb-seat-reservation-graphic-rotation": t,
-			"--sbb-seat-reservation-graphic-padding-percent": d === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
+			"--sbb-seat-reservation-graphic-padding-percent": c === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
 		})}
-                name=${d}
+                name=${c}
                 role="img"
                 aria-hidden="true"
                 class="sbb-sr-graphic__dimension--square-dim"
               ></sbb-seat-reservation-graphic>
-            ` : a}
+            ` : s}
       </sbb-seat-reservation-area>
-      ${d ? this._popover(g, p) : a}
+      ${c ? this._popover(g, p) : s}
     `;
 	}
 	_getRenderElementWithoutArea(e, t, n) {
-		let i = this.getCalculatedDimension(e.dimension, n), o = this.getCalculatedPosition(e.position, e.dimension, n), c = e.icon && e.icon.endsWith("DRIVER_AREA") ? e.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType) : e.icon;
-		return r` <sbb-seat-reservation-graphic
-      style=${s({
-			"--sbb-seat-reservation-graphic-width": i.w,
-			"--sbb-seat-reservation-graphic-height": i.h,
-			"--sbb-seat-reservation-graphic-top": o.y,
-			"--sbb-seat-reservation-graphic-left": o.x,
+		let r = this.getCalculatedDimension(e.dimension, n), i = this.getCalculatedPosition(e.position, e.dimension, n), o = e.icon && e.icon.endsWith("DRIVER_AREA") ? e.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType) : e.icon;
+		return a` <sbb-seat-reservation-graphic
+      style=${l({
+			"--sbb-seat-reservation-graphic-width": r.w,
+			"--sbb-seat-reservation-graphic-height": r.h,
+			"--sbb-seat-reservation-graphic-top": i.y,
+			"--sbb-seat-reservation-graphic-left": i.x,
 			"--sbb-seat-reservation-graphic-position": "absolute",
 			"--sbb-seat-reservation-graphic-rotation": t
 		})}
-      name=${c ?? a}
+      name=${o ?? s}
       aria-hidden="true"
       ?stretch=${!0}
     ></sbb-seat-reservation-graphic>`;
 	}
 	_getRenderedServiceElements(e, t, n) {
 		return n ? n?.map((n) => {
-			let i = n.icon ? u(n.icon, this._language.current) : null, o = this.getCalculatedDimension(n.dimension), c = this.getCalculatedPosition(n.position), l = n.rotation || 0, d = this.alignVertical ? l - 90 : l, f = `popover-trigger-${t}-${e}-${c.x}-${c.y}`;
-			return r`
+			let r = n.icon ? d(n.icon, this._language.current) : null, i = this.getCalculatedDimension(n.dimension), o = this.getCalculatedPosition(n.position), c = n.rotation || 0, u = this.alignVertical ? c - 90 : c, f = `popover-trigger-${t}-${e}-${o.x}-${o.y}`;
+			return a`
         <sbb-seat-reservation-graphic
           id="${f}"
-          style=${s({
-				"--sbb-seat-reservation-graphic-width": o.w,
-				"--sbb-seat-reservation-graphic-height": o.h,
-				"--sbb-seat-reservation-graphic-top": c.y,
-				"--sbb-seat-reservation-graphic-left": c.x,
+          style=${l({
+				"--sbb-seat-reservation-graphic-width": i.w,
+				"--sbb-seat-reservation-graphic-height": i.h,
+				"--sbb-seat-reservation-graphic-top": o.y,
+				"--sbb-seat-reservation-graphic-left": o.x,
 				"--sbb-seat-reservation-graphic-position": "absolute",
-				"--sbb-seat-reservation-graphic-rotation": d
+				"--sbb-seat-reservation-graphic-rotation": u
 			})}
           class="sbb-seat-reservation-graphic--cursor-pointer"
-          name=${n.icon ?? a}
+          name=${n.icon ?? s}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        ${this._popover(f, i)}
+        ${this._popover(f, r)}
       `;
 		}) : null;
 	}
@@ -334,7 +342,7 @@ var _ = class extends e {
 		this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
 	}
 	_popover(e, t) {
-		return r`
+		return a`
       <sbb-popover trigger="${e}" hover-trigger="">
         <p class="sbb-text-s sbb-sr-popover">${t}</p>
       </sbb-popover>
@@ -344,24 +352,24 @@ var _ = class extends e {
 		this.shadowRoot?.querySelectorAll("sbb-popover:is(:state(state-opened),[state--state-opened])").forEach((e) => e.close());
 	}
 	_getDescriptionTableCoach(e) {
-		if (e.type === "LOCOMOTIVE_COACH") return u("COACH_LOCOMOTIVE", this._language.current);
-		if (!e.places?.length) return u("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 = u("COACH_TABLE_CAPTION", this._language.current, [e.id]), !this.hasNavigation) {
-			let n = this.getAvailableFreePlacesNumFromCoach(e.places), r = u("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 += ". " + u("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 = u(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 { _ as t };
+export { b as t };

package/seat-reservation.js

@@ -2,16 +2,15 @@ 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-CtYawDjE.js";
-import { t as c } from "./seat-reservation-graphic.component-Cm_pVxaB.js";
-import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
-import { t as d } from "./seat-reservation-navigation-coach.component-sug9IBTH.js";
-import { t as f } from "./seat-reservation-navigation-services.component-C9dDYD_M.js";
-import { t as p } from "./seat-reservation-place-control.component-CE7d9M2b.js";
-import { t as m } from "./seat-reservation-scoped.component-DVyP2JGE.js";
-import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DajC6fqU.js";
+import { t as s } from "./seat-reservation-area.component-CVc6uuMG.js";
+import { t as c } from "./seat-reservation-graphic.component-Dzkv9tyR.js";
+import { t as l } from "./seat-reservation-navigation-coach.component-CGfmiQJq.js";
+import { t as u } from "./seat-reservation-navigation-services.component-DQviLWvy.js";
+import { t as d } from "./seat-reservation-place-control.component-BYJi6aYS.js";
+import { t as f } from "./seat-reservation-scoped.component-CdB7HYzl.js";
+import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
+import { t as m } from "./seat-reservation.component-DBtJhrR_.js";
 import "./seat-reservation.pure.js";
-g.define(), s.define(), c.define(), d.define(), f.define(), p.define(), m.define();
+m.define(), s.define(), c.define(), l.define(), u.define(), d.define(), f.define();
 //#endregion
-export { s as SbbSeatReservationAreaElement, g as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, d as SbbSeatReservationNavigationCoachElement, f as SbbSeatReservationNavigationServicesElement, p as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SeatReservationBaseElement, l as assetsTemplate, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, u as svgImageByOSDMCode, a as svgs };
+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/seat-reservation.pure.js

@@ -3,13 +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-CtYawDjE.js";
-import { t as c } from "./seat-reservation-graphic.component-Cm_pVxaB.js";
-import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
-import { t as d } from "./seat-reservation-navigation-coach.component-sug9IBTH.js";
-import { t as f } from "./seat-reservation-navigation-services.component-C9dDYD_M.js";
-import { t as p } from "./seat-reservation-place-control.component-CE7d9M2b.js";
-import { t as m } from "./seat-reservation-scoped.component-DVyP2JGE.js";
-import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DajC6fqU.js";
-export { s as SbbSeatReservationAreaElement, g as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, d as SbbSeatReservationNavigationCoachElement, f as SbbSeatReservationNavigationServicesElement, p as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SeatReservationBaseElement, l as assetsTemplate, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, u as svgImageByOSDMCode, a as svgs };
+import { t as s } from "./seat-reservation-area.component-CVc6uuMG.js";
+import { t as c } from "./seat-reservation-graphic.component-Dzkv9tyR.js";
+import { t as l } from "./seat-reservation-navigation-coach.component-CGfmiQJq.js";
+import { t as u } from "./seat-reservation-navigation-services.component-DQviLWvy.js";
+import { t as d } from "./seat-reservation-place-control.component-BYJi6aYS.js";
+import { t as f } from "./seat-reservation-scoped.component-CdB7HYzl.js";
+import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
+import { t as m } from "./seat-reservation.component-DBtJhrR_.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-BnJA8wSb.js";
+import { t as e } from "../timetable-duration.component-PmvoOKVw.js";
 export { e as SbbTimetableDurationElement };

package/{timetable-duration.component-BnJA8wSb.js → timetable-duration.component-PmvoOKVw.js}

@@ -1,10 +1,6 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as o, unsafeCSS as s } from "lit";
-import { i18nDurationHour as c, i18nDurationMinute as l } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a, i18nDurationHour as o, i18nDurationMinute 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 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}.duration__text--visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", f = (() => {
@@ -15,7 +11,7 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i(), u()], e(this, null, p, {
+			p = [a(), u()], e(this, null, p, {
 				kind: "accessor",
 				name: "config",
 				static: !1,
@@ -39,7 +35,7 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.elementName = "sbb-timetable-duration";
 		}
 		static {
-			this.styles = [a, s(d)];
+			this.styles = [i, l(d)];
 		}
 		#e;
 		get config() {
@@ -49,8 +45,8 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.#e = e;
 		}
 		render() {
-			let e = JSON.parse(this.config), t = c.multiple.short[this._language.current], n = l.multiple.short[this._language.current], r = "", i = "", a = c.multiple.long[this._language.current], s = l.multiple.long[this._language.current];
-			return e.hours === 1 && (a = c.single.long[this._language.current]), e.minutes === 1 && (s = l.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${a}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${s}.`, o`
+			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], l = s.multiple.long[this._language.current];
+			return e.hours === 1 && (a = o.single.long[this._language.current]), e.minutes === 1 && (l = s.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${a}`), 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}

package/timetable-duration.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-duration.component-BnJA8wSb.js";
+import { t as e } from "./timetable-duration.component-PmvoOKVw.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-BnJA8wSb.js";
+import { t as e } from "./timetable-duration.component-PmvoOKVw.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-Cd_7Pu_E.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-BnmrhD2d.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 };