@sbb-esta/lyne-elements-experimental 4.8.0 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-cell.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row.js +1 -1
- package/{autocomplete-grid-cell.component-Dak9wlBr.js → autocomplete-grid-cell.component-DnCfVJ2l.js} +1 -1
- package/autocomplete-grid-option.component-BlMPM6eh.js +37 -0
- package/autocomplete-grid-row.component-Bo2ZbXVX.js +27 -0
- package/autocomplete-grid.js +3 -3
- package/autocomplete-grid.pure.js +3 -3
- package/custom-elements.json +70 -2
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +3 -0
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +30 -2
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic.js +1 -1
- package/development/seat-reservation/seat-reservation.js +1 -1
- package/development/seat-reservation-graphic.component-D0xEXmP9.js +203 -0
- package/development/{seat-reservation.component-MOv5kHDC.js → seat-reservation.component-BS53sZR3.js} +8 -5
- package/development/seat-reservation.js +2 -2
- package/development/seat-reservation.pure.js +2 -2
- package/journey-summary/journey-summary.component.js +1 -1
- package/{journey-summary.component-Cq_4kaOp.js → journey-summary.component-DcpXXucp.js} +1 -1
- package/journey-summary.js +1 -1
- package/journey-summary.pure.js +1 -1
- package/package.json +2 -2
- package/pearl-chain/pearl-chain.component.js +1 -1
- package/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/{pearl-chain-time.component-DGDW5S1c.js → pearl-chain-time.component-v6zRg_3j.js} +1 -1
- 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-M2KRK6Xv.js +108 -0
- package/pearl-chain-vertical-item.js +1 -1
- package/pearl-chain-vertical-item.pure.js +1 -1
- package/{pearl-chain-vertical.component-CXIDT5RD.js → pearl-chain-vertical.component-BvJwcGpS.js} +1 -1
- package/pearl-chain-vertical.js +1 -1
- package/pearl-chain-vertical.pure.js +1 -1
- package/pearl-chain.component-B-XTTo6h.js +194 -0
- package/pearl-chain.js +1 -1
- package/pearl-chain.pure.js +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +24 -4
- package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/seat-reservation/seat-reservation-area.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/seat-reservation/seat-reservation-graphic.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services.js +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/seat-reservation/seat-reservation-place-control.js +1 -1
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/seat-reservation/seat-reservation-scoped.js +1 -1
- package/seat-reservation/seat-reservation.js +1 -1
- package/{seat-reservation-area.component-COD6CXhP.js → seat-reservation-area.component-CY56r75x.js} +1 -1
- package/seat-reservation-graphic.component-DCMFf9uY.js +102 -0
- package/seat-reservation-navigation-coach.component-CXUv1pZM.js +333 -0
- package/{seat-reservation-navigation-services.component-QL0UnilZ.js → seat-reservation-navigation-services.component-ViyU_adt.js} +1 -1
- package/seat-reservation-place-control.component-Dj5Tm0Oa.js +322 -0
- package/{seat-reservation-scoped.component-CY04BT_4.js → seat-reservation-scoped.component-CuACI8ST.js} +1 -1
- package/{seat-reservation.component-zrQHTRl3.js → seat-reservation.component-Dl6bnC7-.js} +8 -5
- package/seat-reservation.js +7 -7
- package/seat-reservation.pure.js +7 -7
- package/timetable-duration/timetable-duration.component.js +1 -1
- package/{timetable-duration.component-DaYoJUGS.js → timetable-duration.component-Puonwsnr.js} +1 -1
- package/timetable-duration.js +1 -1
- package/timetable-duration.pure.js +1 -1
- package/timetable-row/timetable-row.component.js +1 -1
- package/{timetable-row.component-BDMAEsbR.js → timetable-row.component-DMCZaOPM.js} +1 -1
- package/timetable-row.js +1 -1
- package/timetable-row.pure.js +1 -1
- package/autocomplete-grid-option.component-DNRFHOwc.js +0 -37
- package/autocomplete-grid-row.component-DBHZQ0GQ.js +0 -27
- package/development/seat-reservation-graphic.component-lZXqHWIz.js +0 -193
- package/pearl-chain-vertical-item.component-G22bWhLU.js +0 -108
- package/pearl-chain.component-DmjkVIva.js +0 -194
- package/seat-reservation-graphic.component-BNfU5tQM.js +0 -102
- package/seat-reservation-navigation-coach.component-Bh9ILq60.js +0 -333
- package/seat-reservation-place-control.component-BfnZUyHv.js +0 -322
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { SbbButtonBaseElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
3
|
-
import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
4
|
-
import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
5
|
-
import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
|
|
6
|
-
import { css as o, html as s, nothing as c } from "lit";
|
|
7
|
-
import { property as l } from "lit/decorators.js";
|
|
8
|
-
import { 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";
|
|
11
|
-
//#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.scss?lit&inline
|
|
12
|
-
var p = o`: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(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-hover-text:var(--lightningcss-light,var(--sbb-color-iron))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-seat-reservation-place-control-focus-text:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-graphite));--sbb-seat-reservation-place-control-allocated-text:var(--lightningcss-light,var(--sbb-color-smoke))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-seat-reservation-place-control-free-background-focus:var(--lightningcss-light,var(--sbb-color-silver))var(--lightningcss-dark,var(--sbb-color-black));--sbb-seat-reservation-place-control-free-backrest-background-default:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-hover:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-white));--sbb-seat-reservation-place-control-free-backrest-background-focus:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,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(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,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));cursor:var(--sbb-cursor-pointer);font-weight:300;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))}: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;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem,.0625rem));position:relative}.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{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;display:none;position:absolute;inset-block-start:50%;overflow:hidden}.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{transform-origin:50% 16%;font-size:.6875em;inset-block-start:65%;inset-inline-start:50%}.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
|
-
//#endregion
|
|
14
|
-
//#region src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts
|
|
15
|
-
f.define();
|
|
16
|
-
var m = (() => {
|
|
17
|
-
let o = n, f, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [];
|
|
18
|
-
return class extends o {
|
|
19
|
-
static {
|
|
20
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
|
|
21
|
-
f = [i(), l({ attribute: "type" })], g = [i(), l({
|
|
22
|
-
attribute: "state",
|
|
23
|
-
reflect: !0
|
|
24
|
-
})], y = [l({ attribute: "travel-direction" })], S = [l({
|
|
25
|
-
attribute: "propertyIds",
|
|
26
|
-
type: Array
|
|
27
|
-
})], T = [i(), l({ attribute: "text" })], O = [i(), l({
|
|
28
|
-
attribute: "deck-index",
|
|
29
|
-
type: Number
|
|
30
|
-
})], j = [i(), l({
|
|
31
|
-
attribute: "coach-index",
|
|
32
|
-
type: Number
|
|
33
|
-
})], P = [i(), l({
|
|
34
|
-
attribute: "prevent-click",
|
|
35
|
-
type: Boolean
|
|
36
|
-
})], L = [i(), l({ attribute: "keyfocus" })], B = [i(), l({
|
|
37
|
-
type: Boolean,
|
|
38
|
-
useDefault: !0
|
|
39
|
-
})], e(this, null, f, {
|
|
40
|
-
kind: "accessor",
|
|
41
|
-
name: "placeType",
|
|
42
|
-
static: !1,
|
|
43
|
-
private: !1,
|
|
44
|
-
access: {
|
|
45
|
-
has: (e) => "placeType" in e,
|
|
46
|
-
get: (e) => e.placeType,
|
|
47
|
-
set: (e, t) => {
|
|
48
|
-
e.placeType = t;
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
metadata: t
|
|
52
|
-
}, m, h), e(this, null, g, {
|
|
53
|
-
kind: "accessor",
|
|
54
|
-
name: "state",
|
|
55
|
-
static: !1,
|
|
56
|
-
private: !1,
|
|
57
|
-
access: {
|
|
58
|
-
has: (e) => "state" in e,
|
|
59
|
-
get: (e) => e.state,
|
|
60
|
-
set: (e, t) => {
|
|
61
|
-
e.state = t;
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
metadata: t
|
|
65
|
-
}, _, v), e(this, null, y, {
|
|
66
|
-
kind: "accessor",
|
|
67
|
-
name: "travelDirection",
|
|
68
|
-
static: !1,
|
|
69
|
-
private: !1,
|
|
70
|
-
access: {
|
|
71
|
-
has: (e) => "travelDirection" in e,
|
|
72
|
-
get: (e) => e.travelDirection,
|
|
73
|
-
set: (e, t) => {
|
|
74
|
-
e.travelDirection = t;
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
metadata: t
|
|
78
|
-
}, b, x), e(this, null, S, {
|
|
79
|
-
kind: "accessor",
|
|
80
|
-
name: "propertyIds",
|
|
81
|
-
static: !1,
|
|
82
|
-
private: !1,
|
|
83
|
-
access: {
|
|
84
|
-
has: (e) => "propertyIds" in e,
|
|
85
|
-
get: (e) => e.propertyIds,
|
|
86
|
-
set: (e, t) => {
|
|
87
|
-
e.propertyIds = t;
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
metadata: t
|
|
91
|
-
}, C, w), e(this, null, T, {
|
|
92
|
-
kind: "accessor",
|
|
93
|
-
name: "text",
|
|
94
|
-
static: !1,
|
|
95
|
-
private: !1,
|
|
96
|
-
access: {
|
|
97
|
-
has: (e) => "text" in e,
|
|
98
|
-
get: (e) => e.text,
|
|
99
|
-
set: (e, t) => {
|
|
100
|
-
e.text = t;
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
metadata: t
|
|
104
|
-
}, E, D), e(this, null, O, {
|
|
105
|
-
kind: "accessor",
|
|
106
|
-
name: "deckIndex",
|
|
107
|
-
static: !1,
|
|
108
|
-
private: !1,
|
|
109
|
-
access: {
|
|
110
|
-
has: (e) => "deckIndex" in e,
|
|
111
|
-
get: (e) => e.deckIndex,
|
|
112
|
-
set: (e, t) => {
|
|
113
|
-
e.deckIndex = t;
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
metadata: t
|
|
117
|
-
}, k, A), e(this, null, j, {
|
|
118
|
-
kind: "accessor",
|
|
119
|
-
name: "coachIndex",
|
|
120
|
-
static: !1,
|
|
121
|
-
private: !1,
|
|
122
|
-
access: {
|
|
123
|
-
has: (e) => "coachIndex" in e,
|
|
124
|
-
get: (e) => e.coachIndex,
|
|
125
|
-
set: (e, t) => {
|
|
126
|
-
e.coachIndex = t;
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
metadata: t
|
|
130
|
-
}, M, N), e(this, null, P, {
|
|
131
|
-
kind: "accessor",
|
|
132
|
-
name: "preventClick",
|
|
133
|
-
static: !1,
|
|
134
|
-
private: !1,
|
|
135
|
-
access: {
|
|
136
|
-
has: (e) => "preventClick" in e,
|
|
137
|
-
get: (e) => e.preventClick,
|
|
138
|
-
set: (e, t) => {
|
|
139
|
-
e.preventClick = t;
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
|
-
metadata: t
|
|
143
|
-
}, F, I), e(this, null, L, {
|
|
144
|
-
kind: "accessor",
|
|
145
|
-
name: "keyfocus",
|
|
146
|
-
static: !1,
|
|
147
|
-
private: !1,
|
|
148
|
-
access: {
|
|
149
|
-
has: (e) => "keyfocus" in e,
|
|
150
|
-
get: (e) => e.keyfocus,
|
|
151
|
-
set: (e, t) => {
|
|
152
|
-
e.keyfocus = t;
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
metadata: t
|
|
156
|
-
}, R, z), e(this, null, B, {
|
|
157
|
-
kind: "accessor",
|
|
158
|
-
name: "showTitleInfo",
|
|
159
|
-
static: !1,
|
|
160
|
-
private: !1,
|
|
161
|
-
access: {
|
|
162
|
-
has: (e) => "showTitleInfo" in e,
|
|
163
|
-
get: (e) => e.showTitleInfo,
|
|
164
|
-
set: (e, t) => {
|
|
165
|
-
e.showTitleInfo = t;
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
metadata: t
|
|
169
|
-
}, V, H), t && Object.defineProperty(this, Symbol.metadata, {
|
|
170
|
-
enumerable: !0,
|
|
171
|
-
configurable: !0,
|
|
172
|
-
writable: !0,
|
|
173
|
-
value: t
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
|
-
static {
|
|
177
|
-
this.elementName = "sbb-seat-reservation-place-control";
|
|
178
|
-
}
|
|
179
|
-
static {
|
|
180
|
-
this.styles = [a, p];
|
|
181
|
-
}
|
|
182
|
-
static {
|
|
183
|
-
this.events = { selectplace: "selectplace" };
|
|
184
|
-
}
|
|
185
|
-
#e;
|
|
186
|
-
get placeType() {
|
|
187
|
-
return this.#e;
|
|
188
|
-
}
|
|
189
|
-
set placeType(e) {
|
|
190
|
-
this.#e = e;
|
|
191
|
-
}
|
|
192
|
-
#t;
|
|
193
|
-
get state() {
|
|
194
|
-
return this.#t;
|
|
195
|
-
}
|
|
196
|
-
set state(e) {
|
|
197
|
-
this.#t = e;
|
|
198
|
-
}
|
|
199
|
-
#n;
|
|
200
|
-
get travelDirection() {
|
|
201
|
-
return this.#n;
|
|
202
|
-
}
|
|
203
|
-
set travelDirection(e) {
|
|
204
|
-
this.#n = e;
|
|
205
|
-
}
|
|
206
|
-
#r;
|
|
207
|
-
get propertyIds() {
|
|
208
|
-
return this.#r;
|
|
209
|
-
}
|
|
210
|
-
set propertyIds(e) {
|
|
211
|
-
this.#r = e;
|
|
212
|
-
}
|
|
213
|
-
#i;
|
|
214
|
-
get text() {
|
|
215
|
-
return this.#i;
|
|
216
|
-
}
|
|
217
|
-
set text(e) {
|
|
218
|
-
this.#i = e;
|
|
219
|
-
}
|
|
220
|
-
#a;
|
|
221
|
-
get deckIndex() {
|
|
222
|
-
return this.#a;
|
|
223
|
-
}
|
|
224
|
-
set deckIndex(e) {
|
|
225
|
-
this.#a = e;
|
|
226
|
-
}
|
|
227
|
-
#o;
|
|
228
|
-
get coachIndex() {
|
|
229
|
-
return this.#o;
|
|
230
|
-
}
|
|
231
|
-
set coachIndex(e) {
|
|
232
|
-
this.#o = e;
|
|
233
|
-
}
|
|
234
|
-
#s;
|
|
235
|
-
get preventClick() {
|
|
236
|
-
return this.#s;
|
|
237
|
-
}
|
|
238
|
-
set preventClick(e) {
|
|
239
|
-
this.#s = e;
|
|
240
|
-
}
|
|
241
|
-
#c;
|
|
242
|
-
get keyfocus() {
|
|
243
|
-
return this.#c;
|
|
244
|
-
}
|
|
245
|
-
set keyfocus(e) {
|
|
246
|
-
this.#c = e;
|
|
247
|
-
}
|
|
248
|
-
#l;
|
|
249
|
-
get showTitleInfo() {
|
|
250
|
-
return this.#l;
|
|
251
|
-
}
|
|
252
|
-
set showTitleInfo(e) {
|
|
253
|
-
this.#l = e;
|
|
254
|
-
}
|
|
255
|
-
constructor() {
|
|
256
|
-
super(), this.#e = t(this, m, "SEAT"), this.#t = (t(this, h), t(this, _, "FREE")), this.#n = (t(this, v), t(this, b, "NONE")), this.#r = (t(this, x), t(this, C, [])), this.#i = (t(this, w), t(this, E, "")), this.#a = (t(this, D), t(this, k, null)), this.#o = (t(this, A), t(this, M, null)), this.#s = (t(this, N), t(this, F, !1)), this.#c = (t(this, I), t(this, R, "unfocus")), this.#l = (t(this, z), t(this, V, !1)), this._optionalScreenreaderInfo = (t(this, H), ""), this._language = new r(this), this.addEventListener("click", () => this._selectPlace());
|
|
257
|
-
}
|
|
258
|
-
willUpdate(e) {
|
|
259
|
-
super.willUpdate(e), e.has("keyfocus") && this.keyfocus === "focus" && this.focus(), e.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
|
|
260
|
-
}
|
|
261
|
-
render() {
|
|
262
|
-
let e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), n = this.state.toLowerCase(), r = this.text, i = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), a = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), o = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), l = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), d = Number(l) - Number(o), f = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
|
|
263
|
-
return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(o) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(o), this.tabIndex = -1, s`
|
|
264
|
-
<div
|
|
265
|
-
part="sbb-sr-place-part"
|
|
266
|
-
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${o} sbb-sr-place-ctrl--state-${n} sbb-sr-place-ctrl--type-${t} ${f}"
|
|
267
|
-
>
|
|
268
|
-
<sbb-seat-reservation-graphic
|
|
269
|
-
style=${u({
|
|
270
|
-
"--sbb-seat-reservation-graphic-width": i,
|
|
271
|
-
"--sbb-seat-reservation-graphic-height": a,
|
|
272
|
-
"--sbb-seat-reservation-graphic-rotation": o,
|
|
273
|
-
"--sbb-seat-reservation-graphic-inverse-rotation": d
|
|
274
|
-
})}
|
|
275
|
-
.name=${e}
|
|
276
|
-
aria-hidden="true"
|
|
277
|
-
></sbb-seat-reservation-graphic>
|
|
278
|
-
<span ${this.text ?? c} class="sbb-sr-place-ctrl__text" aria-hidden="true"
|
|
279
|
-
>${r}</span
|
|
280
|
-
>
|
|
281
|
-
${this.showTitleInfo ? c : s`<sbb-screen-reader-only id="${this.id}"
|
|
282
|
-
>${this._optionalScreenreaderInfo}</sbb-screen-reader-only
|
|
283
|
-
>`}
|
|
284
|
-
</div>
|
|
285
|
-
`;
|
|
286
|
-
}
|
|
287
|
-
_getPlaceSvg(e, t) {
|
|
288
|
-
return `PLACE_${e}_${t}`;
|
|
289
|
-
}
|
|
290
|
-
_getTitleDescriptionPlace(e) {
|
|
291
|
-
let t = d("PLACE_CONTROL_" + this.type + "_" + this.state, this._language.current, [this.text]), n = this._getRelativeTravelDirection(e);
|
|
292
|
-
return (this.propertyIds.length || n) && (t += ". " + d("PLACE_PROPERTY", this._language.current).concat(": "), t += [n, ...this.propertyIds].map((e) => d("PLACE_PROPERTIES." + e, this._language.current)).filter((e) => e).join(", ")), t;
|
|
293
|
-
}
|
|
294
|
-
_getRelativeTravelDirection(e) {
|
|
295
|
-
if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !e) return;
|
|
296
|
-
let t = Number(e);
|
|
297
|
-
if (t === 90 || t === 270) return "TRAVEL_DIRECTION_TRANSVERSELY";
|
|
298
|
-
if (t === 0 && this.travelDirection === "RIGHT" || t === 180 && this.travelDirection === "LEFT") return "TRAVEL_DIRECTION_IN_DIRECTION";
|
|
299
|
-
if (t === 0 || t === 180) return "TRAVEL_DIRECTION_IN_OPPOSITE_DIRECTION";
|
|
300
|
-
}
|
|
301
|
-
_selectPlace() {
|
|
302
|
-
if ((this.state === "FREE" || this.state === "SELECTED") && !this.preventClick) {
|
|
303
|
-
this.state = this.state === "FREE" ? "SELECTED" : "FREE";
|
|
304
|
-
let e = {
|
|
305
|
-
id: this.id,
|
|
306
|
-
deckIndex: this.deckIndex,
|
|
307
|
-
coachIndex: this.coachIndex,
|
|
308
|
-
number: this.text,
|
|
309
|
-
state: this.state,
|
|
310
|
-
placeType: this.placeType
|
|
311
|
-
};
|
|
312
|
-
this.dispatchEvent(new CustomEvent("selectplace", {
|
|
313
|
-
detail: e,
|
|
314
|
-
bubbles: !0,
|
|
315
|
-
composed: !0
|
|
316
|
-
}));
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
};
|
|
320
|
-
})();
|
|
321
|
-
//#endregion
|
|
322
|
-
export { m as t };
|