@sbb-esta/lyne-elements-experimental 4.8.0 → 4.9.0

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