@sbb-esta/lyne-elements-experimental 4.12.0 → 4.13.0

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

@@ -0,0 +1,102 @@
+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 { 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 { 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 = [];
+	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));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i(), l({ attribute: "name" })], v = [i(), l({
+				attribute: "stretch",
+				type: Boolean
+			})], e(this, null, h, {
+				kind: "accessor",
+				name: "name",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "name" in e,
+					get: (e) => e.name,
+					set: (e, t) => {
+						e.name = t;
+					}
+				},
+				metadata: t
+			}, g, _), e(this, null, v, {
+				kind: "accessor",
+				name: "stretch",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "stretch" in e,
+					get: (e) => e.stretch,
+					set: (e, t) => {
+						e.stretch = t;
+					}
+				},
+				metadata: t
+			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-graphic";
+		}
+		static {
+			this.styles = [a, c(p)];
+		}
+		#e;
+		get name() {
+			return this.#e;
+		}
+		set name(e) {
+			this.#e = e;
+		}
+		#t;
+		get stretch() {
+			return this.#t;
+		}
+		set stretch(e) {
+			this.#t = e;
+		}
+		render() {
+			let e = u[this.name];
+			return !e?.svg && !e?.svgName ? null : o`<span
+      class="${d({
+				"sbb-sr-icon": !!e.svgName,
+				"sbb-sr-graphic": !!e.svg
+			})}"
+    >
+      ${e.svgName ? o` <sbb-icon
+            name="${e.svgName || ""}"
+            aria-hidden="false"
+            aria-label="${f(e.svgName, this._language.current)}"
+          ></sbb-icon>` : o`${this._getSvgElement(e.svg)}`}
+    </span>`;
+		}
+		_getSvgElement(e) {
+			if (!s) {
+				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;
+			}
+			return null;
+		}
+	};
+})();
+//#endregion
+export { m as t };

package/{seat-reservation-navigation-coach.component-sug9IBTH.js → seat-reservation-navigation-coach.component-BdCUfksf.js}

@@ -303,8 +303,8 @@ var m = (() => {
     `;
 		}
 		_getTitleDescriptionNavCoachButton(e) {
-			if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
-			if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("COACH_LOCOMOTIVE", this._language.current);
+			if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.isLocomotive) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
+			if (this.coachItemDetails.isLocomotive) return d("COACH_LOCOMOTIVE", this._language.current);
 			let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
 			if (e) {
 				let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);

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

@@ -19,7 +19,7 @@ var g = ":host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-hei
 c.define(), d.define(), m.define(), p.define(), h.define();
 var _ = class extends e {
 	constructor() {
-		super(...arguments), this._language = new t(this), this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
+		super(...arguments), this._language = new t(this);
 	}
 	static {
 		this.elementName = "sbb-seat-reservation";
@@ -144,16 +144,17 @@ var _ = class extends e {
       `);
 	}
 	_renderCoachElement(e, t, n, i) {
-		let a = this.getCalculatedDimension(e.dimension), o = this._getDescriptionTableCoach(e);
+		let a = this.seatReservationStructure.decks[n].deckCoaches[t], o = this._getDescriptionTableCoach(e);
 		return r`<sbb-seat-reservation-scoped
       style=${s({
-			"--sbb-seat-reservation-scoped-width": a.w,
-			"--sbb-seat-reservation-scoped-height": a.h
+			"--sbb-seat-reservation-scoped-width": a.width,
+			"--sbb-seat-reservation-scoped-height": a.height
 		})}
     >
-      ${this._getRenderedCoachBorders(e, t)}
-      ${this._getRenderedGraphicalElements(e.graphicElements || [], e.dimension, t, n)}
-      ${this._getRenderedServiceElements(t, n, e.serviceElements)}
+      ${this._getRenderedCoachBorders(e, n, t)}
+      ${this._getRenderedCoachElements(n, t)}
+      ${this._getRenderedAreaElements(n, t)}
+      ${this._getRenderedServiceElements(n, t)}
 
       <table
         @focus=${() => this.onFocusTableCoachAndPreselectPlace(t)}
@@ -169,21 +170,17 @@ var _ = class extends e {
       </table>
     </sbb-seat-reservation-scoped>`;
 	}
-	_getRenderedCoachBorders(e, t) {
+	_getRenderedCoachBorders(e, t, n) {
 		if (!e.graphicElements) return null;
-		let n = this.coachItemDetailsElements[t]?.driverAreaElements?.driverArea, i = this.coachItemDetailsElements[t]?.driverAreaElements?.driverAreaNoVerticalWall, a = n ? e.dimension.w - n.dimension.w - 1 : e.dimension.w - 2;
-		a *= this.baseGridSize;
-		let o = (e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, c = n && n.position.x === 0 ? n?.dimension.w * this.baseGridSize : this.baseGridSize;
-		i && (a = this.getCalculatedDimension(e.dimension).w - 2 * (i.dimension.w * this.baseGridSize), c = i.dimension.w * this.baseGridSize);
-		let u = this.overHangingElementInformation.find((t) => t.coachId === e.id);
-		return (u?.overhangingPlaces || u?.overhangingGraphicAreas) && (a += 2 * this.baseGridSize, c = 0), r`
+		let i = this.seatReservationStructure.decks[t].deckCoaches[n], a = i.borderMiddleElement, o = i.hasOverhangingElements;
+		return r`
       <sbb-seat-reservation-graphic
-        class="${l({ "sbb-sr-coach-has-overhanging-elements": u?.overhangingPlaces || u?.overhangingGraphicAreas || !1 })}"
+        class="${l({ "sbb-sr-coach-has-overhanging-elements": o || !1 })}"
         style=${s({
-			"--sbb-seat-reservation-graphic-width": a,
-			"--sbb-seat-reservation-graphic-height": o,
-			"--sbb-seat-reservation-graphic-top": this.coachBorderPadding * -1,
-			"--sbb-seat-reservation-graphic-left": c,
+			"--sbb-seat-reservation-graphic-width": a.dimension.w,
+			"--sbb-seat-reservation-graphic-height": a.dimension.h,
+			"--sbb-seat-reservation-graphic-top": a.position.y,
+			"--sbb-seat-reservation-graphic-left": a.position.x,
 			"--sbb-seat-reservation-graphic-position": "absolute"
 		})}
         name="COACH_BORDER_MIDDLE"
@@ -241,86 +238,82 @@ var _ = class extends e {
         `;
 		})}`;
 	}
-	_getRenderedGraphicalElements(e, t, n, r) {
-		return e ? e?.map((e) => {
-			let i = e.icon ?? "", a = e.rotation || 0, o = this._notFixedRotatableAreaIcons.indexOf(e.icon) === -1, s = this.alignVertical && o ? a - 90 : a;
-			return this.notAreaElements.findIndex((e) => e === i) > -1 ? this._getRenderElementWithoutArea(e, a, t) : this._getRenderElementWithArea(e, s, t, n, r);
-		}) : null;
-	}
-	_getRenderElementWithArea(e, t, n, i, o) {
-		let c = e.icon?.indexOf("TABLE") === -1, d = e.icon && c ? e.icon : null, f = this.isElementDirectlyOnBorder(e, n) && d !== "ENTRY_EXIT", p = e.icon ? u(e.icon, this._language.current) : a, m = this.getCalculatedDimension(e.dimension, n, !0, f), h = this.getCalculatedPosition(e.position, e.dimension, n, !0), g = `popover-trigger-${o}-${i}-${h.x}-${h.y}`, _ = "free";
-		return e.position.y === this.coachBorderOffset * -1 ? _ = "upper-border" : e.position.y + e.dimension.h === n.h + this.coachBorderOffset && (_ = "lower-border"), _ !== "free" && (h.y += _ === "upper-border" ? 2 : 1, m.h -= 3), r`
-      <sbb-seat-reservation-area
-        id="${g}"
-        class="${l({ "sbb-seat-reservation-area--cursor-pointer": d !== null })}"
+	_getRenderedCoachElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].otherElements.map((e) => r` <sbb-seat-reservation-graphic
         style=${s({
-			"--sbb-seat-reservation-area-width": m.w,
-			"--sbb-seat-reservation-area-height": m.h,
-			"--sbb-seat-reservation-area-top": h.y,
-			"--sbb-seat-reservation-area-left": h.x
+			"--sbb-seat-reservation-graphic-width": e.dimension.w,
+			"--sbb-seat-reservation-graphic-height": e.dimension.h,
+			"--sbb-seat-reservation-graphic-top": e.position.y,
+			"--sbb-seat-reservation-graphic-left": e.position.x,
+			"--sbb-seat-reservation-graphic-position": "absolute",
+			"--sbb-seat-reservation-graphic-rotation": e.rotation
 		})}
-        mounting=${_}
-        background="dark"
+        name=${e.icon ?? a}
         aria-hidden="true"
-      >
-        ${d ? r`
-              <sbb-seat-reservation-graphic
-                style=${s({
-			"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
-			"--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
-			"--sbb-seat-reservation-graphic-width": m.w,
-			"--sbb-seat-reservation-graphic-height": m.h,
-			"--sbb-seat-reservation-graphic-rotation": t,
-			"--sbb-seat-reservation-graphic-padding-percent": d === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
-		})}
-                name=${d}
-                role="img"
-                aria-hidden="true"
-                class="sbb-sr-graphic__dimension--square-dim"
-              ></sbb-seat-reservation-graphic>
-            ` : a}
-      </sbb-seat-reservation-area>
-      ${d ? this._popover(g, p) : a}
-    `;
+        ?stretch=${!0}
+      ></sbb-seat-reservation-graphic>`);
 	}
-	_getRenderElementWithoutArea(e, t, n) {
-		let i = this.getCalculatedDimension(e.dimension, n), o = this.getCalculatedPosition(e.position, e.dimension, n), c = e.icon && e.icon.endsWith("DRIVER_AREA") ? e.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType) : e.icon;
-		return r` <sbb-seat-reservation-graphic
-      style=${s({
-			"--sbb-seat-reservation-graphic-width": i.w,
-			"--sbb-seat-reservation-graphic-height": i.h,
-			"--sbb-seat-reservation-graphic-top": o.y,
-			"--sbb-seat-reservation-graphic-left": o.x,
-			"--sbb-seat-reservation-graphic-position": "absolute",
-			"--sbb-seat-reservation-graphic-rotation": t
-		})}
-      name=${c ?? a}
-      aria-hidden="true"
-      ?stretch=${!0}
-    ></sbb-seat-reservation-graphic>`;
+	_getRenderedAreaElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].areaElements.map((n) => {
+			let i = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, o = n.icon?.indexOf("TABLE") === -1, c = n.icon && o ? n.icon : null, d = n.icon ? u(n.icon, this._language.current) : a;
+			return r`
+        <sbb-seat-reservation-area
+          id="${i}"
+          class="${l({ "sbb-seat-reservation-area--cursor-pointer": c !== null })}"
+          style=${s({
+				"--sbb-seat-reservation-area-width": n.dimension.w,
+				"--sbb-seat-reservation-area-height": n.dimension.h,
+				"--sbb-seat-reservation-area-top": n.position.y,
+				"--sbb-seat-reservation-area-left": n.position.x,
+				"--sbb-seat-reservation-area-z-index": n.position.z
+			})}
+          mounting=${n.mounting ?? a}
+          background="dark"
+          aria-hidden="true"
+        >
+          ${c ? r`
+                <sbb-seat-reservation-graphic
+                  style=${s({
+				"--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
+				"--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
+				"--sbb-seat-reservation-graphic-width": n.dimension.w,
+				"--sbb-seat-reservation-graphic-height": n.dimension.h,
+				"--sbb-seat-reservation-graphic-rotation": n.rotation,
+				"--sbb-seat-reservation-graphic-padding-percent": c === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
+			})}
+                  name=${c}
+                  role="img"
+                  aria-hidden="true"
+                  class="sbb-sr-graphic__dimension--square-dim"
+                ></sbb-seat-reservation-graphic>
+              ` : a}
+        </sbb-seat-reservation-area>
+        ${c ? this._popover(i, d) : a}
+      `;
+		});
 	}
-	_getRenderedServiceElements(e, t, n) {
-		return n ? n?.map((n) => {
-			let i = n.icon ? u(n.icon, this._language.current) : null, o = this.getCalculatedDimension(n.dimension), c = this.getCalculatedPosition(n.position), l = n.rotation || 0, d = this.alignVertical ? l - 90 : l, f = `popover-trigger-${t}-${e}-${c.x}-${c.y}`;
+	_getRenderedServiceElements(e, t) {
+		return this.seatReservationStructure.decks[e].deckCoaches[t].serviceElements.map((n) => {
+			let i = `popover-trigger-${e}-${t}-${n.position.x}-${n.position.y}`, o = n.icon ? u(n.icon, this._language.current) : null;
 			return r`
         <sbb-seat-reservation-graphic
-          id="${f}"
+          id="${i}"
           style=${s({
-				"--sbb-seat-reservation-graphic-width": o.w,
-				"--sbb-seat-reservation-graphic-height": o.h,
-				"--sbb-seat-reservation-graphic-top": c.y,
-				"--sbb-seat-reservation-graphic-left": c.x,
+				"--sbb-seat-reservation-graphic-width": n.dimension.w,
+				"--sbb-seat-reservation-graphic-height": n.dimension.h,
+				"--sbb-seat-reservation-graphic-top": n.position.y,
+				"--sbb-seat-reservation-graphic-left": n.position.x,
 				"--sbb-seat-reservation-graphic-position": "absolute",
-				"--sbb-seat-reservation-graphic-rotation": d
+				"--sbb-seat-reservation-graphic-rotation": n.rotation
 			})}
           class="sbb-seat-reservation-graphic--cursor-pointer"
           name=${n.icon ?? a}
           role="img"
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        ${this._popover(f, i)}
+        ${this._popover(i, o)}
       `;
-		}) : null;
+		});
 	}
 	_onSelectPlace(e) {
 		let t = e.detail;
@@ -358,7 +351,7 @@ var _ = class extends e {
 		return e?.map((e) => {
 			let n = e.icon;
 			if (!n) return null;
-			let r = t.indexOf(n) > -1, i = u(e.icon, this._language.current), a = this._notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
+			let r = t.indexOf(n) > -1, i = u(e.icon, this._language.current), a = this.notFixedRotatableAreaIcons.indexOf(n) === -1 && this.notAreaElements.indexOf(n) === -1;
 			return r || t.push(e.icon), i && !r && a ? i : null;
 		}).filter((e) => !!e).join(", ");
 	}

package/seat-reservation.js

@@ -2,15 +2,15 @@ import { i as e, n as t, r as n, t as r } from "./mapper-Cqie5ivY.js";
 import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
 import { t as a } from "./svgs-D5DhLHxC.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-CtYawDjE.js";
-import { t as c } from "./seat-reservation-graphic.component-Cm_pVxaB.js";
+import { t as s } from "./seat-reservation-area.component-B5_N7H_a.js";
+import { t as c } from "./seat-reservation-graphic.component-Dh1e2Pve.js";
 import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
-import { t as d } from "./seat-reservation-navigation-coach.component-sug9IBTH.js";
+import { t as d } from "./seat-reservation-navigation-coach.component-BdCUfksf.js";
 import { t as f } from "./seat-reservation-navigation-services.component-C9dDYD_M.js";
 import { t as p } from "./seat-reservation-place-control.component-CE7d9M2b.js";
 import { t as m } from "./seat-reservation-scoped.component-DVyP2JGE.js";
 import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DajC6fqU.js";
+import { t as g } from "./seat-reservation.component-CtEqqosF.js";
 import "./seat-reservation.pure.js";
 g.define(), s.define(), c.define(), d.define(), f.define(), p.define(), m.define();
 //#endregion

package/seat-reservation.pure.js

@@ -3,13 +3,13 @@ import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.
 import "./seat-reservation/common/mapper.js";
 import { t as a } from "./svgs-D5DhLHxC.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-CtYawDjE.js";
-import { t as c } from "./seat-reservation-graphic.component-Cm_pVxaB.js";
+import { t as s } from "./seat-reservation-area.component-B5_N7H_a.js";
+import { t as c } from "./seat-reservation-graphic.component-Dh1e2Pve.js";
 import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
-import { t as d } from "./seat-reservation-navigation-coach.component-sug9IBTH.js";
+import { t as d } from "./seat-reservation-navigation-coach.component-BdCUfksf.js";
 import { t as f } from "./seat-reservation-navigation-services.component-C9dDYD_M.js";
 import { t as p } from "./seat-reservation-place-control.component-CE7d9M2b.js";
 import { t as m } from "./seat-reservation-scoped.component-DVyP2JGE.js";
 import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DajC6fqU.js";
+import { t as g } from "./seat-reservation.component-CtEqqosF.js";
 export { s as SbbSeatReservationAreaElement, g as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, d as SbbSeatReservationNavigationCoachElement, f as SbbSeatReservationNavigationServicesElement, p as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SeatReservationBaseElement, l as assetsTemplate, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, u as svgImageByOSDMCode, a as svgs };

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

@@ -1,96 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html, unsafeCSS } from "lit";
-import { property } from "lit/decorators.js";
-//#region src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.scss?inline
-var seat_reservation_area_default = ":host {\n  --sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);\n  --sbb-seat-reservation-area-rotation: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  width: calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  border: var(--sbb-border-width-1x) solid var(--sbb-color-graphite);\n  border: var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite), var(--sbb-color-granite));\n  border-radius: var(--sbb-seat-reservation-area-border-radius);\n  position: absolute;\n  inset-block-start: calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  inset-inline-start: calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));\n  rotate: calc(var(--sbb-seat-reservation-area-rotation) * 1deg);\n  line-height: normal;\n  background-color: var(--sbb-background-color-2);\n}\n\n:host([background=dark]) {\n  background-color: var(--sbb-color-milk);\n  background-color: light-dark(var(--sbb-color-milk), var(--sbb-color-iron));\n}\n\n:host([mounting=upper-border]) {\n  border-block-start-width: 0;\n  border-radius: 0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius);\n}\n\n:host([mounting=lower-border]) {\n  border-block-end-width: 0;\n  border-radius: var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0;\n}\n\n:host([mounting=upper-to-lower-border]) {\n  border-block-start: none;\n  border-block-end: none;\n  border-radius: 0;\n}\n\n:host(.sbb-seat-reservation-area--cursor-pointer) {\n  cursor: var(--sbb-cursor-pointer);\n}";
-//#endregion
-//#region src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.component.ts
-/**
-* Visualize an area with a special meaning within a wagon.
-*/
-var SbbSeatReservationAreaElement = (() => {
-	let _classSuper = SbbElement;
-	let _mounting_decorators;
-	let _mounting_initializers = [];
-	let _mounting_extraInitializers = [];
-	let _background_decorators;
-	let _background_initializers = [];
-	let _background_extraInitializers = [];
-	return class SbbSeatReservationAreaElement extends _classSuper {
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_mounting_decorators = [forceType(), property({ reflect: true })];
-			_background_decorators = [forceType(), property({ reflect: true })];
-			__esDecorate(this, null, _mounting_decorators, {
-				kind: "accessor",
-				name: "mounting",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "mounting" in obj,
-					get: (obj) => obj.mounting,
-					set: (obj, value) => {
-						obj.mounting = value;
-					}
-				},
-				metadata: _metadata
-			}, _mounting_initializers, _mounting_extraInitializers);
-			__esDecorate(this, null, _background_decorators, {
-				kind: "accessor",
-				name: "background",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "background" in obj,
-					get: (obj) => obj.background,
-					set: (obj, value) => {
-						obj.background = value;
-					}
-				},
-				metadata: _metadata
-			}, _background_initializers, _background_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-seat-reservation-area";
-		}
-		static {
-			this.styles = [boxSizingStyles, unsafeCSS(seat_reservation_area_default)];
-		}
-		#mounting_accessor_storage = __runInitializers(this, _mounting_initializers, "free");
-		/** Mounting Prop */
-		get mounting() {
-			return this.#mounting_accessor_storage;
-		}
-		set mounting(value) {
-			this.#mounting_accessor_storage = value;
-		}
-		#background_accessor_storage = (__runInitializers(this, _mounting_extraInitializers), __runInitializers(this, _background_initializers, "light"));
-		/** the background of the area */
-		get background() {
-			return this.#background_accessor_storage;
-		}
-		set background(value) {
-			this.#background_accessor_storage = value;
-		}
-		render() {
-			return html`<slot></slot>`;
-		}
-		constructor() {
-			super(...arguments);
-			__runInitializers(this, _background_extraInitializers);
-		}
-	};
-})();
-//#endregion
-export { SbbSeatReservationAreaElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1hcmVhLmNvbXBvbmVudC1EYmV1VG5YVC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3NlYXQtcmVzZXJ2YXRpb24vc2VhdC1yZXNlcnZhdGlvbi1hcmVhL3NlYXQtcmVzZXJ2YXRpb24tYXJlYS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy1leHBlcmltZW50YWwvc2VhdC1yZXNlcnZhdGlvbi9zZWF0LXJlc2VydmF0aW9uLWFyZWEvc2VhdC1yZXNlcnZhdGlvbi1hcmVhLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS1ib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTR4KTtcbiAgLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1hcmVhLXJvdGF0aW9uOiAwO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS1oZWlnaHQpICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIHdpZHRoOiBjYWxjKFxuICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWFyZWEtd2lkdGgpICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIGJvcmRlcjogdmFyKC0tc2JiLWJvcmRlci13aWR0aC0xeCkgc29saWRcbiAgICBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFuaXRlKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWFyZWEtYm9yZGVyLXJhZGl1cyk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS10b3ApICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIGluc2V0LWlubGluZS1zdGFydDogY2FsYyhcbiAgICB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1hcmVhLWxlZnQpICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIHJvdGF0ZTogY2FsYyh2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1hcmVhLXJvdGF0aW9uKSAqIDFkZWcpO1xuICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0yKTtcbn1cblxuOmhvc3QoW2JhY2tncm91bmQ9J2RhcmsnXSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodC1kYXJrKHZhcigtLXNiYi1jb2xvci1taWxrKSwgdmFyKC0tc2JiLWNvbG9yLWlyb24pKTtcbn1cblxuOmhvc3QoW21vdW50aW5nPSd1cHBlci1ib3JkZXInXSkge1xuICAvLyBGb3IgYXJlYXMgdGhhdCBhcmUgbW91bnRlZCBkaXJlY3RseSBvbiB0aGUgYm9yZGVyIG9mIGNvYWNoLFxuICAvLyB3ZSByZW1vdmUgdGhlIGJvcmRlciB0b3AgZnJvbSB0aGUgZWxlbWVudCB3aGVyZSBpdCBpcyBtb3VudGVkLFxuICAvLyBhcyB0aGUgYm9yZGVycyBhcmUgYWxyZWFkeSB2aXN1YWxseSBkaXNwbGF5ZWQgYnkgdGhlIGNvYWNoLlxuICBib3JkZXItYmxvY2stc3RhcnQtd2lkdGg6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDAgMCB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1hcmVhLWJvcmRlci1yYWRpdXMpXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS1ib3JkZXItcmFkaXVzKTtcbn1cblxuOmhvc3QoW21vdW50aW5nPSdsb3dlci1ib3JkZXInXSkge1xuICAvLyBGb3IgYXJlYXMgdGhhdCBhcmUgbW91bnRlZCBkaXJlY3RseSBvbiB0aGUgYm9yZGVyIG9mIGNvYWNoLFxuICAvLyB3ZSByZW1vdmUgdGhlIGJvcmRlciBib3R0b20gZnJvbSB0aGUgZWxlbWVudCB3aGVyZSBpdCBpcyBtb3VudGVkLFxuICAvLyBhcyB0aGUgYm9yZGVycyBhcmUgYWxyZWFkeSB2aXN1YWxseSBkaXNwbGF5ZWQgYnkgdGhlIGNvYWNoLlxuICBib3JkZXItYmxvY2stZW5kLXdpZHRoOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1hcmVhLWJvcmRlci1yYWRpdXMpXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS1ib3JkZXItcmFkaXVzKSAwIDA7XG59XG5cbjpob3N0KFttb3VudGluZz0ndXBwZXItdG8tbG93ZXItYm9yZGVyJ10pIHtcbiAgYm9yZGVyLWJsb2NrLXN0YXJ0OiBub25lO1xuICBib3JkZXItYmxvY2stZW5kOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAwO1xufVxuXG4vLyBob3ZlciBzdGF0ZSB3aXRoIHBvaW50ZXIgY3Vyc29yIGZvciBzZXJ2aWNlIGljb25zIGFuZCBwb3BvdmVyXG46aG9zdCguc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYS0tY3Vyc29yLXBvaW50ZXIpIHtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xufVxuIiwiaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zZWF0LXJlc2VydmF0aW9uLWFyZWEuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIFZpc3VhbGl6ZSBhbiBhcmVhIHdpdGggYSBzcGVjaWFsIG1lYW5pbmcgd2l0aGluIGEgd2Fnb24uXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTZWF0UmVzZXJ2YXRpb25BcmVhRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYSc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBNb3VudGluZyBQcm9wICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBtb3VudGluZzogJ2ZyZWUnIHwgJ3VwcGVyLWJvcmRlcicgfCAnbG93ZXItYm9yZGVyJyB8ICd1cHBlci10by1sb3dlci1ib3JkZXInID1cbiAgICAnZnJlZSc7XG5cbiAgLyoqIHRoZSBiYWNrZ3JvdW5kIG9mIHRoZSBhcmVhICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBiYWNrZ3JvdW5kOiAnbGlnaHQnIHwgJ2RhcmsnID0gJ2xpZ2h0JztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlYXQtcmVzZXJ2YXRpb24tYXJlYSc6IFNiYlNlYXRSZXNlcnZhdGlvbkFyZWFFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7SUNXYSx1Q0FBNkI7bUJBQVM7Ozs7Ozs7Y0FBdEMsc0NBQXNDLFlBQVU7OzsyQkFLMUQsV0FBVyxFQUNYLFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBOzZCQUszQixXQUFXLEVBQ1gsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFMNUIsZ0JBQUEsTUFBQSxNQUFBLHNCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsY0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFRLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBUixXQUFROztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsd0JBQUEsNEJBQUE7QUFNeEIsZ0JBQUEsTUFBQSxNQUFBLHdCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsZ0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBVSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVYsYUFBVTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDBCQUFBLDhCQUFBOzs7Ozs7Ozs7QUFaTSxRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLDhCQUFNLENBQUM7O0VBS25GLDZCQUFBLGtCQUFBLE1BQUEsd0JBQ0UsT0FBTTs7RUFEUixJQUFnQixXQUFRO0FBQUEsVUFBQSxNQUFBOztFQUF4QixJQUFnQixTQUFRLE9BQUE7QUFBQSxTQUFBLDRCQUFBOztFQU14QixnQ0FBQSxrQkFBQSxNQUFBLDRCQUFBLEVBQUEsa0JBQUEsTUFBQSwwQkFBK0MsUUFBTzs7RUFBdEQsSUFBZ0IsYUFBVTtBQUFBLFVBQUEsTUFBQTs7RUFBMUIsSUFBZ0IsV0FBVSxPQUFBO0FBQUEsU0FBQSw4QkFBQTs7RUFFUCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSSJ9