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

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

@@ -1,27 +1,27 @@
-var N = (s) => {
+var J = (s) => {
   throw TypeError(s);
 };
-var Q = (s, a, n) => a.has(s) || N("Cannot " + n);
-var o = (s, a, n) => (Q(s, a, "read from private field"), n ? n.call(s) : a.get(s)), h = (s, a, n) => a.has(s) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, n), d = (s, a, n, c) => (Q(s, a, "write to private field"), c ? c.call(s, n) : a.set(s, n), n);
-import { __esDecorate as _, __runInitializers as r } from "tslib";
+var K = (s, i, l) => i.has(s) || J("Cannot " + l);
+var o = (s, i, l) => (K(s, i, "read from private field"), l ? l.call(s) : i.get(s)), h = (s, i, l) => i.has(s) ? J("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), d = (s, i, l, c) => (K(s, i, "write to private field"), c ? c.call(s, l) : i.set(s, l), l);
+import { __esDecorate as _, __runInitializers as a } from "tslib";
 import { forceType as p } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as W, LitElement as X, html as V } from "lit";
-import { customElement as Y, property as b } from "lit/decorators.js";
-const Z = W`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
-let lt = (() => {
-  var I, u, m, g, z, f, S, l;
-  let s = [Y("sbb-seat-reservation-scoped")], a, n = [], c, v = X, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
-  return l = class extends v {
+import { css as N, LitElement as Q, html as M } from "lit";
+import { customElement as V, property as b } from "lit/decorators.js";
+const W = N`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
+let it = (() => {
+  var I, u, m, g, z, f, S, r;
+  let s = [V("sbb-seat-reservation-scoped")], i, l = [], c, v = Q, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
+  return r = class extends v {
     constructor() {
       super(...arguments);
-      h(this, I, r(this, k, ""));
-      h(this, u, (r(this, y), r(this, B, "")));
-      h(this, m, (r(this, C), r(this, E, "")));
-      h(this, g, (r(this, D), r(this, O, "")));
-      h(this, z, (r(this, T), r(this, L, "")));
-      h(this, f, (r(this, P), r(this, q, "")));
-      h(this, S, (r(this, A), r(this, G, "")));
-      r(this, H);
+      h(this, I, a(this, k, ""));
+      h(this, u, (a(this, y), a(this, B, "")));
+      h(this, m, (a(this, C), a(this, E, "")));
+      h(this, g, (a(this, D), a(this, O, "")));
+      h(this, z, (a(this, T), a(this, L, "")));
+      h(this, f, (a(this, P), a(this, q, "")));
+      h(this, S, (a(this, A), a(this, G, "")));
+      a(this, H);
     }
     /** Inset block start in pixels (without unit) */
     get insetBlockStart() {
@@ -73,35 +73,34 @@ let lt = (() => {
       d(this, S, e);
     }
     willUpdate(e) {
-      var t, i, J, K, M;
-      super.willUpdate(e), e.has("width") && ((t = this.style) == null || t.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`)), e.has("height") && ((i = this.style) == null || i.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`)), e.has("insetBlockStart") && ((J = this.style) == null || J.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`)), e.has("insetInlineStart") && ((K = this.style) == null || K.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`)), e.has("zIndex") && ((M = this.style) == null || M.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`));
+      super.willUpdate(e), e.has("width") && this.style?.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`), e.has("height") && this.style?.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`), e.has("insetBlockStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`), e.has("insetInlineStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`), e.has("zIndex") && this.style?.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`);
     }
     render() {
-      return this.cellId ? V`<td id="${this.cellId}" class="${this.scopedClasses}">
+      return this.cellId ? M`<td id="${this.cellId}" class="${this.scopedClasses}">
         <slot></slot>
-      </td>` : V`<div class="${this.scopedClasses}">
+      </td>` : M`<div class="${this.scopedClasses}">
         <slot></slot>
       </div>`;
     }
-  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = l, (() => {
+  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = r, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(l, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, i) => {
-      t.insetBlockStart = i;
-    } }, metadata: e }, k, y), _(l, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, i) => {
-      t.insetInlineStart = i;
-    } }, metadata: e }, B, C), _(l, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, i) => {
-      t.width = i;
-    } }, metadata: e }, E, D), _(l, null, j, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, i) => {
-      t.height = i;
-    } }, metadata: e }, O, T), _(l, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, i) => {
-      t.zIndex = i;
-    } }, metadata: e }, L, P), _(l, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, i) => {
-      t.cellId = i;
-    } }, metadata: e }, q, A), _(l, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, i) => {
-      t.scopedClasses = i;
-    } }, metadata: e }, G, H), _(null, a = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, n), c = a.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = Z, r(c, n), c;
+    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(r, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, n) => {
+      t.insetBlockStart = n;
+    } }, metadata: e }, k, y), _(r, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, n) => {
+      t.insetInlineStart = n;
+    } }, metadata: e }, B, C), _(r, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, n) => {
+      t.width = n;
+    } }, metadata: e }, E, D), _(r, null, j, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, n) => {
+      t.height = n;
+    } }, metadata: e }, O, T), _(r, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, n) => {
+      t.zIndex = n;
+    } }, metadata: e }, L, P), _(r, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, n) => {
+      t.cellId = n;
+    } }, metadata: e }, q, A), _(r, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, n) => {
+      t.scopedClasses = n;
+    } }, metadata: e }, G, H), _(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, l), c = i.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = W, a(c, l), c;
 })();
 export {
-  lt as SbbSeatReservationScopedElement
+  it as SbbSeatReservationScopedElement
 };

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

@@ -1,36 +1,36 @@
-var q = (n) => {
-  throw TypeError(n);
+var U = (r) => {
+  throw TypeError(r);
 };
-var K = (n, o, c) => o.has(n) || q("Cannot " + c);
-var R = (n, o, c) => (K(n, o, "read from private field"), c ? c.call(n) : o.get(n)), x = (n, o, c) => o.has(n) ? q("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(n) : o.set(n, c), b = (n, o, c, u) => (K(n, o, "write to private field"), u ? u.call(n, c) : o.set(n, c), c);
+var q = (r, o, l) => o.has(r) || U("Cannot " + l);
+var R = (r, o, l) => (q(r, o, "read from private field"), l ? l.call(r) : o.get(r)), x = (r, o, l) => o.has(r) ? U("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), b = (r, o, l, u) => (q(r, o, "write to private field"), u ? u.call(r, l) : o.set(r, l), l);
 import { __runInitializers as p, __esDecorate as S } from "tslib";
-import { SbbLanguageController as X } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { SbbLanguageController as K } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as P } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as J, html as h, nothing as A } from "lit";
-import { customElement as Y, property as y } from "lit/decorators.js";
-import { classMap as Q } from "lit/directives/class-map.js";
-import { styleMap as Z } from "lit/directives/style-map.js";
+import { css as X, html as d, nothing as A } from "lit";
+import { customElement as J, property as y } from "lit/decorators.js";
+import { classMap as Y } from "lit/directives/class-map.js";
+import { styleMap as Q } from "lit/directives/style-map.js";
 import { getI18nSeatReservation as _ } from "../common.js";
-import { SeatReservationBaseElement as ee } from "./seat-reservation-base-element.js";
+import { SeatReservationBaseElement as Z } from "./seat-reservation-base-element.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-area.js";
 import "../seat-reservation-graphic.js";
 import "../seat-reservation-place-control.js";
 import "../seat-reservation-navigation/seat-reservation-navigation-coach.js";
 import "./seat-reservation-scoped/seat-reservation-scoped.component.js";
-const te = J`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-vertical-offset: 0;display:block}:host ::part(coach-floor){fill:var(--sbb-color-white)}@media (forced-colors: active){:host ::part(coach-floor){fill:transparent}}.sbb-sr__wrapper--vertical{width:fit-content;position:relative;inset-inline-start:var(--sbb-seat-reservation-vertical-offset);rotate:90deg;transform-origin:top left}.sbb-sr__wrapper--vertical .sbb-sr__parent{overflow-y:hidden}.sbb-sr__wrapper--vertical .sbb-sr__list-coaches{width:100vw}.sbb-sr-navigation--vertical{inset-inline-start:var(--sbb-seat-reservation-vertical-offset);margin-inline-start:1.25rem;position:absolute}.sbb-sr-navigation--vertical .sbb-sr-navigation__list-coaches{flex-direction:column}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;justify-content:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x);min-height:3.75rem}.sbb-sr__parent{overflow-x:scroll;padding:3rem 0}.sbb-sr__list-coaches{display:flex;gap:.25rem;padding:0;margin:0;list-style:none}.sbb-sr__item-coach{padding:0;margin:0;position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
+const ee = X`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-vertical-offset: 0;display:block}:host ::part(coach-floor){fill:var(--sbb-color-white)}@media (forced-colors: active){:host ::part(coach-floor){fill:transparent}}.sbb-sr__wrapper--vertical{width:fit-content;position:relative;inset-inline-start:var(--sbb-seat-reservation-vertical-offset);rotate:90deg;transform-origin:top left}.sbb-sr__wrapper--vertical .sbb-sr__parent{overflow-y:hidden}.sbb-sr__wrapper--vertical .sbb-sr__list-coaches{width:100vw}.sbb-sr-navigation--vertical{inset-inline-start:var(--sbb-seat-reservation-vertical-offset);margin-inline-start:1.25rem;position:absolute}.sbb-sr-navigation--vertical .sbb-sr-navigation__list-coaches{flex-direction:column}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;justify-content:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x);min-height:3.75rem}.sbb-sr__parent{overflow-x:scroll;padding:3rem 0}.sbb-sr__list-coaches{display:flex;gap:.25rem;padding:0;margin:0;list-style:none}.sbb-sr__item-coach{padding:0;margin:0;position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
 let me = (() => {
-  var g, f, m, $, C, d;
-  let n = [Y("sbb-seat-reservation")], o, c = [], u, N = ee, T, z = [], O = [], k, D = [], G = [], I, V = [], E = [], B, L = [], F = [], M, H = [], W = [];
-  return d = class extends N {
+  var g, m, f, $, C, c;
+  let r = [J("sbb-seat-reservation")], o, l = [], u, N = Z, T, z = [], O = [], E, k = [], D = [], G, I = [], V = [], B, L = [], F = [], M, H = [], W = [];
+  return c = class extends N {
     constructor() {
       super(...arguments);
       x(this, g);
-      x(this, f);
       x(this, m);
+      x(this, f);
       x(this, $);
       x(this, C);
-      b(this, g, p(this, z, null)), b(this, f, (p(this, O), p(this, D, !0))), b(this, m, (p(this, G), p(this, V, !1))), b(this, $, (p(this, E), p(this, L, null))), b(this, C, (p(this, F), p(this, H, !1))), this._language = (p(this, W), new X(this)), this._notAreaElements = [
+      b(this, g, p(this, z, null)), b(this, m, (p(this, O), p(this, k, !0))), b(this, f, (p(this, D), p(this, I, !1))), b(this, $, (p(this, V), p(this, L, null))), b(this, C, (p(this, F), p(this, H, !1))), this._language = (p(this, W), new K(this)), this._notAreaElements = [
         "DRIVER_AREA_FULL",
         "COACH_PASSAGE",
         "COACH_WALL_NO_PASSAGE",
@@ -49,17 +49,17 @@ let me = (() => {
     }
     /** The seat reservation navigation can be toggled by this property */
     get hasNavigation() {
-      return R(this, f);
+      return R(this, m);
     }
     set hasNavigation(e) {
-      b(this, f, e);
+      b(this, m, e);
     }
     /** Controls the visual representation of seat reservation in a horizonal or vertical alignment */
     get alignVertical() {
-      return R(this, m);
+      return R(this, f);
     }
     set alignVertical(e) {
-      b(this, m, e);
+      b(this, f, e);
     }
     /** Maximal number of possible clickable seats */
     get maxReservations() {
@@ -76,8 +76,7 @@ let me = (() => {
       b(this, C, e);
     }
     willUpdate(e) {
-      var t, i;
-      super.willUpdate(e), e.has("hasNavigation") && (this.hasNavigation ? (t = this.shadowRoot) == null || t.querySelectorAll("table").forEach((s) => s.removeAttribute("tabindex")) : (i = this.shadowRoot) == null || i.querySelectorAll("table").forEach((s) => s.setAttribute("tabindex", "0")));
+      super.willUpdate(e), e.has("hasNavigation") && (this.hasNavigation ? this.shadowRoot?.querySelectorAll("table").forEach((t) => t.removeAttribute("tabindex")) : this.shadowRoot?.querySelectorAll("table").forEach((t) => t.setAttribute("tabindex", "0")));
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._componentSetup();
@@ -89,9 +88,8 @@ let me = (() => {
       this.initNavigationSelectionByScrollEvent();
     }
     _initVehicleSeatReservationConstruction() {
-      var i;
-      const e = JSON.parse(JSON.stringify((i = this.seatReservation) == null ? void 0 : i.coachItems)), t = this.alignVertical ? "sbb-sr__wrapper--vertical" : "";
-      this._coachesHtmlTemplate = h`
+      const e = JSON.parse(JSON.stringify(this.seatReservation?.coachItems)), t = this.alignVertical ? "sbb-sr__wrapper--vertical" : "";
+      this._coachesHtmlTemplate = d`
       <div>
         <sbb-screen-reader-only>
           <input
@@ -103,7 +101,7 @@ let me = (() => {
           />
         </sbb-screen-reader-only>
 
-        <div @keydown=${(s) => this.handleKeyboardEvent(s)}>
+        <div @keydown=${(i) => this.handleKeyboardEvent(i)}>
           ${this._renderNavigation()}
           <div class="sbb-sr__wrapper ${t}">
             <div id="sbb-sr__parent-area" class="sbb-sr__parent" tabindex="-1">
@@ -127,33 +125,29 @@ let me = (() => {
     `;
     }
     _renderNavigation() {
-      var e;
-      return this.hasNavigation ? h`
-      <nav class="${Q({ "sbb-sr-navigation--vertical": this.alignVertical })}">
+      return this.hasNavigation ? d`
+      <nav class="${Y({ "sbb-sr-navigation--vertical": this.alignVertical })}">
         <ul
           class="sbb-sr-navigation__list-coaches"
           aria-label="${_("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
         >
-          ${(e = this.seatReservation) == null ? void 0 : e.coachItems.map((t, i) => {
-        var s, a;
-        return h`<li>
+          ${this.seatReservation?.coachItems.map((e, t) => d`<li>
               <sbb-seat-reservation-navigation-coach
-                @selectCoach=${(r) => this._onSelectNavCoach(r)}
+                @selectCoach=${(i) => this._onSelectNavCoach(i)}
                 @focusCoach=${() => this._onFocusNavCoach()}
-                index="${i}"
-                coach-id="${t.id}"
-                .selected=${this.selectedCoachIndex === i}
-                .focused=${this.focusedCoachIndex === i}
-                .propertyIds="${t.propertyIds}"
-                .travelClass="${t.travelClass}"
-                ?driver-area="${!((s = t.places) != null && s.length)}"
-                ?first="${i === 0}"
-                ?last="${i === ((a = this.seatReservation) == null ? void 0 : a.coachItems.length) - 1}"
+                index="${t}"
+                coach-id="${e.id}"
+                .selected=${this.selectedCoachIndex === t}
+                .focused=${this.focusedCoachIndex === t}
+                .propertyIds="${e.propertyIds}"
+                .travelClass="${e.travelClass}"
+                ?driver-area="${!e.places?.length}"
+                ?first="${t === 0}"
+                ?last="${t === this.seatReservation?.coachItems.length - 1}"
                 ?vertical="${this.alignVertical}"
               >
               </sbb-seat-reservation-navigation-coach>
-            </li>`;
-      })}
+            </li>`)}
         </ul>
       </nav>
     ` : null;
@@ -164,13 +158,13 @@ let me = (() => {
      * @returns
      */
     _renderCoaches(e) {
-      return e ? e.map((t, i) => h`
+      return e ? e.map((t, i) => d`
         <li class="sbb-sr__item-coach">${this._renderCoachElement(t, i)}</li>
       `) : null;
     }
     _renderCoachElement(e, t) {
       const i = this.getCalculatedDimension(e.dimension), s = this._getDescriptionTableCoach(e);
-      return h` <sbb-seat-reservation-scoped
+      return d` <sbb-seat-reservation-scoped
       scoped-classes="coach-wrapper"
       height="${i.h}px"
       width="${i.w}px"
@@ -192,16 +186,16 @@ let me = (() => {
     </sbb-seat-reservation-scoped>`;
     }
     _getRenderedCoachBorders(e, t) {
-      const i = e.graphicElements, s = 1, a = i == null ? void 0 : i.find((v) => v.icon === "DRIVER_AREA_FULL"), r = a ? e.dimension.w - a.dimension.w - s : e.dimension.w - s * 2, l = t === 0 && a ? (a == null ? void 0 : a.dimension.w) * this.baseGridSize : this.baseGridSize;
-      return h`
+      const i = e.graphicElements, s = 1, a = i?.find((v) => v.icon === "DRIVER_AREA_FULL"), n = a ? e.dimension.w - a.dimension.w - s : e.dimension.w - s * 2, h = t === 0 && a ? a?.dimension.w * this.baseGridSize : this.baseGridSize;
+      return d`
       <sbb-seat-reservation-scoped
         scoped-classes="coach-border"
         inset-block-start="${this.coachBorderPadding * -1}px"
-        inset-inline-start="${l}px"
+        inset-inline-start="${h}px"
       >
         <sbb-seat-reservation-graphic
           name="COACH_BORDER_MIDDLE"
-          width=${r * this.baseGridSize}
+          width=${n * this.baseGridSize}
           height=${(e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize}
           ?stretch=${!0}
           role="presentation"
@@ -215,20 +209,20 @@ let me = (() => {
       const i = {};
       for (const s of e.places)
         i[s.position.y] ? i[s.position.y].push(s) : i[s.position.y] = [s];
-      return Object.values(i).map((s, a) => h`
+      return Object.values(i).map((s, a) => d`
           <tr id="row-${t}-${s[0].position.y}" data-row-index=${a}>
             ${this._getRenderedColumnPlaces(s, t)}
           </tr>
         `).flatMap((s) => s);
     }
     _getRenderedColumnPlaces(e, t) {
-      return e.sort((i, s) => Number(i.position.x) - Number(s.position.x)), e == null ? void 0 : e.map((i, s) => {
-        const a = this.getCalculatedDimension(i.dimension), r = this.getCalculatedPosition(i.position), l = this.alignVertical ? -90 : 0;
-        return h`
+      return e.sort((i, s) => Number(i.position.x) - Number(s.position.x)), e?.map((i, s) => {
+        const a = this.getCalculatedDimension(i.dimension), n = this.getCalculatedPosition(i.position), h = this.alignVertical ? -90 : 0;
+        return d`
         <sbb-seat-reservation-scoped
           scoped-classes="graphical-element"
-          inset-block-start="${r.y}px"
-          inset-inline-start="${r.x}px"
+          inset-block-start="${n.y}px"
+          inset-inline-start="${n.x}px"
           width="${a.w}px"
           height="${a.h}px"
           z-index="${i.position.z}"
@@ -246,7 +240,7 @@ let me = (() => {
             width=${i.dimension.w * this.baseGridSize}
             height=${i.dimension.h * this.baseGridSize}
             rotation=${i.rotation ?? A}
-            text-rotation=${l}
+            text-rotation=${h}
             coach-index=${t}
             .propertyIds=${i.propertyIds}
             .preventClick=${this.preventPlaceClick}
@@ -256,16 +250,15 @@ let me = (() => {
       });
     }
     _getRenderedGraphicalElements(e, t) {
-      return e ? e == null ? void 0 : e.map((i) => {
-        const s = i.icon ?? "", a = i.rotation || 0, r = this._notFixedRotatableAreaIcons.indexOf(i.icon) === -1, l = this.alignVertical && r ? a - 90 : a;
-        return this._notAreaElements.findIndex((v) => v === s) > -1 ? this._getRenderElementWithoutArea(i, a, t) : this._getRenderElementWithArea(i, l, t);
+      return e ? e?.map((i) => {
+        const s = i.icon ?? "", a = i.rotation || 0, n = this._notFixedRotatableAreaIcons.indexOf(i.icon) === -1, h = this.alignVertical && n ? a - 90 : a;
+        return this._notAreaElements.findIndex((v) => v === s) > -1 ? this._getRenderElementWithoutArea(i, a, t) : this._getRenderElementWithArea(i, h, t);
       }) : null;
     }
     _getRenderElementWithArea(e, t, i) {
-      var U;
-      const s = ((U = e.icon) == null ? void 0 : U.indexOf("TABLE")) === -1, a = e.icon && s ? e.icon : null, r = a !== "ENTRY_EXIT", l = e.icon ? _(e.icon, this._language.current) : A, v = this.getCalculatedDimension(e.dimension, i, !0, r), j = this.getCalculatedPosition(e.position, e.dimension, i, !0);
+      const s = e.icon?.indexOf("TABLE") === -1, a = e.icon && s ? e.icon : null, n = a !== "ENTRY_EXIT", h = e.icon ? _(e.icon, this._language.current) : A, v = this.getCalculatedDimension(e.dimension, i, !0, n), j = this.getCalculatedPosition(e.position, e.dimension, i, !0);
       let w = "free";
-      return e.position.y === this.coachBorderOffset * -1 ? w = "upper-border" : e.position.y + e.dimension.h === i.h + this.coachBorderOffset && (w = "lower-border"), h`
+      return e.position.y === this.coachBorderOffset * -1 ? w = "upper-border" : e.position.y + e.dimension.h === i.h + this.coachBorderOffset && (w = "lower-border"), d`
       <sbb-seat-reservation-scoped
         scoped-classes="graphical-element"
         inset-block-start="${j.y}px"
@@ -275,16 +268,16 @@ let me = (() => {
         z-index="${e.position.z}"
       >
         <sbb-seat-reservation-area
-          style=${Z({
+          style=${Q({
         "--sbb-reservation-area-width": e.dimension.w * this.baseGridSize,
         "--sbb-reservation-area-height": e.dimension.h * this.baseGridSize
       })}
           mounting=${w}
           background="dark"
           aria-hidden="true"
-          title=${l}
+          title=${h}
         >
-          ${a ? h`
+          ${a ? d`
                 <sbb-seat-reservation-graphic
                   name=${a}
                   rotation=${t}
@@ -299,9 +292,8 @@ let me = (() => {
     `;
     }
     _getRenderElementWithoutArea(e, t, i) {
-      var l;
-      const s = this.getCalculatedDimension(e.dimension, i), a = this.getCalculatedPosition(e.position, e.dimension, i), r = e.icon && e.icon.indexOf("DRIVER_AREA") === -1 ? e.icon : (l = e.icon) == null ? void 0 : l.concat("_", this.seatReservation.vehicleType);
-      return h`
+      const s = this.getCalculatedDimension(e.dimension, i), a = this.getCalculatedPosition(e.position, e.dimension, i), n = e.icon && e.icon.indexOf("DRIVER_AREA") === -1 ? e.icon : e.icon?.concat("_", this.seatReservation.vehicleType);
+      return d`
       <sbb-seat-reservation-scoped
         scoped-classes="graphical-element"
         inset-block-start="${a.y}px"
@@ -311,7 +303,7 @@ let me = (() => {
         z-index="${e.position.z}"
       >
         <sbb-seat-reservation-graphic
-          name=${r ?? A}
+          name=${n ?? A}
           width=${e.dimension.w * this.baseGridSize}
           height=${e.dimension.h * this.baseGridSize}
           rotation=${t}
@@ -322,9 +314,9 @@ let me = (() => {
     `;
     }
     _getRenderedServiceElements(e) {
-      return e ? e == null ? void 0 : e.map((t) => {
-        const i = t.icon ? _(t.icon, this._language.current) : null, s = this.getCalculatedDimension(t.dimension), a = this.getCalculatedPosition(t.position), r = t.rotation || 0, l = this.alignVertical ? r - 90 : r;
-        return h`
+      return e ? e?.map((t) => {
+        const i = t.icon ? _(t.icon, this._language.current) : null, s = this.getCalculatedDimension(t.dimension), a = this.getCalculatedPosition(t.position), n = t.rotation || 0, h = this.alignVertical ? n - 90 : n;
+        return d`
         <sbb-seat-reservation-scoped
           scoped-classes="graphical-element"
           inset-block-start="${a.y}px"
@@ -337,7 +329,7 @@ let me = (() => {
             name=${t.icon ?? A}
             width=${t.dimension.w * this.baseGridSize}
             height=${t.dimension.h * this.baseGridSize}
-            .rotation=${l}
+            .rotation=${h}
             role="img"
             aria-hidden="true"
             title=${i ?? A}
@@ -363,8 +355,7 @@ let me = (() => {
       this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
     }
     _getDescriptionTableCoach(e) {
-      var a;
-      if (!((a = e.places) != null && a.length))
+      if (!e.places?.length)
         return _("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
           e.id
         ]);
@@ -376,28 +367,28 @@ let me = (() => {
     }
     _getTitleDescriptionListString(e) {
       const t = [];
-      return e == null ? void 0 : e.map((i) => {
+      return e?.map((i) => {
         const s = i.icon;
         if (!s)
           return null;
-        const a = t.indexOf(s) > -1, r = _(i.icon, this._language.current), l = this._notFixedRotatableAreaIcons.indexOf(s) === -1 && this._notAreaElements.indexOf(s) === -1;
-        return a || t.push(i.icon), r && !a && l ? r : null;
+        const a = t.indexOf(s) > -1, n = _(i.icon, this._language.current), h = this._notFixedRotatableAreaIcons.indexOf(s) === -1 && this._notAreaElements.indexOf(s) === -1;
+        return a || t.push(i.icon), n && !a && h ? n : null;
       }).filter((i) => !!i).join(", ");
     }
-  }, g = new WeakMap(), f = new WeakMap(), m = new WeakMap(), $ = new WeakMap(), C = new WeakMap(), u = d, (() => {
+  }, g = new WeakMap(), m = new WeakMap(), f = new WeakMap(), $ = new WeakMap(), C = new WeakMap(), u = c, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(N[Symbol.metadata] ?? null) : void 0;
-    T = [y({ attribute: "seat-reservation", type: Object })], k = [P(), y({ attribute: "has-navigation", type: Boolean })], I = [P(), y({ attribute: "align-vertical", type: Boolean })], B = [P(), y({ attribute: "max-reservations", type: Number })], M = [P(), y({ attribute: "prevent-place-click", type: Boolean })], S(d, null, T, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
+    T = [y({ attribute: "seat-reservation", type: Object })], E = [P(), y({ attribute: "has-navigation", type: Boolean })], G = [P(), y({ attribute: "align-vertical", type: Boolean })], B = [P(), y({ attribute: "max-reservations", type: Number })], M = [P(), y({ attribute: "prevent-place-click", type: Boolean })], S(c, null, T, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
       t.seatReservation = i;
-    } }, metadata: e }, z, O), S(d, null, k, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
+    } }, metadata: e }, z, O), S(c, null, E, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
       t.hasNavigation = i;
-    } }, metadata: e }, D, G), S(d, null, I, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, i) => {
+    } }, metadata: e }, k, D), S(c, null, G, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, i) => {
       t.alignVertical = i;
-    } }, metadata: e }, V, E), S(d, null, B, { kind: "accessor", name: "maxReservations", static: !1, private: !1, access: { has: (t) => "maxReservations" in t, get: (t) => t.maxReservations, set: (t, i) => {
+    } }, metadata: e }, I, V), S(c, null, B, { kind: "accessor", name: "maxReservations", static: !1, private: !1, access: { has: (t) => "maxReservations" in t, get: (t) => t.maxReservations, set: (t, i) => {
       t.maxReservations = i;
-    } }, metadata: e }, L, F), S(d, null, M, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, i) => {
+    } }, metadata: e }, L, F), S(c, null, M, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, i) => {
       t.preventPlaceClick = i;
-    } }, metadata: e }, H, W), S(null, o = { value: u }, n, { kind: "class", name: u.name, metadata: e }, null, c), u = o.value, e && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), d.styles = te, p(u, c), u;
+    } }, metadata: e }, H, W), S(null, o = { value: u }, r, { kind: "class", name: u.name, metadata: e }, null, l), u = o.value, e && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), c.styles = ee, p(u, l), u;
 })();
 export {
   me as SbbSeatReservationElement

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

@@ -1,16 +1,13 @@
 import { html as d } from "lit";
-import { unsafeHTML as s } from "lit/directives/unsafe-html.js";
-import { svgs as _, mapIconToSvg as r } from "../common.js";
+import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
+import { svgs as e, mapIconToSvg as r } from "../common.js";
 import "@sbb-esta/lyne-elements/table.js";
 import "../seat-reservation-graphic.js";
 const E = (A) => d`
     <div class="story-asset">
-      <span class="story-asset__preview">${s(A)}</span>
+      <span class="story-asset__preview">${a(A)}</span>
     </div>
-  `, t = (A) => {
-  var e, a;
-  return (e = r[A]) != null && e.svg ? E(r[A].svg) : (a = r[A]) != null && a.svgName ? d`<sbb-icon name="${r[A].svgName}"></sbb-icon>` : null;
-}, R = d`
+  `, t = (A) => r[A]?.svg ? E(r[A].svg) : r[A]?.svgName ? d`<sbb-icon name="${r[A].svgName}"></sbb-icon>` : null, _ = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -64,7 +61,7 @@ const E = (A) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, o = d`
+`, s = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -133,7 +130,7 @@ const E = (A) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, l = d`
+`, R = d`
   <sbb-table-wrapper>
     <table aria-label="Available Service Icons" class="sbb-table">
       <thead>
@@ -212,7 +209,7 @@ const E = (A) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, T = d`
+`, o = d`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -259,7 +256,7 @@ const E = (A) => d`
           <td>COACH_PASSAGE</td>
         </tr>
         <tr>
-          <td>${E(_.chassisPassageWaggonBottomRight)}</td>
+          <td>${E(e.chassisPassageWaggonBottomRight)}</td>
           <td>Passage-Waggon Type: Right</td>
           <td
             style="background: linear-gradient(90deg, var(--sbb-color-white) 5%, var(--sbb-color-red));"
@@ -278,7 +275,7 @@ const E = (A) => d`
           <td>COACH_BORDER_MIDDLE</td>
         </tr>
         <tr>
-          <td>${E(_.chassisSeparator)}</td>
+          <td>${E(e.chassisSeparator)}</td>
           <td>Separator</td>
           <td
             style="background: linear-gradient(90deg, var(--sbb-color-white) 5%, var(--sbb-color-red))"
@@ -294,7 +291,7 @@ const E = (A) => d`
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, I = d`
+`, L = d`
   <style>
     .story-asset {
       width: max-content;
@@ -303,15 +300,15 @@ const E = (A) => d`
   </style>
   <h1>List of all currently available assets.</h1>
   <h2>Interior</h2>
-  ${R}
+  ${_}
   <h2>Layout</h2>
-  ${o}
+  ${s}
   <h2>Service Icons</h2>
-  ${l}
+  ${R}
   <h2>Chassis</h2>
-  ${T}
+  ${o}
 `;
 export {
-  I as assetsTemplate,
+  L as assetsTemplate,
   t as svgImageByOSDMCode
 };