@sbb-esta/lyne-elements-experimental 3.0.0-next.2 → 3.0.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 +327 -380
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +1 -6
- 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 +12 -7
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +0 -3
- 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-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +0 -7
- package/development/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +7 -10
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +1 -6
- 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 +11 -9
- package/package.json +2 -2
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +1 -6
- package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +48 -41
- package/seat-reservation/seat-reservation/seat-reservation.component.d.ts +0 -3
- package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts +0 -7
- package/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +47 -49
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +1 -6
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +44 -42
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
var
|
|
1
|
+
var lt = (o) => {
|
|
2
2
|
throw TypeError(o);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var l = (o, n, c) => (
|
|
4
|
+
var bt = (o, n, c) => n.has(o) || lt("Cannot " + c);
|
|
5
|
+
var l = (o, n, c) => (bt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? lt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (bt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
|
|
6
6
|
import { __runInitializers as i, __esDecorate as d } from "tslib";
|
|
7
|
-
import { SbbLanguageController as
|
|
7
|
+
import { SbbLanguageController as _t } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
8
8
|
import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { classMap as ht } from "lit/directives/class-map.js";
|
|
9
|
+
import { css as gt, LitElement as ut, nothing as E, html as g } from "lit";
|
|
10
|
+
import { customElement as mt, property as v } from "lit/decorators.js";
|
|
11
|
+
import { classMap as dt } from "lit/directives/class-map.js";
|
|
13
12
|
import { getI18nSeatReservation as w } from "../../common/translations.js";
|
|
14
13
|
import "@sbb-esta/lyne-elements/screen-reader-only.js";
|
|
15
14
|
import "../seat-reservation-navigation-services.js";
|
|
16
|
-
const
|
|
17
|
-
let
|
|
18
|
-
var u, m, f, p, x, y,
|
|
19
|
-
let o = [
|
|
20
|
-
|
|
15
|
+
const ft = gt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: var(--sbb-border-width-2x);--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);width:var(--sbb-train-formation-wagon-width);list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.vertical-coach{flex-direction:row}.sbb-sr-navigation__ctrl-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.sbb-sr-navigation--first-class{width:calc(100% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:1.25rem;min-width:1.25rem;border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);color:var(--sbb-color-white)}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;inset-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.vertical-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, pt = 3;
|
|
16
|
+
let $t = (() => {
|
|
17
|
+
var u, m, f, p, x, y, I, C, k, A, S, r;
|
|
18
|
+
let o = [mt("sbb-seat-reservation-navigation-coach")], n, c = [], h, z = ut, B, $ = [], N = [], T, D = [], R = [], O, L = [], V = [], j, H = [], G = [], K, U = [], q = [], F, M = [], Y = [], P, X = [], J = [], Q, W = [], Z = [], tt, at = [], et = [], st, it = [], rt = [], ot, nt = [], ct = [];
|
|
19
|
+
return r = class extends z {
|
|
21
20
|
constructor() {
|
|
22
21
|
super(...arguments);
|
|
23
22
|
b(this, u);
|
|
@@ -26,12 +25,12 @@ let Rt = (() => {
|
|
|
26
25
|
b(this, p);
|
|
27
26
|
b(this, x);
|
|
28
27
|
b(this, y);
|
|
29
|
-
b(this, C);
|
|
30
28
|
b(this, I);
|
|
29
|
+
b(this, C);
|
|
31
30
|
b(this, k);
|
|
32
|
-
b(this, S);
|
|
33
31
|
b(this, A);
|
|
34
|
-
|
|
32
|
+
b(this, S);
|
|
33
|
+
s(this, u, i(this, $, "")), s(this, m, (i(this, N), i(this, D, []))), s(this, f, (i(this, R), i(this, L, !1))), s(this, p, (i(this, V), i(this, H, !1))), s(this, x, (i(this, G), i(this, U, 0))), s(this, y, (i(this, q), i(this, M, ["ANY_CLASS"]))), s(this, I, (i(this, Y), i(this, X, !1))), s(this, C, (i(this, J), i(this, W, !1))), s(this, k, (i(this, Z), i(this, at, !1))), s(this, A, (i(this, et), i(this, it, !1))), s(this, S, (i(this, rt), i(this, nt, !1))), this._language = (i(this, ct), new _t(this));
|
|
35
34
|
}
|
|
36
35
|
/** Coach ID, which is used to identify the coach in the navigation */
|
|
37
36
|
get coachId() {
|
|
@@ -76,17 +75,17 @@ let Rt = (() => {
|
|
|
76
75
|
}
|
|
77
76
|
/** If the coach is a driver/restricted area */
|
|
78
77
|
get driverArea() {
|
|
79
|
-
return l(this,
|
|
78
|
+
return l(this, I);
|
|
80
79
|
}
|
|
81
80
|
set driverArea(a) {
|
|
82
|
-
s(this,
|
|
81
|
+
s(this, I, a);
|
|
83
82
|
}
|
|
84
83
|
/** If the coach is the first in the navigation */
|
|
85
84
|
get first() {
|
|
86
|
-
return l(this,
|
|
85
|
+
return l(this, C);
|
|
87
86
|
}
|
|
88
87
|
set first(a) {
|
|
89
|
-
s(this,
|
|
88
|
+
s(this, C, a);
|
|
90
89
|
}
|
|
91
90
|
/** If the coach is the last in the navigation */
|
|
92
91
|
get last() {
|
|
@@ -97,22 +96,22 @@ let Rt = (() => {
|
|
|
97
96
|
}
|
|
98
97
|
/** Disable the coach navigation */
|
|
99
98
|
get disable() {
|
|
100
|
-
return l(this,
|
|
99
|
+
return l(this, A);
|
|
101
100
|
}
|
|
102
101
|
set disable(a) {
|
|
103
|
-
s(this,
|
|
102
|
+
s(this, A, a);
|
|
104
103
|
}
|
|
105
104
|
/** If the coach navigation should be displayed vertically */
|
|
106
105
|
get vertical() {
|
|
107
|
-
return l(this,
|
|
106
|
+
return l(this, S);
|
|
108
107
|
}
|
|
109
108
|
set vertical(a) {
|
|
110
|
-
s(this,
|
|
109
|
+
s(this, S, a);
|
|
111
110
|
}
|
|
112
111
|
willUpdate(a) {
|
|
113
112
|
if (super.willUpdate(a), a.has("selected")) {
|
|
114
113
|
const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
115
|
-
this.selected && t && (t.focus(), this.
|
|
114
|
+
this.selected && t && (t.focus(), this.dispatchEvent(new Event("focusCoach", { bubbles: !0, composed: !0 })));
|
|
116
115
|
}
|
|
117
116
|
if (a.has("focused") && this.focused) {
|
|
118
117
|
const t = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
|
|
@@ -127,9 +126,9 @@ let Rt = (() => {
|
|
|
127
126
|
* @protected
|
|
128
127
|
*/
|
|
129
128
|
render() {
|
|
130
|
-
return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0,
|
|
129
|
+
return this.propertyIds = this.propertyIds.filter((a) => a !== "ANY_SEAT").slice(0, pt), g`
|
|
131
130
|
<div
|
|
132
|
-
class="${
|
|
131
|
+
class="${dt({
|
|
133
132
|
"sbb-sr-navigation__item-coach": !0,
|
|
134
133
|
"last-coach": this.last,
|
|
135
134
|
"first-coach": this.first,
|
|
@@ -150,7 +149,7 @@ let Rt = (() => {
|
|
|
150
149
|
return g` <button
|
|
151
150
|
type="button"
|
|
152
151
|
?disabled="${this.disable}"
|
|
153
|
-
class="${
|
|
152
|
+
class="${dt({
|
|
154
153
|
"sbb-sr-navigation__ctrl-button": !0,
|
|
155
154
|
"sbb-sr-navigation-driver-area": this.driverArea
|
|
156
155
|
})}"
|
|
@@ -188,8 +187,8 @@ let Rt = (() => {
|
|
|
188
187
|
]);
|
|
189
188
|
let t = w("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
|
|
190
189
|
if (a) {
|
|
191
|
-
const
|
|
192
|
-
t = t.concat(
|
|
190
|
+
const vt = w(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ht = w("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [vt]);
|
|
191
|
+
t = t.concat(ht);
|
|
193
192
|
}
|
|
194
193
|
return t;
|
|
195
194
|
}
|
|
@@ -203,42 +202,41 @@ let Rt = (() => {
|
|
|
203
202
|
* @private
|
|
204
203
|
*/
|
|
205
204
|
_selectNavCoach(a) {
|
|
206
|
-
this.driverArea || this.
|
|
205
|
+
this.driverArea || this.dispatchEvent(new CustomEvent("selectCoach", { bubbles: !0, composed: !0, detail: a }));
|
|
207
206
|
}
|
|
208
207
|
_getCoachServiceClassNumber() {
|
|
209
208
|
return this.travelClass?.includes("FIRST") ? 1 : this.travelClass?.includes("SECOND") ? 2 : null;
|
|
210
209
|
}
|
|
211
|
-
}, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(),
|
|
212
|
-
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
213
|
-
B = [_(), v({ attribute: "coach-id" })],
|
|
210
|
+
}, u = new WeakMap(), m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), I = new WeakMap(), C = new WeakMap(), k = new WeakMap(), A = new WeakMap(), S = new WeakMap(), h = r, (() => {
|
|
211
|
+
const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
|
|
212
|
+
B = [_(), v({ attribute: "coach-id" })], T = [v({ attribute: "property-ids", type: Array })], O = [_(), v({ type: Boolean })], j = [_(), v({ type: Boolean })], K = [_(), v({ type: Number })], F = [v({ attribute: "travel-class", type: Array })], P = [_(), v({ attribute: "driver-area", type: Boolean })], Q = [_(), v({ type: Boolean })], tt = [_(), v({ type: Boolean })], st = [_(), v({ attribute: "disable", type: Boolean })], ot = [_(), v({ type: Boolean })], d(r, null, B, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
|
|
214
213
|
t.coachId = e;
|
|
215
|
-
} }, metadata: a }, $,
|
|
214
|
+
} }, metadata: a }, $, N), d(r, null, T, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
|
|
216
215
|
t.propertyIds = e;
|
|
217
|
-
} }, metadata: a }, D,
|
|
216
|
+
} }, metadata: a }, D, R), d(r, null, O, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
|
|
218
217
|
t.selected = e;
|
|
219
|
-
} }, metadata: a },
|
|
218
|
+
} }, metadata: a }, L, V), d(r, null, j, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
|
|
220
219
|
t.focused = e;
|
|
221
|
-
} }, metadata: a },
|
|
220
|
+
} }, metadata: a }, H, G), d(r, null, K, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
|
|
222
221
|
t.index = e;
|
|
223
|
-
} }, metadata: a },
|
|
222
|
+
} }, metadata: a }, U, q), d(r, null, F, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
|
|
224
223
|
t.travelClass = e;
|
|
225
|
-
} }, metadata: a },
|
|
224
|
+
} }, metadata: a }, M, Y), d(r, null, P, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
|
|
226
225
|
t.driverArea = e;
|
|
227
|
-
} }, metadata: a },
|
|
226
|
+
} }, metadata: a }, X, J), d(r, null, Q, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
|
|
228
227
|
t.first = e;
|
|
229
|
-
} }, metadata: a },
|
|
228
|
+
} }, metadata: a }, W, Z), d(r, null, tt, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
|
|
230
229
|
t.last = e;
|
|
231
|
-
} }, metadata: a },
|
|
230
|
+
} }, metadata: a }, at, et), d(r, null, st, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
|
|
232
231
|
t.disable = e;
|
|
233
|
-
} }, metadata: a },
|
|
232
|
+
} }, metadata: a }, it, rt), d(r, null, ot, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
|
|
234
233
|
t.vertical = e;
|
|
235
|
-
} }, metadata: a },
|
|
236
|
-
})(), r.styles =
|
|
234
|
+
} }, metadata: a }, nt, ct), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
|
|
235
|
+
})(), r.styles = ft, r.events = {
|
|
237
236
|
selectCoach: "selectCoach",
|
|
238
237
|
focusCoach: "focusCoach"
|
|
239
|
-
}, i(h, c),
|
|
240
|
-
return z = h;
|
|
238
|
+
}, i(h, c), h;
|
|
241
239
|
})();
|
|
242
240
|
export {
|
|
243
|
-
|
|
241
|
+
$t as SbbSeatReservationNavigationCoachElement
|
|
244
242
|
};
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { SbbButtonBaseElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
|
|
2
|
-
import { EventEmitter } from '@sbb-esta/lyne-elements/core/eventing.js';
|
|
3
2
|
import { CSSResultGroup, TemplateResult, PropertyValues } from 'lit';
|
|
4
|
-
import {
|
|
3
|
+
import { PlaceState, PlaceType } from '../common.js';
|
|
5
4
|
/**
|
|
6
5
|
* Output the graphic of a seat or a bicycle place as a control element.
|
|
7
|
-
*
|
|
8
|
-
* @event {CustomEvent<PlaceSelection>} selectPlace - Emits when a place was selected and returns a PlaceSelection object with necessary place information
|
|
9
6
|
*/
|
|
10
7
|
export declare class SbbSeatReservationPlaceControlElement extends SbbButtonBaseElement {
|
|
11
8
|
static styles: CSSResultGroup;
|
|
@@ -34,8 +31,6 @@ export declare class SbbSeatReservationPlaceControlElement extends SbbButtonBase
|
|
|
34
31
|
accessor preventClick: boolean;
|
|
35
32
|
/** Set the place focus outline style */
|
|
36
33
|
accessor keyfocus: string;
|
|
37
|
-
/** Emits when a place was selected by user. */
|
|
38
|
-
protected placeSelected: EventEmitter<PlaceSelection>;
|
|
39
34
|
private _language;
|
|
40
35
|
constructor();
|
|
41
36
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInG,OAAO,KAAK,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,gCAAgC,CAAC;AAIxC;;GAEG;AACH,qBAEM,qCAAsC,SAAQ,oBAAoB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,SAAS,CAAU;IAE9C,6DAA6D;IAC7D,SAEgB,KAAK,EAAE,UAAU,CAAU;IAE3C,sEAAsE;IACtE,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,yCAAyC;IACzC,SAEgB,QAAQ,EAAE,MAAM,CAAK;IAErC,kDAAkD;IAClD,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,mDAAmD;IACnD,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,qDAAqD;IACrD,SAEgB,YAAY,EAAE,MAAM,CAAK;IAEzC,8DAA8D;IAC9D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,OAAO,CAAC,SAAS,CAAmC;;cAOjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cA4BzD,MAAM,IAAI,cAAc;IAkC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAejC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA0BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}
|
package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js
CHANGED
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
var
|
|
1
|
+
var it = (o) => {
|
|
2
2
|
throw TypeError(o);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var n = (o, l, i) => (
|
|
4
|
+
var nt = (o, l, i) => l.has(o) || it("Cannot " + i);
|
|
5
|
+
var n = (o, l, i) => (nt(o, l, "read from private field"), i ? i.call(o) : l.get(o)), b = (o, l, i) => l.has(o) ? it("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(o) : l.set(o, i), r = (o, l, i, h) => (nt(o, l, "write to private field"), h ? h.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
|
|
7
|
+
import { SbbButtonBaseElement as vt } from "@sbb-esta/lyne-elements/core/base-elements.js";
|
|
8
|
+
import { SbbLanguageController as ut } from "@sbb-esta/lyne-elements/core/controllers.js";
|
|
9
9
|
import { forceType as v } from "@sbb-esta/lyne-elements/core/decorators.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { getI18nSeatReservation as C } from "../common.js";
|
|
10
|
+
import { css as _t, nothing as ft, html as gt } from "lit";
|
|
11
|
+
import { customElement as kt, property as d } from "lit/decorators.js";
|
|
12
|
+
import { getI18nSeatReservation as E } from "../common.js";
|
|
14
13
|
import "../seat-reservation-graphic.js";
|
|
15
|
-
const
|
|
16
|
-
let
|
|
14
|
+
const xt = _t`*,:before,:after{box-sizing:border-box}:host{--sbb-reservation-place-control-rotation: 0;--sbb-reservation-place-control-text-rotation: 0;--sbb-reservation-place-control-text-size: calc( var(--sbb-place-control-text-scale-value, 1) * .5 );--sbb-reservation-place-control-default-text: var(--sbb-color-black);--sbb-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-reservation-place-control-selected-backrest-background-default: var(--sbb-color-red150);--sbb-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-reservation-place-control-allocated-background-default: var(--sbb-color-milk);cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-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-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-reservation-place-control-free-background-hover);color:var(--sbb-reservation-place-control-free-text)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-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-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-reservation-place-control-selected-background-hover);color:var(--sbb-reservation-place-control-selected-text)}:host(:focus){border-radius:var(--sbb-border-width-1x);outline:var(--sbb-border-width-2x) solid var(--sbb-color-black)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-free-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-free-backrest-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-free-background-focus);color:var(--sbb-reservation-place-control-free-text)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-selected-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-selected-backrest-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-selected-background-focus);color:var(--sbb-reservation-place-control-selected-text)}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-reservation-place-control-text-size) * .0625rem)}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-free-background-default);color:var(--sbb-reservation-place-control-free-text)}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-selected-background-default);color:var(--sbb-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-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-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-reservation-place-control-allocated-background-default);color:var(--sbb-reservation-place-control-allocated-text)}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-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%}`;
|
|
15
|
+
let $t = (() => {
|
|
17
16
|
var u, _, f, g, k, x, y, m, I, z, w, c;
|
|
18
|
-
let o = [
|
|
19
|
-
|
|
17
|
+
let o = [kt("sbb-seat-reservation-place-control")], l, i = [], h, C = vt, R, S = [], T = [], $, P = [], L = [], D, A = [], N = [], O, F = [], j = [], B, U = [], K = [], M, Y = [], q = [], G, H = [], J = [], Q, V = [], W = [], X, Z = [], tt = [], et, st = [], rt = [], at, ct = [], ot = [];
|
|
18
|
+
return c = class extends C {
|
|
20
19
|
constructor() {
|
|
21
20
|
super();
|
|
22
21
|
b(this, u);
|
|
@@ -30,7 +29,7 @@ let Dt = (() => {
|
|
|
30
29
|
b(this, I);
|
|
31
30
|
b(this, z);
|
|
32
31
|
b(this, w);
|
|
33
|
-
r(this, u, a(this,
|
|
32
|
+
r(this, u, a(this, S, "SEAT")), r(this, _, (a(this, T), a(this, P, "FREE"))), r(this, f, (a(this, L), a(this, A, []))), r(this, g, (a(this, N), a(this, F, 0))), r(this, k, (a(this, j), a(this, U, 32))), r(this, x, (a(this, K), a(this, Y, 32))), r(this, y, (a(this, q), a(this, H, ""))), r(this, m, (a(this, J), a(this, V, 0))), r(this, I, (a(this, W), a(this, Z, null))), r(this, z, (a(this, tt), a(this, st, !1))), r(this, w, (a(this, rt), a(this, ct, "unfocus"))), this._language = (a(this, ot), new ut(this)), this.addEventListener("click", () => this._selectPlace());
|
|
34
33
|
}
|
|
35
34
|
/** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
|
|
36
35
|
get placeType() {
|
|
@@ -113,22 +112,22 @@ let Dt = (() => {
|
|
|
113
112
|
super.willUpdate(e), (e.has("width") || e.has("height")) && this.style?.setProperty("--sbb-place-control-text-scale-value", `${Math.min(this.width, this.height)}`), e.has("textRotation") && this.style?.setProperty("--sbb-reservation-place-control-text-rotation", `${this.textRotation}`), e.has("rotation") && this.style?.setProperty("--sbb-reservation-place-control-rotation", `${this.rotation}`), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
|
|
114
113
|
}
|
|
115
114
|
render() {
|
|
116
|
-
const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(),
|
|
117
|
-
return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1,
|
|
115
|
+
const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(), lt = this.text, bt = this.width, pt = this.height, dt = this.textRotation - this.rotation, ht = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
|
|
116
|
+
return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, gt`
|
|
118
117
|
<div
|
|
119
118
|
part="sbb-sr-place-part"
|
|
120
|
-
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${this.rotation} sbb-sr-place-ctrl--state-${s} sbb-sr-place-ctrl--type-${t} ${
|
|
119
|
+
class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${this.rotation} sbb-sr-place-ctrl--state-${s} sbb-sr-place-ctrl--type-${t} ${ht}"
|
|
121
120
|
>
|
|
122
121
|
<sbb-seat-reservation-graphic
|
|
123
122
|
.name=${e}
|
|
124
|
-
.width=${
|
|
125
|
-
.height=${
|
|
123
|
+
.width=${bt}
|
|
124
|
+
.height=${pt}
|
|
126
125
|
.rotation=${this.rotation}
|
|
127
|
-
.inverseRotation=${
|
|
126
|
+
.inverseRotation=${dt}
|
|
128
127
|
aria-hidden="true"
|
|
129
128
|
></sbb-seat-reservation-graphic>
|
|
130
|
-
<span ${this.text ??
|
|
131
|
-
>${
|
|
129
|
+
<span ${this.text ?? ft} class="sbb-sr-place-ctrl__text" aria-hidden="true"
|
|
130
|
+
>${lt}</span
|
|
132
131
|
>
|
|
133
132
|
</div>
|
|
134
133
|
`;
|
|
@@ -138,8 +137,8 @@ let Dt = (() => {
|
|
|
138
137
|
}
|
|
139
138
|
_getTitleDescriptionPlace() {
|
|
140
139
|
const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
|
|
141
|
-
let t =
|
|
142
|
-
return this.propertyIds.length && (t += ". " +
|
|
140
|
+
let t = E(e, this._language.current, [this.text]);
|
|
141
|
+
return this.propertyIds.length && (t += ". " + E("PLACE_PROPERTY", this._language.current).concat(": "), t += this.propertyIds.map((s) => E(s, this._language.current)).join(", ")), t;
|
|
143
142
|
}
|
|
144
143
|
/** If the place selectable, we emit the placeSelection object which contains infos to the place state */
|
|
145
144
|
_selectPlace() {
|
|
@@ -151,39 +150,42 @@ let Dt = (() => {
|
|
|
151
150
|
number: this.text,
|
|
152
151
|
state: this.state
|
|
153
152
|
};
|
|
154
|
-
this.
|
|
153
|
+
this.dispatchEvent(new CustomEvent("selectPlace", {
|
|
154
|
+
detail: t,
|
|
155
|
+
bubbles: !0,
|
|
156
|
+
composed: !0
|
|
157
|
+
}));
|
|
155
158
|
}
|
|
156
159
|
}
|
|
157
160
|
}, u = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), k = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), I = new WeakMap(), z = new WeakMap(), w = new WeakMap(), h = c, (() => {
|
|
158
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
159
|
-
|
|
161
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
|
|
162
|
+
R = [v(), d({ attribute: "type" })], $ = [v(), d({ attribute: "state" })], D = [d({ attribute: "propertyIds", type: Array })], O = [v(), d({ attribute: "rotation", type: Number })], B = [v(), d({ attribute: "width", type: Number })], M = [v(), d({ attribute: "height", type: Number })], G = [v(), d({ attribute: "text" })], Q = [v(), d({ attribute: "text-rotation" })], X = [v(), d({ attribute: "coach-index", type: Number })], et = [v(), d({ attribute: "prevent-click", type: Boolean })], at = [v(), d({ attribute: "keyfocus" })], p(c, null, R, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (t) => "placeType" in t, get: (t) => t.placeType, set: (t, s) => {
|
|
160
163
|
t.placeType = s;
|
|
161
|
-
} }, metadata: e },
|
|
164
|
+
} }, metadata: e }, S, T), p(c, null, $, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (t) => "state" in t, get: (t) => t.state, set: (t, s) => {
|
|
162
165
|
t.state = s;
|
|
163
|
-
} }, metadata: e },
|
|
166
|
+
} }, metadata: e }, P, L), p(c, null, D, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, s) => {
|
|
164
167
|
t.propertyIds = s;
|
|
165
|
-
} }, metadata: e },
|
|
168
|
+
} }, metadata: e }, A, N), p(c, null, O, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (t) => "rotation" in t, get: (t) => t.rotation, set: (t, s) => {
|
|
166
169
|
t.rotation = s;
|
|
167
|
-
} }, metadata: e },
|
|
170
|
+
} }, metadata: e }, F, j), p(c, null, B, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, s) => {
|
|
168
171
|
t.width = s;
|
|
169
|
-
} }, metadata: e },
|
|
172
|
+
} }, metadata: e }, U, K), p(c, null, M, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
|
|
170
173
|
t.height = s;
|
|
171
|
-
} }, metadata: e },
|
|
174
|
+
} }, metadata: e }, Y, q), p(c, null, G, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (t) => "text" in t, get: (t) => t.text, set: (t, s) => {
|
|
172
175
|
t.text = s;
|
|
173
|
-
} }, metadata: e },
|
|
176
|
+
} }, metadata: e }, H, J), p(c, null, Q, { kind: "accessor", name: "textRotation", static: !1, private: !1, access: { has: (t) => "textRotation" in t, get: (t) => t.textRotation, set: (t, s) => {
|
|
174
177
|
t.textRotation = s;
|
|
175
|
-
} }, metadata: e },
|
|
178
|
+
} }, metadata: e }, V, W), p(c, null, X, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (t) => "coachIndex" in t, get: (t) => t.coachIndex, set: (t, s) => {
|
|
176
179
|
t.coachIndex = s;
|
|
177
|
-
} }, metadata: e },
|
|
180
|
+
} }, metadata: e }, Z, tt), p(c, null, et, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (t) => "preventClick" in t, get: (t) => t.preventClick, set: (t, s) => {
|
|
178
181
|
t.preventClick = s;
|
|
179
|
-
} }, metadata: e },
|
|
182
|
+
} }, metadata: e }, st, rt), p(c, null, at, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (t) => "keyfocus" in t, get: (t) => t.keyfocus, set: (t, s) => {
|
|
180
183
|
t.keyfocus = s;
|
|
181
|
-
} }, metadata: e },
|
|
182
|
-
})(), c.styles =
|
|
184
|
+
} }, metadata: e }, ct, ot), p(null, l = { value: h }, o, { kind: "class", name: h.name, metadata: e }, null, i), h = l.value, e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
185
|
+
})(), c.styles = xt, c.events = {
|
|
183
186
|
selectPlace: "selectPlace"
|
|
184
|
-
}, a(h, i),
|
|
185
|
-
return E = h;
|
|
187
|
+
}, a(h, i), h;
|
|
186
188
|
})();
|
|
187
189
|
export {
|
|
188
|
-
|
|
190
|
+
$t as SbbSeatReservationPlaceControlElement
|
|
189
191
|
};
|