@sbb-esta/lyne-elements-experimental 4.0.0-next → 4.0.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/custom-elements.json +233 -5
  2. package/development/seat-reservation/common/mapper/mapper.d.ts +4 -2
  3. package/development/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
  4. package/development/seat-reservation/common/mapper/mapper.js +3 -5
  5. package/development/seat-reservation/common/types.d.ts +1 -0
  6. package/development/seat-reservation/common/types.d.ts.map +1 -1
  7. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +26 -1
  8. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  9. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +71 -18
  10. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  11. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +14 -13
  12. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +2 -0
  13. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  14. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +3 -3
  15. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  16. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -2
  17. package/package.json +2 -2
  18. package/seat-reservation/common/mapper/mapper.d.ts +4 -2
  19. package/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
  20. package/seat-reservation/common/mapper/mapper.js +35 -35
  21. package/seat-reservation/common/types.d.ts +1 -0
  22. package/seat-reservation/common/types.d.ts.map +1 -1
  23. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +26 -1
  24. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  25. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +121 -71
  26. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  27. package/seat-reservation/seat-reservation/seat-reservation.component.js +91 -90
  28. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +2 -0
  29. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  30. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
  31. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  32. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +13 -13
package/seat-reservation/seat-reservation/seat-reservation.component.js CHANGED
@@ -1,11 +1,11 @@
1
- import { __esDecorate as C, __runInitializers as y } from "tslib";
1
+ import { __esDecorate as $, __runInitializers as y } from "tslib";
2
2
  import { SbbLanguageController as A } from "@sbb-esta/lyne-elements/core/controllers.js";
3
3
  import { boxSizingStyles as R } from "@sbb-esta/lyne-elements/core/styles.js";
4
- import { css as S, html as b, nothing as g } from "lit";
4
+ import { css as S, html as b, nothing as u } from "lit";
5
5
  import { customElement as E } from "lit/decorators.js";
6
- import { classMap as m } from "lit/directives/class-map.js";
6
+ import { classMap as w } from "lit/directives/class-map.js";
7
7
  import { styleMap as v } from "lit/directives/style-map.js";
8
- import { getI18nSeatReservation as n } from "../common.js";
8
+ import { getI18nSeatReservation as l } from "../common.js";
9
9
  import { SeatReservationBaseElement as T } from "./seat-reservation-base-element.js";
10
10
  import "@sbb-esta/lyne-elements/button.js";
11
11
  import "@sbb-esta/lyne-elements/screen-reader-only.js";
@@ -18,8 +18,8 @@ import "@sbb-esta/lyne-elements/popover/popover.js";
18
18
  const P = S`:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}.sbb-sr__container{display:flex;height:inherit}.sbb-sr__grid{display:grid;grid-template-columns:20% 1fr 20%;grid-template-rows:auto auto}.sbb-sr__grid .sbb-sr-navigation-first-grid,.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-row-start:1;position:relative;margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__grid .sbb-sr-navigation-first-grid{grid-column:1/2}.sbb-sr__grid .sbb-sr-navigation-last-grid{grid-column:3/4}.sbb-sr__grid .sbb-sr__component{display:flex;grid-column:1/4;grid-row:1/3}.sbb-sr__grid .sbb-sr-grid-inner{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:auto 1fr;gap:0}.sbb-sr__grid .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:1/2;display:inherit}.sbb-sr__grid .sbb-sr-grid-inner .coaches-grid{grid-column:1/4;grid-row:2/3;display:inherit}.sbb-sr__navigation-control-button{position:absolute;z-index:10}.sbb-sr__navigation-control-button#first-tab-element{inset-inline-end:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__navigation-control-button#last-tab-element{inset-inline-start:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation-wrapper{overflow:hidden;padding-block:0 calc(32 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation::-webkit-scrollbar-button,.sbb-sr-navigation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation{padding-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{--sbb-scrollbar-color: transparent;display:flex;overflow:scroll hidden;position:relative}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper::-webkit-scrollbar-button,.sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper{overflow-x:scroll;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-popover{margin:0}.sbb-sr-coach-wrapper__table{outline:0}:host([align-vertical]) .sbb-sr{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid,:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{margin-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:0}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid{grid-column:2/3;grid-row-start:1}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-first-grid #first-tab-element{position:absolute;inset-block-end:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-end:initial;rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid{grid-column:2/3;grid-row:3/4}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-last-grid #last-tab-element{inset-block-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:90deg}:host([align-vertical]) .sbb-sr .sbb-sr-navigation-wrapper{padding-block-end:initial;padding-inline-start:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr__component{grid-column:1/3;grid-row:1/4}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner{grid-template-columns:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 1fr;grid-template-rows:20% 60% 20%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid{grid-column:2/3;grid-row:2/3;height:100%}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation{display:block;overflow:hidden scroll;height:100%;padding-block-start:0;padding-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .nav-grid .sbb-sr-navigation .sbb-sr-navigation__list-coaches{flex-direction:column;padding:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid{grid-column:1/2;grid-row:1/4;overflow:hidden;position:relative}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc(100% - 24 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{width:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:16px;rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-button,:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper{overflow:hidden scroll;height:100%;padding:0}:host([align-vertical]) .sbb-sr .sbb-sr-grid-inner .coaches-grid .sbb-sr__wrapper-coach-decks .sbb-sr__parent{rotate:90deg;transform-origin:calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc((var(--sbb-seat-reservation-height) + 24 - 24 - 6 * (var(--sbb-seat-reservation-decks) - 1)) / 2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
19
19
  let X = (() => {
20
20
  var h;
21
- let $ = [E("sbb-seat-reservation")], w, f = [], d, k = T;
22
- return h = class extends k {
21
+ let C = [E("sbb-seat-reservation")], f, k = [], d, x = T;
22
+ return h = class extends x {
23
23
  constructor() {
24
24
  super(...arguments), this._language = new A(this), this._notAreaElements = [
25
25
  "DRIVER_AREA",
@@ -65,7 +65,7 @@ let X = (() => {
65
65
  >
66
66
  <div id="sbb-sr__parent-area" class="sbb-sr__parent" tabindex="-1">
67
67
  <ul
68
- class="${m({
68
+ class="${w({
69
69
  "sbb-sr__list-decks": !0,
70
70
  "sbb-sr__list-decks--gap": this.hasMultipleDecks
71
71
  })}"
@@ -91,25 +91,25 @@ let X = (() => {
91
91
  }
92
92
  _renderDeckLabels() {
93
93
  return this.hasMultipleDecks ? this.seatReservations.map((r) => {
94
- const e = n(r.deckCoachLevel, this._language.current);
94
+ const e = l(r.deckCoachLevel, this._language.current);
95
95
  return b`<b aria-hidden="true">${e}</b>`;
96
96
  }) : null;
97
97
  }
98
98
  _renderNavigationControlButton(r) {
99
99
  if (!this.hasNavigation || !this.seatReservations)
100
100
  return null;
101
- const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", a = r == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", s = r == "DIRECTION_RIGHT" ? n("SEAT_RESERVATION_END", this._language.current) : n("SEAT_RESERVATION_BEGIN", this._language.current);
102
- let t = !0;
103
- return (r == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || r == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.seatReservations[this.currSelectedDeckIndex].coachItems.length - 1) && (t = !1), b`<sbb-secondary-button
101
+ const e = r == "DIRECTION_RIGHT" ? "last-tab-element" : "first-tab-element", t = r == "DIRECTION_RIGHT" ? "chevron-small-right-small" : "chevron-small-left-small", a = r == "DIRECTION_RIGHT" ? l("SEAT_RESERVATION_END", this._language.current) : l("SEAT_RESERVATION_BEGIN", this._language.current);
102
+ let s = !0;
103
+ return (r == "DIRECTION_LEFT" && this.selectedCoachIndex > 0 || r == "DIRECTION_RIGHT" && this.selectedCoachIndex < this.seatReservations[this.currSelectedDeckIndex].coachItems.length - 1) && (s = !1), b`<sbb-secondary-button
104
104
  @click="${() => this.navigateByDirectionBtn(r)}"
105
105
  id="${e}"
106
106
  class="sbb-sr__navigation-control-button"
107
107
  size="s"
108
- icon-name="${a}"
108
+ icon-name="${t}"
109
109
  type="button"
110
- aria-label="${s}"
110
+ aria-label="${a}"
111
111
  role="contentinfo"
112
- .disabledInteractive="${t || g}"
112
+ .disabledInteractive="${s || u}"
113
113
  ></sbb-secondary-button>`;
114
114
  }
115
115
  _renderNavigation() {
@@ -118,13 +118,13 @@ let X = (() => {
118
118
  <ul
119
119
  id="sbb-sr__navigation-list-coaches"
120
120
  class="sbb-sr-navigation__list-coaches"
121
- aria-label="${n("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
121
+ aria-label="${l("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
122
122
  >
123
123
  ${this.coachNavData.map((r, e) => b`<li>
124
124
  <sbb-seat-reservation-navigation-coach
125
- @selectcoach=${(a) => this._onSelectNavCoach(a)}
125
+ @selectcoach=${(t) => this._onSelectNavCoach(t)}
126
126
  @focuscoach=${() => this._onFocusNavCoach()}
127
- class="${m({
127
+ class="${w({
128
128
  "sbb-sr__navigation-coach--hover-scroll": this.hoveredScrollCoachIndex === e
129
129
  })}"
130
130
  index="${e}"
@@ -152,15 +152,15 @@ let X = (() => {
152
152
  * @param deckIndex
153
153
  */
154
154
  _renderCoaches(r, e) {
155
- const a = JSON.parse(JSON.stringify(r?.coachItems));
156
- return a ? a.map((s, t) => b`
155
+ const t = JSON.parse(JSON.stringify(r?.coachItems));
156
+ return t ? t.map((a, s) => b`
157
157
  <li class="sbb-sr__item-coach">
158
- ${this._renderCoachElement(s, t, e)}
158
+ ${this._renderCoachElement(a, s, e, r.deckCoachIndex)}
159
159
  </li>
160
160
  `) : null;
161
161
  }
162
- _renderCoachElement(r, e, a) {
163
- const s = this.getCalculatedDimension(r.dimension), t = this._getDescriptionTableCoach(r);
162
+ _renderCoachElement(r, e, t, a) {
163
+ const s = this.getCalculatedDimension(r.dimension), i = this._getDescriptionTableCoach(r);
164
164
  return b`<sbb-seat-reservation-scoped
165
165
  style=${v({
166
166
  "--sbb-seat-reservation-scoped-width": s.w,
@@ -168,8 +168,8 @@ let X = (() => {
168
168
  })}
169
169
  >
170
170
  ${this._getRenderedCoachBorders(r)}
171
- ${this._getRenderedGraphicalElements(r.graphicElements || [], r.dimension, e, a)}
172
- ${this._getRenderedServiceElements(e, a, r.serviceElements)}
171
+ ${this._getRenderedGraphicalElements(r.graphicElements || [], r.dimension, e, t)}
172
+ ${this._getRenderedServiceElements(e, t, r.serviceElements)}
173
173
 
174
174
  <table
175
175
  @focus=${() => this.onFocusTableCoachAndPreselectPlace(e)}
@@ -178,9 +178,9 @@ let X = (() => {
178
178
  aria-describedby="sbb-sr-coach-caption-${e}"
179
179
  >
180
180
  <caption id="sbb-sr-coach-caption-${e}" tabindex="-1">
181
- <sbb-screen-reader-only>${t}</sbb-screen-reader-only>
181
+ <sbb-screen-reader-only>${i}</sbb-screen-reader-only>
182
182
  </caption>
183
- ${this._getRenderedRowPlaces(r, e, a)}
183
+ ${this._getRenderedRowPlaces(r, e, t, a)}
184
184
  </table>
185
185
  </sbb-seat-reservation-scoped>`;
186
186
  }
@@ -191,11 +191,11 @@ let X = (() => {
191
191
  _getRenderedCoachBorders(r) {
192
192
  if (!r.graphicElements)
193
193
  return null;
194
- const e = 1, s = r.graphicElements?.find((l) => l.icon === "DRIVER_AREA"), t = s ? r.dimension.w - s.dimension.w - e : r.dimension.w - e * 2, i = (r.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, o = s && s.position.x === 0 ? s?.dimension.w * this.baseGridSize : this.baseGridSize;
194
+ const e = 1, a = r.graphicElements?.find((n) => n.icon === "DRIVER_AREA"), s = a ? r.dimension.w - a.dimension.w - e : r.dimension.w - e * 2, i = (r.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize, o = a && a.position.x === 0 ? a?.dimension.w * this.baseGridSize : this.baseGridSize;
195
195
  return b`
196
196
  <sbb-seat-reservation-graphic
197
197
  style=${v({
198
- "--sbb-seat-reservation-graphic-width": t * this.baseGridSize,
198
+ "--sbb-seat-reservation-graphic-width": s * this.baseGridSize,
199
199
  "--sbb-seat-reservation-graphic-height": i,
200
200
  "--sbb-seat-reservation-graphic-top": this.coachBorderPadding * -1,
201
201
  "--sbb-seat-reservation-graphic-left": o,
@@ -207,45 +207,46 @@ let X = (() => {
207
207
  ></sbb-seat-reservation-graphic>
208
208
  `;
209
209
  }
210
- _getRenderedRowPlaces(r, e, a) {
210
+ _getRenderedRowPlaces(r, e, t, a) {
211
211
  if (!r.places)
212
212
  return null;
213
213
  const s = {};
214
- for (const t of r.places)
215
- s[t.position.y] ? s[t.position.y].push(t) : s[t.position.y] = [t];
216
- return Object.values(s).map((t, i) => b`
217
- <tr id="row-${e}-${t[0].position.y}" data-row-index=${i}>
218
- ${this._getRenderedColumnPlaces(t, e, a)}
214
+ for (const i of r.places)
215
+ s[i.position.y] ? s[i.position.y].push(i) : s[i.position.y] = [i];
216
+ return Object.values(s).map((i, o) => b`
217
+ <tr id="row-${e}-${i[0].position.y}" data-row-index=${o}>
218
+ ${this._getRenderedColumnPlaces(i, e, t, a)}
219
219
  </tr>
220
- `).flatMap((t) => t);
220
+ `).flatMap((i) => i);
221
221
  }
222
- _getRenderedColumnPlaces(r, e, a) {
223
- return r.sort((s, t) => Number(s.position.x) - Number(t.position.x)), r?.map((s, t) => {
224
- const i = this.getCalculatedDimension(s.dimension), o = this.getCalculatedPosition(s.position), l = s.rotation || 0, p = this.alignVertical ? -90 : 0;
222
+ _getRenderedColumnPlaces(r, e, t, a) {
223
+ return r.sort((s, i) => Number(s.position.x) - Number(i.position.x)), r?.map((s, i) => {
224
+ const o = this.getCalculatedDimension(s.dimension), n = this.getCalculatedPosition(s.position), p = s.rotation || 0, c = this.alignVertical ? -90 : 0, g = this.getPlaceElementId(t, e, s.number);
225
225
  return b`
226
226
  <td
227
- id="cell-${a}-${e}-${s.position.y}-${t}"
227
+ id="cell-${t}-${e}-${s.position.y}-${i}"
228
228
  class="graphical-element"
229
229
  >
230
230
  <sbb-seat-reservation-place-control
231
231
  style=${v({
232
- "--sbb-seat-reservation-place-control-text-scale-value": Math.min(i.w, i.h),
233
- "--sbb-seat-reservation-place-control-width": i.w,
234
- "--sbb-seat-reservation-place-control-height": i.h,
235
- "--sbb-seat-reservation-place-control-top": o.y,
236
- "--sbb-seat-reservation-place-control-left": o.x,
237
- "--sbb-seat-reservation-place-control-rotation": l,
238
- "--sbb-seat-reservation-place-control-text-rotation": p
232
+ "--sbb-seat-reservation-place-control-text-scale-value": Math.min(o.w, o.h),
233
+ "--sbb-seat-reservation-place-control-width": o.w,
234
+ "--sbb-seat-reservation-place-control-height": o.h,
235
+ "--sbb-seat-reservation-place-control-top": n.y,
236
+ "--sbb-seat-reservation-place-control-left": n.x,
237
+ "--sbb-seat-reservation-place-control-rotation": p,
238
+ "--sbb-seat-reservation-place-control-text-rotation": c
239
239
  })}
240
- @selectplace=${(c) => this._onSelectPlace(c)}
240
+ @selectplace=${(_) => this._onSelectPlace(_)}
241
241
  exportparts="sbb-sr-place-part"
242
- id="seat-reservation__place-button-${a}-${e}-${s.number}"
242
+ id=${g}
243
243
  class="seat-reservation-place-control"
244
244
  text=${s.number}
245
245
  type=${s.type}
246
246
  state=${s.state}
247
247
  coach-index=${e}
248
248
  deck-index=${a}
249
+ data-deck-index=${t}
249
250
  .propertyIds=${s.propertyIds}
250
251
  .preventClick=${this.preventPlaceClick}
251
252
  ></sbb-seat-reservation-place-control>
@@ -253,10 +254,10 @@ let X = (() => {
253
254
  `;
254
255
  });
255
256
  }
256
- _getRenderedGraphicalElements(r, e, a, s) {
257
- return r ? r?.map((t) => {
258
- const i = t.icon ?? "", o = t.rotation || 0, l = this._notFixedRotatableAreaIcons.indexOf(t.icon) === -1, p = this.alignVertical && l ? o - 90 : o;
259
- return this._notAreaElements.findIndex((c) => c === i) > -1 ? this._getRenderElementWithoutArea(t, o, e) : this._getRenderElementWithArea(t, p, e, a, s);
257
+ _getRenderedGraphicalElements(r, e, t, a) {
258
+ return r ? r?.map((s) => {
259
+ const i = s.icon ?? "", o = s.rotation || 0, n = this._notFixedRotatableAreaIcons.indexOf(s.icon) === -1, p = this.alignVertical && n ? o - 90 : o;
260
+ return this._notAreaElements.findIndex((c) => c === i) > -1 ? this._getRenderElementWithoutArea(s, o, e) : this._getRenderElementWithArea(s, p, e, t, a);
260
261
  }) : null;
261
262
  }
262
263
  /**
@@ -268,20 +269,20 @@ let X = (() => {
268
269
  * @param coachDeckIndex used to generate a unique id
269
270
  * @private
270
271
  */
271
- _getRenderElementWithArea(r, e, a, s, t) {
272
- const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, l = this.isElementDirectlyOnBorder(r, a) && o !== "ENTRY_EXIT", p = r.icon ? n(r.icon, this._language.current) : g, c = this.getCalculatedDimension(r.dimension, a, !0, l), u = this.getCalculatedPosition(r.position, r.dimension, a, !0), x = `popover-trigger-${t}-${s}-${u.x}-${u.y}`;
273
- let _ = "free";
274
- return r.position.y === this.coachBorderOffset * -1 ? _ = "upper-border" : r.position.y + r.dimension.h === a.h + this.coachBorderOffset && (_ = "lower-border"), b`
272
+ _getRenderElementWithArea(r, e, t, a, s) {
273
+ const i = r.icon?.indexOf("TABLE") === -1, o = r.icon && i ? r.icon : null, n = this.isElementDirectlyOnBorder(r, t) && o !== "ENTRY_EXIT", p = r.icon ? l(r.icon, this._language.current) : u, c = this.getCalculatedDimension(r.dimension, t, !0, n), g = this.getCalculatedPosition(r.position, r.dimension, t, !0), _ = `popover-trigger-${s}-${a}-${g.x}-${g.y}`;
274
+ let m = "free";
275
+ return r.position.y === this.coachBorderOffset * -1 ? m = "upper-border" : r.position.y + r.dimension.h === t.h + this.coachBorderOffset && (m = "lower-border"), b`
275
276
  <sbb-seat-reservation-area
276
- id="${x}"
277
- class="${m({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
277
+ id="${_}"
278
+ class="${w({ "sbb-seat-reservation-area--cursor-pointer": o !== null })}"
278
279
  style=${v({
279
280
  "--sbb-seat-reservation-area-width": c.w,
280
281
  "--sbb-seat-reservation-area-height": c.h,
281
- "--sbb-seat-reservation-area-top": u.y,
282
- "--sbb-seat-reservation-area-left": u.x
282
+ "--sbb-seat-reservation-area-top": g.y,
283
+ "--sbb-seat-reservation-area-left": g.x
283
284
  })}
284
- mounting=${_}
285
+ mounting=${m}
285
286
  background="dark"
286
287
  aria-hidden="true"
287
288
  >
@@ -297,30 +298,30 @@ let X = (() => {
297
298
  aria-hidden="true"
298
299
  class="auto-width"
299
300
  ></sbb-seat-reservation-graphic>
300
- ` : g}
301
+ ` : u}
301
302
  </sbb-seat-reservation-area>
302
- ${o ? this._popover(x, p) : g}
303
+ ${o ? this._popover(_, p) : u}
303
304
  `;
304
305
  }
305
- _getRenderElementWithoutArea(r, e, a) {
306
- const s = this.getCalculatedDimension(r.dimension, a), t = this.getCalculatedPosition(r.position, r.dimension, a), i = r.icon && r.icon.indexOf("DRIVER_AREA") === -1 ? r.icon : r.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType);
306
+ _getRenderElementWithoutArea(r, e, t) {
307
+ const a = this.getCalculatedDimension(r.dimension, t), s = this.getCalculatedPosition(r.position, r.dimension, t), i = r.icon && r.icon.indexOf("DRIVER_AREA") === -1 ? r.icon : r.icon?.concat("_", this.seatReservations[this.currSelectedDeckIndex].vehicleType);
307
308
  return b` <sbb-seat-reservation-graphic
308
309
  style=${v({
309
- "--sbb-seat-reservation-graphic-width": s.w,
310
- "--sbb-seat-reservation-graphic-height": s.h,
311
- "--sbb-seat-reservation-graphic-top": t.y,
312
- "--sbb-seat-reservation-graphic-left": t.x,
310
+ "--sbb-seat-reservation-graphic-width": a.w,
311
+ "--sbb-seat-reservation-graphic-height": a.h,
312
+ "--sbb-seat-reservation-graphic-top": s.y,
313
+ "--sbb-seat-reservation-graphic-left": s.x,
313
314
  "--sbb-seat-reservation-graphic-position": "absolute",
314
315
  "--sbb-seat-reservation-graphic-rotation": e
315
316
  })}
316
- name=${i ?? g}
317
+ name=${i ?? u}
317
318
  aria-hidden="true"
318
319
  ?stretch=${!0}
319
320
  ></sbb-seat-reservation-graphic>`;
320
321
  }
321
- _getRenderedServiceElements(r, e, a) {
322
- return a ? a?.map((s) => {
323
- const t = s.icon ? n(s.icon, this._language.current) : null, i = this.getCalculatedDimension(s.dimension), o = this.getCalculatedPosition(s.position), l = s.rotation || 0, p = this.alignVertical ? l - 90 : l, c = `popover-trigger-${e}-${r}-${o.x}-${o.y}`;
322
+ _getRenderedServiceElements(r, e, t) {
323
+ return t ? t?.map((a) => {
324
+ const s = a.icon ? l(a.icon, this._language.current) : null, i = this.getCalculatedDimension(a.dimension), o = this.getCalculatedPosition(a.position), n = a.rotation || 0, p = this.alignVertical ? n - 90 : n, c = `popover-trigger-${e}-${r}-${o.x}-${o.y}`;
324
325
  return b`
325
326
  <sbb-seat-reservation-graphic
326
327
  id="${c}"
@@ -333,11 +334,11 @@ let X = (() => {
333
334
  "--sbb-seat-reservation-graphic-rotation": p
334
335
  })}
335
336
  class="sbb-seat-reservation-graphic--cursor-pointer"
336
- name=${s.icon ?? g}
337
+ name=${a.icon ?? u}
337
338
  role="img"
338
339
  aria-hidden="true"
339
340
  ></sbb-seat-reservation-graphic>
340
- ${this._popover(c, t)}
341
+ ${this._popover(c, s)}
341
342
  `;
342
343
  }) : null;
343
344
  }
@@ -348,7 +349,7 @@ let X = (() => {
348
349
  */
349
350
  _onSelectPlace(r) {
350
351
  const e = r.detail;
351
- this.preventCoachScrollByPlaceClick = !0, this.isCoachGridFocusable = !1, this.preventPlaceClick || (this.currSelectedDeckIndex = e.deckIndex, this.updateSelectedSeatReservationPlaces(e), this.updateCurrentSelectedPlaceInCoach(e));
352
+ this.preventCoachScrollByPlaceClick = !0, this.isCoachGridFocusable = !1, this.preventPlaceClick || (this.updateSelectedSeatReservationPlaces(e), this.updateCurrentSelectedPlaceInCoach(e));
352
353
  }
353
354
  _onSelectNavCoach(r) {
354
355
  const e = r.detail;
@@ -379,33 +380,33 @@ let X = (() => {
379
380
  }
380
381
  _getDescriptionTableCoach(r) {
381
382
  if (!r.places?.length)
382
- return n("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
383
+ return l("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
383
384
  r.id
384
385
  ]);
385
386
  let e;
386
- const a = this._getTitleDescriptionListString(r.graphicElements), s = this._getTitleDescriptionListString(r.serviceElements);
387
- if (e = n("COACH_TABLE_CAPTION", this._language.current, [
387
+ const t = this._getTitleDescriptionListString(r.graphicElements), a = this._getTitleDescriptionListString(r.serviceElements);
388
+ if (e = l("COACH_TABLE_CAPTION", this._language.current, [
388
389
  r.id
389
390
  ]), !this.hasNavigation) {
390
- const t = this.getAvailableFreePlacesNumFromCoach(r.places), i = n("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [t.seats, t.bicycles]);
391
+ const s = this.getAvailableFreePlacesNumFromCoach(r.places), i = l("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [s.seats, s.bicycles]);
391
392
  e = e.concat(". ").concat(i).concat(". ");
392
393
  }
393
- return (a || s) && (e += ". " + n("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += s + ", " + a + "."), e;
394
+ return (t || a) && (e += ". " + l("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += a + ", " + t + "."), e;
394
395
  }
395
396
  _getTitleDescriptionListString(r) {
396
397
  const e = [];
397
- return r?.map((a) => {
398
- const s = a.icon;
399
- if (!s)
398
+ return r?.map((t) => {
399
+ const a = t.icon;
400
+ if (!a)
400
401
  return null;
401
- const t = e.indexOf(s) > -1, i = n(a.icon, this._language.current), o = this._notFixedRotatableAreaIcons.indexOf(s) === -1 && this._notAreaElements.indexOf(s) === -1;
402
- return t || e.push(a.icon), i && !t && o ? i : null;
403
- }).filter((a) => !!a).join(", ");
402
+ const s = e.indexOf(a) > -1, i = l(t.icon, this._language.current), o = this._notFixedRotatableAreaIcons.indexOf(a) === -1 && this._notAreaElements.indexOf(a) === -1;
403
+ return s || e.push(t.icon), i && !s && o ? i : null;
404
+ }).filter((t) => !!t).join(", ");
404
405
  }
405
406
  }, d = h, (() => {
406
- const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
407
- C(null, w = { value: d }, $, { kind: "class", name: d.name, metadata: r }, null, f), d = w.value, r && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
408
- })(), h.styles = [R, P], y(d, f), d;
407
+ const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
408
+ $(null, f = { value: d }, C, { kind: "class", name: d.name, metadata: r }, null, k), d = f.value, r && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
409
+ })(), h.styles = [R, P], y(d, k), d;
409
410
  })();
410
411
  export {
411
412
  X as SbbSeatReservationElement
package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts CHANGED
@@ -14,7 +14,9 @@ export declare class SbbSeatReservationNavigationCoachElement extends LitElement
14
14
  accessor coachId: string;
15
15
  /** Coach service property ids, which are used to display the services in the navigation */
16
16
  accessor propertyIds: string[];
17
+ /** Pre-selected coach index property */
17
18
  accessor selected: boolean;
19
+ /** Focused coach index property */
18
20
  accessor focused: boolean;
19
21
  accessor index: number;
20
22
  /** Representation of places available for selecting, counting seat places and bicycle places separetely */
package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map CHANGED
@@ -1 +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":"AAGA,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;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,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;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAqB3C,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"}
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":"AAGA,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;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,mCAAmC;IACnC,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;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAqB3C,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 CHANGED
@@ -48,14 +48,14 @@ let Pa = (() => {
48
48
  set propertyIds(e) {
49
49
  r(this, p, e);
50
50
  }
51
- /* pre-selected Coach index property */
51
+ /** Pre-selected coach index property */
52
52
  get selected() {
53
53
  return b(this, f);
54
54
  }
55
55
  set selected(e) {
56
56
  r(this, f, e);
57
57
  }
58
- /* focus Coach index property */
58
+ /** Focused coach index property */
59
59
  get focused() {
60
60
  return b(this, k);
61
61
  }
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map CHANGED
@@ -1 +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;AAIrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnG,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,CAA4B;IACzE,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,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,4DAA4D;IAC5D,SAEgB,SAAS,EAAE,MAAM,CAAS;IAE1C,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;;cAQjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAUzD,MAAM,IAAI,cAAc;IAuC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAkBjC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA4BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}
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;AAIrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnG,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,CAA4B;IACzE,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,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,4DAA4D;IAC5D,SAEgB,SAAS,EAAE,MAAM,CAAS;IAE1C,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;cAUzD,MAAM,IAAI,cAAc;IAuC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAkBjC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA4BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var W = (s) => {
2
2
  throw TypeError(s);
3
3
  };
4
- var X = (s, o, i) => o.has(s) || W("Cannot " + i);
5
- var n = (s, o, i) => (X(s, o, "read from private field"), i ? i.call(s) : o.get(s)), p = (s, o, i) => o.has(s) ? W("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, i), a = (s, o, i, b) => (X(s, o, "write to private field"), b ? b.call(s, i) : o.set(s, i), i);
4
+ var X = (s, o, b) => o.has(s) || W("Cannot " + b);
5
+ var n = (s, o, b) => (X(s, o, "read from private field"), b ? b.call(s) : o.get(s)), p = (s, o, b) => o.has(s) ? W("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(s) : o.set(s, b), a = (s, o, b, i) => (X(s, o, "write to private field"), i ? i.call(s, b) : o.set(s, b), b);
6
6
  import { __esDecorate as d, __runInitializers as c } from "tslib";
7
7
  import { SbbButtonBaseElement as ae } from "@sbb-esta/lyne-elements/core/base-elements.js";
8
8
  import { SbbLanguageController as ce } from "@sbb-esta/lyne-elements/core/controllers.js";
9
9
  import { forceType as h } from "@sbb-esta/lyne-elements/core/decorators.js";
10
10
  import { boxSizingStyles as le } from "@sbb-esta/lyne-elements/core/styles.js";
11
- import { css as oe, nothing as ie, html as be } from "lit";
11
+ import { css as oe, nothing as be, html as ie } from "lit";
12
12
  import { customElement as ne, property as v } from "lit/decorators.js";
13
13
  import { styleMap as pe } from "lit/directives/style-map.js";
14
14
  import { getI18nSeatReservation as E } from "../common.js";
@@ -16,7 +16,7 @@ import "../seat-reservation-graphic.js";
16
16
  const de = oe`:host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
17
17
  let Ce = (() => {
18
18
  var u, k, f, g, _, x, y, m, l;
19
- let s = [ne("sbb-seat-reservation-place-control")], o, i = [], b, C = ae, z, S = [], T = [], w, P = [], R = [], L, $ = [], D = [], A, O = [], N = [], V, F = [], j = [], B, U = [], K = [], M, Y = [], q = [], G, H = [], J = [];
19
+ let s = [ne("sbb-seat-reservation-place-control")], o, b = [], i, C = ae, z, S = [], T = [], w, P = [], R = [], L, $ = [], D = [], A, O = [], N = [], F, V = [], j = [], B, U = [], K = [], M, Y = [], q = [], G, H = [], J = [];
20
20
  return l = class extends C {
21
21
  constructor() {
22
22
  super();
@@ -28,7 +28,7 @@ let Ce = (() => {
28
28
  p(this, x);
29
29
  p(this, y);
30
30
  p(this, m);
31
- a(this, u, c(this, S, "SEAT")), a(this, k, (c(this, T), c(this, P, "FREE"))), a(this, f, (c(this, R), c(this, $, []))), a(this, g, (c(this, D), c(this, O, ""))), a(this, _, (c(this, N), c(this, F, null))), a(this, x, (c(this, j), c(this, U, null))), a(this, y, (c(this, K), c(this, Y, !1))), a(this, m, (c(this, q), c(this, H, "unfocus"))), this._language = (c(this, J), new ce(this)), this.addEventListener("click", () => this._selectPlace()), this.addEventListener("focus", () => this.scrollIntoView({ behavior: "smooth" }));
31
+ a(this, u, c(this, S, "SEAT")), a(this, k, (c(this, T), c(this, P, "FREE"))), a(this, f, (c(this, R), c(this, $, []))), a(this, g, (c(this, D), c(this, O, ""))), a(this, _, (c(this, N), c(this, V, null))), a(this, x, (c(this, j), c(this, U, null))), a(this, y, (c(this, K), c(this, Y, !1))), a(this, m, (c(this, q), c(this, H, "unfocus"))), this._language = (c(this, J), new ce(this)), this.addEventListener("click", () => this._selectPlace());
32
32
  }
33
33
  /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
34
34
  get placeType() {
@@ -91,7 +91,7 @@ let Ce = (() => {
91
91
  }
92
92
  render() {
93
93
  const t = this._getPlaceSvg(this.placeType, this.state), e = this.type.toLowerCase(), r = this.state.toLowerCase(), Q = this.text, Z = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), ee = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), I = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), te = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), re = Number(te) - Number(I), se = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
94
- return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, be`
94
+ return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, ie`
95
95
  <div
96
96
  part="sbb-sr-place-part"
97
97
  class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${I} sbb-sr-place-ctrl--state-${r} sbb-sr-place-ctrl--type-${e} ${se}"
@@ -106,7 +106,7 @@ let Ce = (() => {
106
106
  .name=${t}
107
107
  aria-hidden="true"
108
108
  ></sbb-seat-reservation-graphic>
109
- <span ${this.text ?? ie} class="sbb-sr-place-ctrl__text" aria-hidden="true"
109
+ <span ${this.text ?? be} class="sbb-sr-place-ctrl__text" aria-hidden="true"
110
110
  >${Q}</span
111
111
  >
112
112
  </div>
@@ -139,9 +139,9 @@ let Ce = (() => {
139
139
  }));
140
140
  }
141
141
  }
142
- }, u = new WeakMap(), k = new WeakMap(), f = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), b = l, (() => {
142
+ }, u = new WeakMap(), k = new WeakMap(), f = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), i = l, (() => {
143
143
  const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
144
- z = [h(), v({ attribute: "type" })], w = [h(), v({ attribute: "state" })], L = [v({ attribute: "propertyIds", type: Array })], A = [h(), v({ attribute: "text" })], V = [h(), v({ attribute: "deck-index", type: Number })], B = [h(), v({ attribute: "coach-index", type: Number })], M = [h(), v({ attribute: "prevent-click", type: Boolean })], G = [h(), v({ attribute: "keyfocus" })], d(l, null, z, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
144
+ z = [h(), v({ attribute: "type" })], w = [h(), v({ attribute: "state" })], L = [v({ attribute: "propertyIds", type: Array })], A = [h(), v({ attribute: "text" })], F = [h(), v({ attribute: "deck-index", type: Number })], B = [h(), v({ attribute: "coach-index", type: Number })], M = [h(), v({ attribute: "prevent-click", type: Boolean })], G = [h(), v({ attribute: "keyfocus" })], d(l, null, z, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
145
145
  e.placeType = r;
146
146
  } }, metadata: t }, S, T), d(l, null, w, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (e) => "state" in e, get: (e) => e.state, set: (e, r) => {
147
147
  e.state = r;
@@ -149,18 +149,18 @@ let Ce = (() => {
149
149
  e.propertyIds = r;
150
150
  } }, metadata: t }, $, D), d(l, null, A, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (e) => "text" in e, get: (e) => e.text, set: (e, r) => {
151
151
  e.text = r;
152
- } }, metadata: t }, O, N), d(l, null, V, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (e) => "deckIndex" in e, get: (e) => e.deckIndex, set: (e, r) => {
152
+ } }, metadata: t }, O, N), d(l, null, F, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (e) => "deckIndex" in e, get: (e) => e.deckIndex, set: (e, r) => {
153
153
  e.deckIndex = r;
154
- } }, metadata: t }, F, j), d(l, null, B, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (e) => "coachIndex" in e, get: (e) => e.coachIndex, set: (e, r) => {
154
+ } }, metadata: t }, V, j), d(l, null, B, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (e) => "coachIndex" in e, get: (e) => e.coachIndex, set: (e, r) => {
155
155
  e.coachIndex = r;
156
156
  } }, metadata: t }, U, K), d(l, null, M, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (e) => "preventClick" in e, get: (e) => e.preventClick, set: (e, r) => {
157
157
  e.preventClick = r;
158
158
  } }, metadata: t }, Y, q), d(l, null, G, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (e) => "keyfocus" in e, get: (e) => e.keyfocus, set: (e, r) => {
159
159
  e.keyfocus = r;
160
- } }, metadata: t }, H, J), d(null, o = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, i), b = o.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
160
+ } }, metadata: t }, H, J), d(null, o = { value: i }, s, { kind: "class", name: i.name, metadata: t }, null, b), i = o.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
161
161
  })(), l.styles = [le, de], l.events = {
162
162
  selectplace: "selectplace"
163
- }, c(b, i), b;
163
+ }, c(i, b), i;
164
164
  })();
165
165
  export {
166
166
  Ce as SbbSeatReservationPlaceControlElement