@sbb-esta/lyne-elements-experimental 3.0.1 → 3.2.0

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

@@ -1,33 +1,33 @@
-var x = (r) => {
-  throw TypeError(r);
+var w = (e) => {
+  throw TypeError(e);
 };
-var y = (r, e, t) => e.has(r) || x("Cannot " + t);
-var c = (r, e, t) => (y(r, e, "read from private field"), t ? t.call(r) : e.get(r)), u = (r, e, t) => e.has(r) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), m = (r, e, t, o) => (y(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t);
-import { __esDecorate as g, __runInitializers as l } from "tslib";
+var y = (e, r, t) => r.has(e) || w("Cannot " + t);
+var d = (e, r, t) => (y(e, r, "read from private field"), t ? t.call(e) : r.get(e)), u = (e, r, t) => r.has(e) ? w("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, t), m = (e, r, t, s) => (y(e, r, "write to private field"), s ? s.call(e, t) : r.set(e, t), t);
+import { __esDecorate as v, __runInitializers as l } from "tslib";
 import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
 import { css as E, LitElement as I, html as j } from "lit";
 import { customElement as D, property as S } from "lit/decorators.js";
-const O = E`*,:before,:after{box-sizing:border-box}:host{--sbb-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-reservation-area-height) * .0625rem);width:calc(var(--sbb-reservation-area-width) * .0625rem);border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border-radius:var(--sbb-reservation-area-border-radius);position:inherit;rotate:calc(var(--sbb-reservation-area-rotation) * 1deg);background-color:var(--sbb-color-white)}:host([background=dark]){background-color:var(--sbb-color-milk)}:host([mounting=upper-border]){border-block-start-width:var(--sbb-border-width-2x);border-radius:0 0 var(--sbb-reservation-area-border-radius) var(--sbb-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:var(--sbb-border-width-2x);border-radius:var(--sbb-reservation-area-border-radius) var(--sbb-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}`;
+const O = E`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;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-radius:var(--sbb-seat-reservation-area-border-radius);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));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-color-white)}:host([background=dark]){background-color:var(--sbb-color-milk)}:host([mounting=upper-border]){border-block-start-width:var(--sbb-border-width-2x);border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:var(--sbb-border-width-2x);border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(:hover){cursor:pointer}`;
 let B = (() => {
-  var n, b, s;
-  let r = [D("sbb-seat-reservation-area")], e, t = [], o, h = I, v, _ = [], k = [], p, f = [], w = [];
-  return s = class extends h {
+  var n, b, o;
+  let e = [D("sbb-seat-reservation-area")], r, t = [], s, g = I, h, p = [], _ = [], k, f = [], x = [];
+  return o = class extends g {
     constructor() {
       super(...arguments);
-      u(this, n, l(this, _, "free"));
-      u(this, b, (l(this, k), l(this, f, "light")));
-      l(this, w);
+      u(this, n, l(this, p, "free"));
+      u(this, b, (l(this, _), l(this, f, "light")));
+      l(this, x);
     }
     /** Mounting Prop */
     get mounting() {
-      return c(this, n);
+      return d(this, n);
     }
     set mounting(i) {
       m(this, n, i);
     }
     /** the background of the area */
     get background() {
-      return c(this, b);
+      return d(this, b);
     }
     set background(i) {
       m(this, b, i);
@@ -35,14 +35,14 @@ let B = (() => {
     render() {
       return j`<slot></slot>`;
     }
-  }, n = new WeakMap(), b = new WeakMap(), o = s, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    v = [z(), S({ reflect: !0 })], p = [z(), S({ reflect: !0 })], g(s, null, v, { kind: "accessor", name: "mounting", static: !1, private: !1, access: { has: (a) => "mounting" in a, get: (a) => a.mounting, set: (a, d) => {
-      a.mounting = d;
-    } }, metadata: i }, _, k), g(s, null, p, { kind: "accessor", name: "background", static: !1, private: !1, access: { has: (a) => "background" in a, get: (a) => a.background, set: (a, d) => {
-      a.background = d;
-    } }, metadata: i }, f, w), g(null, e = { value: o }, r, { kind: "class", name: o.name, metadata: i }, null, t), o = e.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), s.styles = O, l(o, t), o;
+  }, n = new WeakMap(), b = new WeakMap(), s = o, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    h = [z(), S({ reflect: !0 })], k = [z(), S({ reflect: !0 })], v(o, null, h, { kind: "accessor", name: "mounting", static: !1, private: !1, access: { has: (a) => "mounting" in a, get: (a) => a.mounting, set: (a, c) => {
+      a.mounting = c;
+    } }, metadata: i }, p, _), v(o, null, k, { kind: "accessor", name: "background", static: !1, private: !1, access: { has: (a) => "background" in a, get: (a) => a.background, set: (a, c) => {
+      a.background = c;
+    } }, metadata: i }, f, x), v(null, r = { value: s }, e, { kind: "class", name: s.name, metadata: i }, null, t), s = r.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), o.styles = O, l(s, t), s;
 })();
 export {
   B as SbbSeatReservationAreaElement

package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-assets.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAUxC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,cAAc,GAAG,IAMtE,CAAC;AAmSF,eAAO,MAAM,cAAc,EAAE,cAgB5B,CAAC"}
+{"version":3,"file":"seat-reservation-assets.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAUxC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,cAAc,GAAG,IAMtE,CAAC;AA8RF,eAAO,MAAM,cAAc,EAAE,cAgB5B,CAAC"}

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

@@ -283,11 +283,6 @@ const E = (A) => d`
             TODO: check if still in use, may be deleted
           </td>
         </tr>
-        <tr>
-          <td>${t("TABLE")}</td>
-          <td>Table</td>
-          <td>TABLE</td>
-        </tr>
       </tbody>
     </table>
   </sbb-table-wrapper>

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

@@ -2,43 +2,43 @@ var F = (s) => {
   throw TypeError(s);
 };
 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)), g = (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 b } from "tslib";
+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 z } from "lit";
+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";
 import "@sbb-esta/lyne-elements/icon.js";
-const X = H`*,:before,:after{box-sizing:border-box}:host{--sbb-reservation-graphic-width: 16;--sbb-reservation-graphic-height: 16;--sbb-reservation-graphic-rotation: 0;--sbb-reservation-graphic-inverse-rotation: 0}.sbb-sr-icon,.sbb-sr-graphic{--sbb-icon-svg-width: calc(var(--sbb-reservation-graphic-width) * .0625rem);--sbb-icon-svg-height: calc(var(--sbb-reservation-graphic-height) * .0625rem);display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-reservation-graphic-width) * .0625rem);height:calc(var(--sbb-reservation-graphic-height) * .0625rem);transform-origin:center;rotate:calc(var(--sbb-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-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}}`;
+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))}.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:hover{cursor:var(--sbb-seat-reservation--cursor-pointer, default)}.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 m, v, p, _, d, u, a;
-  let s = [K("sbb-seat-reservation-graphic")], i, r = [], c, R = J, x, S = [], I = [], N, $ = [], E = [], k, j = [], D = [], O, C = [], L = [], T, A = [], M = [], P, U = [], B = [];
-  return a = class extends R {
+  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 {
     constructor() {
       super(...arguments);
-      g(this, m);
-      g(this, v);
-      g(this, p);
-      g(this, _);
-      g(this, d);
-      g(this, u);
-      o(this, m, h(this, S, "")), o(this, v, (h(this, I), h(this, $, !1))), o(this, p, (h(this, E), h(this, j, 0))), o(this, _, (h(this, D), h(this, C, 0))), o(this, d, (h(this, L), h(this, A, null))), o(this, u, (h(this, M), h(this, U, null))), this._language = (h(this, B), new q(this));
+      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));
     }
     /** Name of the SVG graphic to be displayed. */
     get name() {
-      return l(this, m);
+      return l(this, v);
     }
     set name(t) {
-      o(this, m, t);
+      o(this, v, t);
     }
     /** if true, scale the graphic content of the given element non-uniformly if necessary */
     get stretch() {
-      return l(this, v);
+      return l(this, m);
     }
     set stretch(t) {
-      o(this, v, t);
+      o(this, m, t);
     }
     /** handles the rotation of the SVG graphic */
     get rotation() {
@@ -49,62 +49,62 @@ let ht = (() => {
     }
     /** Inverse rotation for part of an SVG that can be rotated opposite to the normal rotation */
     get inverseRotation() {
-      return l(this, _);
+      return l(this, d);
     }
     set inverseRotation(t) {
-      o(this, _, t);
+      o(this, d, t);
     }
     /** width of the svg in pixels (without unit) */
     get width() {
-      return l(this, d);
+      return l(this, u);
     }
     set width(t) {
-      o(this, d, t);
+      o(this, u, t);
     }
     /** height of the svg in pixels (without unit) */
     get height() {
-      return l(this, u);
+      return l(this, _);
     }
     set height(t) {
-      o(this, u, t);
+      o(this, _, t);
     }
     willUpdate(t) {
-      super.willUpdate(t), t.has("width") && this.width && this.style?.setProperty("--sbb-reservation-graphic-width", `${this.width}`), t.has("height") && this.height && this.style?.setProperty("--sbb-reservation-graphic-height", `${this.height}`), t.has("rotation") && this.style?.setProperty("--sbb-reservation-graphic-rotation", `${this.rotation}`), t.has("inverseRotation") && this.style?.setProperty("--sbb-reservation-graphic-inverse-rotation", `${this.inverseRotation}`);
+      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}`);
     }
     render() {
       const t = V[this.name];
-      return !t?.svg && !t?.svgName ? null : z`<span
+      return !t?.svg && !t?.svgName ? null : x`<span
       class="${Q({
         "sbb-sr-icon": !!t.svgName,
         "sbb-sr-graphic": !!t.svg
       })}"
     >
-      ${t.svgName ? z` <sbb-icon
+      ${t.svgName ? x` <sbb-icon
             name="${t.svgName || ""}"
             aria-hidden="false"
             aria-label="${W(t.svgName, this._language.current)}"
-          ></sbb-icon>` : z`${this._getSvgElement(t.svg)}`}
+          ></sbb-icon>` : x`${this._getSvgElement(t.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;
     }
-  }, m = new WeakMap(), v = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), d = new WeakMap(), u = new WeakMap(), c = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(R[Symbol.metadata] ?? null) : void 0;
-    x = [f(), w({ attribute: "name" })], N = [f(), w({ attribute: "stretch", type: Boolean })], k = [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 })], b(a, null, x, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, get: (e) => e.name, set: (e, n) => {
+  }, 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), b(a, null, N, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (e) => "stretch" in e, get: (e) => e.stretch, set: (e, 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 }, $, E), b(a, null, k, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (e) => "rotation" in e, get: (e) => e.rotation, set: (e, 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), b(a, null, O, { kind: "accessor", name: "inverseRotation", static: !1, private: !1, access: { has: (e) => "inverseRotation" in e, get: (e) => e.inverseRotation, set: (e, 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), b(a, null, T, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (e) => "width" in e, get: (e) => e.width, set: (e, 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), b(a, null, P, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (e) => "height" in e, get: (e) => e.height, set: (e, 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), b(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 });
+    } }, 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;
 })();
 export {

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

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-import { PlaceTravelClass } from '../common.js';
+import { CoachNumberOfFreePlaces, PlaceTravelClass } from '../common.js';
 export type SelectCoachEventDetails = number;
 /**
  * This component will display the navigation coach item for Seat reservation.
@@ -17,6 +17,8 @@ export declare class SbbSeatReservationNavigationCoachElement extends LitElement
     accessor selected: boolean;
     accessor focused: boolean;
     accessor index: number;
+    /** Representation of places available for selecting, counting seat places and bicycle places separetely */
+    accessor freePlacesByType: CoachNumberOfFreePlaces;
     /** Travel class of the coach */
     accessor travelClass: PlaceTravelClass[];
     /** If the coach is a driver/restricted area */

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,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIrD,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,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;IA4B1C,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;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"}

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

@@ -1,64 +1,65 @@
-var lt = (o) => {
+var ht = (o) => {
   throw TypeError(o);
 };
-var bt = (o, n, c) => n.has(o) || lt("Cannot " + c);
-var l = (o, n, c) => (bt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? lt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (bt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
+var _t = (o, n, c) => n.has(o) || ht("Cannot " + c);
+var l = (o, n, c) => (_t(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? ht("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (_t(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
 import { __runInitializers as i, __esDecorate as d } from "tslib";
-import { SbbLanguageController as _t } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { SbbLanguageController as ft } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as gt, LitElement as ut, nothing as E, html as g } from "lit";
-import { customElement as mt, property as v } from "lit/decorators.js";
-import { classMap as dt } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as w } from "../common/translations.js";
+import { css as pt, LitElement as yt, nothing as E, html as g } from "lit";
+import { customElement as xt, property as v } from "lit/decorators.js";
+import { classMap as gt } 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 ft = gt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--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: var(--sbb-border-width-2x);--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);width:var(--sbb-train-formation-wagon-width);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:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.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:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.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:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) 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:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;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% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) 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:1.25rem;min-width:1.25rem;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:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;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% - 1.125rem)}.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:var(--sbb-seat-reservation-navigation-travelclass-spacing);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:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, pt = 3;
-let $t = (() => {
-  var u, m, f, p, x, y, I, C, k, A, S, r;
-  let o = [mt("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = ut, B, $ = [], N = [], T, D = [], R = [], O, L = [], V = [], j, H = [], G = [], K, U = [], q = [], F, M = [], Y = [], P, X = [], J = [], Q, W = [], Z = [], tt, at = [], et = [], st, it = [], rt = [], ot, nt = [], ct = [];
+const It = pt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--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: var(--sbb-border-width-2x);--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:var(--sbb-train-formation-wagon-width);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:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.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:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.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:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) 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:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;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% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) 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:1.25rem;min-width:1.25rem;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:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;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% - 1.125rem)}.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:var(--sbb-seat-reservation-navigation-travelclass-spacing);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:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, Ct = 3;
+let Rt = (() => {
+  var m, f, p, y, x, I, C, k, A, S, w, B, r;
+  let o = [xt("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = yt, T, N = [], $ = [], O, P = [], R = [], D, L = [], V = [], j, H = [], U = [], F, G = [], K = [], M, q = [], Y = [], X, J = [], Q = [], W, Z = [], tt = [], at, et = [], st = [], it, rt = [], ot = [], nt, ct = [], lt = [], bt, dt = [], vt = [];
   return r = class extends z {
     constructor() {
       super(...arguments);
-      b(this, u);
       b(this, m);
       b(this, f);
       b(this, p);
-      b(this, x);
       b(this, y);
+      b(this, x);
       b(this, I);
       b(this, C);
       b(this, k);
       b(this, A);
       b(this, S);
-      s(this, u, i(this, $, "")), s(this, m, (i(this, N), i(this, D, []))), s(this, f, (i(this, R), i(this, L, !1))), s(this, p, (i(this, V), i(this, H, !1))), s(this, x, (i(this, G), i(this, U, 0))), s(this, y, (i(this, q), i(this, M, ["ANY_CLASS"]))), s(this, I, (i(this, Y), i(this, X, !1))), s(this, C, (i(this, J), i(this, W, !1))), s(this, k, (i(this, Z), i(this, at, !1))), s(this, A, (i(this, et), i(this, it, !1))), s(this, S, (i(this, rt), i(this, nt, !1))), this._language = (i(this, ct), new _t(this));
+      b(this, w);
+      b(this, B);
+      s(this, m, i(this, N, "")), s(this, f, (i(this, $), i(this, P, []))), s(this, p, (i(this, R), i(this, L, !1))), s(this, y, (i(this, V), i(this, H, !1))), s(this, x, (i(this, U), i(this, G, 0))), s(this, I, (i(this, K), i(this, q, { seats: 0, bicycles: 0 }))), s(this, C, (i(this, Y), i(this, J, ["ANY_CLASS"]))), s(this, k, (i(this, Q), i(this, Z, !1))), s(this, A, (i(this, tt), i(this, et, !1))), s(this, S, (i(this, st), i(this, rt, !1))), s(this, w, (i(this, ot), i(this, ct, !1))), s(this, B, (i(this, lt), i(this, dt, !1))), this._language = (i(this, vt), new ft(this));
     }
     /** Coach ID, which is used to identify the coach in the navigation */
     get coachId() {
-      return l(this, u);
+      return l(this, m);
     }
     set coachId(a) {
-      s(this, u, a);
+      s(this, m, a);
     }
     /** Coach service property ids, which are used to display the services in the navigation */
     get propertyIds() {
-      return l(this, m);
+      return l(this, f);
     }
     set propertyIds(a) {
-      s(this, m, a);
+      s(this, f, a);
     }
     /* pre-selected Coach index property */
     get selected() {
-      return l(this, f);
+      return l(this, p);
     }
     set selected(a) {
-      s(this, f, a);
+      s(this, p, a);
     }
     /* focus Coach index property */
     get focused() {
-      return l(this, p);
+      return l(this, y);
     }
     set focused(a) {
-      s(this, p, a);
+      s(this, y, a);
     }
     get index() {
       return l(this, x);
@@ -66,47 +67,54 @@ let $t = (() => {
     set index(a) {
       s(this, x, a);
     }
+    /** 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);
+    }
     /** Travel class of the coach */
     get travelClass() {
-      return l(this, y);
+      return l(this, C);
     }
     set travelClass(a) {
-      s(this, y, a);
+      s(this, C, a);
     }
     /** If the coach is a driver/restricted area */
     get driverArea() {
-      return l(this, I);
+      return l(this, k);
     }
     set driverArea(a) {
-      s(this, I, a);
+      s(this, k, a);
     }
     /** If the coach is the first in the navigation */
     get first() {
-      return l(this, C);
+      return l(this, A);
     }
     set first(a) {
-      s(this, C, a);
+      s(this, A, a);
     }
     /** If the coach is the last in the navigation */
     get last() {
-      return l(this, k);
+      return l(this, S);
     }
     set last(a) {
-      s(this, k, a);
+      s(this, S, a);
     }
     /** Disable the coach navigation */
     get disable() {
-      return l(this, A);
+      return l(this, w);
     }
     set disable(a) {
-      s(this, A, a);
+      s(this, w, a);
     }
     /** If the coach navigation should be displayed vertically */
     get vertical() {
-      return l(this, S);
+      return l(this, B);
     }
     set vertical(a) {
-      s(this, S, a);
+      s(this, B, a);
     }
     willUpdate(a) {
       if (super.willUpdate(a), a.has("selected")) {
@@ -126,9 +134,9 @@ let $t = (() => {
      * @protected
      */
     render() {
-      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, pt), g`
+      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, Ct), g`
       <div
-        class="${dt({
+        class="${gt({
         "sbb-sr-navigation__item-coach": !0,
         "last-coach": this.last,
         "first-coach": this.first,
@@ -149,7 +157,7 @@ let $t = (() => {
       return g` <button
         type="button"
         ?disabled="${this.disable}"
-        class="${dt({
+        class="${gt({
         "sbb-sr-navigation__ctrl-button": !0,
         "sbb-sr-navigation-driver-area": this.driverArea
       })}"
@@ -182,19 +190,20 @@ let $t = (() => {
     }
     _getTitleDescriptionNavCoachButton(a) {
       if (this.driverArea)
-        return w("NAVIGATE_COACH_BLOCKED", this._language.current, [
+        return u("NAVIGATE_COACH_BLOCKED", this._language.current, [
           this.coachId
         ]);
-      let t = w("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
+      let t = u("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
       if (a) {
-        const vt = w(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ht = w("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [vt]);
-        t = t.concat(ht);
+        const ut = u(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), mt = u("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [ut]);
+        t = t.concat(mt);
       }
-      return t;
+      const e = u("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
+      return t = t.concat(". ").concat(e), t;
     }
     _getAriaDescriptionCoachServices() {
       let a = null;
-      return this.propertyIds.length && (a = w("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((t) => w(t, this._language.current)).join()), a;
+      return this.propertyIds.length && (a = u("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((t) => u(t, this._language.current)).join()), a;
     }
     /**
      * emits the index of the coach array for the main navigation.
@@ -211,36 +220,38 @@ let $t = (() => {
     _getCoachServiceClassNumber() {
       return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
     }
-  }, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), I = new WeakMap(), C = new WeakMap(), k = new WeakMap(), A = new WeakMap(), S = new WeakMap(), h = r, (() => {
+  }, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), y = new WeakMap(), x = new WeakMap(), I = new WeakMap(), C = new WeakMap(), k = new WeakMap(), A = new WeakMap(), S = new WeakMap(), w = new WeakMap(), B = new WeakMap(), h = r, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    B = [_(), v({ attribute: "coach-id" })], T = [v({ attribute: "property-ids", type: Array })], O = [_(), v({ type: Boolean })], j = [_(), v({ type: Boolean })], K = [_(), v({ type: Number })], F = [v({ attribute: "travel-class", type: Array })], P = [_(), v({ attribute: "driver-area", type: Boolean })], Q = [_(), v({ type: Boolean })], tt = [_(), v({ type: Boolean })], st = [_(), v({ attribute: "disable", type: Boolean })], ot = [_(), v({ type: Boolean })], d(r, null, B, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
+    T = [_(), v({ attribute: "coach-id" })], O = [v({ attribute: "property-ids", type: Array })], D = [_(), v({ type: Boolean })], j = [_(), v({ type: Boolean })], F = [_(), v({ type: Number })], M = [v({ attribute: "free-places-by-type", type: Object })], X = [v({ attribute: "travel-class", type: Array })], W = [_(), v({ attribute: "driver-area", type: Boolean })], at = [_(), v({ type: Boolean })], it = [_(), v({ type: Boolean })], nt = [_(), v({ attribute: "disable", type: Boolean })], bt = [_(), v({ type: Boolean })], d(r, null, T, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
       t.coachId = e;
-    } }, metadata: a }, $, N), d(r, null, T, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
+    } }, metadata: a }, N, $), d(r, null, O, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
       t.propertyIds = e;
-    } }, metadata: a }, D, R), d(r, null, O, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
+    } }, metadata: a }, P, R), d(r, null, D, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
       t.selected = e;
     } }, metadata: a }, L, V), d(r, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
       t.focused = e;
-    } }, metadata: a }, H, G), d(r, null, K, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
+    } }, metadata: a }, H, U), d(r, null, F, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
       t.index = e;
-    } }, metadata: a }, U, q), d(r, null, F, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
+    } }, metadata: a }, G, K), d(r, null, M, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (t) => "freePlacesByType" in t, get: (t) => t.freePlacesByType, set: (t, e) => {
+      t.freePlacesByType = e;
+    } }, metadata: a }, q, Y), d(r, null, X, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
       t.travelClass = e;
-    } }, metadata: a }, M, Y), d(r, null, P, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
+    } }, metadata: a }, J, Q), d(r, null, W, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
       t.driverArea = e;
-    } }, metadata: a }, X, J), d(r, null, Q, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
+    } }, metadata: a }, Z, tt), d(r, null, at, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
       t.first = e;
-    } }, metadata: a }, W, Z), d(r, null, tt, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
+    } }, metadata: a }, et, st), d(r, null, it, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
       t.last = e;
-    } }, metadata: a }, at, et), d(r, null, st, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
+    } }, metadata: a }, rt, ot), d(r, null, nt, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
       t.disable = e;
-    } }, metadata: a }, it, rt), d(r, null, ot, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
+    } }, metadata: a }, ct, lt), d(r, null, bt, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
       t.vertical = e;
-    } }, metadata: a }, nt, ct), d(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 });
-  })(), r.styles = ft, r.events = {
+    } }, metadata: a }, dt, vt), d(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 });
+  })(), r.styles = It, r.events = {
     selectcoach: "selectcoach",
     focuscoach: "focuscoach"
   }, i(h, c), h;
 })();
 export {
-  $t as SbbSeatReservationNavigationCoachElement
+  Rt as SbbSeatReservationNavigationCoachElement
 };

package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInG,OAAO,KAAK,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,gCAAgC,CAAC;AAIxC;;GAEG;AACH,qBAEM,qCAAsC,SAAQ,oBAAoB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,SAAS,CAAU;IAE9C,6DAA6D;IAC7D,SAEgB,KAAK,EAAE,UAAU,CAAU;IAE3C,sEAAsE;IACtE,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,yCAAyC;IACzC,SAEgB,QAAQ,EAAE,MAAM,CAAK;IAErC,kDAAkD;IAClD,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,mDAAmD;IACnD,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,qDAAqD;IACrD,SAEgB,YAAY,EAAE,MAAM,CAAK;IAEzC,8DAA8D;IAC9D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,OAAO,CAAC,SAAS,CAAmC;;cAOjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cA4BzD,MAAM,IAAI,cAAc;IAkC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAejC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA0BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}
+{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInG,OAAO,KAAK,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,gCAAgC,CAAC;AAIxC;;GAEG;AACH,qBAEM,qCAAsC,SAAQ,oBAAoB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,SAAS,CAAU;IAE9C,6DAA6D;IAC7D,SAEgB,KAAK,EAAE,UAAU,CAAU;IAE3C,sEAAsE;IACtE,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,yCAAyC;IACzC,SAEgB,QAAQ,EAAE,MAAM,CAAK;IAErC,kDAAkD;IAClD,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,mDAAmD;IACnD,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,qDAAqD;IACrD,SAEgB,YAAY,EAAE,MAAM,CAAK;IAEzC,8DAA8D;IAC9D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,OAAO,CAAC,SAAS,CAAmC;;cAOjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cA4BzD,MAAM,IAAI,cAAc;IAkC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAejC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA2BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}