@sbb-esta/lyne-elements-experimental 4.7.0 → 4.8.0

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

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

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

@@ -0,0 +1,322 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { SbbButtonBaseElement 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 { css as o, html as s, nothing as c } from "lit";
+import { property as l } from "lit/decorators.js";
+import { styleMap as u } from "lit/directives/style-map.js";
+import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
+import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?lit&inline
+var p = o`:host{--sbb-seat-reservation-place-control-text-scale-value:1;--sbb-seat-reservation-place-control-width:16;--sbb-seat-reservation-place-control-height:16;--sbb-seat-reservation-place-control-top:0;--sbb-seat-reservation-place-control-left:0;--sbb-seat-reservation-place-control-rotation:0;--sbb-seat-reservation-place-control-text-rotation:0;--sbb-seat-reservation-place-control-text-size:calc(var(--sbb-seat-reservation-place-control-text-scale-value,1) * .5);--sbb-seat-reservation-place-control-default-text:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-hover-text:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-seat-reservation-place-control-focus-text:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-place-control-allocated-text:var(--lightningcss-light,var(--sbb-color-smoke))var(--lightningcss-dark,var(--sbb-color-metal));--sbb-seat-reservation-place-control-free-background-default:var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-background-focus:var(--lightningcss-light,var(--sbb-color-silver))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-place-control-free-backrest-background-default:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-hover:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-focus:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-selected-background-default:var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover:var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus:var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default:var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-hover:#7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus:#5a000b;--sbb-seat-reservation-place-control-allocated-background-default:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-backrest-high-contrast:CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast:Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast:ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast:CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast:GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast:Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast:GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast:GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));cursor:var(--sbb-cursor-pointer);font-weight:300;position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem,.0625rem));position:relative}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media (forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media (forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial;display:none;position:absolute;inset-block-start:50%;overflow:hidden}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{transform-origin:50% 16%;font-size:.6875em;inset-block-start:65%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
+//#endregion
+//#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts
+f.define();
+var m = (() => {
+	let o = n, f, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [];
+	return class extends o {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			f = [i(), l({ attribute: "type" })], g = [i(), l({
+				attribute: "state",
+				reflect: !0
+			})], y = [l({ attribute: "travel-direction" })], S = [l({
+				attribute: "propertyIds",
+				type: Array
+			})], T = [i(), l({ attribute: "text" })], O = [i(), l({
+				attribute: "deck-index",
+				type: Number
+			})], j = [i(), l({
+				attribute: "coach-index",
+				type: Number
+			})], P = [i(), l({
+				attribute: "prevent-click",
+				type: Boolean
+			})], L = [i(), l({ attribute: "keyfocus" })], B = [i(), l({
+				type: Boolean,
+				useDefault: !0
+			})], e(this, null, f, {
+				kind: "accessor",
+				name: "placeType",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "placeType" in e,
+					get: (e) => e.placeType,
+					set: (e, t) => {
+						e.placeType = t;
+					}
+				},
+				metadata: t
+			}, m, h), e(this, null, g, {
+				kind: "accessor",
+				name: "state",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "state" in e,
+					get: (e) => e.state,
+					set: (e, t) => {
+						e.state = t;
+					}
+				},
+				metadata: t
+			}, _, v), e(this, null, y, {
+				kind: "accessor",
+				name: "travelDirection",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "travelDirection" in e,
+					get: (e) => e.travelDirection,
+					set: (e, t) => {
+						e.travelDirection = t;
+					}
+				},
+				metadata: t
+			}, b, x), e(this, null, S, {
+				kind: "accessor",
+				name: "propertyIds",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "propertyIds" in e,
+					get: (e) => e.propertyIds,
+					set: (e, t) => {
+						e.propertyIds = t;
+					}
+				},
+				metadata: t
+			}, C, w), e(this, null, T, {
+				kind: "accessor",
+				name: "text",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "text" in e,
+					get: (e) => e.text,
+					set: (e, t) => {
+						e.text = t;
+					}
+				},
+				metadata: t
+			}, E, D), e(this, null, O, {
+				kind: "accessor",
+				name: "deckIndex",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "deckIndex" in e,
+					get: (e) => e.deckIndex,
+					set: (e, t) => {
+						e.deckIndex = t;
+					}
+				},
+				metadata: t
+			}, k, A), e(this, null, j, {
+				kind: "accessor",
+				name: "coachIndex",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "coachIndex" in e,
+					get: (e) => e.coachIndex,
+					set: (e, t) => {
+						e.coachIndex = t;
+					}
+				},
+				metadata: t
+			}, M, N), e(this, null, P, {
+				kind: "accessor",
+				name: "preventClick",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "preventClick" in e,
+					get: (e) => e.preventClick,
+					set: (e, t) => {
+						e.preventClick = t;
+					}
+				},
+				metadata: t
+			}, F, I), e(this, null, L, {
+				kind: "accessor",
+				name: "keyfocus",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "keyfocus" in e,
+					get: (e) => e.keyfocus,
+					set: (e, t) => {
+						e.keyfocus = t;
+					}
+				},
+				metadata: t
+			}, R, z), e(this, null, B, {
+				kind: "accessor",
+				name: "showTitleInfo",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "showTitleInfo" in e,
+					get: (e) => e.showTitleInfo,
+					set: (e, t) => {
+						e.showTitleInfo = t;
+					}
+				},
+				metadata: t
+			}, V, H), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-place-control";
+		}
+		static {
+			this.styles = [a, p];
+		}
+		static {
+			this.events = { selectplace: "selectplace" };
+		}
+		#e;
+		get placeType() {
+			return this.#e;
+		}
+		set placeType(e) {
+			this.#e = e;
+		}
+		#t;
+		get state() {
+			return this.#t;
+		}
+		set state(e) {
+			this.#t = e;
+		}
+		#n;
+		get travelDirection() {
+			return this.#n;
+		}
+		set travelDirection(e) {
+			this.#n = e;
+		}
+		#r;
+		get propertyIds() {
+			return this.#r;
+		}
+		set propertyIds(e) {
+			this.#r = e;
+		}
+		#i;
+		get text() {
+			return this.#i;
+		}
+		set text(e) {
+			this.#i = e;
+		}
+		#a;
+		get deckIndex() {
+			return this.#a;
+		}
+		set deckIndex(e) {
+			this.#a = e;
+		}
+		#o;
+		get coachIndex() {
+			return this.#o;
+		}
+		set coachIndex(e) {
+			this.#o = e;
+		}
+		#s;
+		get preventClick() {
+			return this.#s;
+		}
+		set preventClick(e) {
+			this.#s = e;
+		}
+		#c;
+		get keyfocus() {
+			return this.#c;
+		}
+		set keyfocus(e) {
+			this.#c = e;
+		}
+		#l;
+		get showTitleInfo() {
+			return this.#l;
+		}
+		set showTitleInfo(e) {
+			this.#l = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, m, "SEAT"), this.#t = (t(this, h), t(this, _, "FREE")), this.#n = (t(this, v), t(this, b, "NONE")), this.#r = (t(this, x), t(this, C, [])), this.#i = (t(this, w), t(this, E, "")), this.#a = (t(this, D), t(this, k, null)), this.#o = (t(this, A), t(this, M, null)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, "unfocus")), this.#l = (t(this, z), t(this, V, !1)), this._optionalScreenreaderInfo = (t(this, H), ""), this._language = new r(this), this.addEventListener("click", () => this._selectPlace());
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus(), e.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
+		}
+		render() {
+			let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), a = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(o), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
+			return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(o) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(o), this.tabIndex = -1, s`
+      <div
+        part="sbb-sr-place-part"
+        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${o} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
+      >
+        <sbb-seat-reservation-graphic
+          style=${u({
+				"--sbb-seat-reservation-graphic-width": i,
+				"--sbb-seat-reservation-graphic-height": a,
+				"--sbb-seat-reservation-graphic-rotation": o,
+				"--sbb-seat-reservation-graphic-inverse-rotation": d
+			})}
+          .name=${e}
+          aria-hidden="true"
+        ></sbb-seat-reservation-graphic>
+        <span ${this.text ?? c} class="sbb-sr-place-ctrl__text" aria-hidden="true"
+          >${r}</span
+        >
+        ${this.showTitleInfo ? c : s`<sbb-screen-reader-only id="${this.id}"
+              >${this._optionalScreenreaderInfo}</sbb-screen-reader-only
+            >`}
+      </div>
+    `;
+		}
+		_getPlaceSvg(e, t) {
+			return `PLACE_${e}_${t}`;
+		}
+		_getTitleDescriptionPlace(e) {
+			let t = d("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
+			return (this.propertyIds.length || n) && (t += ". " + d("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => d("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
+		}
+		_getRelativeTravelDirection(e) {
+			if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
+			let t = Number(e);
+			if (t === 90 || t === 270) return "TRAVEL_DIRECTION_TRANSVERSELY";
+			if (t === 0 && this.travelDirection === "RIGHT" || t === 180 && this.travelDirection === "LEFT") return "TRAVEL_DIRECTION_IN_DIRECTION";
+			if (t === 0 || t === 180) return "TRAVEL_DIRECTION_IN_OPPOSITE_DIRECTION";
+		}
+		_selectPlace() {
+			if ((this.state === "FREE" || this.state === "SELECTED") && !this.preventClick) {
+				this.state = this.state === "FREE" ? "SELECTED" : "FREE";
+				let e = {
+					id: this.id,
+					deckIndex: this.deckIndex,
+					coachIndex: this.coachIndex,
+					number: this.text,
+					state: this.state,
+					placeType: this.placeType
+				};
+				this.dispatchEvent(new CustomEvent("selectplace", {
+					detail: e,
+					bubbles: !0,
+					composed: !0
+				}));
+			}
+		}
+	};
+})();
+//#endregion
+export { m as t };

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

@@ -0,0 +1,17 @@
+import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as n, html as r } from "lit";
+//#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?lit&inline
+var i = n`:host{--sbb-seat-reservation-scoped-width:0;--sbb-seat-reservation-scoped-height:0;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));display:block}`, a = class extends e {
+	static {
+		this.elementName = "sbb-seat-reservation-scoped";
+	}
+	static {
+		this.styles = [t, i];
+	}
+	render() {
+		return r`<slot></slot>`;
+	}
+};
+//#endregion
+export { a as t };