@sbb-esta/lyne-elements-experimental 4.8.1 → 4.10.0
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-button/autocomplete-grid-button.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-cell.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row.js +1 -1
- package/{autocomplete-grid-cell.component-Dak9wlBr.js → autocomplete-grid-cell.component-DkD9aFKc.js} +5 -5
- package/autocomplete-grid-option.component-CtATJy7n.js +37 -0
- package/autocomplete-grid-row.component-6nJv5PMj.js +27 -0
- package/autocomplete-grid.js +3 -3
- package/autocomplete-grid.pure.js +3 -3
- package/custom-elements.json +70 -2
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +2 -2
- 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 +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell.js +1 -1
- 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 +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option.js +1 -1
- 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 +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row.js +1 -1
- package/development/autocomplete-grid-cell.component-BxkWGaX0.js +34 -0
- package/development/autocomplete-grid-option.component-5mPGswUO.js +61 -0
- package/development/autocomplete-grid-row.component-DEm6zyHZ.js +39 -0
- package/development/autocomplete-grid.js +3 -3
- package/development/autocomplete-grid.pure.js +3 -3
- package/development/core/datetime/date-helper.js +1 -1
- package/development/core/datetime.js +1 -1
- package/development/{date-helper-8_Y-PuHh.js → date-helper-qNdwgC9O.js} +4 -4
- package/development/{differenceInMinutes-DN_1Rk3O.js → differenceInMinutes-B7_GTDq7.js} +2 -2
- package/development/{format-Bbrn2bgo.js → format-DFx4997p.js} +3 -3
- package/development/{isValid-C-HzKv4v.js → isValid-JpZ7FphI.js} +2 -2
- package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.js +1 -1
- package/development/journey-summary.component-BZwgD4im.js +340 -0
- package/development/journey-summary.js +1 -1
- package/development/journey-summary.pure.js +1 -1
- package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
- package/development/pearl-chain/pearl-chain.component.js +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/development/pearl-chain-time.component-B2_BI6E_.js +319 -0
- package/development/pearl-chain-time.js +1 -1
- package/development/pearl-chain-time.pure.js +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- 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 +1 -1
- package/development/pearl-chain-vertical-item.component-DcmH13Vb.js +133 -0
- package/development/pearl-chain-vertical-item.js +1 -1
- package/development/pearl-chain-vertical-item.pure.js +1 -1
- package/development/pearl-chain-vertical.component-CpcNFl-x.js +31 -0
- package/development/pearl-chain-vertical.js +1 -1
- package/development/pearl-chain-vertical.pure.js +1 -1
- package/development/pearl-chain.component-oQZUzsyW.js +316 -0
- package/development/pearl-chain.js +1 -1
- package/development/pearl-chain.pure.js +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +3 -0
- 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 +37 -2
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- 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 +1 -1
- package/development/seat-reservation/seat-reservation-area.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- 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 +1 -1
- package/development/seat-reservation/seat-reservation-graphic.js +1 -1
- 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 +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach.js +1 -1
- 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 +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services.js +1 -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 +1 -1
- package/development/seat-reservation/seat-reservation-place-control.js +1 -1
- 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 +1 -1
- package/development/seat-reservation/seat-reservation-scoped.js +1 -1
- package/development/seat-reservation/seat-reservation.js +1 -1
- package/development/seat-reservation-area.component-DbeuTnXT.js +96 -0
- package/development/seat-reservation-graphic.component-DlrHtlia.js +129 -0
- package/development/seat-reservation-navigation-coach.component-CjoDkcVU.js +428 -0
- package/development/seat-reservation-navigation-services.component-CGel7__P.js +159 -0
- package/development/seat-reservation-place-control.component-CM9efId7.js +429 -0
- package/development/seat-reservation-scoped.component-CFA_bJ3o.js +25 -0
- package/development/seat-reservation.component-DFJVFmrI.js +510 -0
- package/development/seat-reservation.js +7 -7
- package/development/seat-reservation.pure.js +7 -7
- package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
- package/development/timetable-duration/timetable-duration.component.js +1 -1
- package/development/timetable-duration.component-BhFlqYbV.js +100 -0
- package/development/timetable-duration.js +1 -1
- package/development/timetable-duration.pure.js +1 -1
- package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
- package/development/timetable-row/timetable-row.component.js +1 -1
- package/development/timetable-row.component-Dko8laRT.js +729 -0
- package/development/timetable-row.js +1 -1
- package/development/timetable-row.pure.js +1 -1
- package/development/{toDate-Biiv3kyf.js → toDate-DOFAOjP-.js} +2 -2
- package/journey-summary/journey-summary.component.js +1 -1
- package/{journey-summary.component-Cq_4kaOp.js → journey-summary.component-DC7-qPHY.js} +38 -38
- package/journey-summary.js +1 -1
- package/journey-summary.pure.js +1 -1
- package/package.json +2 -2
- package/pearl-chain/pearl-chain.component.js +1 -1
- package/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/{pearl-chain-time.component-DGDW5S1c.js → pearl-chain-time.component-CkKsrbgQ.js} +28 -28
- package/pearl-chain-time.js +1 -1
- package/pearl-chain-time.pure.js +1 -1
- package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
- package/pearl-chain-vertical-item.component-BUqZ-3Ay.js +108 -0
- package/pearl-chain-vertical-item.js +1 -1
- package/pearl-chain-vertical-item.pure.js +1 -1
- package/{pearl-chain-vertical.component-CXIDT5RD.js → pearl-chain-vertical.component-Df9CvRxo.js} +5 -5
- package/pearl-chain-vertical.js +1 -1
- package/pearl-chain-vertical.pure.js +1 -1
- package/pearl-chain.component-CpISVoAu.js +194 -0
- package/pearl-chain.js +1 -1
- package/pearl-chain.pure.js +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +30 -4
- package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/seat-reservation/seat-reservation-area.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/seat-reservation/seat-reservation-graphic.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services.js +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/seat-reservation/seat-reservation-place-control.js +1 -1
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/seat-reservation/seat-reservation-scoped.js +1 -1
- package/seat-reservation/seat-reservation.js +1 -1
- package/seat-reservation-area.component-CtYawDjE.js +75 -0
- package/seat-reservation-graphic.component-Cm_pVxaB.js +102 -0
- package/seat-reservation-navigation-coach.component-sug9IBTH.js +333 -0
- package/{seat-reservation-navigation-services.component-QL0UnilZ.js → seat-reservation-navigation-services.component-C9dDYD_M.js} +19 -19
- package/seat-reservation-place-control.component-CE7d9M2b.js +322 -0
- package/seat-reservation-scoped.component-DVyP2JGE.js +17 -0
- package/{seat-reservation.component-zrQHTRl3.js → seat-reservation.component-DajC6fqU.js} +58 -55
- package/seat-reservation.js +7 -7
- package/seat-reservation.pure.js +7 -7
- package/timetable-duration/timetable-duration.component.js +1 -1
- package/{timetable-duration.component-DaYoJUGS.js → timetable-duration.component-BnJA8wSb.js} +12 -12
- package/timetable-duration.js +1 -1
- package/timetable-duration.pure.js +1 -1
- package/timetable-row/timetable-row.component.js +1 -1
- package/{timetable-row.component-BDMAEsbR.js → timetable-row.component-DbzBCpKR.js} +59 -59
- package/timetable-row.js +1 -1
- package/timetable-row.pure.js +1 -1
- package/autocomplete-grid-option.component-DNRFHOwc.js +0 -37
- package/autocomplete-grid-row.component-DBHZQ0GQ.js +0 -27
- package/development/autocomplete-grid-cell.component-BBvM4o2H.js +0 -42
- package/development/autocomplete-grid-option.component-QzfM5eIE.js +0 -123
- package/development/autocomplete-grid-row.component-H8sCTCkT.js +0 -104
- package/development/journey-summary.component-uGhZvA4p.js +0 -385
- package/development/pearl-chain-time.component-B8mayTWD.js +0 -415
- package/development/pearl-chain-vertical-item.component-BDzbcIaf.js +0 -435
- package/development/pearl-chain-vertical.component-CswE7b3M.js +0 -39
- package/development/pearl-chain.component-wpsTvoSe.js +0 -704
- package/development/seat-reservation-area.component-ORuli_DC.js +0 -138
- package/development/seat-reservation-graphic.component-lZXqHWIz.js +0 -193
- package/development/seat-reservation-navigation-coach.component-D2QXTMJJ.js +0 -828
- package/development/seat-reservation-navigation-services.component-Bg1adRlU.js +0 -179
- package/development/seat-reservation-place-control.component-CwUX-QYO.js +0 -726
- package/development/seat-reservation-scoped.component-uLT33P9y.js +0 -31
- package/development/seat-reservation.component-MOv5kHDC.js +0 -821
- package/development/timetable-duration.component-D21SXsQq.js +0 -125
- package/development/timetable-row.component-Y5w8vEwP.js +0 -932
- package/pearl-chain-vertical-item.component-G22bWhLU.js +0 -108
- package/pearl-chain.component-DmjkVIva.js +0 -194
- package/seat-reservation-area.component-COD6CXhP.js +0 -75
- package/seat-reservation-graphic.component-BNfU5tQM.js +0 -102
- package/seat-reservation-navigation-coach.component-Bh9ILq60.js +0 -333
- package/seat-reservation-place-control.component-BfnZUyHv.js +0 -322
- package/seat-reservation-scoped.component-CY04BT_4.js +0 -17
|
@@ -1,333 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
3
|
-
import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
4
|
-
import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
5
|
-
import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
6
|
-
import { css as o, html as s, nothing as c } from "lit";
|
|
7
|
-
import { property as l } from "lit/decorators.js";
|
|
8
|
-
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
9
|
-
import { classMap as u } from "lit/directives/class-map.js";
|
|
10
|
-
import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
|
|
11
|
-
import { SbbSeatReservationNavigationServicesElement as f } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
|
|
12
|
-
//#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.scss?lit&inline
|
|
13
|
-
var p = o`:host{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(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-navigation-btn-background-color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-navigation-btn-border-width-selected:2;--sbb-seat-reservation-navigation-btn-background-color-selected:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-iron));--sbb-seat-reservation-navigation-btn-border-color-selected:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-width-focused:1;--sbb-seat-reservation-navigation-btn-outline-color-focused:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-outline-offset-focused:4;--sbb-seat-reservation-navigation-btn-background-color-focused:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-navigation-btn-border-width-hovered:2;--sbb-seat-reservation-navigation-btn-background-color-hovered:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-navigation-btn-border-color-hovered:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-platinum))var(--lightningcss-dark,var(--sbb-color-iron));display:inline-block}.sbb-sr-navigation__item-coach{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column;list-style-type:none;display:flex}.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:"";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);width:100%;height:100%;position:absolute}.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:"";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);width:100%;height:100%;position:absolute}.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;-webkit-tap-highlight-color:transparent;color:inherit;height:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));background:0 0;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer);border:none;border-radius:0;outline:none;flex-direction:column;justify-content:center;margin:0;padding:0;display:flex;position:relative}.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:"";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);width:100%;height:100%;position:absolute}.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:"";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);width:100%;height:100%;position:absolute}.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:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,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:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,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-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(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,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:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-graphite))var(--lightningcss-dark,var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{justify-content:space-between;align-items:center;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);color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-granite));flex:1;font-weight:700;display:flex}@media (forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite))}@media (forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,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));border:calc(1 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);background-color:var(--sbb-color-lemon);margin:auto;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))}.sbb-sr-navigation__item-coach-travelclass{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:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-graphite));color:var(--lightningcss-light,var(--sbb-color-white))var(--lightningcss-dark,var(--sbb-color-black));justify-content:center;align-items:center;display:flex}@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{height:calc(80 * var(--sbb-seat-reservation-one-px-rem,.0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:row-reverse}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));flex-direction:column-reverse;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-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));inset-inline-start:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}: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:"";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);width:100%;height:100%;position:absolute}: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:"";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);width:100%;height:100%;position:absolute}: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))}`;
|
|
14
|
-
//#endregion
|
|
15
|
-
//#region src/elements-experimental/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts
|
|
16
|
-
f.define();
|
|
17
|
-
var m = (() => {
|
|
18
|
-
let o = n, f, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [];
|
|
19
|
-
return class extends o {
|
|
20
|
-
constructor() {
|
|
21
|
-
super(...arguments), this.#e = t(this, m, !1), this.#t = (t(this, h), t(this, _, !1)), this.#n = (t(this, v), t(this, b, !1)), this.#r = (t(this, x), t(this, C, !0)), this.#i = (t(this, w), t(this, E, 0)), this.#a = (t(this, D), t(this, k, {})), this.#o = (t(this, A), t(this, M, !1)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, !1)), this._language = (t(this, z), new r(this));
|
|
22
|
-
}
|
|
23
|
-
static {
|
|
24
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
|
|
25
|
-
f = [i(), l({ type: Boolean })], g = [i(), l({ type: Boolean })], y = [i(), l({ type: Boolean })], S = [i(), l({ type: Boolean })], T = [i(), l({ type: Number })], O = [l({
|
|
26
|
-
attribute: "coach-item-details",
|
|
27
|
-
type: Object
|
|
28
|
-
})], j = [i(), l({
|
|
29
|
-
attribute: "disable",
|
|
30
|
-
type: Boolean
|
|
31
|
-
})], P = [i(), l({
|
|
32
|
-
type: Boolean,
|
|
33
|
-
reflect: !0,
|
|
34
|
-
useDefault: !0
|
|
35
|
-
})], L = [i(), l({ type: Boolean })], e(this, null, f, {
|
|
36
|
-
kind: "accessor",
|
|
37
|
-
name: "selected",
|
|
38
|
-
static: !1,
|
|
39
|
-
private: !1,
|
|
40
|
-
access: {
|
|
41
|
-
has: (e) => "selected" in e,
|
|
42
|
-
get: (e) => e.selected,
|
|
43
|
-
set: (e, t) => {
|
|
44
|
-
e.selected = t;
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
metadata: t
|
|
48
|
-
}, m, h), e(this, null, g, {
|
|
49
|
-
kind: "accessor",
|
|
50
|
-
name: "focused",
|
|
51
|
-
static: !1,
|
|
52
|
-
private: !1,
|
|
53
|
-
access: {
|
|
54
|
-
has: (e) => "focused" in e,
|
|
55
|
-
get: (e) => e.focused,
|
|
56
|
-
set: (e, t) => {
|
|
57
|
-
e.focused = t;
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
metadata: t
|
|
61
|
-
}, _, v), e(this, null, y, {
|
|
62
|
-
kind: "accessor",
|
|
63
|
-
name: "hovered",
|
|
64
|
-
static: !1,
|
|
65
|
-
private: !1,
|
|
66
|
-
access: {
|
|
67
|
-
has: (e) => "hovered" in e,
|
|
68
|
-
get: (e) => e.hovered,
|
|
69
|
-
set: (e, t) => {
|
|
70
|
-
e.hovered = t;
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
metadata: t
|
|
74
|
-
}, b, x), e(this, null, S, {
|
|
75
|
-
kind: "accessor",
|
|
76
|
-
name: "nativeFocusActive",
|
|
77
|
-
static: !1,
|
|
78
|
-
private: !1,
|
|
79
|
-
access: {
|
|
80
|
-
has: (e) => "nativeFocusActive" in e,
|
|
81
|
-
get: (e) => e.nativeFocusActive,
|
|
82
|
-
set: (e, t) => {
|
|
83
|
-
e.nativeFocusActive = t;
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
metadata: t
|
|
87
|
-
}, C, w), e(this, null, T, {
|
|
88
|
-
kind: "accessor",
|
|
89
|
-
name: "index",
|
|
90
|
-
static: !1,
|
|
91
|
-
private: !1,
|
|
92
|
-
access: {
|
|
93
|
-
has: (e) => "index" in e,
|
|
94
|
-
get: (e) => e.index,
|
|
95
|
-
set: (e, t) => {
|
|
96
|
-
e.index = t;
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
metadata: t
|
|
100
|
-
}, E, D), e(this, null, O, {
|
|
101
|
-
kind: "accessor",
|
|
102
|
-
name: "coachItemDetails",
|
|
103
|
-
static: !1,
|
|
104
|
-
private: !1,
|
|
105
|
-
access: {
|
|
106
|
-
has: (e) => "coachItemDetails" in e,
|
|
107
|
-
get: (e) => e.coachItemDetails,
|
|
108
|
-
set: (e, t) => {
|
|
109
|
-
e.coachItemDetails = t;
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
metadata: t
|
|
113
|
-
}, k, A), e(this, null, j, {
|
|
114
|
-
kind: "accessor",
|
|
115
|
-
name: "disable",
|
|
116
|
-
static: !1,
|
|
117
|
-
private: !1,
|
|
118
|
-
access: {
|
|
119
|
-
has: (e) => "disable" in e,
|
|
120
|
-
get: (e) => e.disable,
|
|
121
|
-
set: (e, t) => {
|
|
122
|
-
e.disable = t;
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
metadata: t
|
|
126
|
-
}, M, N), e(this, null, P, {
|
|
127
|
-
kind: "accessor",
|
|
128
|
-
name: "vertical",
|
|
129
|
-
static: !1,
|
|
130
|
-
private: !1,
|
|
131
|
-
access: {
|
|
132
|
-
has: (e) => "vertical" in e,
|
|
133
|
-
get: (e) => e.vertical,
|
|
134
|
-
set: (e, t) => {
|
|
135
|
-
e.vertical = t;
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
metadata: t
|
|
139
|
-
}, F, I), e(this, null, L, {
|
|
140
|
-
kind: "accessor",
|
|
141
|
-
name: "showTitleInfo",
|
|
142
|
-
static: !1,
|
|
143
|
-
private: !1,
|
|
144
|
-
access: {
|
|
145
|
-
has: (e) => "showTitleInfo" in e,
|
|
146
|
-
get: (e) => e.showTitleInfo,
|
|
147
|
-
set: (e, t) => {
|
|
148
|
-
e.showTitleInfo = t;
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
metadata: t
|
|
152
|
-
}, R, z), t && Object.defineProperty(this, Symbol.metadata, {
|
|
153
|
-
enumerable: !0,
|
|
154
|
-
configurable: !0,
|
|
155
|
-
writable: !0,
|
|
156
|
-
value: t
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
static {
|
|
160
|
-
this.elementName = "sbb-seat-reservation-navigation-coach";
|
|
161
|
-
}
|
|
162
|
-
static {
|
|
163
|
-
this.styles = [a, p];
|
|
164
|
-
}
|
|
165
|
-
static {
|
|
166
|
-
this.events = {
|
|
167
|
-
selectcoach: "selectcoach",
|
|
168
|
-
focuscoach: "focuscoach"
|
|
169
|
-
};
|
|
170
|
-
}
|
|
171
|
-
#e;
|
|
172
|
-
get selected() {
|
|
173
|
-
return this.#e;
|
|
174
|
-
}
|
|
175
|
-
set selected(e) {
|
|
176
|
-
this.#e = e;
|
|
177
|
-
}
|
|
178
|
-
#t;
|
|
179
|
-
get focused() {
|
|
180
|
-
return this.#t;
|
|
181
|
-
}
|
|
182
|
-
set focused(e) {
|
|
183
|
-
this.#t = e;
|
|
184
|
-
}
|
|
185
|
-
#n;
|
|
186
|
-
get hovered() {
|
|
187
|
-
return this.#n;
|
|
188
|
-
}
|
|
189
|
-
set hovered(e) {
|
|
190
|
-
this.#n = e;
|
|
191
|
-
}
|
|
192
|
-
#r;
|
|
193
|
-
get nativeFocusActive() {
|
|
194
|
-
return this.#r;
|
|
195
|
-
}
|
|
196
|
-
set nativeFocusActive(e) {
|
|
197
|
-
this.#r = e;
|
|
198
|
-
}
|
|
199
|
-
#i;
|
|
200
|
-
get index() {
|
|
201
|
-
return this.#i;
|
|
202
|
-
}
|
|
203
|
-
set index(e) {
|
|
204
|
-
this.#i = e;
|
|
205
|
-
}
|
|
206
|
-
#a;
|
|
207
|
-
get coachItemDetails() {
|
|
208
|
-
return this.#a;
|
|
209
|
-
}
|
|
210
|
-
set coachItemDetails(e) {
|
|
211
|
-
this.#a = e;
|
|
212
|
-
}
|
|
213
|
-
#o;
|
|
214
|
-
get disable() {
|
|
215
|
-
return this.#o;
|
|
216
|
-
}
|
|
217
|
-
set disable(e) {
|
|
218
|
-
this.#o = e;
|
|
219
|
-
}
|
|
220
|
-
#s;
|
|
221
|
-
get vertical() {
|
|
222
|
-
return this.#s;
|
|
223
|
-
}
|
|
224
|
-
set vertical(e) {
|
|
225
|
-
this.#s = e;
|
|
226
|
-
}
|
|
227
|
-
#c;
|
|
228
|
-
get showTitleInfo() {
|
|
229
|
-
return this.#c;
|
|
230
|
-
}
|
|
231
|
-
set showTitleInfo(e) {
|
|
232
|
-
this.#c = e;
|
|
233
|
-
}
|
|
234
|
-
willUpdate(e) {
|
|
235
|
-
if (super.willUpdate(e), e.has("selected")) {
|
|
236
|
-
let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
237
|
-
this.selected && e && (this.nativeFocusActive && e.focus(), this.dispatchEvent(new Event("focuscoach", {
|
|
238
|
-
bubbles: !0,
|
|
239
|
-
composed: !0
|
|
240
|
-
})));
|
|
241
|
-
}
|
|
242
|
-
if (e.has("focused") && this.focused) {
|
|
243
|
-
let e = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
244
|
-
e && this.nativeFocusActive && e.focus();
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
render() {
|
|
248
|
-
return s`
|
|
249
|
-
<div
|
|
250
|
-
class="${u({
|
|
251
|
-
"sbb-sr-navigation__item-coach": !0,
|
|
252
|
-
"last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
|
|
253
|
-
"first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
|
|
254
|
-
"sbb-sr-navigation__item-coach--selected": this.selected,
|
|
255
|
-
"sbb-sr-navigation__item-coach--focused": this.focused,
|
|
256
|
-
"sbb-sr-navigation__item-coach--hovered": this.hovered
|
|
257
|
-
})}"
|
|
258
|
-
>
|
|
259
|
-
${this._getNavigationButton()}
|
|
260
|
-
${this.coachItemDetails.propertyIds?.length ? s`<sbb-seat-reservation-navigation-services
|
|
261
|
-
?vertical="${this.vertical}"
|
|
262
|
-
.propertyIds="${this.coachItemDetails.propertyIds}"
|
|
263
|
-
?showTitleInfo="${this.showTitleInfo}"
|
|
264
|
-
></sbb-seat-reservation-navigation-services>` : c}
|
|
265
|
-
</div>
|
|
266
|
-
`;
|
|
267
|
-
}
|
|
268
|
-
_getNavigationButton() {
|
|
269
|
-
let e = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(e), n = this._getAriaDescriptionCoachServices();
|
|
270
|
-
return s` <button
|
|
271
|
-
@click=${() => this._selectNavCoach(this.index)}
|
|
272
|
-
class="${u({
|
|
273
|
-
"sbb-sr-navigation__ctrl-button": !0,
|
|
274
|
-
"sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
|
|
275
|
-
})}"
|
|
276
|
-
?disabled="${this.disable}"
|
|
277
|
-
title="${this.showTitleInfo ? t : c}"
|
|
278
|
-
type="button"
|
|
279
|
-
aria-describedby="nav-coach-service-descriptions-${this.index}"
|
|
280
|
-
>
|
|
281
|
-
${this._getBtnInformation(e)}
|
|
282
|
-
<sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
|
|
283
|
-
${this.showTitleInfo ? c : s`<div>${t}</div>`}
|
|
284
|
-
${n ? s`<div>${n}</div>` : c}
|
|
285
|
-
</sbb-screen-reader-only>
|
|
286
|
-
</button>`;
|
|
287
|
-
}
|
|
288
|
-
_getBtnInformation(e) {
|
|
289
|
-
return this.coachItemDetails.isDriverArea ? null : s`
|
|
290
|
-
${e === 1 ? s`<span class="sbb-sr-navigation--first-class"></span>` : c}
|
|
291
|
-
${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__additional-information">
|
|
292
|
-
${this.coachItemDetails.id ? s`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
|
|
293
|
-
${this.coachItemDetails.id}
|
|
294
|
-
</div>` : c}
|
|
295
|
-
<div
|
|
296
|
-
${e ?? c}
|
|
297
|
-
class="sbb-sr-navigation__item-coach-travelclass"
|
|
298
|
-
aria-hidden="true"
|
|
299
|
-
>
|
|
300
|
-
${e}
|
|
301
|
-
</div>
|
|
302
|
-
</div>` : c}
|
|
303
|
-
`;
|
|
304
|
-
}
|
|
305
|
-
_getTitleDescriptionNavCoachButton(e) {
|
|
306
|
-
if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("NAVIGATE_COACH_BLOCKED", this._language.current, [this.coachItemDetails.id]);
|
|
307
|
-
if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall) return d("COACH_LOCOMOTIVE", this._language.current);
|
|
308
|
-
let t = d("NAVIGATE_TO_COACH", this._language.current, [this.coachItemDetails.id]);
|
|
309
|
-
if (e) {
|
|
310
|
-
let n = d(e === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), r = d("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [n]);
|
|
311
|
-
t = t.concat(r);
|
|
312
|
-
}
|
|
313
|
-
let n = d("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
|
|
314
|
-
return t = t.concat(". ").concat(n), t;
|
|
315
|
-
}
|
|
316
|
-
_getAriaDescriptionCoachServices() {
|
|
317
|
-
let e = null;
|
|
318
|
-
return this.coachItemDetails.propertyIds?.length && (e = d("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", e += this.coachItemDetails.propertyIds.map((e) => d(e, this._language.current)).join() + "."), e;
|
|
319
|
-
}
|
|
320
|
-
_selectNavCoach(e) {
|
|
321
|
-
this.dispatchEvent(new CustomEvent("selectcoach", {
|
|
322
|
-
bubbles: !0,
|
|
323
|
-
composed: !0,
|
|
324
|
-
detail: e
|
|
325
|
-
}));
|
|
326
|
-
}
|
|
327
|
-
_getCoachServiceClassNumber() {
|
|
328
|
-
return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
|
|
329
|
-
}
|
|
330
|
-
};
|
|
331
|
-
})();
|
|
332
|
-
//#endregion
|
|
333
|
-
export { m as t };
|