@sbb-esta/lyne-elements-experimental 5.0.0-next → 5.0.0-next.2

package/{seat-reservation-place-control.component-BYJi6aYS.js → seat-reservation-place-control.component-DrzEDW8Z.js}

@@ -1,35 +1,35 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbButtonBaseElement as n, SbbLanguageController as r, SbbScreenReaderOnlyElement as i, boxSizingStyles as a, forceType as o } from "@sbb-esta/lyne-elements/core.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
-import { property as u } from "lit/decorators.js";
-import { styleMap as d } from "lit/directives/style-map.js";
-import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
-import { SbbSeatReservationGraphicElement as p } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
+import { SbbButtonBaseElement as n, SbbLanguageController as r, forceType as i, screenReaderOnlyStyles as a } from "@sbb-esta/lyne-elements/core.js";
+import { html as o, nothing as s, unsafeCSS as c } from "lit";
+import { property as l } from "lit/decorators.js";
+import { styleMap as u } from "lit/directives/style-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";
 //#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?inline
-var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}", h = (() => {
-	let h = n, g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [], U, W = [], G = [];
-	return class extends h {
+var p = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}", m = (() => {
+	let m = n, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [];
+	return class extends m {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [o(), u({ attribute: "type" })], y = [o(), u({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i(), l({ attribute: "type" })], v = [i(), l({
 				attribute: "state",
 				reflect: !0
-			})], S = [u({ attribute: "travel-direction" })], T = [u({
+			})], x = [l({ attribute: "travel-direction" })], w = [l({
 				attribute: "propertyIds",
 				type: Array
-			})], O = [o(), u({ attribute: "text" })], j = [o(), u({
+			})], D = [i(), l({ attribute: "text" })], A = [i(), l({
 				attribute: "deck-index",
 				type: Number
-			})], P = [o(), u({
+			})], N = [i(), l({
 				attribute: "coach-index",
 				type: Number
-			})], L = [o(), u({
+			})], I = [i(), l({
 				attribute: "prevent-click",
 				type: Boolean
-			})], B = [o(), u({ attribute: "keyfocus" })], U = [o(), u({
+			})], z = [i(), l({ attribute: "keyfocus" })], H = [i(), l({
 				type: Boolean,
 				useDefault: !0
-			})], e(this, null, g, {
+			})], e(this, null, h, {
 				kind: "accessor",
 				name: "placeType",
 				static: !1,
@@ -42,7 +42,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, _, v), e(this, null, y, {
+			}, g, _), e(this, null, v, {
 				kind: "accessor",
 				name: "state",
 				static: !1,
@@ -55,7 +55,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, b, x), e(this, null, S, {
+			}, y, b), e(this, null, x, {
 				kind: "accessor",
 				name: "travelDirection",
 				static: !1,
@@ -68,7 +68,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, S, C), e(this, null, w, {
 				kind: "accessor",
 				name: "propertyIds",
 				static: !1,
@@ -81,7 +81,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, T, E), e(this, null, D, {
 				kind: "accessor",
 				name: "text",
 				static: !1,
@@ -94,7 +94,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, k, A), e(this, null, j, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "deckIndex",
 				static: !1,
@@ -107,7 +107,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, M, N), e(this, null, P, {
+			}, j, M), e(this, null, N, {
 				kind: "accessor",
 				name: "coachIndex",
 				static: !1,
@@ -120,7 +120,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, F, I), e(this, null, L, {
+			}, P, F), e(this, null, I, {
 				kind: "accessor",
 				name: "preventClick",
 				static: !1,
@@ -133,7 +133,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, R, z), e(this, null, B, {
+			}, L, R), e(this, null, z, {
 				kind: "accessor",
 				name: "keyfocus",
 				static: !1,
@@ -146,7 +146,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, V, H), e(this, null, U, {
+			}, B, V), e(this, null, H, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -159,7 +159,7 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 					}
 				},
 				metadata: t
-			}, W, G), t && Object.defineProperty(this, Symbol.metadata, {
+			}, U, W), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -170,10 +170,10 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 			this.elementName = "sbb-seat-reservation-place-control";
 		}
 		static {
-			this.elementDependencies = [p, i];
+			this.elementDependencies = [f];
 		}
 		static {
-			this.styles = [a, l(m)];
+			this.styles = [a, c(p)];
 		}
 		static {
 			this.events = { selectplace: "selectplace" };
@@ -249,33 +249,33 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 			this.#l = e;
 		}
 		constructor() {
-			super(), this.#e = t(this, _, "SEAT"), this.#t = (t(this, v), t(this, b, "FREE")), this.#n = (t(this, x), t(this, C, "NONE")), this.#r = (t(this, w), t(this, E, [])), this.#i = (t(this, D), t(this, k, "")), this.#a = (t(this, A), t(this, M, null)), this.#o = (t(this, N), t(this, F, null)), this.#s = (t(this, I), t(this, R, !1)), this.#c = (t(this, z), t(this, V, "unfocus")), this.#l = (t(this, H), t(this, W, !1)), this._optionalScreenreaderInfo = (t(this, G), ""), this._language = new r(this), this.addEventListener("click", () => this._selectPlace());
+			super(), this.#e = t(this, g, "SEAT"), this.#t = (t(this, _), t(this, y, "FREE")), this.#n = (t(this, b), t(this, S, "NONE")), this.#r = (t(this, C), t(this, T, [])), this.#i = (t(this, E), t(this, O, "")), this.#a = (t(this, k), t(this, j, null)), this.#o = (t(this, M), t(this, P, null)), this.#s = (t(this, F), t(this, L, !1)), this.#c = (t(this, R), t(this, B, "unfocus")), this.#l = (t(this, V), t(this, U, !1)), this._optionalScreenreaderInfo = (t(this, W), ""), this._language = new r(this), this.addEventListener("click", () => this._selectPlace());
 		}
 		willUpdate(e) {
 			super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus(), e.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
 		}
 		render() {
-			let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), a = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), u = Number(l) - Number(o), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
-			return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(o) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(o), this.tabIndex = -1, s`
+			let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), a = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
+			return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(c) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(c), this.tabIndex = -1, o`
       <div
         part="sbb-sr-place-part"
-        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${o} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
+        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${c} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
       >
         <sbb-seat-reservation-graphic
-          style=${d({
+          style=${u({
 				"--sbb-seat-reservation-graphic-width": i,
 				"--sbb-seat-reservation-graphic-height": a,
-				"--sbb-seat-reservation-graphic-rotation": o,
-				"--sbb-seat-reservation-graphic-inverse-rotation": u
+				"--sbb-seat-reservation-graphic-rotation": c,
+				"--sbb-seat-reservation-graphic-inverse-rotation": d
 			})}
           .name=${e}
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        <span ${this.text ?? c} class="sbb-sr-place-ctrl__text" aria-hidden="true"
+        <span ${this.text ?? s} class="sbb-sr-place-ctrl__text" aria-hidden="true"
           >${r}</span
         >
-        ${this.showTitleInfo ? c : s`<sbb-screen-reader-only id="${this.id}"
-              >${this._optionalScreenreaderInfo}</sbb-screen-reader-only
+        ${this.showTitleInfo ? s : o`<span class="sbb-screen-reader-only" id="${this.id}"
+              >${this._optionalScreenreaderInfo}</span
             >`}
       </div>
     `;
@@ -284,8 +284,8 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 			return `PLACE_${e}_${t}`;
 		}
 		_getTitleDescriptionPlace(e) {
-			let t = f("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
-			return (this.propertyIds.length || n) && (t += ". " + f("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => f("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
+			let t = d("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
+			return (this.propertyIds.length || n) && (t += ". " + d("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => d("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
 		}
 		_getRelativeTravelDirection(e) {
 			if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
@@ -315,4 +315,4 @@ var m = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 	};
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/{seat-reservation-scoped.component-CdB7HYzl.js → seat-reservation-scoped.component-BohQUGVW.js}

@@ -1,16 +1,16 @@
-import { SbbElement as e, boxSizingStyles as t } from "@sbb-esta/lyne-elements/core.js";
-import { html as n, unsafeCSS as r } from "lit";
+import { SbbElement as e } from "@sbb-esta/lyne-elements/core.js";
+import { html as t, unsafeCSS as n } from "lit";
 //#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?inline
-var i = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", a = class extends e {
+var r = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", i = class extends e {
 	static {
 		this.elementName = "sbb-seat-reservation-scoped";
 	}
 	static {
-		this.styles = [t, r(i)];
+		this.styles = [n(r)];
 	}
 	render() {
-		return n`<slot></slot>`;
+		return t`<slot></slot>`;
 	}
 };
 //#endregion
-export { a as t };
+export { i as t };

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

@@ -1,6 +1,6 @@
 import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
 import { SbbSecondaryButtonElement as t } from "@sbb-esta/lyne-elements/button.pure.js";
-import { SbbLanguageController as n, SbbScreenReaderOnlyElement as r, boxSizingStyles as i } from "@sbb-esta/lyne-elements/core.js";
+import { SbbLanguageController as n, screenReaderOnlyStyles as r, scrollbarStyles as i } from "@sbb-esta/lyne-elements/core.js";
 import { html as a, isServer as o, nothing as s, unsafeCSS as c } from "lit";
 import { styleMap as l } from "lit/directives/style-map.js";
 import { classMap as u } from "lit/directives/class-map.js";
@@ -13,9 +13,9 @@ import { SbbSeatReservationNavigationCoachElement as g } from "./seat-reservatio
 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 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 {
+var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea{overflow:scroll hidden;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}", b = class extends e {
 	constructor() {
-		super(...arguments), this._language = new n(this), this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
+		super(...arguments), this._language = new n(this);
 	}
 	static {
 		this.elementName = "sbb-seat-reservation";
@@ -23,7 +23,6 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 	static {
 		this.elementDependencies = [
 			t,
-			r,
 			p,
 			h,
 			f,
@@ -33,7 +32,11 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		];
 	}
 	static {
-		this.styles = [i, c(y)];
+		this.styles = [
+			i,
+			r,
+			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")));
@@ -59,7 +62,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
           <div
             @scroll=${() => this.coachAreaScrollend()}
             id="sbb-sr__wrapper-scrollarea"
-            class="sbb-sr__wrapper-scrollarea"
+            class="sbb-sr__wrapper-scrollarea sbb-scrollbar"
             tabindex="-1"
           >
             <div id="sbb-sr__parent-area" class="sbb-sr__parent">
@@ -119,7 +122,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
         ${this._renderNavigationControlButton("DIRECTION_LEFT")}
         <ul
           id="sbb-sr__navigation-list-coaches"
-          class="sbb-sr-navigation__list-coaches"
+          class="sbb-sr-navigation__list-coaches sbb-scrollbar"
           aria-label="${d("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
           ${this.coachItemDetailsElements.map((e, t) => a`<li>
@@ -159,9 +162,10 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 			"--sbb-seat-reservation-scoped-height": i.h
 		})}
     >
-      ${this._getRenderedCoachBorders(e, t)}
-      ${this._getRenderedGraphicalElements(e.graphicElements || [], e.dimension, t, n)}
-      ${this._getRenderedServiceElements(t, n, e.serviceElements)}
+      ${this._getRenderedCoachBorders(e, n, t)}
+      ${this._getRenderedCoachElements(n, t)}
+      ${this._getRenderedAreaElements(n, t)}
+      ${this._getRenderedServiceElements(n, t)}
 
       <table
         @focus=${() => this.onFocusTableCoachAndPreselectPlace(t)}
@@ -171,27 +175,23 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
         tabindex="-1"
       >
         <caption id="sbb-sr-coach-caption-${t}" tabindex="-1">
-          <sbb-screen-reader-only>${o}</sbb-screen-reader-only>
+          <span class="sbb-screen-reader-only">${o}</span>
         </caption>
         ${this._getRenderedRowPlaces(e, t, n, r)}
       </table>
     </sbb-seat-reservation-scoped>`;
 	}
-	_getRenderedCoachBorders(e, t) {
+	_getRenderedCoachBorders(e, t, n) {
 		if (!e.graphicElements) return null;
-		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`
+		let r = this.seatReservationStructure.decks[t].deckCoaches[n], i = r.borderMiddleElement, o = r.hasOverhangingElements;
+		return a`
       <sbb-seat-reservation-graphic
-        class="${u({ "sbb-sr-coach-has-overhanging-elements": c?.overhangingPlaces || c?.overhangingGraphicAreas || !1 })}"
+        class="${u({ "sbb-sr-coach-has-overhanging-elements": o || !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": s,
+			"--sbb-seat-reservation-graphic-width": i.dimension.w,
+			"--sbb-seat-reservation-graphic-height": i.dimension.h,
+			"--sbb-seat-reservation-graphic-top": i.position.y,
+			"--sbb-seat-reservation-graphic-left": i.position.x,
 			"--sbb-seat-reservation-graphic-position": "absolute"
 		})}
         name="COACH_BORDER_MIDDLE"
@@ -249,86 +249,82 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
         `;
 		})}`;
 	}
-	_getRenderedGraphicalElements(e, t, n, r) {
-		return e ? e?.map((e) => {
-			let i = e.icon ?? "", a = e.rotation || 0, o = this._notFixedRotatableAreaIcons.indexOf(e.icon) === -1, s = this.alignVertical && o ? a - 90 : a;
-			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, 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="${u({ "sbb-seat-reservation-area--cursor-pointer": c !== null })}"
+	_getRenderedCoachElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => a` <sbb-seat-reservation-graphic
         style=${l({
-			"--sbb-seat-reservation-area-width": m.w,
-			"--sbb-seat-reservation-area-height": m.h,
-			"--sbb-seat-reservation-area-top": h.y,
-			"--sbb-seat-reservation-area-left": h.x
+			"--sbb-seat-reservation-graphic-width": e.dimension.w,
+			"--sbb-seat-reservation-graphic-height": e.dimension.h,
+			"--sbb-seat-reservation-graphic-top": e.position.y,
+			"--sbb-seat-reservation-graphic-left": e.position.x,
+			"--sbb-seat-reservation-graphic-position": "absolute",
+			"--sbb-seat-reservation-graphic-rotation": e.rotation
 		})}
-        mounting=${_}
-        background="dark"
+        name=${e.icon ?? s}
         aria-hidden="true"
-      >
-        ${c ? a`
-              <sbb-seat-reservation-graphic
-                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": c === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
-		})}
-                name=${c}
-                role="img"
-                aria-hidden="true"
-                class="sbb-sr-graphic__dimension--square-dim"
-              ></sbb-seat-reservation-graphic>
-            ` : s}
-      </sbb-seat-reservation-area>
-      ${c ? this._popover(g, p) : s}
-    `;
+        ?stretch=${!0}
+      ></sbb-seat-reservation-graphic>`);
 	}
-	_getRenderElementWithoutArea(e, t, n) {
-		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=${o ?? s}
-      aria-hidden="true"
-      ?stretch=${!0}
-    ></sbb-seat-reservation-graphic>`;
+	_getRenderedAreaElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].areaElements.map((n) => {
+			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon?.indexOf("TABLE") === -1, o = n.icon && i ? n.icon : null, c = n.icon ? d(n.icon, this._language.current) : s;
+			return a`
+        <sbb-seat-reservation-area
+          id="${r}"
+          class="${u({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
+          style=${l({
+				"--sbb-seat-reservation-area-width": n.dimension.w,
+				"--sbb-seat-reservation-area-height": n.dimension.h,
+				"--sbb-seat-reservation-area-top": n.position.y,
+				"--sbb-seat-reservation-area-left": n.position.x,
+				"--sbb-seat-reservation-area-z-index": n.position.z
+			})}
+          mounting=${n.mounting ?? s}
+          background="dark"
+          aria-hidden="true"
+        >
+          ${o ? a`
+                <sbb-seat-reservation-graphic
+                  style=${l({
+				"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
+				"--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
+				"--sbb-seat-reservation-graphic-width": n.dimension.w,
+				"--sbb-seat-reservation-graphic-height": n.dimension.h,
+				"--sbb-seat-reservation-graphic-rotation": n.rotation,
+				"--sbb-seat-reservation-graphic-padding-percent": o === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
+			})}
+                  name=${o}
+                  role="img"
+                  aria-hidden="true"
+                  class="sbb-sr-graphic__dimension--square-dim"
+                ></sbb-seat-reservation-graphic>
+              ` : s}
+        </sbb-seat-reservation-area>
+        ${o ? this._popover(r, c) : s}
+      `;
+		});
 	}
-	_getRenderedServiceElements(e, t, n) {
-		return n ? n?.map((n) => {
-			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}`;
+	_getRenderedServiceElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].serviceElements.map((n) => {
+			let r = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, i = n.icon ? d(n.icon, this._language.current) : null;
 			return a`
         <sbb-seat-reservation-graphic
-          id="${f}"
+          id="${r}"
           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-width": n.dimension.w,
+				"--sbb-seat-reservation-graphic-height": n.dimension.h,
+				"--sbb-seat-reservation-graphic-top": n.position.y,
+				"--sbb-seat-reservation-graphic-left": n.position.x,
 				"--sbb-seat-reservation-graphic-position": "absolute",
-				"--sbb-seat-reservation-graphic-rotation": u
+				"--sbb-seat-reservation-graphic-rotation": n.rotation
 			})}
           class="sbb-seat-reservation-graphic--cursor-pointer"
           name=${n.icon ?? s}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        ${this._popover(f, r)}
+        ${this._popover(r, i)}
       `;
-		}) : null;
+		});
 	}
 	_onSelectPlace(e) {
 		let t = e.detail;
@@ -366,7 +362,7 @@ var y = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 		return e?.map((e) => {
 			let n = e.icon;
 			if (!n) return null;
-			let r = t.indexOf(n) > -1, i = d(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(", ");
 	}

package/seat-reservation.js

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