@sbb-esta/lyne-elements-experimental-dev 4.8.1-dev.1774250635 → 4.8.1-dev.1774266612

package/development/seat-reservation.js

@@ -3,14 +3,14 @@ import { mapIconToSvg } from "./seat-reservation/common/mapper/icon-mapper.js";
 import { t as svgs } from "./svgs-kDpBCto5.js";
 import { getI18nSeatReservation } from "./seat-reservation/common/translations/i18n.js";
 import { t as SbbSeatReservationAreaElement } from "./seat-reservation-area.component-ORuli_DC.js";
-import { t as SbbSeatReservationGraphicElement } from "./seat-reservation-graphic.component-lZXqHWIz.js";
+import { t as SbbSeatReservationGraphicElement } from "./seat-reservation-graphic.component-D0xEXmP9.js";
 import { assetsTemplate, svgImageByOSDMCode } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
 import { t as SbbSeatReservationNavigationCoachElement } from "./seat-reservation-navigation-coach.component-D2QXTMJJ.js";
 import { t as SbbSeatReservationNavigationServicesElement } from "./seat-reservation-navigation-services.component-Bg1adRlU.js";
 import { t as SbbSeatReservationPlaceControlElement } from "./seat-reservation-place-control.component-CwUX-QYO.js";
 import { t as SbbSeatReservationScopedElement } from "./seat-reservation-scoped.component-uLT33P9y.js";
 import { SeatReservationBaseElement } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as SbbSeatReservationElement } from "./seat-reservation.component-MOv5kHDC.js";
+import { t as SbbSeatReservationElement } from "./seat-reservation.component-BS53sZR3.js";
 import "./seat-reservation.pure.js";
 //#region src/elements-experimental/seat-reservation.ts
 /** @entrypoint */

package/development/seat-reservation.pure.js

@@ -4,12 +4,12 @@ import "./seat-reservation/common/mapper.js";
 import { t as svgs } from "./svgs-kDpBCto5.js";
 import { getI18nSeatReservation } from "./seat-reservation/common/translations/i18n.js";
 import { t as SbbSeatReservationAreaElement } from "./seat-reservation-area.component-ORuli_DC.js";
-import { t as SbbSeatReservationGraphicElement } from "./seat-reservation-graphic.component-lZXqHWIz.js";
+import { t as SbbSeatReservationGraphicElement } from "./seat-reservation-graphic.component-D0xEXmP9.js";
 import { assetsTemplate, svgImageByOSDMCode } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
 import { t as SbbSeatReservationNavigationCoachElement } from "./seat-reservation-navigation-coach.component-D2QXTMJJ.js";
 import { t as SbbSeatReservationNavigationServicesElement } from "./seat-reservation-navigation-services.component-Bg1adRlU.js";
 import { t as SbbSeatReservationPlaceControlElement } from "./seat-reservation-place-control.component-CwUX-QYO.js";
 import { t as SbbSeatReservationScopedElement } from "./seat-reservation-scoped.component-uLT33P9y.js";
 import { SeatReservationBaseElement } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as SbbSeatReservationElement } from "./seat-reservation.component-MOv5kHDC.js";
+import { t as SbbSeatReservationElement } from "./seat-reservation.component-BS53sZR3.js";
 export { SbbSeatReservationAreaElement, SbbSeatReservationElement, SbbSeatReservationGraphicElement, SbbSeatReservationNavigationCoachElement, SbbSeatReservationNavigationServicesElement, SbbSeatReservationPlaceControlElement, SbbSeatReservationScopedElement, SeatReservationBaseElement, assetsTemplate, getI18nSeatReservation, mapCoachInfosToCoachSelection, mapIconToSvg, mapPlaceAndCoachToSeatReservationPlaceSelection, mapPlaceInfosToPlaceSelection, mapRawDataToSeatReservation, svgImageByOSDMCode, svgs };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "4.8.1-dev.1774250635",
+  "version": "4.8.1-dev.1774266612",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/bffc26b7eef7b4df53616ef8b57c156c345c4ddf"
+    "https://github.com/sbb-design-systems/lyne-components/commit/f8055af23b6c4453b82393888a29dbadd5871118"
   ],
   "type": "module",
   "exports": {

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

@@ -362,7 +362,10 @@ var ie = 3, ae = [
 			this.#p = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, d), t(this, p, null)), this.#t = (t(this, m), t(this, g, "NONE")), this.#n = (t(this, _), t(this, y, !0)), this.#r = (t(this, b), t(this, S, !1)), this.#i = (t(this, C), t(this, T, 16)), this.#a = (t(this, E), t(this, O, null)), this.#o = (t(this, oe), t(this, A, -1)), this.#s = (t(this, j), t(this, N, -1)), this.#c = (t(this, P), t(this, I, !1)), this.#l = (t(this, L), t(this, z, -1)), this.#u = (t(this, B), t(this, H, !1)), this.#d = (t(this, U), t(this, G, -1)), this.#f = (t(this, K), t(this, J, -1)), this.#p = (t(this, Y), t(this, Z, -1)), this.coachBorderPadding = (t(this, Q), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.coachItemDetailsElements = [], this.currScrollDirection = l.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 = {
+			super(), this.#e = (t(this, d), t(this, p, null)), this.#t = (t(this, m), t(this, g, "NONE")), this.#n = (t(this, _), t(this, y, !0)), this.#r = (t(this, b), t(this, S, !1)), this.#i = (t(this, C), t(this, T, 16)), this.#a = (t(this, E), t(this, O, null)), this.#o = (t(this, oe), t(this, A, -1)), this.#s = (t(this, j), t(this, N, -1)), this.#c = (t(this, P), t(this, I, !1)), this.#l = (t(this, L), t(this, z, -1)), this.#u = (t(this, B), t(this, H, !1)), this.#d = (t(this, U), t(this, G, -1)), this.#f = (t(this, K), t(this, J, -1)), this.#p = (t(this, Y), t(this, Z, -1)), this.coachBorderPadding = (t(this, Q), 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 = l.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 = {
 				seats: [],
 				bicycles: []
 			}, this.seatReservationWithoutNavigationHasFocus = !1, this.isCoachGridFocusable = !1, this.isAutoScrolling = !1, this.isKeyboardNavigation = !1, this.hasMultipleDecks = !1, this.hasSeatReservationNativeFocus = !1, this.keyboardNavigationEvents = {
@@ -380,7 +383,8 @@ var ie = 3, ae = [
 				"COMPARTMENT_PASSAGE",
 				"COMPARTMENT_PASSAGE_HIGH",
 				"COMPARTMENT_PASSAGE_MIDDLE",
-				"COMPARTMENT_PASSAGE_LOW"
+				"COMPARTMENT_PASSAGE_LOW",
+				"COMPARTMENT_WALL"
 			], this.overHangingElementInformation = [], this._isRunningInitPreselectCoachIndex = !1, this._lastStartScrollPos = -1, this._prepareServiceIconsNavigation = (e) => e && e?.map(function(e) {
 				return {
 					pId: e,
@@ -391,7 +395,7 @@ var ie = 3, ae = [
 		willUpdate(e) {
 			if (super.willUpdate(e), e.has("seatReservations") && (this.hasMultipleDecks = this.seatReservations?.length > 1, this._initPrepareSeatReservationData(), this._prepareCoachWidthAndGapCalculations(), this._initSeatReservationPlaceSelection(), this.initNavigationSelectionByScrollEvent()), e.has("baseGridSize") && (this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent()), e.has("height") && this.height) {
 				let e = this.seatReservations[this.currSelectedDeckIndex] || null;
-				e?.coachItems.length && (this.baseGridSize = this.height / e.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent());
+				e?.coachItems.length && (this.baseGridSize = this.height / e.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this._initPrepareSeatReservationData(), this.initNavigationSelectionByScrollEvent());
 			}
 			e.has("alignVertical") && this.alignVertical && this.initNavigationSelectionByScrollEvent(), e.has("preselectCoachIndex") && (this._isRunningInitPreselectCoachIndex = !0, setTimeout(() => this.scrollToSelectedNavCoach(this.preselectCoachIndex), 1));
 		}
@@ -401,7 +405,7 @@ var ie = 3, ae = [
 			e == "DIRECTION_LEFT" && t > 0 ? t = this.currSelectedCoachIndex == -1 ? 0 : this.currSelectedCoachIndex - 1 : e == "DIRECTION_RIGHT" && t < this.seatReservations[this.currSelectedDeckIndex]?.coachItems.length - 1 && (t = this.currSelectedCoachIndex == -1 ? 0 : this.currSelectedCoachIndex + 1), this.scrollToSelectedNavCoach(t);
 		}
 		_initPrepareSeatReservationData() {
-			this._determineBaseFontSize(), this.hasMultipleDecks && this._initEmptyCoachDeckOffsets(), this._prepareCoachItemDetailsData();
+			this._determineBaseFontSize(), this.hasMultipleDecks && this._initEmptyCoachDeckOffsets(), this._prepareCoachItemDetailsData(), this._prepareOptimizeAreaIconDimensionByMedian();
 		}
 		initNavigationSelectionByScrollEvent() {
 			this.coachScrollArea = this.shadowRoot?.querySelector("#sbb-sr__wrapper-scrollarea"), this.navigationScrollArea = this.shadowRoot?.querySelector("#sbb-sr__navigation-list-coaches");
@@ -767,6 +771,22 @@ var ie = 3, ae = [
 				});
 			}
 		}
+		_prepareOptimizeAreaIconDimensionByMedian() {
+			if (this.seatReservations) {
+				let e = [];
+				if (this.seatReservations.forEach((t) => t.coachItems.forEach((t) => t.serviceElements?.forEach((t) => e.push(t.dimension)))), e.length) {
+					e.sort((e, t) => {
+						if (e && t) {
+							let n = e.w + e.h, r = t.w + t.h;
+							return n > r ? 1 : n < r ? -1 : 0;
+						}
+						return 0;
+					});
+					let t = e[Math.floor(e.length / 2)];
+					this.globalAreaIconDim = this.getCalculatedDimension(t);
+				}
+			}
+		}
 		_prepareTravelClassNavigation(e) {
 			return e.indexOf("FIRST") === -1 ? e.indexOf("SECOND") === -1 ? "ANY_CLASS" : "SECOND" : "FIRST";
 		}

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

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

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../seat-reservation-graphic.component-CjqYuXjL.js";
+import { t as e } from "../../seat-reservation-graphic.component-DCMFf9uY.js";
 import { html as t } from "lit";
 import { unsafeHTML as n } from "lit/directives/unsafe-html.js";
 import { mapIconToSvg as r } from "../common/mapper.js";

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

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

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

@@ -1,4 +1,4 @@
-import { t as e } from "../seat-reservation-graphic.component-CjqYuXjL.js";
+import { t as e } from "../seat-reservation-graphic.component-DCMFf9uY.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-graphic.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.");
 //#endregion
 export { e as SbbSeatReservationGraphicElement };

package/seat-reservation/seat-reservation.js

@@ -1,5 +1,5 @@
 import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation-base-element.js";
-import { t } from "../seat-reservation.component-DXAhxaI0.js";
+import { t } from "../seat-reservation.component-Dl6bnC7-.js";
 t.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.");
 //#endregion
 export { t as SbbSeatReservationElement, e as SeatReservationBaseElement };

package/seat-reservation-graphic.component-DCMFf9uY.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 { css as o, html as s, isServer 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?lit&inline
+var p = o`: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-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);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 o = n, m, h = [], g = [], _, v = [], y = [];
+	return class extends o {
+		constructor() {
+			super(...arguments), this.#e = t(this, h, ""), this.#t = (t(this, g), t(this, v, !1)), this._language = (t(this, y), new r(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			m = [i(), l({ attribute: "name" })], _ = [i(), l({
+				attribute: "stretch",
+				type: Boolean
+			})], e(this, null, m, {
+				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
+			}, h, g), e(this, null, _, {
+				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
+			}, v, y), 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, 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 : s`<span
+      class="${d({
+				"sbb-sr-icon": !!e.svgName,
+				"sbb-sr-graphic": !!e.svg
+			})}"
+    >
+      ${e.svgName ? s` <sbb-icon
+            name="${e.svgName || ""}"
+            aria-hidden="false"
+            aria-label="${f(e.svgName, this._language.current)}"
+          ></sbb-icon>` : s`${this._getSvgElement(e.svg)}`}
+    </span>`;
+		}
+		_getSvgElement(e) {
+			if (!c) {
+				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.component-DXAhxaI0.js → seat-reservation.component-Dl6bnC7-.js}

@@ -266,14 +266,17 @@ var _ = class extends e {
         ${d ? i`
               <sbb-seat-reservation-graphic
                 style=${s({
-			"--sbb-seat-reservation-graphic-max-width": m.w,
-			"--sbb-seat-reservation-graphic-height": this.baseGridSize,
-			"--sbb-seat-reservation-graphic-rotation": t
+			"--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="auto-width"
+                class="sbb-sr-graphic__dimension--square-dim"
               ></sbb-seat-reservation-graphic>
             ` : o}
       </sbb-seat-reservation-area>

package/seat-reservation.js

@@ -3,14 +3,14 @@ import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.
 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-CY56r75x.js";
-import { t as c } from "./seat-reservation-graphic.component-CjqYuXjL.js";
+import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.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-CXUv1pZM.js";
 import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
 import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
 import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.js";
 import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DXAhxaI0.js";
+import { t as g } from "./seat-reservation.component-Dl6bnC7-.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

@@ -4,12 +4,12 @@ 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-CY56r75x.js";
-import { t as c } from "./seat-reservation-graphic.component-CjqYuXjL.js";
+import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.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-CXUv1pZM.js";
 import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
 import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
 import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.js";
 import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-DXAhxaI0.js";
+import { t as g } from "./seat-reservation.component-Dl6bnC7-.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-graphic.component-lZXqHWIz.js

@@ -1,193 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
-import "@sbb-esta/lyne-elements/icon.js";
-import { css, html, isServer } from "lit";
-import { property } from "lit/decorators.js";
-import { mapIconToSvg } from "./seat-reservation/common/mapper.js";
-import { classMap } from "lit/directives/class-map.js";
-import { getI18nSeatReservation } from "./seat-reservation/common/translations.js";
-//#region src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.scss?lit&inline
-var seat_reservation_graphic_default = css`:host {
-  --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-position: initial;
-  --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, 0.0625rem)
-  );
-  --sbb-icon-svg-height: calc(
-    var(--sbb-seat-reservation-graphic-height) *
-      var(--sbb-seat-reservation-one-px-rem, 0.0625rem)
-  );
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
-  height: calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
-  position: var(--sbb-seat-reservation-graphic-position);
-  inset-inline-start: calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
-  inset-block-start: calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, 0.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, 0.0625rem));
-  width: auto;
-}
-
-: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;
-  }
-}`;
-//#endregion
-//#region src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.ts
-/**
-* Output one of the SVG graphics based on its code.
-*/
-var SbbSeatReservationGraphicElement = (() => {
-	let _classSuper = SbbElement;
-	let _name_decorators;
-	let _name_initializers = [];
-	let _name_extraInitializers = [];
-	let _stretch_decorators;
-	let _stretch_initializers = [];
-	let _stretch_extraInitializers = [];
-	return class SbbSeatReservationGraphicElement extends _classSuper {
-		constructor() {
-			super(...arguments);
-			this.#name_accessor_storage = __runInitializers(this, _name_initializers, "");
-			this.#stretch_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _stretch_initializers, false));
-			this._language = (__runInitializers(this, _stretch_extraInitializers), new SbbLanguageController(this));
-		}
-		static {
-			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-			_name_decorators = [forceType(), property({ attribute: "name" })];
-			_stretch_decorators = [forceType(), property({
-				attribute: "stretch",
-				type: Boolean
-			})];
-			__esDecorate(this, null, _name_decorators, {
-				kind: "accessor",
-				name: "name",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "name" in obj,
-					get: (obj) => obj.name,
-					set: (obj, value) => {
-						obj.name = value;
-					}
-				},
-				metadata: _metadata
-			}, _name_initializers, _name_extraInitializers);
-			__esDecorate(this, null, _stretch_decorators, {
-				kind: "accessor",
-				name: "stretch",
-				static: false,
-				private: false,
-				access: {
-					has: (obj) => "stretch" in obj,
-					get: (obj) => obj.stretch,
-					set: (obj, value) => {
-						obj.stretch = value;
-					}
-				},
-				metadata: _metadata
-			}, _stretch_initializers, _stretch_extraInitializers);
-			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
-				enumerable: true,
-				configurable: true,
-				writable: true,
-				value: _metadata
-			});
-		}
-		static {
-			this.elementName = "sbb-seat-reservation-graphic";
-		}
-		static {
-			this.styles = [boxSizingStyles, seat_reservation_graphic_default];
-		}
-		#name_accessor_storage;
-		/** Name of the SVG graphic to be displayed. */
-		get name() {
-			return this.#name_accessor_storage;
-		}
-		set name(value) {
-			this.#name_accessor_storage = value;
-		}
-		#stretch_accessor_storage;
-		/** if true, scale the graphic content of the given element non-uniformly if necessary */
-		get stretch() {
-			return this.#stretch_accessor_storage;
-		}
-		set stretch(value) {
-			this.#stretch_accessor_storage = value;
-		}
-		render() {
-			const svgObj = mapIconToSvg[this.name];
-			if (!svgObj?.svg && !svgObj?.svgName) return null;
-			return html`<span
-      class="${classMap({
-				"sbb-sr-icon": !!svgObj.svgName,
-				"sbb-sr-graphic": !!svgObj.svg
-			})}"
-    >
-      ${svgObj.svgName ? html` <sbb-icon
-            name="${svgObj.svgName || ""}"
-            aria-hidden="false"
-            aria-label="${getI18nSeatReservation(svgObj.svgName, this._language.current)}"
-          ></sbb-icon>` : html`${this._getSvgElement(svgObj.svg)}`}
-    </span>`;
-		}
-		_getSvgElement(svg) {
-			if (!isServer) {
-				const parser = new DOMParser();
-				const svgString = svg || "<svg></svg>";
-				const svgElm = parser.parseFromString(svgString, "image/svg+xml").firstElementChild;
-				if (this.stretch && svgElm?.nodeName.toLowerCase() === "svg") svgElm.setAttribute("preserveAspectRatio", "none");
-				return svgElm;
-			}
-			return null;
-		}
-	};
-})();
-//#endregion
-export { SbbSeatReservationGraphicElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLmNvbXBvbmVudC1sWlhxSFdJei5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3NlYXQtcmVzZXJ2YXRpb24vc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljL3NlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3NlYXQtcmVzZXJ2YXRpb24vc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljL3NlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtd2lkdGg6IDE2O1xuICAtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtaGVpZ2h0OiAxNjtcbiAgLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXJvdGF0aW9uOiAwO1xuICAtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtaW52ZXJzZS1yb3RhdGlvbjogMDtcbiAgLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXBvc2l0aW9uOiBpbml0aWFsO1xuICAtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtbGVmdDogMDtcbiAgLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXRvcDogMDtcbiAgLS1zYmItaWNvbi1zdmctd2lkdGg6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy13aWR0aCkgKlxuICAgICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tb25lLXB4LXJlbSwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDEpfSlcbiAgKTtcbiAgLS1zYmItaWNvbi1zdmctaGVpZ2h0OiBjYWxjKFxuICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtaGVpZ2h0KSAqXG4gICAgICB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1vbmUtcHgtcmVtLCAje3NiYi5weC10by1yZW0tYnVpbGQoMSl9KVxuICApO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogY2FsYyhcbiAgICB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXdpZHRoKSAqXG4gICAgICB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1vbmUtcHgtcmVtLCAje3NiYi5weC10by1yZW0tYnVpbGQoMSl9KVxuICApO1xuICBoZWlnaHQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy1oZWlnaHQpICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIHBvc2l0aW9uOiB2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXBvc2l0aW9uKTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMtbGVmdCkgKlxuICAgICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tb25lLXB4LXJlbSwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDEpfSlcbiAgKTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy10b3ApICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG59XG5cbi8vIGF1dG8td2lkdGggc2V0dGluZ3MgZm9yIGdyYXBoaWNzXG46aG9zdCguYXV0by13aWR0aCkge1xuICAtLXNiYi1pY29uLXN2Zy13aWR0aDogYXV0bztcblxuICBtYXgtd2lkdGg6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy1tYXgtd2lkdGgpICpcbiAgICAgIHZhcigtLXNiYi1zZWF0LXJlc2VydmF0aW9uLW9uZS1weC1yZW0sICN7c2JiLnB4LXRvLXJlbS1idWlsZCgxKX0pXG4gICk7XG4gIHdpZHRoOiBhdXRvO1xufVxuXG4vLyBob3ZlciBzdGF0ZSB3aXRoIHBvaW50ZXIgY3Vyc29yIGZvciBzZXJ2aWNlIGljb25zIGFuZCBwb3BvdmVyXG46aG9zdCguc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy0tY3Vyc29yLXBvaW50ZXIpIHtcbiAgY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xufVxuXG4uc2JiLXNyLWljb24sXG4uc2JiLXNyLWdyYXBoaWMge1xuICB3aWR0aDogaW5oZXJpdDtcbiAgaGVpZ2h0OiBpbmhlcml0O1xuICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXI7XG4gIHJvdGF0ZTogY2FsYyh2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLXJvdGF0aW9uKSAqIDFkZWcpO1xufVxuXG4uc2JiLXNyLWljb24ge1xuICAvLyBvdmVycmlkZSBjb2xvciBkaXJlY3RseSBzZXQgaW4gdGhlIFNWRyBmaWxlIGNvbWluZyBmcm9tIENETlxuICBjb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSkpO1xufVxuXG4uc2JiLXNyLWdyYXBoaWMge1xuICBzdmcge1xuICAgIHdpZHRoOiBjbGFtcCgxMDAlLCAxMDAlLCAxMDAlKTtcbiAgICBoZWlnaHQ6IGNsYW1wKDEwMCUsIDEwMCUsIDEwMCUpO1xuXG4gICAgLmZpeC1yb3RhdGlvbi1pbnZlcnNlIHtcbiAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcbiAgICAgIHJvdGF0ZTogY2FsYyh2YXIoLS1zYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLWludmVyc2Utcm90YXRpb24pICogMWRlZyk7XG4gICAgfVxuICB9XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIHN2Zzpub3QoLmNvbG9yLWltbXV0YWJsZSkge1xuICAgICAgW2ZpbGxdOm5vdChbZmlsbD0nbm9uZSddKSB7XG4gICAgICAgIGZpbGw6IGN1cnJlbnRjb2xvcjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAubm8tYmcge1xuICAgICAgZmlsbDogdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG59XG4iLCJpbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcC5qcyc7XG5cbmltcG9ydCB7IG1hcEljb25Ub1N2ZyB9IGZyb20gJy4uL2NvbW1vbi9tYXBwZXIudHMnO1xuaW1wb3J0IHsgZ2V0STE4blNlYXRSZXNlcnZhdGlvbiB9IGZyb20gJy4uL2NvbW1vbi90cmFuc2xhdGlvbnMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9pY29uLmpzJztcblxuLyoqXG4gKiBPdXRwdXQgb25lIG9mIHRoZSBTVkcgZ3JhcGhpY3MgYmFzZWQgb24gaXRzIGNvZGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTZWF0UmVzZXJ2YXRpb25HcmFwaGljRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogTmFtZSBvZiB0aGUgU1ZHIGdyYXBoaWMgdG8gYmUgZGlzcGxheWVkLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbmFtZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIG5hbWU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBpZiB0cnVlLCBzY2FsZSB0aGUgZ3JhcGhpYyBjb250ZW50IG9mIHRoZSBnaXZlbiBlbGVtZW50IG5vbi11bmlmb3JtbHkgaWYgbmVjZXNzYXJ5ICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdzdHJldGNoJywgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3Igc3RyZXRjaDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHwgbnVsbCB7XG4gICAgY29uc3Qgc3ZnT2JqID0gbWFwSWNvblRvU3ZnW3RoaXMubmFtZV07XG5cbiAgICBpZiAoIXN2Z09iaj8uc3ZnICYmICFzdmdPYmo/LnN2Z05hbWUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBodG1sYDxzcGFuXG4gICAgICBjbGFzcz1cIiR7Y2xhc3NNYXAoe1xuICAgICAgICAnc2JiLXNyLWljb24nOiAhIXN2Z09iai5zdmdOYW1lLFxuICAgICAgICAnc2JiLXNyLWdyYXBoaWMnOiAhIXN2Z09iai5zdmcsXG4gICAgICB9KX1cIlxuICAgID5cbiAgICAgICR7c3ZnT2JqLnN2Z05hbWVcbiAgICAgICAgPyBodG1sYCA8c2JiLWljb25cbiAgICAgICAgICAgIG5hbWU9XCIke3N2Z09iai5zdmdOYW1lIHx8ICcnfVwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cImZhbHNlXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCIke2dldEkxOG5TZWF0UmVzZXJ2YXRpb24oc3ZnT2JqLnN2Z05hbWUsIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnQpfVwiXG4gICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICA6IGh0bWxgJHt0aGlzLl9nZXRTdmdFbGVtZW50KHN2Z09iai5zdmchKX1gfVxuICAgIDwvc3Bhbj5gO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0U3ZnRWxlbWVudChzdmc6IHN0cmluZyk6IEVsZW1lbnQgfCBudWxsIHtcbiAgICBpZiAoIWlzU2VydmVyKSB7XG4gICAgICBjb25zdCBwYXJzZXIgPSBuZXcgRE9NUGFyc2VyKCk7XG4gICAgICBjb25zdCBzdmdTdHJpbmcgPSBzdmcgfHwgJzxzdmc+PC9zdmc+JztcbiAgICAgIGNvbnN0IHN2Z0VsbSA9IHBhcnNlci5wYXJzZUZyb21TdHJpbmcoc3ZnU3RyaW5nLCAnaW1hZ2Uvc3ZnK3htbCcpLmZpcnN0RWxlbWVudENoaWxkO1xuICAgICAgaWYgKHRoaXMuc3RyZXRjaCAmJiBzdmdFbG0/Lm5vZGVOYW1lLnRvTG93ZXJDYXNlKCkgPT09ICdzdmcnKSB7XG4gICAgICAgIHN2Z0VsbS5zZXRBdHRyaWJ1dGUoJ3ByZXNlcnZlQXNwZWN0UmF0aW8nLCAnbm9uZScpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHN2Z0VsbTtcbiAgICB9XG5cbiAgICByZXR1cm4gbnVsbDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYyc6IFNiYlNlYXRSZXNlcnZhdGlvbkdyYXBoaWNFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNtQmEsMENBQWdDO21CQUFTOzs7Ozs7O2NBQXpDLHlDQUF5QyxZQUFVOzs7QUFPOUMsU0FBQSx3QkFBQSxrQkFBQSxNQUFBLG9CQUFlLEdBQUU7QUFLakIsU0FBQSw0QkFBQSxrQkFBQSxNQUFBLHdCQUFBLEVBQUEsa0JBQUEsTUFBQSx1QkFBbUIsTUFBSztBQUVoQyxRQUFBLGFBQVMsa0JBQUEsTUFBQSwyQkFBQSxFQUFHLElBQUksc0JBQXNCLEtBQUs7Ozs7dUJBVGxELFdBQVcsRUFDWCxTQUFTLEVBQUUsV0FBVyxRQUFRLENBQUMsQ0FBQTswQkFJL0IsV0FBVyxFQUNYLFNBQVM7SUFBRSxXQUFXO0lBQVcsTUFBTTtJQUFTLENBQUMsQ0FBQTtBQUpsRCxnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTtBQUtwQixnQkFBQSxNQUFBLE1BQUEscUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxhQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQU8sTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFQLFVBQU87O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx1QkFBQSwyQkFBQTs7Ozs7Ozs7O0FBWFMsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsaUNBQU07O0VBS3hFOztFQUFBLElBQWdCLE9BQUk7QUFBQSxVQUFBLE1BQUE7O0VBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLFNBQUEsd0JBQUE7O0VBS3BCOztFQUFBLElBQWdCLFVBQU87QUFBQSxVQUFBLE1BQUE7O0VBQXZCLElBQWdCLFFBQU8sT0FBQTtBQUFBLFNBQUEsMkJBQUE7O0VBSUosU0FBTTtHQUN2QixNQUFNLFNBQVMsYUFBYSxLQUFLO0FBRWpDLE9BQUksQ0FBQyxRQUFRLE9BQU8sQ0FBQyxRQUFRLFFBQzNCLFFBQU87QUFHVCxVQUFPLElBQUk7ZUFDQSxTQUFTO0lBQ2hCLGVBQWUsQ0FBQyxDQUFDLE9BQU87SUFDeEIsa0JBQWtCLENBQUMsQ0FBQyxPQUFPO0lBQzVCLENBQUMsQ0FBQTs7UUFFQSxPQUFPLFVBQ0wsSUFBSTtvQkFDTSxPQUFPLFdBQVcsR0FBRTs7MEJBRWQsdUJBQXVCLE9BQU8sU0FBUyxLQUFLLFVBQVUsUUFBUSxDQUFBOzBCQUU5RSxJQUFJLEdBQUcsS0FBSyxlQUFlLE9BQU8sSUFBSyxHQUFBOzs7RUFJdkMsZUFBZSxLQUFXO0FBQ2hDLE9BQUksQ0FBQyxVQUFVO0lBQ2IsTUFBTSxTQUFTLElBQUksV0FBVztJQUM5QixNQUFNLFlBQVksT0FBTztJQUN6QixNQUFNLFNBQVMsT0FBTyxnQkFBZ0IsV0FBVyxnQkFBZ0IsQ0FBQztBQUNsRSxRQUFJLEtBQUssV0FBVyxRQUFRLFNBQVMsYUFBYSxLQUFLLE1BQ3JELFFBQU8sYUFBYSx1QkFBdUIsT0FBTztBQUVwRCxXQUFPOztBQUdULFVBQU8ifQ==

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

@@ -1,102 +0,0 @@
-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 { css as o, html as s, isServer 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?lit&inline
-var p = o`:host{--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-position: initial;--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);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-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 o = n, m, h = [], g = [], _, v = [], y = [];
-	return class extends o {
-		constructor() {
-			super(...arguments), this.#e = t(this, h, ""), this.#t = (t(this, g), t(this, v, !1)), this._language = (t(this, y), new r(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			m = [i(), l({ attribute: "name" })], _ = [i(), l({
-				attribute: "stretch",
-				type: Boolean
-			})], e(this, null, m, {
-				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
-			}, h, g), e(this, null, _, {
-				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
-			}, v, y), 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, 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 : s`<span
-      class="${d({
-				"sbb-sr-icon": !!e.svgName,
-				"sbb-sr-graphic": !!e.svg
-			})}"
-    >
-      ${e.svgName ? s` <sbb-icon
-            name="${e.svgName || ""}"
-            aria-hidden="false"
-            aria-label="${f(e.svgName, this._language.current)}"
-          ></sbb-icon>` : s`${this._getSvgElement(e.svg)}`}
-    </span>`;
-		}
-		_getSvgElement(e) {
-			if (!c) {
-				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 };