@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
package/seat-reservation-place-control.component-Dj5Tm0Oa.js ADDED
@@ -0,0 +1,322 @@
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(--sbb-color-black);--sbb-seat-reservation-place-control-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), 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(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), 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(--sbb-color-milk);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), 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));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));font-weight:300;cursor:var(--sbb-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)}@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;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)}@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{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{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%}`;
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 };
package/{seat-reservation-scoped.component-CY04BT_4.js → seat-reservation-scoped.component-CuACI8ST.js} RENAMED
@@ -2,7 +2,7 @@ import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
2
2
  import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
3
3
  import { css as n, html as r } from "lit";
4
4
  //#region src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.scss?lit&inline
5
- var i = n`:host{--sbb-seat-reservation-scoped-width:0;--sbb-seat-reservation-scoped-height:0;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));display:block}`, a = class extends e {
5
+ var i = n`:host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`, a = class extends e {
6
6
  static {
7
7
  this.elementName = "sbb-seat-reservation-scoped";
8
8
  }
package/{seat-reservation.component-zrQHTRl3.js → seat-reservation.component-Dl6bnC7-.js} RENAMED
@@ -15,7 +15,7 @@ import { SbbSeatReservationScopedElement as h } from "./seat-reservation/seat-re
15
15
  import "@sbb-esta/lyne-elements/button.js";
16
16
  import "@sbb-esta/lyne-elements/popover.js";
17
17
  //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.scss?lit&inline
18
- var g = r`:host{--sbb-seat-reservation-grid-size:16px;--sbb-seat-reservation-height:0;--sbb-seat-reservation-decks:1;height:inherit;display:block}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media (forced-colors:active){:host ::part(coach-floor){fill:#0000}}: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(coach-floor){rotate:180deg}[popover]:where(sbb-popover){width:auto;height:auto;color:inherit;pointer-events:none;background-color:#0000;border:none;margin:0;padding:0}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}:host([align-vertical]) .sbb-sr__component{justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:inherit;flex-direction:row-reverse}@media (width>=37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem,.0625rem));top:0;rotate:90deg}@media (width>=64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem,.0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:initial;flex-direction:column-reverse}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem,.0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{top:calc(2 * var(--sbb-seat-reservation-one-px-rem,.0625rem));position:relative}@media (width>=64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{gap:calc(64 * var(--sbb-seat-reservation-one-px-rem,.0625rem) - 16px);flex-direction:column;display:flex}.sbb-sr-travel-direction-wrapper{justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));font-size:var(--sbb-text-font-size-s);display:flex}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{align-items:center;display:flex}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{justify-content:center;width:100%;padding-inline:16px;display:flex}.sbb-sr-navigation__list-coaches{font-size:inherit;--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x);margin:0;padding:0;list-style:none}.sbb-sr-navigation__list-coaches::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-button{display:none}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation__list-coaches{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-sr-navigation__list-coaches{gap:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) 0;--sbb-scrollbar-color:transparent;flex-wrap:nowrap;max-width:856px;display:flex;position:relative;overflow:scroll hidden}.sbb-sr__wrapper-coach-decks{height:inherit;display:flex;overflow:hidden}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem,.0625rem));writing-mode:vertical-lr;justify-content:space-between;display:flex}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem,.0625rem));text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin-block-end:16px;rotate:180deg}.sbb-sr__wrapper-scrollarea{--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-button{display:none}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper-scrollarea{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-sr__wrapper-scrollarea{padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem,.0625rem));overflow:scroll hidden}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{flex-direction:column;display:flex;position:relative}.sbb-sr__list-decks{font-size:inherit;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{font-size:inherit;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem,.0625rem));margin:0;padding:0;list-style:none;display:flex}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem,.0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
18
+ var g = r`:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-height: 0;--sbb-seat-reservation-decks: 1;display:block;height:inherit}:host ::part(coach-floor){fill:var(--sbb-background-color-2)}@media(forced-colors:active){:host ::part(coach-floor){fill:transparent}}: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(coach-floor){rotate:180deg}[popover]:where(sbb-popover){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}[popover]:where(sbb-popover) .sbb-sr-popover{margin-block:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([align-vertical]) .sbb-sr__component{flex-direction:row-reverse;justify-content:flex-end;gap:calc(22 * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:inherit}@media(min-width:37.5rem){:host([align-vertical]) .sbb-sr__component{gap:calc(54 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation,:host([align-vertical]) .sbb-sr__component ul.sbb-sr-navigation__list-coaches{flex-direction:column}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation{padding:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem));top:0;rotate:90deg}@media(min-width:64rem){:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation .sbb-sr__navigation-control-button{left:calc(-1 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches{max-width:initial;padding:calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem));overflow:hidden scroll}:host([align-vertical]) .sbb-sr__component nav.sbb-sr-navigation ul.sbb-sr-navigation__list-coaches li{display:flex}:host([align-vertical]) .sbb-sr__wrapper-coach-decks{flex-direction:column}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{flex-direction:column-reverse;width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:initial}:host([align-vertical]) .sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{inline-size:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));block-size:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-bottom:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:initial;writing-mode:initial}:host([align-vertical]) .sbb-sr__wrapper-scrollarea{width:calc((var(--sbb-seat-reservation-height) + 24) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:100%;overflow:hidden scroll}:host([align-vertical]) .sbb-sr__wrapper-scrollarea .sbb-sr__parent{rotate:90deg}:host([align-vertical]) .sbb-sr-travel-direction-wrapper{width:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation{gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation .sbb-sr__navigation-control-button{position:relative;top:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}@media(min-width:64rem){.sbb-sr-navigation .sbb-sr__navigation-control-button{top:0}}.sbb-sr__component{display:flex;flex-direction:column;gap:calc(64 * var(--sbb-seat-reservation-one-px-rem, .0625rem) - 16px)}.sbb-sr-travel-direction-wrapper{display:flex;justify-content:center;align-items:center;column-gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-size:var(--sbb-text-font-size-s)}.sbb-sr-travel-direction-wrapper .sbb-sr__travel-direction--arrow{display:flex;align-items:center}.sbb-sr-navigation-wrapper{display:flex}.sbb-sr-navigation{display:flex;justify-content:center;width:100%;padding-inline:16px}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr-navigation__list-coaches::-webkit-scrollbar-button,.sbb-sr-navigation__list-coaches::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr-navigation__list-coaches{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr-navigation__list-coaches{display:flex;flex-wrap:nowrap;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(5 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 0;max-width:856px;--sbb-scrollbar-color: transparent;overflow:scroll hidden;position:relative}.sbb-sr__wrapper-coach-decks{display:flex;overflow:hidden;height:inherit}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels{display:flex;justify-content:space-between;height:calc(var(--sbb-seat-reservation-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));writing-mode:vertical-lr}.sbb-sr__wrapper-coach-decks .sbb-sr__wrapper-deck-labels b{height:calc(50% - 16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-block-end:16px;rotate:180deg;text-align:center;line-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-button,.sbb-sr__wrapper-scrollarea::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sr__wrapper-scrollarea{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sr__wrapper-scrollarea{overflow:scroll hidden;padding-block:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__wrapper-scrollarea .sbb-sr__parent{display:flex;flex-direction:column;position:relative}.sbb-sr__list-decks{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column}.sbb-sr__list-decks--gap{gap:calc(48 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-item-deck{position:relative}.sbb-sr__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__list-decks:has(.sbb-sr-coach-has-overhanging-elements) .sbb-sr__list-coaches{gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr__item-coach{position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
19
19
  c.define(), d.define(), m.define(), p.define(), h.define();
20
20
  var _ = class extends e {
21
21
  constructor() {
@@ -266,14 +266,17 @@ var _ = class extends e {
266
266
  ${d ? i`
267
267
  <sbb-seat-reservation-graphic
268
268
  style=${s({
269
- "--sbb-seat-reservation-graphic-max-width": m.w,
270
- "--sbb-seat-reservation-graphic-height": this.baseGridSize,
271
- "--sbb-seat-reservation-graphic-rotation": t
269
+ "--sbb-seat-reservation-graphic-max-width": this.globalAreaIconDim.w,
270
+ "--sbb-seat-reservation-graphic-max-height": this.globalAreaIconDim.h,
271
+ "--sbb-seat-reservation-graphic-width": m.w,
272
+ "--sbb-seat-reservation-graphic-height": m.h,
273
+ "--sbb-seat-reservation-graphic-rotation": t,
274
+ "--sbb-seat-reservation-graphic-padding-percent": d === "ENTRY_EXIT" ? 1 : this.globalAreaIconPadding
272
275
  })}
273
276
  name=${d}
274
277
  role="img"
275
278
  aria-hidden="true"
276
- class="auto-width"
279
+ class="sbb-sr-graphic__dimension--square-dim"
277
280
  ></sbb-seat-reservation-graphic>
278
281
  ` : o}
279
282
  </sbb-seat-reservation-area>
package/seat-reservation.js CHANGED
@@ -2,15 +2,15 @@ import { i as e, n as t, r as n, t as r } from "./mapper-DkiDDseD.js";
2
2
  import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
3
3
  import { t as a } from "./svgs-D5DhLHxC.js";
4
4
  import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
5
- import { t as s } from "./seat-reservation-area.component-COD6CXhP.js";
6
- import { t as c } from "./seat-reservation-graphic.component-BNfU5tQM.js";
5
+ import { t as s } from "./seat-reservation-area.component-CY56r75x.js";
6
+ import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.js";
7
7
  import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
8
- import { t as d } from "./seat-reservation-navigation-coach.component-Bh9ILq60.js";
9
- import { t as f } from "./seat-reservation-navigation-services.component-QL0UnilZ.js";
10
- import { t as p } from "./seat-reservation-place-control.component-BfnZUyHv.js";
11
- import { t as m } from "./seat-reservation-scoped.component-CY04BT_4.js";
8
+ import { t as d } from "./seat-reservation-navigation-coach.component-CXUv1pZM.js";
9
+ import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
10
+ import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
11
+ import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.js";
12
12
  import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
13
- import { t as g } from "./seat-reservation.component-zrQHTRl3.js";
13
+ import { t as g } from "./seat-reservation.component-Dl6bnC7-.js";
14
14
  import "./seat-reservation.pure.js";
15
15
  g.define(), s.define(), c.define(), d.define(), f.define(), p.define(), m.define();
16
16
  //#endregion
package/seat-reservation.pure.js CHANGED
@@ -3,13 +3,13 @@ import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.
3
3
  import "./seat-reservation/common/mapper.js";
4
4
  import { t as a } from "./svgs-D5DhLHxC.js";
5
5
  import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
6
- import { t as s } from "./seat-reservation-area.component-COD6CXhP.js";
7
- import { t as c } from "./seat-reservation-graphic.component-BNfU5tQM.js";
6
+ import { t as s } from "./seat-reservation-area.component-CY56r75x.js";
7
+ import { t as c } from "./seat-reservation-graphic.component-DCMFf9uY.js";
8
8
  import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
9
- import { t as d } from "./seat-reservation-navigation-coach.component-Bh9ILq60.js";
10
- import { t as f } from "./seat-reservation-navigation-services.component-QL0UnilZ.js";
11
- import { t as p } from "./seat-reservation-place-control.component-BfnZUyHv.js";
12
- import { t as m } from "./seat-reservation-scoped.component-CY04BT_4.js";
9
+ import { t as d } from "./seat-reservation-navigation-coach.component-CXUv1pZM.js";
10
+ import { t as f } from "./seat-reservation-navigation-services.component-ViyU_adt.js";
11
+ import { t as p } from "./seat-reservation-place-control.component-Dj5Tm0Oa.js";
12
+ import { t as m } from "./seat-reservation-scoped.component-CuACI8ST.js";
13
13
  import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
14
- import { t as g } from "./seat-reservation.component-zrQHTRl3.js";
14
+ import { t as g } from "./seat-reservation.component-Dl6bnC7-.js";
15
15
  export { s as SbbSeatReservationAreaElement, g as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, d as SbbSeatReservationNavigationCoachElement, f as SbbSeatReservationNavigationServicesElement, p as SbbSeatReservationPlaceControlElement, m as SbbSeatReservationScopedElement, h as SeatReservationBaseElement, l as assetsTemplate, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, u as svgImageByOSDMCode, a as svgs };
package/timetable-duration/timetable-duration.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../timetable-duration.component-DaYoJUGS.js";
1
+ import { t as e } from "../timetable-duration.component-Puonwsnr.js";
2
2
  export { e as SbbTimetableDurationElement };
package/{timetable-duration.component-DaYoJUGS.js → timetable-duration.component-Puonwsnr.js} RENAMED
@@ -7,7 +7,7 @@ import { css as o, html as s } from "lit";
7
7
  import { i18nDurationHour as c, i18nDurationMinute as l } from "@sbb-esta/lyne-elements/core/i18n.js";
8
8
  import { property as u } from "lit/decorators.js";
9
9
  //#region src/elements-experimental/timetable-duration/timetable-duration.scss?lit&inline
10
- var d = o`:host{display:inline-block}.duration{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);white-space:nowrap;margin:0}.duration__text--visually-hidden{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, f = (() => {
10
+ var d = o`:host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;white-space:nowrap}.duration__text--visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, f = (() => {
11
11
  let o = n, f, p = [], m = [];
12
12
  return class extends o {
13
13
  constructor() {
package/timetable-duration.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./timetable-duration.component-DaYoJUGS.js";
1
+ import { t as e } from "./timetable-duration.component-Puonwsnr.js";
2
2
  import "./timetable-duration.pure.js";
3
3
  //#region src/elements-experimental/timetable-duration.ts
4
4
  e.define();
package/timetable-duration.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./timetable-duration.component-DaYoJUGS.js";
1
+ import { t as e } from "./timetable-duration.component-Puonwsnr.js";
2
2
  export { e as SbbTimetableDurationElement };
package/timetable-row/timetable-row.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-BDMAEsbR.js";
1
+ import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../timetable-row.component-DMCZaOPM.js";
2
2
  export { s as SbbTimetableRowElement, r as filterNotices, a as getCus, n as getHimIcon, e as handleNotices, i as renderIconProduct, o as renderStringProduct, t as sortSituation };
package/{timetable-row.component-BDMAEsbR.js → timetable-row.component-DMCZaOPM.js} RENAMED
@@ -16,7 +16,7 @@ import { getDepartureArrivalTimeAttribute as ne, isRideLeg as O } from "./core/t
16
16
  import "@sbb-esta/lyne-elements/card.js";
17
17
  import "@sbb-esta/lyne-elements/timetable-occupancy.js";
18
18
  //#region src/elements-experimental/timetable-row/timetable-row.scss?lit&inline
19
- var k = s`:host{--sbb-timetable-row-gap:var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height:1.5625rem;--sbb-timetable-row-height-header:1.25rem;--sbb-timetable-row-height-footer:1rem;--sbb-timetable-row-skeleton-pulse-duration:1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration:0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width:1.25rem;--sbb-icon-svg-height:1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height:.875rem}.sbb-screen-reader-only{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{font-size:inherit;margin:0;padding:0;list-style:none;display:inline-flex}li,.sbb-timetable__row-transport{align-self:center;display:inline-flex}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);gap:var(--sbb-timetable-row-gap);flex-direction:column;display:flex}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-header);align-items:center;display:flex}.sbb-timetable__row-details,.sbb-timetable__row-hints{gap:var(--sbb-spacing-fixed-1x);align-items:center;display:inline-flex}.sbb-timetable__row-header p{white-space:nowrap;text-overflow:ellipsis;align-self:center;margin:0;overflow:hidden}.sbb-timetable__row-footer{justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer);flex-wrap:wrap;display:flex}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-primary)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{gap:var(--sbb-spacing-fixed-2x);flex-direction:column;display:flex}.sbb-loading__row{border-radius:var(--sbb-border-radius-1x);width:100%;height:var(--sbb-timetable-row-height)}@media (width>=64rem){.sbb-loading__row{height:1.75rem}}@media (forced-colors:active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-background-color-4);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);transform:var(--sbb-card-badge-skew);border-end-start-radius:var(--sbb-card-badge-border-radius);width:7.1875rem;height:1.25rem;padding-inline-end:var(--sbb-spacing-fixed-6x)}@keyframes skeleton-pulse{0%{background:var(--sbb-background-color-4)}17%{background:var(--sbb-background-color-4)}50%{background:var(--sbb-background-color-3)}67%{background:var(--sbb-background-color-3)}to{background:var(--sbb-background-color-4)}}`, A = (e, t) => c`<span class="sbb-timetable__row-transport">
19
+ var k = s`:host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height: 1.5625rem;--sbb-timetable-row-height-header: 1.25rem;--sbb-timetable-row-height-footer: 1rem;--sbb-timetable-row-skeleton-pulse-duration: 1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration: 0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width: 1.25rem;--sbb-icon-svg-height: 1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height: .875rem}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{list-style:none;margin:0;padding:0;font-size:inherit;display:inline-flex}li,.sbb-timetable__row-transport{display:inline-flex;align-self:center}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-timetable-row-gap)}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{display:flex;gap:var(--sbb-spacing-fixed-2x);align-items:center;line-height:var(--sbb-timetable-row-height-header)}.sbb-timetable__row-details,.sbb-timetable__row-hints{display:inline-flex;gap:var(--sbb-spacing-fixed-1x);align-items:center}.sbb-timetable__row-header p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;align-self:center}.sbb-timetable__row-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer)}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-primary)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x)}.sbb-loading__row{width:100%;border-radius:var(--sbb-border-radius-1x);height:var(--sbb-timetable-row-height)}@media(min-width:64rem){.sbb-loading__row{height:1.75rem}}@media(forced-colors:active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-background-color-4);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);padding-inline-end:var(--sbb-spacing-fixed-6x);border-end-start-radius:var(--sbb-card-badge-border-radius);transform:var(--sbb-card-badge-skew);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-background-color-4)}17%{background:var(--sbb-background-color-4)}50%{background:var(--sbb-background-color-3)}67%{background:var(--sbb-background-color-3)}to{background:var(--sbb-background-color-4)}}`, A = (e, t) => c`<span class="sbb-timetable__row-transport">
20
20
  <sbb-icon name=${e}></sbb-icon>
21
21
  <span class="sbb-screen-reader-only">${t}</span>
22
22
  </span>`, j = (e, t) => {
package/timetable-row.js CHANGED
@@ -1,4 +1,4 @@
1
- import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-BDMAEsbR.js";
1
+ import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-DMCZaOPM.js";
2
2
  import "./timetable-row.pure.js";
3
3
  //#region src/elements-experimental/timetable-row.ts
4
4
  s.define();
package/timetable-row.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-BDMAEsbR.js";
1
+ import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./timetable-row.component-DMCZaOPM.js";
2
2
  export { s as SbbTimetableRowElement, r as filterNotices, a as getCus, n as getHimIcon, e as handleNotices, i as renderIconProduct, o as renderStringProduct, t as sortSituation };
package/autocomplete-grid-option.component-DNRFHOwc.js DELETED
@@ -1,37 +0,0 @@
1
- import { SbbPropertyWatcherController as e } from "@sbb-esta/lyne-elements/core/controllers.js";
2
- import { ɵstateController as t } from "@sbb-esta/lyne-elements/core/mixins.js";
3
- import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
4
- import { css as r } from "lit";
5
- import { SbbOptionBaseElement as i } from "@sbb-esta/lyne-elements/option.js";
6
- //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?lit&inline
7
- var a = r`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color:var(--sbb-color-3-negative);--sbb-option-icon-color:var(--sbb-color-5)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color:var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:center;column-gap:var(--sbb-option-column-gap);min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color);justify-content:start;display:flex;position:relative}.sbb-option:after{content:"";inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius);display:block;position:absolute}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media (forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:highlight}}.sbb-option__icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color);display:flex}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display,none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space,initial)}`, o = "sbb-autocomplete-grid-option", s = class extends i {
8
- static {
9
- this.elementName = "sbb-autocomplete-grid-option";
10
- }
11
- static {
12
- this.role = "gridcell";
13
- }
14
- static {
15
- this.styles = [n, a];
16
- }
17
- constructor() {
18
- super(), this.optionId = o, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
19
- disabled: (e) => {
20
- this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
21
- },
22
- label: (e) => this.groupLabel = e.label
23
- })), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
24
- }
25
- willUpdate(e) {
26
- super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
27
- }
28
- selectByClick(e) {
29
- if (this.disabled || this.disabledFromGroup) {
30
- e.stopPropagation();
31
- return;
32
- }
33
- this.selectViaUserInteraction(!0);
34
- }
35
- };
36
- //#endregion
37
- export { o as n, s as t };
package/autocomplete-grid-row.component-DBHZQ0GQ.js DELETED
@@ -1,27 +0,0 @@
1
- import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
2
- import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
3
- import { css as n, html as r } from "lit";
4
- //#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?lit&inline
5
- var i = n`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color:var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover:var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color:var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}@media (any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color:var(--sbb-autocomplete-grid-row-background-color-hover)}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color:GrayText}}::slotted(sbb-autocomplete-grid-option){margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));flex:auto;overflow-x:hidden}.sbb-autocomplete-grid-row{align-items:center;justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color,inherit);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color);padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);display:flex}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{z-index:0;position:relative}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1;display:block;position:absolute;inset:.375rem}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:graytext}}`, a = 0, o = class extends e {
6
- static {
7
- this.elementName = "sbb-autocomplete-grid-row";
8
- }
9
- static {
10
- this.role = "row";
11
- }
12
- static {
13
- this.styles = [t, i];
14
- }
15
- connectedCallback() {
16
- super.connectedCallback(), this.id ||= `sbb-autocomplete-grid-row-${++a}`;
17
- }
18
- render() {
19
- return r`
20
- <span class="sbb-autocomplete-grid-row">
21
- <slot></slot>
22
- </span>
23
- `;
24
- }
25
- };
26
- //#endregion
27
- export { o as t };