@sbb-esta/lyne-elements-experimental 5.0.0-next.1 → 5.0.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +18 -18
- package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/{autocomplete-grid-cell.component-BFzREPWp.js → autocomplete-grid-cell.component-DAsWZlTn.js} +6 -6
- package/autocomplete-grid-option.component-kcihiOWt.js +35 -0
- package/{autocomplete-grid-row.component-BQxCxOI6.js → autocomplete-grid-row.component-VbyYP0U-.js} +7 -7
- package/autocomplete-grid.js +3 -3
- package/autocomplete-grid.pure.js +3 -3
- package/core/styles/lean-off-brand-theme.scss +3 -0
- package/core/styles/lean-safety-theme.scss +3 -0
- package/custom-elements.json +4346 -4211
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +3 -3
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +1 -1
- package/development/autocomplete-grid-cell.component-BF8i4388.js +33 -0
- package/development/autocomplete-grid-option.component-D9pTXPlu.js +58 -0
- package/development/{autocomplete-grid-row.component-CY4UDuuj.js → autocomplete-grid-row.component-CBHh50jC.js} +3 -3
- package/development/autocomplete-grid.js +3 -3
- package/development/autocomplete-grid.pure.js +3 -3
- package/development/core/timetable/access-leg-helper.js +1 -1
- package/development/core/timetable/timetable-helper.js +1 -1
- package/development/date-helper-DGz-ztQM.js +1 -1
- package/development/differenceInMinutes-B7_GTDq7.js +1 -1
- package/development/format-DFx4997p.js +1 -1
- package/development/isValid-JpZ7FphI.js +1 -1
- package/development/journey-summary/journey-summary.component.d.ts +2 -3
- package/development/journey-summary/journey-summary.component.d.ts.map +1 -1
- package/development/journey-summary/journey-summary.component.js +1 -1
- package/development/journey-summary.component-De1ioDRq.js +341 -0
- package/development/journey-summary.js +1 -1
- package/development/journey-summary.pure.js +1 -1
- package/development/mapper-hWWm7Uke.js +1 -1
- package/development/pearl-chain/pearl-chain.component.d.ts.map +1 -1
- package/development/pearl-chain/pearl-chain.component.js +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.d.ts.map +1 -1
- package/development/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/development/{pearl-chain-time.component-DDnGnI77.js → pearl-chain-time.component-BxVQ1z-Z.js} +4 -4
- package/development/pearl-chain-time.js +1 -1
- package/development/pearl-chain-time.pure.js +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map +1 -1
- package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
- package/development/{pearl-chain-vertical-item.component-DHsk3J8I.js → pearl-chain-vertical-item.component-DJioJtxP.js} +3 -3
- package/development/pearl-chain-vertical-item.js +1 -1
- package/development/pearl-chain-vertical-item.pure.js +1 -1
- package/development/pearl-chain-vertical.component-zSOeIkhh.js +30 -0
- package/development/pearl-chain-vertical.js +1 -1
- package/development/pearl-chain-vertical.pure.js +1 -1
- package/development/{pearl-chain.component-CngXp3rK.js → pearl-chain.component-B83OsEx8.js} +4 -4
- package/development/pearl-chain.js +1 -1
- package/development/pearl-chain.pure.js +1 -1
- package/development/seat-reservation/common/translations/i18n.js +1 -1
- package/development/seat-reservation/common/types.d.ts +3 -4
- package/development/seat-reservation/common/types.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts +38 -7
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation-base-element.js +146 -35
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts +2 -13
- package/development/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.d.ts.map +1 -1
- package/development/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/development/seat-reservation-area.component-CMqjbUtV.js +94 -0
- package/development/seat-reservation-graphic.component-C2r57590.js +129 -0
- package/development/{seat-reservation-navigation-coach.component-DRCcI2ss.js → seat-reservation-navigation-coach.component-BwLbiHCG.js} +8 -8
- package/development/{seat-reservation-navigation-services.component-ZNm77ZG-.js → seat-reservation-navigation-services.component-Do8JLJh3.js} +8 -6
- package/development/{seat-reservation-place-control.component-BQ7fOSHM.js → seat-reservation-place-control.component-BfuOGZYq.js} +6 -6
- package/development/{seat-reservation-scoped.component-X-Kq0-w5.js → seat-reservation-scoped.component-D-Mvw-Q3.js} +3 -3
- package/development/seat-reservation.component-B-n0sIL5.js +472 -0
- package/development/seat-reservation.js +7 -7
- package/development/seat-reservation.pure.js +7 -7
- package/development/timetable-duration/timetable-duration.component.d.ts.map +1 -1
- package/development/timetable-duration/timetable-duration.component.js +1 -1
- package/development/timetable-duration.component-fBla8Kue.js +96 -0
- package/development/timetable-duration.js +1 -1
- package/development/timetable-duration.pure.js +1 -1
- package/development/timetable-row/timetable-row.component.d.ts.map +1 -1
- package/development/timetable-row/timetable-row.component.js +1 -1
- package/development/timetable-row.component-DSTGtQAC.js +732 -0
- package/development/timetable-row.js +1 -1
- package/development/timetable-row.pure.js +1 -1
- package/development/toDate-DOFAOjP-.js +1 -1
- package/journey-summary/journey-summary.component.js +1 -1
- package/{journey-summary.component-C7WPKx8k.js → journey-summary.component-CkDRawn9.js} +53 -54
- package/journey-summary.js +1 -1
- package/journey-summary.pure.js +1 -1
- package/lean-off-brand-theme.css +13 -0
- package/lean-safety-theme.css +13 -0
- package/lean-theme.css +13 -0
- package/package.json +14 -2
- package/pearl-chain/pearl-chain.component.js +1 -1
- package/pearl-chain-time/pearl-chain-time.component.js +1 -1
- package/{pearl-chain-time.component-awU4lFdO.js → pearl-chain-time.component-D5OCEBJ_.js} +11 -11
- package/pearl-chain-time.js +1 -1
- package/pearl-chain-time.pure.js +1 -1
- package/pearl-chain-vertical/pearl-chain-vertical.component.js +1 -1
- package/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js +1 -1
- package/{pearl-chain-vertical-item.component-CO6HUZFL.js → pearl-chain-vertical-item.component-IdquCJMy.js} +28 -28
- package/pearl-chain-vertical-item.js +1 -1
- package/pearl-chain-vertical-item.pure.js +1 -1
- package/{pearl-chain-vertical.component-Lx47SlJU.js → pearl-chain-vertical.component-CDOWaup3.js} +6 -6
- package/pearl-chain-vertical.js +1 -1
- package/pearl-chain-vertical.pure.js +1 -1
- package/{pearl-chain.component-BAtmfmpA.js → pearl-chain.component-C6lcD7Xl.js} +5 -5
- package/pearl-chain.js +1 -1
- package/pearl-chain.pure.js +1 -1
- package/seat-reservation/seat-reservation/seat-reservation-base-element.js +133 -80
- package/seat-reservation/seat-reservation/seat-reservation.component.js +1 -1
- package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js +1 -1
- package/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js +1 -1
- package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js +1 -1
- package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js +1 -1
- package/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js +1 -1
- package/seat-reservation-area.component-BcmwKJSK.js +73 -0
- package/seat-reservation-graphic.component-C3wc4DKr.js +102 -0
- package/{seat-reservation-navigation-coach.component-CGfmiQJq.js → seat-reservation-navigation-coach.component-D1SgS8BU.js} +51 -51
- package/{seat-reservation-navigation-services.component-DQviLWvy.js → seat-reservation-navigation-services.component-CfAQa7pa.js} +29 -27
- package/{seat-reservation-place-control.component-BYJi6aYS.js → seat-reservation-place-control.component-DrzEDW8Z.js} +42 -42
- package/{seat-reservation-scoped.component-CdB7HYzl.js → seat-reservation-scoped.component-BohQUGVW.js} +6 -6
- package/{seat-reservation.component-uWai3ks6.js → seat-reservation.component-RNI6_X71.js} +87 -91
- package/seat-reservation.js +7 -7
- package/seat-reservation.pure.js +7 -7
- package/timetable-duration/timetable-duration.component.js +1 -1
- package/{timetable-duration.component-PmvoOKVw.js → timetable-duration.component-DPRcG1LP.js} +7 -7
- package/timetable-duration.js +1 -1
- package/timetable-duration.pure.js +1 -1
- package/timetable-row/timetable-row.component.js +1 -1
- package/{timetable-row.component-BnmrhD2d.js → timetable-row.component-Din-TQ9u.js} +110 -110
- package/timetable-row.js +1 -1
- package/timetable-row.pure.js +1 -1
- package/autocomplete-grid-option.component-DhmoLeEw.js +0 -35
- package/development/autocomplete-grid-cell.component-Buvsof-Y.js +0 -33
- package/development/autocomplete-grid-option.component-B4SXR9_v.js +0 -59
- package/development/journey-summary.component-B9P1PAJv.js +0 -342
- package/development/pearl-chain-vertical.component-Cmc3QXgd.js +0 -30
- package/development/seat-reservation-area.component-BQEtJhk0.js +0 -94
- package/development/seat-reservation-graphic.component-XpqxL5nq.js +0 -129
- package/development/seat-reservation.component-wkvc3Frp.js +0 -515
- package/development/timetable-duration.component-2JBYobDt.js +0 -96
- package/development/timetable-row.component-B884Zj89.js +0 -732
- package/seat-reservation-area.component-CVc6uuMG.js +0 -73
- package/seat-reservation-graphic.component-Dzkv9tyR.js +0 -102
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { t as e } from "./format-DbUuNYFU.js";
|
|
2
2
|
import { __esDecorate as t, __runInitializers as n } from "tslib";
|
|
3
|
-
import { SbbElement as r, SbbLanguageController as i,
|
|
4
|
-
import { SbbIconElement as
|
|
5
|
-
import { html as
|
|
6
|
-
import { property as
|
|
7
|
-
import { durationToTime as
|
|
8
|
-
import { SbbPearlChainTimeElement as
|
|
9
|
-
import { SbbCardBadgeElement as
|
|
10
|
-
import { SbbTimetableOccupancyElement as
|
|
3
|
+
import { SbbElement as r, SbbLanguageController as i, defaultDateAdapter as a, forceType as o, i18nArrival as s, i18nClass as c, i18nDeparture as l, i18nDirection as u, i18nFromPlatform as d, i18nMeansOfTransport as f, i18nNew as ee, i18nOccupancy as p, i18nRealTimeInfo as m, i18nSupersaver as h, i18nTransferProcedure as g, i18nTransferProcedures as _, i18nTravelhints as v, i18nTripDuration as y, i18nTripQuayChange as b, screenReaderOnlyStyles as x } from "@sbb-esta/lyne-elements/core.js";
|
|
4
|
+
import { SbbIconElement as te } from "@sbb-esta/lyne-elements/icon.pure.js";
|
|
5
|
+
import { html as S, nothing as C, unsafeCSS as w } from "lit";
|
|
6
|
+
import { property as T } from "lit/decorators.js";
|
|
7
|
+
import { durationToTime as E, getDepartureArrivalTimeAttribute as ne, isRideLeg as D, removeTimezoneFromISOTimeString as O } from "./core.js";
|
|
8
|
+
import { SbbPearlChainTimeElement as k } from "./pearl-chain-time.pure.js";
|
|
9
|
+
import { SbbCardBadgeElement as A, SbbCardButtonElement as j, SbbCardElement as M } from "@sbb-esta/lyne-elements/card.pure.js";
|
|
10
|
+
import { SbbTimetableOccupancyElement as N } from "@sbb-esta/lyne-elements/timetable-occupancy.pure.js";
|
|
11
11
|
//#region src/elements-experimental/timetable-row/timetable-row.scss?inline
|
|
12
|
-
var
|
|
12
|
+
var P = ":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-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)}}", F = (e, t) => S`<span class="sbb-timetable__row-transport">
|
|
13
13
|
<sbb-icon name=${e}></sbb-icon>
|
|
14
14
|
<span class="sbb-screen-reader-only">${t}</span>
|
|
15
|
-
</span>`,
|
|
15
|
+
</span>`, I = (e, t) => {
|
|
16
16
|
let n = [
|
|
17
17
|
"M",
|
|
18
18
|
"B",
|
|
19
19
|
"T"
|
|
20
20
|
].includes(e) ? " " : "";
|
|
21
|
-
return
|
|
21
|
+
return S`<span class="sbb-timetable__row-transportnumber">
|
|
22
22
|
${t === null ? e : e + n + t}
|
|
23
23
|
</span>`;
|
|
24
|
-
},
|
|
24
|
+
}, L = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.reachableText)?.serviceJourney?.serviceAlteration?.reachableText, R = (e) => e?.find((e) => e.serviceJourney?.serviceAlteration?.delayText)?.serviceJourney?.serviceAlteration?.delayText, z = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.redirectedText)?.serviceJourney?.serviceAlteration?.redirectedText, B = (e) => e?.find((e) => !!e.serviceJourney?.serviceAlteration?.unplannedStopPointsText)?.serviceJourney?.serviceAlteration?.unplannedStopPointsText, V = (e) => {
|
|
25
25
|
let t = {
|
|
26
26
|
DISTURBANCE: 0,
|
|
27
27
|
INFORMATION: 1,
|
|
@@ -31,7 +31,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
31
31
|
END_MESSAGE: 5
|
|
32
32
|
};
|
|
33
33
|
return [...e]?.sort((e, n) => t[e.cause] - t[n.cause]);
|
|
34
|
-
},
|
|
34
|
+
}, H = (e) => {
|
|
35
35
|
switch (e?.cause) {
|
|
36
36
|
case "DISTURBANCE": return {
|
|
37
37
|
name: "disruption",
|
|
@@ -58,41 +58,41 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
58
58
|
text: e?.broadcastMessages.length ? e?.broadcastMessages[0].title : ""
|
|
59
59
|
};
|
|
60
60
|
}
|
|
61
|
-
},
|
|
62
|
-
let { summary: n, legs: r } = e || {}, i = r?.filter((e) =>
|
|
61
|
+
}, U = (e, t) => {
|
|
62
|
+
let { summary: n, legs: r } = e || {}, i = r?.filter((e) => D(e)), { tripStatus: a } = n || {};
|
|
63
63
|
if (a?.cancelled || a?.partiallyCancelled) return {
|
|
64
64
|
name: "cancellation",
|
|
65
65
|
text: a?.cancelledText
|
|
66
66
|
};
|
|
67
|
-
if (
|
|
67
|
+
if (L(i)) return {
|
|
68
68
|
name: "missed-connection",
|
|
69
|
-
text:
|
|
69
|
+
text: L(i)
|
|
70
70
|
};
|
|
71
71
|
if (a?.alternative) return {
|
|
72
72
|
name: "alternative",
|
|
73
73
|
text: a.alternativeText
|
|
74
74
|
};
|
|
75
|
-
if (
|
|
75
|
+
if (z(i)) return {
|
|
76
76
|
name: "reroute",
|
|
77
|
-
text:
|
|
77
|
+
text: z(i)
|
|
78
78
|
};
|
|
79
|
-
if (
|
|
79
|
+
if (B(i)) return {
|
|
80
80
|
name: "add-stop",
|
|
81
|
-
text:
|
|
81
|
+
text: B(i)
|
|
82
82
|
};
|
|
83
83
|
if (a?.delayed || a?.delayedUnknown) return {
|
|
84
84
|
name: "delay",
|
|
85
|
-
text:
|
|
85
|
+
text: R(i)
|
|
86
86
|
};
|
|
87
87
|
if (a?.quayChanged) {
|
|
88
88
|
let e = i[0].departure;
|
|
89
89
|
return {
|
|
90
90
|
name: "platform-change",
|
|
91
|
-
text: e.quayChanged ? e.quayChangedText :
|
|
91
|
+
text: e.quayChanged ? e.quayChangedText : b[t]
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
94
|
return {};
|
|
95
|
-
},
|
|
95
|
+
}, W = (e) => {
|
|
96
96
|
let t = [
|
|
97
97
|
"RR",
|
|
98
98
|
"RK",
|
|
@@ -112,7 +112,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
112
112
|
name: "RR"
|
|
113
113
|
};
|
|
114
114
|
}, void 0);
|
|
115
|
-
},
|
|
115
|
+
}, G = (e) => {
|
|
116
116
|
let t = [
|
|
117
117
|
"Z",
|
|
118
118
|
"SB",
|
|
@@ -121,38 +121,38 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
121
121
|
"TG"
|
|
122
122
|
];
|
|
123
123
|
return e.filter((t, n) => e.findIndex((e) => e.name === t.name) === n).filter((e) => t.includes(e.name)).sort((e, n) => t.indexOf(e.name) - t.indexOf(n.name));
|
|
124
|
-
},
|
|
125
|
-
let t =
|
|
124
|
+
}, K = (e) => {
|
|
125
|
+
let t = W(e), n = G(e);
|
|
126
126
|
return t === void 0 ? n : n.length ? n[0].name === "Z" && n[1] ? [
|
|
127
127
|
n[0],
|
|
128
128
|
t,
|
|
129
129
|
n[1]
|
|
130
130
|
].concat(n.slice(2)) : [t, ...n] : [t];
|
|
131
|
-
},
|
|
132
|
-
let
|
|
133
|
-
return class extends
|
|
131
|
+
}, q = (() => {
|
|
132
|
+
let b = r, L = [], R, z = [], B = [], W, G = [], q = [], J, Y = [], X = [], Z, Q = [], re = [], ie, ae = [], oe = [], se, ce = [], le = [], ue, $ = [], de = [], fe, pe = [], me = [], he, ge = [], _e = [], ve, ye = [], be = [], xe;
|
|
133
|
+
return class extends b {
|
|
134
134
|
constructor() {
|
|
135
|
-
super(...arguments), this.#e = (n(this,
|
|
135
|
+
super(...arguments), this.#e = (n(this, L), n(this, z, null)), this.#t = (n(this, B), n(this, G, null)), this.#n = (n(this, q), n(this, Y, !1)), this.#r = (n(this, X), n(this, Q, null)), this.#i = (n(this, re), n(this, ae, !1)), this.#a = (n(this, oe), n(this, ce, !1)), this.#o = (n(this, le), n(this, $, !1)), this.#s = (n(this, de), n(this, pe, "")), this.#c = (n(this, me), n(this, ge, !1)), this.#l = (n(this, _e), n(this, ye, !1)), this._now = (n(this, be), null), this._language = new i(this);
|
|
136
136
|
}
|
|
137
137
|
static {
|
|
138
|
-
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
139
|
-
|
|
138
|
+
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
|
|
139
|
+
R = [T({ type: Object })], W = [T({ type: Object })], J = [o(), T({
|
|
140
140
|
attribute: "disable-animation",
|
|
141
141
|
reflect: !0,
|
|
142
142
|
type: Boolean
|
|
143
|
-
})],
|
|
143
|
+
})], Z = [T({ type: Object })], ie = [o(), T({
|
|
144
144
|
attribute: "loading-trip",
|
|
145
145
|
type: Boolean
|
|
146
|
-
})], se = [
|
|
146
|
+
})], se = [o(), T({
|
|
147
147
|
attribute: "a11y-footpath",
|
|
148
148
|
type: Boolean
|
|
149
|
-
})], ue = [
|
|
149
|
+
})], ue = [o(), T({
|
|
150
150
|
attribute: "loading-price",
|
|
151
151
|
type: Boolean
|
|
152
|
-
})],
|
|
152
|
+
})], fe = [o(), T({ attribute: "card-action-label" })], he = [o(), T({
|
|
153
153
|
attribute: "accessibility-expanded",
|
|
154
154
|
type: Boolean
|
|
155
|
-
})],
|
|
155
|
+
})], ve = [o(), T({ type: Boolean })], xe = [T()], t(this, null, R, {
|
|
156
156
|
kind: "accessor",
|
|
157
157
|
name: "trip",
|
|
158
158
|
static: !1,
|
|
@@ -165,7 +165,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
165
165
|
}
|
|
166
166
|
},
|
|
167
167
|
metadata: e
|
|
168
|
-
},
|
|
168
|
+
}, z, B), t(this, null, W, {
|
|
169
169
|
kind: "accessor",
|
|
170
170
|
name: "price",
|
|
171
171
|
static: !1,
|
|
@@ -178,7 +178,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
178
178
|
}
|
|
179
179
|
},
|
|
180
180
|
metadata: e
|
|
181
|
-
},
|
|
181
|
+
}, G, q), t(this, null, J, {
|
|
182
182
|
kind: "accessor",
|
|
183
183
|
name: "disableAnimation",
|
|
184
184
|
static: !1,
|
|
@@ -191,7 +191,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
191
191
|
}
|
|
192
192
|
},
|
|
193
193
|
metadata: e
|
|
194
|
-
},
|
|
194
|
+
}, Y, X), t(this, null, Z, {
|
|
195
195
|
kind: "accessor",
|
|
196
196
|
name: "boarding",
|
|
197
197
|
static: !1,
|
|
@@ -204,7 +204,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
204
204
|
}
|
|
205
205
|
},
|
|
206
206
|
metadata: e
|
|
207
|
-
},
|
|
207
|
+
}, Q, re), t(this, null, ie, {
|
|
208
208
|
kind: "accessor",
|
|
209
209
|
name: "loadingTrip",
|
|
210
210
|
static: !1,
|
|
@@ -243,7 +243,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
243
243
|
}
|
|
244
244
|
},
|
|
245
245
|
metadata: e
|
|
246
|
-
}, de
|
|
246
|
+
}, $, de), t(this, null, fe, {
|
|
247
247
|
kind: "accessor",
|
|
248
248
|
name: "cardActionLabel",
|
|
249
249
|
static: !1,
|
|
@@ -256,7 +256,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
256
256
|
}
|
|
257
257
|
},
|
|
258
258
|
metadata: e
|
|
259
|
-
},
|
|
259
|
+
}, pe, me), t(this, null, he, {
|
|
260
260
|
kind: "accessor",
|
|
261
261
|
name: "accessibilityExpanded",
|
|
262
262
|
static: !1,
|
|
@@ -269,7 +269,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
269
269
|
}
|
|
270
270
|
},
|
|
271
271
|
metadata: e
|
|
272
|
-
},
|
|
272
|
+
}, ge, _e), t(this, null, ve, {
|
|
273
273
|
kind: "accessor",
|
|
274
274
|
name: "active",
|
|
275
275
|
static: !1,
|
|
@@ -282,7 +282,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
282
282
|
}
|
|
283
283
|
},
|
|
284
284
|
metadata: e
|
|
285
|
-
},
|
|
285
|
+
}, ye, be), t(this, null, xe, {
|
|
286
286
|
kind: "setter",
|
|
287
287
|
name: "now",
|
|
288
288
|
static: !1,
|
|
@@ -294,7 +294,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
294
294
|
}
|
|
295
295
|
},
|
|
296
296
|
metadata: e
|
|
297
|
-
}, null,
|
|
297
|
+
}, null, L), e && Object.defineProperty(this, Symbol.metadata, {
|
|
298
298
|
enumerable: !0,
|
|
299
299
|
configurable: !0,
|
|
300
300
|
writable: !0,
|
|
@@ -306,16 +306,16 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
306
306
|
}
|
|
307
307
|
static {
|
|
308
308
|
this.elementDependencies = [
|
|
309
|
-
|
|
309
|
+
M,
|
|
310
|
+
A,
|
|
311
|
+
j,
|
|
312
|
+
te,
|
|
310
313
|
N,
|
|
311
|
-
|
|
312
|
-
w,
|
|
313
|
-
I,
|
|
314
|
-
M
|
|
314
|
+
k
|
|
315
315
|
];
|
|
316
316
|
}
|
|
317
317
|
static {
|
|
318
|
-
this.styles = [
|
|
318
|
+
this.styles = [x, w(P)];
|
|
319
319
|
}
|
|
320
320
|
#e;
|
|
321
321
|
get trip() {
|
|
@@ -388,18 +388,18 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
388
388
|
this.#l = e;
|
|
389
389
|
}
|
|
390
390
|
set now(e) {
|
|
391
|
-
this._now =
|
|
391
|
+
this._now = a.getValidDateOrNull(a.deserialize(e));
|
|
392
392
|
}
|
|
393
393
|
get now() {
|
|
394
394
|
return this._now ?? /* @__PURE__ */ new Date();
|
|
395
395
|
}
|
|
396
396
|
willUpdate(e) {
|
|
397
|
-
super.willUpdate(e), e.has("loadingTrip") &&
|
|
397
|
+
super.willUpdate(e), e.has("loadingTrip") && (this.internals.role = this.loadingTrip ? null : "rowgroup");
|
|
398
398
|
}
|
|
399
399
|
_renderSkeleton() {
|
|
400
|
-
return
|
|
400
|
+
return S`
|
|
401
401
|
<sbb-card class="sbb-loading sbb-card-spacing-4x-xxs">
|
|
402
|
-
${this.loadingPrice ?
|
|
402
|
+
${this.loadingPrice ? S`<div class="sbb-loading__badge" slot="badge"></div>` : C}
|
|
403
403
|
<div class="sbb-loading__wrapper">
|
|
404
404
|
<div class="sbb-loading__row"></div>
|
|
405
405
|
<div class="sbb-loading__row"></div>
|
|
@@ -409,20 +409,20 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
409
409
|
`;
|
|
410
410
|
}
|
|
411
411
|
_getRideLegs() {
|
|
412
|
-
return this.trip?.legs?.filter((e) =>
|
|
412
|
+
return this.trip?.legs?.filter((e) => D(e)) ?? [];
|
|
413
413
|
}
|
|
414
414
|
_getQuayTypeStrings() {
|
|
415
415
|
if (!this.trip.summary?.product) return null;
|
|
416
416
|
let e = this._getRideLegs(), t = this.trip.summary.product?.vehicleMode === "TRAIN" ? e[0].serviceJourney.quayTypeShortName || "" : e[0].serviceJourney.quayTypeName || "";
|
|
417
417
|
return {
|
|
418
|
-
long:
|
|
418
|
+
long: d[this._language.current] + " " + t,
|
|
419
419
|
short: t
|
|
420
420
|
};
|
|
421
421
|
}
|
|
422
422
|
_renderQuayType() {
|
|
423
423
|
if (!this.trip.summary?.product) return;
|
|
424
424
|
let e = this._getQuayTypeStrings();
|
|
425
|
-
return
|
|
425
|
+
return S`
|
|
426
426
|
<span class="sbb-timetable__row--quay">
|
|
427
427
|
<span class="sbb-screen-reader-only">${e?.long} </span>
|
|
428
428
|
<span class="sbb-timetable__row--quay-type" aria-hidden="true"
|
|
@@ -432,72 +432,72 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
432
432
|
`;
|
|
433
433
|
}
|
|
434
434
|
_handleHimCus(e) {
|
|
435
|
-
let { situations: t } = e || {}, n = t &&
|
|
435
|
+
let { situations: t } = e || {}, n = t && V(t), r = U(e, this._language.current);
|
|
436
436
|
return {
|
|
437
437
|
cus: Object.keys(r)?.length ? r : null,
|
|
438
|
-
him: t?.length ?
|
|
438
|
+
him: t?.length ? H(n[0]) : null
|
|
439
439
|
};
|
|
440
440
|
}
|
|
441
441
|
_getAccessibilityText(t) {
|
|
442
|
-
let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure:
|
|
443
|
-
|
|
444
|
-
let
|
|
442
|
+
let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure: d, arrival: b, product: x, direction: te, occupancy: S, duration: C } = n || {}, { departureTimeAttribute: w, arrivalTimeAttribute: T } = ne(r, a || 0, o || 0, this._language.current, this.a11yFootpath), D = this._getRideLegs(), k = d?.time ? O(d.time) : void 0, A = b?.time ? O(b.time) : void 0, j = w ? `${w.text} ${w.duration}, ` : "", M = T ? `${T.text} ${T.duration}, ` : "", N = k ? `${l[this._language.current]}: ${e(k, "HH:mm")}, ` : "", P = () => d?.quayFormatted ? `${d?.quayChanged ? `${ee[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${d?.quayFormatted}, ` : "", F = x && x.vehicleMode ? f[x.vehicleMode.toLowerCase()] && `${f[x.vehicleMode.toLowerCase()][this._language.current]}, ` : "", I = x?.vehicleSubModeShortName ? `${x.vehicleSubModeShortName} ${x.line || ""}, ` : "", L = `${u[this._language.current]} ${te}, `, R = this._handleHimCus(t), z = R?.cus?.text ? `${m[this._language.current]}: ${R?.cus?.text}, ` : "", B = R?.him?.text ? `${m[this._language.current]}: ${R?.him?.text}, ` : "", V = this.boarding ? `${this.boarding.text}, ` : "", H = `${this.price?.isDiscount ? h[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, U = D.length > 2 ? `${D.length - 1} ${_[this._language.current]}, ` : D.length > 1 ? `${D.length - 1} ${g[this._language.current]}, ` : "", W = A ? `${s[this._language.current]}: ${e(A, "HH:mm")}, ` : "", G = "";
|
|
443
|
+
S && (S.firstClass && S.firstClass !== "UNKNOWN" && (G += `${c.first[this._language.current]} ${p[S.firstClass.toLowerCase()]?.[this._language.current]}.`), S.secondClass && S.secondClass !== "UNKNOWN" && (G += ` ${c.second[this._language.current]} ${p[S.secondClass.toLowerCase()]?.[this._language.current]}.`));
|
|
444
|
+
let q = i && K(i).length && K(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", J = q ? `${v[this._language.current]}: ${q}` : "", Y = C && C > 0 ? `${y[this._language.current]} ${E(C, this._language.current).long}, ` : "";
|
|
445
445
|
return [
|
|
446
|
+
j,
|
|
446
447
|
N,
|
|
448
|
+
P(),
|
|
447
449
|
F,
|
|
448
|
-
I
|
|
450
|
+
I,
|
|
449
451
|
L,
|
|
450
|
-
R,
|
|
451
452
|
z,
|
|
452
453
|
V,
|
|
453
|
-
|
|
454
|
+
H,
|
|
455
|
+
z ? "" : B,
|
|
454
456
|
W,
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
Z,
|
|
457
|
+
M,
|
|
458
|
+
Y,
|
|
459
|
+
U,
|
|
459
460
|
G,
|
|
460
|
-
|
|
461
|
-
X
|
|
461
|
+
J
|
|
462
462
|
].map((e) => e?.trim()).filter((e) => e && e.length > 0).join(" ");
|
|
463
463
|
}
|
|
464
464
|
render() {
|
|
465
465
|
if (this.loadingTrip) return this._renderSkeleton();
|
|
466
|
-
let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: s, arrival: c, arrivalWalk:
|
|
467
|
-
return
|
|
466
|
+
let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: s, arrival: c, arrivalWalk: d, occupancy: p, duration: m } = r || {}, g = this._handleHimCus(this.trip), _ = !!g.cus || !!g.him, v = n && K(n), b = m ? E(m, this._language.current) : null;
|
|
467
|
+
return S`
|
|
468
468
|
<sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
|
|
469
469
|
<sbb-card-button
|
|
470
470
|
?active=${this.active}
|
|
471
|
-
aria-expanded=${this.accessibilityExpanded ? "true" :
|
|
471
|
+
aria-expanded=${this.accessibilityExpanded ? "true" : C}
|
|
472
472
|
>
|
|
473
473
|
${this.cardActionLabel ? this.cardActionLabel : this._getAccessibilityText(this.trip)}
|
|
474
474
|
</sbb-card-button>
|
|
475
|
-
${this.loadingPrice ?
|
|
476
|
-
${this.price && !this.loadingPrice ?
|
|
477
|
-
${this.price.isDiscount ?
|
|
475
|
+
${this.loadingPrice ? S`<div class="sbb-loading__badge" slot="badge"></div>` : C}
|
|
476
|
+
${this.price && !this.loadingPrice ? S`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
|
|
477
|
+
${this.price.isDiscount ? S`<span aria-hidden="true">
|
|
478
478
|
%<span class="sbb-screen-reader-only"
|
|
479
|
-
>${
|
|
479
|
+
>${h[this._language.current]}</span
|
|
480
480
|
>
|
|
481
|
-
</span>` :
|
|
482
|
-
${this.price.text ?
|
|
483
|
-
${this.price.price ?
|
|
484
|
-
</sbb-card-badge>` :
|
|
481
|
+
</span>` : C}
|
|
482
|
+
${this.price.text ? S`<span>${this.price.text}</span>` : C}
|
|
483
|
+
${this.price.price ? S`<span>${this.price.price}</span>` : C}
|
|
484
|
+
</sbb-card-badge>` : C}
|
|
485
485
|
<div class="sbb-timetable__row" role="row">
|
|
486
486
|
<div class="sbb-timetable__row-header" role="gridcell">
|
|
487
487
|
<div class="sbb-timetable__row-details">
|
|
488
|
-
${i?.corporateIdentityPictogram &&
|
|
488
|
+
${i?.corporateIdentityPictogram && S`<span class="sbb-timetable__row-transport-wrapper">
|
|
489
489
|
<sbb-icon
|
|
490
490
|
class="sbb-timetable__row-transport-icon"
|
|
491
491
|
name="picto:${i.corporateIdentityPictogram}"
|
|
492
492
|
></sbb-icon>
|
|
493
493
|
<span class="sbb-screen-reader-only">
|
|
494
|
-
${i && i.vehicleMode &&
|
|
494
|
+
${i && i.vehicleMode && f[i.vehicleMode.toLowerCase()] && f[i.vehicleMode.toLowerCase()][this._language.current]}
|
|
495
495
|
|
|
496
496
|
</span>
|
|
497
497
|
</span>`}
|
|
498
|
-
${i && (i.corporateIdentityIcon ?
|
|
498
|
+
${i && (i.corporateIdentityIcon ? F(i.corporateIdentityIcon, i.name) : i.vehicleSubModeShortName && I(i.vehicleSubModeShortName, i?.line))}
|
|
499
499
|
</div>
|
|
500
|
-
${a ?
|
|
500
|
+
${a ? S`<p>${`${u[this._language.current]} ${a}`}</p>` : C}
|
|
501
501
|
</div>
|
|
502
502
|
<sbb-pearl-chain-time
|
|
503
503
|
role="gridcell"
|
|
@@ -505,52 +505,52 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
505
505
|
.departureTime=${s?.time}
|
|
506
506
|
.arrivalTime=${c?.time}
|
|
507
507
|
.departureWalk=${o}
|
|
508
|
-
.arrivalWalk=${
|
|
508
|
+
.arrivalWalk=${d}
|
|
509
509
|
?disable-animation=${this.disableAnimation}
|
|
510
510
|
?a11y-footpath=${this.a11yFootpath}
|
|
511
511
|
.now=${this.now}
|
|
512
512
|
></sbb-pearl-chain-time>
|
|
513
513
|
<div class="sbb-timetable__row-footer" role="gridcell">
|
|
514
|
-
${i && s?.quayFormatted ?
|
|
515
|
-
class=${s?.quayChanged ? "sbb-timetable__row-quay--changed" :
|
|
514
|
+
${i && s?.quayFormatted ? S`<span
|
|
515
|
+
class=${s?.quayChanged ? "sbb-timetable__row-quay--changed" : C}
|
|
516
516
|
>
|
|
517
517
|
<span class="sbb-screen-reader-only">
|
|
518
|
-
${`${
|
|
518
|
+
${`${l[this._language.current]} ${s?.quayChanged ? ee[this._language.current] : ""}`}
|
|
519
519
|
|
|
520
520
|
</span>
|
|
521
521
|
${this._renderQuayType()} ${s?.quayFormatted}
|
|
522
|
-
</span>` :
|
|
523
|
-
${
|
|
524
|
-
.firstClassOccupancy=${
|
|
525
|
-
.secondClassOccupancy=${
|
|
526
|
-
></sbb-timetable-occupancy>` :
|
|
527
|
-
${
|
|
528
|
-
${
|
|
522
|
+
</span>` : C}
|
|
523
|
+
${p?.firstClass && p?.firstClass !== "UNKNOWN" || p?.secondClass && p.secondClass !== "UNKNOWN" ? S`<sbb-timetable-occupancy
|
|
524
|
+
.firstClassOccupancy=${p?.firstClass?.toLowerCase()}
|
|
525
|
+
.secondClassOccupancy=${p?.secondClass?.toLowerCase()}
|
|
526
|
+
></sbb-timetable-occupancy>` : C}
|
|
527
|
+
${v && v.length || this.boarding ? S`<ul class="sbb-timetable__row-hints" role="list">
|
|
528
|
+
${v?.map((e, t) => t < 4 ? S`<li>
|
|
529
529
|
<sbb-icon
|
|
530
530
|
class="sbb-travel-hints__item"
|
|
531
531
|
name=${"sa-" + e.name?.toLowerCase()}
|
|
532
532
|
></sbb-icon>
|
|
533
533
|
<span class="sbb-screen-reader-only">${e.text?.template}</span>
|
|
534
|
-
</li>` :
|
|
535
|
-
${this.boarding ?
|
|
534
|
+
</li>` : C)}
|
|
535
|
+
${this.boarding ? S`<li>
|
|
536
536
|
<sbb-icon
|
|
537
537
|
class="sbb-travel-hints__item"
|
|
538
538
|
name=${this.boarding?.name}
|
|
539
539
|
aria-label=${this.boarding?.text}
|
|
540
540
|
aria-hidden="false"
|
|
541
541
|
></sbb-icon>
|
|
542
|
-
</li>` :
|
|
543
|
-
</ul>` :
|
|
544
|
-
${
|
|
542
|
+
</li>` : C}
|
|
543
|
+
</ul>` : C}
|
|
544
|
+
${m && m > 0 ? S`<time>
|
|
545
545
|
<span class="sbb-screen-reader-only">
|
|
546
|
-
${`${
|
|
546
|
+
${`${y[this._language.current]} ${b.long}`}
|
|
547
547
|
</span>
|
|
548
548
|
<span aria-hidden="true">${b.short}</span>
|
|
549
|
-
</time>` :
|
|
550
|
-
${
|
|
549
|
+
</time>` : C}
|
|
550
|
+
${_ && (g.cus || g.him) ? S`<span class="sbb-timetable__row-warning">
|
|
551
551
|
<sbb-icon name=${(g.cus || g.him).name}></sbb-icon>
|
|
552
552
|
<span class="sbb-screen-reader-only">${(g.cus || g.him).text}</span>
|
|
553
|
-
</span>` :
|
|
553
|
+
</span>` : C}
|
|
554
554
|
</div>
|
|
555
555
|
</div>
|
|
556
556
|
</sbb-card>
|
|
@@ -559,4 +559,4 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
|
|
|
559
559
|
};
|
|
560
560
|
})();
|
|
561
561
|
//#endregion
|
|
562
|
-
export {
|
|
562
|
+
export { K as a, V as c, H as i, G as n, F as o, U as r, I as s, q as 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-
|
|
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-Din-TQ9u.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-
|
|
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-Din-TQ9u.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 };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { SbbPropertyWatcherController as e, boxSizingStyles as t, ɵstateController as n } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
-
import { unsafeCSS as r } from "lit";
|
|
3
|
-
import { SbbOptionBaseElement as i } from "@sbb-esta/lyne-elements/option.pure.js";
|
|
4
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?inline
|
|
5
|
-
var a = ":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);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;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)}: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{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}: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 {
|
|
6
|
-
static {
|
|
7
|
-
this.elementName = "sbb-autocomplete-grid-option";
|
|
8
|
-
}
|
|
9
|
-
static {
|
|
10
|
-
this.role = "gridcell";
|
|
11
|
-
}
|
|
12
|
-
static {
|
|
13
|
-
this.styles = [t, r(a)];
|
|
14
|
-
}
|
|
15
|
-
constructor() {
|
|
16
|
-
super(), this.optionId = o, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
|
|
17
|
-
disabled: (e) => {
|
|
18
|
-
this.disabledFromGroup = e.disabled, n(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
|
|
19
|
-
},
|
|
20
|
-
label: (e) => this.groupLabel = e.label
|
|
21
|
-
})), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
|
|
22
|
-
}
|
|
23
|
-
willUpdate(e) {
|
|
24
|
-
super.willUpdate(e), e.has("disabled") && (n(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
|
|
25
|
-
}
|
|
26
|
-
selectByClick(e) {
|
|
27
|
-
if (this.disabled || this.disabledFromGroup) {
|
|
28
|
-
e.stopPropagation();
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
this.selectViaUserInteraction(!0);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
//#endregion
|
|
35
|
-
export { o as n, s as t };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { SbbElement, boxSizingStyles } from "@sbb-esta/lyne-elements/core.js";
|
|
2
|
-
import { html, unsafeCSS } from "lit";
|
|
3
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?inline
|
|
4
|
-
var autocomplete_grid_cell_default = ":host {\n --sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);\n display: block;\n}\n\n.sbb-autocomplete-grid-cell {\n display: flex;\n column-gap: var(--sbb-autocomplete-grid-cell-gap);\n}";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts
|
|
7
|
-
/**
|
|
8
|
-
* A wrapper component for autocomplete-grid action button.
|
|
9
|
-
*
|
|
10
|
-
* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
|
|
11
|
-
*/
|
|
12
|
-
var SbbAutocompleteGridCellElement = class extends SbbElement {
|
|
13
|
-
static {
|
|
14
|
-
this.elementName = "sbb-autocomplete-grid-cell";
|
|
15
|
-
}
|
|
16
|
-
static {
|
|
17
|
-
this.role = "gridcell";
|
|
18
|
-
}
|
|
19
|
-
static {
|
|
20
|
-
this.styles = [boxSizingStyles, unsafeCSS(autocomplete_grid_cell_default)];
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
return html`
|
|
24
|
-
<span class="sbb-autocomplete-grid-cell">
|
|
25
|
-
<slot></slot>
|
|
26
|
-
</span>
|
|
27
|
-
`;
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
//#endregion
|
|
31
|
-
export { SbbAutocompleteGridCellElement as t };
|
|
32
|
-
|
|
33
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQtQnV2c29mLVkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1jZWxsL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwvYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNngpO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC1nYXApO1xufVxuIiwiaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzLCBTYmJFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1jZWxsLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgY29tcG9uZW50IGZvciBhdXRvY29tcGxldGUtZ3JpZCBhY3Rpb24gYnV0dG9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b25gIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkQ2VsbEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ2dyaWRjZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbCc6IFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQ1VBLElBQWEsaUNBQWIsY0FBb0QsV0FBVTs7QUFDNUIsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSwrQkFBTSxDQUFDOztDQUVoRSxTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9
|