@sbb-esta/lyne-elements-experimental-dev 4.13.1-dev.1781017616 → 5.0.0-dev.1781076459
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/_index.scss +2 -0
- package/autocomplete-grid/_autocomplete-grid.global.scss +14 -0
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +16 -19
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +42 -71
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/{autocomplete-grid-cell.component-D-Kk9HwQ.js → autocomplete-grid-cell.component-79IjA__I.js} +6 -7
- package/autocomplete-grid-option.component-DUFBhQwI.js +35 -0
- package/{autocomplete-grid-row.component-57jjeZWF.js → autocomplete-grid-row.component-B3U15Rwa.js} +7 -8
- package/autocomplete-grid.js +3 -3
- package/autocomplete-grid.pure.js +3 -3
- package/core/datetime/date-helper.js +1 -1
- package/core/styles/_theme.scss +19 -0
- package/core/styles/lean-off-brand-theme.scss +3 -0
- package/core/styles/lean-safety-theme.scss +3 -0
- package/core/timetable/access-leg-helper.js +27 -27
- package/core.js +5 -0
- package/custom-elements.json +5120 -5186
- package/{date-helper-NgYaHPR7.js → date-helper-DNzMLcyb.js} +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +7 -10
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +2 -2
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +55 -89
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +1 -1
- 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-optgroup/autocomplete-grid-optgroup.component.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +2 -2
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -2
- 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-row/autocomplete-grid-row.component.d.ts +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-cell.component-BbdELDro.js +33 -0
- package/development/autocomplete-grid-option.component-C7WuqRit.js +57 -0
- package/development/{autocomplete-grid-row.component-CvF3ZWDZ.js → autocomplete-grid-row.component-DoXbOsQM.js} +3 -4
- package/development/autocomplete-grid.js +4 -4
- package/development/autocomplete-grid.pure.js +3 -3
- package/development/core/datetime/date-helper.js +1 -1
- package/development/core/timetable/access-leg-helper.d.ts.map +1 -1
- package/development/core/timetable/access-leg-helper.js +3 -3
- package/development/core.d.ts +6 -0
- package/development/core.d.ts.map +1 -0
- package/development/core.js +5 -0
- package/development/{date-helper-QhWjANc3.js → date-helper-BcTDWVeP.js} +2 -2
- package/development/journey-summary/journey-summary.component.d.ts +4 -4
- 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-BsC7wBIn.js +341 -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 +2 -2
- 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 +3 -2
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/development/{pearl-chain-time.component-BMHLITah.js → pearl-chain-time.component-C-CuC1ke.js} +11 -13
- 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 +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 +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-JYDWs8ta.js → pearl-chain-vertical-item.component-CLu9QrqJ.js} +4 -6
- 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-DbPz5k_R.js +30 -0
- package/development/pearl-chain-vertical.js +1 -1
- package/development/pearl-chain-vertical.pure.js +1 -1
- package/development/{pearl-chain.component-DUAGFkcu.js → pearl-chain.component-10OsJZIX.js} +7 -11
- package/development/pearl-chain.js +1 -1
- package/development/pearl-chain.pure.js +1 -1
- package/development/seat-reservation/common/translations/i18n.d.ts.map +1 -1
- package/development/seat-reservation/common/translations/i18n.js +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +12 -2
- 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 +35 -20
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +2 -0
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts +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-graphic/seat-reservation-graphic.component.d.ts +2 -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-navigation-coach/seat-reservation-navigation-coach.component.d.ts +8 -3
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts +2 -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-place-control/seat-reservation-place-control.component.d.ts +9 -3
- 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 +2 -2
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts +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-area.component-dG1GXJQP.js → seat-reservation-area.component-DPhQJFid.js} +4 -6
- package/development/{seat-reservation-graphic.component-BmhZpVL0.js → seat-reservation-graphic.component-0LYsmerm.js} +9 -9
- package/development/seat-reservation-navigation-coach.component-B97jKD7Y.js +438 -0
- package/development/{seat-reservation-navigation-services.component-B2uWa_VN.js → seat-reservation-navigation-services.component-Cx0Is97w.js} +11 -11
- package/development/{seat-reservation-place-control.component-CdL6yPUZ.js → seat-reservation-place-control.component-DaL1g8WH.js} +24 -17
- package/development/{seat-reservation-scoped.component-CJCkuKGz.js → seat-reservation-scoped.component-BHbORVsR.js} +3 -4
- package/development/seat-reservation.component-DI9pSlzt.js +473 -0
- package/development/seat-reservation.js +10 -11
- package/development/seat-reservation.pure.d.ts +0 -1
- package/development/seat-reservation.pure.d.ts.map +1 -1
- package/development/seat-reservation.pure.js +9 -10
- package/development/timetable-duration/timetable-duration.component.d.ts +1 -1
- 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-Chk5D4Is.js +96 -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 +3 -2
- 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-nzrQzxL6.js +736 -0
- package/development/timetable-row.js +1 -1
- package/development/timetable-row.pure.js +1 -1
- package/journey-summary/journey-summary.component.js +1 -1
- package/{journey-summary.component-DyTUTCOU.js → journey-summary.component-DNoO3OCf.js} +42 -41
- package/journey-summary.js +1 -1
- package/journey-summary.pure.js +1 -1
- package/lean-safety-theme.css +13 -0
- package/lean-theme.css +13 -0
- package/package.json +22 -85
- 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-DXe2o6S1.js → pearl-chain-time.component-BuvA6IE1.js} +42 -44
- 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-Bby13csG.js → pearl-chain-vertical-item.component-QZ4s8Jbv.js} +33 -35
- package/pearl-chain-vertical-item.js +1 -1
- package/pearl-chain-vertical-item.pure.js +1 -1
- package/pearl-chain-vertical.component-Dc3vaHsQ.js +20 -0
- package/pearl-chain-vertical.js +1 -1
- package/pearl-chain-vertical.pure.js +1 -1
- package/{pearl-chain.component-CPaCcW_1.js → pearl-chain.component-DtGXXkY6.js} +29 -33
- package/pearl-chain.js +1 -1
- package/pearl-chain.pure.js +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +87 -75
- 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-graphic/seat-reservation-graphic.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +2 -2
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +2 -2
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/{seat-reservation-area.component-DZsXvaMQ.js → seat-reservation-area.component-G9lHb7S8.js} +20 -22
- package/{seat-reservation-graphic.component-BnJuHVZQ.js → seat-reservation-graphic.component-BXFcQDxY.js} +26 -26
- package/seat-reservation-navigation-coach.component-BXy8EkJe.js +338 -0
- package/{seat-reservation-navigation-services.component-6ECATtWB.js → seat-reservation-navigation-services.component-49XmV9rv.js} +30 -33
- package/{seat-reservation-place-control.component-kx07J_YK.js → seat-reservation-place-control.component-DToIW328.js} +64 -62
- package/{seat-reservation-scoped.component-L1wMt65t.js → seat-reservation-scoped.component-D8dAmrP7.js} +6 -7
- package/seat-reservation.component--0XnrCkk.js +372 -0
- package/seat-reservation.js +10 -11
- package/seat-reservation.pure.js +9 -10
- package/timetable-duration/timetable-duration.component.js +1 -1
- package/timetable-duration.component-iMCvh1zr.js +61 -0
- 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-mNKmhRmP.js +566 -0
- package/timetable-row.js +1 -1
- package/timetable-row.pure.js +1 -1
- package/autocomplete-grid/autocomplete-grid-button.js +0 -4
- package/autocomplete-grid/autocomplete-grid-cell.js +0 -4
- package/autocomplete-grid/autocomplete-grid-optgroup.js +0 -4
- package/autocomplete-grid/autocomplete-grid-option.js +0 -4
- package/autocomplete-grid/autocomplete-grid-row.js +0 -4
- package/autocomplete-grid/autocomplete-grid.js +0 -4
- package/autocomplete-grid-option.component-qBUSf0mD.js +0 -37
- package/core/datetime.js +0 -2
- package/core/styles/core.scss +0 -13
- package/core/styles/theme.scss +0 -5
- package/core/timetable.js +0 -4
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +0 -10
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-cell.js +0 -10
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup.js +0 -10
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-option.js +0 -10
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid-row.js +0 -10
- package/development/autocomplete-grid/autocomplete-grid.d.ts +0 -2
- package/development/autocomplete-grid/autocomplete-grid.d.ts.map +0 -1
- package/development/autocomplete-grid/autocomplete-grid.js +0 -10
- package/development/autocomplete-grid-cell.component-CTC6s1q3.js +0 -34
- package/development/autocomplete-grid-option.component-DqkLWHcg.js +0 -61
- package/development/core/datetime.d.ts +0 -3
- package/development/core/datetime.d.ts.map +0 -1
- package/development/core/datetime.js +0 -2
- package/development/core/timetable.d.ts +0 -5
- package/development/core/timetable.d.ts.map +0 -1
- package/development/core/timetable.js +0 -4
- package/development/journey-summary.component-BTaPGCGZ.js +0 -340
- package/development/pearl-chain-vertical.component-YYXS_74c.js +0 -31
- package/development/seat-reservation/common.d.ts +0 -6
- package/development/seat-reservation/common.d.ts.map +0 -1
- package/development/seat-reservation/common.js +0 -12
- package/development/seat-reservation/seat-reservation-area.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-area.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-area.js +0 -10
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts +0 -9
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +0 -306
- package/development/seat-reservation/seat-reservation-graphic.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-graphic.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-graphic.js +0 -10
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-navigation-coach.js +0 -10
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-navigation-services.js +0 -10
- package/development/seat-reservation/seat-reservation-place-control.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-place-control.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-place-control.js +0 -10
- package/development/seat-reservation/seat-reservation-scoped.d.ts +0 -2
- package/development/seat-reservation/seat-reservation-scoped.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation-scoped.js +0 -10
- package/development/seat-reservation/seat-reservation.d.ts +0 -3
- package/development/seat-reservation/seat-reservation.d.ts.map +0 -1
- package/development/seat-reservation/seat-reservation.js +0 -11
- package/development/seat-reservation-navigation-coach.component-Be9CBw62.js +0 -428
- package/development/seat-reservation.component-B4BxXyLr.js +0 -464
- package/development/timetable-duration.component-CXF0oJbO.js +0 -100
- package/development/timetable-row.component-BCufuA05.js +0 -729
- package/pearl-chain-vertical.component-0EgQ4knk.js +0 -21
- package/seat-reservation/common.js +0 -9
- package/seat-reservation/seat-reservation-area.js +0 -4
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +0 -291
- package/seat-reservation/seat-reservation-graphic.js +0 -4
- package/seat-reservation/seat-reservation-navigation-coach.js +0 -4
- package/seat-reservation/seat-reservation-navigation-services.js +0 -4
- package/seat-reservation/seat-reservation-place-control.js +0 -4
- package/seat-reservation/seat-reservation-scoped.js +0 -4
- package/seat-reservation/seat-reservation.js +0 -5
- package/seat-reservation-navigation-coach.component-DgdpqMzG.js +0 -333
- package/seat-reservation.component-B_T6eTf6.js +0 -360
- package/timetable-duration.component-Bqo5N_De.js +0 -65
- package/timetable-row.component-a5CWXLAQ.js +0 -559
- /package/{core.css → lean-off-brand-theme.css} +0 -0
|
@@ -1,42 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { styleMap as u } from "lit/directives/style-map.js";
|
|
9
|
-
import { getI18nSeatReservation as d } from "./seat-reservation/common/translations.js";
|
|
10
|
-
import { SbbSeatReservationGraphicElement as f } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
1
|
+
import { SbbButtonBaseElement as e, SbbLanguageController as t, forceType as n } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
+
import { html as r, nothing as i, unsafeCSS as a } from "lit";
|
|
3
|
+
import { __esDecorate as o, __runInitializers as s } from "tslib";
|
|
4
|
+
import { property as c } from "lit/decorators.js";
|
|
5
|
+
import { styleMap as l } from "lit/directives/style-map.js";
|
|
6
|
+
import { getI18nSeatReservation as u } from "./seat-reservation/common/translations.js";
|
|
7
|
+
import { SbbSeatReservationGraphicElement as d } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
11
8
|
//#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?inline
|
|
12
|
-
var p = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
var f = ":host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-weight:300;cursor:var(--sbb-cursor-pointer)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-focus)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-focus)}:host(:active) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-reservation-place-control-allocated-text)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}", p = class extends Event {
|
|
10
|
+
get detail() {
|
|
11
|
+
return this._detail;
|
|
12
|
+
}
|
|
13
|
+
constructor(e) {
|
|
14
|
+
super("selectplace", {
|
|
15
|
+
bubbles: !0,
|
|
16
|
+
composed: !0
|
|
17
|
+
}), this._detail = e;
|
|
18
|
+
}
|
|
19
|
+
}, m = (() => {
|
|
20
|
+
let m = e, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [];
|
|
21
|
+
return class extends m {
|
|
19
22
|
static {
|
|
20
|
-
let
|
|
21
|
-
|
|
23
|
+
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
|
|
24
|
+
h = [n(), c({ attribute: "type" })], v = [n(), c({
|
|
22
25
|
attribute: "state",
|
|
23
26
|
reflect: !0
|
|
24
|
-
})],
|
|
27
|
+
})], x = [c({ attribute: "travel-direction" })], w = [c({
|
|
25
28
|
attribute: "propertyIds",
|
|
26
29
|
type: Array
|
|
27
|
-
})],
|
|
30
|
+
})], D = [n(), c({ attribute: "text" })], A = [n(), c({
|
|
28
31
|
attribute: "deck-index",
|
|
29
32
|
type: Number
|
|
30
|
-
})],
|
|
33
|
+
})], N = [n(), c({
|
|
31
34
|
attribute: "coach-index",
|
|
32
35
|
type: Number
|
|
33
|
-
})],
|
|
36
|
+
})], I = [n(), c({
|
|
34
37
|
attribute: "prevent-click",
|
|
35
38
|
type: Boolean
|
|
36
|
-
})],
|
|
39
|
+
})], z = [n(), c({ attribute: "keyfocus" })], H = [n(), c({
|
|
37
40
|
type: Boolean,
|
|
38
41
|
useDefault: !0
|
|
39
|
-
})],
|
|
42
|
+
})], o(this, null, h, {
|
|
40
43
|
kind: "accessor",
|
|
41
44
|
name: "placeType",
|
|
42
45
|
static: !1,
|
|
@@ -48,8 +51,8 @@ var m = (() => {
|
|
|
48
51
|
e.placeType = t;
|
|
49
52
|
}
|
|
50
53
|
},
|
|
51
|
-
metadata:
|
|
52
|
-
},
|
|
54
|
+
metadata: e
|
|
55
|
+
}, g, _), o(this, null, v, {
|
|
53
56
|
kind: "accessor",
|
|
54
57
|
name: "state",
|
|
55
58
|
static: !1,
|
|
@@ -61,8 +64,8 @@ var m = (() => {
|
|
|
61
64
|
e.state = t;
|
|
62
65
|
}
|
|
63
66
|
},
|
|
64
|
-
metadata:
|
|
65
|
-
},
|
|
67
|
+
metadata: e
|
|
68
|
+
}, y, b), o(this, null, x, {
|
|
66
69
|
kind: "accessor",
|
|
67
70
|
name: "travelDirection",
|
|
68
71
|
static: !1,
|
|
@@ -74,8 +77,8 @@ var m = (() => {
|
|
|
74
77
|
e.travelDirection = t;
|
|
75
78
|
}
|
|
76
79
|
},
|
|
77
|
-
metadata:
|
|
78
|
-
},
|
|
80
|
+
metadata: e
|
|
81
|
+
}, S, C), o(this, null, w, {
|
|
79
82
|
kind: "accessor",
|
|
80
83
|
name: "propertyIds",
|
|
81
84
|
static: !1,
|
|
@@ -87,8 +90,8 @@ var m = (() => {
|
|
|
87
90
|
e.propertyIds = t;
|
|
88
91
|
}
|
|
89
92
|
},
|
|
90
|
-
metadata:
|
|
91
|
-
},
|
|
93
|
+
metadata: e
|
|
94
|
+
}, T, E), o(this, null, D, {
|
|
92
95
|
kind: "accessor",
|
|
93
96
|
name: "text",
|
|
94
97
|
static: !1,
|
|
@@ -100,8 +103,8 @@ var m = (() => {
|
|
|
100
103
|
e.text = t;
|
|
101
104
|
}
|
|
102
105
|
},
|
|
103
|
-
metadata:
|
|
104
|
-
},
|
|
106
|
+
metadata: e
|
|
107
|
+
}, O, k), o(this, null, A, {
|
|
105
108
|
kind: "accessor",
|
|
106
109
|
name: "deckIndex",
|
|
107
110
|
static: !1,
|
|
@@ -113,8 +116,8 @@ var m = (() => {
|
|
|
113
116
|
e.deckIndex = t;
|
|
114
117
|
}
|
|
115
118
|
},
|
|
116
|
-
metadata:
|
|
117
|
-
},
|
|
119
|
+
metadata: e
|
|
120
|
+
}, j, M), o(this, null, N, {
|
|
118
121
|
kind: "accessor",
|
|
119
122
|
name: "coachIndex",
|
|
120
123
|
static: !1,
|
|
@@ -126,8 +129,8 @@ var m = (() => {
|
|
|
126
129
|
e.coachIndex = t;
|
|
127
130
|
}
|
|
128
131
|
},
|
|
129
|
-
metadata:
|
|
130
|
-
},
|
|
132
|
+
metadata: e
|
|
133
|
+
}, P, F), o(this, null, I, {
|
|
131
134
|
kind: "accessor",
|
|
132
135
|
name: "preventClick",
|
|
133
136
|
static: !1,
|
|
@@ -139,8 +142,8 @@ var m = (() => {
|
|
|
139
142
|
e.preventClick = t;
|
|
140
143
|
}
|
|
141
144
|
},
|
|
142
|
-
metadata:
|
|
143
|
-
},
|
|
145
|
+
metadata: e
|
|
146
|
+
}, L, R), o(this, null, z, {
|
|
144
147
|
kind: "accessor",
|
|
145
148
|
name: "keyfocus",
|
|
146
149
|
static: !1,
|
|
@@ -152,8 +155,8 @@ var m = (() => {
|
|
|
152
155
|
e.keyfocus = t;
|
|
153
156
|
}
|
|
154
157
|
},
|
|
155
|
-
metadata:
|
|
156
|
-
},
|
|
158
|
+
metadata: e
|
|
159
|
+
}, B, V), o(this, null, H, {
|
|
157
160
|
kind: "accessor",
|
|
158
161
|
name: "showTitleInfo",
|
|
159
162
|
static: !1,
|
|
@@ -165,19 +168,22 @@ var m = (() => {
|
|
|
165
168
|
e.showTitleInfo = t;
|
|
166
169
|
}
|
|
167
170
|
},
|
|
168
|
-
metadata:
|
|
169
|
-
},
|
|
171
|
+
metadata: e
|
|
172
|
+
}, U, W), e && Object.defineProperty(this, Symbol.metadata, {
|
|
170
173
|
enumerable: !0,
|
|
171
174
|
configurable: !0,
|
|
172
175
|
writable: !0,
|
|
173
|
-
value:
|
|
176
|
+
value: e
|
|
174
177
|
});
|
|
175
178
|
}
|
|
176
179
|
static {
|
|
177
180
|
this.elementName = "sbb-seat-reservation-place-control";
|
|
178
181
|
}
|
|
179
182
|
static {
|
|
180
|
-
this.
|
|
183
|
+
this.elementDependencies = [d];
|
|
184
|
+
}
|
|
185
|
+
static {
|
|
186
|
+
this.styles = [a(f)];
|
|
181
187
|
}
|
|
182
188
|
static {
|
|
183
189
|
this.events = { selectplace: "selectplace" };
|
|
@@ -253,36 +259,36 @@ var m = (() => {
|
|
|
253
259
|
this.#l = e;
|
|
254
260
|
}
|
|
255
261
|
constructor() {
|
|
256
|
-
super(), this.#e =
|
|
262
|
+
super(), this.#e = s(this, g, "SEAT"), this.#t = (s(this, _), s(this, y, "FREE")), this.#n = (s(this, b), s(this, S, "NONE")), this.#r = (s(this, C), s(this, T, [])), this.#i = (s(this, E), s(this, O, "")), this.#a = (s(this, k), s(this, j, null)), this.#o = (s(this, M), s(this, P, null)), this.#s = (s(this, F), s(this, L, !1)), this.#c = (s(this, R), s(this, B, "unfocus")), this.#l = (s(this, V), s(this, U, !1)), this._language = (s(this, W), new t(this)), this.addEventListener("click", () => this._selectPlace());
|
|
257
263
|
}
|
|
258
264
|
willUpdate(e) {
|
|
259
265
|
super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
|
|
260
266
|
}
|
|
261
267
|
render() {
|
|
262
|
-
let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(),
|
|
263
|
-
return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1,
|
|
268
|
+
let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), a = this.text, o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), s = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), c = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), u = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(u) - Number(c), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null, p = this._getTitleDescriptionPlace(c);
|
|
269
|
+
return this.showTitleInfo ? (this.title = p, this.internals.ariaLabel = null) : (this.internals.ariaLabel = p, this.removeAttribute("title")), this.tabIndex = -1, r` <div
|
|
264
270
|
part="sbb-sr-place-part"
|
|
265
271
|
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${c} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
|
|
266
272
|
aria-hidden="true"
|
|
267
273
|
>
|
|
268
274
|
<sbb-seat-reservation-graphic
|
|
269
|
-
style=${
|
|
270
|
-
"--sbb-seat-reservation-graphic-width":
|
|
271
|
-
"--sbb-seat-reservation-graphic-height":
|
|
275
|
+
style=${l({
|
|
276
|
+
"--sbb-seat-reservation-graphic-width": o,
|
|
277
|
+
"--sbb-seat-reservation-graphic-height": s,
|
|
272
278
|
"--sbb-seat-reservation-graphic-rotation": c,
|
|
273
279
|
"--sbb-seat-reservation-graphic-inverse-rotation": d
|
|
274
280
|
})}
|
|
275
281
|
.name=${e}
|
|
276
282
|
></sbb-seat-reservation-graphic>
|
|
277
|
-
<span ${this.text ??
|
|
283
|
+
<span ${this.text ?? i} class="sbb-sr-place-ctrl__text">${a} </span>
|
|
278
284
|
</div>`;
|
|
279
285
|
}
|
|
280
286
|
_getPlaceSvg(e, t) {
|
|
281
287
|
return `PLACE_${e}_${t}`;
|
|
282
288
|
}
|
|
283
289
|
_getTitleDescriptionPlace(e) {
|
|
284
|
-
let t =
|
|
285
|
-
return (this.propertyIds.length || n) && (t += ". " +
|
|
290
|
+
let t = u("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
|
|
291
|
+
return (this.propertyIds.length || n) && (t += ". " + u("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => u("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
|
|
286
292
|
}
|
|
287
293
|
_getRelativeTravelDirection(e) {
|
|
288
294
|
if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
|
|
@@ -302,14 +308,10 @@ var m = (() => {
|
|
|
302
308
|
state: this.state,
|
|
303
309
|
placeType: this.placeType
|
|
304
310
|
};
|
|
305
|
-
this.dispatchEvent(new
|
|
306
|
-
detail: e,
|
|
307
|
-
bubbles: !0,
|
|
308
|
-
composed: !0
|
|
309
|
-
}));
|
|
311
|
+
this.dispatchEvent(new p(e));
|
|
310
312
|
}
|
|
311
313
|
}
|
|
312
314
|
};
|
|
313
315
|
})();
|
|
314
316
|
//#endregion
|
|
315
|
-
export { m as t };
|
|
317
|
+
export { m as n, p as t };
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { SbbElement as e } from "@sbb-esta/lyne-elements/core
|
|
2
|
-
import {
|
|
3
|
-
import { html as n, unsafeCSS as r } from "lit";
|
|
1
|
+
import { SbbElement as e } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
+
import { html as t, unsafeCSS as n } from "lit";
|
|
4
3
|
//#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?inline
|
|
5
|
-
var
|
|
4
|
+
var r = ":host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}", i = class extends e {
|
|
6
5
|
static {
|
|
7
6
|
this.elementName = "sbb-seat-reservation-scoped";
|
|
8
7
|
}
|
|
9
8
|
static {
|
|
10
|
-
this.styles = [
|
|
9
|
+
this.styles = [n(r)];
|
|
11
10
|
}
|
|
12
11
|
render() {
|
|
13
|
-
return
|
|
12
|
+
return t`<slot></slot>`;
|
|
14
13
|
}
|
|
15
14
|
};
|
|
16
15
|
//#endregion
|
|
17
|
-
export {
|
|
16
|
+
export { i as t };
|