@sbb-esta/lyne-elements-experimental 4.9.0 → 4.11.0

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

@@ -1,7 +1,7 @@
 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 { css as r, html as i, isServer as a, nothing as o } from "lit";
+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";
@@ -14,8 +14,8 @@ import { SbbSeatReservationPlaceControlElement as m } from "./seat-reservation/s
 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";
-//#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.scss?lit&inline
-var g = r`: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}`;
+//#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 {
 	constructor() {
@@ -25,7 +25,7 @@ var _ = class extends e {
 		this.elementName = "sbb-seat-reservation";
 	}
 	static {
-		this.styles = [n, g];
+		this.styles = [n, o(g)];
 	}
 	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 +39,7 @@ var _ = class extends e {
 		return this._initVehicleSeatReservationConstruction(), this._coachesHtmlTemplate || null;
 	}
 	_initVehicleSeatReservationConstruction() {
-		this._coachesHtmlTemplate = i`
+		this._coachesHtmlTemplate = r`
       ${this._renderTravelDirection()}
       <div class="sbb-sr__component">
         ${this._renderNavigation()}
@@ -61,7 +61,7 @@ var _ = class extends e {
 			"sbb-sr__list-decks--gap": this.hasMultipleDecks
 		})}"
               >
-                ${this.seatReservations?.map((e, t) => i`<li class="sbb-sr__list-item-deck">
+                ${this.seatReservations?.map((e, t) => r`<li class="sbb-sr__list-item-deck">
                       <ul class="sbb-sr__list-coaches" role="presentation">
                         ${this._renderCoaches(e, t)}
                       </ul>
@@ -74,12 +74,12 @@ var _ = class extends e {
     `;
 	}
 	_renderDeckLabels() {
-		return this.hasMultipleDecks ? this.seatReservations.map((e) => i`<b aria-hidden="true">${u(e.deckCoachLevel, this._language.current)}</b>`) : null;
+		return this.hasMultipleDecks ? this.seatReservations.map((e) => r`<b aria-hidden="true">${u(e.deckCoachLevel, this._language.current)}</b>`) : null;
 	}
 	_renderNavigationControlButton(e) {
 		if (!this.hasNavigation || !this.seatReservations) return null;
-		let t = e == "DIRECTION_RIGHT" ? "sbb-sr-navigation__wrapper-button-direction--right" : "sbb-sr-navigation__wrapper-button-direction--left", n = e == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", r = u(e == "DIRECTION_RIGHT" ? "SEAT_RESERVATION_END" : "SEAT_RESERVATION_BEGIN", this._language.current), a = !0;
-		return (e == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || e == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.coachItemDetailsElements.length - 1) && (a = !1), i`<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", 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">
       <sbb-secondary-button
         @click="${() => this.navigateByDirectionBtn(e)}"
         @focus="${() => this.onFocusNavDirectionButton()}"
@@ -88,17 +88,17 @@ var _ = class extends e {
         size="m"
         icon-name="${n}"
         type="button"
-        aria-label="${r}"
+        aria-label="${i}"
         role="button"
-        .disabledInteractive="${a || o}"
-        .disabled="${a || o}"
+        .disabledInteractive="${o || a}"
+        .disabled="${o || a}"
       ></sbb-secondary-button>
     </div>`;
 	}
 	_renderTravelDirection() {
 		if (!this.travelDirection || this.travelDirection === "NONE") return null;
 		let e = u("SEAT_RESERVATION_TRAVEL_DIRECTION", this._language.current);
-		return i`<div class="sbb-sr-travel-direction-wrapper">
+		return r`<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,7 +106,7 @@ var _ = class extends e {
     </div>`;
 	}
 	_renderNavigation() {
-		return a || !this.hasNavigation || !this.seatReservations ? null : i`<div class="sbb-sr-navigation-wrapper">
+		return i || !this.hasNavigation || !this.seatReservations ? null : r`<div class="sbb-sr-navigation-wrapper">
       <nav id="sbb-sr-navigation" class="sbb-sr-navigation">
         ${this._renderNavigationControlButton("DIRECTION_LEFT")}
         <ul
@@ -114,7 +114,7 @@ var _ = class extends e {
           class="sbb-sr-navigation__list-coaches"
           aria-label="${u("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
-          ${this.coachItemDetailsElements.map((e, t) => i`<li>
+          ${this.coachItemDetailsElements.map((e, t) => r`<li>
                 <sbb-seat-reservation-navigation-coach
                   @selectcoach=${(e) => this._onSelectNavCoach(e)}
                   @focuscoach=${() => this._onFocusNavCoach()}
@@ -137,15 +137,15 @@ var _ = class extends e {
 	}
 	_renderCoaches(e, t) {
 		let n = JSON.parse(JSON.stringify(e?.coachItems));
-		return !n || a ? null : n.map((n, r) => i`
+		return !n || i ? null : n.map((n, i) => r`
         <li class="sbb-sr__item-coach">
-          ${this._renderCoachElement(n, r, t, e.deckCoachIndex)}
+          ${this._renderCoachElement(n, i, t, e.deckCoachIndex)}
         </li>
       `);
 	}
-	_renderCoachElement(e, t, n, r) {
+	_renderCoachElement(e, t, n, i) {
 		let a = this.getCalculatedDimension(e.dimension), o = this._getDescriptionTableCoach(e);
-		return i`<sbb-seat-reservation-scoped
+		return r`<sbb-seat-reservation-scoped
       style=${s({
 			"--sbb-seat-reservation-scoped-width": a.w,
 			"--sbb-seat-reservation-scoped-height": a.h
@@ -165,18 +165,18 @@ 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, r)}
+        ${this._getRenderedRowPlaces(e, t, n, i)}
       </table>
     </sbb-seat-reservation-scoped>`;
 	}
 	_getRenderedCoachBorders(e, t) {
 		if (!e.graphicElements) return null;
-		let n = this.coachItemDetailsElements[t]?.driverAreaElements?.driverArea, r = this.coachItemDetailsElements[t]?.driverAreaElements?.driverAreaNoVerticalWall, a = n ? e.dimension.w - n.dimension.w - 1 : e.dimension.w - 2;
+		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;
-		r && (a = this.getCalculatedDimension(e.dimension).w - 2 * (r.dimension.w * this.baseGridSize), c = r.dimension.w * 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), i`
+		return (u?.overhangingPlaces || u?.overhangingGraphicAreas) && (a += 2 * this.baseGridSize, c = 0), r`
       <sbb-seat-reservation-graphic
         class="${l({ "sbb-sr-coach-has-overhanging-elements": u?.overhangingPlaces || u?.overhangingGraphicAreas || !1 })}"
         style=${s({
@@ -192,22 +192,22 @@ var _ = class extends e {
       ></sbb-seat-reservation-graphic>
     `;
 	}
-	_getRenderedRowPlaces(e, t, n, r) {
+	_getRenderedRowPlaces(e, t, n, i) {
 		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) => i`
+		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, r)}
+            ${this._getRenderedColumnPlaces(e, t, n, i)}
           </tr>
         `).flatMap((e) => e);
 	}
-	_getRenderedColumnPlaces(e, t, n, r) {
+	_getRenderedColumnPlaces(e, t, n, i) {
 		e.sort((e, t) => Number(e.position.x) - Number(t.position.x));
-		let a = t + "-" + r;
-		return i`${f(e, (e) => a + "-" + e.number, (e, a) => {
+		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 i`
+			return r`
           <td
             id="cell-${n}-${t}-${e.position.y}-${a}"
             class="graphical-element"
@@ -231,7 +231,7 @@ var _ = class extends e {
               state=${e.state}
               travel-direction=${this.travelDirection}
               coach-index=${t}
-              deck-index=${r}
+              deck-index=${i}
               data-deck-index=${n}
               .propertyIds=${e.propertyIds}
               .preventClick=${this.preventPlaceClick}
@@ -247,9 +247,9 @@ 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, r, a) {
-		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) : o, m = this.getCalculatedDimension(e.dimension, n, !0, f), h = this.getCalculatedPosition(e.position, e.dimension, n, !0), g = `popover-trigger-${a}-${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), i`
+	_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`
       <sbb-seat-reservation-area
         id="${g}"
         class="${l({ "sbb-seat-reservation-area--cursor-pointer": d !== null })}"
@@ -263,7 +263,7 @@ var _ = class extends e {
         background="dark"
         aria-hidden="true"
       >
-        ${d ? i`
+        ${d ? r`
               <sbb-seat-reservation-graphic
                 style=${s({
 			"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
@@ -278,47 +278,47 @@ var _ = class extends e {
                 aria-hidden="true"
                 class="sbb-sr-graphic__dimension--square-dim"
               ></sbb-seat-reservation-graphic>
-            ` : o}
+            ` : a}
       </sbb-seat-reservation-area>
-      ${d ? this._popover(g, p) : o}
+      ${d ? this._popover(g, p) : a}
     `;
 	}
 	_getRenderElementWithoutArea(e, t, n) {
-		let r = this.getCalculatedDimension(e.dimension, n), a = 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 i` <sbb-seat-reservation-graphic
+		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": r.w,
-			"--sbb-seat-reservation-graphic-height": r.h,
-			"--sbb-seat-reservation-graphic-top": a.y,
-			"--sbb-seat-reservation-graphic-left": a.x,
+			"--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": t
 		})}
-      name=${c ?? o}
+      name=${c ?? a}
       aria-hidden="true"
       ?stretch=${!0}
     ></sbb-seat-reservation-graphic>`;
 	}
 	_getRenderedServiceElements(e, t, n) {
 		return n ? n?.map((n) => {
-			let r = n.icon ? u(n.icon, this._language.current) : null, a = 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 i`
+			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`
         <sbb-seat-reservation-graphic
           id="${f}"
           style=${s({
-				"--sbb-seat-reservation-graphic-width": a.w,
-				"--sbb-seat-reservation-graphic-height": a.h,
+				"--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,
 				"--sbb-seat-reservation-graphic-position": "absolute",
 				"--sbb-seat-reservation-graphic-rotation": d
 			})}
           class="sbb-seat-reservation-graphic--cursor-pointer"
-          name=${n.icon ?? o}
+          name=${n.icon ?? a}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        ${this._popover(f, r)}
+        ${this._popover(f, i)}
       `;
 		}) : null;
 	}
@@ -334,7 +334,7 @@ var _ = class extends e {
 		this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
 	}
 	_popover(e, t) {
-		return i`
+		return r`
       <sbb-popover trigger="${e}" hover-trigger="">
         <p class="sbb-text-s sbb-sr-popover">${t}</p>
       </sbb-popover>

package/seat-reservation.js

@@ -1,16 +1,16 @@
-import { i as e, n as t, r as n, t as r } from "./mapper-DkiDDseD.js";
+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-CY56r75x.js";
-import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.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-CXUv1pZM.js";
-import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
-import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
-import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.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-Dl6bnC7-.js";
+import { t as g } from "./seat-reservation.component-DajC6fqU.js";
 import "./seat-reservation.pure.js";
 g.define(), s.define(), c.define(), d.define(), f.define(), p.define(), m.define();
 //#endregion

package/seat-reservation.pure.js

@@ -1,15 +1,15 @@
-import { i as e, n as t, r as n, t as r } from "./mapper-DkiDDseD.js";
+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 "./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-CY56r75x.js";
-import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.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-CXUv1pZM.js";
-import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
-import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
-import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.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-Dl6bnC7-.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 };

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

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

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

@@ -3,19 +3,19 @@ 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 { css as o, html as s } from "lit";
+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 { property as u } from "lit/decorators.js";
-//#region src/elements-experimental/timetable-duration/timetable-duration.scss?lit&inline
-var d = o`: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 = (() => {
-	let o = n, f, p = [], m = [];
-	return class extends o {
+//#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 = (() => {
+	let f = n, p, m = [], h = [];
+	return class extends f {
 		constructor() {
-			super(...arguments), this.#e = t(this, p, ""), this._language = (t(this, m), new r(this));
+			super(...arguments), this.#e = t(this, m, ""), this._language = (t(this, h), new r(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			f = [i(), u()], e(this, null, f, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [i(), u()], e(this, null, p, {
 				kind: "accessor",
 				name: "config",
 				static: !1,
@@ -28,7 +28,7 @@ var d = o`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-t
 					}
 				},
 				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -39,7 +39,7 @@ var d = o`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-t
 			this.elementName = "sbb-timetable-duration";
 		}
 		static {
-			this.styles = [a, d];
+			this.styles = [a, s(d)];
 		}
 		#e;
 		get config() {
@@ -49,8 +49,8 @@ var d = o`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-t
 			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], o = l.multiple.long[this._language.current];
-			return e.hours === 1 && (a = c.single.long[this._language.current]), e.minutes === 1 && (o = l.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${a}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${o}.`, s`
+			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`
       <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-Puonwsnr.js";
+import { t as e } from "./timetable-duration.component-BnJA8wSb.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-Puonwsnr.js";
+import { t as e } from "./timetable-duration.component-BnJA8wSb.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-DMCZaOPM.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-Cd_7Pu_E.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 };