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

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

@@ -1,20 +1,2 @@
-import { __esDecorate as i, __runInitializers as c } from "tslib";
-import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as m, LitElement as b, html as d } from "lit";
-import { customElement as p } from "lit/decorators.js";
-const u = m`: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))}`;
-let _ = (() => {
-  var t;
-  let l = [p("sbb-seat-reservation-scoped")], a, r = [], e, o = b;
-  return t = class extends o {
-    render() {
-      return d`<slot></slot>`;
-    }
-  }, e = t, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, a = { value: e }, l, { kind: "class", name: e.name, metadata: s }, null, r), e = a.value, s && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), t.styles = [n, u], c(e, r), e;
-})();
-export {
-  _ as SbbSeatReservationScopedElement
-};
+import { t as e } from "../../seat-reservation-scoped.component-CY04BT_4.js";
+export { e as SbbSeatReservationScopedElement };

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

@@ -1,4 +1,4 @@
-import { SbbSeatReservationScopedElement as t } from "./seat-reservation-scoped/seat-reservation-scoped.component.js";
-export {
-  t as SbbSeatReservationScopedElement
-};
+import { t as e } from "../seat-reservation-scoped.component-CY04BT_4.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-scoped.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 SbbSeatReservationScopedElement };

package/seat-reservation/seat-reservation.js

@@ -1,6 +1,5 @@
-import { SbbSeatReservationElement as o } from "./seat-reservation/seat-reservation.component.js";
-import { SeatReservationBaseElement as a } from "./seat-reservation/seat-reservation-base-element.js";
-export {
-  o as SbbSeatReservationElement,
-  a as SeatReservationBaseElement
-};
+import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation-base-element.js";
+import { t } from "../seat-reservation.component-zrQHTRl3.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-area.component-COD6CXhP.js

@@ -0,0 +1,75 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { forceType as r } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as i } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as a, html as o } from "lit";
+import { property as s } from "lit/decorators.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.scss?lit&inline
+var c = a`:host{--sbb-seat-reservation-area-border-radius:var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation:0;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);background-color:var(--sbb-background-color-2);justify-content:center;align-items:center;line-height:normal;display:flex;position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-iron))}:host([mounting=upper-border]){border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius);border-block-start-width:0}:host([mounting=lower-border]){border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0;border-block-end-width:0}:host([mounting=upper-to-lower-border]){border-block:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}`, l = (() => {
+	let a = n, l, u = [], d = [], f, p = [], m = [];
+	return class extends a {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+			l = [r(), s({ reflect: !0 })], f = [r(), s({ reflect: !0 })], e(this, null, l, {
+				kind: "accessor",
+				name: "mounting",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "mounting" in e,
+					get: (e) => e.mounting,
+					set: (e, t) => {
+						e.mounting = t;
+					}
+				},
+				metadata: t
+			}, u, d), e(this, null, f, {
+				kind: "accessor",
+				name: "background",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "background" in e,
+					get: (e) => e.background,
+					set: (e, t) => {
+						e.background = t;
+					}
+				},
+				metadata: t
+			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-area";
+		}
+		static {
+			this.styles = [i, c];
+		}
+		#e = t(this, u, "free");
+		get mounting() {
+			return this.#e;
+		}
+		set mounting(e) {
+			this.#e = e;
+		}
+		#t = (t(this, d), t(this, p, "light"));
+		get background() {
+			return this.#t;
+		}
+		set background(e) {
+			this.#t = e;
+		}
+		render() {
+			return o`<slot></slot>`;
+		}
+		constructor() {
+			super(...arguments), t(this, m);
+		}
+	};
+})();
+//#endregion
+export { l as t };

package/seat-reservation-graphic.component-BNfU5tQM.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-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));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);justify-content:center;align-items:center;display:flex;inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * 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:50%;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:50%;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:#0000}}`, 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-navigation-coach.component-Bh9ILq60.js

@@ -0,0 +1,333 @@
+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 { classMap as u } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
+import { SbbSeatReservationNavigationServicesElement as f } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.scss?lit&inline
+var p = o`:host{min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem,.0625rem));--sbb-seat-reservation-navigation-travelclass-spacing:10;--sbb-seat-reservation-navigation-btn-border-width-default:1;--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-default);--sbb-seat-reservation-navigation-btn-border-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-navigation-btn-background-color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-navigation-btn-border-width-selected:2;--sbb-seat-reservation-navigation-btn-background-color-selected:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-iron));--sbb-seat-reservation-navigation-btn-border-color-selected:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-width-focused:1;--sbb-seat-reservation-navigation-btn-outline-color-focused:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-offset-focused:4;--sbb-seat-reservation-navigation-btn-background-color-focused:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-navigation-btn-border-width-focused:var(--sbb-seat-reservation-navigation-btn-border-width);--sbb-seat-reservation-navigation-btn-border-color-focused:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-border-width-hovered:2;--sbb-seat-reservation-navigation-btn-background-color-hovered:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-navigation-btn-border-color-hovered:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-background-color-disabled:var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled:var(--lightningcss-light,var(--sbb-color-platinum))var(--lightningcss-dark,var(--sbb-color-iron));display:inline-block}.sbb-sr-navigation__item-coach{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column;list-style-type:none;display:flex}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__ctrl-button{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:inherit;height:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));background:0 0;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer);border:none;border-radius:0;outline:none;flex-direction:column;justify-content:center;margin:0;padding:0;display:flex;position:relative}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-focused);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-focused);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-focused);outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-selected);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-selected);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-selected)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-selected);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-selected);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-selected);background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-selected);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-selected);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-selected)}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-hovered);--sbb-seat-reservation-navigation-btn-border-width:var(--sbb-seat-reservation-navigation-btn-border-width-hovered)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color:var(--sbb-seat-reservation-navigation-btn-background-color-disabled);--sbb-seat-reservation-navigation-btn-border-color:var(--sbb-seat-reservation-navigation-btn-border-color-disabled);cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite);background-color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{justify-content:space-between;align-items:center;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));font-family:var(--sbb-typo-font-family);color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-granite));flex:1;font-weight:700;display:flex}@media (forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}@media (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);background-color:var(--sbb-color-lemon);margin:auto;position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation__item-coach-travelclass{min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem,.0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem,.0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));justify-content:center;align-items:center;display:flex}@media (forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{height:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:row-reverse}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column-reverse;padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:initial;inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x);width:100%;height:100%;position:absolute}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x);width:100%;height:100%;position:absolute}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}`;
+//#endregion
+//#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.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 = [];
+	return class extends o {
+		constructor() {
+			super(...arguments), this.#e = t(this, m, !1), this.#t = (t(this, h), t(this, _, !1)), this.#n = (t(this, v), t(this, b, !1)), this.#r = (t(this, x), t(this, C, !0)), this.#i = (t(this, w), t(this, E, 0)), this.#a = (t(this, D), t(this, k, {})), this.#o = (t(this, A), t(this, M, !1)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, !1)), this._language = (t(this, z), new r(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			f = [i(), l({ type: Boolean })], g = [i(), l({ type: Boolean })], y = [i(), l({ type: Boolean })], S = [i(), l({ type: Boolean })], T = [i(), l({ type: Number })], O = [l({
+				attribute: "coach-item-details",
+				type: Object
+			})], j = [i(), l({
+				attribute: "disable",
+				type: Boolean
+			})], P = [i(), l({
+				type: Boolean,
+				reflect: !0,
+				useDefault: !0
+			})], L = [i(), l({ type: Boolean })], e(this, null, f, {
+				kind: "accessor",
+				name: "selected",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "selected" in e,
+					get: (e) => e.selected,
+					set: (e, t) => {
+						e.selected = t;
+					}
+				},
+				metadata: t
+			}, m, h), e(this, null, g, {
+				kind: "accessor",
+				name: "focused",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "focused" in e,
+					get: (e) => e.focused,
+					set: (e, t) => {
+						e.focused = t;
+					}
+				},
+				metadata: t
+			}, _, v), e(this, null, y, {
+				kind: "accessor",
+				name: "hovered",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "hovered" in e,
+					get: (e) => e.hovered,
+					set: (e, t) => {
+						e.hovered = t;
+					}
+				},
+				metadata: t
+			}, b, x), e(this, null, S, {
+				kind: "accessor",
+				name: "nativeFocusActive",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "nativeFocusActive" in e,
+					get: (e) => e.nativeFocusActive,
+					set: (e, t) => {
+						e.nativeFocusActive = t;
+					}
+				},
+				metadata: t
+			}, C, w), e(this, null, T, {
+				kind: "accessor",
+				name: "index",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "index" in e,
+					get: (e) => e.index,
+					set: (e, t) => {
+						e.index = t;
+					}
+				},
+				metadata: t
+			}, E, D), e(this, null, O, {
+				kind: "accessor",
+				name: "coachItemDetails",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "coachItemDetails" in e,
+					get: (e) => e.coachItemDetails,
+					set: (e, t) => {
+						e.coachItemDetails = t;
+					}
+				},
+				metadata: t
+			}, k, A), e(this, null, j, {
+				kind: "accessor",
+				name: "disable",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "disable" in e,
+					get: (e) => e.disable,
+					set: (e, t) => {
+						e.disable = t;
+					}
+				},
+				metadata: t
+			}, M, N), e(this, null, P, {
+				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
+			}, F, I), e(this, null, L, {
+				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
+			}, R, z), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-navigation-coach";
+		}
+		static {
+			this.styles = [a, p];
+		}
+		static {
+			this.events = {
+				selectcoach: "selectcoach",
+				focuscoach: "focuscoach"
+			};
+		}
+		#e;
+		get selected() {
+			return this.#e;
+		}
+		set selected(e) {
+			this.#e = e;
+		}
+		#t;
+		get focused() {
+			return this.#t;
+		}
+		set focused(e) {
+			this.#t = e;
+		}
+		#n;
+		get hovered() {
+			return this.#n;
+		}
+		set hovered(e) {
+			this.#n = e;
+		}
+		#r;
+		get nativeFocusActive() {
+			return this.#r;
+		}
+		set nativeFocusActive(e) {
+			this.#r = e;
+		}
+		#i;
+		get index() {
+			return this.#i;
+		}
+		set index(e) {
+			this.#i = e;
+		}
+		#a;
+		get coachItemDetails() {
+			return this.#a;
+		}
+		set coachItemDetails(e) {
+			this.#a = e;
+		}
+		#o;
+		get disable() {
+			return this.#o;
+		}
+		set disable(e) {
+			this.#o = e;
+		}
+		#s;
+		get vertical() {
+			return this.#s;
+		}
+		set vertical(e) {
+			this.#s = e;
+		}
+		#c;
+		get showTitleInfo() {
+			return this.#c;
+		}
+		set showTitleInfo(e) {
+			this.#c = e;
+		}
+		willUpdate(e) {
+			if (super.willUpdate(e), e.has("selected")) {
+				let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+				this.selected && e && (this.nativeFocusActive && e.focus(), this.dispatchEvent(new Event("focuscoach", {
+					bubbles: !0,
+					composed: !0
+				})));
+			}
+			if (e.has("focused") && this.focused) {
+				let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+				e && this.nativeFocusActive && e.focus();
+			}
+		}
+		render() {
+			return s`
+      <div
+        class="${u({
+				"sbb-sr-navigation__item-coach": !0,
+				"last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
+				"first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
+				"sbb-sr-navigation__item-coach--selected": this.selected,
+				"sbb-sr-navigation__item-coach--focused": this.focused,
+				"sbb-sr-navigation__item-coach--hovered": this.hovered
+			})}"
+      >
+        ${this._getNavigationButton()}
+        ${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
+              ?vertical="${this.vertical}"
+              .propertyIds="${this.coachItemDetails.propertyIds}"
+              ?showTitleInfo="${this.showTitleInfo}"
+            ></sbb-seat-reservation-navigation-services>` : c}
+      </div>
+    `;
+		}
+		_getNavigationButton() {
+			let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
+			return s` <button
+      @click=${() => this._selectNavCoach(this.index)}
+      class="${u({
+				"sbb-sr-navigation__ctrl-button": !0,
+				"sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
+			})}"
+      ?disabled="${this.disable}"
+      title="${this.showTitleInfo ? t : c}"
+      type="button"
+      aria-describedby="nav-coach-service-descriptions-${this.index}"
+    >
+      ${this._getBtnInformation(e)}
+      <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
+        ${this.showTitleInfo ? c : s`<div>${t}</div>`}
+        ${n ? s`<div>${n}</div>` : c}
+      </sbb-screen-reader-only>
+    </button>`;
+		}
+		_getBtnInformation(e) {
+			return this.coachItemDetails.isDriverArea ? null : s`
+      ${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
+      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
+            ${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                  ${this.coachItemDetails.id}
+                </div>` : c}
+            <div
+              ${e ?? c}
+              class="sbb-sr-navigation__item-coach-travelclass"
+              aria-hidden="true"
+            >
+              ${e}
+            </div>
+          </div>` : c}
+    `;
+		}
+		_getTitleDescriptionNavCoachButton(e) {
+			if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
+			if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("COACH_LOCOMOTIVE", this._language.current);
+			let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
+			if (e) {
+				let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
+				t = t.concat(r);
+			}
+			let n = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
+			return t = t.concat(". ").concat(n), t;
+		}
+		_getAriaDescriptionCoachServices() {
+			let e = null;
+			return this.coachItemDetails.propertyIds?.length && (e = d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => d(e, this._language.current)).join() + "."), e;
+		}
+		_selectNavCoach(e) {
+			this.dispatchEvent(new CustomEvent("selectcoach", {
+				bubbles: !0,
+				composed: !0,
+				detail: e
+			}));
+		}
+		_getCoachServiceClassNumber() {
+			return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
+		}
+	};
+})();
+//#endregion
+export { m as t };