@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.3-dev.1779268564 → 5.0.0-next.3-dev.1779279798

package/{seat-reservation-graphic.component-C3wc4DKr.js → seat-reservation-graphic.component-Ddpuv-Aw.js}

@@ -1,24 +1,24 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, forceType as i } from "@sbb-esta/lyne-elements/core.js";
-import { SbbIconElement as a } from "@sbb-esta/lyne-elements/icon.pure.js";
-import { html as o, isServer as s, unsafeCSS as c } from "lit";
+import { SbbElement as e, SbbLanguageController as t, forceType as n } from "@sbb-esta/lyne-elements/core.js";
+import { SbbIconElement as r } from "@sbb-esta/lyne-elements/icon.pure.js";
+import { html as i, isServer as a, unsafeCSS as o } from "lit";
+import { __esDecorate as s, __runInitializers as c } from "tslib";
 import { property as l } from "lit/decorators.js";
 import { classMap as u } from "lit/directives/class-map.js";
 import { mapIconToSvg as d } from "./seat-reservation/common/mapper.js";
 import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.scss?inline
 var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reservation-graphic-max-height: auto;--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-padding-percent: 1;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-z-index: 0;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);z-index:var(--sbb-seat-reservation-graphic-z-index);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-sr-graphic__dimension--square-dim){--sbb-icon-svg-width: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));--sbb-icon-svg-height: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));width:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));height:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}", m = (() => {
-	let m = n, h, g = [], _ = [], v, y = [], b = [];
+	let m = e, h, g = [], _ = [], v, y = [], b = [];
 	return class extends m {
 		constructor() {
-			super(...arguments), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this._language = (t(this, b), new r(this));
+			super(...arguments), this.#e = c(this, g, ""), this.#t = (c(this, _), c(this, y, !1)), this._language = (c(this, b), new t(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [i(), l({ attribute: "name" })], v = [i(), l({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [n(), l({ attribute: "name" })], v = [n(), l({
 				attribute: "stretch",
 				type: Boolean
-			})], e(this, null, h, {
+			})], s(this, null, h, {
 				kind: "accessor",
 				name: "name",
 				static: !1,
@@ -30,8 +30,8 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 						e.name = t;
 					}
 				},
-				metadata: t
-			}, g, _), e(this, null, v, {
+				metadata: e
+			}, g, _), s(this, null, v, {
 				kind: "accessor",
 				name: "stretch",
 				static: !1,
@@ -43,22 +43,22 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 						e.stretch = t;
 					}
 				},
-				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, y, b), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
 			this.elementName = "sbb-seat-reservation-graphic";
 		}
 		static {
-			this.elementDependencies = [a];
+			this.elementDependencies = [r];
 		}
 		static {
-			this.styles = [c(p)];
+			this.styles = [o(p)];
 		}
 		#e;
 		get name() {
@@ -76,21 +76,21 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 		}
 		render() {
 			let e = d[this.name];
-			return !e?.svg && !e?.svgName ? null : o`<span
+			return !e?.svg && !e?.svgName ? null : i`<span
       class="${u({
 				"sbb-sr-icon": !!e.svgName,
 				"sbb-sr-graphic": !!e.svg
 			})}"
     >
-      ${e.svgName ? o` <sbb-icon
+      ${e.svgName ? i` <sbb-icon
             name="${e.svgName || ""}"
             aria-hidden="false"
             aria-label="${f(e.svgName, this._language.current)}"
-          ></sbb-icon>` : o`${this._getSvgElement(e.svg)}`}
+          ></sbb-icon>` : i`${this._getSvgElement(e.svg)}`}
     </span>`;
 		}
 		_getSvgElement(e) {
-			if (!s) {
+			if (!a) {
 				let t = new DOMParser(), n = e || "<svg></svg>", r = t.parseFromString(n, "image/svg+xml").firstElementChild;
 				return this.stretch && r?.nodeName.toLowerCase() === "svg" && r.setAttribute("preserveAspectRatio", "none"), r;
 			}

package/{seat-reservation-navigation-coach.component-Cwxd9vLy.js → seat-reservation-navigation-coach.component-DMKlwxPa.js}

@@ -1,6 +1,6 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, buttonResetStyles as i, forceType as a, screenReaderOnlyStyles as o } from "@sbb-esta/lyne-elements/core.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
+import { SbbElement as e, SbbLanguageController as t, buttonResetStyles as n, forceType as r, screenReaderOnlyStyles as i } from "@sbb-esta/lyne-elements/core.js";
+import { html as a, nothing as o, unsafeCSS as s } from "lit";
+import { __esDecorate as c, __runInitializers as l } from "tslib";
 import { property as u } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
 import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
@@ -17,24 +17,24 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 		}), this._coachIndex = e;
 	}
 }, g = (() => {
-	let g = n, _, 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 = [];
+	let g = e, _, 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 = [];
 	return class extends g {
 		constructor() {
-			super(...arguments), this.#e = t(this, v, !1), this.#t = (t(this, y), t(this, x, !1)), this.#n = (t(this, S), t(this, w, !1)), this.#r = (t(this, T), t(this, D, !0)), this.#i = (t(this, O), t(this, A, 0)), this.#a = (t(this, j), t(this, N, {})), this.#o = (t(this, P), t(this, I, !1)), this.#s = (t(this, L), t(this, z, !1)), this.#c = (t(this, B), t(this, H, !1)), this._language = (t(this, U), new r(this));
+			super(...arguments), this.#e = l(this, v, !1), this.#t = (l(this, y), l(this, x, !1)), this.#n = (l(this, S), l(this, w, !1)), this.#r = (l(this, T), l(this, D, !0)), this.#i = (l(this, O), l(this, A, 0)), this.#a = (l(this, j), l(this, N, {})), this.#o = (l(this, P), l(this, I, !1)), this.#s = (l(this, L), l(this, z, !1)), this.#c = (l(this, B), l(this, H, !1)), this._language = (l(this, U), new t(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			_ = [a(), u({ type: Boolean })], b = [a(), u({ type: Boolean })], C = [a(), u({ type: Boolean })], E = [a(), u({ type: Boolean })], k = [a(), u({ type: Number })], M = [u({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			_ = [r(), u({ type: Boolean })], b = [r(), u({ type: Boolean })], C = [r(), u({ type: Boolean })], E = [r(), u({ type: Boolean })], k = [r(), u({ type: Number })], M = [u({
 				attribute: "coach-item-details",
 				type: Object
-			})], F = [a(), u({
+			})], F = [r(), u({
 				attribute: "disable",
 				type: Boolean
-			})], R = [a(), u({
+			})], R = [r(), u({
 				type: Boolean,
 				reflect: !0,
 				useDefault: !0
-			})], V = [a(), u({ type: Boolean })], e(this, null, _, {
+			})], V = [r(), u({ type: Boolean })], c(this, null, _, {
 				kind: "accessor",
 				name: "selected",
 				static: !1,
@@ -46,8 +46,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.selected = t;
 					}
 				},
-				metadata: t
-			}, v, y), e(this, null, b, {
+				metadata: e
+			}, v, y), c(this, null, b, {
 				kind: "accessor",
 				name: "focused",
 				static: !1,
@@ -59,8 +59,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.focused = t;
 					}
 				},
-				metadata: t
-			}, x, S), e(this, null, C, {
+				metadata: e
+			}, x, S), c(this, null, C, {
 				kind: "accessor",
 				name: "hovered",
 				static: !1,
@@ -72,8 +72,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.hovered = t;
 					}
 				},
-				metadata: t
-			}, w, T), e(this, null, E, {
+				metadata: e
+			}, w, T), c(this, null, E, {
 				kind: "accessor",
 				name: "nativeFocusActive",
 				static: !1,
@@ -85,8 +85,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.nativeFocusActive = t;
 					}
 				},
-				metadata: t
-			}, D, O), e(this, null, k, {
+				metadata: e
+			}, D, O), c(this, null, k, {
 				kind: "accessor",
 				name: "index",
 				static: !1,
@@ -98,8 +98,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.index = t;
 					}
 				},
-				metadata: t
-			}, A, j), e(this, null, M, {
+				metadata: e
+			}, A, j), c(this, null, M, {
 				kind: "accessor",
 				name: "coachItemDetails",
 				static: !1,
@@ -111,8 +111,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.coachItemDetails = t;
 					}
 				},
-				metadata: t
-			}, N, P), e(this, null, F, {
+				metadata: e
+			}, N, P), c(this, null, F, {
 				kind: "accessor",
 				name: "disable",
 				static: !1,
@@ -124,8 +124,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.disable = t;
 					}
 				},
-				metadata: t
-			}, I, L), e(this, null, R, {
+				metadata: e
+			}, I, L), c(this, null, R, {
 				kind: "accessor",
 				name: "vertical",
 				static: !1,
@@ -137,8 +137,8 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.vertical = t;
 					}
 				},
-				metadata: t
-			}, z, B), e(this, null, V, {
+				metadata: e
+			}, z, B), c(this, null, V, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -150,12 +150,12 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 						e.showTitleInfo = t;
 					}
 				},
-				metadata: t
-			}, H, U), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, H, U), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
@@ -166,9 +166,9 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 		}
 		static {
 			this.styles = [
+				n,
 				i,
-				o,
-				l(m)
+				s(m)
 			];
 		}
 		static {
@@ -254,7 +254,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 			}
 		}
 		render() {
-			return s`
+			return a`
       <div
         class="${d({
 				"sbb-sr-navigation__item-coach": !0,
@@ -266,49 +266,49 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
 			})}"
       >
         ${this._getNavigationButton()}
-        ${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
+        ${this.coachItemDetails.propertyIds?.length ? a`<sbb-seat-reservation-navigation-services
               ?vertical="${this.vertical}"
               .propertyIds="${this.coachItemDetails.propertyIds}"
               ?showTitleInfo="${this.showTitleInfo}"
-            ></sbb-seat-reservation-navigation-services>` : c}
+            ></sbb-seat-reservation-navigation-services>` : o}
       </div>
     `;
 		}
 		_getNavigationButton() {
 			let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
-			return s` <button
+			return a` <button
       @click=${() => this._selectNavCoach(this.index)}
       class="${d({
 				"sbb-sr-navigation__ctrl-button": !0,
 				"sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
 			})}"
       ?disabled="${this.disable}"
-      title="${this.showTitleInfo ? t : c}"
+      title="${this.showTitleInfo ? t : o}"
       type="button"
       aria-describedby="nav-coach-service-descriptions-${this.index}"
     >
       ${this._getBtnInformation(e)}
       <span class="sbb-screen-reader-only" id="nav-coach-service-descriptions-${this.index}">
-        ${this.showTitleInfo ? c : s`<div>${t}</div>`}
-        ${n ? s`<div>${n}</div>` : c}
+        ${this.showTitleInfo ? o : a`<div>${t}</div>`}
+        ${n ? a`<div>${n}</div>` : o}
       </span>
     </button>`;
 		}
 		_getBtnInformation(e) {
-			return this.coachItemDetails.isDriverArea ? null : s`
-      ${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
-      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+			return this.coachItemDetails.isDriverArea ? null : a`
+      ${e === 1 ? a`<span class="sbb-sr-navigation--first-class"></span>` : o}
+      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? a`<div class="sbb-sr-navigation__additional-information">
+            ${this.coachItemDetails.id ? a`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
                   ${this.coachItemDetails.id}
-                </div>` : c}
+                </div>` : o}
             <div
-              ${e ?? c}
+              ${e ?? o}
               class="sbb-sr-navigation__item-coach-travelclass"
               aria-hidden="true"
             >
               ${e}
             </div>
-          </div>` : c}
+          </div>` : o}
     `;
 		}
 		_getTitleDescriptionNavCoachButton(e) {

package/{seat-reservation-navigation-services.component-CfAQa7pa.js → seat-reservation-navigation-services.component-2os7VI7i.js}

@@ -1,26 +1,26 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement 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 { SbbElement as e, SbbLanguageController as t, forceType as n, screenReaderOnlyStyles as r } from "@sbb-esta/lyne-elements/core.js";
+import { html as i, nothing as a, unsafeCSS as o } from "lit";
+import { __esDecorate as s, __runInitializers as c } from "tslib";
 import { property as l } from "lit/decorators.js";
 import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
 import { SbbSeatReservationGraphicElement as d } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.scss?inline
 var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}", p = (() => {
-	let p = n, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
+	let p = e, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
 	return class extends p {
 		constructor() {
-			super(...arguments), this.#e = t(this, h, []), this.#t = (t(this, g), t(this, v, !1)), this.#n = (t(this, y), t(this, x, !1)), this._language = (t(this, S), new r(this));
+			super(...arguments), this.#e = c(this, h, []), this.#t = (c(this, g), c(this, v, !1)), this.#n = (c(this, y), c(this, x, !1)), this._language = (c(this, S), new t(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
 			m = [l({
 				attribute: "property-ids",
 				type: Array
-			})], _ = [i(), l({
+			})], _ = [n(), l({
 				type: Boolean,
 				reflect: !0,
 				useDefault: !0
-			})], b = [i(), l({ type: Boolean })], e(this, null, m, {
+			})], b = [n(), l({ type: Boolean })], s(this, null, m, {
 				kind: "accessor",
 				name: "propertyIds",
 				static: !1,
@@ -32,8 +32,8 @@ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
 						e.propertyIds = t;
 					}
 				},
-				metadata: t
-			}, h, g), e(this, null, _, {
+				metadata: e
+			}, h, g), s(this, null, _, {
 				kind: "accessor",
 				name: "vertical",
 				static: !1,
@@ -45,8 +45,8 @@ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
 						e.vertical = t;
 					}
 				},
-				metadata: t
-			}, v, y), e(this, null, b, {
+				metadata: e
+			}, v, y), s(this, null, b, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -58,12 +58,12 @@ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
 						e.showTitleInfo = t;
 					}
 				},
-				metadata: t
-			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, x, S), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
@@ -73,7 +73,7 @@ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
 			this.elementDependencies = [d];
 		}
 		static {
-			this.styles = [a, c(f)];
+			this.styles = [r, o(f)];
 		}
 		#e;
 		get propertyIds() {
@@ -98,17 +98,17 @@ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
 		}
 		render() {
 			let e = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
-			return o` <div class="sbb-sr-navigation__signs">
+			return i` <div class="sbb-sr-navigation__signs">
       <span
         class="sbb-screen-reader-only"
-        ${e || s}
+        ${e || a}
         >${e}</span
       >
-      ${this.propertyIds?.map((e) => o`
+      ${this.propertyIds?.map((e) => i`
           <sbb-seat-reservation-graphic
             class="auto-width"
-            name=${e ?? s}
-            title=${this.showTitleInfo ? u(e, this._language.current) : s}
+            name=${e ?? a}
+            title=${this.showTitleInfo ? u(e, this._language.current) : a}
             aria-hidden="true"
           ></sbb-seat-reservation-graphic>
         `)}

package/{seat-reservation-place-control.component-CE-FrGMT.js → seat-reservation-place-control.component-CvGYSTnc.js}

@@ -1,6 +1,6 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbButtonBaseElement as n, SbbLanguageController as r, forceType as i } from "@sbb-esta/lyne-elements/core.js";
-import { html as a, nothing as o, unsafeCSS as s } from "lit";
+import { SbbButtonBaseElement as e, SbbLanguageController as t, forceType as n } from "@sbb-esta/lyne-elements/core.js";
+import { html as r, nothing as i, unsafeCSS as a } from "lit";
+import { __esDecorate as o, __runInitializers as s } from "tslib";
 import { property as c } from "lit/decorators.js";
 import { styleMap as l } from "lit/directives/style-map.js";
 import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
@@ -17,29 +17,29 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 		}), this._detail = e;
 	}
 }, 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 = [];
+	let m = e, 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(m[Symbol.metadata] ?? null) : void 0;
-			h = [i(), c({ attribute: "type" })], v = [i(), c({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [n(), c({ attribute: "type" })], v = [n(), c({
 				attribute: "state",
 				reflect: !0
 			})], x = [c({ attribute: "travel-direction" })], w = [c({
 				attribute: "propertyIds",
 				type: Array
-			})], D = [i(), c({ attribute: "text" })], A = [i(), c({
+			})], D = [n(), c({ attribute: "text" })], A = [n(), c({
 				attribute: "deck-index",
 				type: Number
-			})], N = [i(), c({
+			})], N = [n(), c({
 				attribute: "coach-index",
 				type: Number
-			})], I = [i(), c({
+			})], I = [n(), c({
 				attribute: "prevent-click",
 				type: Boolean
-			})], z = [i(), c({ attribute: "keyfocus" })], H = [i(), c({
+			})], z = [n(), c({ attribute: "keyfocus" })], H = [n(), c({
 				type: Boolean,
 				useDefault: !0
-			})], e(this, null, h, {
+			})], o(this, null, h, {
 				kind: "accessor",
 				name: "placeType",
 				static: !1,
@@ -51,8 +51,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.placeType = t;
 					}
 				},
-				metadata: t
-			}, g, _), e(this, null, v, {
+				metadata: e
+			}, g, _), o(this, null, v, {
 				kind: "accessor",
 				name: "state",
 				static: !1,
@@ -64,8 +64,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.state = t;
 					}
 				},
-				metadata: t
-			}, y, b), e(this, null, x, {
+				metadata: e
+			}, y, b), o(this, null, x, {
 				kind: "accessor",
 				name: "travelDirection",
 				static: !1,
@@ -77,8 +77,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.travelDirection = t;
 					}
 				},
-				metadata: t
-			}, S, C), e(this, null, w, {
+				metadata: e
+			}, S, C), o(this, null, w, {
 				kind: "accessor",
 				name: "propertyIds",
 				static: !1,
@@ -90,8 +90,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.propertyIds = t;
 					}
 				},
-				metadata: t
-			}, T, E), e(this, null, D, {
+				metadata: e
+			}, T, E), o(this, null, D, {
 				kind: "accessor",
 				name: "text",
 				static: !1,
@@ -103,8 +103,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.text = t;
 					}
 				},
-				metadata: t
-			}, O, k), e(this, null, A, {
+				metadata: e
+			}, O, k), o(this, null, A, {
 				kind: "accessor",
 				name: "deckIndex",
 				static: !1,
@@ -116,8 +116,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.deckIndex = t;
 					}
 				},
-				metadata: t
-			}, j, M), e(this, null, N, {
+				metadata: e
+			}, j, M), o(this, null, N, {
 				kind: "accessor",
 				name: "coachIndex",
 				static: !1,
@@ -129,8 +129,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.coachIndex = t;
 					}
 				},
-				metadata: t
-			}, P, F), e(this, null, I, {
+				metadata: e
+			}, P, F), o(this, null, I, {
 				kind: "accessor",
 				name: "preventClick",
 				static: !1,
@@ -142,8 +142,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.preventClick = t;
 					}
 				},
-				metadata: t
-			}, L, R), e(this, null, z, {
+				metadata: e
+			}, L, R), o(this, null, z, {
 				kind: "accessor",
 				name: "keyfocus",
 				static: !1,
@@ -155,8 +155,8 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.keyfocus = t;
 					}
 				},
-				metadata: t
-			}, B, V), e(this, null, H, {
+				metadata: e
+			}, B, V), o(this, null, H, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -168,12 +168,12 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 						e.showTitleInfo = t;
 					}
 				},
-				metadata: t
-			}, U, W), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, U, W), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
@@ -183,7 +183,7 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 			this.elementDependencies = [d];
 		}
 		static {
-			this.styles = [s(f)];
+			this.styles = [a(f)];
 		}
 		static {
 			this.events = { selectplace: "selectplace" };
@@ -259,28 +259,28 @@ var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-se
 			this.#l = e;
 		}
 		constructor() {
-			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._language = (t(this, W), new r(this)), this.addEventListener("click", () => this._selectPlace());
+			super(), this.#e = s(this, g, "SEAT"), this.#t = (s(this, _), s(this, y, "FREE")), this.#n = (s(this, b), s(this, S, "NONE")), this.#r = (s(this, C), s(this, T, [])), this.#i = (s(this, E), s(this, O, "")), this.#a = (s(this, k), s(this, j, null)), this.#o = (s(this, M), s(this, P, null)), this.#s = (s(this, F), s(this, L, !1)), this.#c = (s(this, R), s(this, B, "unfocus")), this.#l = (s(this, V), s(this, U, !1)), this._language = (s(this, W), new t(this)), this.addEventListener("click", () => this._selectPlace());
 		}
 		willUpdate(e) {
 			super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
 		}
 		render() {
-			let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), s = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), u = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(u) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null, p = this._getTitleDescriptionPlace(c);
-			return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1, a` <div
+			let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), a = this.text, o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), s = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), u = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(u) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null, p = this._getTitleDescriptionPlace(c);
+			return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1, r` <div
       part="sbb-sr-place-part"
       class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${c} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
       aria-hidden="true"
     >
       <sbb-seat-reservation-graphic
         style=${l({
-				"--sbb-seat-reservation-graphic-width": i,
+				"--sbb-seat-reservation-graphic-width": o,
 				"--sbb-seat-reservation-graphic-height": s,
 				"--sbb-seat-reservation-graphic-rotation": c,
 				"--sbb-seat-reservation-graphic-inverse-rotation": d
 			})}
         .name=${e}
       ></sbb-seat-reservation-graphic>
-      <span ${this.text ?? o} class="sbb-sr-place-ctrl__text">${r} </span>
+      <span ${this.text ?? i} class="sbb-sr-place-ctrl__text">${a} </span>
     </div>`;
 		}
 		_getPlaceSvg(e, t) {