@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.1-dev.1777896783 → 5.0.0-next.1-dev.1777898769

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 (126) hide show
  1. package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +18 -18
  2. package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  3. package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  4. package/{autocomplete-grid-cell.component-BFzREPWp.js → autocomplete-grid-cell.component-DAsWZlTn.js} +6 -6
  5. package/{autocomplete-grid-row.component-BQxCxOI6.js → autocomplete-grid-row.component-VbyYP0U-.js} +7 -7
  6. package/autocomplete-grid.js +2 -2
  7. package/autocomplete-grid.pure.js +2 -2
  8. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
  9. package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +3 -3
  10. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
  11. package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
  12. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
  13. package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
  14. package/development/autocomplete-grid-cell.component-BF8i4388.js +33 -0
  15. package/development/{autocomplete-grid-row.component-CY4UDuuj.js → autocomplete-grid-row.component-CBHh50jC.js} +3 -3
  16. package/development/autocomplete-grid.js +2 -2
  17. package/development/autocomplete-grid.pure.js +2 -2
  18. package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
  19. package/development/journey-summary/journey-summary.component.js +1 -1
  20. package/development/journey-summary.component-De1ioDRq.js +341 -0
  21. package/development/journey-summary.js +1 -1
  22. package/development/journey-summary.pure.js +1 -1
  23. package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
  24. package/development/pearl-chain/pearl-chain.component.js +1 -1
  25. package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
  26. package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
  27. package/development/{pearl-chain-time.component-f2y8Jebp.js → pearl-chain-time.component-BxVQ1z-Z.js} +3 -7
  28. package/development/pearl-chain-time.js +1 -1
  29. package/development/pearl-chain-time.pure.js +1 -1
  30. package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
  31. package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  32. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
  33. package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  34. package/development/{pearl-chain-vertical-item.component-DHsk3J8I.js → pearl-chain-vertical-item.component-DJioJtxP.js} +3 -3
  35. package/development/pearl-chain-vertical-item.js +1 -1
  36. package/development/pearl-chain-vertical-item.pure.js +1 -1
  37. package/development/pearl-chain-vertical.component-zSOeIkhh.js +30 -0
  38. package/development/pearl-chain-vertical.js +1 -1
  39. package/development/pearl-chain-vertical.pure.js +1 -1
  40. package/development/{pearl-chain.component-bTvnaUEj.js → pearl-chain.component-B83OsEx8.js} +3 -7
  41. package/development/pearl-chain.js +1 -1
  42. package/development/pearl-chain.pure.js +1 -1
  43. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  44. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  45. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
  46. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  47. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
  48. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  49. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
  50. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
  51. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
  52. package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  53. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  54. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
  55. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
  56. package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  57. package/development/{seat-reservation-area.component-DlH14rY-.js → seat-reservation-area.component-CMqjbUtV.js} +3 -3
  58. package/development/{seat-reservation-graphic.component-B771YtOf.js → seat-reservation-graphic.component-C2r57590.js} +3 -3
  59. package/development/{seat-reservation-navigation-coach.component-CnA9MEBr.js → seat-reservation-navigation-coach.component-BwLbiHCG.js} +3 -7
  60. package/development/{seat-reservation-navigation-services.component-CLho6RnU.js → seat-reservation-navigation-services.component-Do8JLJh3.js} +3 -7
  61. package/development/{seat-reservation-place-control.component-BEeaDOS6.js → seat-reservation-place-control.component-BfuOGZYq.js} +3 -7
  62. package/development/{seat-reservation-scoped.component-X-Kq0-w5.js → seat-reservation-scoped.component-D-Mvw-Q3.js} +3 -3
  63. package/development/seat-reservation.component-B2nJ13F1.js +472 -0
  64. package/development/seat-reservation.js +7 -7
  65. package/development/seat-reservation.pure.js +7 -7
  66. package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
  67. package/development/timetable-duration/timetable-duration.component.js +1 -1
  68. package/development/timetable-duration.component-fBla8Kue.js +96 -0
  69. package/development/timetable-duration.js +1 -1
  70. package/development/timetable-duration.pure.js +1 -1
  71. package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
  72. package/development/timetable-row/timetable-row.component.js +1 -1
  73. package/development/timetable-row.component-C9Y9Rev1.js +732 -0
  74. package/development/timetable-row.js +1 -1
  75. package/development/timetable-row.pure.js +1 -1
  76. package/journey-summary/journey-summary.component.js +1 -1
  77. package/{journey-summary.component-DZ9M06Nt.js → journey-summary.component-CkDRawn9.js} +50 -54
  78. package/journey-summary.js +1 -1
  79. package/journey-summary.pure.js +1 -1
  80. package/package.json +2 -2
  81. package/pearl-chain/pearl-chain.component.js +1 -1
  82. package/pearl-chain-time/pearl-chain-time.component.js +1 -1
  83. package/{pearl-chain-time.component-DGilJDFx.js → pearl-chain-time.component-D5OCEBJ_.js} +39 -43
  84. package/pearl-chain-time.js +1 -1
  85. package/pearl-chain-time.pure.js +1 -1
  86. package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
  87. package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
  88. package/{pearl-chain-vertical-item.component-CO6HUZFL.js → pearl-chain-vertical-item.component-IdquCJMy.js} +28 -28
  89. package/pearl-chain-vertical-item.js +1 -1
  90. package/pearl-chain-vertical-item.pure.js +1 -1
  91. package/{pearl-chain-vertical.component-Lx47SlJU.js → pearl-chain-vertical.component-CDOWaup3.js} +6 -6
  92. package/pearl-chain-vertical.js +1 -1
  93. package/pearl-chain-vertical.pure.js +1 -1
  94. package/{pearl-chain.component-D7Dz_ruc.js → pearl-chain.component-C6lcD7Xl.js} +37 -41
  95. package/pearl-chain.js +1 -1
  96. package/pearl-chain.pure.js +1 -1
  97. package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
  98. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  99. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  100. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
  101. package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
  102. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
  103. package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
  104. package/{seat-reservation-area.component-B_T7k-dq.js → seat-reservation-area.component-BcmwKJSK.js} +16 -16
  105. package/{seat-reservation-graphic.component-BNtFgIVM.js → seat-reservation-graphic.component-C3wc4DKr.js} +26 -26
  106. package/{seat-reservation-navigation-coach.component-BF2dTeIb.js → seat-reservation-navigation-coach.component-D1SgS8BU.js} +49 -53
  107. package/{seat-reservation-navigation-services.component-BSeCIGnn.js → seat-reservation-navigation-services.component-CfAQa7pa.js} +26 -30
  108. package/{seat-reservation-place-control.component-DOEKL6FP.js → seat-reservation-place-control.component-DrzEDW8Z.js} +41 -45
  109. package/{seat-reservation-scoped.component-CdB7HYzl.js → seat-reservation-scoped.component-BohQUGVW.js} +6 -6
  110. package/{seat-reservation.component-SoXTIEnc.js → seat-reservation.component-CB2IWgM9.js} +76 -77
  111. package/seat-reservation.js +7 -7
  112. package/seat-reservation.pure.js +7 -7
  113. package/timetable-duration/timetable-duration.component.js +1 -1
  114. package/{timetable-duration.component-B2Wq8dP0.js → timetable-duration.component-DPRcG1LP.js} +14 -18
  115. package/timetable-duration.js +1 -1
  116. package/timetable-duration.pure.js +1 -1
  117. package/timetable-row/timetable-row.component.js +1 -1
  118. package/{timetable-row.component-BPH5pFQO.js → timetable-row.component-BqIVlISS.js} +113 -117
  119. package/timetable-row.js +1 -1
  120. package/timetable-row.pure.js +1 -1
  121. package/development/autocomplete-grid-cell.component-Buvsof-Y.js +0 -33
  122. package/development/journey-summary.component-Ch38LiQx.js +0 -345
  123. package/development/pearl-chain-vertical.component-Cmc3QXgd.js +0 -30
  124. package/development/seat-reservation.component-BtAwrvVE.js +0 -473
  125. package/development/timetable-duration.component-BhIBA6le.js +0 -100
  126. package/development/timetable-row.component-BjaJFKLW.js +0 -736
@@ -1,24 +1,24 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a } from "@sbb-esta/lyne-elements/core.js";
3
- import { SbbIconElement as o } from "@sbb-esta/lyne-elements/icon.pure.js";
4
- import { html as s, isServer as c, unsafeCSS as l } from "lit";
5
- import { property as u } from "lit/decorators.js";
6
- import { classMap as d } from "lit/directives/class-map.js";
7
- import { mapIconToSvg as f } from "./seat-reservation/common/mapper.js";
8
- import { getI18nSeatReservation as p } from "./seat-reservation/common/translations.js";
2
+ import { SbbElement as n, SbbLanguageController as r, forceType as i } from "@sbb-esta/lyne-elements/core.js";
3
+ import { SbbIconElement as a } from "@sbb-esta/lyne-elements/icon.pure.js";
4
+ import { html as o, isServer as s, unsafeCSS as c } from "lit";
5
+ import { property as l } from "lit/decorators.js";
6
+ import { classMap as u } from "lit/directives/class-map.js";
7
+ import { mapIconToSvg as d } from "./seat-reservation/common/mapper.js";
8
+ import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
9
9
  //#region src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.scss?inline
10
- var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reservation-graphic-max-height: auto;--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-padding-percent: 1;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-z-index: 0;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);z-index:var(--sbb-seat-reservation-graphic-z-index);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-sr-graphic__dimension--square-dim){--sbb-icon-svg-width: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));--sbb-icon-svg-height: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));width:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));height:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}", h = (() => {
11
- let h = n, g, _ = [], v = [], y, b = [], x = [];
12
- return class extends h {
10
+ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reservation-graphic-max-height: auto;--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-padding-percent: 1;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-z-index: 0;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);z-index:var(--sbb-seat-reservation-graphic-z-index);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-sr-graphic__dimension--square-dim){--sbb-icon-svg-width: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));--sbb-icon-svg-height: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));width:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));height:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}", m = (() => {
11
+ let m = n, h, g = [], _ = [], v, y = [], b = [];
12
+ return class extends m {
13
13
  constructor() {
14
- super(...arguments), this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, !1)), this._language = (t(this, x), new r(this));
14
+ super(...arguments), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this._language = (t(this, b), new r(this));
15
15
  }
16
16
  static {
17
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
18
- g = [a(), u({ attribute: "name" })], y = [a(), u({
17
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
18
+ h = [i(), l({ attribute: "name" })], v = [i(), l({
19
19
  attribute: "stretch",
20
20
  type: Boolean
21
- })], e(this, null, g, {
21
+ })], e(this, null, h, {
22
22
  kind: "accessor",
23
23
  name: "name",
24
24
  static: !1,
@@ -31,7 +31,7 @@ var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
31
31
  }
32
32
  },
33
33
  metadata: t
34
- }, _, v), e(this, null, y, {
34
+ }, g, _), e(this, null, v, {
35
35
  kind: "accessor",
36
36
  name: "stretch",
37
37
  static: !1,
@@ -44,7 +44,7 @@ var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
44
44
  }
45
45
  },
46
46
  metadata: t
47
- }, b, x), t && Object.defineProperty(this, Symbol.metadata, {
47
+ }, y, b), t && Object.defineProperty(this, Symbol.metadata, {
48
48
  enumerable: !0,
49
49
  configurable: !0,
50
50
  writable: !0,
@@ -55,10 +55,10 @@ var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
55
55
  this.elementName = "sbb-seat-reservation-graphic";
56
56
  }
57
57
  static {
58
- this.elementDependencies = [o];
58
+ this.elementDependencies = [a];
59
59
  }
60
60
  static {
61
- this.styles = [i, l(m)];
61
+ this.styles = [c(p)];
62
62
  }
63
63
  #e;
64
64
  get name() {
@@ -75,22 +75,22 @@ var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
75
75
  this.#t = e;
76
76
  }
77
77
  render() {
78
- let e = f[this.name];
79
- return !e?.svg && !e?.svgName ? null : s`<span
80
- class="${d({
78
+ let e = d[this.name];
79
+ return !e?.svg && !e?.svgName ? null : o`<span
80
+ class="${u({
81
81
  "sbb-sr-icon": !!e.svgName,
82
82
  "sbb-sr-graphic": !!e.svg
83
83
  })}"
84
84
  >
85
- ${e.svgName ? s` <sbb-icon
85
+ ${e.svgName ? o` <sbb-icon
86
86
  name="${e.svgName || ""}"
87
87
  aria-hidden="false"
88
- aria-label="${p(e.svgName, this._language.current)}"
89
- ></sbb-icon>` : s`${this._getSvgElement(e.svg)}`}
88
+ aria-label="${f(e.svgName, this._language.current)}"
89
+ ></sbb-icon>` : o`${this._getSvgElement(e.svg)}`}
90
90
  </span>`;
91
91
  }
92
92
  _getSvgElement(e) {
93
- if (!c) {
93
+ if (!s) {
94
94
  let t = new DOMParser(), n = e || "<svg></svg>", r = t.parseFromString(n, "image/svg+xml").firstElementChild;
95
95
  return this.stretch && r?.nodeName.toLowerCase() === "svg" && r.setAttribute("preserveAspectRatio", "none"), r;
96
96
  }
@@ -99,4 +99,4 @@ var m = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
99
99
  };
100
100
  })();
101
101
  //#endregion
102
- export { h as t };
102
+ export { m as t };
@@ -1,30 +1,30 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a, screenReaderOnlyStyles as o } from "@sbb-esta/lyne-elements/core.js";
3
- import { html as s, nothing as c, unsafeCSS as l } from "lit";
4
- import { property as u } from "lit/decorators.js";
5
- import { classMap as d } from "lit/directives/class-map.js";
6
- import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
7
- import { SbbSeatReservationNavigationServicesElement as p } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
2
+ import { SbbElement as n, SbbLanguageController as r, forceType as i, screenReaderOnlyStyles as a } from "@sbb-esta/lyne-elements/core.js";
3
+ import { html as o, nothing as s, unsafeCSS as c } from "lit";
4
+ import { property as l } from "lit/decorators.js";
5
+ import { classMap as u } from "lit/directives/class-map.js";
6
+ import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
7
+ import { SbbSeatReservationNavigationServicesElement as f } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
8
8
  //#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.scss?inline
9
- var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem, .0625rem));--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width-default: 1;--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-default );--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-background-color-disabled: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__ctrl-button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-focused );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-focused );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-focused );outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected );background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-disabled );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-disabled );cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", h = (() => {
10
- let h = n, g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [];
11
- return class extends h {
9
+ var p = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem, .0625rem));--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width-default: 1;--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-default );--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-background-color-disabled: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__ctrl-button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-focused );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-focused );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-focused );outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected );background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-disabled );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-disabled );cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:\"\";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", m = (() => {
10
+ let m = n, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [];
11
+ return class extends m {
12
12
  constructor() {
13
- super(...arguments), this.#e = t(this, _, !1), this.#t = (t(this, v), t(this, b, !1)), this.#n = (t(this, x), t(this, C, !1)), this.#r = (t(this, w), t(this, E, !0)), this.#i = (t(this, D), t(this, k, 0)), this.#a = (t(this, A), t(this, M, {})), this.#o = (t(this, N), t(this, F, !1)), this.#s = (t(this, I), t(this, R, !1)), this.#c = (t(this, z), t(this, V, !1)), this._language = (t(this, H), new r(this));
13
+ super(...arguments), this.#e = t(this, g, !1), this.#t = (t(this, _), t(this, y, !1)), this.#n = (t(this, b), t(this, S, !1)), this.#r = (t(this, C), t(this, T, !0)), this.#i = (t(this, E), t(this, O, 0)), this.#a = (t(this, k), t(this, j, {})), this.#o = (t(this, M), t(this, P, !1)), this.#s = (t(this, F), t(this, L, !1)), this.#c = (t(this, R), t(this, B, !1)), this._language = (t(this, V), new r(this));
14
14
  }
15
15
  static {
16
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
17
- g = [a(), u({ type: Boolean })], y = [a(), u({ type: Boolean })], S = [a(), u({ type: Boolean })], T = [a(), u({ type: Boolean })], O = [a(), u({ type: Number })], j = [u({
16
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
17
+ h = [i(), l({ type: Boolean })], v = [i(), l({ type: Boolean })], x = [i(), l({ type: Boolean })], w = [i(), l({ type: Boolean })], D = [i(), l({ type: Number })], A = [l({
18
18
  attribute: "coach-item-details",
19
19
  type: Object
20
- })], P = [a(), u({
20
+ })], N = [i(), l({
21
21
  attribute: "disable",
22
22
  type: Boolean
23
- })], L = [a(), u({
23
+ })], I = [i(), l({
24
24
  type: Boolean,
25
25
  reflect: !0,
26
26
  useDefault: !0
27
- })], B = [a(), u({ type: Boolean })], e(this, null, g, {
27
+ })], z = [i(), l({ type: Boolean })], e(this, null, h, {
28
28
  kind: "accessor",
29
29
  name: "selected",
30
30
  static: !1,
@@ -37,7 +37,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
37
37
  }
38
38
  },
39
39
  metadata: t
40
- }, _, v), e(this, null, y, {
40
+ }, g, _), e(this, null, v, {
41
41
  kind: "accessor",
42
42
  name: "focused",
43
43
  static: !1,
@@ -50,7 +50,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
50
50
  }
51
51
  },
52
52
  metadata: t
53
- }, b, x), e(this, null, S, {
53
+ }, y, b), e(this, null, x, {
54
54
  kind: "accessor",
55
55
  name: "hovered",
56
56
  static: !1,
@@ -63,7 +63,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
63
63
  }
64
64
  },
65
65
  metadata: t
66
- }, C, w), e(this, null, T, {
66
+ }, S, C), e(this, null, w, {
67
67
  kind: "accessor",
68
68
  name: "nativeFocusActive",
69
69
  static: !1,
@@ -76,7 +76,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
76
76
  }
77
77
  },
78
78
  metadata: t
79
- }, E, D), e(this, null, O, {
79
+ }, T, E), e(this, null, D, {
80
80
  kind: "accessor",
81
81
  name: "index",
82
82
  static: !1,
@@ -89,7 +89,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
89
89
  }
90
90
  },
91
91
  metadata: t
92
- }, k, A), e(this, null, j, {
92
+ }, O, k), e(this, null, A, {
93
93
  kind: "accessor",
94
94
  name: "coachItemDetails",
95
95
  static: !1,
@@ -102,7 +102,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
102
102
  }
103
103
  },
104
104
  metadata: t
105
- }, M, N), e(this, null, P, {
105
+ }, j, M), e(this, null, N, {
106
106
  kind: "accessor",
107
107
  name: "disable",
108
108
  static: !1,
@@ -115,7 +115,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
115
115
  }
116
116
  },
117
117
  metadata: t
118
- }, F, I), e(this, null, L, {
118
+ }, P, F), e(this, null, I, {
119
119
  kind: "accessor",
120
120
  name: "vertical",
121
121
  static: !1,
@@ -128,7 +128,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
128
128
  }
129
129
  },
130
130
  metadata: t
131
- }, R, z), e(this, null, B, {
131
+ }, L, R), e(this, null, z, {
132
132
  kind: "accessor",
133
133
  name: "showTitleInfo",
134
134
  static: !1,
@@ -141,7 +141,7 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
141
141
  }
142
142
  },
143
143
  metadata: t
144
- }, V, H), t && Object.defineProperty(this, Symbol.metadata, {
144
+ }, B, V), t && Object.defineProperty(this, Symbol.metadata, {
145
145
  enumerable: !0,
146
146
  configurable: !0,
147
147
  writable: !0,
@@ -152,14 +152,10 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
152
152
  this.elementName = "sbb-seat-reservation-navigation-coach";
153
153
  }
154
154
  static {
155
- this.elementDependencies = [p];
155
+ this.elementDependencies = [f];
156
156
  }
157
157
  static {
158
- this.styles = [
159
- i,
160
- o,
161
- l(m)
162
- ];
158
+ this.styles = [a, c(p)];
163
159
  }
164
160
  static {
165
161
  this.events = {
@@ -244,9 +240,9 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
244
240
  }
245
241
  }
246
242
  render() {
247
- return s`
243
+ return o`
248
244
  <div
249
- class="${d({
245
+ class="${u({
250
246
  "sbb-sr-navigation__item-coach": !0,
251
247
  "last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
252
248
  "first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
@@ -256,65 +252,65 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
256
252
  })}"
257
253
  >
258
254
  ${this._getNavigationButton()}
259
- ${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
255
+ ${this.coachItemDetails.propertyIds?.length ? o`<sbb-seat-reservation-navigation-services
260
256
  ?vertical="${this.vertical}"
261
257
  .propertyIds="${this.coachItemDetails.propertyIds}"
262
258
  ?showTitleInfo="${this.showTitleInfo}"
263
- ></sbb-seat-reservation-navigation-services>` : c}
259
+ ></sbb-seat-reservation-navigation-services>` : s}
264
260
  </div>
265
261
  `;
266
262
  }
267
263
  _getNavigationButton() {
268
264
  let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
269
- return s` <button
265
+ return o` <button
270
266
  @click=${() => this._selectNavCoach(this.index)}
271
- class="${d({
267
+ class="${u({
272
268
  "sbb-sr-navigation__ctrl-button": !0,
273
269
  "sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
274
270
  })}"
275
271
  ?disabled="${this.disable}"
276
- title="${this.showTitleInfo ? t : c}"
272
+ title="${this.showTitleInfo ? t : s}"
277
273
  type="button"
278
274
  aria-describedby="nav-coach-service-descriptions-${this.index}"
279
275
  >
280
276
  ${this._getBtnInformation(e)}
281
277
  <span class="sbb-screen-reader-only" id="nav-coach-service-descriptions-${this.index}">
282
- ${this.showTitleInfo ? c : s`<div>${t}</div>`}
283
- ${n ? s`<div>${n}</div>` : c}
278
+ ${this.showTitleInfo ? s : o`<div>${t}</div>`}
279
+ ${n ? o`<div>${n}</div>` : s}
284
280
  </span>
285
281
  </button>`;
286
282
  }
287
283
  _getBtnInformation(e) {
288
- return this.coachItemDetails.isDriverArea ? null : s`
289
- ${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
290
- ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
291
- ${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
284
+ return this.coachItemDetails.isDriverArea ? null : o`
285
+ ${e === 1 ? o`<span class="sbb-sr-navigation--first-class"></span>` : s}
286
+ ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? o`<div class="sbb-sr-navigation__additional-information">
287
+ ${this.coachItemDetails.id ? o`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
292
288
  ${this.coachItemDetails.id}
293
- </div>` : c}
289
+ </div>` : s}
294
290
  <div
295
- ${e ?? c}
291
+ ${e ?? s}
296
292
  class="sbb-sr-navigation__item-coach-travelclass"
297
293
  aria-hidden="true"
298
294
  >
299
295
  ${e}
300
296
  </div>
301
- </div>` : c}
297
+ </div>` : s}
302
298
  `;
303
299
  }
304
300
  _getTitleDescriptionNavCoachButton(e) {
305
- if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.isLocomotive) return f("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
306
- if (this.coachItemDetails.isLocomotive) return f("COACH_LOCOMOTIVE", this._language.current);
307
- let t = f("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
301
+ if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.isLocomotive) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
302
+ if (this.coachItemDetails.isLocomotive) return d("COACH_LOCOMOTIVE", this._language.current);
303
+ let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
308
304
  if (e) {
309
- let n = f(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = f("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
305
+ let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
310
306
  t = t.concat(r);
311
307
  }
312
- let n = f("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
308
+ let n = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
313
309
  return t = t.concat(". ").concat(n), t;
314
310
  }
315
311
  _getAriaDescriptionCoachServices() {
316
312
  let e = null;
317
- return this.coachItemDetails.propertyIds?.length && (e = f("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => f(e, this._language.current)).join() + "."), e;
313
+ return this.coachItemDetails.propertyIds?.length && (e = d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => d(e, this._language.current)).join() + "."), e;
318
314
  }
319
315
  _selectNavCoach(e) {
320
316
  this.dispatchEvent(new CustomEvent("selectcoach", {
@@ -329,4 +325,4 @@ var m = ":host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservat
329
325
  };
330
326
  })();
331
327
  //#endregion
332
- export { h as t };
328
+ export { m as t };
@@ -1,26 +1,26 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
- import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a, screenReaderOnlyStyles as o } from "@sbb-esta/lyne-elements/core.js";
3
- import { html as s, nothing as c, unsafeCSS as l } from "lit";
4
- import { property as u } from "lit/decorators.js";
5
- import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
6
- import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
2
+ import { SbbElement as n, SbbLanguageController as r, forceType as i, screenReaderOnlyStyles as a } from "@sbb-esta/lyne-elements/core.js";
3
+ import { html as o, nothing as s, unsafeCSS as c } from "lit";
4
+ import { property as l } from "lit/decorators.js";
5
+ import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
6
+ import { SbbSeatReservationGraphicElement as d } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
7
7
  //#region src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.scss?inline
8
- var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}", m = (() => {
9
- let m = n, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
10
- return class extends m {
8
+ var f = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}", p = (() => {
9
+ let p = n, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
10
+ return class extends p {
11
11
  constructor() {
12
- super(...arguments), this.#e = t(this, g, []), this.#t = (t(this, _), t(this, y, !1)), this.#n = (t(this, b), t(this, S, !1)), this._language = (t(this, C), new r(this));
12
+ super(...arguments), this.#e = t(this, h, []), this.#t = (t(this, g), t(this, v, !1)), this.#n = (t(this, y), t(this, x, !1)), this._language = (t(this, S), new r(this));
13
13
  }
14
14
  static {
15
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
16
- h = [u({
15
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
16
+ m = [l({
17
17
  attribute: "property-ids",
18
18
  type: Array
19
- })], v = [a(), u({
19
+ })], _ = [i(), l({
20
20
  type: Boolean,
21
21
  reflect: !0,
22
22
  useDefault: !0
23
- })], x = [a(), u({ type: Boolean })], e(this, null, h, {
23
+ })], b = [i(), l({ type: Boolean })], e(this, null, m, {
24
24
  kind: "accessor",
25
25
  name: "propertyIds",
26
26
  static: !1,
@@ -33,7 +33,7 @@ var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
33
33
  }
34
34
  },
35
35
  metadata: t
36
- }, g, _), e(this, null, v, {
36
+ }, h, g), e(this, null, _, {
37
37
  kind: "accessor",
38
38
  name: "vertical",
39
39
  static: !1,
@@ -46,7 +46,7 @@ var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
46
46
  }
47
47
  },
48
48
  metadata: t
49
- }, y, b), e(this, null, x, {
49
+ }, v, y), e(this, null, b, {
50
50
  kind: "accessor",
51
51
  name: "showTitleInfo",
52
52
  static: !1,
@@ -59,7 +59,7 @@ var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
59
59
  }
60
60
  },
61
61
  metadata: t
62
- }, S, C), t && Object.defineProperty(this, Symbol.metadata, {
62
+ }, x, S), t && Object.defineProperty(this, Symbol.metadata, {
63
63
  enumerable: !0,
64
64
  configurable: !0,
65
65
  writable: !0,
@@ -70,14 +70,10 @@ var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
70
70
  this.elementName = "sbb-seat-reservation-navigation-services";
71
71
  }
72
72
  static {
73
- this.elementDependencies = [f];
73
+ this.elementDependencies = [d];
74
74
  }
75
75
  static {
76
- this.styles = [
77
- i,
78
- o,
79
- l(p)
80
- ];
76
+ this.styles = [a, c(f)];
81
77
  }
82
78
  #e;
83
79
  get propertyIds() {
@@ -102,27 +98,27 @@ var p = ".sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-conte
102
98
  }
103
99
  render() {
104
100
  let e = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
105
- return s` <div class="sbb-sr-navigation__signs">
101
+ return o` <div class="sbb-sr-navigation__signs">
106
102
  <span
107
103
  class="sbb-screen-reader-only"
108
- ${e || c}
104
+ ${e || s}
109
105
  >${e}</span
110
106
  >
111
- ${this.propertyIds?.map((e) => s`
107
+ ${this.propertyIds?.map((e) => o`
112
108
  <sbb-seat-reservation-graphic
113
109
  class="auto-width"
114
- name=${e ?? c}
115
- title=${this.showTitleInfo ? d(e, this._language.current) : c}
110
+ name=${e ?? s}
111
+ title=${this.showTitleInfo ? u(e, this._language.current) : s}
116
112
  aria-hidden="true"
117
113
  ></sbb-seat-reservation-graphic>
118
114
  `)}
119
115
  </div>`;
120
116
  }
121
117
  _getServiceLabelDescription() {
122
- let e = null, t = this.propertyIds.map((e) => d(e, this._language.current)).filter((e) => !!e).join(", ");
123
- return t && (e = d("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), e;
118
+ let e = null, t = this.propertyIds.map((e) => u(e, this._language.current)).filter((e) => !!e).join(", ");
119
+ return t && (e = u("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), e;
124
120
  }
125
121
  };
126
122
  })();
127
123
  //#endregion
128
- export { m as t };
124
+ export { p as t };