@sbb-esta/lyne-elements-experimental 4.0.1 → 4.0.3
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.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +15 -16
- package/core/datetime/date-helper.js +3 -3
- package/custom-elements.json +241 -53
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +17 -19
- package/development/core/datetime/date-helper.js +3 -3
- package/development/{differenceInMinutes-D5Nj8Stc.js → differenceInMinutes-B0dawX-5.js} +2 -2
- package/development/{format-BQfaa1ZT.js → format-BMkeaqaF.js} +3 -3
- package/development/{isValid-DvieCZVi.js → isValid-BYRch7pV.js} +2 -2
- package/development/journey-summary/journey-summary.component.js +2 -2
- package/development/pearl-chain/pearl-chain.component.js +3 -5
- package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/development/seat-reservation/common/mapper/mapper.d.ts +2 -2
- package/development/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
- package/development/seat-reservation/common/mapper/mapper.js +19 -6
- package/development/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts +122 -0
- package/development/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
- package/development/seat-reservation/common/mapper/seat-reservation-sample-data.js +970 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +11 -5
- 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 +118 -56
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +170 -282
- 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 -8
- 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 +153 -45
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
- package/development/timetable-row/timetable-row.component.js +1 -1
- package/development/{toDate-D_Vjps95.js → toDate-BWb6Z1JD.js} +2 -2
- package/{differenceInMinutes-CP_C5onR.js → differenceInMinutes-COvvdYsJ.js} +1 -1
- package/{format-lqeCzmzS.js → format-CmKROkbc.js} +2 -41
- package/{isValid-Ceq2O0NQ.js → isValid-m3_OsPaB.js} +1 -1
- package/journey-summary/journey-summary.component.js +2 -2
- package/package.json +2 -2
- package/pearl-chain/pearl-chain.component.js +3 -3
- package/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/seat-reservation/common/mapper/mapper.d.ts +2 -2
- package/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
- package/seat-reservation/common/mapper/mapper.js +41 -38
- package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts +122 -0
- package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
- package/seat-reservation/common/mapper/seat-reservation-sample-data.js +968 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +11 -5
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +99 -73
- package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation/seat-reservation.component.js +210 -213
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +31 -28
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +143 -142
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/timetable-row/timetable-row.component.js +1 -1
- package/{toDate-BCXKL_wM.js → toDate-Bw2KTWeq.js} +1 -1
|
@@ -1,146 +1,146 @@
|
|
|
1
|
-
var
|
|
1
|
+
var ka = (o) => {
|
|
2
2
|
throw TypeError(o);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var ya = (o, n, d) => n.has(o) || ka("Cannot " + d);
|
|
5
|
+
var b = (o, n, d) => (ya(o, n, "read from private field"), d ? d.call(o) : n.get(o)), c = (o, n, d) => n.has(o) ? ka("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, d), t = (o, n, d, g) => (ya(o, n, "write to private field"), g ? g.call(o, d) : n.set(o, d), d);
|
|
6
6
|
import { __runInitializers as s, __esDecorate as l } from "tslib";
|
|
7
|
-
import { SbbLanguageController as
|
|
7
|
+
import { SbbLanguageController as Ca } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
8
8
|
import { forceType as h } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
9
|
-
import { boxSizingStyles as
|
|
10
|
-
import { css as
|
|
11
|
-
import { customElement as
|
|
12
|
-
import { classMap as
|
|
13
|
-
import { getI18nSeatReservation as
|
|
9
|
+
import { boxSizingStyles as Sa } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
10
|
+
import { css as Ba, LitElement as za, nothing as T, html as u } from "lit";
|
|
11
|
+
import { customElement as Ea, property as v } from "lit/decorators.js";
|
|
12
|
+
import { classMap as wa } from "lit/directives/class-map.js";
|
|
13
|
+
import { getI18nSeatReservation as _ } from "../common/translations.js";
|
|
14
14
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
15
15
|
import "../seat-reservation-navigation-services.js";
|
|
16
|
-
const Te = Be`:host{--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width: 1;--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-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-background-color-hover: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}.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-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start: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-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end: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{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;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);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);cursor:initial}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){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-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-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .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__ctrl-button:focus-visible:not([disabled],:disabled) .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-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--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) )}.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-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hover )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-5)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron);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-background-color-2);--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) );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))}}@media(forced-colors:active)and (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-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))}: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-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius: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-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius: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 m, p, f, k, y,
|
|
19
|
-
let o = [
|
|
16
|
+
const Ta = Ba`:host{--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{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height: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))}}@media(forced-colors:active)and (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-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))}: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 Ka = (() => {
|
|
18
|
+
var m, p, f, x, k, y, w, I, A, C, S, B, z, E, i;
|
|
19
|
+
let o = [Ea("sbb-seat-reservation-navigation-coach")], n, d = [], g, $ = za, N, F = [], D = [], O, L = [], P = [], R, V = [], j = [], H, U = [], G = [], K, q = [], M = [], Y, J = [], Q = [], W, X = [], Z = [], aa, ra = [], ea = [], ta, sa = [], ia = [], oa, na = [], ba = [], ca, la = [], va = [], da, ha = [], ga = [], ua, _a = [], ma = [], pa, fa = [], xa = [];
|
|
20
20
|
return i = class extends $ {
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments);
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
c(this, m);
|
|
24
|
+
c(this, p);
|
|
25
|
+
c(this, f);
|
|
26
|
+
c(this, x);
|
|
27
|
+
c(this, k);
|
|
28
|
+
c(this, y);
|
|
29
|
+
c(this, w);
|
|
30
|
+
c(this, I);
|
|
31
|
+
c(this, A);
|
|
32
|
+
c(this, C);
|
|
33
|
+
c(this, S);
|
|
34
|
+
c(this, B);
|
|
35
|
+
c(this, z);
|
|
36
|
+
c(this, E);
|
|
37
|
+
t(this, m, s(this, F, "")), t(this, p, (s(this, D), s(this, L, []))), t(this, f, (s(this, P), s(this, V, !1))), t(this, x, (s(this, j), s(this, U, !1))), t(this, k, (s(this, G), s(this, q, !1))), t(this, y, (s(this, M), s(this, J, !0))), t(this, w, (s(this, Q), s(this, X, 0))), t(this, I, (s(this, Z), s(this, ra, { seats: 0, bicycles: 0 }))), t(this, A, (s(this, ea), s(this, sa, ["ANY_CLASS"]))), t(this, C, (s(this, ia), s(this, na, !1))), t(this, S, (s(this, ba), s(this, la, !1))), t(this, B, (s(this, va), s(this, ha, !1))), t(this, z, (s(this, ga), s(this, _a, !1))), t(this, E, (s(this, ma), s(this, fa, !1))), this._language = (s(this, xa), new Ca(this));
|
|
38
38
|
}
|
|
39
39
|
/** Coach ID, which is used to identify the coach in the navigation */
|
|
40
40
|
get coachId() {
|
|
41
|
-
return
|
|
41
|
+
return b(this, m);
|
|
42
42
|
}
|
|
43
|
-
set coachId(
|
|
44
|
-
|
|
43
|
+
set coachId(r) {
|
|
44
|
+
t(this, m, r);
|
|
45
45
|
}
|
|
46
46
|
/** Coach service property ids, which are used to display the services in the navigation */
|
|
47
47
|
get propertyIds() {
|
|
48
|
-
return
|
|
48
|
+
return b(this, p);
|
|
49
49
|
}
|
|
50
|
-
set propertyIds(
|
|
51
|
-
|
|
50
|
+
set propertyIds(r) {
|
|
51
|
+
t(this, p, r);
|
|
52
52
|
}
|
|
53
53
|
/** Select coach property */
|
|
54
54
|
get selected() {
|
|
55
|
-
return
|
|
55
|
+
return b(this, f);
|
|
56
56
|
}
|
|
57
|
-
set selected(
|
|
58
|
-
|
|
57
|
+
set selected(r) {
|
|
58
|
+
t(this, f, r);
|
|
59
59
|
}
|
|
60
60
|
/** Focus coach property */
|
|
61
61
|
get focused() {
|
|
62
|
-
return
|
|
62
|
+
return b(this, x);
|
|
63
63
|
}
|
|
64
|
-
set focused(
|
|
65
|
-
|
|
64
|
+
set focused(r) {
|
|
65
|
+
t(this, x, r);
|
|
66
66
|
}
|
|
67
67
|
/** Hover coach property */
|
|
68
68
|
get hovered() {
|
|
69
|
-
return
|
|
69
|
+
return b(this, k);
|
|
70
70
|
}
|
|
71
|
-
set hovered(
|
|
72
|
-
|
|
71
|
+
set hovered(r) {
|
|
72
|
+
t(this, k, r);
|
|
73
73
|
}
|
|
74
74
|
/** Native focus for this navigation coach is also set when the focused property is changed */
|
|
75
75
|
get nativeFocusActive() {
|
|
76
|
-
return
|
|
76
|
+
return b(this, y);
|
|
77
77
|
}
|
|
78
|
-
set nativeFocusActive(
|
|
79
|
-
|
|
78
|
+
set nativeFocusActive(r) {
|
|
79
|
+
t(this, y, r);
|
|
80
80
|
}
|
|
81
81
|
get index() {
|
|
82
|
-
return
|
|
82
|
+
return b(this, w);
|
|
83
83
|
}
|
|
84
|
-
set index(
|
|
85
|
-
|
|
84
|
+
set index(r) {
|
|
85
|
+
t(this, w, r);
|
|
86
86
|
}
|
|
87
87
|
/** Representation of places available for selecting, counting seat places and bicycle places separately */
|
|
88
88
|
get freePlacesByType() {
|
|
89
|
-
return
|
|
89
|
+
return b(this, I);
|
|
90
90
|
}
|
|
91
|
-
set freePlacesByType(
|
|
92
|
-
|
|
91
|
+
set freePlacesByType(r) {
|
|
92
|
+
t(this, I, r);
|
|
93
93
|
}
|
|
94
94
|
/** Travel class of the coach */
|
|
95
95
|
get travelClass() {
|
|
96
|
-
return
|
|
96
|
+
return b(this, A);
|
|
97
97
|
}
|
|
98
|
-
set travelClass(
|
|
99
|
-
|
|
98
|
+
set travelClass(r) {
|
|
99
|
+
t(this, A, r);
|
|
100
100
|
}
|
|
101
101
|
/** If the coach is a driver/restricted area */
|
|
102
102
|
get driverArea() {
|
|
103
|
-
return
|
|
103
|
+
return b(this, C);
|
|
104
104
|
}
|
|
105
|
-
set driverArea(
|
|
106
|
-
|
|
105
|
+
set driverArea(r) {
|
|
106
|
+
t(this, C, r);
|
|
107
107
|
}
|
|
108
108
|
/** If the coach is the first in the navigation */
|
|
109
109
|
get first() {
|
|
110
|
-
return
|
|
110
|
+
return b(this, S);
|
|
111
111
|
}
|
|
112
|
-
set first(
|
|
113
|
-
|
|
112
|
+
set first(r) {
|
|
113
|
+
t(this, S, r);
|
|
114
114
|
}
|
|
115
115
|
/** If the coach is the last in the navigation */
|
|
116
116
|
get last() {
|
|
117
|
-
return
|
|
117
|
+
return b(this, B);
|
|
118
118
|
}
|
|
119
|
-
set last(
|
|
120
|
-
|
|
119
|
+
set last(r) {
|
|
120
|
+
t(this, B, r);
|
|
121
121
|
}
|
|
122
122
|
/** Disable the coach navigation */
|
|
123
123
|
get disable() {
|
|
124
|
-
return
|
|
124
|
+
return b(this, z);
|
|
125
125
|
}
|
|
126
|
-
set disable(
|
|
127
|
-
|
|
126
|
+
set disable(r) {
|
|
127
|
+
t(this, z, r);
|
|
128
128
|
}
|
|
129
129
|
/** If the coach navigation should be displayed vertically */
|
|
130
130
|
get vertical() {
|
|
131
|
-
return
|
|
131
|
+
return b(this, E);
|
|
132
132
|
}
|
|
133
|
-
set vertical(
|
|
134
|
-
|
|
133
|
+
set vertical(r) {
|
|
134
|
+
t(this, E, r);
|
|
135
135
|
}
|
|
136
|
-
willUpdate(
|
|
137
|
-
if (super.willUpdate(
|
|
138
|
-
const
|
|
139
|
-
this.selected &&
|
|
136
|
+
willUpdate(r) {
|
|
137
|
+
if (super.willUpdate(r), r.has("selected")) {
|
|
138
|
+
const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
139
|
+
this.selected && a && (this.nativeFocusActive && a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
|
|
140
140
|
}
|
|
141
|
-
if (
|
|
142
|
-
const
|
|
143
|
-
|
|
141
|
+
if (r.has("focused") && this.focused) {
|
|
142
|
+
const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
143
|
+
a && this.nativeFocusActive && a.focus();
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
/**
|
|
@@ -149,18 +149,19 @@ let Ke = (() => {
|
|
|
149
149
|
* @protected
|
|
150
150
|
*/
|
|
151
151
|
render() {
|
|
152
|
-
return
|
|
152
|
+
return u`
|
|
153
153
|
<div
|
|
154
|
-
class="${
|
|
154
|
+
class="${wa({
|
|
155
155
|
"sbb-sr-navigation__item-coach": !0,
|
|
156
156
|
"last-coach": this.last,
|
|
157
157
|
"first-coach": this.first,
|
|
158
158
|
"sbb-sr-navigation__item-coach--selected": this.selected,
|
|
159
|
+
"sbb-sr-navigation__item-coach--focused": this.focused,
|
|
159
160
|
"sbb-sr-navigation__item-coach--hovered": this.hovered
|
|
160
161
|
})}"
|
|
161
162
|
>
|
|
162
163
|
${this._getNavigationButton()}
|
|
163
|
-
${this.propertyIds?.length ?
|
|
164
|
+
${this.propertyIds?.length ? u`<sbb-seat-reservation-navigation-services
|
|
164
165
|
?vertical="${this.vertical}"
|
|
165
166
|
.propertyIds="${this.propertyIds}"
|
|
166
167
|
></sbb-seat-reservation-navigation-services>` : T}
|
|
@@ -168,109 +169,109 @@ let Ke = (() => {
|
|
|
168
169
|
`;
|
|
169
170
|
}
|
|
170
171
|
_getNavigationButton() {
|
|
171
|
-
const
|
|
172
|
-
return
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
class="${Ie({
|
|
172
|
+
const r = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(r), e = this._getAriaDescriptionCoachServices();
|
|
173
|
+
return u` <button
|
|
174
|
+
@click=${() => this._selectNavCoach(this.index)}
|
|
175
|
+
class="${wa({
|
|
176
176
|
"sbb-sr-navigation__ctrl-button": !0,
|
|
177
177
|
"sbb-sr-navigation-driver-area": this.driverArea
|
|
178
178
|
})}"
|
|
179
|
-
|
|
179
|
+
?disabled="${this.disable}"
|
|
180
|
+
title="${a}"
|
|
181
|
+
type="button"
|
|
180
182
|
aria-describedby="nav-coach-service-descriptions-${this.index}"
|
|
181
|
-
@click=${() => this._selectNavCoach(this.index)}
|
|
182
183
|
>
|
|
183
|
-
${this._getBtnInformation(
|
|
184
|
+
${this._getBtnInformation(r)}
|
|
184
185
|
</button>
|
|
185
186
|
<sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}"
|
|
186
|
-
>${
|
|
187
|
+
>${e}</sbb-screen-reader-only
|
|
187
188
|
>`;
|
|
188
189
|
}
|
|
189
|
-
_getBtnInformation(
|
|
190
|
-
return this.driverArea ? null :
|
|
191
|
-
${
|
|
192
|
-
${this.travelClass?.length > 0 || this.coachId ?
|
|
193
|
-
${this.coachId ?
|
|
190
|
+
_getBtnInformation(r) {
|
|
191
|
+
return this.driverArea ? null : u`
|
|
192
|
+
${r === 1 ? u`<span class="sbb-sr-navigation--first-class"></span>` : T}
|
|
193
|
+
${this.travelClass?.length > 0 || this.coachId ? u`<div class="sbb-sr-navigation__additional-information">
|
|
194
|
+
${this.coachId ? u`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
|
|
194
195
|
${this.coachId}
|
|
195
196
|
</div>` : T}
|
|
196
197
|
<div
|
|
197
|
-
${
|
|
198
|
+
${r ?? T}
|
|
198
199
|
class="sbb-sr-navigation__item-coach-travelclass"
|
|
199
200
|
aria-hidden="true"
|
|
200
201
|
>
|
|
201
|
-
${
|
|
202
|
+
${r}
|
|
202
203
|
</div>
|
|
203
204
|
</div>` : T}
|
|
204
205
|
`;
|
|
205
206
|
}
|
|
206
|
-
_getTitleDescriptionNavCoachButton(
|
|
207
|
+
_getTitleDescriptionNavCoachButton(r) {
|
|
207
208
|
if (this.driverArea)
|
|
208
|
-
return
|
|
209
|
+
return _("NAVIGATE_COACH_BLOCKED", this._language.current, [
|
|
209
210
|
this.coachId
|
|
210
211
|
]);
|
|
211
|
-
let
|
|
212
|
-
if (
|
|
213
|
-
const
|
|
214
|
-
|
|
212
|
+
let a = _("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
|
|
213
|
+
if (r) {
|
|
214
|
+
const Ia = _(r === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), Aa = _("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [Ia]);
|
|
215
|
+
a = a.concat(Aa);
|
|
215
216
|
}
|
|
216
|
-
const
|
|
217
|
-
return
|
|
217
|
+
const e = _("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.freePlacesByType.seats, this.freePlacesByType.bicycles]);
|
|
218
|
+
return a = a.concat(". ").concat(e), a;
|
|
218
219
|
}
|
|
219
220
|
_getAriaDescriptionCoachServices() {
|
|
220
|
-
let
|
|
221
|
-
return this.propertyIds.length && (
|
|
221
|
+
let r = null;
|
|
222
|
+
return this.propertyIds.length && (r = _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", r += this.propertyIds.map((a) => _(a, this._language.current)).join()), r;
|
|
222
223
|
}
|
|
223
224
|
/**
|
|
224
225
|
* emits the index of the coach array for the main navigation.
|
|
225
226
|
* @param coachIndex
|
|
226
227
|
* @private
|
|
227
228
|
*/
|
|
228
|
-
_selectNavCoach(
|
|
229
|
-
this.
|
|
229
|
+
_selectNavCoach(r) {
|
|
230
|
+
this.dispatchEvent(new CustomEvent("selectcoach", {
|
|
230
231
|
bubbles: !0,
|
|
231
232
|
composed: !0,
|
|
232
|
-
detail:
|
|
233
|
+
detail: r
|
|
233
234
|
}));
|
|
234
235
|
}
|
|
235
236
|
_getCoachServiceClassNumber() {
|
|
236
237
|
return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
|
|
237
238
|
}
|
|
238
|
-
}, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(),
|
|
239
|
-
const
|
|
240
|
-
N = [h(), v({ attribute: "coach-id" })], O = [v({ attribute: "property-ids", type: Array })], R = [h(), v({ type: Boolean })], H = [h(), v({ type: Boolean })], K = [h(), v({ type: Boolean })], Y = [h(), v({ type: Boolean })], W = [h(), v({ type: Number })],
|
|
241
|
-
|
|
242
|
-
} }, metadata:
|
|
243
|
-
|
|
244
|
-
} }, metadata:
|
|
245
|
-
|
|
246
|
-
} }, metadata:
|
|
247
|
-
|
|
248
|
-
} }, metadata:
|
|
249
|
-
|
|
250
|
-
} }, metadata:
|
|
251
|
-
|
|
252
|
-
} }, metadata:
|
|
253
|
-
|
|
254
|
-
} }, metadata:
|
|
255
|
-
|
|
256
|
-
} }, metadata:
|
|
257
|
-
|
|
258
|
-
} }, metadata:
|
|
259
|
-
|
|
260
|
-
} }, metadata:
|
|
261
|
-
|
|
262
|
-
} }, metadata:
|
|
263
|
-
|
|
264
|
-
} }, metadata:
|
|
265
|
-
|
|
266
|
-
} }, metadata:
|
|
267
|
-
|
|
268
|
-
} }, metadata:
|
|
269
|
-
})(), i.styles = [
|
|
239
|
+
}, m = new WeakMap(), p = new WeakMap(), f = new WeakMap(), x = new WeakMap(), k = new WeakMap(), y = new WeakMap(), w = new WeakMap(), I = new WeakMap(), A = new WeakMap(), C = new WeakMap(), S = new WeakMap(), B = new WeakMap(), z = new WeakMap(), E = new WeakMap(), g = i, (() => {
|
|
240
|
+
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create($[Symbol.metadata] ?? null) : void 0;
|
|
241
|
+
N = [h(), v({ attribute: "coach-id" })], O = [v({ attribute: "property-ids", type: Array })], R = [h(), v({ type: Boolean })], H = [h(), v({ type: Boolean })], K = [h(), v({ type: Boolean })], Y = [h(), v({ type: Boolean })], W = [h(), v({ type: Number })], aa = [v({ attribute: "free-places-by-type", type: Object })], ta = [v({ attribute: "travel-class", type: Array })], oa = [h(), v({ attribute: "driver-area", type: Boolean })], ca = [h(), v({ type: Boolean })], da = [h(), v({ type: Boolean })], ua = [h(), v({ attribute: "disable", type: Boolean })], pa = [h(), v({ type: Boolean, reflect: !0, useDefault: !0 })], l(i, null, N, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (a) => "coachId" in a, get: (a) => a.coachId, set: (a, e) => {
|
|
242
|
+
a.coachId = e;
|
|
243
|
+
} }, metadata: r }, F, D), l(i, null, O, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (a) => "propertyIds" in a, get: (a) => a.propertyIds, set: (a, e) => {
|
|
244
|
+
a.propertyIds = e;
|
|
245
|
+
} }, metadata: r }, L, P), l(i, null, R, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
|
|
246
|
+
a.selected = e;
|
|
247
|
+
} }, metadata: r }, V, j), l(i, null, H, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
|
|
248
|
+
a.focused = e;
|
|
249
|
+
} }, metadata: r }, U, G), l(i, null, K, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, e) => {
|
|
250
|
+
a.hovered = e;
|
|
251
|
+
} }, metadata: r }, q, M), l(i, null, Y, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, e) => {
|
|
252
|
+
a.nativeFocusActive = e;
|
|
253
|
+
} }, metadata: r }, J, Q), l(i, null, W, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
|
|
254
|
+
a.index = e;
|
|
255
|
+
} }, metadata: r }, X, Z), l(i, null, aa, { kind: "accessor", name: "freePlacesByType", static: !1, private: !1, access: { has: (a) => "freePlacesByType" in a, get: (a) => a.freePlacesByType, set: (a, e) => {
|
|
256
|
+
a.freePlacesByType = e;
|
|
257
|
+
} }, metadata: r }, ra, ea), l(i, null, ta, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (a) => "travelClass" in a, get: (a) => a.travelClass, set: (a, e) => {
|
|
258
|
+
a.travelClass = e;
|
|
259
|
+
} }, metadata: r }, sa, ia), l(i, null, oa, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (a) => "driverArea" in a, get: (a) => a.driverArea, set: (a, e) => {
|
|
260
|
+
a.driverArea = e;
|
|
261
|
+
} }, metadata: r }, na, ba), l(i, null, ca, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (a) => "first" in a, get: (a) => a.first, set: (a, e) => {
|
|
262
|
+
a.first = e;
|
|
263
|
+
} }, metadata: r }, la, va), l(i, null, da, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (a) => "last" in a, get: (a) => a.last, set: (a, e) => {
|
|
264
|
+
a.last = e;
|
|
265
|
+
} }, metadata: r }, ha, ga), l(i, null, ua, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
|
|
266
|
+
a.disable = e;
|
|
267
|
+
} }, metadata: r }, _a, ma), l(i, null, pa, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
|
|
268
|
+
a.vertical = e;
|
|
269
|
+
} }, metadata: r }, fa, xa), l(null, n = { value: g }, o, { kind: "class", name: g.name, metadata: r }, null, d), g = n.value, r && Object.defineProperty(g, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
270
|
+
})(), i.styles = [Sa, Ta], i.events = {
|
|
270
271
|
selectcoach: "selectcoach",
|
|
271
272
|
focuscoach: "focuscoach"
|
|
272
273
|
}, s(g, d), g;
|
|
273
274
|
})();
|
|
274
275
|
export {
|
|
275
|
-
|
|
276
|
+
Ka as SbbSeatReservationNavigationCoachElement
|
|
276
277
|
};
|
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js
CHANGED
|
@@ -141,7 +141,7 @@ let Ce = (() => {
|
|
|
141
141
|
}
|
|
142
142
|
}, u = new WeakMap(), k = new WeakMap(), f = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), i = l, (() => {
|
|
143
143
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
|
|
144
|
-
z = [h(), v({ attribute: "type" })], w = [h(), v({ attribute: "state" })], L = [v({ attribute: "propertyIds", type: Array })], A = [h(), v({ attribute: "text" })], F = [h(), v({ attribute: "deck-index", type: Number })], B = [h(), v({ attribute: "coach-index", type: Number })], M = [h(), v({ attribute: "prevent-click", type: Boolean })], G = [h(), v({ attribute: "keyfocus" })], d(l, null, z, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
|
|
144
|
+
z = [h(), v({ attribute: "type" })], w = [h(), v({ attribute: "state", reflect: !0 })], L = [v({ attribute: "propertyIds", type: Array })], A = [h(), v({ attribute: "text" })], F = [h(), v({ attribute: "deck-index", type: Number })], B = [h(), v({ attribute: "coach-index", type: Number })], M = [h(), v({ attribute: "prevent-click", type: Boolean })], G = [h(), v({ attribute: "keyfocus" })], d(l, null, z, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
|
|
145
145
|
e.placeType = r;
|
|
146
146
|
} }, metadata: t }, S, T), d(l, null, w, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (e) => "state" in e, get: (e) => e.state, set: (e, r) => {
|
|
147
147
|
e.state = r;
|
|
@@ -18,7 +18,7 @@ import "@sbb-esta/lyne-elements/card.js";
|
|
|
18
18
|
import "@sbb-esta/lyne-elements/icon.js";
|
|
19
19
|
import "@sbb-esta/lyne-elements/timetable-occupancy.js";
|
|
20
20
|
import "../pearl-chain-time.js";
|
|
21
|
-
import { f as Be } from "../format-
|
|
21
|
+
import { f as Be } from "../format-CmKROkbc.js";
|
|
22
22
|
const yt = ht`:host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height: 1.5625rem;--sbb-timetable-row-height-header: 1.25rem;--sbb-timetable-row-height-footer: 1rem;--sbb-timetable-row-skeleton-pulse-duration: 1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration: 0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width: 1.25rem;--sbb-icon-svg-height: 1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height: .875rem}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{list-style:none;margin:0;padding:0;font-size:inherit;display:inline-flex}li,.sbb-timetable__row-transport{display:inline-flex;align-self:center}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-timetable-row-gap)}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{display:flex;gap:var(--sbb-spacing-fixed-2x);align-items:center;line-height:var(--sbb-timetable-row-height-header)}.sbb-timetable__row-details,.sbb-timetable__row-hints{display:inline-flex;gap:var(--sbb-spacing-fixed-1x);align-items:center}.sbb-timetable__row-header p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;align-self:center}.sbb-timetable__row-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer)}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-primary)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x)}.sbb-loading__row{width:100%;border-radius:var(--sbb-border-radius-1x);height:var(--sbb-timetable-row-height)}@media(min-width:64rem){.sbb-loading__row{height:1.75rem}}@media(forced-colors:active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-background-color-4);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);padding-inline-end:var(--sbb-spacing-fixed-6x);border-end-start-radius:var(--sbb-card-badge-border-radius);transform:var(--sbb-card-badge-skew);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-background-color-4)}17%{background:var(--sbb-background-color-4)}50%{background:var(--sbb-background-color-3)}67%{background:var(--sbb-background-color-3)}to{background:var(--sbb-background-color-4)}}`, vt = (t, i) => c`<span class="sbb-timetable__row-transport">
|
|
23
23
|
<sbb-icon name=${t}></sbb-icon>
|
|
24
24
|
<span class="sbb-screen-reader-only">${i}</span>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const c = 6048e5, r = 864e5, i = 6e4, e = 36e5, t = Symbol.for("constructDateFrom");
|
|
1
|
+
const c = 6048e5, r = 864e5, i = 6e4, e = 36e5, t = /* @__PURE__ */ Symbol.for("constructDateFrom");
|
|
2
2
|
function s(n, o) {
|
|
3
3
|
return typeof n == "function" ? n(o) : n && typeof n == "object" && t in n ? n[t](o) : n instanceof Date ? new n.constructor(o) : new Date(o);
|
|
4
4
|
}
|