@sbb-esta/lyne-elements-experimental 4.8.1 → 4.10.0

package/seat-reservation-place-control.component-CE7d9M2b.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 { html as o, nothing as s, unsafeCSS 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?inline
+var p = ":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(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), 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(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), 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(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), 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));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));font-weight:300;cursor:var(--sbb-cursor-pointer)}: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;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.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{overflow:hidden;display:none;position:absolute;inset-block-start:50%;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}.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{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.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 f = n, 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 = [], U = [];
+	return class extends f {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			m = [i(), l({ attribute: "type" })], _ = [i(), l({
+				attribute: "state",
+				reflect: !0
+			})], b = [l({ attribute: "travel-direction" })], C = [l({
+				attribute: "propertyIds",
+				type: Array
+			})], E = [i(), l({ attribute: "text" })], k = [i(), l({
+				attribute: "deck-index",
+				type: Number
+			})], M = [i(), l({
+				attribute: "coach-index",
+				type: Number
+			})], F = [i(), l({
+				attribute: "prevent-click",
+				type: Boolean
+			})], R = [i(), l({ attribute: "keyfocus" })], V = [i(), l({
+				type: Boolean,
+				useDefault: !0
+			})], e(this, null, m, {
+				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
+			}, h, g), e(this, null, _, {
+				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, y), e(this, null, b, {
+				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
+			}, x, S), e(this, null, C, {
+				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
+			}, w, T), e(this, null, E, {
+				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
+			}, D, O), e(this, null, k, {
+				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
+			}, A, j), e(this, null, M, {
+				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
+			}, N, P), e(this, null, F, {
+				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
+			}, I, L), e(this, null, R, {
+				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
+			}, z, B), 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
+			}, H, U), 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, c(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, h, "SEAT"), this.#t = (t(this, g), t(this, v, "FREE")), this.#n = (t(this, y), t(this, x, "NONE")), this.#r = (t(this, S), t(this, w, [])), this.#i = (t(this, T), t(this, D, "")), this.#a = (t(this, O), t(this, A, null)), this.#o = (t(this, j), t(this, N, null)), this.#s = (t(this, P), t(this, I, !1)), this.#c = (t(this, L), t(this, z, "unfocus")), this.#l = (t(this, B), t(this, H, !1)), this._optionalScreenreaderInfo = (t(this, U), ""), 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"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
+			return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(c) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(c), this.tabIndex = -1, o`
+      <div
+        part="sbb-sr-place-part"
+        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${c} 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": c,
+				"--sbb-seat-reservation-graphic-inverse-rotation": d
+			})}
+          .name=${e}
+          aria-hidden="true"
+        ></sbb-seat-reservation-graphic>
+        <span ${this.text ?? s} class="sbb-sr-place-ctrl__text" aria-hidden="true"
+          >${r}</span
+        >
+        ${this.showTitleInfo ? s : o`<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-DVyP2JGE.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 { html as n, unsafeCSS as r } from "lit";
+//#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?inline
+var i = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;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))}", a = class extends e {
+	static {
+		this.elementName = "sbb-seat-reservation-scoped";
+	}
+	static {
+		this.styles = [t, r(i)];
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+//#endregion
+export { a as t };