@sbb-esta/lyne-elements-experimental 3.9.0 → 3.11.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/custom-elements.json +74 -34
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +1 -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 +6 -3
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +6 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +4 -6
- package/package.json +2 -2
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +1 -0
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +10 -7
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +14 -14
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +10 -14
|
@@ -10,7 +10,6 @@ import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.
|
|
|
10
10
|
import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
11
11
|
import { css, LitElement, nothing, html } from "lit";
|
|
12
12
|
import { customElement, property } from "lit/decorators.js";
|
|
13
|
-
import { styleMap } from "lit/directives/style-map.js";
|
|
14
13
|
import { getI18nSeatReservation } from "../common.js";
|
|
15
14
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
16
15
|
import "../seat-reservation-graphic.js";
|
|
@@ -25,6 +24,8 @@ const style = css`*,
|
|
|
25
24
|
flex-direction: row;
|
|
26
25
|
justify-content: center;
|
|
27
26
|
gap: var(--sbb-spacing-fixed-2x);
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
line-height: normal;
|
|
28
29
|
color: var(--sbb-color-granite);
|
|
29
30
|
color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
|
|
30
31
|
}
|
|
@@ -78,10 +79,7 @@ let SbbSeatReservationNavigationServicesElement = (() => {
|
|
|
78
79
|
${this.propertyIds?.map((signIcon) => {
|
|
79
80
|
return html`
|
|
80
81
|
<sbb-seat-reservation-graphic
|
|
81
|
-
|
|
82
|
-
"--sbb-seat-reservation-graphic-width": 20,
|
|
83
|
-
"--sbb-seat-reservation-graphic-height": 20
|
|
84
|
-
})}
|
|
82
|
+
class="auto-width"
|
|
85
83
|
name=${signIcon ?? nothing}
|
|
86
84
|
title=${getI18nSeatReservation(signIcon, this._language.current)}
|
|
87
85
|
aria-hidden="true"
|
|
@@ -118,4 +116,4 @@ let SbbSeatReservationNavigationServicesElement = (() => {
|
|
|
118
116
|
export {
|
|
119
117
|
SbbSeatReservationNavigationServicesElement
|
|
120
118
|
};
|
|
121
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1uYXZpZ2F0aW9uLXNlcnZpY2VzLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9zZWF0LXJlc2VydmF0aW9uL3NlYXQtcmVzZXJ2YXRpb24tbmF2aWdhdGlvbi1zZXJ2aWNlcy9zZWF0LXJlc2VydmF0aW9uLW5hdmlnYXRpb24tc2VydmljZXMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIG5vdGhpbmcsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZ2V0STE4blNlYXRSZXNlcnZhdGlvbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcbmltcG9ydCAnLi4vc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VhdC1yZXNlcnZhdGlvbi1uYXZpZ2F0aW9uLXNlcnZpY2VzLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IGRpc3BsYXlzIHRoZSBhdmFpbGFibGUgc2VydmljZSBpY29ucyBvZiBvbmUgY29hY2guXG4gKlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItc2VhdC1yZXNlcnZhdGlvbi1uYXZpZ2F0aW9uLXNlcnZpY2VzJylcbmNsYXNzIFNiYlNlYXRSZXNlcnZhdGlvbk5hdmlnYXRpb25TZXJ2aWNlc0VsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIENvYWNoIHNlcnZpY2UgcHJvcGVydHkgaWRzLCB3aGljaCBhcmUgdXNlZCB0byBkaXNwbGF5IHRoZSBzZXJ2aWNlcyBpbiB0aGUgbmF2aWdhdGlvbiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwcm9wZXJ0eS1pZHMnLCB0eXBlOiBBcnJheSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgcHJvcGVydHlJZHM6IHN0cmluZ1tdID0gW107XG5cbiAgLyoqIElmIHRydWUsIHRoZSBzZXJ2aWNlIGljb25zIGFyZSBkaXNwbGF5ZWQgdmVydGljYWxseSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSwgdXNlRGVmYXVsdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdmVydGljYWw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3Qgc2VydmljZUxhYmVsRGVzY3JpcHRpb24gPSB0aGlzLnByb3BlcnR5SWRzLmxlbmd0aFxuICAgICAgPyB0aGlzLl9nZXRTZXJ2aWNlTGFiZWxEZXNjcmlwdGlvbigpXG4gICAgICA6IG51bGw7XG4gICAgcmV0dXJuIGh0bWxgIDxkaXYgY2xhc3M9XCJzYmItc3ItbmF2aWdhdGlvbl9fc2lnbnNcIj5cbiAgICAgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5ICR7c2VydmljZUxhYmVsRGVzY3JpcHRpb24gPyBzZXJ2aWNlTGFiZWxEZXNjcmlwdGlvbiA6IG5vdGhpbmd9XG4gICAgICAgID4ke3NlcnZpY2VMYWJlbERlc2NyaXB0aW9ufTwvc2JiLXNjcmVlbi1yZWFkZXItb25seVxuICAgICAgPlxuICAgICAgJHt0aGlzLnByb3BlcnR5SWRzPy5tYXAoKHNpZ25JY29uOiBzdHJpbmcpID0+IHtcbiAgICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgICAgPHNiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWNcbiAgICAgICAgICAgIGNsYXNzPVwiYXV0by13aWR0aFwiXG4gICAgICAgICAgICBuYW1lPSR7c2lnbkljb24gPz8gbm90aGluZ31cbiAgICAgICAgICAgIHRpdGxlPSR7Z2V0STE4blNlYXRSZXNlcnZhdGlvbihzaWduSWNvbiwgdGhpcy5fbGFuZ3VhZ2UuY3VycmVudCl9XG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgID48L3NiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWM+XG4gICAgICAgIGA7XG4gICAgICB9KX1cbiAgICA8L2Rpdj5gO1xuICB9XG5cbiAgLy9HZW5lcmF0ZSB0aGUgdHJhbnNsYXRlZCBzZXJ2aWNlIGxhYmVsIGZyb20gdGhlIGF2YWlsYWJsZSBwcm9wZXJ0aWVzXG4gIHByaXZhdGUgX2dldFNlcnZpY2VMYWJlbERlc2NyaXB0aW9uKCk6IHN0cmluZyB8IG51bGwge1xuICAgIGxldCBsYWJlbCA9IG51bGw7XG4gICAgY29uc3QgdHJhbnNsYXRlZFNlcnZpY2VMYWJlbHMgPSB0aGlzLnByb3BlcnR5SWRzXG4gICAgICAubWFwKChwcm9wKSA9PiBnZXRJMThuU2VhdFJlc2VydmF0aW9uKHByb3AsIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnQpKVxuICAgICAgLmZpbHRlcigocHJvcFRyYW5zbGF0aW9uKSA9PiAhIXByb3BUcmFuc2xhdGlvbilcbiAgICAgIC5qb2luKCcsICcpO1xuXG4gICAgaWYgKHRyYW5zbGF0ZWRTZXJ2aWNlTGFiZWxzKSB7XG4gICAgICBsYWJlbCA9IGdldEkxOG5TZWF0UmVzZXJ2YXRpb24oJ0NPQUNIX0FWQUlMQUJMRV9TRVJWSUNFUycsIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnQpXG4gICAgICAgIC5jb25jYXQoJzonKVxuICAgICAgICAuY29uY2F0KHRyYW5zbGF0ZWRTZXJ2aWNlTGFiZWxzKTtcbiAgICB9XG4gICAgcmV0dXJuIGxhYmVsO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2VhdC1yZXNlcnZhdGlvbi1uYXZpZ2F0aW9uLXNlcnZpY2VzJzogU2JiU2VhdFJlc2VydmF0aW9uTmF2aWdhdGlvblNlcnZpY2VzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW1CTSwrQ0FBMkMsTUFBQTs7MEJBRGhELGNBQWMsMENBQTBDLENBQUM7Ozs7b0JBQ0E7Ozs7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFLbEU7QUFLQTtBQUxnQix5QkFBQSwrQkFBQSxrQkFBQSxNQUFBLDJCQUF3QixDQUFBLENBQUU7QUFLMUIseUJBQUEsNkJBQUEsa0JBQUEsTUFBQSw4QkFBQSxHQUFBLGtCQUFBLE1BQUEsd0JBQW9CLEtBQUs7QUFFakMsV0FBQSxtRUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFzQ3BEO0FBQUE7QUFBQSxJQTdDRSxJQUFnQixjQUFXO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzQixJQUFnQixZQUFXLE9BQUE7QUFBQSx5QkFBQSwrQkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBSzNCLElBQWdCLFdBQVE7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXhCLElBQWdCLFNBQVEsT0FBQTtBQUFBLHlCQUFBLDRCQUFBO0FBQUEsSUFBQTtBQUFBLElBSUwsU0FBTTtBQUN2QixZQUFNLDBCQUEwQixLQUFLLFlBQVksU0FDN0MsS0FBSyxnQ0FDTDtBQUNKLGFBQU87QUFBQSxnQ0FDcUIsMEJBQTBCLDBCQUEwQixPQUFPO0FBQUEsV0FDaEYsdUJBQXVCO0FBQUE7QUFBQSxRQUUxQixLQUFLLGFBQWEsSUFBSSxDQUFDLGFBQW9CO0FBQzNDLGVBQU87QUFBQTtBQUFBO0FBQUEsbUJBR0ksWUFBWSxPQUFPO0FBQUEsb0JBQ2xCLHVCQUF1QixVQUFVLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQTtBQUFBO0FBQUE7QUFBQSxNQUl0RSxDQUFDLENBQUM7QUFBQTtBQUFBLElBRU47QUFBQTtBQUFBLElBR1EsOEJBQTJCO0FBQ2pDLFVBQUksUUFBUTtBQUNaLFlBQU0sMEJBQTBCLEtBQUssWUFDbEMsSUFBSSxDQUFDLFNBQVMsdUJBQXVCLE1BQU0sS0FBSyxVQUFVLE9BQU8sQ0FBQyxFQUNsRSxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxlQUFlLEVBQzdDLEtBQUssSUFBSTtBQUVaLFVBQUkseUJBQXlCO0FBQzNCLGdCQUFRLHVCQUF1Qiw0QkFBNEIsS0FBSyxVQUFVLE9BQU8sRUFDOUUsT0FBTyxHQUFHLEVBQ1YsT0FBTyx1QkFBdUI7QUFBQSxNQUNuQztBQUNBLGFBQU87QUFBQSxJQUNUO0FBQUEsS0E1Q0EsK0NBS0E7OytCQU5DLFNBQVMsRUFBRSxXQUFXLGdCQUFnQixNQUFNLE1BQUEsQ0FBTyxDQUFDO0FBSXBELDJCQUFBLENBQUEsYUFDQSxTQUFTLEVBQUUsTUFBTSxTQUFTLFNBQVMsTUFBTSxZQUFZLEtBQUEsQ0FBTSxDQUFDO0FBSjdELGlCQUFBLElBQUEsTUFBQSx5QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGVBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsaUJBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixhQUFXLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFYLGNBQVc7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsMkJBQUEsOEJBQUE7QUFLM0IsaUJBQUEsSUFBQSxNQUFBLHNCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsWUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxjQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsVUFBUSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBUixXQUFRO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHdCQUFBLDJCQUFBO0FBVjFCLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQTRDOzs7In0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-experimental",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.11.0",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"type": "module",
|
|
12
12
|
"customElements": "custom-elements.json",
|
|
13
13
|
"peerDependencies": {
|
|
14
|
-
"@sbb-esta/lyne-elements": "3.
|
|
14
|
+
"@sbb-esta/lyne-elements": "3.11.0"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"lit": "^3.3.1",
|
|
@@ -215,6 +215,7 @@ export declare class SeatReservationBaseElement extends LitElement {
|
|
|
215
215
|
* @returns HTMLElement or null
|
|
216
216
|
*/
|
|
217
217
|
private _getPlaceHtmlElement;
|
|
218
|
+
private _isValidCaochIndex;
|
|
218
219
|
}
|
|
219
220
|
export {};
|
|
220
221
|
//# sourceMappingURL=seat-reservation-base-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seat-reservation-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation-base-element.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"seat-reservation-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation-base-element.ts"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ const ye = 3, Pe = [
|
|
|
24
24
|
];
|
|
25
25
|
let Be = (() => {
|
|
26
26
|
var x, I, m, _, b, y, P, A, R, E, N, k, h;
|
|
27
|
-
let n = pe, d = [], u, T = [], D = [], B, z = [], F = [],
|
|
27
|
+
let n = pe, d = [], u, T = [], D = [], B, z = [], F = [], V, O = [], G = [], L, W = [], X = [], H, K = [], U = [], q, M = [], $ = [], j, Y = [], J = [], Q, Z = [], ee = [], te, se = [], ie = [], ae, ce = [], oe = [], re, le = [], ne = [], he, de = [], ue = [], ge;
|
|
28
28
|
return h = class extends n {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments);
|
|
@@ -40,7 +40,7 @@ let Be = (() => {
|
|
|
40
40
|
v(this, E);
|
|
41
41
|
v(this, N);
|
|
42
42
|
v(this, k);
|
|
43
|
-
r(this, x, (l(this, d), l(this, T, null))), r(this, I, (l(this, D), l(this, z, !0))), r(this, m, (l(this, F), l(this,
|
|
43
|
+
r(this, x, (l(this, d), l(this, T, null))), r(this, I, (l(this, D), l(this, z, !0))), r(this, m, (l(this, F), l(this, O, !1))), r(this, _, (l(this, G), l(this, W, 16))), r(this, b, (l(this, X), l(this, K, null))), r(this, y, (l(this, U), l(this, M, -1))), r(this, P, (l(this, $), l(this, Y, -1))), r(this, A, (l(this, J), l(this, Z, !1))), r(this, R, (l(this, ee), l(this, se, -1))), r(this, E, (l(this, ie), l(this, ce, -1))), r(this, N, (l(this, oe), l(this, le, -1))), r(this, k, (l(this, ne), l(this, de, -1))), this.coachBorderPadding = (l(this, ue), 6), this.gapBetweenCoaches = 4, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.gapBetweenCoachDecks = 48, this.coachNavButtonDim = 0, this.coachNavData = [], this.currScrollDirection = p.right, this.maxCalcCoachsWidth = 0, this.scrollCoachsAreaWidth = 0, this.scrollNavigationAreaDim = 0, this.triggerCoachPositionsCollection = [], this.firstTabElement = null, this.lastTabElement = null, this.navigationScrollArea = null, this.coachScrollArea = null, this.currSelectedPlace = null, this.currSelectedPlaceElementId = null, this.currSelectedCoachIndex = -1, this.currSelectedDeckIndex = 0, this.preventCoachScrollByPlaceClick = !1, this.selectedSeatReservationPlaces = {
|
|
44
44
|
seats: [],
|
|
45
45
|
bicycles: []
|
|
46
46
|
}, this.seatReservationWithoutNavigationHasFocus = !1, this.isCoachGridFocusable = !1, this.isAutoScrolling = !1, this.isKeyboardNavigation = !1, this.hasMultipleDecks = !1, this.keyboardNavigationEvents = {
|
|
@@ -148,7 +148,7 @@ let Be = (() => {
|
|
|
148
148
|
const t = this.seatReservations[this.currSelectedDeckIndex] || null;
|
|
149
149
|
t?.coachItems.length && (this.baseGridSize = this.height / t.coachItems[0].dimension.h, this.coachBorderOffset = this.coachBorderPadding / this.baseGridSize, this.style?.setProperty("--sbb-seat-reservation-grid-size", `${this.baseGridSize}px`), this.initNavigationSelectionByScrollEvent());
|
|
150
150
|
}
|
|
151
|
-
e.has("alignVertical") && this.alignVertical && this.initNavigationSelectionByScrollEvent(), e.has("preselectCoachIndex") &&
|
|
151
|
+
e.has("alignVertical") && this.alignVertical && this.initNavigationSelectionByScrollEvent(), e.has("preselectCoachIndex") && setTimeout(() => this.scrollToSelectedNavCoach(this.preselectCoachIndex), 1);
|
|
152
152
|
}
|
|
153
153
|
navigateByDirectionBtn(e) {
|
|
154
154
|
this.unfocusPlaceElement();
|
|
@@ -261,7 +261,7 @@ let Be = (() => {
|
|
|
261
261
|
e && this.unfocusPlaceElement(), this.isKeyboardNavigation && this.isAutoScrolling ? e && this.focusPlaceElement(e) : (this.currSelectedPlace = e, this._setFocusToSelectedCoachGrid());
|
|
262
262
|
}
|
|
263
263
|
scrollToSelectedNavCoach(e) {
|
|
264
|
-
if (e !== this.currSelectedCoachIndex) {
|
|
264
|
+
if (this._isValidCaochIndex(e) && e !== this.currSelectedCoachIndex) {
|
|
265
265
|
this.isAutoScrolling = !0, this.isCoachGridFocusable = !0, this.currSelectedCoachIndex = e, this._setScrollDirectionByCoachIndex();
|
|
266
266
|
const t = this._getCoachScrollPositionX();
|
|
267
267
|
(this.selectedCoachIndex !== -1 || this.currSelectedCoachIndex > 0) && this._isScrollableToSelectedCoach() ? this.coachScrollArea.scrollTo({
|
|
@@ -602,15 +602,18 @@ let Be = (() => {
|
|
|
602
602
|
_getPlaceHtmlElement() {
|
|
603
603
|
return this.currSelectedPlaceElementId && this.shadowRoot?.getElementById(this.currSelectedPlaceElementId) || null;
|
|
604
604
|
}
|
|
605
|
+
_isValidCaochIndex(e) {
|
|
606
|
+
return e >= 0 && e <= this.seatReservations[this.seatReservations.length - 1].coachItems.length;
|
|
607
|
+
}
|
|
605
608
|
}, x = new WeakMap(), I = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), b = new WeakMap(), y = new WeakMap(), P = new WeakMap(), A = new WeakMap(), R = new WeakMap(), E = new WeakMap(), N = new WeakMap(), k = new WeakMap(), (() => {
|
|
606
609
|
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
|
|
607
|
-
u = [S({ attribute: "seat-reservations", type: Array })], B = [C(), S({ attribute: "has-navigation", type: Boolean })],
|
|
610
|
+
u = [S({ attribute: "seat-reservations", type: Array })], B = [C(), S({ attribute: "has-navigation", type: Boolean })], V = [C(), S({ attribute: "align-vertical", type: Boolean, reflect: !0, useDefault: !0 })], L = [C(), S({ attribute: "base-grid-size", type: Number })], H = [C(), S({ attribute: "height", type: Number })], q = [C(), S({ attribute: "max-seat-reservations", type: Number })], j = [C(), S({ attribute: "max-bicycle-reservations", type: Number })], Q = [C(), S({ attribute: "prevent-place-click", type: Boolean })], te = [C(), S({ attribute: "preselect-coach-index", type: Number })], ae = [w()], re = [w()], he = [w()], ge = [Ie({ passive: !0 })], f(h, null, u, { kind: "accessor", name: "seatReservations", static: !1, private: !1, access: { has: (t) => "seatReservations" in t, get: (t) => t.seatReservations, set: (t, s) => {
|
|
608
611
|
t.seatReservations = s;
|
|
609
612
|
} }, metadata: e }, T, D), f(h, null, B, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, s) => {
|
|
610
613
|
t.hasNavigation = s;
|
|
611
|
-
} }, metadata: e }, z, F), f(h, null,
|
|
614
|
+
} }, metadata: e }, z, F), f(h, null, V, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, s) => {
|
|
612
615
|
t.alignVertical = s;
|
|
613
|
-
} }, metadata: e },
|
|
616
|
+
} }, metadata: e }, O, G), f(h, null, L, { kind: "accessor", name: "baseGridSize", static: !1, private: !1, access: { has: (t) => "baseGridSize" in t, get: (t) => t.baseGridSize, set: (t, s) => {
|
|
614
617
|
t.baseGridSize = s;
|
|
615
618
|
} }, metadata: e }, W, X), f(h, null, H, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
|
|
616
619
|
t.height = s;
|
|
@@ -11,23 +11,23 @@ import { customElement as D, property as N } from "lit/decorators.js";
|
|
|
11
11
|
import { classMap as O } from "lit/directives/class-map.js";
|
|
12
12
|
import { mapIconToSvg as C, getI18nSeatReservation as L } from "../common.js";
|
|
13
13
|
import "@sbb-esta/lyne-elements/icon.js";
|
|
14
|
-
const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media (forced-colors: active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
|
|
14
|
+
const R = $`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:pointer}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media (forced-colors: active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
|
|
15
15
|
let K = (() => {
|
|
16
|
-
var
|
|
17
|
-
let t = [D("sbb-seat-reservation-graphic")], r, s = [], i,
|
|
18
|
-
return
|
|
16
|
+
var n, c, o;
|
|
17
|
+
let t = [D("sbb-seat-reservation-graphic")], r, s = [], i, d = j, f, _ = [], x = [], w, S = [], y = [];
|
|
18
|
+
return o = class extends d {
|
|
19
19
|
constructor() {
|
|
20
20
|
super(...arguments);
|
|
21
|
-
v(this,
|
|
21
|
+
v(this, n);
|
|
22
22
|
v(this, c);
|
|
23
|
-
b(this,
|
|
23
|
+
b(this, n, h(this, _, "")), b(this, c, (h(this, x), h(this, S, !1))), this._language = (h(this, y), new k(this));
|
|
24
24
|
}
|
|
25
25
|
/** Name of the SVG graphic to be displayed. */
|
|
26
26
|
get name() {
|
|
27
|
-
return m(this,
|
|
27
|
+
return m(this, n);
|
|
28
28
|
}
|
|
29
29
|
set name(e) {
|
|
30
|
-
b(this,
|
|
30
|
+
b(this, n, e);
|
|
31
31
|
}
|
|
32
32
|
/** if true, scale the graphic content of the given element non-uniformly if necessary */
|
|
33
33
|
get stretch() {
|
|
@@ -55,14 +55,14 @@ let K = (() => {
|
|
|
55
55
|
const a = new DOMParser(), l = e || "<svg></svg>", g = a.parseFromString(l, "image/svg+xml").firstElementChild;
|
|
56
56
|
return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
|
|
57
57
|
}
|
|
58
|
-
},
|
|
59
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
60
|
-
|
|
58
|
+
}, n = new WeakMap(), c = new WeakMap(), i = o, (() => {
|
|
59
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
|
|
60
|
+
f = [I(), N({ attribute: "name" })], w = [I(), N({ attribute: "stretch", type: Boolean })], p(o, null, f, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
|
|
61
61
|
a.name = l;
|
|
62
|
-
} }, metadata: e }, _, x), p(
|
|
62
|
+
} }, metadata: e }, _, x), p(o, null, w, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, l) => {
|
|
63
63
|
a.stretch = l;
|
|
64
|
-
} }, metadata: e },
|
|
65
|
-
})(),
|
|
64
|
+
} }, metadata: e }, S, y), p(null, r = { value: i }, t, { kind: "class", name: i.name, metadata: e }, null, s), i = r.value, e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
65
|
+
})(), o.styles = R, h(i, s), i;
|
|
66
66
|
})();
|
|
67
67
|
export {
|
|
68
68
|
K as SbbSeatReservationGraphicElement
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,+CAA+C,CAAC;AACvD,OAAO,gCAAgC,CAAC;AAIxC;;;GAGG;AACH,qBAEM,2CAA4C,SAAQ,UAAU;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0DAA0D;IAC1D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;IAsB3C,OAAO,CAAC,2BAA2B;CAcpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0CAA0C,EAAE,2CAA2C,CAAC;KACzF;CACF"}
|
|
@@ -4,24 +4,23 @@ var x = (e) => {
|
|
|
4
4
|
var L = (e, s, a) => s.has(e) || x("Cannot " + a);
|
|
5
5
|
var d = (e, s, a) => (L(e, s, "read from private field"), a ? a.call(e) : s.get(e)), u = (e, s, a) => s.has(e) ? x("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), p = (e, s, a, i) => (L(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
|
|
6
6
|
import { __runInitializers as b, __esDecorate as g } from "tslib";
|
|
7
|
-
import { SbbLanguageController as
|
|
7
|
+
import { SbbLanguageController as w } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
8
8
|
import { forceType as A } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
9
|
-
import { css as
|
|
10
|
-
import { customElement as
|
|
11
|
-
import { styleMap as C } from "lit/directives/style-map.js";
|
|
9
|
+
import { css as $, LitElement as j, nothing as z, html as D } from "lit";
|
|
10
|
+
import { customElement as k, property as E } from "lit/decorators.js";
|
|
12
11
|
import { getI18nSeatReservation as h } from "../common.js";
|
|
13
12
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
14
13
|
import "../seat-reservation-graphic.js";
|
|
15
|
-
const
|
|
16
|
-
let
|
|
14
|
+
const C = $`*,:before,:after{box-sizing:border-box}.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
|
|
15
|
+
let G = (() => {
|
|
17
16
|
var n, c, l;
|
|
18
|
-
let e = [
|
|
17
|
+
let e = [k("sbb-seat-reservation-navigation-services")], s, a = [], i, m = j, v, _ = [], y = [], f, I = [], S = [];
|
|
19
18
|
return l = class extends m {
|
|
20
19
|
constructor() {
|
|
21
20
|
super(...arguments);
|
|
22
21
|
u(this, n);
|
|
23
22
|
u(this, c);
|
|
24
|
-
p(this, n, b(this, _, [])), p(this, c, (b(this, y), b(this, I, !1))), this._language = (b(this, S), new
|
|
23
|
+
p(this, n, b(this, _, [])), p(this, c, (b(this, y), b(this, I, !1))), this._language = (b(this, S), new w(this));
|
|
25
24
|
}
|
|
26
25
|
/** Coach service property ids, which are used to display the services in the navigation */
|
|
27
26
|
get propertyIds() {
|
|
@@ -45,10 +44,7 @@ let J = (() => {
|
|
|
45
44
|
>
|
|
46
45
|
${this.propertyIds?.map((t) => D`
|
|
47
46
|
<sbb-seat-reservation-graphic
|
|
48
|
-
|
|
49
|
-
"--sbb-seat-reservation-graphic-width": 20,
|
|
50
|
-
"--sbb-seat-reservation-graphic-height": 20
|
|
51
|
-
})}
|
|
47
|
+
class="auto-width"
|
|
52
48
|
name=${t ?? z}
|
|
53
49
|
title=${h(t, this._language.current)}
|
|
54
50
|
aria-hidden="true"
|
|
@@ -69,8 +65,8 @@ let J = (() => {
|
|
|
69
65
|
} }, metadata: r }, _, y), g(l, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, o) => {
|
|
70
66
|
t.vertical = o;
|
|
71
67
|
} }, metadata: r }, I, S), g(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
|
|
72
|
-
})(), l.styles =
|
|
68
|
+
})(), l.styles = C, b(i, a), i;
|
|
73
69
|
})();
|
|
74
70
|
export {
|
|
75
|
-
|
|
71
|
+
G as SbbSeatReservationNavigationServicesElement
|
|
76
72
|
};
|