@sbb-esta/lyne-elements-experimental-dev 4.13.1-dev.1781017616 → 5.0.0-dev.1781073747

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

@@ -1,8 +1,6 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType as r } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { isServer as i } from "lit";
-import { isArrowKeyOrPageKeysPressed as a } from "@sbb-esta/lyne-elements/core/a11y.js";
+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
@@ -18,47 +16,67 @@ var ne = 3, re = [
 	"sa-fa",
 	"sa-bz",
 	"sa-rz"
-], f = (() => {
-	let f = n, p = [], m, 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;
-	return class extends f {
+], f = class extends Event {
+	get detail() {
+		return this._detail;
+	}
+	constructor(e) {
+		super("selectedplaces", {
+			bubbles: !0,
+			composed: !0
+		}), this._detail = e;
+	}
+}, p = class extends Event {
+	get detail() {
+		return this._detail;
+	}
+	constructor(e) {
+		super("selectedcoach", {
+			bubbles: !0,
+			composed: !0
+		}), this._detail = e;
+	}
+}, m = (() => {
+	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(f[Symbol.metadata] ?? null) : void 0;
-			m = [s({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			g = [s({
 				attribute: "seat-reservations",
 				type: Array
-			})], _ = [s({
+			})], y = [s({
 				attribute: "travel-direction",
 				type: String
-			})], b = [r(), s({
+			})], S = [t(), s({
 				attribute: "has-navigation",
 				type: Boolean
-			})], C = [r(), s({
+			})], T = [t(), s({
 				attribute: "align-vertical",
 				type: Boolean,
 				reflect: !0,
 				useDefault: !0
-			})], E = [r(), s({
+			})], O = [t(), s({
 				attribute: "base-grid-size",
 				type: Number
-			})], k = [r(), s({
+			})], j = [t(), s({
 				attribute: "height",
 				type: Number
-			})], ie = [r(), s({
+			})], N = [t(), s({
 				attribute: "max-seat-reservations",
 				type: Number
-			})], P = [r(), s({
+			})], I = [t(), s({
 				attribute: "max-bicycle-reservations",
 				type: Number
-			})], L = [r(), s({
+			})], z = [t(), s({
 				attribute: "prevent-place-click",
 				type: Boolean
-			})], B = [r(), s({
+			})], H = [t(), s({
 				attribute: "preselect-coach-index",
 				type: Number
-			})], U = [r(), s({
+			})], G = [t(), s({
 				attribute: "show-title-info",
 				type: Boolean
-			})], K = [c()], Y = [c()], Q = [c()], oe = [o({ passive: !0 })], e(this, null, m, {
+			})], J = [c()], Z = [c()], ae = [c()], ce = [o({ passive: !0 })], i(this, null, g, {
 				kind: "accessor",
 				name: "seatReservations",
 				static: !1,
@@ -70,8 +88,8 @@ var ne = 3, re = [
 						e.seatReservations = t;
 					}
 				},
-				metadata: t
-			}, h, g), e(this, null, _, {
+				metadata: e
+			}, _, v), i(this, null, y, {
 				kind: "accessor",
 				name: "travelDirection",
 				static: !1,
@@ -83,8 +101,8 @@ var ne = 3, re = [
 						e.travelDirection = t;
 					}
 				},
-				metadata: t
-			}, v, y), e(this, null, b, {
+				metadata: e
+			}, b, x), i(this, null, S, {
 				kind: "accessor",
 				name: "hasNavigation",
 				static: !1,
@@ -96,8 +114,8 @@ var ne = 3, re = [
 						e.hasNavigation = t;
 					}
 				},
-				metadata: t
-			}, x, S), e(this, null, C, {
+				metadata: e
+			}, C, w), i(this, null, T, {
 				kind: "accessor",
 				name: "alignVertical",
 				static: !1,
@@ -109,8 +127,8 @@ var ne = 3, re = [
 						e.alignVertical = t;
 					}
 				},
-				metadata: t
-			}, w, T), e(this, null, E, {
+				metadata: e
+			}, E, D), i(this, null, O, {
 				kind: "accessor",
 				name: "baseGridSize",
 				static: !1,
@@ -122,8 +140,8 @@ var ne = 3, re = [
 						e.baseGridSize = t;
 					}
 				},
-				metadata: t
-			}, D, O), e(this, null, k, {
+				metadata: e
+			}, k, A), i(this, null, j, {
 				kind: "accessor",
 				name: "height",
 				static: !1,
@@ -135,8 +153,8 @@ var ne = 3, re = [
 						e.height = t;
 					}
 				},
-				metadata: t
-			}, A, j), e(this, null, ie, {
+				metadata: e
+			}, ie, M), i(this, null, N, {
 				kind: "accessor",
 				name: "maxSeatReservations",
 				static: !1,
@@ -148,8 +166,8 @@ var ne = 3, re = [
 						e.maxSeatReservations = t;
 					}
 				},
-				metadata: t
-			}, M, N), e(this, null, P, {
+				metadata: e
+			}, P, F), i(this, null, I, {
 				kind: "accessor",
 				name: "maxBicycleReservations",
 				static: !1,
@@ -161,8 +179,8 @@ var ne = 3, re = [
 						e.maxBicycleReservations = t;
 					}
 				},
-				metadata: t
-			}, F, I), e(this, null, L, {
+				metadata: e
+			}, L, R), i(this, null, z, {
 				kind: "accessor",
 				name: "preventPlaceClick",
 				static: !1,
@@ -174,8 +192,8 @@ var ne = 3, re = [
 						e.preventPlaceClick = t;
 					}
 				},
-				metadata: t
-			}, R, z), e(this, null, B, {
+				metadata: e
+			}, B, V), i(this, null, H, {
 				kind: "accessor",
 				name: "preselectCoachIndex",
 				static: !1,
@@ -187,8 +205,8 @@ var ne = 3, re = [
 						e.preselectCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, V, H), e(this, null, U, {
+				metadata: e
+			}, U, W), i(this, null, G, {
 				kind: "accessor",
 				name: "showTitleInfo",
 				static: !1,
@@ -200,8 +218,8 @@ var ne = 3, re = [
 						e.showTitleInfo = t;
 					}
 				},
-				metadata: t
-			}, W, G), e(this, null, K, {
+				metadata: e
+			}, K, q), i(this, null, J, {
 				kind: "accessor",
 				name: "selectedCoachIndex",
 				static: !1,
@@ -213,8 +231,8 @@ var ne = 3, re = [
 						e.selectedCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, q, J), e(this, null, Y, {
+				metadata: e
+			}, Y, X), i(this, null, Z, {
 				kind: "accessor",
 				name: "focusedCoachIndex",
 				static: !1,
@@ -226,8 +244,8 @@ var ne = 3, re = [
 						e.focusedCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, X, Z), e(this, null, Q, {
+				metadata: e
+			}, Q, $), i(this, null, ae, {
 				kind: "accessor",
 				name: "hoveredCoachIndex",
 				static: !1,
@@ -239,8 +257,8 @@ var ne = 3, re = [
 						e.hoveredCoachIndex = t;
 					}
 				},
-				metadata: t
-			}, $, ae), e(this, null, oe, {
+				metadata: e
+			}, oe, se), i(this, null, ce, {
 				kind: "method",
 				name: "coachAreaScrollend",
 				static: !1,
@@ -249,12 +267,12 @@ var ne = 3, re = [
 					has: (e) => "coachAreaScrollend" in e,
 					get: (e) => e.coachAreaScrollend
 				},
-				metadata: t
-			}, null, p), 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 {
@@ -362,7 +380,7 @@ var ne = 3, re = [
 			this.#p = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, p), t(this, h, null)), this.#t = (t(this, g), t(this, v, "NONE")), this.#n = (t(this, y), t(this, x, !0)), this.#r = (t(this, S), t(this, w, !1)), this.#i = (t(this, T), t(this, D, 16)), this.#a = (t(this, O), t(this, A, null)), this.#o = (t(this, j), t(this, M, -1)), this.#s = (t(this, N), t(this, F, -1)), this.#c = (t(this, I), t(this, R, !1)), this.#l = (t(this, z), t(this, V, -1)), this.#u = (t(this, H), t(this, W, !1)), this.#d = (t(this, G), t(this, q, -1)), this.#f = (t(this, J), t(this, X, -1)), this.#p = (t(this, Z), t(this, $, -1)), this.coachBorderPadding = (t(this, ae), 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 = {
@@ -453,42 +471,42 @@ var ne = 3, re = [
 				this._handleTabKeyNavigation(e, "navigation", t);
 				return;
 			}
-			a(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 && a(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;
@@ -663,11 +681,9 @@ var ne = 3, re = [
 		}
 		updateSelectedSeatReservationPlaces(e) {
 			let t = e.placeType === "SEAT" ? "seats" : "bicycles", n = e.placeType === "SEAT" ? this.maxSeatReservations : this.maxBicycleReservations, r = this.selectedSeatReservationPlaces[t];
-			this.selectedSeatReservationPlaces[t] = this._updateSelectedSeatReservationPlaces(r, n, e), this.dispatchEvent(new CustomEvent("selectedplaces", {
-				bubbles: !0,
-				composed: !0,
-				detail: this.selectedSeatReservationPlaces
-			}));
+			this.selectedSeatReservationPlaces[t] = this._updateSelectedSeatReservationPlaces(r, n, e);
+			let i = this.selectedSeatReservationPlaces;
+			this.dispatchEvent(new f(i));
 		}
 		_updateSelectedSeatReservationPlaces(e, t, n) {
 			if (n.state === "SELECTED") {
@@ -694,11 +710,7 @@ var ne = 3, re = [
 			if (this.currSelectedCoachIndex == this.selectedCoachIndex) return;
 			this.focusedCoachIndex != -1 && (this.focusedCoachIndex = this.currSelectedCoachIndex), this.selectedCoachIndex = this.currSelectedCoachIndex;
 			let e = this._getSeatReservationSelectedCoach(this.selectedCoachIndex);
-			e && this.dispatchEvent(new CustomEvent("selectedcoach", {
-				bubbles: !0,
-				composed: !0,
-				detail: e
-			}));
+			e && this.dispatchEvent(new p(e));
 		}
 		getPlaceElementId(e, t, n) {
 			return "seat-reservation__place-button-" + e + "-" + t + "-" + n;
@@ -752,7 +764,7 @@ var ne = 3, re = [
 			this.currSelectedPlaceElementId = e ? this.getPlaceElementId(this.currSelectedDeckIndex, this.currSelectedCoachIndex, e.number) : null;
 		}
 		_determineBaseFontSize() {
-			if (!i) {
+			if (!r) {
 				let e = 1 / parseInt(window.getComputedStyle(document.body).fontSize, 10);
 				this.style?.setProperty("--sbb-seat-reservation-one-px-rem", `${e + "rem"}`);
 			}
@@ -911,4 +923,4 @@ var ne = 3, re = [
 	};
 })();
 //#endregion
-export { f as SeatReservationBaseElement };
+export { p as SbbSeatReservationSelectedCoachEvent, f as SbbSeatReservationSelectedPlacesEvent, m as SeatReservationBaseElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation.component-B_T6eTf6.js";
+import { t as e } from "../../seat-reservation.component--0XnrCkk.js";
 export { e as SbbSeatReservationElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-area.component-DZsXvaMQ.js";
+import { t as e } from "../../seat-reservation-area.component-G9lHb7S8.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-BnJuHVZQ.js";
+import { t as e } from "../../seat-reservation-graphic.component-BXFcQDxY.js";
 export { e as SbbSeatReservationGraphicElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-navigation-coach.component-DgdpqMzG.js";
-export { e as SbbSeatReservationNavigationCoachElement };
+import { n as e, t } from "../../seat-reservation-navigation-coach.component-BXy8EkJe.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-6ECATtWB.js";
+import { t as e } from "../../seat-reservation-navigation-services.component-49XmV9rv.js";
 export { e as SbbSeatReservationNavigationServicesElement };

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

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

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-scoped.component-L1wMt65t.js";
+import { t as e } from "../../seat-reservation-scoped.component-D8dAmrP7.js";
 export { e as SbbSeatReservationScopedElement };

package/{seat-reservation-area.component-DZsXvaMQ.js → seat-reservation-area.component-G9lHb7S8.js}

@@ -1,16 +1,14 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType as r } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as i } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as a, unsafeCSS as o } from "lit";
-import { property as s } from "lit/decorators.js";
+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 c = ":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)}", l = (() => {
-	let l = n, u, d = [], f = [], p, m = [], h = [];
-	return class extends l {
+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 = e, l, u = [], d = [], f, p = [], m = [];
+	return class extends c {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [r(), s({ reflect: !0 })], p = [r(), s({ reflect: !0 })], e(this, null, u, {
+			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,
@@ -22,8 +20,8 @@ var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 						e.mounting = t;
 					}
 				},
-				metadata: t
-			}, d, f), e(this, null, p, {
+				metadata: e
+			}, u, d), i(this, null, f, {
 				kind: "accessor",
 				name: "background",
 				static: !1,
@@ -35,28 +33,28 @@ var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 						e.background = t;
 					}
 				},
-				metadata: t
-			}, m, h), 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 = [i, o(c)];
+			this.styles = [r(s)];
 		}
-		#e = t(this, d, "free");
+		#e = a(this, u, "free");
 		get mounting() {
 			return this.#e;
 		}
 		set mounting(e) {
 			this.#e = e;
 		}
-		#t = (t(this, f), t(this, m, "light"));
+		#t = (a(this, d), a(this, p, "light"));
 		get background() {
 			return this.#t;
 		}
@@ -64,12 +62,12 @@ var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 			this.#t = e;
 		}
 		render() {
-			return a`<slot></slot>`;
+			return n`<slot></slot>`;
 		}
 		constructor() {
-			super(...arguments), t(this, h);
+			super(...arguments), a(this, m);
 		}
 	};
 })();
 //#endregion
-export { l as t };
+export { c as t };

package/{seat-reservation-graphic.component-BnJuHVZQ.js → seat-reservation-graphic.component-BXFcQDxY.js}

@@ -1,27 +1,24 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
-import "@sbb-esta/lyne-elements/icon.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 { mapIconToSvg as u } from "./seat-reservation/common/mapper.js";
-import { classMap as d } from "lit/directives/class-map.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,
@@ -33,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,
@@ -46,19 +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.styles = [a, c(p)];
+			this.elementDependencies = [r];
+		}
+		static {
+			this.styles = [o(p)];
 		}
 		#e;
 		get name() {
@@ -75,22 +75,22 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 			this.#t = e;
 		}
 		render() {
-			let e = u[this.name];
-			return !e?.svg && !e?.svgName ? null : o`<span
-      class="${d({
+			let e = d[this.name];
+			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;
 			}