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

package/{pearl-chain.component-C6lcD7Xl.js → pearl-chain.component-DYzhEgWG.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./toDate-p-Tpkb7t.js";
 import { r as t, t as n } from "./differenceInMinutes-Dr9gRqtu.js";
-import { __esDecorate as r, __runInitializers as i } from "tslib";
-import { SbbElement as a, defaultDateAdapter as o, forceType as s, screenReaderOnlyStyles as c } from "@sbb-esta/lyne-elements/core.js";
-import { html as l, nothing as u, unsafeCSS as d } from "lit";
+import { SbbElement as r, defaultDateAdapter 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 { __esDecorate as u, __runInitializers as d } from "tslib";
 import { property as f } from "lit/decorators.js";
 import { isRideLeg as p, removeTimezoneFromISOTimeString as m } from "./core.js";
 import { styleMap as h } from "lit/directives/style-map.js";
@@ -18,17 +18,17 @@ function _(t, n) {
 //#endregion
 //#region src/elements-experimental/pearl-chain/pearl-chain.scss?inline
 var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-chain-spacing-small: .125rem;--sbb-pearl-chain-color: var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-color-past: var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-leg-width: 100%;display:block;--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end: .625rem;--sbb-pearl-chain-bullet-size-stop: .5rem;--sbb-pearl-chain-bullet-color: var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-past: light-dark(var(--sbb-color-metal), var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-irrelevant: light-dark( var(--sbb-color-metal), var(--sbb-color-granite) );--sbb-pearl-chain-bullet-color-disruption: var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration: 1.92s;--sbb-pearl-chain-bullet-animation-easing: ease-out;--sbb-pearl-chain-bullet-crossed-width: .88375rem;--sbb-pearl-chain-bullet-crossed-height: .21875rem;--sbb-pearl-chain-bullet-crossed-border-width: .09375rem}.sbb-pearl-chain{position:relative;display:flex;justify-content:space-between;flex-wrap:nowrap;color:var(--sbb-pearl-chain-color);width:100%;padding-block:calc((var(--sbb-pearl-chain-bullet-size-start-end) - var(--sbb-pearl-chain-height)) / 2);padding-inline-end:var(--sbb-pearl-chain-bullet-size-start-end)}.sbb-pearl-chain__bullet{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__bullet{content:\"\";position:absolute;background-color:currentcolor;inset-block-start:0;z-index:3}.sbb-pearl-chain__bullet:first-of-type{inset-inline-start:0}.sbb-pearl-chain__bullet:last-of-type{inset-inline-end:0}.sbb-pearl-chain__leg{flex-shrink:0;flex-grow:0;position:relative;height:var(--sbb-pearl-chain-height);border-inline-end:var(--sbb-pearl-chain-spacing-small) solid Canvas;background-color:currentcolor;width:var(--sbb-pearl-chain-leg-width);display:flex;align-items:center}@media(forced-colors:active){.sbb-pearl-chain__leg{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type{border:none}.sbb-pearl-chain__stop{position:relative;z-index:2;background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__bullet--future{background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet--future{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{color:var(--sbb-pearl-chain-color-past);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{--sbb-pearl-chain-bullet-color: GrayText !important}}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{background-color:GrayText!important}}.sbb-pearl-chain__bullet--progress{background:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__bullet--progress{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:var(--sbb-pearl-chain-color-disruption);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{--sbb-pearl-chain-bullet-color: Highlight}}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:Highlight;background:Highlight}}.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: Highlight}}.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__leg--disruption:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__leg--skipped{color:var(--sbb-pearl-chain-color-disruption)}.sbb-pearl-chain__leg--skipped:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--skipped:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__stop--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__stop--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain__stop--departure-skipped:before{background:Highlight}}.sbb-pearl-chain--arrival-skipped,.sbb-pearl-chain--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{background:Highlight}}.sbb-pearl-chain__leg:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:0;background-color:currentcolor;border-radius:var(--sbb-pearl-chain-height);z-index:1}@media(forced-colors:active){.sbb-pearl-chain__leg:after{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg:after{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type:after{inset-inline-end:calc(-1 * var(--sbb-pearl-chain-height))}.sbb-pearl-chain__leg--progress:after{background-color:var(--sbb-pearl-chain-color-past);width:var(--sbb-pearl-chain-leg-status)}.sbb-pearl-chain__position{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-position-color)}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-position-color: Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--sbb-pearl-chain-position-color) 20%,transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain__position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite;position:absolute;inset-block-start:-200%;z-index:4;inset-inline-start:var(--sbb-pearl-chain-status-position)}.sbb-pearl-chain__position--no-animation{animation:unset}", y = (() => {
-	let e = a, y = [], b, x = [], S = [], C, w = [], T = [], E;
+	let e = r, y = [], b, x = [], S = [], C, w = [], T = [], E;
 	return class extends e {
 		constructor() {
-			super(...arguments), this.#e = (i(this, y), i(this, x, [])), this.#t = (i(this, S), i(this, w, !1)), this._now = (i(this, T), null);
+			super(...arguments), this.#e = (d(this, y), d(this, x, [])), this.#t = (d(this, S), d(this, w, !1)), this._now = (d(this, T), null);
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-			b = [f({ type: Array })], C = [s(), f({
+			b = [f({ type: Array })], C = [a(), f({
 				attribute: "disable-animation",
 				type: Boolean
-			})], E = [f()], r(this, null, b, {
+			})], E = [f()], u(this, null, b, {
 				kind: "accessor",
 				name: "legs",
 				static: !1,
@@ -41,7 +41,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 					}
 				},
 				metadata: t
-			}, x, S), r(this, null, C, {
+			}, x, S), u(this, null, C, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -54,7 +54,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 					}
 				},
 				metadata: t
-			}, w, T), r(this, null, E, {
+			}, w, T), u(this, null, E, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -77,7 +77,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			this.elementName = "sbb-pearl-chain";
 		}
 		static {
-			this.styles = [c, d(v)];
+			this.styles = [o, l(v)];
 		}
 		#e;
 		get legs() {
@@ -94,7 +94,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			this.#t = e;
 		}
 		set now(e) {
-			this._now = o.getValidDateOrNull(o.deserialize(e));
+			this._now = i.getValidDateOrNull(i.deserialize(e));
 		}
 		get now() {
 			return this._now;
@@ -132,7 +132,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 				"--sbb-pearl-chain-status-position": `${r}%`,
 				...r >= 50 ? { transform: "translateX(-100%)" } : {}
 			}), a = this.disableAnimation ? "sbb-pearl-chain__position--no-animation" : "";
-			return l`<span
+			return s`<span
       style=${h(i())}
       class="sbb-pearl-chain__position ${a}"
     ></span>`;
@@ -144,42 +144,42 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			}, i = t?.length && m(t[t.length - 1].arrival?.time), a = i && {
 				time: i,
 				delay: t[t.length - 1]?.arrival.delay ?? 0
-			}, o = t && t[0]?.serviceJourney?.stopPoints && t[0]?.serviceJourney?.stopPoints[0].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--departure-skipped" : "", s = (() => {
+			}, o = t && t[0]?.serviceJourney?.stopPoints && t[0]?.serviceJourney?.stopPoints[0].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--departure-skipped" : "", l = (() => {
 				let e = t && t[t.length - 1], n = e && e.serviceJourney?.stopPoints;
 				return n && n[n.length - 1].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--arrival-skipped" : "";
-			})(), c = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", d = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), g = t && f && !c ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !d ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
-			return this._isAllCancelled(t) ? l`
+			})(), u = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", d = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), g = t && f && !u ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !d ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
+			return this._isAllCancelled(t) ? s`
         <div class="sbb-pearl-chain">
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
           <div class="sbb-pearl-chain__leg sbb-pearl-chain__leg--disruption"></div>
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
         </div>
-      ` : l`
+      ` : s`
       <div class="sbb-pearl-chain">
         <span
-          class="sbb-pearl-chain__bullet ${g} ${o} ${c}"
+          class="sbb-pearl-chain__bullet ${g} ${o} ${u}"
         ></span>
         ${t?.map((n, r) => {
-				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), s = m(n.departure?.time), c = m(n.arrival?.time), d = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", p = i && i[0]?.stopStatus === "NOT_SERVICED", g = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = g && g[g.length - 1]?.stopStatus === "NOT_SERVICED", v = d || p && f ? "sbb-pearl-chain__leg--skipped" : "", y = p || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
-					time: s,
+				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), l = m(n.departure?.time), u = m(n.arrival?.time), d = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", p = i && i[0]?.stopStatus === "NOT_SERVICED", g = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = g && g[g.length - 1]?.stopStatus === "NOT_SERVICED", v = d || p && f ? "sbb-pearl-chain__leg--skipped" : "", y = p || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
+					time: l,
 					delay: n.departure?.delay ?? 0
 				}, S = {
-					time: c,
+					time: u,
 					delay: n.arrival?.delay ?? 0
 				}, C = this._getStatus(e, x, S);
-				return l` <div
+				return s` <div
             class="sbb-pearl-chain__leg ${!b && !v && "sbb-pearl-chain__leg--" + C || ""} ${b} ${v}"
             style=${h({
 					"--sbb-pearl-chain-leg-width": `${o}%`,
 					...C === "progress" && !b && !v ? { "--sbb-pearl-chain-leg-status": `${this._getProgress(e, x, S)}%` } : {}
 				})}
           >
-            ${r > 0 && r < t.length ? l`<span class="sbb-pearl-chain__stop ${y}"></span>` : u}
-            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : u}
+            ${r > 0 && r < t.length ? s`<span class="sbb-pearl-chain__stop ${y}"></span>` : c}
+            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : c}
           </div>`;
 			})}
         <span
-          class="sbb-pearl-chain__bullet ${_} ${s} ${d}"
+          class="sbb-pearl-chain__bullet ${_} ${l} ${d}"
         ></span>
       </div>
     `;

package/pearl-chain.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain.component-C6lcD7Xl.js";
+import { t as e } from "./pearl-chain.component-DYzhEgWG.js";
 import "./pearl-chain.pure.js";
 //#region src/elements-experimental/pearl-chain.ts
 e.define();

package/pearl-chain.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain.component-C6lcD7Xl.js";
+import { t as e } from "./pearl-chain.component-DYzhEgWG.js";
 export { e as SbbPearlChainElement };

package/seat-reservation/seat-reservation/seat-reservation-base-element.js

@@ -1,6 +1,6 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, forceType as r, isArrowKeyOrPageKeysPressed as i } from "@sbb-esta/lyne-elements/core.js";
-import { isServer as a } from "lit";
+import { SbbElement as e, forceType as t, isArrowKeyOrPageKeysPressed as n } from "@sbb-esta/lyne-elements/core.js";
+import { isServer as r } from "lit";
+import { __esDecorate as i, __runInitializers as a } from "tslib";
 import { eventOptions as o, property as s, state as c } from "lit/decorators.js";
 import { mapCoachInfosToCoachSelection as l, mapIconToSvg as u, mapPlaceAndCoachToSeatReservationPlaceSelection as ee, mapPlaceInfosToPlaceSelection as te } from "../common/mapper.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation-base-element.ts
@@ -37,46 +37,46 @@ var ne = 3, re = [
 		}), this._detail = e;
 	}
 }, m = (() => {
-	let m = n, h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, ie = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [], ae, oe = [], se = [], ce;
+	let m = e, h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, ie = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [], ae, oe = [], se = [], ce;
 	return class extends m {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
 			g = [s({
 				attribute: "seat-reservations",
 				type: Array
 			})], y = [s({
 				attribute: "travel-direction",
 				type: String
-			})], S = [r(), s({
+			})], S = [t(), s({
 				attribute: "has-navigation",
 				type: Boolean
-			})], T = [r(), s({
+			})], T = [t(), s({
 				attribute: "align-vertical",
 				type: Boolean,
 				reflect: !0,
 				useDefault: !0
-			})], O = [r(), s({
+			})], O = [t(), s({
 				attribute: "base-grid-size",
 				type: Number
-			})], j = [r(), s({
+			})], j = [t(), s({
 				attribute: "height",
 				type: Number
-			})], N = [r(), s({
+			})], N = [t(), s({
 				attribute: "max-seat-reservations",
 				type: Number
-			})], I = [r(), s({
+			})], I = [t(), s({
 				attribute: "max-bicycle-reservations",
 				type: Number
-			})], z = [r(), s({
+			})], z = [t(), s({
 				attribute: "prevent-place-click",
 				type: Boolean
-			})], H = [r(), s({
+			})], H = [t(), s({
 				attribute: "preselect-coach-index",
 				type: Number
-			})], G = [r(), s({
+			})], G = [t(), s({
 				attribute: "show-title-info",
 				type: Boolean
-			})], J = [c()], Z = [c()], ae = [c()], ce = [o({ passive: !0 })], e(this, null, g, {
+			})], J = [c()], Z = [c()], ae = [c()], ce = [o({ passive: !0 })], i(this, null, g, {
 				kind: "accessor",
 				name: "seatReservations",
 				static: !1,
@@ -88,8 +88,8 @@ var ne = 3, re = [
 						e.seatReservations = t;
 					}
 				},
-				metadata: t
-			}, _, v), e(this, null, y, {
+				metadata: e
+			}, _, v), i(this, null, y, {
 				kind: "accessor",
 				name: "travelDirection",
 				static: !1,
@@ -101,8 +101,8 @@ var ne = 3, re = [
 						e.travelDirection = t;
 					}
 				},
-				metadata: t
-			}, b, x), e(this, null, S, {
+				metadata: e
+			}, b, x), i(this, null, S, {
 				kind: "accessor",
 				name: "hasNavigation",
 				static: !1,
@@ -114,8 +114,8 @@ var ne = 3, re = [
 						e.hasNavigation = t;
 					}
 				},
-				metadata: t
-			}, C, w), e(this, null, T, {
+				metadata: e
+			}, C, w), i(this, null, T, {
 				kind: "accessor",
 				name: "alignVertical",
 				static: !1,
@@ -127,8 +127,8 @@ var ne = 3, re = [
 						e.alignVertical = t;
 					}
 				},
-				metadata: t
-			}, E, D), e(this, null, O, {
+				metadata: e
+			}, E, D), i(this, null, O, {
 				kind: "accessor",
 				name: "baseGridSize",
 				static: !1,
@@ -140,8 +140,8 @@ var ne = 3, re = [
 						e.baseGridSize = t;
 					}
 				},
-				metadata: t
-			}, k, A), e(this, null, j, {
+				metadata: e
+			}, k, A), i(this, null, j, {
 				kind: "accessor",
 				name: "height",
 				static: !1,
@@ -153,8 +153,8 @@ var ne = 3, re = [
 						e.height = t;
 					}
 				},
-				metadata: t
-			}, ie, M), e(this, null, N, {
+				metadata: e
+			}, ie, M), i(this, null, N, {
 				kind: "accessor",
 				name: "maxSeatReservations",
 				static: !1,
@@ -166,8 +166,8 @@ var ne = 3, re = [
 						e.maxSeatReservations = t;
 					}
 				},
-				metadata: t
-			}, P, F), e(this, null, I, {
+				metadata: e
+			}, P, F), i(this, null, I, {
 				kind: "accessor",
 				name: "maxBicycleReservations",
 				static: !1,
@@ -179,8 +179,8 @@ var ne = 3, re = [
 						e.maxBicycleReservations = t;
 					}
 				},
-				metadata: t
-			}, L, R), e(this, null, z, {
+				metadata: e
+			}, L, R), i(this, null, z, {
 				kind: "accessor",
 				name: "preventPlaceClick",
 				static: !1,
@@ -192,8 +192,8 @@ var ne = 3, re = [
 						e.preventPlaceClick = t;
 					}
 				},
-				metadata: t
-			}, B, V), e(this, null, H, {
+				metadata: e
+			}, B, V), i(this, null, H, {
 				kind: "accessor",
 				name: "preselectCoachIndex",
 				static: !1,
@@ -205,8 +205,8 @@ var ne = 3, re = [
 						e.preselectCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, U, W), e(this, null, G, {
+				metadata: e
+			}, U, W), i(this, null, G, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -218,8 +218,8 @@ var ne = 3, re = [
 						e.showTitleInfo = t;
 					}
 				},
-				metadata: t
-			}, K, q), e(this, null, J, {
+				metadata: e
+			}, K, q), i(this, null, J, {
 				kind: "accessor",
 				name: "selectedCoachIndex",
 				static: !1,
@@ -231,8 +231,8 @@ var ne = 3, re = [
 						e.selectedCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, Y, X), e(this, null, Z, {
+				metadata: e
+			}, Y, X), i(this, null, Z, {
 				kind: "accessor",
 				name: "focusedCoachIndex",
 				static: !1,
@@ -244,8 +244,8 @@ var ne = 3, re = [
 						e.focusedCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, Q, $), e(this, null, ae, {
+				metadata: e
+			}, Q, $), i(this, null, ae, {
 				kind: "accessor",
 				name: "hoveredCoachIndex",
 				static: !1,
@@ -257,8 +257,8 @@ var ne = 3, re = [
 						e.hoveredCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, oe, se), e(this, null, ce, {
+				metadata: e
+			}, oe, se), i(this, null, ce, {
 				kind: "method",
 				name: "coachAreaScrollend",
 				static: !1,
@@ -267,12 +267,12 @@ var ne = 3, re = [
 					has: (e) => "coachAreaScrollend" in e,
 					get: (e) => e.coachAreaScrollend
 				},
-				metadata: t
-			}, null, h), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, null, h), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
@@ -380,7 +380,7 @@ var ne = 3, re = [
 			this.#p = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, h), t(this, _, null)), this.#t = (t(this, v), t(this, b, "NONE")), this.#n = (t(this, x), t(this, C, !0)), this.#r = (t(this, w), t(this, E, !1)), this.#i = (t(this, D), t(this, k, 16)), this.#a = (t(this, A), t(this, ie, null)), this.#o = (t(this, M), t(this, P, -1)), this.#s = (t(this, F), t(this, L, -1)), this.#c = (t(this, R), t(this, B, !1)), this.#l = (t(this, V), t(this, U, -1)), this.#u = (t(this, W), t(this, K, !1)), this.#d = (t(this, q), t(this, Y, -1)), this.#f = (t(this, X), t(this, Q, -1)), this.#p = (t(this, $), t(this, oe, -1)), this.coachBorderPadding = (t(this, se), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.globalAreaIconDim = {
+			super(), this.#e = (a(this, h), a(this, _, null)), this.#t = (a(this, v), a(this, b, "NONE")), this.#n = (a(this, x), a(this, C, !0)), this.#r = (a(this, w), a(this, E, !1)), this.#i = (a(this, D), a(this, k, 16)), this.#a = (a(this, A), a(this, ie, null)), this.#o = (a(this, M), a(this, P, -1)), this.#s = (a(this, F), a(this, L, -1)), this.#c = (a(this, R), a(this, B, !1)), this.#l = (a(this, V), a(this, U, -1)), this.#u = (a(this, W), a(this, K, !1)), this.#d = (a(this, q), a(this, Y, -1)), this.#f = (a(this, X), a(this, Q, -1)), this.#p = (a(this, $), a(this, oe, -1)), this.coachBorderPadding = (a(this, se), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.globalAreaIconDim = {
 				w: 2,
 				h: 2
 			}, this.globalAreaIconPadding = .8, this.coachItemDetailsElements = [], this.currScrollDirection = d.right, this.maxCalcCoachesWidth = 0, this.scrollCoachesAreaWidth = 0, this.scrollNavigationAreaDim = 0, this.triggerCoachPositionsCollection = [], this.navigationScrollArea = null, this.coachScrollArea = null, this.currSelectedPlace = null, this.currSelectedPlaceElementId = null, this.currSelectedCoachIndex = -1, this.currSelectedDeckIndex = 0, this.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = {
@@ -471,42 +471,42 @@ var ne = 3, re = [
 				this._handleTabKeyNavigation(e, "navigation", t);
 				return;
 			}
-			i(e) && this.keyboardSeatmapEventHandling(e);
+			n(e) && this.keyboardSeatmapEventHandling(e);
 		}
 		_handleTabKeyNavigation(e, t, n) {
 			let r = e.key, i = e.shiftKey;
 			r === this.keyboardNavigationEvents.Tab && (t == "navigation" ? (n == this.currSelectedCoachIndex ? !this.currSelectedPlace || !i || this.coachItemDetailsElements[n].isDriverArea || this.focusedCoachIndex == -1 ? this.focusedCoachIndex = n : i && this.currSelectedPlace && (this.focusedCoachIndex = -1, this.focusPlaceElement(this.currSelectedPlace)) : this.focusedCoachIndex = n, this._scrollToSelectedNavigationButton(n)) : t == "seatmap" && (e.preventDefault(), i ? this._navigateCoachNavigationByKeyboard("PREV_TAB") : this._navigateCoachNavigationByKeyboard("NEXT_TAB")));
 		}
 		keyboardSeatmapEventHandling(e) {
-			let t = e.key === this.keyboardNavigationEvents.Tab, n = e.shiftKey && t;
-			if (!this.hasNavigation && this.currSelectedCoachIndex === 0 && n || this.currSelectedCoachIndex === this.coachItemDetailsElements.length - 1 && t) return;
-			let r = e.key;
-			if (this.preventCoachScrollByPlaceClick = !1, !this.hasSeatReservationNativeFocus && (t || n) && (this.hasSeatReservationNativeFocus = !0), t) {
+			let t = e.key === this.keyboardNavigationEvents.Tab, r = e.shiftKey && t;
+			if (!this.hasNavigation && this.currSelectedCoachIndex === 0 && r || this.currSelectedCoachIndex === this.coachItemDetailsElements.length - 1 && t) return;
+			let i = e.key;
+			if (this.preventCoachScrollByPlaceClick = !1, !this.hasSeatReservationNativeFocus && (t || r) && (this.hasSeatReservationNativeFocus = !0), t) {
 				this._handleTabKeyNavigation(e, "seatmap");
 				return;
 			}
-			if (this.currSelectedCoachIndex !== -1 && i(e)) switch (e.preventDefault(), r) {
+			if (this.currSelectedCoachIndex !== -1 && n(e)) switch (e.preventDefault(), i) {
 				case this.keyboardNavigationEvents.ArrowLeft:
 					{
-						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowDown : r;
+						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowDown : i;
 						this._navigateToPlaceByKeyboard(e);
 					}
 					break;
 				case this.keyboardNavigationEvents.ArrowRight:
 					{
-						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowUp : r;
+						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowUp : i;
 						this._navigateToPlaceByKeyboard(e);
 					}
 					break;
 				case this.keyboardNavigationEvents.ArrowUp:
 					{
-						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowLeft : r;
+						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowLeft : i;
 						this._navigateToPlaceByKeyboard(e);
 					}
 					break;
 				case this.keyboardNavigationEvents.ArrowDown:
 					{
-						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : r;
+						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowRight : i;
 						this._navigateToPlaceByKeyboard(e);
 					}
 					break;
@@ -764,7 +764,7 @@ var ne = 3, re = [
 			this.currSelectedPlaceElementId = e ? this.getPlaceElementId(this.currSelectedDeckIndex, this.currSelectedCoachIndex, e.number) : null;
 		}
 		_determineBaseFontSize() {
-			if (!a) {
+			if (!r) {
 				let e = 1 / parseInt(window.getComputedStyle(document.body).fontSize, 10);
 				this.style?.setProperty("--sbb-seat-reservation-one-px-rem", `${e + "rem"}`);
 			}

package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-area.component-BcmwKJSK.js";
+import { t as e } from "../../seat-reservation-area.component-B8HJ-Or8.js";
 export { e as SbbSeatReservationAreaElement };

package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-graphic.component-C3wc4DKr.js";
+import { t as e } from "../../seat-reservation-graphic.component-Ddpuv-Aw.js";
 export { e as SbbSeatReservationGraphicElement };

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../seat-reservation-navigation-coach.component-Cwxd9vLy.js";
+import { n as e, t } from "../../seat-reservation-navigation-coach.component-DMKlwxPa.js";
 export { t as SbbSeatReservationNavigationCoachElement, e as SbbSelectCoachEvent };

package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-navigation-services.component-CfAQa7pa.js";
+import { t as e } from "../../seat-reservation-navigation-services.component-2os7VI7i.js";
 export { e as SbbSeatReservationNavigationServicesElement };

package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../seat-reservation-place-control.component-CE-FrGMT.js";
+import { n as e, t } from "../../seat-reservation-place-control.component-CvGYSTnc.js";
 export { t as SbbPlaceSelectionEvent, e as SbbSeatReservationPlaceControlElement };

package/{seat-reservation-area.component-BcmwKJSK.js → seat-reservation-area.component-B8HJ-Or8.js}

@@ -1,14 +1,14 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, forceType as r } from "@sbb-esta/lyne-elements/core.js";
-import { html as i, unsafeCSS as a } from "lit";
+import { SbbElement as e, forceType as t } from "@sbb-esta/lyne-elements/core.js";
+import { html as n, unsafeCSS as r } from "lit";
+import { __esDecorate as i, __runInitializers as a } from "tslib";
 import { property as o } from "lit/decorators.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.scss?inline
 var s = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;--sbb-seat-reservation-area-z-index: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;z-index:var(--sbb-seat-reservation-area-z-index);inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:0;border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:0;border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}", c = (() => {
-	let c = n, l, u = [], d = [], f, p = [], m = [];
+	let c = e, l, u = [], d = [], f, p = [], m = [];
 	return class extends c {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			l = [r(), o({ reflect: !0 })], f = [r(), o({ reflect: !0 })], e(this, null, l, {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [t(), o({ reflect: !0 })], f = [t(), o({ reflect: !0 })], i(this, null, l, {
 				kind: "accessor",
 				name: "mounting",
 				static: !1,
@@ -20,8 +20,8 @@ var s = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 						e.mounting = t;
 					}
 				},
-				metadata: t
-			}, u, d), e(this, null, f, {
+				metadata: e
+			}, u, d), i(this, null, f, {
 				kind: "accessor",
 				name: "background",
 				static: !1,
@@ -33,28 +33,28 @@ var s = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 						e.background = t;
 					}
 				},
-				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+				metadata: e
+			}, p, m), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
-				value: t
+				value: e
 			});
 		}
 		static {
 			this.elementName = "sbb-seat-reservation-area";
 		}
 		static {
-			this.styles = [a(s)];
+			this.styles = [r(s)];
 		}
-		#e = t(this, u, "free");
+		#e = a(this, u, "free");
 		get mounting() {
 			return this.#e;
 		}
 		set mounting(e) {
 			this.#e = e;
 		}
-		#t = (t(this, d), t(this, p, "light"));
+		#t = (a(this, d), a(this, p, "light"));
 		get background() {
 			return this.#t;
 		}
@@ -62,10 +62,10 @@ var s = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 			this.#t = e;
 		}
 		render() {
-			return i`<slot></slot>`;
+			return n`<slot></slot>`;
 		}
 		constructor() {
-			super(...arguments), t(this, m);
+			super(...arguments), a(this, m);
 		}
 	};
 })();