@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773149682 → 4.7.0-dev.1773157364
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.
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +74 -82
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +9 -10
- package/autocomplete-grid/autocomplete-grid-button.js +5 -2
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +11 -19
- package/autocomplete-grid/autocomplete-grid-cell.js +5 -2
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +20 -27
- package/autocomplete-grid/autocomplete-grid-optgroup.js +5 -2
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +30 -38
- package/autocomplete-grid/autocomplete-grid-option.js +5 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -22
- package/autocomplete-grid/autocomplete-grid-row.js +5 -2
- package/autocomplete-grid/autocomplete-grid.js +5 -2
- package/autocomplete-grid.js +20 -13
- package/autocomplete-grid.pure.js +15 -0
- package/custom-elements.json +462 -237
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +2 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +109 -122
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +3 -2
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +3 -4
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -4
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +12 -24
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts +3 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +21 -36
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -0
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +32 -44
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option.js +6 -2
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -4
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -28
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid.js +4 -1
- package/development/autocomplete-grid.d.ts +1 -9
- package/development/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid.js +10 -3
- package/development/autocomplete-grid.pure.d.ts +8 -0
- package/development/autocomplete-grid.pure.d.ts.map +1 -0
- package/development/autocomplete-grid.pure.js +16 -0
- package/development/core/datetime.d.ts +1 -3
- package/development/core/datetime.d.ts.map +1 -1
- package/development/core/timetable/timetable-properties.d.ts +30 -30
- package/development/core/timetable/timetable-properties.d.ts.map +1 -1
- package/development/core/timetable.d.ts +1 -3
- package/development/core/timetable.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.d.ts +4 -2
- package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.js +9 -15
- package/development/journey-summary.d.ts +1 -4
- package/development/journey-summary.d.ts.map +1 -1
- package/development/journey-summary.js +2 -1
- package/development/journey-summary.pure.d.ts +3 -0
- package/development/journey-summary.pure.d.ts.map +1 -0
- package/development/journey-summary.pure.js +5 -0
- package/development/pearl-chain/pearl-chain.component.d.ts +4 -2
- package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
- package/development/pearl-chain/pearl-chain.component.js +9 -15
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts +4 -2
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +9 -15
- package/development/pearl-chain-time.d.ts +1 -4
- package/development/pearl-chain-time.d.ts.map +1 -1
- package/development/pearl-chain-time.js +2 -1
- package/development/pearl-chain-time.pure.d.ts +3 -0
- package/development/pearl-chain-time.pure.d.ts.map +1 -0
- package/development/pearl-chain-time.pure.js +5 -0
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts +4 -2
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -23
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts +4 -2
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +9 -15
- package/development/pearl-chain-vertical-item.d.ts +1 -4
- package/development/pearl-chain-vertical-item.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item.js +2 -1
- package/development/pearl-chain-vertical-item.pure.d.ts +3 -0
- package/development/pearl-chain-vertical-item.pure.d.ts.map +1 -0
- package/development/pearl-chain-vertical-item.pure.js +5 -0
- package/development/pearl-chain-vertical.d.ts +1 -4
- package/development/pearl-chain-vertical.d.ts.map +1 -1
- package/development/pearl-chain-vertical.js +2 -1
- package/development/pearl-chain-vertical.pure.d.ts +3 -0
- package/development/pearl-chain-vertical.pure.d.ts.map +1 -0
- package/development/pearl-chain-vertical.pure.js +5 -0
- package/development/pearl-chain.d.ts +1 -4
- package/development/pearl-chain.d.ts.map +1 -1
- package/development/pearl-chain.js +2 -1
- package/development/pearl-chain.pure.d.ts +3 -0
- package/development/pearl-chain.pure.d.ts.map +1 -0
- package/development/pearl-chain.pure.js +5 -0
- package/development/seat-reservation/common/mapper/icon-mapper.d.ts +2 -2
- package/development/seat-reservation/common/mapper/icon-mapper.d.ts.map +1 -1
- package/development/seat-reservation/common/mapper/icon-mapper.js +1 -1
- package/development/seat-reservation/common/types.d.ts +22 -22
- package/development/seat-reservation/common/types.d.ts.map +1 -1
- package/development/seat-reservation/common.d.ts +1 -3
- package/development/seat-reservation/common.d.ts.map +1 -1
- package/development/seat-reservation/common.js +3 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +4 -3
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +1 -0
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +344 -352
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +9 -15
- package/development/seat-reservation/seat-reservation-area.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-area.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area.js +4 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +6 -4
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +11 -16
- package/development/seat-reservation/seat-reservation-graphic.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-graphic.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic.js +4 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +5 -3
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +12 -17
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach.js +4 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +12 -17
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services.js +4 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +2 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +10 -16
- package/development/seat-reservation/seat-reservation-place-control.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-place-control.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control.js +4 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -23
- package/development/seat-reservation/seat-reservation-scoped.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-scoped.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped.js +4 -1
- package/development/seat-reservation/seat-reservation.d.ts +0 -3
- package/development/seat-reservation/seat-reservation.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation.js +4 -1
- package/development/seat-reservation.d.ts +1 -11
- package/development/seat-reservation.d.ts.map +1 -1
- package/development/seat-reservation.js +13 -3
- package/development/seat-reservation.pure.d.ts +15 -0
- package/development/seat-reservation.pure.d.ts.map +1 -0
- package/development/seat-reservation.pure.js +33 -0
- package/development/timetable-duration/timetable-duration.component.d.ts +4 -2
- package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
- package/development/timetable-duration/timetable-duration.component.js +9 -15
- package/development/timetable-duration.d.ts +1 -4
- package/development/timetable-duration.d.ts.map +1 -1
- package/development/timetable-duration.js +2 -1
- package/development/timetable-duration.pure.d.ts +3 -0
- package/development/timetable-duration.pure.d.ts.map +1 -0
- package/development/timetable-duration.pure.js +5 -0
- package/development/timetable-row/timetable-row.component.d.ts +4 -2
- package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
- package/development/timetable-row/timetable-row.component.js +9 -15
- package/development/timetable-row.d.ts +1 -4
- package/development/timetable-row.d.ts.map +1 -1
- package/development/timetable-row.js +4 -2
- package/development/timetable-row.pure.d.ts +3 -0
- package/development/timetable-row.pure.d.ts.map +1 -0
- package/development/timetable-row.pure.js +12 -0
- package/index.d.ts +9 -20
- package/index.js +9 -20
- package/journey-summary/journey-summary.component.js +88 -87
- package/journey-summary.js +3 -2
- package/journey-summary.pure.js +4 -0
- package/package.json +47 -2
- package/pearl-chain/pearl-chain.component.js +74 -73
- package/pearl-chain-time/pearl-chain-time.component.js +64 -63
- package/pearl-chain-time.js +3 -2
- package/pearl-chain-time.pure.js +4 -0
- package/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -18
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +39 -38
- package/pearl-chain-vertical-item.js +3 -2
- package/pearl-chain-vertical-item.pure.js +4 -0
- package/pearl-chain-vertical.js +3 -2
- package/pearl-chain-vertical.pure.js +4 -0
- package/pearl-chain.js +3 -2
- package/pearl-chain.pure.js +4 -0
- package/seat-reservation/common.js +10 -8
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
- package/seat-reservation/seat-reservation/seat-reservation.component.js +261 -263
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +32 -31
- package/seat-reservation/seat-reservation-area.js +5 -2
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +18 -16
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +42 -40
- package/seat-reservation/seat-reservation-graphic.js +5 -2
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +117 -115
- package/seat-reservation/seat-reservation-navigation-coach.js +5 -2
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +53 -51
- package/seat-reservation/seat-reservation-navigation-services.js +5 -2
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +79 -78
- package/seat-reservation/seat-reservation-place-control.js +5 -2
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -18
- package/seat-reservation/seat-reservation-scoped.js +5 -2
- package/seat-reservation/seat-reservation.js +5 -2
- package/seat-reservation.js +37 -27
- package/seat-reservation.pure.js +32 -0
- package/timetable-duration/timetable-duration.component.js +29 -28
- package/timetable-duration.js +3 -2
- package/timetable-duration.pure.js +4 -0
- package/timetable-row/timetable-row.component.js +152 -151
- package/timetable-row.js +11 -9
- package/timetable-row.pure.js +11 -0
|
@@ -1,103 +1,105 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var X = (s) => {
|
|
2
|
+
throw TypeError(s);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
4
|
+
var Y = (s, n, b) => n.has(s) || X("Cannot " + b);
|
|
5
|
+
var c = (s, n, b) => (Y(s, n, "read from private field"), b ? b.call(s) : n.get(s)), l = (s, n, b) => n.has(s) ? X("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, b), t = (s, n, b, A) => (Y(s, n, "write to private field"), A ? A.call(s, b) : n.set(s, b), b);
|
|
6
|
+
import { __runInitializers as o, __esDecorate as v } from "tslib";
|
|
7
|
+
import { SbbElement as ea } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
|
+
import { SbbLanguageController as ta } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
|
+
import { forceType as g } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
10
|
+
import { boxSizingStyles as sa } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
11
|
+
import { css as ia, nothing as u, html as d } from "lit";
|
|
12
|
+
import { property as h } from "lit/decorators.js";
|
|
13
|
+
import { classMap as Z } from "lit/directives/class-map.js";
|
|
14
|
+
import { getI18nSeatReservation as _ } from "../common/translations.js";
|
|
15
|
+
import { SbbSeatReservationNavigationServicesElement as oa } from "../seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
|
|
14
16
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
15
|
-
import "../seat-reservation-navigation-services.js";
|
|
16
|
-
const va = ba`: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))}`;
|
|
17
|
-
let
|
|
18
|
-
var f, p, x, k, w, I,
|
|
19
|
-
let
|
|
20
|
-
return
|
|
17
|
+
const na = ia`: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))}`;
|
|
18
|
+
oa.define();
|
|
19
|
+
let wa = (() => {
|
|
20
|
+
var m, f, p, x, k, w, I, y, D, i;
|
|
21
|
+
let s = ea, n, b = [], A = [], C, T = [], $ = [], z, B = [], E = [], O, S = [], F = [], L, V = [], N = [], j, H = [], U = [], G, K = [], M = [], P, q = [], W = [], J, Q = [], R = [];
|
|
22
|
+
return i = class extends s {
|
|
21
23
|
constructor() {
|
|
22
24
|
super(...arguments);
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
t(this,
|
|
25
|
+
l(this, m);
|
|
26
|
+
l(this, f);
|
|
27
|
+
l(this, p);
|
|
28
|
+
l(this, x);
|
|
29
|
+
l(this, k);
|
|
30
|
+
l(this, w);
|
|
31
|
+
l(this, I);
|
|
32
|
+
l(this, y);
|
|
33
|
+
l(this, D);
|
|
34
|
+
t(this, m, o(this, b, !1)), t(this, f, (o(this, A), o(this, T, !1))), t(this, p, (o(this, $), o(this, B, !1))), t(this, x, (o(this, E), o(this, S, !0))), t(this, k, (o(this, F), o(this, V, 0))), t(this, w, (o(this, N), o(this, H, {}))), t(this, I, (o(this, U), o(this, K, !1))), t(this, y, (o(this, M), o(this, q, !1))), t(this, D, (o(this, W), o(this, Q, !1))), this._language = (o(this, R), new ta(this));
|
|
33
35
|
}
|
|
34
36
|
/** Select coach property */
|
|
35
37
|
get selected() {
|
|
36
|
-
return
|
|
38
|
+
return c(this, m);
|
|
37
39
|
}
|
|
38
|
-
set selected(
|
|
39
|
-
t(this,
|
|
40
|
+
set selected(r) {
|
|
41
|
+
t(this, m, r);
|
|
40
42
|
}
|
|
41
43
|
/** Focus coach property */
|
|
42
44
|
get focused() {
|
|
43
|
-
return
|
|
45
|
+
return c(this, f);
|
|
44
46
|
}
|
|
45
|
-
set focused(
|
|
46
|
-
t(this,
|
|
47
|
+
set focused(r) {
|
|
48
|
+
t(this, f, r);
|
|
47
49
|
}
|
|
48
50
|
/** Hover coach property */
|
|
49
51
|
get hovered() {
|
|
50
|
-
return
|
|
52
|
+
return c(this, p);
|
|
51
53
|
}
|
|
52
|
-
set hovered(
|
|
53
|
-
t(this,
|
|
54
|
+
set hovered(r) {
|
|
55
|
+
t(this, p, r);
|
|
54
56
|
}
|
|
55
57
|
/** Native focus for this navigation coach is also set when the focused property is changed */
|
|
56
58
|
get nativeFocusActive() {
|
|
57
|
-
return
|
|
59
|
+
return c(this, x);
|
|
58
60
|
}
|
|
59
|
-
set nativeFocusActive(
|
|
60
|
-
t(this,
|
|
61
|
+
set nativeFocusActive(r) {
|
|
62
|
+
t(this, x, r);
|
|
61
63
|
}
|
|
62
64
|
get index() {
|
|
63
|
-
return
|
|
65
|
+
return c(this, k);
|
|
64
66
|
}
|
|
65
|
-
set index(
|
|
66
|
-
t(this,
|
|
67
|
+
set index(r) {
|
|
68
|
+
t(this, k, r);
|
|
67
69
|
}
|
|
68
70
|
get coachItemDetails() {
|
|
69
|
-
return
|
|
71
|
+
return c(this, w);
|
|
70
72
|
}
|
|
71
|
-
set coachItemDetails(
|
|
72
|
-
t(this,
|
|
73
|
+
set coachItemDetails(r) {
|
|
74
|
+
t(this, w, r);
|
|
73
75
|
}
|
|
74
76
|
/** Disable the coach navigation */
|
|
75
77
|
get disable() {
|
|
76
|
-
return
|
|
78
|
+
return c(this, I);
|
|
77
79
|
}
|
|
78
|
-
set disable(
|
|
79
|
-
t(this,
|
|
80
|
+
set disable(r) {
|
|
81
|
+
t(this, I, r);
|
|
80
82
|
}
|
|
81
83
|
/** If the coach navigation should be displayed vertically */
|
|
82
84
|
get vertical() {
|
|
83
|
-
return
|
|
85
|
+
return c(this, y);
|
|
84
86
|
}
|
|
85
|
-
set vertical(
|
|
86
|
-
t(this, y,
|
|
87
|
+
set vertical(r) {
|
|
88
|
+
t(this, y, r);
|
|
87
89
|
}
|
|
88
90
|
/** Disable the mouse over title information */
|
|
89
91
|
get showTitleInfo() {
|
|
90
|
-
return
|
|
92
|
+
return c(this, D);
|
|
91
93
|
}
|
|
92
|
-
set showTitleInfo(
|
|
93
|
-
t(this,
|
|
94
|
+
set showTitleInfo(r) {
|
|
95
|
+
t(this, D, r);
|
|
94
96
|
}
|
|
95
|
-
willUpdate(
|
|
96
|
-
if (super.willUpdate(
|
|
97
|
+
willUpdate(r) {
|
|
98
|
+
if (super.willUpdate(r), r.has("selected")) {
|
|
97
99
|
const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
98
100
|
this.selected && a && (this.nativeFocusActive && a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
|
|
99
101
|
}
|
|
100
|
-
if (
|
|
102
|
+
if (r.has("focused") && this.focused) {
|
|
101
103
|
const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
102
104
|
a && this.nativeFocusActive && a.focus();
|
|
103
105
|
}
|
|
@@ -108,9 +110,9 @@ let ya = (() => {
|
|
|
108
110
|
* @protected
|
|
109
111
|
*/
|
|
110
112
|
render() {
|
|
111
|
-
return
|
|
113
|
+
return d`
|
|
112
114
|
<div
|
|
113
|
-
class="${
|
|
115
|
+
class="${Z({
|
|
114
116
|
"sbb-sr-navigation__item-coach": !0,
|
|
115
117
|
"last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
|
|
116
118
|
"first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
|
|
@@ -120,113 +122,113 @@ let ya = (() => {
|
|
|
120
122
|
})}"
|
|
121
123
|
>
|
|
122
124
|
${this._getNavigationButton()}
|
|
123
|
-
${this.coachItemDetails.propertyIds?.length ?
|
|
125
|
+
${this.coachItemDetails.propertyIds?.length ? d`<sbb-seat-reservation-navigation-services
|
|
124
126
|
?vertical="${this.vertical}"
|
|
125
127
|
.propertyIds="${this.coachItemDetails.propertyIds}"
|
|
126
128
|
?showTitleInfo="${this.showTitleInfo}"
|
|
127
|
-
></sbb-seat-reservation-navigation-services>` :
|
|
129
|
+
></sbb-seat-reservation-navigation-services>` : u}
|
|
128
130
|
</div>
|
|
129
131
|
`;
|
|
130
132
|
}
|
|
131
133
|
_getNavigationButton() {
|
|
132
|
-
const
|
|
133
|
-
return
|
|
134
|
+
const r = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(r), e = this._getAriaDescriptionCoachServices();
|
|
135
|
+
return d` <button
|
|
134
136
|
@click=${() => this._selectNavCoach(this.index)}
|
|
135
|
-
class="${
|
|
137
|
+
class="${Z({
|
|
136
138
|
"sbb-sr-navigation__ctrl-button": !0,
|
|
137
139
|
"sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
|
|
138
140
|
})}"
|
|
139
141
|
?disabled="${this.disable}"
|
|
140
|
-
title="${this.showTitleInfo ? a :
|
|
142
|
+
title="${this.showTitleInfo ? a : u}"
|
|
141
143
|
type="button"
|
|
142
144
|
aria-describedby="nav-coach-service-descriptions-${this.index}"
|
|
143
145
|
>
|
|
144
|
-
${this._getBtnInformation(
|
|
146
|
+
${this._getBtnInformation(r)}
|
|
145
147
|
<sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
|
|
146
|
-
${this.showTitleInfo ?
|
|
147
|
-
${
|
|
148
|
+
${this.showTitleInfo ? u : d`<div>${a}</div>`}
|
|
149
|
+
${e ? d`<div>${e}</div>` : u}
|
|
148
150
|
</sbb-screen-reader-only>
|
|
149
151
|
</button>`;
|
|
150
152
|
}
|
|
151
|
-
_getBtnInformation(
|
|
152
|
-
return this.coachItemDetails.isDriverArea ? null :
|
|
153
|
-
${
|
|
154
|
-
${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ?
|
|
155
|
-
${this.coachItemDetails.id ?
|
|
153
|
+
_getBtnInformation(r) {
|
|
154
|
+
return this.coachItemDetails.isDriverArea ? null : d`
|
|
155
|
+
${r === 1 ? d`<span class="sbb-sr-navigation--first-class"></span>` : u}
|
|
156
|
+
${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__additional-information">
|
|
157
|
+
${this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
|
|
156
158
|
${this.coachItemDetails.id}
|
|
157
|
-
</div>` :
|
|
159
|
+
</div>` : u}
|
|
158
160
|
<div
|
|
159
|
-
${
|
|
161
|
+
${r ?? u}
|
|
160
162
|
class="sbb-sr-navigation__item-coach-travelclass"
|
|
161
163
|
aria-hidden="true"
|
|
162
164
|
>
|
|
163
|
-
${
|
|
165
|
+
${r}
|
|
164
166
|
</div>
|
|
165
|
-
</div>` :
|
|
167
|
+
</div>` : u}
|
|
166
168
|
`;
|
|
167
169
|
}
|
|
168
|
-
_getTitleDescriptionNavCoachButton(
|
|
170
|
+
_getTitleDescriptionNavCoachButton(r) {
|
|
169
171
|
if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
|
|
170
|
-
return
|
|
172
|
+
return _("NAVIGATE_COACH_BLOCKED", this._language.current, [
|
|
171
173
|
this.coachItemDetails.id
|
|
172
174
|
]);
|
|
173
175
|
if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
|
|
174
|
-
return
|
|
175
|
-
let a =
|
|
176
|
+
return _("COACH_LOCOMOTIVE", this._language.current);
|
|
177
|
+
let a = _("NAVIGATE_TO_COACH", this._language.current, [
|
|
176
178
|
this.coachItemDetails.id
|
|
177
179
|
]);
|
|
178
|
-
if (
|
|
179
|
-
const
|
|
180
|
-
a = a.concat(
|
|
180
|
+
if (r) {
|
|
181
|
+
const aa = _(r === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ra = _("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [aa]);
|
|
182
|
+
a = a.concat(ra);
|
|
181
183
|
}
|
|
182
|
-
const
|
|
183
|
-
return a = a.concat(". ").concat(
|
|
184
|
+
const e = _("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
|
|
185
|
+
return a = a.concat(". ").concat(e), a;
|
|
184
186
|
}
|
|
185
187
|
_getAriaDescriptionCoachServices() {
|
|
186
|
-
let
|
|
187
|
-
return this.coachItemDetails.propertyIds?.length && (
|
|
188
|
+
let r = null;
|
|
189
|
+
return this.coachItemDetails.propertyIds?.length && (r = _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", r += this.coachItemDetails.propertyIds.map((a) => _(a, this._language.current)).join() + "."), r;
|
|
188
190
|
}
|
|
189
191
|
/**
|
|
190
192
|
* emits the index of the coach array for the main navigation.
|
|
191
193
|
* @param coachIndex
|
|
192
194
|
* @private
|
|
193
195
|
*/
|
|
194
|
-
_selectNavCoach(
|
|
196
|
+
_selectNavCoach(r) {
|
|
195
197
|
this.dispatchEvent(new CustomEvent("selectcoach", {
|
|
196
198
|
bubbles: !0,
|
|
197
199
|
composed: !0,
|
|
198
|
-
detail:
|
|
200
|
+
detail: r
|
|
199
201
|
}));
|
|
200
202
|
}
|
|
201
203
|
_getCoachServiceClassNumber() {
|
|
202
204
|
return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
|
|
203
205
|
}
|
|
204
|
-
},
|
|
205
|
-
const
|
|
206
|
-
|
|
207
|
-
a.selected =
|
|
208
|
-
} }, metadata:
|
|
209
|
-
a.focused =
|
|
210
|
-
} }, metadata:
|
|
211
|
-
a.hovered =
|
|
212
|
-
} }, metadata:
|
|
213
|
-
a.nativeFocusActive =
|
|
214
|
-
} }, metadata:
|
|
215
|
-
a.index =
|
|
216
|
-
} }, metadata:
|
|
217
|
-
a.coachItemDetails =
|
|
218
|
-
} }, metadata:
|
|
219
|
-
a.disable =
|
|
220
|
-
} }, metadata:
|
|
221
|
-
a.vertical =
|
|
222
|
-
} }, metadata:
|
|
223
|
-
a.showTitleInfo =
|
|
224
|
-
} }, metadata:
|
|
225
|
-
})(),
|
|
206
|
+
}, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), k = new WeakMap(), w = new WeakMap(), I = new WeakMap(), y = new WeakMap(), D = new WeakMap(), (() => {
|
|
207
|
+
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
|
|
208
|
+
n = [g(), h({ type: Boolean })], C = [g(), h({ type: Boolean })], z = [g(), h({ type: Boolean })], O = [g(), h({ type: Boolean })], L = [g(), h({ type: Number })], j = [h({ attribute: "coach-item-details", type: Object })], G = [g(), h({ attribute: "disable", type: Boolean })], P = [g(), h({ type: Boolean, reflect: !0, useDefault: !0 })], J = [g(), h({ type: Boolean })], v(i, null, n, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
|
|
209
|
+
a.selected = e;
|
|
210
|
+
} }, metadata: r }, b, A), v(i, null, C, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
|
|
211
|
+
a.focused = e;
|
|
212
|
+
} }, metadata: r }, T, $), v(i, null, z, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, e) => {
|
|
213
|
+
a.hovered = e;
|
|
214
|
+
} }, metadata: r }, B, E), v(i, null, O, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, e) => {
|
|
215
|
+
a.nativeFocusActive = e;
|
|
216
|
+
} }, metadata: r }, S, F), v(i, null, L, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
|
|
217
|
+
a.index = e;
|
|
218
|
+
} }, metadata: r }, V, N), v(i, null, j, { kind: "accessor", name: "coachItemDetails", static: !1, private: !1, access: { has: (a) => "coachItemDetails" in a, get: (a) => a.coachItemDetails, set: (a, e) => {
|
|
219
|
+
a.coachItemDetails = e;
|
|
220
|
+
} }, metadata: r }, H, U), v(i, null, G, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
|
|
221
|
+
a.disable = e;
|
|
222
|
+
} }, metadata: r }, K, M), v(i, null, P, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
|
|
223
|
+
a.vertical = e;
|
|
224
|
+
} }, metadata: r }, q, W), v(i, null, J, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (a) => "showTitleInfo" in a, get: (a) => a.showTitleInfo, set: (a, e) => {
|
|
225
|
+
a.showTitleInfo = e;
|
|
226
|
+
} }, metadata: r }, Q, R), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
227
|
+
})(), i.elementName = "sbb-seat-reservation-navigation-coach", i.styles = [sa, na], i.events = {
|
|
226
228
|
selectcoach: "selectcoach",
|
|
227
229
|
focuscoach: "focuscoach"
|
|
228
|
-
},
|
|
230
|
+
}, i;
|
|
229
231
|
})();
|
|
230
232
|
export {
|
|
231
|
-
|
|
233
|
+
wa as SbbSeatReservationNavigationCoachElement
|
|
232
234
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { SbbSeatReservationNavigationCoachElement as
|
|
1
|
+
import { SbbSeatReservationNavigationCoachElement as e } from "./seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
|
|
2
|
+
e.define();
|
|
3
|
+
console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-coach.js' has been deprecated.
|
|
4
|
+
Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
e as SbbSeatReservationNavigationCoachElement
|
|
4
7
|
};
|
|
@@ -1,61 +1,63 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var T = (t) => {
|
|
2
|
+
throw TypeError(t);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
4
|
+
var L = (t, s, a) => s.has(t) || T("Cannot " + a);
|
|
5
|
+
var d = (t, s, a) => (L(t, s, "read from private field"), a ? a.call(t) : s.get(t)), f = (t, s, a) => s.has(t) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, a), n = (t, s, a, m) => (L(t, s, "write to private field"), m ? m.call(t, a) : s.set(t, a), a);
|
|
6
|
+
import { __runInitializers as p, __esDecorate as u } from "tslib";
|
|
7
|
+
import { SbbElement as E } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
|
+
import { SbbLanguageController as B } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
|
+
import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
10
|
+
import { boxSizingStyles as A } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
11
|
+
import { css as D, nothing as b, html as C } from "lit";
|
|
12
|
+
import { property as g } from "lit/decorators.js";
|
|
13
|
+
import { getI18nSeatReservation as _ } from "../common/translations.js";
|
|
14
|
+
import { SbbSeatReservationGraphicElement as $ } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
13
15
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
let
|
|
17
|
-
var
|
|
18
|
-
let
|
|
19
|
-
return
|
|
16
|
+
const j = D`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;column-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]){column-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]){column-gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
|
|
17
|
+
$.define();
|
|
18
|
+
let K = (() => {
|
|
19
|
+
var l, c, h, i;
|
|
20
|
+
let t = E, s, a = [], m = [], I, y = [], v = [], w, x = [], S = [];
|
|
21
|
+
return i = class extends t {
|
|
20
22
|
constructor() {
|
|
21
23
|
super(...arguments);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
f(this, l);
|
|
25
|
+
f(this, c);
|
|
26
|
+
f(this, h);
|
|
27
|
+
n(this, l, p(this, a, [])), n(this, c, (p(this, m), p(this, y, !1))), n(this, h, (p(this, v), p(this, x, !1))), this._language = (p(this, S), new B(this));
|
|
26
28
|
}
|
|
27
29
|
/** Coach service property ids, which are used to display the services in the navigation */
|
|
28
30
|
get propertyIds() {
|
|
29
|
-
return
|
|
31
|
+
return d(this, l);
|
|
30
32
|
}
|
|
31
|
-
set propertyIds(
|
|
32
|
-
|
|
33
|
+
set propertyIds(r) {
|
|
34
|
+
n(this, l, r);
|
|
33
35
|
}
|
|
34
36
|
/** If true, the service icons are displayed vertically */
|
|
35
37
|
get vertical() {
|
|
36
|
-
return
|
|
38
|
+
return d(this, c);
|
|
37
39
|
}
|
|
38
|
-
set vertical(
|
|
39
|
-
|
|
40
|
+
set vertical(r) {
|
|
41
|
+
n(this, c, r);
|
|
40
42
|
}
|
|
41
43
|
/** Disable the mouse over title information */
|
|
42
44
|
get showTitleInfo() {
|
|
43
|
-
return
|
|
45
|
+
return d(this, h);
|
|
44
46
|
}
|
|
45
|
-
set showTitleInfo(
|
|
46
|
-
|
|
47
|
+
set showTitleInfo(r) {
|
|
48
|
+
n(this, h, r);
|
|
47
49
|
}
|
|
48
50
|
render() {
|
|
49
|
-
const
|
|
50
|
-
return
|
|
51
|
-
<sbb-screen-reader-only ${
|
|
52
|
-
>${
|
|
51
|
+
const r = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
|
|
52
|
+
return C` <div class="sbb-sr-navigation__signs">
|
|
53
|
+
<sbb-screen-reader-only ${r || b}
|
|
54
|
+
>${r}</sbb-screen-reader-only
|
|
53
55
|
>
|
|
54
|
-
${this.propertyIds?.map((e) =>
|
|
56
|
+
${this.propertyIds?.map((e) => C`
|
|
55
57
|
<sbb-seat-reservation-graphic
|
|
56
58
|
class="auto-width"
|
|
57
|
-
name=${e ??
|
|
58
|
-
title=${this.showTitleInfo ?
|
|
59
|
+
name=${e ?? b}
|
|
60
|
+
title=${this.showTitleInfo ? _(e, this._language.current) : b}
|
|
59
61
|
aria-hidden="true"
|
|
60
62
|
></sbb-seat-reservation-graphic>
|
|
61
63
|
`)}
|
|
@@ -63,21 +65,21 @@ let Q = (() => {
|
|
|
63
65
|
}
|
|
64
66
|
//Generate the translated service label from the available properties
|
|
65
67
|
_getServiceLabelDescription() {
|
|
66
|
-
let
|
|
67
|
-
const e = this.propertyIds.map((
|
|
68
|
-
return e && (
|
|
68
|
+
let r = null;
|
|
69
|
+
const e = this.propertyIds.map((o) => _(o, this._language.current)).filter((o) => !!o).join(", ");
|
|
70
|
+
return e && (r = _("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(e)), r;
|
|
69
71
|
}
|
|
70
|
-
},
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
e.propertyIds =
|
|
74
|
-
} }, metadata:
|
|
75
|
-
e.vertical =
|
|
76
|
-
} }, metadata:
|
|
77
|
-
e.showTitleInfo =
|
|
78
|
-
} }, metadata:
|
|
79
|
-
})(),
|
|
72
|
+
}, l = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
|
|
73
|
+
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
|
|
74
|
+
s = [g({ attribute: "property-ids", type: Array })], I = [z(), g({ type: Boolean, reflect: !0, useDefault: !0 })], w = [z(), g({ type: Boolean })], u(i, null, s, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, o) => {
|
|
75
|
+
e.propertyIds = o;
|
|
76
|
+
} }, metadata: r }, a, m), u(i, null, I, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, o) => {
|
|
77
|
+
e.vertical = o;
|
|
78
|
+
} }, metadata: r }, y, v), u(i, null, w, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, o) => {
|
|
79
|
+
e.showTitleInfo = o;
|
|
80
|
+
} }, metadata: r }, x, S), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
81
|
+
})(), i.elementName = "sbb-seat-reservation-navigation-services", i.styles = [A, j], i;
|
|
80
82
|
})();
|
|
81
83
|
export {
|
|
82
|
-
|
|
84
|
+
K as SbbSeatReservationNavigationServicesElement
|
|
83
85
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { SbbSeatReservationNavigationServicesElement as
|
|
1
|
+
import { SbbSeatReservationNavigationServicesElement as e } from "./seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
|
|
2
|
+
e.define();
|
|
3
|
+
console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-services.js' has been deprecated.
|
|
4
|
+
Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
e as SbbSeatReservationNavigationServicesElement
|
|
4
7
|
};
|