@sbb-esta/lyne-elements-experimental 4.13.0 → 4.14.0

package/seat-reservation.pure.js

@@ -1,15 +1,15 @@
-import { i as e, n as t, r as n, t as r } from "./mapper-Cqie5ivY.js";
+import { i as e, n as t, r as n, t as r } from "./mapper-Dcou8VEf.js";
 import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.js";
 import "./seat-reservation/common/mapper.js";
-import { t as a } from "./svgs-D5DhLHxC.js";
+import { t as a } from "./svgs-D4fuYTHV.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-B5_N7H_a.js";
-import { t as c } from "./seat-reservation-graphic.component-Dh1e2Pve.js";
+import { t as s } from "./seat-reservation-area.component-DZsXvaMQ.js";
+import { t as c } from "./seat-reservation-graphic.component-BnJuHVZQ.js";
 import { assetsTemplate as l, svgImageByOSDMCode as u } from "./seat-reservation/seat-reservation-graphic/seat-reservation-assets.js";
-import { t as d } from "./seat-reservation-navigation-coach.component-BdCUfksf.js";
-import { t as f } from "./seat-reservation-navigation-services.component-C9dDYD_M.js";
-import { t as p } from "./seat-reservation-place-control.component-CE7d9M2b.js";
-import { t as m } from "./seat-reservation-scoped.component-DVyP2JGE.js";
+import { t as d } from "./seat-reservation-navigation-coach.component-DgdpqMzG.js";
+import { t as f } from "./seat-reservation-navigation-services.component-6ECATtWB.js";
+import { t as p } from "./seat-reservation-place-control.component-kx07J_YK.js";
+import { t as m } from "./seat-reservation-scoped.component-L1wMt65t.js";
 import { SeatReservationBaseElement as h } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as g } from "./seat-reservation.component-CtEqqosF.js";
+import { t as g } from "./seat-reservation.component-B_T6eTf6.js";
 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

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-duration.component-BnJA8wSb.js";
+import { t as e } from "../timetable-duration.component-Bqo5N_De.js";
 export { e as SbbTimetableDurationElement };

package/timetable-duration.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-duration.component-BnJA8wSb.js";
+import { t as e } from "./timetable-duration.component-Bqo5N_De.js";
 import "./timetable-duration.pure.js";
 //#region src/elements-experimental/timetable-duration.ts
 e.define();

package/timetable-duration.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-duration.component-BnJA8wSb.js";
+import { t as e } from "./timetable-duration.component-Bqo5N_De.js";
 export { e as SbbTimetableDurationElement };

package/timetable-row/timetable-row.component.js

@@ -1,2 +1,2 @@
-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-Cd_7Pu_E.js";
+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-BoMbHP6s.js";
 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-Cd_7Pu_E.js → timetable-row.component-BoMbHP6s.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./format-DbUuNYFU.js";
+import { t as e } from "./format-DjgG1QPc.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { SbbElement as r } from "@sbb-esta/lyne-elements/core/base-elements.js";
 import { SbbLanguageController as i } from "@sbb-esta/lyne-elements/core/controllers.js";
@@ -16,7 +16,7 @@ import { getDepartureArrivalTimeAttribute as ne, isRideLeg as O } from "./core/t
 import "@sbb-esta/lyne-elements/card.js";
 import "@sbb-esta/lyne-elements/timetable-occupancy.js";
 //#region src/elements-experimental/timetable-row/timetable-row.scss?inline
-var k = ":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) => s`<span class="sbb-timetable__row-transport">
+var k = ":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-card{--sbb-card-padding-block: var(--sbb-card-with-badge-padding-block)}.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) => s`<span class="sbb-timetable__row-transport">
     <sbb-icon name=${e}></sbb-icon>
     <span class="sbb-screen-reader-only">${t}</span>
   </span>`, j = (e, t) => {
@@ -37,7 +37,7 @@ var k = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		CONSTRUCTION_SITE: 4,
 		END_MESSAGE: 5
 	};
-	return [...e]?.sort((e, n) => t[e.cause] - t[n.cause]);
+	return [...e].sort((e, n) => t[e.cause] - t[n.cause]);
 }, L = (e) => {
 	switch (e?.cause) {
 		case "DISTURBANCE": return {
@@ -71,6 +71,10 @@ var k = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		name: "cancellation",
 		text: a?.cancelledText
 	};
+	if (i?.some((e) => e.serviceJourney?.serviceAlteration?.cancelledExpected)) return {
+		name: "disruption",
+		text: a?.cancelledText
+	};
 	if (M(i)) return {
 		name: "missed-connection",
 		text: M(i)
@@ -395,7 +399,7 @@ var k = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		}
 		_renderSkeleton() {
 			return s`
-      <sbb-card class="sbb-loading sbb-card-spacing-4x-xxs">
+      <sbb-card class="sbb-loading sbb-card-spacing-4x-xxs sbb-timetable__row-card">
         ${this.loadingPrice ? s`<div class="sbb-loading__badge" slot="badge"></div>` : c}
         <div class="sbb-loading__wrapper">
           <div class="sbb-loading__row"></div>
@@ -462,7 +466,7 @@ var k = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			if (this.loadingTrip) return this._renderSkeleton();
 			let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: l, arrival: u, arrivalWalk: d, occupancy: f, duration: p } = r || {}, g = this._handleHimCus(this.trip), y = !!g.cus || !!g.him, b = n && V(n), S = p ? E(p, this._language.current) : null;
 			return s`
-      <sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
+      <sbb-card class="sbb-card-spacing-4x-xxs sbb-timetable__row-card" id=${t}>
         <sbb-card-button
           ?active=${this.active}
           aria-expanded=${this.accessibilityExpanded ? "true" : c}

package/timetable-row.js

@@ -1,4 +1,4 @@
-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-Cd_7Pu_E.js";
+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-BoMbHP6s.js";
 import "./timetable-row.pure.js";
 //#region src/elements-experimental/timetable-row.ts
 s.define();

package/timetable-row.pure.js

@@ -1,2 +1,2 @@
-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-Cd_7Pu_E.js";
+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-BoMbHP6s.js";
 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 };