@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.3-dev.1779265358 → 5.0.0-next.3-dev.1779279798

package/seat-reservation-navigation-coach.component-BkqPWUtu.js

@@ -1,334 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, forceType as i, screenReaderOnlyStyles as a } from "@sbb-esta/lyne-elements/core.js";
-import { html as o, nothing as s, unsafeCSS as c } from "lit";
-import { property as l } from "lit/decorators.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?inline
-var p = ":host{display:inline-block;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(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), 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(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), 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(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.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:\"\";position:absolute;width:100%;height:100%;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)}.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:\"\";position:absolute;width:100%;height:100%;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)}.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;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.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:\"\";position:absolute;width:100%;height:100%;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)}.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:\"\";position:absolute;width:100%;height:100%;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)}.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:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),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:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),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-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-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(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),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:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;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);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),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));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));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;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:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@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{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));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-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}: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:\"\";position:absolute;width:100%;height:100%;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)}: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:\"\";position:absolute;width:100%;height:100%;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)}: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))}", m = class extends Event {
-	get coachIndex() {
-		return this._coachIndex;
-	}
-	constructor(e) {
-		super("selectcoach", {
-			bubbles: !0,
-			composed: !0
-		}), this._coachIndex = e;
-	}
-}, h = (() => {
-	let h = n, 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 h {
-		constructor() {
-			super(...arguments), this.#e = t(this, _, !1), this.#t = (t(this, v), t(this, b, !1)), this.#n = (t(this, x), t(this, C, !1)), this.#r = (t(this, w), t(this, E, !0)), this.#i = (t(this, D), t(this, k, 0)), this.#a = (t(this, A), t(this, M, {})), this.#o = (t(this, N), t(this, F, !1)), this.#s = (t(this, I), t(this, R, !1)), this.#c = (t(this, z), t(this, V, !1)), this._language = (t(this, H), new r(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [i(), l({ type: Boolean })], y = [i(), l({ type: Boolean })], S = [i(), l({ type: Boolean })], T = [i(), l({ type: Boolean })], O = [i(), l({ type: Number })], j = [l({
-				attribute: "coach-item-details",
-				type: Object
-			})], P = [i(), l({
-				attribute: "disable",
-				type: Boolean
-			})], L = [i(), l({
-				type: Boolean,
-				reflect: !0,
-				useDefault: !0
-			})], B = [i(), l({ type: Boolean })], e(this, null, g, {
-				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
-			}, _, v), e(this, null, y, {
-				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
-			}, b, x), e(this, null, S, {
-				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
-			}, C, w), e(this, null, T, {
-				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
-			}, E, D), e(this, null, O, {
-				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
-			}, k, A), e(this, null, j, {
-				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
-			}, M, N), e(this, null, P, {
-				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
-			}, F, I), e(this, null, L, {
-				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
-			}, 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-navigation-coach";
-		}
-		static {
-			this.elementDependencies = [f];
-		}
-		static {
-			this.styles = [a, c(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 o`
-      <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 ? o`<sbb-seat-reservation-navigation-services
-              ?vertical="${this.vertical}"
-              .propertyIds="${this.coachItemDetails.propertyIds}"
-              ?showTitleInfo="${this.showTitleInfo}"
-            ></sbb-seat-reservation-navigation-services>` : s}
-      </div>
-    `;
-		}
-		_getNavigationButton() {
-			let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
-			return o` <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 : s}"
-      type="button"
-      aria-describedby="nav-coach-service-descriptions-${this.index}"
-    >
-      ${this._getBtnInformation(e)}
-      <span class="sbb-screen-reader-only" id="nav-coach-service-descriptions-${this.index}">
-        ${this.showTitleInfo ? s : o`<div>${t}</div>`}
-        ${n ? o`<div>${n}</div>` : s}
-      </span>
-    </button>`;
-		}
-		_getBtnInformation(e) {
-			return this.coachItemDetails.isDriverArea ? null : o`
-      ${e === 1 ? o`<span class="sbb-sr-navigation--first-class"></span>` : s}
-      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? o`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachItemDetails.id ? o`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
-                  ${this.coachItemDetails.id}
-                </div>` : s}
-            <div
-              ${e ?? s}
-              class="sbb-sr-navigation__item-coach-travelclass"
-              aria-hidden="true"
-            >
-              ${e}
-            </div>
-          </div>` : s}
-    `;
-		}
-		_getTitleDescriptionNavCoachButton(e) {
-			if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.isLocomotive) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
-			if (this.coachItemDetails.isLocomotive) return d("COACH_LOCOMOTIVE", this._language.current);
-			let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
-			if (e) {
-				let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
-				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 m(e));
-		}
-		_getCoachServiceClassNumber() {
-			return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
-		}
-	};
-})();
-//#endregion
-export { m as n, h as t };

package/timetable-duration.component-DPRcG1LP.js

@@ -1,61 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, forceType as i, i18nDurationHour as a, i18nDurationMinute as o, screenReaderOnlyStyles as s } from "@sbb-esta/lyne-elements/core.js";
-import { html as c, unsafeCSS as l } from "lit";
-import { property as u } from "lit/decorators.js";
-//#region src/elements-experimental/timetable-duration/timetable-duration.scss?inline
-var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}", f = (() => {
-	let f = n, p, m = [], h = [];
-	return class extends f {
-		constructor() {
-			super(...arguments), this.#e = t(this, m, ""), this._language = (t(this, h), new r(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i(), u()], e(this, null, p, {
-				kind: "accessor",
-				name: "config",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "config" in e,
-					get: (e) => e.config,
-					set: (e, t) => {
-						e.config = t;
-					}
-				},
-				metadata: t
-			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-timetable-duration";
-		}
-		static {
-			this.styles = [s, l(d)];
-		}
-		#e;
-		get config() {
-			return this.#e;
-		}
-		set config(e) {
-			this.#e = e;
-		}
-		render() {
-			let e = JSON.parse(this.config), t = a.multiple.short[this._language.current], n = o.multiple.short[this._language.current], r = "", i = "", s = a.multiple.long[this._language.current], l = o.multiple.long[this._language.current];
-			return e.hours === 1 && (s = a.single.long[this._language.current]), e.minutes === 1 && (l = o.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${s}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${l}.`, c`
-      <p aria-label=${i} class="duration" role="text">
-        <span aria-hidden="true" class="duration__text--visual" role="presentation">
-          ${r}
-        </span>
-        <span class="sbb-screen-reader-only">${i}</span>
-      </p>
-    `;
-		}
-	};
-})();
-//#endregion
-export { f as t };