@sbb-esta/lyne-elements-experimental 3.4.0 → 3.6.0

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

@@ -1,112 +1,69 @@
-var F = (s) => {
-  throw TypeError(s);
+var E = (t) => {
+  throw TypeError(t);
 };
-var G = (s, i, r) => i.has(s) || F("Cannot " + r);
-var l = (s, i, r) => (G(s, i, "read from private field"), r ? r.call(s) : i.get(s)), b = (s, i, r) => i.has(s) ? F("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), o = (s, i, r, c) => (G(s, i, "write to private field"), c ? c.call(s, r) : i.set(s, r), r);
-import { __runInitializers as h, __esDecorate as g } from "tslib";
-import { SbbLanguageController as q } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as f } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as H, LitElement as J, html as x } from "lit";
-import { customElement as K, property as w } from "lit/decorators.js";
-import { classMap as Q } from "lit/directives/class-map.js";
-import { mapIconToSvg as V, getI18nSeatReservation as W } from "../common.js";
+var z = (t, r, s) => r.has(t) || E("Cannot " + s);
+var m = (t, r, s) => (z(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? E("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), b = (t, r, s, i) => (z(t, r, "write to private field"), i ? i.call(t, s) : r.set(t, s), s);
+import { __runInitializers as h, __esDecorate as p } from "tslib";
+import { SbbLanguageController as $ } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as I } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { css as j, LitElement as k, html as u } from "lit";
+import { customElement as D, property as N } from "lit/decorators.js";
+import { classMap as O } from "lit/directives/class-map.js";
+import { mapIconToSvg as C, getI18nSeatReservation as L } from "../common.js";
 import "@sbb-esta/lyne-elements/icon.js";
-const X = H`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite)}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media (forced-colors: active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
-let ht = (() => {
-  var v, m, p, d, u, _, a;
-  let s = [K("sbb-seat-reservation-graphic")], i, r = [], c, z = J, R, S = [], I = [], N, $ = [], k = [], E, j = [], D = [], O, C = [], L = [], T, A = [], M = [], P, U = [], B = [];
-  return a = class extends z {
+const R = j`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite)}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media (forced-colors: active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
+let K = (() => {
+  var o, c, n;
+  let t = [D("sbb-seat-reservation-graphic")], r, s = [], i, f = k, d, _ = [], x = [], S, y = [], w = [];
+  return n = class extends f {
     constructor() {
       super(...arguments);
-      b(this, v);
-      b(this, m);
-      b(this, p);
-      b(this, d);
-      b(this, u);
-      b(this, _);
-      o(this, v, h(this, S, "")), o(this, m, (h(this, I), h(this, $, !1))), o(this, p, (h(this, k), h(this, j, 0))), o(this, d, (h(this, D), h(this, C, 0))), o(this, u, (h(this, L), h(this, A, null))), o(this, _, (h(this, M), h(this, U, null))), this._language = (h(this, B), new q(this));
+      v(this, o);
+      v(this, c);
+      b(this, o, h(this, _, "")), b(this, c, (h(this, x), h(this, y, !1))), this._language = (h(this, w), new $(this));
     }
     /** Name of the SVG graphic to be displayed. */
     get name() {
-      return l(this, v);
+      return m(this, o);
     }
-    set name(t) {
-      o(this, v, t);
+    set name(e) {
+      b(this, o, e);
     }
     /** if true, scale the graphic content of the given element non-uniformly if necessary */
     get stretch() {
-      return l(this, m);
+      return m(this, c);
     }
-    set stretch(t) {
-      o(this, m, t);
-    }
-    /** handles the rotation of the SVG graphic */
-    get rotation() {
-      return l(this, p);
-    }
-    set rotation(t) {
-      o(this, p, t);
-    }
-    /** Inverse rotation for part of an SVG that can be rotated opposite to the normal rotation */
-    get inverseRotation() {
-      return l(this, d);
-    }
-    set inverseRotation(t) {
-      o(this, d, t);
-    }
-    /** width of the svg in pixels (without unit) */
-    get width() {
-      return l(this, u);
-    }
-    set width(t) {
-      o(this, u, t);
-    }
-    /** height of the svg in pixels (without unit) */
-    get height() {
-      return l(this, _);
-    }
-    set height(t) {
-      o(this, _, t);
-    }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("width") && this.width && this.style?.setProperty("--sbb-seat-reservation-graphic-width", `${this.width}`), t.has("height") && this.height && this.style?.setProperty("--sbb-seat-reservation-graphic-height", `${this.height}`), t.has("rotation") && this.style?.setProperty("--sbb-seat-reservation-graphic-rotation", `${this.rotation}`), t.has("inverseRotation") && this.style?.setProperty("--sbb-seat-reservation-graphic-inverse-rotation", `${this.inverseRotation}`);
+    set stretch(e) {
+      b(this, c, e);
     }
     render() {
-      const t = V[this.name];
-      return !t?.svg && !t?.svgName ? null : x`<span
-      class="${Q({
-        "sbb-sr-icon": !!t.svgName,
-        "sbb-sr-graphic": !!t.svg
+      const e = C[this.name];
+      return !e?.svg && !e?.svgName ? null : u`<span
+      class="${O({
+        "sbb-sr-icon": !!e.svgName,
+        "sbb-sr-graphic": !!e.svg
       })}"
     >
-      ${t.svgName ? x` <sbb-icon
-            name="${t.svgName || ""}"
+      ${e.svgName ? u` <sbb-icon
+            name="${e.svgName || ""}"
             aria-hidden="false"
-            aria-label="${W(t.svgName, this._language.current)}"
-          ></sbb-icon>` : x`${this._getSvgElement(t.svg)}`}
+            aria-label="${L(e.svgName, this._language.current)}"
+          ></sbb-icon>` : u`${this._getSvgElement(e.svg)}`}
     </span>`;
     }
-    _getSvgElement(t) {
-      const e = new DOMParser(), n = t || "<svg></svg>", y = e.parseFromString(n, "image/svg+xml").firstElementChild;
-      return this.stretch && y?.nodeName.toLowerCase() === "svg" && y.setAttribute("preserveAspectRatio", "none"), y;
-    }
-  }, v = new WeakMap(), m = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), c = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    R = [f(), w({ attribute: "name" })], N = [f(), w({ attribute: "stretch", type: Boolean })], E = [f(), w({ attribute: "rotation", type: Number })], O = [f(), w({ attribute: "inverse-roration", type: Number })], T = [f(), w({ attribute: "width", type: Number })], P = [f(), w({ attribute: "height", type: Number })], g(a, null, R, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, get: (e) => e.name, set: (e, n) => {
-      e.name = n;
-    } }, metadata: t }, S, I), g(a, null, N, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (e) => "stretch" in e, get: (e) => e.stretch, set: (e, n) => {
-      e.stretch = n;
-    } }, metadata: t }, $, k), g(a, null, E, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (e) => "rotation" in e, get: (e) => e.rotation, set: (e, n) => {
-      e.rotation = n;
-    } }, metadata: t }, j, D), g(a, null, O, { kind: "accessor", name: "inverseRotation", static: !1, private: !1, access: { has: (e) => "inverseRotation" in e, get: (e) => e.inverseRotation, set: (e, n) => {
-      e.inverseRotation = n;
-    } }, metadata: t }, C, L), g(a, null, T, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (e) => "width" in e, get: (e) => e.width, set: (e, n) => {
-      e.width = n;
-    } }, metadata: t }, A, M), g(a, null, P, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (e) => "height" in e, get: (e) => e.height, set: (e, n) => {
-      e.height = n;
-    } }, metadata: t }, U, B), g(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: t }, null, r), c = i.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = X, h(c, r), c;
+    _getSvgElement(e) {
+      const a = new DOMParser(), l = e || "<svg></svg>", g = a.parseFromString(l, "image/svg+xml").firstElementChild;
+      return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
+    }
+  }, o = new WeakMap(), c = new WeakMap(), i = n, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    d = [I(), N({ attribute: "name" })], S = [I(), N({ attribute: "stretch", type: Boolean })], p(n, null, d, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
+      a.name = l;
+    } }, metadata: e }, _, x), p(n, null, S, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, l) => {
+      a.stretch = l;
+    } }, metadata: e }, y, w), p(null, r = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, s), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.styles = R, h(i, s), i;
 })();
 export {
-  ht as SbbSeatReservationGraphicElement
+  K as SbbSeatReservationGraphicElement
 };

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAIpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAG3C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAG1C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwB5E;;;;;;OAMG;cACgB,MAAM,IAAI,cAAc;IAyB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}
+{"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAIpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAG3C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAG1C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAwB5E;;;;;;OAMG;cACgB,MAAM,IAAI,cAAc;IAwB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}

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

@@ -12,10 +12,10 @@ import { classMap as ge } from "lit/directives/class-map.js";
 import { getI18nSeatReservation as u } from "../common/translations.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-navigation-services.js";
-const Ie = fe`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: 1;--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: 2;--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}:host(.sbb-sr__navigation-coach--hover-scroll){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);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% - 1.125rem)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius: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-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.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__item-coach.vertical-coach{flex-direction:row}.sbb-sr-navigation__ctrl-button{-webkit-appearance:none;-moz-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;outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);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)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.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)}@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)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.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);color:var(--sbb-color-white)}.sbb-sr-navigation__item-coach.vertical-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))}.sbb-sr-navigation__item-coach.vertical-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}.sbb-sr-navigation__item-coach.vertical-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}.sbb-sr-navigation__item-coach.vertical-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.vertical-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.vertical-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}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.vertical-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}.sbb-sr-navigation__item-coach.vertical-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))}`, Ce = 3;
-let Re = (() => {
+const Ie = fe`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: 1;--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: 2;--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}:host(.sbb-sr__navigation-coach--hover-scroll){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.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-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius: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-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.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{-webkit-appearance:none;-moz-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;outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);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)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.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)}@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)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.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);color:var(--sbb-color-white)}: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-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius: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-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius: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))}`, Ce = 3;
+let De = (() => {
   var m, p, f, y, x, I, C, k, A, S, B, E, i;
-  let o = [xe("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = ye, T, N = [], $ = [], O, P = [], R = [], D, L = [], V = [], j, H = [], U = [], F, G = [], K = [], M, q = [], Y = [], X, J = [], Q = [], W, Z = [], ee = [], ae, te = [], se = [], re, ie = [], oe = [], ne, ce = [], le = [], be, ve = [], de = [];
+  let o = [xe("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = ye, T, N = [], $ = [], O, P = [], D = [], R, L = [], V = [], j, H = [], U = [], F, G = [], K = [], M, q = [], Y = [], X, J = [], Q = [], W, Z = [], ee = [], te, ae = [], se = [], re, ie = [], oe = [], ne, ce = [], le = [], be, ve = [], de = [];
   return i = class extends z {
     constructor() {
       super(...arguments);
@@ -31,97 +31,97 @@ let Re = (() => {
       b(this, S);
       b(this, B);
       b(this, E);
-      s(this, m, r(this, N, "")), s(this, p, (r(this, $), r(this, P, []))), s(this, f, (r(this, R), r(this, L, !1))), s(this, y, (r(this, V), r(this, H, !1))), s(this, x, (r(this, U), r(this, G, 0))), s(this, I, (r(this, K), r(this, q, { seats: 0, bicycles: 0 }))), s(this, C, (r(this, Y), r(this, J, ["ANY_CLASS"]))), s(this, k, (r(this, Q), r(this, Z, !1))), s(this, A, (r(this, ee), r(this, te, !1))), s(this, S, (r(this, se), r(this, ie, !1))), s(this, B, (r(this, oe), r(this, ce, !1))), s(this, E, (r(this, le), r(this, ve, !1))), this._language = (r(this, de), new pe(this));
+      s(this, m, r(this, N, "")), s(this, p, (r(this, $), r(this, P, []))), s(this, f, (r(this, D), r(this, L, !1))), s(this, y, (r(this, V), r(this, H, !1))), s(this, x, (r(this, U), r(this, G, 0))), s(this, I, (r(this, K), r(this, q, { seats: 0, bicycles: 0 }))), s(this, C, (r(this, Y), r(this, J, ["ANY_CLASS"]))), s(this, k, (r(this, Q), r(this, Z, !1))), s(this, A, (r(this, ee), r(this, ae, !1))), s(this, S, (r(this, se), r(this, ie, !1))), s(this, B, (r(this, oe), r(this, ce, !1))), s(this, E, (r(this, le), r(this, ve, !1))), this._language = (r(this, de), new pe(this));
     }
     /** Coach ID, which is used to identify the coach in the navigation */
     get coachId() {
       return l(this, m);
     }
-    set coachId(a) {
-      s(this, m, a);
+    set coachId(t) {
+      s(this, m, t);
     }
     /** Coach service property ids, which are used to display the services in the navigation */
     get propertyIds() {
       return l(this, p);
     }
-    set propertyIds(a) {
-      s(this, p, a);
+    set propertyIds(t) {
+      s(this, p, t);
     }
     /* pre-selected Coach index property */
     get selected() {
       return l(this, f);
     }
-    set selected(a) {
-      s(this, f, a);
+    set selected(t) {
+      s(this, f, t);
     }
     /* focus Coach index property */
     get focused() {
       return l(this, y);
     }
-    set focused(a) {
-      s(this, y, a);
+    set focused(t) {
+      s(this, y, t);
     }
     get index() {
       return l(this, x);
     }
-    set index(a) {
-      s(this, x, a);
+    set index(t) {
+      s(this, x, t);
     }
     /** Representation of places available for selecting, counting seat places and bicycle places separetely */
     get freePlacesByType() {
       return l(this, I);
     }
-    set freePlacesByType(a) {
-      s(this, I, a);
+    set freePlacesByType(t) {
+      s(this, I, t);
     }
     /** Travel class of the coach */
     get travelClass() {
       return l(this, C);
     }
-    set travelClass(a) {
-      s(this, C, a);
+    set travelClass(t) {
+      s(this, C, t);
     }
     /** If the coach is a driver/restricted area */
     get driverArea() {
       return l(this, k);
     }
-    set driverArea(a) {
-      s(this, k, a);
+    set driverArea(t) {
+      s(this, k, t);
     }
     /** If the coach is the first in the navigation */
     get first() {
       return l(this, A);
     }
-    set first(a) {
-      s(this, A, a);
+    set first(t) {
+      s(this, A, t);
     }
     /** If the coach is the last in the navigation */
     get last() {
       return l(this, S);
     }
-    set last(a) {
-      s(this, S, a);
+    set last(t) {
+      s(this, S, t);
     }
     /** Disable the coach navigation */
     get disable() {
       return l(this, B);
     }
-    set disable(a) {
-      s(this, B, a);
+    set disable(t) {
+      s(this, B, t);
     }
     /** If the coach navigation should be displayed vertically */
     get vertical() {
       return l(this, E);
     }
-    set vertical(a) {
-      s(this, E, a);
+    set vertical(t) {
+      s(this, E, t);
     }
-    willUpdate(a) {
-      if (super.willUpdate(a), a.has("selected")) {
+    willUpdate(t) {
+      if (super.willUpdate(t), t.has("selected")) {
         const e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
         this.selected && e && (e.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
       }
-      if (a.has("focused") && this.focused) {
+      if (t.has("focused") && this.focused) {
         const e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
         e && e.focus();
       }
@@ -134,13 +134,12 @@ let Re = (() => {
      * @protected
      */
     render() {
-      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, Ce), g`
+      return this.propertyIds = this.propertyIds.filter((t) => t !== "ANY_SEAT").slice(0, Ce), g`
       <div
         class="${ge({
         "sbb-sr-navigation__item-coach": !0,
         "last-coach": this.last,
         "first-coach": this.first,
-        "vertical-coach": this.vertical,
         "sbb-sr-navigation__item-coach--selected": this.selected
       })}"
       >
@@ -153,7 +152,7 @@ let Re = (() => {
     `;
     }
     _getNavigationButton() {
-      const a = this._getCoachServiceClassNumber(), e = this._getTitleDescriptionNavCoachButton(a), t = this._getAriaDescriptionCoachServices();
+      const t = this._getCoachServiceClassNumber(), e = this._getTitleDescriptionNavCoachButton(t), a = this._getAriaDescriptionCoachServices();
       return g` <button
         type="button"
         ?disabled="${this.disable}"
@@ -165,93 +164,93 @@ let Re = (() => {
         aria-describedby="nav-coach-service-descriptions-${this.index}"
         @click=${() => this._selectNavCoach(this.index)}
       >
-        ${this._getBtnInformation(a)}
+        ${this._getBtnInformation(t)}
       </button>
       <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}"
-        >${t}</sbb-screen-reader-only
+        >${a}</sbb-screen-reader-only
       >`;
     }
-    _getBtnInformation(a) {
+    _getBtnInformation(t) {
       return this.driverArea ? null : g`
-      ${a === 1 ? g`<span class="sbb-sr-navigation--first-class"></span>` : w}
+      ${t === 1 ? g`<span class="sbb-sr-navigation--first-class"></span>` : w}
       ${this.travelClass?.length > 0 || this.coachId ? g`<div class="sbb-sr-navigation__additional-information">
             ${this.coachId ? g`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
                   ${this.coachId}
                 </div>` : w}
             <div
-              ${a ?? w}
+              ${t ?? w}
               class="sbb-sr-navigation__item-coach-travelclass"
               aria-hidden="true"
             >
-              ${a}
+              ${t}
             </div>
           </div>` : w}
     `;
     }
-    _getTitleDescriptionNavCoachButton(a) {
+    _getTitleDescriptionNavCoachButton(t) {
       if (this.driverArea)
         return u("NAVIGATE_COACH_BLOCKED", this._language.current, [
           this.coachId
         ]);
       let e = u("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
-      if (a) {
-        const ue = u(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), me = u("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [ue]);
+      if (t) {
+        const ue = u(t === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), me = u("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [ue]);
         e = e.concat(me);
       }
-      const t = u("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
-      return e = e.concat(". ").concat(t), e;
+      const a = u("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
+      return e = e.concat(". ").concat(a), e;
     }
     _getAriaDescriptionCoachServices() {
-      let a = null;
-      return this.propertyIds.length && (a = u("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((e) => u(e, this._language.current)).join()), a;
+      let t = null;
+      return this.propertyIds.length && (t = u("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += this.propertyIds.map((e) => u(e, this._language.current)).join()), t;
     }
     /**
      * emits the index of the coach array for the main navigation.
      * @param coachIndex
      * @private
      */
-    _selectNavCoach(a) {
+    _selectNavCoach(t) {
       this.driverArea || this.dispatchEvent(new CustomEvent("selectcoach", {
         bubbles: !0,
         composed: !0,
-        detail: a
+        detail: t
       }));
     }
     _getCoachServiceClassNumber() {
       return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
     }
   }, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), y = new WeakMap(), x = new WeakMap(), I = new WeakMap(), C = new WeakMap(), k = new WeakMap(), A = new WeakMap(), S = new WeakMap(), B = new WeakMap(), E = new WeakMap(), h = i, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    T = [_(), d({ attribute: "coach-id" })], O = [d({ attribute: "property-ids", type: Array })], D = [_(), d({ type: Boolean })], j = [_(), d({ type: Boolean })], F = [_(), d({ type: Number })], M = [d({ attribute: "free-places-by-type", type: Object })], X = [d({ attribute: "travel-class", type: Array })], W = [_(), d({ attribute: "driver-area", type: Boolean })], ae = [_(), d({ type: Boolean })], re = [_(), d({ type: Boolean })], ne = [_(), d({ attribute: "disable", type: Boolean })], be = [_(), d({ type: Boolean })], v(i, null, T, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (e) => "coachId" in e, get: (e) => e.coachId, set: (e, t) => {
-      e.coachId = t;
-    } }, metadata: a }, N, $), v(i, null, O, { 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: a }, P, R), v(i, null, D, { 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: a }, L, V), v(i, null, j, { 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: a }, H, U), v(i, null, F, { 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: a }, G, K), v(i, null, M, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (e) => "freePlacesByType" in e, get: (e) => e.freePlacesByType, set: (e, t) => {
-      e.freePlacesByType = t;
-    } }, metadata: a }, q, Y), v(i, null, X, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (e) => "travelClass" in e, get: (e) => e.travelClass, set: (e, t) => {
-      e.travelClass = t;
-    } }, metadata: a }, J, Q), v(i, null, W, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (e) => "driverArea" in e, get: (e) => e.driverArea, set: (e, t) => {
-      e.driverArea = t;
-    } }, metadata: a }, Z, ee), v(i, null, ae, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (e) => "first" in e, get: (e) => e.first, set: (e, t) => {
-      e.first = t;
-    } }, metadata: a }, te, se), v(i, null, re, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (e) => "last" in e, get: (e) => e.last, set: (e, t) => {
-      e.last = t;
-    } }, metadata: a }, ie, oe), v(i, null, ne, { 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: a }, ce, le), v(i, null, be, { 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: a }, ve, de), v(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
+    T = [_(), d({ attribute: "coach-id" })], O = [d({ attribute: "property-ids", type: Array })], R = [_(), d({ type: Boolean })], j = [_(), d({ type: Boolean })], F = [_(), d({ type: Number })], M = [d({ attribute: "free-places-by-type", type: Object })], X = [d({ attribute: "travel-class", type: Array })], W = [_(), d({ attribute: "driver-area", type: Boolean })], te = [_(), d({ type: Boolean })], re = [_(), d({ type: Boolean })], ne = [_(), d({ attribute: "disable", type: Boolean })], be = [_(), d({ type: Boolean, reflect: !0, useDefault: !0 })], v(i, null, T, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (e) => "coachId" in e, get: (e) => e.coachId, set: (e, a) => {
+      e.coachId = a;
+    } }, metadata: t }, N, $), v(i, null, O, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, a) => {
+      e.propertyIds = a;
+    } }, metadata: t }, P, D), v(i, null, R, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (e) => "selected" in e, get: (e) => e.selected, set: (e, a) => {
+      e.selected = a;
+    } }, metadata: t }, L, V), v(i, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (e) => "focused" in e, get: (e) => e.focused, set: (e, a) => {
+      e.focused = a;
+    } }, metadata: t }, H, U), v(i, null, F, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (e) => "index" in e, get: (e) => e.index, set: (e, a) => {
+      e.index = a;
+    } }, metadata: t }, G, K), v(i, null, M, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (e) => "freePlacesByType" in e, get: (e) => e.freePlacesByType, set: (e, a) => {
+      e.freePlacesByType = a;
+    } }, metadata: t }, q, Y), v(i, null, X, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (e) => "travelClass" in e, get: (e) => e.travelClass, set: (e, a) => {
+      e.travelClass = a;
+    } }, metadata: t }, J, Q), v(i, null, W, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (e) => "driverArea" in e, get: (e) => e.driverArea, set: (e, a) => {
+      e.driverArea = a;
+    } }, metadata: t }, Z, ee), v(i, null, te, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (e) => "first" in e, get: (e) => e.first, set: (e, a) => {
+      e.first = a;
+    } }, metadata: t }, ae, se), v(i, null, re, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (e) => "last" in e, get: (e) => e.last, set: (e, a) => {
+      e.last = a;
+    } }, metadata: t }, ie, oe), v(i, null, ne, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (e) => "disable" in e, get: (e) => e.disable, set: (e, a) => {
+      e.disable = a;
+    } }, metadata: t }, ce, le), v(i, null, be, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, a) => {
+      e.vertical = a;
+    } }, metadata: t }, ve, de), v(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: t }, null, c), h = n.value, t && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), i.styles = Ie, i.events = {
     selectcoach: "selectcoach",
     focuscoach: "focuscoach"
   }, r(h, c), h;
 })();
 export {
-  Re as SbbSeatReservationNavigationCoachElement
+  De as SbbSeatReservationNavigationCoachElement
 };

package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,+CAA+C,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAIxC;;;GAGG;AACH,qBAEM,2CAA4C,SAAQ,UAAU;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0DAA0D;IAC1D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;IA4B3C,OAAO,CAAC,2BAA2B;CAcpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0CAA0C,EAAE,2CAA2C,CAAC;KACzF;CACF"}
+{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,+CAA+C,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAIxC;;;GAGG;AACH,qBAEM,2CAA4C,SAAQ,UAAU;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0DAA0D;IAC1D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;IAyB3C,OAAO,CAAC,2BAA2B;CAcpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0CAA0C,EAAE,2CAA2C,CAAC;KACzF;CACF"}