@sbb-esta/lyne-elements-experimental 2.11.1 → 2.11.2

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

@@ -1,81 +1,80 @@
-var q = (i) => {
-  throw TypeError(i);
+var F = (s) => {
+  throw TypeError(s);
 };
-var H = (i, r, a) => r.has(i) || q("Cannot " + a);
-var g = (i, r, a) => (H(i, r, "read from private field"), a ? a.call(i) : r.get(i)), b = (i, r, a) => r.has(i) ? q("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, a), o = (i, r, a, c) => (H(i, r, "write to private field"), c ? c.call(i, a) : r.set(i, a), a);
-import { __runInitializers as h, __esDecorate as m } from "tslib";
-import { SbbLanguageController as J } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as w } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as K, LitElement as O, html as z } from "lit";
-import { customElement as Q, property as y } from "lit/decorators.js";
-import { classMap as V } from "lit/directives/class-map.js";
-import { mapIconToSvg as W, getI18nSeatReservation as X } from "../common.js";
+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";
+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 { 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 Y = K`*,: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}}`;
-let ct = (() => {
-  var v, p, _, d, u, f, n;
-  let i = [Q("sbb-seat-reservation-graphic")], r, a = [], c, R = O, x, S = [], I = [], N, $ = [], k = [], E, D = [], C = [], L, T = [], A = [], M, P = [], U = [], B, F = [], G = [];
-  return n = class extends R {
+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}}`;
+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 {
     constructor() {
       super(...arguments);
-      b(this, v);
-      b(this, p);
-      b(this, _);
-      b(this, d);
-      b(this, u);
-      b(this, f);
-      o(this, v, h(this, S, "")), o(this, p, (h(this, I), h(this, $, !1))), o(this, _, (h(this, k), h(this, D, 0))), o(this, d, (h(this, C), h(this, T, 0))), o(this, u, (h(this, A), h(this, P, null))), o(this, f, (h(this, U), h(this, F, null))), this._language = (h(this, G), new J(this));
+      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));
     }
     /** Name of the SVG graphic to be displayed. */
     get name() {
-      return g(this, v);
+      return l(this, m);
     }
     set name(t) {
-      o(this, v, t);
+      o(this, m, t);
     }
     /** if true, scale the graphic content of the given element non-uniformly if necessary */
     get stretch() {
-      return g(this, p);
+      return l(this, v);
     }
     set stretch(t) {
-      o(this, p, t);
+      o(this, v, t);
     }
     /** handles the rotation of the SVG graphic */
     get rotation() {
-      return g(this, _);
+      return l(this, p);
     }
     set rotation(t) {
-      o(this, _, t);
+      o(this, p, t);
     }
     /** Inverse rotation for part of an SVG that can be rotated opposite to the normal rotation */
     get inverseRotation() {
-      return g(this, d);
+      return l(this, _);
     }
     set inverseRotation(t) {
-      o(this, d, t);
+      o(this, _, t);
     }
     /** width of the svg in pixels (without unit) */
     get width() {
-      return g(this, u);
+      return l(this, d);
     }
     set width(t) {
-      o(this, u, t);
+      o(this, d, t);
     }
     /** height of the svg in pixels (without unit) */
     get height() {
-      return g(this, f);
+      return l(this, u);
     }
     set height(t) {
-      o(this, f, t);
+      o(this, u, t);
     }
     willUpdate(t) {
-      var e, s, l, j;
-      super.willUpdate(t), t.has("width") && this.width && ((e = this.style) == null || e.setProperty("--sbb-reservation-graphic-width", `${this.width}`)), t.has("height") && this.height && ((s = this.style) == null || s.setProperty("--sbb-reservation-graphic-height", `${this.height}`)), t.has("rotation") && ((l = this.style) == null || l.setProperty("--sbb-reservation-graphic-rotation", `${this.rotation}`)), t.has("inverseRotation") && ((j = this.style) == null || j.setProperty("--sbb-reservation-graphic-inverse-rotation", `${this.inverseRotation}`));
+      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}`);
     }
     render() {
-      const t = W[this.name];
-      return !(t != null && t.svg) && !(t != null && t.svgName) ? null : z`<span
-      class="${V({
+      const t = V[this.name];
+      return !t?.svg && !t?.svgName ? null : z`<span
+      class="${Q({
         "sbb-sr-icon": !!t.svgName,
         "sbb-sr-graphic": !!t.svg
       })}"
@@ -83,31 +82,31 @@ let ct = (() => {
       ${t.svgName ? z` <sbb-icon
             name="${t.svgName || ""}"
             aria-hidden="false"
-            aria-label="${X(t.svgName, this._language.current)}"
+            aria-label="${W(t.svgName, this._language.current)}"
           ></sbb-icon>` : z`${this._getSvgElement(t.svg)}`}
     </span>`;
     }
     _getSvgElement(t) {
-      const e = new DOMParser(), s = t || "<svg></svg>", l = e.parseFromString(s, "image/svg+xml").firstElementChild;
-      return this.stretch && (l == null ? void 0 : l.nodeName.toLowerCase()) === "svg" && l.setAttribute("preserveAspectRatio", "none"), l;
+      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(), p = new WeakMap(), _ = new WeakMap(), d = new WeakMap(), u = new WeakMap(), f = new WeakMap(), c = n, (() => {
+  }, 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 = [w(), y({ attribute: "name" })], N = [w(), y({ attribute: "stretch", type: Boolean })], E = [w(), y({ attribute: "rotation", type: Number })], L = [w(), y({ attribute: "inverse-roration", type: Number })], M = [w(), y({ attribute: "width", type: Number })], B = [w(), y({ attribute: "height", type: Number })], m(n, null, x, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, get: (e) => e.name, set: (e, s) => {
-      e.name = s;
-    } }, metadata: t }, S, I), m(n, null, N, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (e) => "stretch" in e, get: (e) => e.stretch, set: (e, s) => {
-      e.stretch = s;
-    } }, metadata: t }, $, k), m(n, null, E, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (e) => "rotation" in e, get: (e) => e.rotation, set: (e, s) => {
-      e.rotation = s;
-    } }, metadata: t }, D, C), m(n, null, L, { kind: "accessor", name: "inverseRotation", static: !1, private: !1, access: { has: (e) => "inverseRotation" in e, get: (e) => e.inverseRotation, set: (e, s) => {
-      e.inverseRotation = s;
-    } }, metadata: t }, T, A), m(n, null, M, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (e) => "width" in e, get: (e) => e.width, set: (e, s) => {
-      e.width = s;
-    } }, metadata: t }, P, U), m(n, null, B, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (e) => "height" in e, get: (e) => e.height, set: (e, s) => {
-      e.height = s;
-    } }, metadata: t }, F, G), m(null, r = { value: c }, i, { kind: "class", name: c.name, metadata: t }, null, a), c = r.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = Y, h(c, a), c;
+    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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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) => {
+      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 });
+  })(), a.styles = X, h(c, r), c;
 })();
 export {
-  ct as SbbSeatReservationGraphicElement
+  ht as SbbSeatReservationGraphicElement
 };

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

@@ -1,25 +1,26 @@
-var dt = (o) => {
+var bt = (o) => {
   throw TypeError(o);
 };
-var vt = (o, n, c) => n.has(o) || dt("Cannot " + c);
-var l = (o, n, c) => (vt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? dt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (vt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
+var dt = (o, n, c) => n.has(o) || bt("Cannot " + c);
+var l = (o, n, c) => (dt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? bt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (dt(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 ut } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { EventEmitter as ht } from "@sbb-esta/lyne-elements/core/eventing.js";
-import { css as mt, LitElement as ft, nothing as z, html as u } from "lit";
+import { EventEmitter as vt } from "@sbb-esta/lyne-elements/core/eventing.js";
+import { css as mt, LitElement as ft, nothing as E, html as g } from "lit";
 import { customElement as pt, property as v } from "lit/decorators.js";
-import { classMap as _t } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as E } from "../../common/translations.js";
+import { classMap as ht } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as w } from "../../common/translations.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-navigation-services.js";
 const xt = mt`*,: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}`, yt = 3;
 let Rt = (() => {
-  var m, f, p, x, y, C, I, k, S, A, w, r;
-  let o = [pt("sbb-seat-reservation-navigation-coach")], n, c = [], h, B = ft, $, T = [], R = [], D, 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, lt = [], bt = [];
-  var N = (r = class extends B {
+  var u, m, f, p, x, y, C, I, k, S, A, r;
+  let o = [pt("sbb-seat-reservation-navigation-coach")], n, c = [], h, N = ft, B, $ = [], T = [], R, D = [], 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 = [], lt = [];
+  var z = (r = class extends N {
     constructor() {
       super(...arguments);
+      b(this, u);
       b(this, m);
       b(this, f);
       b(this, p);
@@ -30,94 +31,92 @@ let Rt = (() => {
       b(this, k);
       b(this, S);
       b(this, A);
-      b(this, w);
-      s(this, m, i(this, T, "")), s(this, f, (i(this, R), i(this, O, []))), s(this, p, (i(this, L), i(this, j, !1))), s(this, x, (i(this, H), i(this, K, !1))), s(this, y, (i(this, U), i(this, F, 0))), s(this, C, (i(this, M), i(this, P, ["ANY_CLASS"]))), s(this, I, (i(this, X), i(this, Q, !1))), s(this, k, (i(this, W), i(this, tt, !1))), s(this, S, (i(this, at), i(this, st, !1))), s(this, A, (i(this, it), i(this, ot, !1))), s(this, w, (i(this, nt), i(this, lt, !1))), this._language = (i(this, bt), new ut(this)), this.selectNavCoach = new ht(this, N.events.selectCoach), this.focusNavCoach = new ht(this, N.events.focusCoach);
+      s(this, u, i(this, $, "")), s(this, m, (i(this, T), i(this, D, []))), s(this, f, (i(this, O), i(this, V, !1))), s(this, p, (i(this, j), i(this, G, !1))), s(this, x, (i(this, K), i(this, q, 0))), s(this, y, (i(this, F), i(this, Y, ["ANY_CLASS"]))), s(this, C, (i(this, P), i(this, J, !1))), s(this, I, (i(this, Q), i(this, Z, !1))), s(this, k, (i(this, tt), i(this, et, !1))), s(this, S, (i(this, st), i(this, rt, !1))), s(this, A, (i(this, ot), i(this, ct, !1))), this._language = (i(this, lt), new ut(this)), this.selectNavCoach = new vt(this, z.events.selectCoach), this.focusNavCoach = new vt(this, z.events.focusCoach);
     }
     /** Coach ID, which is used to identify the coach in the navigation */
     get coachId() {
-      return l(this, m);
+      return l(this, u);
     }
     set coachId(a) {
-      s(this, m, a);
+      s(this, u, a);
     }
     /** Coach service property ids, which are used to display the services in the navigation */
     get propertyIds() {
-      return l(this, f);
+      return l(this, m);
     }
     set propertyIds(a) {
-      s(this, f, a);
+      s(this, m, a);
     }
     /* pre-selected Coach index property */
     get selected() {
-      return l(this, p);
+      return l(this, f);
     }
     set selected(a) {
-      s(this, p, a);
+      s(this, f, a);
     }
     /* focus Coach index property */
     get focused() {
-      return l(this, x);
+      return l(this, p);
     }
     set focused(a) {
-      s(this, x, a);
+      s(this, p, a);
     }
     get index() {
-      return l(this, y);
+      return l(this, x);
     }
     set index(a) {
-      s(this, y, a);
+      s(this, x, a);
     }
     /** Travel class of the coach */
     get travelClass() {
-      return l(this, C);
+      return l(this, y);
     }
     set travelClass(a) {
-      s(this, C, a);
+      s(this, y, a);
     }
     /** If the coach is a driver/restricted area */
     get driverArea() {
-      return l(this, I);
+      return l(this, C);
     }
     set driverArea(a) {
-      s(this, I, a);
+      s(this, C, a);
     }
     /** If the coach is the first in the navigation */
     get first() {
-      return l(this, k);
+      return l(this, I);
     }
     set first(a) {
-      s(this, k, a);
+      s(this, I, a);
     }
     /** If the coach is the last in the navigation */
     get last() {
-      return l(this, S);
+      return l(this, k);
     }
     set last(a) {
-      s(this, S, a);
+      s(this, k, a);
     }
     /** Disable the coach navigation */
     get disable() {
-      return l(this, A);
+      return l(this, S);
     }
     set disable(a) {
-      s(this, A, a);
+      s(this, S, a);
     }
     /** If the coach navigation should be displayed vertically */
     get vertical() {
-      return l(this, w);
+      return l(this, A);
     }
     set vertical(a) {
-      s(this, w, a);
+      s(this, A, a);
     }
     willUpdate(a) {
-      var t, e;
       if (super.willUpdate(a), a.has("selected")) {
-        const g = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".sbb-sr-navigation__ctrl-button");
-        this.selected && g && (g.focus(), this.focusNavCoach.emit());
+        const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+        this.selected && t && (t.focus(), this.focusNavCoach.emit());
       }
       if (a.has("focused") && this.focused) {
-        const g = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".sbb-sr-navigation__ctrl-button");
-        g && g.focus();
+        const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
+        t && t.focus();
       }
     }
     /**
@@ -128,10 +127,9 @@ let Rt = (() => {
      * @protected
      */
     render() {
-      var a;
-      return this.propertyIds = this.propertyIds.filter((t) => t !== "ANY_SEAT").slice(0, yt), u`
+      return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, yt), g`
       <div
-        class="${_t({
+        class="${ht({
         "sbb-sr-navigation__item-coach": !0,
         "last-coach": this.last,
         "first-coach": this.first,
@@ -140,19 +138,19 @@ let Rt = (() => {
       })}"
       >
         ${this._getNavigationButton()}
-        ${(a = this.propertyIds) != null && a.length ? u`<sbb-seat-reservation-navigation-services
+        ${this.propertyIds?.length ? g`<sbb-seat-reservation-navigation-services
               ?vertical="${this.vertical}"
               .propertyIds="${this.propertyIds}"
-            ></sbb-seat-reservation-navigation-services>` : z}
+            ></sbb-seat-reservation-navigation-services>` : E}
       </div>
     `;
     }
     _getNavigationButton() {
       const a = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(a), e = this._getAriaDescriptionCoachServices();
-      return u` <button
+      return g` <button
         type="button"
         ?disabled="${this.disable}"
-        class="${_t({
+        class="${ht({
         "sbb-sr-navigation__ctrl-button": !0,
         "sbb-sr-navigation-driver-area": this.driverArea
       })}"
@@ -167,38 +165,37 @@ let Rt = (() => {
       >`;
     }
     _getBtnInformation(a) {
-      var t;
-      return this.driverArea ? null : u`
-      ${a === 1 ? u`<span class="sbb-sr-navigation--first-class"></span>` : z}
-      ${((t = this.travelClass) == null ? void 0 : t.length) > 0 || this.coachId ? u`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachId ? u`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+      return this.driverArea ? null : g`
+      ${a === 1 ? g`<span class="sbb-sr-navigation--first-class"></span>` : E}
+      ${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>` : z}
+                </div>` : E}
             <div
-              ${a ?? z}
+              ${a ?? E}
               class="sbb-sr-navigation__item-coach-travelclass"
               aria-hidden="true"
             >
               ${a}
             </div>
-          </div>` : z}
+          </div>` : E}
     `;
     }
     _getTitleDescriptionNavCoachButton(a) {
       if (this.driverArea)
-        return E("NAVIGATE_COACH_BLOCKED", this._language.current, [
+        return w("NAVIGATE_COACH_BLOCKED", this._language.current, [
           this.coachId
         ]);
-      let t = E("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
+      let t = w("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
       if (a) {
-        const g = E(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), gt = E("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [g]);
+        const _t = w(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), gt = w("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [_t]);
         t = t.concat(gt);
       }
       return t;
     }
     _getAriaDescriptionCoachServices() {
       let a = null;
-      return this.propertyIds.length && (a = E("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((t) => E(t, this._language.current)).join()), a;
+      return this.propertyIds.length && (a = w("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((t) => w(t, this._language.current)).join()), a;
     }
     /**
      * emits the index of the coach array for the main navigation.
@@ -209,39 +206,38 @@ let Rt = (() => {
       this.driverArea || this.selectNavCoach.emit(a);
     }
     _getCoachServiceClassNumber() {
-      var a, t;
-      return (a = this.travelClass) != null && a.includes("FIRST") ? 1 : (t = this.travelClass) != null && t.includes("SECOND") ? 2 : null;
+      return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
     }
-  }, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), C = new WeakMap(), I = new WeakMap(), k = new WeakMap(), S = new WeakMap(), A = new WeakMap(), w = new WeakMap(), h = r, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(B[Symbol.metadata] ?? null) : void 0;
-    $ = [_(), v({ attribute: "coach-id" })], D = [v({ attribute: "property-ids", type: Array })], V = [_(), v({ type: Boolean })], G = [_(), v({ type: Boolean })], q = [_(), v({ type: Number })], Y = [v({ attribute: "travel-class", type: Array })], J = [_(), v({ attribute: "driver-area", type: Boolean })], Z = [_(), v({ type: Boolean })], et = [_(), v({ type: Boolean })], rt = [_(), v({ attribute: "disable", type: Boolean })], ct = [_(), v({ type: Boolean })], d(r, null, $, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
+  }, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), C = new WeakMap(), I = new WeakMap(), k = new WeakMap(), S = new WeakMap(), A = new WeakMap(), h = r, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(N[Symbol.metadata] ?? null) : void 0;
+    B = [_(), v({ attribute: "coach-id" })], R = [v({ attribute: "property-ids", type: Array })], L = [_(), v({ type: Boolean })], H = [_(), v({ type: Boolean })], U = [_(), v({ type: Number })], M = [v({ attribute: "travel-class", type: Array })], X = [_(), v({ attribute: "driver-area", type: Boolean })], W = [_(), v({ type: Boolean })], at = [_(), v({ type: Boolean })], it = [_(), v({ attribute: "disable", type: Boolean })], nt = [_(), 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.coachId = e;
-    } }, metadata: a }, T, R), d(r, null, D, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
+    } }, metadata: a }, $, T), d(r, null, R, { 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 }, O, L), d(r, null, V, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
+    } }, metadata: a }, D, O), d(r, null, L, { 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 }, j, H), d(r, null, G, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
+    } }, metadata: a }, V, j), d(r, null, H, { 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 }, K, U), d(r, null, q, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
+    } }, metadata: a }, G, K), d(r, null, U, { 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 }, F, M), d(r, null, Y, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
+    } }, metadata: a }, q, F), d(r, null, M, { 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 }, P, X), d(r, null, J, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
+    } }, metadata: a }, Y, P), d(r, null, X, { 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 }, Q, W), d(r, null, Z, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
+    } }, metadata: a }, J, Q), d(r, null, W, { 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 }, tt, at), d(r, null, et, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
+    } }, metadata: a }, Z, tt), d(r, null, at, { 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 }, st, it), d(r, null, rt, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
+    } }, metadata: a }, et, st), d(r, null, it, { 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 }, ot, nt), d(r, null, ct, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
+    } }, metadata: a }, rt, ot), d(r, null, nt, { 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 }, lt, bt), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), N = h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+    } }, metadata: a }, ct, lt), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), z = h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
   })(), r.styles = xt, r.events = {
     selectCoach: "selectCoach",
     focusCoach: "focusCoach"
   }, i(h, c), r);
-  return N = h;
+  return z = h;
 })();
 export {
   Rt as SbbSeatReservationNavigationCoachElement

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

@@ -14,9 +14,9 @@ import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../../seat-reservation-graphic.js";
 const O = A`*,:before,:after{box-sizing:border-box}.sbb-sr-navigation__signs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-color-granite)}.sbb-sr-navigation__signs--vertical{align-content:center;height:100%}`;
 let J = (() => {
-  var o, c, n;
+  var o, c, l;
   let e = [C("sbb-seat-reservation-navigation-services")], s, a = [], i, u = j, v, h = [], y = [], f, I = [], S = [];
-  return n = class extends u {
+  return l = class extends u {
     constructor() {
       super(...arguments);
       d(this, o);
@@ -38,7 +38,6 @@ let J = (() => {
       p(this, c, r);
     }
     render() {
-      var t;
       const r = this.propertyIds.length ? this._getServiceLabelDescription() : null;
       return E` <div
       class="${k({
@@ -49,12 +48,12 @@ let J = (() => {
       <sbb-screen-reader-only ${r || z}
         >${r}</sbb-screen-reader-only
       >
-      ${(t = this.propertyIds) == null ? void 0 : t.map((l) => E`
+      ${this.propertyIds?.map((t) => E`
           <sbb-seat-reservation-graphic
-            name=${l ?? z}
+            name=${t ?? z}
             width="20"
             height="20"
-            title=${m(l, this._language.current)}
+            title=${m(t, this._language.current)}
             aria-hidden="true"
           ></sbb-seat-reservation-graphic>
         `)}
@@ -63,17 +62,17 @@ let J = (() => {
     //Generate the translated service label from the available properties
     _getServiceLabelDescription() {
       let r = null;
-      const t = this.propertyIds.map((l) => m(l, this._language.current)).filter((l) => !!l).join(", ");
+      const t = this.propertyIds.map((n) => m(n, this._language.current)).filter((n) => !!n).join(", ");
       return t && (r = m("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), r;
     }
-  }, o = new WeakMap(), c = new WeakMap(), i = n, (() => {
+  }, o = new WeakMap(), c = new WeakMap(), i = l, (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    v = [D({ attribute: "property-ids", type: Array })], f = [w(), D({ type: Boolean })], g(n, null, v, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, l) => {
-      t.propertyIds = l;
-    } }, metadata: r }, h, y), g(n, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, l) => {
-      t.vertical = l;
+    v = [D({ attribute: "property-ids", type: Array })], f = [w(), D({ type: Boolean })], g(l, null, v, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, n) => {
+      t.propertyIds = n;
+    } }, metadata: r }, h, y), g(l, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, n) => {
+      t.vertical = n;
     } }, metadata: r }, I, S), g(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), n.styles = O, b(i, a), i;
+  })(), l.styles = O, b(i, a), i;
 })();
 export {
   J as SbbSeatReservationNavigationServicesElement