@sbb-esta/lyne-elements-experimental 3.2.0 → 3.3.2

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.
Files changed (50) hide show
  1. package/custom-elements.json +341 -125
  2. package/development/seat-reservation/common/mapper/icon-mapper.d.ts.map +1 -1
  3. package/development/seat-reservation/common/mapper/icon-mapper.js +4 -3
  4. package/development/seat-reservation/common/mapper/mapper.d.ts +4 -4
  5. package/development/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
  6. package/development/seat-reservation/common/mapper/mapper.js +9 -8
  7. package/development/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts +113 -0
  8. package/development/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
  9. package/development/seat-reservation/common/mapper/seat-reservation-sample-data.js +20373 -8
  10. package/development/seat-reservation/common/translations/i18n.d.ts.map +1 -1
  11. package/development/seat-reservation/common/translations/i18n.js +35 -4
  12. package/development/seat-reservation/common/types.d.ts +10 -3
  13. package/development/seat-reservation/common/types.d.ts.map +1 -1
  14. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +20 -14
  15. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  16. package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +129 -79
  17. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +11 -10
  18. package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  19. package/development/seat-reservation/seat-reservation/seat-reservation.component.js +208 -132
  20. package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  21. package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +4 -4
  22. package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +28 -28
  23. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +2 -0
  24. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  25. package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +22 -5
  26. package/package.json +2 -2
  27. package/seat-reservation/common/mapper/icon-mapper.d.ts.map +1 -1
  28. package/seat-reservation/common/mapper/icon-mapper.js +3 -2
  29. package/seat-reservation/common/mapper/mapper.d.ts +4 -4
  30. package/seat-reservation/common/mapper/mapper.d.ts.map +1 -1
  31. package/seat-reservation/common/mapper/mapper.js +29 -28
  32. package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts +113 -0
  33. package/seat-reservation/common/mapper/seat-reservation-sample-data.d.ts.map +1 -1
  34. package/seat-reservation/common/mapper/seat-reservation-sample-data.js +20375 -11
  35. package/seat-reservation/common/translations/i18n.d.ts.map +1 -1
  36. package/seat-reservation/common/translations/i18n.js +34 -3
  37. package/seat-reservation/common/types.d.ts +10 -3
  38. package/seat-reservation/common/types.d.ts.map +1 -1
  39. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +20 -14
  40. package/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
  41. package/seat-reservation/seat-reservation/seat-reservation-base-element.js +191 -146
  42. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts +11 -10
  43. package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
  44. package/seat-reservation/seat-reservation/seat-reservation.component.js +211 -188
  45. package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
  46. package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
  47. package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +74 -74
  48. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts +2 -0
  49. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
  50. package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +64 -53
@@ -1,21 +1,21 @@
1
- var it = (o) => {
2
- throw TypeError(o);
1
+ var dt = (l) => {
2
+ throw TypeError(l);
3
3
  };
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), a = (o, l, i, h) => (nt(o, l, "write to private field"), h ? h.call(o, i) : l.set(o, i), i);
4
+ var ht = (l, o, i) => o.has(l) || dt("Cannot " + i);
5
+ var n = (l, o, i) => (ht(l, o, "read from private field"), i ? i.call(l) : o.get(l)), b = (l, o, i) => o.has(l) ? dt("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(l) : o.set(l, i), a = (l, o, i, v) => (ht(l, o, "write to private field"), v ? v.call(l, i) : o.set(l, i), i);
6
6
  import { __esDecorate as p, __runInitializers as r } from "tslib";
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
- import { forceType as v } from "@sbb-esta/lyne-elements/core/decorators.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";
7
+ import { SbbButtonBaseElement as gt } from "@sbb-esta/lyne-elements/core/base-elements.js";
8
+ import { SbbLanguageController as kt } from "@sbb-esta/lyne-elements/core/controllers.js";
9
+ import { forceType as h } from "@sbb-esta/lyne-elements/core/decorators.js";
10
+ import { css as xt, nothing as mt, html as yt } from "lit";
11
+ import { customElement as It, property as d } from "lit/decorators.js";
12
+ import { getI18nSeatReservation as C } from "../common.js";
13
13
  import "../seat-reservation-graphic.js";
14
- const xt = _t`*,:before,:after{box-sizing:border-box}:host{--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-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-red150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}: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){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-seat-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-seat-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-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}.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,.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-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)}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
15
- let $t = (() => {
16
- var u, _, f, g, k, x, y, m, I, w, z, c;
17
- let o = [kt("sbb-seat-reservation-place-control")], l, i = [], h, C = vt, R, T = [], S = [], $, 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 = [], at = [], rt, ct = [], ot = [];
18
- return c = class extends C {
14
+ const zt = xt`*,:before,:after{box-sizing:border-box}:host{--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-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-red150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-reservation-place-control-free-text)}: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){border-radius:var(--sbb-border-width-1x);outline:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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-seat-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-seat-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-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}.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,.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-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)}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-seat-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
15
+ let Nt = (() => {
16
+ var u, _, f, g, k, x, m, y, I, z, w, E, c;
17
+ let l = [It("sbb-seat-reservation-place-control")], o, i = [], v, R = gt, T, S = [], $ = [], P, L = [], D = [], N, A = [], O = [], F, j = [], B = [], U, K = [], M = [], Y, q = [], G = [], H, J = [], Q = [], V, W = [], X = [], Z, tt = [], et = [], st, at = [], rt = [], ct, lt = [], ot = [], it, nt = [], bt = [];
18
+ return c = class extends R {
19
19
  constructor() {
20
20
  super();
21
21
  b(this, u);
@@ -24,12 +24,13 @@ let $t = (() => {
24
24
  b(this, g);
25
25
  b(this, k);
26
26
  b(this, x);
27
- b(this, y);
28
27
  b(this, m);
28
+ b(this, y);
29
29
  b(this, I);
30
- b(this, w);
31
30
  b(this, z);
32
- a(this, u, r(this, T, "SEAT")), a(this, _, (r(this, S), r(this, P, "FREE"))), a(this, f, (r(this, L), r(this, A, []))), a(this, g, (r(this, N), r(this, F, 0))), a(this, k, (r(this, j), r(this, U, 32))), a(this, x, (r(this, K), r(this, Y, 32))), a(this, y, (r(this, q), r(this, H, ""))), a(this, m, (r(this, J), r(this, V, 0))), a(this, I, (r(this, W), r(this, Z, null))), a(this, w, (r(this, tt), r(this, st, !1))), a(this, z, (r(this, at), r(this, ct, "unfocus"))), this._language = (r(this, ot), new ut(this)), this.addEventListener("click", () => this._selectPlace());
31
+ b(this, w);
32
+ b(this, E);
33
+ a(this, u, r(this, S, "SEAT")), a(this, _, (r(this, $), r(this, L, "FREE"))), a(this, f, (r(this, D), r(this, A, []))), a(this, g, (r(this, O), r(this, j, 0))), a(this, k, (r(this, B), r(this, K, 32))), a(this, x, (r(this, M), r(this, q, 32))), a(this, m, (r(this, G), r(this, J, ""))), a(this, y, (r(this, Q), r(this, W, 0))), a(this, I, (r(this, X), r(this, tt, null))), a(this, z, (r(this, et), r(this, at, null))), a(this, w, (r(this, rt), r(this, lt, !1))), a(this, E, (r(this, ot), r(this, nt, "unfocus"))), this._language = (r(this, bt), new kt(this)), this.addEventListener("click", () => this._selectPlace());
33
34
  }
34
35
  /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
35
36
  get placeType() {
@@ -75,24 +76,31 @@ let $t = (() => {
75
76
  }
76
77
  /** label of the place, e.g. '1A', '2B' */
77
78
  get text() {
78
- return n(this, y);
79
+ return n(this, m);
79
80
  }
80
81
  set text(e) {
81
- a(this, y, e);
82
+ a(this, m, e);
82
83
  }
83
84
  /** Rotation of the text in degrees (without unit) */
84
85
  get textRotation() {
85
- return n(this, m);
86
+ return n(this, y);
86
87
  }
87
88
  set textRotation(e) {
88
- a(this, m, e);
89
+ a(this, y, e);
90
+ }
91
+ /** Deck Index Prop to identifier the right place to deck */
92
+ get deckIndex() {
93
+ return n(this, I);
94
+ }
95
+ set deckIndex(e) {
96
+ a(this, I, e);
89
97
  }
90
98
  /** Coach Index Prop to identifier the right place to coach */
91
99
  get coachIndex() {
92
- return n(this, I);
100
+ return n(this, z);
93
101
  }
94
102
  set coachIndex(e) {
95
- a(this, I, e);
103
+ a(this, z, e);
96
104
  }
97
105
  /** Prevent click prop prevent any place action */
98
106
  get preventClick() {
@@ -103,31 +111,31 @@ let $t = (() => {
103
111
  }
104
112
  /** Set the place focus outline style */
105
113
  get keyfocus() {
106
- return n(this, z);
114
+ return n(this, E);
107
115
  }
108
116
  set keyfocus(e) {
109
- a(this, z, e);
117
+ a(this, E, e);
110
118
  }
111
119
  willUpdate(e) {
112
120
  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-seat-reservation-place-control-text-rotation", `${this.textRotation}`), e.has("rotation") && this.style?.setProperty("--sbb-seat-reservation-place-control-rotation", `${this.rotation}`), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
113
121
  }
114
122
  render() {
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`
123
+ const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(), pt = this.text, vt = this.width, ut = this.height, _t = this.textRotation - this.rotation, ft = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
124
+ return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, yt`
117
125
  <div
118
126
  part="sbb-sr-place-part"
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}"
127
+ class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${this.rotation} sbb-sr-place-ctrl--state-${s} sbb-sr-place-ctrl--type-${t} ${ft}"
120
128
  >
121
129
  <sbb-seat-reservation-graphic
122
130
  .name=${e}
123
- .width=${bt}
124
- .height=${pt}
131
+ .width=${vt}
132
+ .height=${ut}
125
133
  .rotation=${this.rotation}
126
- .inverseRotation=${dt}
134
+ .inverseRotation=${_t}
127
135
  aria-hidden="true"
128
136
  ></sbb-seat-reservation-graphic>
129
- <span ${this.text ?? ft} class="sbb-sr-place-ctrl__text" aria-hidden="true"
130
- >${lt}</span
137
+ <span ${this.text ?? mt} class="sbb-sr-place-ctrl__text" aria-hidden="true"
138
+ >${pt}</span
131
139
  >
132
140
  </div>
133
141
  `;
@@ -137,8 +145,8 @@ let $t = (() => {
137
145
  }
138
146
  _getTitleDescriptionPlace() {
139
147
  const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
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;
148
+ let t = C(e, this._language.current, [this.text]);
149
+ return this.propertyIds.length && (t += ". " + C("PLACE_PROPERTY", this._language.current).concat(": "), t += this.propertyIds.map((s) => C(s, this._language.current)).join(", ")), t;
142
150
  }
143
151
  /** If the place selectable, we emit the placeSelection object which contains infos to the place state */
144
152
  _selectPlace() {
@@ -146,6 +154,7 @@ let $t = (() => {
146
154
  this.state = this.state === "FREE" ? "SELECTED" : "FREE";
147
155
  const t = {
148
156
  id: this.id,
157
+ deckIndex: this.deckIndex,
149
158
  coachIndex: this.coachIndex,
150
159
  number: this.text,
151
160
  state: this.state,
@@ -158,35 +167,37 @@ let $t = (() => {
158
167
  }));
159
168
  }
160
169
  }
161
- }, 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(), w = new WeakMap(), z = new WeakMap(), h = c, (() => {
162
- const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
163
- 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 })], rt = [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) => {
170
+ }, u = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), k = new WeakMap(), x = new WeakMap(), m = new WeakMap(), y = new WeakMap(), I = new WeakMap(), z = new WeakMap(), w = new WeakMap(), E = new WeakMap(), v = c, (() => {
171
+ const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(R[Symbol.metadata] ?? null) : void 0;
172
+ T = [h(), d({ attribute: "type" })], P = [h(), d({ attribute: "state" })], N = [d({ attribute: "propertyIds", type: Array })], F = [h(), d({ attribute: "rotation", type: Number })], U = [h(), d({ attribute: "width", type: Number })], Y = [h(), d({ attribute: "height", type: Number })], H = [h(), d({ attribute: "text" })], V = [h(), d({ attribute: "text-rotation" })], Z = [h(), d({ attribute: "deck-index", type: Number })], st = [h(), d({ attribute: "coach-index", type: Number })], ct = [h(), d({ attribute: "prevent-click", type: Boolean })], it = [h(), d({ attribute: "keyfocus" })], p(c, null, T, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (t) => "placeType" in t, get: (t) => t.placeType, set: (t, s) => {
164
173
  t.placeType = s;
165
- } }, metadata: e }, T, S), p(c, null, $, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (t) => "state" in t, get: (t) => t.state, set: (t, s) => {
174
+ } }, metadata: e }, S, $), p(c, null, P, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (t) => "state" in t, get: (t) => t.state, set: (t, s) => {
166
175
  t.state = s;
167
- } }, 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) => {
176
+ } }, metadata: e }, L, D), p(c, null, N, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, s) => {
168
177
  t.propertyIds = s;
169
- } }, 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) => {
178
+ } }, metadata: e }, A, O), p(c, null, F, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (t) => "rotation" in t, get: (t) => t.rotation, set: (t, s) => {
170
179
  t.rotation = s;
171
- } }, 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) => {
180
+ } }, metadata: e }, j, B), p(c, null, U, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, s) => {
172
181
  t.width = s;
173
- } }, 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) => {
182
+ } }, metadata: e }, K, M), p(c, null, Y, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
174
183
  t.height = s;
175
- } }, 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) => {
184
+ } }, metadata: e }, q, G), p(c, null, H, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (t) => "text" in t, get: (t) => t.text, set: (t, s) => {
176
185
  t.text = s;
177
- } }, 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) => {
186
+ } }, metadata: e }, J, Q), p(c, null, V, { kind: "accessor", name: "textRotation", static: !1, private: !1, access: { has: (t) => "textRotation" in t, get: (t) => t.textRotation, set: (t, s) => {
178
187
  t.textRotation = s;
179
- } }, 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) => {
188
+ } }, metadata: e }, W, X), p(c, null, Z, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (t) => "deckIndex" in t, get: (t) => t.deckIndex, set: (t, s) => {
189
+ t.deckIndex = s;
190
+ } }, metadata: e }, tt, et), p(c, null, st, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (t) => "coachIndex" in t, get: (t) => t.coachIndex, set: (t, s) => {
180
191
  t.coachIndex = s;
181
- } }, 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) => {
192
+ } }, metadata: e }, at, rt), p(c, null, ct, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (t) => "preventClick" in t, get: (t) => t.preventClick, set: (t, s) => {
182
193
  t.preventClick = s;
183
- } }, metadata: e }, st, at), p(c, null, rt, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (t) => "keyfocus" in t, get: (t) => t.keyfocus, set: (t, s) => {
194
+ } }, metadata: e }, lt, ot), p(c, null, it, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (t) => "keyfocus" in t, get: (t) => t.keyfocus, set: (t, s) => {
184
195
  t.keyfocus = s;
185
- } }, 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 });
186
- })(), c.styles = xt, c.events = {
196
+ } }, metadata: e }, nt, bt), p(null, o = { value: v }, l, { kind: "class", name: v.name, metadata: e }, null, i), v = o.value, e && Object.defineProperty(v, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
197
+ })(), c.styles = zt, c.events = {
187
198
  selectplace: "selectplace"
188
- }, r(h, i), h;
199
+ }, r(v, i), v;
189
200
  })();
190
201
  export {
191
- $t as SbbSeatReservationPlaceControlElement
202
+ Nt as SbbSeatReservationPlaceControlElement
192
203
  };