@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773148902 → 4.7.0-dev.1773157364
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +74 -82
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +9 -10
- package/autocomplete-grid/autocomplete-grid-button.js +5 -2
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +11 -19
- package/autocomplete-grid/autocomplete-grid-cell.js +5 -2
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +20 -27
- package/autocomplete-grid/autocomplete-grid-optgroup.js +5 -2
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +30 -38
- package/autocomplete-grid/autocomplete-grid-option.js +5 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -22
- package/autocomplete-grid/autocomplete-grid-row.js +5 -2
- package/autocomplete-grid/autocomplete-grid.js +5 -2
- package/autocomplete-grid.js +20 -13
- package/autocomplete-grid.pure.js +15 -0
- package/custom-elements.json +462 -237
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts +2 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +109 -122
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +3 -2
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +3 -4
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts +4 -4
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +12 -24
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-cell.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts +3 -2
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +21 -36
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-optgroup.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -0
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +32 -44
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-option.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option.js +6 -2
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts +4 -4
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +16 -28
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid-row.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid.d.ts +0 -3
- package/development/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid.js +4 -1
- package/development/autocomplete-grid.d.ts +1 -9
- package/development/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid.js +10 -3
- package/development/autocomplete-grid.pure.d.ts +8 -0
- package/development/autocomplete-grid.pure.d.ts.map +1 -0
- package/development/autocomplete-grid.pure.js +16 -0
- package/development/core/datetime.d.ts +1 -3
- package/development/core/datetime.d.ts.map +1 -1
- package/development/core/timetable/timetable-properties.d.ts +30 -30
- package/development/core/timetable/timetable-properties.d.ts.map +1 -1
- package/development/core/timetable.d.ts +1 -3
- package/development/core/timetable.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.d.ts +4 -2
- package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.js +9 -15
- package/development/journey-summary.d.ts +1 -4
- package/development/journey-summary.d.ts.map +1 -1
- package/development/journey-summary.js +2 -1
- package/development/journey-summary.pure.d.ts +3 -0
- package/development/journey-summary.pure.d.ts.map +1 -0
- package/development/journey-summary.pure.js +5 -0
- package/development/pearl-chain/pearl-chain.component.d.ts +4 -2
- package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
- package/development/pearl-chain/pearl-chain.component.js +9 -15
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts +4 -2
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +9 -15
- package/development/pearl-chain-time.d.ts +1 -4
- package/development/pearl-chain-time.d.ts.map +1 -1
- package/development/pearl-chain-time.js +2 -1
- package/development/pearl-chain-time.pure.d.ts +3 -0
- package/development/pearl-chain-time.pure.d.ts.map +1 -0
- package/development/pearl-chain-time.pure.js +5 -0
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts +4 -2
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -23
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts +4 -2
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +9 -15
- package/development/pearl-chain-vertical-item.d.ts +1 -4
- package/development/pearl-chain-vertical-item.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item.js +2 -1
- package/development/pearl-chain-vertical-item.pure.d.ts +3 -0
- package/development/pearl-chain-vertical-item.pure.d.ts.map +1 -0
- package/development/pearl-chain-vertical-item.pure.js +5 -0
- package/development/pearl-chain-vertical.d.ts +1 -4
- package/development/pearl-chain-vertical.d.ts.map +1 -1
- package/development/pearl-chain-vertical.js +2 -1
- package/development/pearl-chain-vertical.pure.d.ts +3 -0
- package/development/pearl-chain-vertical.pure.d.ts.map +1 -0
- package/development/pearl-chain-vertical.pure.js +5 -0
- package/development/pearl-chain.d.ts +1 -4
- package/development/pearl-chain.d.ts.map +1 -1
- package/development/pearl-chain.js +2 -1
- package/development/pearl-chain.pure.d.ts +3 -0
- package/development/pearl-chain.pure.d.ts.map +1 -0
- package/development/pearl-chain.pure.js +5 -0
- package/development/seat-reservation/common/mapper/icon-mapper.d.ts +2 -2
- package/development/seat-reservation/common/mapper/icon-mapper.d.ts.map +1 -1
- package/development/seat-reservation/common/mapper/icon-mapper.js +1 -1
- package/development/seat-reservation/common/types.d.ts +22 -22
- package/development/seat-reservation/common/types.d.ts.map +1 -1
- package/development/seat-reservation/common.d.ts +1 -3
- package/development/seat-reservation/common.d.ts.map +1 -1
- package/development/seat-reservation/common.js +3 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +4 -3
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +1 -0
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +344 -352
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +9 -15
- package/development/seat-reservation/seat-reservation-area.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-area.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area.js +4 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +6 -4
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +11 -16
- package/development/seat-reservation/seat-reservation-graphic.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-graphic.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic.js +4 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +5 -3
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +12 -17
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-navigation-coach.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach.js +4 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +12 -17
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-navigation-services.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services.js +4 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +2 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +10 -16
- package/development/seat-reservation/seat-reservation-place-control.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-place-control.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control.js +4 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts +4 -2
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -23
- package/development/seat-reservation/seat-reservation-scoped.d.ts +0 -3
- package/development/seat-reservation/seat-reservation-scoped.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped.js +4 -1
- package/development/seat-reservation/seat-reservation.d.ts +0 -3
- package/development/seat-reservation/seat-reservation.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation.js +4 -1
- package/development/seat-reservation.d.ts +1 -11
- package/development/seat-reservation.d.ts.map +1 -1
- package/development/seat-reservation.js +13 -3
- package/development/seat-reservation.pure.d.ts +15 -0
- package/development/seat-reservation.pure.d.ts.map +1 -0
- package/development/seat-reservation.pure.js +33 -0
- package/development/timetable-duration/timetable-duration.component.d.ts +4 -2
- package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
- package/development/timetable-duration/timetable-duration.component.js +9 -15
- package/development/timetable-duration.d.ts +1 -4
- package/development/timetable-duration.d.ts.map +1 -1
- package/development/timetable-duration.js +2 -1
- package/development/timetable-duration.pure.d.ts +3 -0
- package/development/timetable-duration.pure.d.ts.map +1 -0
- package/development/timetable-duration.pure.js +5 -0
- package/development/timetable-row/timetable-row.component.d.ts +4 -2
- package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
- package/development/timetable-row/timetable-row.component.js +9 -15
- package/development/timetable-row.d.ts +1 -4
- package/development/timetable-row.d.ts.map +1 -1
- package/development/timetable-row.js +4 -2
- package/development/timetable-row.pure.d.ts +3 -0
- package/development/timetable-row.pure.d.ts.map +1 -0
- package/development/timetable-row.pure.js +12 -0
- package/index.d.ts +9 -20
- package/index.js +9 -20
- package/journey-summary/journey-summary.component.js +88 -87
- package/journey-summary.js +3 -2
- package/journey-summary.pure.js +4 -0
- package/package.json +47 -2
- package/pearl-chain/pearl-chain.component.js +74 -73
- package/pearl-chain-time/pearl-chain-time.component.js +64 -63
- package/pearl-chain-time.js +3 -2
- package/pearl-chain-time.pure.js +4 -0
- package/pearl-chain-vertical/pearl-chain-vertical.component.js +11 -18
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +39 -38
- package/pearl-chain-vertical-item.js +3 -2
- package/pearl-chain-vertical-item.pure.js +4 -0
- package/pearl-chain-vertical.js +3 -2
- package/pearl-chain-vertical.pure.js +4 -0
- package/pearl-chain.js +3 -2
- package/pearl-chain.pure.js +4 -0
- package/seat-reservation/common.js +10 -8
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +4 -3
- package/seat-reservation/seat-reservation/seat-reservation.component.js +261 -263
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +32 -31
- package/seat-reservation/seat-reservation-area.js +5 -2
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +18 -16
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +42 -40
- package/seat-reservation/seat-reservation-graphic.js +5 -2
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +117 -115
- package/seat-reservation/seat-reservation-navigation-coach.js +5 -2
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +53 -51
- package/seat-reservation/seat-reservation-navigation-services.js +5 -2
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +79 -78
- package/seat-reservation/seat-reservation-place-control.js +5 -2
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +11 -18
- package/seat-reservation/seat-reservation-scoped.js +5 -2
- package/seat-reservation/seat-reservation.js +5 -2
- package/seat-reservation.js +37 -27
- package/seat-reservation.pure.js +32 -0
- package/timetable-duration/timetable-duration.component.js +29 -28
- package/timetable-duration.js +3 -2
- package/timetable-duration.pure.js +4 -0
- package/timetable-row/timetable-row.component.js +152 -151
- package/timetable-row.js +11 -9
- package/timetable-row.pure.js +11 -0
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js
CHANGED
|
@@ -1,131 +1,132 @@
|
|
|
1
|
-
var
|
|
1
|
+
var re = (o) => {
|
|
2
2
|
throw TypeError(o);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var se = (o, l, i) => l.has(o) || re("Cannot " + i);
|
|
5
|
+
var b = (o, l, i) => (se(o, l, "read from private field"), i ? i.call(o) : l.get(o)), n = (o, l, i) => l.has(o) ? re("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(o) : l.set(o, i), s = (o, l, i, T) => (se(o, l, "write to private field"), T ? T.call(o, i) : l.set(o, i), i);
|
|
6
6
|
import { __esDecorate as p, __runInitializers as a } from "tslib";
|
|
7
|
-
import { SbbButtonBaseElement as
|
|
8
|
-
import { SbbLanguageController as
|
|
9
|
-
import { forceType as
|
|
10
|
-
import { boxSizingStyles as
|
|
11
|
-
import { css as
|
|
12
|
-
import {
|
|
13
|
-
import { styleMap as
|
|
14
|
-
import { getI18nSeatReservation as
|
|
15
|
-
import "../seat-reservation-graphic.js";
|
|
16
|
-
const xe = ue`: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,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .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%}`;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
import { SbbButtonBaseElement as ne } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
|
+
import { SbbLanguageController as pe } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
|
+
import { forceType as d } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
10
|
+
import { boxSizingStyles as ve } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
11
|
+
import { css as de, nothing as ae, html as ce } from "lit";
|
|
12
|
+
import { property as v } from "lit/decorators.js";
|
|
13
|
+
import { styleMap as he } from "lit/directives/style-map.js";
|
|
14
|
+
import { getI18nSeatReservation as z } from "../common/translations.js";
|
|
15
|
+
import { SbbSeatReservationGraphicElement as fe } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
16
|
+
const ge = de`: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,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .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%}`;
|
|
17
|
+
fe.define();
|
|
18
|
+
let Ce = (() => {
|
|
19
|
+
var h, f, g, u, k, _, x, y, m, I, c;
|
|
20
|
+
let o = ne, l, i = [], T = [], C, N = [], L = [], O, R = [], $ = [], A, P = [], j = [], V, S = [], B = [], F, G = [], U = [], Y, H = [], K = [], M, q = [], J = [], Q, W = [], X = [], Z, ee = [], te = [];
|
|
21
|
+
return c = class extends o {
|
|
21
22
|
constructor() {
|
|
22
23
|
super();
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
s(this,
|
|
24
|
+
n(this, h);
|
|
25
|
+
n(this, f);
|
|
26
|
+
n(this, g);
|
|
27
|
+
n(this, u);
|
|
28
|
+
n(this, k);
|
|
29
|
+
n(this, _);
|
|
30
|
+
n(this, x);
|
|
31
|
+
n(this, y);
|
|
32
|
+
n(this, m);
|
|
33
|
+
n(this, I);
|
|
34
|
+
s(this, h, a(this, i, "SEAT")), s(this, f, (a(this, T), a(this, N, "FREE"))), s(this, g, (a(this, L), a(this, R, "NONE"))), s(this, u, (a(this, $), a(this, P, []))), s(this, k, (a(this, j), a(this, S, ""))), s(this, _, (a(this, B), a(this, G, null))), s(this, x, (a(this, U), a(this, H, null))), s(this, y, (a(this, K), a(this, q, !1))), s(this, m, (a(this, J), a(this, W, "unfocus"))), s(this, I, (a(this, X), a(this, ee, !1))), this._optionalScreenreaderInfo = (a(this, te), ""), this._language = new pe(this), this.addEventListener("click", () => this._selectPlace());
|
|
34
35
|
}
|
|
35
36
|
/** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
|
|
36
37
|
get placeType() {
|
|
37
|
-
return
|
|
38
|
+
return b(this, h);
|
|
38
39
|
}
|
|
39
40
|
set placeType(t) {
|
|
40
|
-
s(this,
|
|
41
|
+
s(this, h, t);
|
|
41
42
|
}
|
|
42
43
|
/** state of the place, e.g. 'FREE', 'SELECTED', 'BLOCKED' */
|
|
43
44
|
get state() {
|
|
44
|
-
return
|
|
45
|
+
return b(this, f);
|
|
45
46
|
}
|
|
46
47
|
set state(t) {
|
|
47
|
-
s(this,
|
|
48
|
+
s(this, f, t);
|
|
48
49
|
}
|
|
49
50
|
/** direction of a whole train, used to compute an orientation of a place */
|
|
50
51
|
get travelDirection() {
|
|
51
|
-
return
|
|
52
|
+
return b(this, g);
|
|
52
53
|
}
|
|
53
54
|
set travelDirection(t) {
|
|
54
|
-
s(this,
|
|
55
|
+
s(this, g, t);
|
|
55
56
|
}
|
|
56
57
|
/** property ids of the place, to display more info about the place */
|
|
57
58
|
get propertyIds() {
|
|
58
|
-
return
|
|
59
|
+
return b(this, u);
|
|
59
60
|
}
|
|
60
61
|
set propertyIds(t) {
|
|
61
|
-
s(this,
|
|
62
|
+
s(this, u, t);
|
|
62
63
|
}
|
|
63
64
|
/** label of the place, e.g. '1A', '2B' */
|
|
64
65
|
get text() {
|
|
65
|
-
return
|
|
66
|
+
return b(this, k);
|
|
66
67
|
}
|
|
67
68
|
set text(t) {
|
|
68
|
-
s(this,
|
|
69
|
+
s(this, k, t);
|
|
69
70
|
}
|
|
70
71
|
/** Deck Index Prop to identifier the right place to deck */
|
|
71
72
|
get deckIndex() {
|
|
72
|
-
return
|
|
73
|
+
return b(this, _);
|
|
73
74
|
}
|
|
74
75
|
set deckIndex(t) {
|
|
75
|
-
s(this,
|
|
76
|
+
s(this, _, t);
|
|
76
77
|
}
|
|
77
78
|
/** Coach Index Prop to identifier the right place to coach */
|
|
78
79
|
get coachIndex() {
|
|
79
|
-
return
|
|
80
|
+
return b(this, x);
|
|
80
81
|
}
|
|
81
82
|
set coachIndex(t) {
|
|
82
|
-
s(this,
|
|
83
|
+
s(this, x, t);
|
|
83
84
|
}
|
|
84
85
|
/** Prevent click prop prevent any place action */
|
|
85
86
|
get preventClick() {
|
|
86
|
-
return
|
|
87
|
+
return b(this, y);
|
|
87
88
|
}
|
|
88
89
|
set preventClick(t) {
|
|
89
|
-
s(this,
|
|
90
|
+
s(this, y, t);
|
|
90
91
|
}
|
|
91
92
|
/** Set the place focus outline style */
|
|
92
93
|
get keyfocus() {
|
|
93
|
-
return
|
|
94
|
+
return b(this, m);
|
|
94
95
|
}
|
|
95
96
|
set keyfocus(t) {
|
|
96
|
-
s(this,
|
|
97
|
+
s(this, m, t);
|
|
97
98
|
}
|
|
98
99
|
/** Disable the mouse over title information */
|
|
99
100
|
get showTitleInfo() {
|
|
100
|
-
return
|
|
101
|
+
return b(this, I);
|
|
101
102
|
}
|
|
102
103
|
set showTitleInfo(t) {
|
|
103
|
-
s(this,
|
|
104
|
+
s(this, I, t);
|
|
104
105
|
}
|
|
105
106
|
willUpdate(t) {
|
|
106
107
|
super.willUpdate(t), t.has("keyfocus") && this.keyfocus === "focus" && this.focus(), t.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
|
|
107
108
|
}
|
|
108
109
|
render() {
|
|
109
|
-
const t = this._getPlaceSvg(this.placeType, this.state), e = this.type.toLowerCase(), r = this.state.toLowerCase(),
|
|
110
|
-
return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(
|
|
110
|
+
const t = this._getPlaceSvg(this.placeType, this.state), e = this.type.toLowerCase(), r = this.state.toLowerCase(), w = this.text, D = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), oe = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), E = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), le = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), ie = Number(le) - Number(E), be = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
|
|
111
|
+
return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(E) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(E), this.tabIndex = -1, ce`
|
|
111
112
|
<div
|
|
112
113
|
part="sbb-sr-place-part"
|
|
113
|
-
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${
|
|
114
|
+
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${E} sbb-sr-place-ctrl--state-${r} sbb-sr-place-ctrl--type-${e} ${be}"
|
|
114
115
|
>
|
|
115
116
|
<sbb-seat-reservation-graphic
|
|
116
|
-
style=${
|
|
117
|
-
"--sbb-seat-reservation-graphic-width":
|
|
118
|
-
"--sbb-seat-reservation-graphic-height":
|
|
119
|
-
"--sbb-seat-reservation-graphic-rotation":
|
|
120
|
-
"--sbb-seat-reservation-graphic-inverse-rotation":
|
|
117
|
+
style=${he({
|
|
118
|
+
"--sbb-seat-reservation-graphic-width": D,
|
|
119
|
+
"--sbb-seat-reservation-graphic-height": oe,
|
|
120
|
+
"--sbb-seat-reservation-graphic-rotation": E,
|
|
121
|
+
"--sbb-seat-reservation-graphic-inverse-rotation": ie
|
|
121
122
|
})}
|
|
122
123
|
.name=${t}
|
|
123
124
|
aria-hidden="true"
|
|
124
125
|
></sbb-seat-reservation-graphic>
|
|
125
|
-
<span ${this.text ??
|
|
126
|
-
>${
|
|
126
|
+
<span ${this.text ?? ae} class="sbb-sr-place-ctrl__text" aria-hidden="true"
|
|
127
|
+
>${w}</span
|
|
127
128
|
>
|
|
128
|
-
${this.showTitleInfo ?
|
|
129
|
+
${this.showTitleInfo ? ae : ce`<sbb-screen-reader-only id="${this.id}"
|
|
129
130
|
>${this._optionalScreenreaderInfo}</sbb-screen-reader-only
|
|
130
131
|
>`}
|
|
131
132
|
</div>
|
|
@@ -136,9 +137,9 @@ let Ne = (() => {
|
|
|
136
137
|
}
|
|
137
138
|
_getTitleDescriptionPlace(t) {
|
|
138
139
|
const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
|
|
139
|
-
let r =
|
|
140
|
-
const
|
|
141
|
-
return (this.propertyIds.length ||
|
|
140
|
+
let r = z(e, this._language.current, [this.text]);
|
|
141
|
+
const w = this._getRelativeTravelDirection(t);
|
|
142
|
+
return (this.propertyIds.length || w) && (r += ". " + z("PLACE_PROPERTY", this._language.current).concat(": "), r += [w, ...this.propertyIds].map((D) => z("PLACE_PROPERTIES." + D, this._language.current)).filter((D) => D).join(", ")), r;
|
|
142
143
|
}
|
|
143
144
|
_getRelativeTravelDirection(t) {
|
|
144
145
|
if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !t)
|
|
@@ -170,33 +171,33 @@ let Ne = (() => {
|
|
|
170
171
|
}));
|
|
171
172
|
}
|
|
172
173
|
}
|
|
173
|
-
},
|
|
174
|
-
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
175
|
-
|
|
174
|
+
}, h = new WeakMap(), f = new WeakMap(), g = new WeakMap(), u = new WeakMap(), k = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), I = new WeakMap(), (() => {
|
|
175
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
|
|
176
|
+
l = [d(), v({ attribute: "type" })], C = [d(), v({ attribute: "state", reflect: !0 })], O = [v({ attribute: "travel-direction" })], A = [v({ attribute: "propertyIds", type: Array })], V = [d(), v({ attribute: "text" })], F = [d(), v({ attribute: "deck-index", type: Number })], Y = [d(), v({ attribute: "coach-index", type: Number })], M = [d(), v({ attribute: "prevent-click", type: Boolean })], Q = [d(), v({ attribute: "keyfocus" })], Z = [d(), v({ type: Boolean, useDefault: !0 })], p(c, null, l, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
|
|
176
177
|
e.placeType = r;
|
|
177
|
-
} }, metadata: t },
|
|
178
|
+
} }, metadata: t }, i, T), p(c, null, C, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (e) => "state" in e, get: (e) => e.state, set: (e, r) => {
|
|
178
179
|
e.state = r;
|
|
179
|
-
} }, metadata: t },
|
|
180
|
+
} }, metadata: t }, N, L), p(c, null, O, { kind: "accessor", name: "travelDirection", static: !1, private: !1, access: { has: (e) => "travelDirection" in e, get: (e) => e.travelDirection, set: (e, r) => {
|
|
180
181
|
e.travelDirection = r;
|
|
181
|
-
} }, metadata: t },
|
|
182
|
+
} }, metadata: t }, R, $), p(c, null, A, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, r) => {
|
|
182
183
|
e.propertyIds = r;
|
|
183
|
-
} }, metadata: t },
|
|
184
|
+
} }, metadata: t }, P, j), p(c, null, V, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (e) => "text" in e, get: (e) => e.text, set: (e, r) => {
|
|
184
185
|
e.text = r;
|
|
185
|
-
} }, metadata: t },
|
|
186
|
+
} }, metadata: t }, S, B), p(c, null, F, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (e) => "deckIndex" in e, get: (e) => e.deckIndex, set: (e, r) => {
|
|
186
187
|
e.deckIndex = r;
|
|
187
|
-
} }, metadata: t },
|
|
188
|
+
} }, metadata: t }, G, U), p(c, null, Y, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (e) => "coachIndex" in e, get: (e) => e.coachIndex, set: (e, r) => {
|
|
188
189
|
e.coachIndex = r;
|
|
189
|
-
} }, metadata: t },
|
|
190
|
+
} }, metadata: t }, H, K), p(c, null, M, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (e) => "preventClick" in e, get: (e) => e.preventClick, set: (e, r) => {
|
|
190
191
|
e.preventClick = r;
|
|
191
|
-
} }, metadata: t },
|
|
192
|
+
} }, metadata: t }, q, J), p(c, null, Q, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (e) => "keyfocus" in e, get: (e) => e.keyfocus, set: (e, r) => {
|
|
192
193
|
e.keyfocus = r;
|
|
193
|
-
} }, metadata: t },
|
|
194
|
+
} }, metadata: t }, W, X), p(c, null, Z, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, r) => {
|
|
194
195
|
e.showTitleInfo = r;
|
|
195
|
-
} }, metadata: t },
|
|
196
|
-
})(), c.styles = [
|
|
196
|
+
} }, metadata: t }, ee, te), t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
197
|
+
})(), c.elementName = "sbb-seat-reservation-place-control", c.styles = [ve, ge], c.events = {
|
|
197
198
|
selectplace: "selectplace"
|
|
198
|
-
},
|
|
199
|
+
}, c;
|
|
199
200
|
})();
|
|
200
201
|
export {
|
|
201
|
-
|
|
202
|
+
Ce as SbbSeatReservationPlaceControlElement
|
|
202
203
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { SbbSeatReservationPlaceControlElement as
|
|
1
|
+
import { SbbSeatReservationPlaceControlElement as e } from "./seat-reservation-place-control/seat-reservation-place-control.component.js";
|
|
2
|
+
e.define();
|
|
3
|
+
console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-place-control.js' has been deprecated.
|
|
4
|
+
Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
e as SbbSeatReservationPlaceControlElement
|
|
4
7
|
};
|
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { boxSizingStyles as
|
|
3
|
-
import { css as
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
return d`<slot></slot>`;
|
|
12
|
-
}
|
|
13
|
-
}, e = t, (() => {
|
|
14
|
-
const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
|
|
15
|
-
i(null, a = { value: e }, l, { kind: "class", name: e.name, metadata: s }, null, r), e = a.value, s && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
|
|
16
|
-
})(), t.styles = [n, u], c(e, r), e;
|
|
17
|
-
})();
|
|
1
|
+
import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
2
|
+
import { boxSizingStyles as r } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
3
|
+
import { css as o, html as i } from "lit";
|
|
4
|
+
const a = o`: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))}`, s = class s extends e {
|
|
5
|
+
render() {
|
|
6
|
+
return i`<slot></slot>`;
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
s.elementName = "sbb-seat-reservation-scoped", s.styles = [r, a];
|
|
10
|
+
let t = s;
|
|
18
11
|
export {
|
|
19
|
-
|
|
12
|
+
t as SbbSeatReservationScopedElement
|
|
20
13
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { SbbSeatReservationScopedElement as
|
|
1
|
+
import { SbbSeatReservationScopedElement as e } from "./seat-reservation-scoped/seat-reservation-scoped.component.js";
|
|
2
|
+
e.define();
|
|
3
|
+
console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-scoped.js' has been deprecated.
|
|
4
|
+
Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
e as SbbSeatReservationScopedElement
|
|
4
7
|
};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { SbbSeatReservationElement as
|
|
1
|
+
import { SbbSeatReservationElement as e } from "./seat-reservation/seat-reservation.component.js";
|
|
2
2
|
import { SeatReservationBaseElement as a } from "./seat-reservation/seat-reservation-base-element.js";
|
|
3
|
+
e.define();
|
|
4
|
+
console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation.js' has been deprecated.
|
|
5
|
+
Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
|
|
3
6
|
export {
|
|
4
|
-
|
|
7
|
+
e as SbbSeatReservationElement,
|
|
5
8
|
a as SeatReservationBaseElement
|
|
6
9
|
};
|
package/seat-reservation.js
CHANGED
|
@@ -1,29 +1,39 @@
|
|
|
1
|
-
import { mapCoachInfosToCoachSelection as
|
|
2
|
-
import { mapIconToSvg as
|
|
3
|
-
import { svgs as
|
|
4
|
-
import { getI18nSeatReservation as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
1
|
+
import { mapCoachInfosToCoachSelection as R, mapPlaceAndCoachToSeatReservationPlaceSelection as d, mapPlaceInfosToPlaceSelection as E, mapRawDataToSeatReservation as g } from "./seat-reservation/common/mapper/mapper.js";
|
|
2
|
+
import { mapIconToSvg as C } from "./seat-reservation/common/mapper/icon-mapper.js";
|
|
3
|
+
import { svgs as h } from "./seat-reservation/common/svgs.js";
|
|
4
|
+
import { getI18nSeatReservation as P } from "./seat-reservation/common/translations/i18n.js";
|
|
5
|
+
import { SbbSeatReservationAreaElement as e } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
|
|
6
|
+
import { assetsTemplate as B, svgImageByOSDMCode as D } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
|
|
7
|
+
import { SbbSeatReservationGraphicElement as o } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
8
|
+
import { SbbSeatReservationNavigationCoachElement as t } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
|
|
9
|
+
import { SbbSeatReservationNavigationServicesElement as a } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
|
|
10
|
+
import { SbbSeatReservationPlaceControlElement as r } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
|
|
11
|
+
import { SbbSeatReservationScopedElement as n } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
|
|
12
|
+
import { SeatReservationBaseElement as w } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
|
|
13
|
+
import { SbbSeatReservationElement as m } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
|
|
14
|
+
m.define();
|
|
15
|
+
e.define();
|
|
16
|
+
o.define();
|
|
17
|
+
t.define();
|
|
18
|
+
a.define();
|
|
19
|
+
r.define();
|
|
20
|
+
n.define();
|
|
13
21
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
e as SbbSeatReservationAreaElement,
|
|
23
|
+
m as SbbSeatReservationElement,
|
|
24
|
+
o as SbbSeatReservationGraphicElement,
|
|
25
|
+
t as SbbSeatReservationNavigationCoachElement,
|
|
26
|
+
a as SbbSeatReservationNavigationServicesElement,
|
|
27
|
+
r as SbbSeatReservationPlaceControlElement,
|
|
28
|
+
n as SbbSeatReservationScopedElement,
|
|
29
|
+
w as SeatReservationBaseElement,
|
|
30
|
+
B as assetsTemplate,
|
|
31
|
+
P as getI18nSeatReservation,
|
|
32
|
+
R as mapCoachInfosToCoachSelection,
|
|
33
|
+
C as mapIconToSvg,
|
|
34
|
+
d as mapPlaceAndCoachToSeatReservationPlaceSelection,
|
|
35
|
+
E as mapPlaceInfosToPlaceSelection,
|
|
36
|
+
g as mapRawDataToSeatReservation,
|
|
37
|
+
D as svgImageByOSDMCode,
|
|
38
|
+
h as svgs
|
|
29
39
|
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { mapCoachInfosToCoachSelection as t, mapPlaceAndCoachToSeatReservationPlaceSelection as a, mapPlaceInfosToPlaceSelection as r, mapRawDataToSeatReservation as n } from "./seat-reservation/common/mapper/mapper.js";
|
|
2
|
+
import { mapIconToSvg as S } from "./seat-reservation/common/mapper/icon-mapper.js";
|
|
3
|
+
import { svgs as s } from "./seat-reservation/common/svgs.js";
|
|
4
|
+
import { getI18nSeatReservation as l } from "./seat-reservation/common/translations/i18n.js";
|
|
5
|
+
import { SbbSeatReservationAreaElement as c } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
|
|
6
|
+
import { assetsTemplate as b, svgImageByOSDMCode as x } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
|
|
7
|
+
import { SbbSeatReservationGraphicElement as E } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
|
|
8
|
+
import { SbbSeatReservationNavigationCoachElement as C } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
|
|
9
|
+
import { SbbSeatReservationNavigationServicesElement as h } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
|
|
10
|
+
import { SbbSeatReservationPlaceControlElement as P } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
|
|
11
|
+
import { SbbSeatReservationScopedElement as A } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
|
|
12
|
+
import { SeatReservationBaseElement as D } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
|
|
13
|
+
import { SbbSeatReservationElement as w } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
|
|
14
|
+
export {
|
|
15
|
+
c as SbbSeatReservationAreaElement,
|
|
16
|
+
w as SbbSeatReservationElement,
|
|
17
|
+
E as SbbSeatReservationGraphicElement,
|
|
18
|
+
C as SbbSeatReservationNavigationCoachElement,
|
|
19
|
+
h as SbbSeatReservationNavigationServicesElement,
|
|
20
|
+
P as SbbSeatReservationPlaceControlElement,
|
|
21
|
+
A as SbbSeatReservationScopedElement,
|
|
22
|
+
D as SeatReservationBaseElement,
|
|
23
|
+
b as assetsTemplate,
|
|
24
|
+
l as getI18nSeatReservation,
|
|
25
|
+
t as mapCoachInfosToCoachSelection,
|
|
26
|
+
S as mapIconToSvg,
|
|
27
|
+
a as mapPlaceAndCoachToSeatReservationPlaceSelection,
|
|
28
|
+
r as mapPlaceInfosToPlaceSelection,
|
|
29
|
+
n as mapRawDataToSeatReservation,
|
|
30
|
+
x as svgImageByOSDMCode,
|
|
31
|
+
s as svgs
|
|
32
|
+
};
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
var
|
|
1
|
+
var b = (t) => {
|
|
2
2
|
throw TypeError(t);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
var d = (t, e, i) => e.has(t) || b("Cannot " + i);
|
|
5
|
+
var _ = (t, e, i) => (d(t, e, "read from private field"), i ? i.call(t) : e.get(t)), y = (t, e, i) => e.has(t) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), g = (t, e, i, o) => (d(t, e, "write to private field"), o ? o.call(t, i) : e.set(t, i), i);
|
|
6
|
+
import { __runInitializers as x, __esDecorate as v } from "tslib";
|
|
7
|
+
import { SbbElement as $ } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
|
+
import { SbbLanguageController as S } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
|
+
import { forceType as w } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
9
10
|
import { i18nDurationHour as h, i18nDurationMinute as p } from "@sbb-esta/lyne-elements/core/i18n.js";
|
|
10
|
-
import { boxSizingStyles as
|
|
11
|
-
import { css as
|
|
12
|
-
import {
|
|
13
|
-
const
|
|
14
|
-
let
|
|
15
|
-
var
|
|
16
|
-
let t =
|
|
17
|
-
return
|
|
11
|
+
import { boxSizingStyles as z } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
12
|
+
import { css as L, html as O } from "lit";
|
|
13
|
+
import { property as j } from "lit/decorators.js";
|
|
14
|
+
const k = L`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}.duration__text--visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
|
|
15
|
+
let B = (() => {
|
|
16
|
+
var n, a;
|
|
17
|
+
let t = $, e, i = [], o = [];
|
|
18
|
+
return a = class extends t {
|
|
18
19
|
constructor() {
|
|
19
20
|
super(...arguments);
|
|
20
|
-
|
|
21
|
-
g(this,
|
|
21
|
+
y(this, n);
|
|
22
|
+
g(this, n, x(this, i, "")), this._language = (x(this, o), new S(this));
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
24
25
|
* Stringified JSON which defines most of the
|
|
@@ -27,15 +28,15 @@ let G = (() => {
|
|
|
27
28
|
* structure.
|
|
28
29
|
*/
|
|
29
30
|
get config() {
|
|
30
|
-
return
|
|
31
|
+
return _(this, n);
|
|
31
32
|
}
|
|
32
|
-
set config(
|
|
33
|
-
g(this,
|
|
33
|
+
set config(s) {
|
|
34
|
+
g(this, n, s);
|
|
34
35
|
}
|
|
35
36
|
render() {
|
|
36
|
-
const
|
|
37
|
-
let c = "", l = "",
|
|
38
|
-
return
|
|
37
|
+
const s = JSON.parse(this.config), r = h.multiple.short[this._language.current], u = p.multiple.short[this._language.current];
|
|
38
|
+
let c = "", l = "", m = h.multiple.long[this._language.current], f = p.multiple.long[this._language.current];
|
|
39
|
+
return s.hours === 1 && (m = h.single.long[this._language.current]), s.minutes === 1 && (f = p.single.long[this._language.current]), s.hours !== 0 && (c += `${s.hours} ${r}`, l += `${s.hours} ${m}`), c += ` ${s.minutes} ${u}`, l += ` ${s.minutes} ${f}.`, O`
|
|
39
40
|
<p aria-label=${l} class="duration" role="text">
|
|
40
41
|
<span aria-hidden="true" class="duration__text--visual" role="presentation">
|
|
41
42
|
${c}
|
|
@@ -44,13 +45,13 @@ let G = (() => {
|
|
|
44
45
|
</p>
|
|
45
46
|
`;
|
|
46
47
|
}
|
|
47
|
-
},
|
|
48
|
-
const
|
|
49
|
-
|
|
48
|
+
}, n = new WeakMap(), (() => {
|
|
49
|
+
const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
|
|
50
|
+
e = [w(), j()], v(a, null, e, { kind: "accessor", name: "config", static: !1, private: !1, access: { has: (r) => "config" in r, get: (r) => r.config, set: (r, u) => {
|
|
50
51
|
r.config = u;
|
|
51
|
-
} }, metadata:
|
|
52
|
-
})(),
|
|
52
|
+
} }, metadata: s }, i, o), s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
|
|
53
|
+
})(), a.elementName = "sbb-timetable-duration", a.styles = [z, k], a;
|
|
53
54
|
})();
|
|
54
55
|
export {
|
|
55
|
-
|
|
56
|
+
B as SbbTimetableDurationElement
|
|
56
57
|
};
|
package/timetable-duration.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { SbbTimetableDurationElement as
|
|
1
|
+
import { SbbTimetableDurationElement as e } from "./timetable-duration/timetable-duration.component.js";
|
|
2
|
+
e.define();
|
|
2
3
|
export {
|
|
3
|
-
|
|
4
|
+
e as SbbTimetableDurationElement
|
|
4
5
|
};
|