@sbb-esta/lyne-elements-experimental 5.0.0-next → 5.0.0-next.2

package/seat-reservation.pure.js

@@ -3,12 +3,12 @@ import { mapIconToSvg as i } from "./seat-reservation/common/mapper/icon-mapper.
 import "./seat-reservation/common/mapper.js";
 import { t as a } from "./svgs-D5DhLHxC.js";
 import { getI18nSeatReservation as o } from "./seat-reservation/common/translations/i18n.js";
-import { t as s } from "./seat-reservation-area.component-CVc6uuMG.js";
-import { t as c } from "./seat-reservation-graphic.component-Dzkv9tyR.js";
-import { t as l } from "./seat-reservation-navigation-coach.component-CGfmiQJq.js";
-import { t as u } from "./seat-reservation-navigation-services.component-DQviLWvy.js";
-import { t as d } from "./seat-reservation-place-control.component-BYJi6aYS.js";
-import { t as f } from "./seat-reservation-scoped.component-CdB7HYzl.js";
+import { t as s } from "./seat-reservation-area.component-BcmwKJSK.js";
+import { t as c } from "./seat-reservation-graphic.component-C3wc4DKr.js";
+import { t as l } from "./seat-reservation-navigation-coach.component-D1SgS8BU.js";
+import { t as u } from "./seat-reservation-navigation-services.component-CfAQa7pa.js";
+import { t as d } from "./seat-reservation-place-control.component-DrzEDW8Z.js";
+import { t as f } from "./seat-reservation-scoped.component-BohQUGVW.js";
 import { SeatReservationBaseElement as p } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { t as m } from "./seat-reservation.component-DBtJhrR_.js";
+import { t as m } from "./seat-reservation.component-CB2IWgM9.js";
 export { s as SbbSeatReservationAreaElement, m as SbbSeatReservationElement, c as SbbSeatReservationGraphicElement, l as SbbSeatReservationNavigationCoachElement, u as SbbSeatReservationNavigationServicesElement, d as SbbSeatReservationPlaceControlElement, f as SbbSeatReservationScopedElement, p as SeatReservationBaseElement, o as getI18nSeatReservation, r as mapCoachInfosToCoachSelection, i as mapIconToSvg, t as mapPlaceAndCoachToSeatReservationPlaceSelection, n as mapPlaceInfosToPlaceSelection, e as mapRawDataToSeatReservation, a as svgs };

package/timetable-duration/timetable-duration.component.js

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

package/{timetable-duration.component-PmvoOKVw.js → timetable-duration.component-DPRcG1LP.js}

@@ -1,9 +1,9 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a, i18nDurationHour as o, i18nDurationMinute as s } from "@sbb-esta/lyne-elements/core.js";
+import { SbbElement as n, SbbLanguageController as r, forceType as i, i18nDurationHour as a, i18nDurationMinute as o, screenReaderOnlyStyles as s } from "@sbb-esta/lyne-elements/core.js";
 import { html as c, unsafeCSS as l } from "lit";
 import { property as u } from "lit/decorators.js";
 //#region src/elements-experimental/timetable-duration/timetable-duration.scss?inline
-var d = ":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 = (() => {
+var d = ":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}", f = (() => {
 	let f = n, p, m = [], h = [];
 	return class extends f {
 		constructor() {
@@ -11,7 +11,7 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [a(), u()], e(this, null, p, {
+			p = [i(), u()], e(this, null, p, {
 				kind: "accessor",
 				name: "config",
 				static: !1,
@@ -35,7 +35,7 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.elementName = "sbb-timetable-duration";
 		}
 		static {
-			this.styles = [i, l(d)];
+			this.styles = [s, l(d)];
 		}
 		#e;
 		get config() {
@@ -45,13 +45,13 @@ var d = ":host{display:inline-block}.duration{--sbb-text-font-size: var(--sbb-te
 			this.#e = e;
 		}
 		render() {
-			let e = JSON.parse(this.config), t = o.multiple.short[this._language.current], n = s.multiple.short[this._language.current], r = "", i = "", a = o.multiple.long[this._language.current], l = s.multiple.long[this._language.current];
-			return e.hours === 1 && (a = o.single.long[this._language.current]), e.minutes === 1 && (l = s.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${a}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${l}.`, c`
+			let e = JSON.parse(this.config), t = a.multiple.short[this._language.current], n = o.multiple.short[this._language.current], r = "", i = "", s = a.multiple.long[this._language.current], l = o.multiple.long[this._language.current];
+			return e.hours === 1 && (s = a.single.long[this._language.current]), e.minutes === 1 && (l = o.single.long[this._language.current]), e.hours !== 0 && (r += `${e.hours} ${t}`, i += `${e.hours} ${s}`), r += ` ${e.minutes} ${n}`, i += ` ${e.minutes} ${l}.`, c`
       <p aria-label=${i} class="duration" role="text">
         <span aria-hidden="true" class="duration__text--visual" role="presentation">
           ${r}
         </span>
-        <span class="duration__text--visually-hidden">${i}</span>
+        <span class="sbb-screen-reader-only">${i}</span>
       </p>
     `;
 		}

package/timetable-duration.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-duration.component-PmvoOKVw.js";
+import { t as e } from "./timetable-duration.component-DPRcG1LP.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-PmvoOKVw.js";
+import { t as e } from "./timetable-duration.component-DPRcG1LP.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-BnmrhD2d.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-BqIVlISS.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-BnmrhD2d.js → timetable-row.component-BqIVlISS.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./format-DbUuNYFU.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { SbbElement as r, SbbLanguageController as i, boxSizingStyles as a, defaultDateAdapter as o, forceType as s, i18nArrival as c, i18nClass as l, i18nDeparture as u, i18nDirection as d, i18nFromPlatform as f, i18nMeansOfTransport as p, i18nNew as m, i18nOccupancy as h, i18nRealTimeInfo as g, i18nSupersaver as _, i18nTransferProcedure as v, i18nTransferProcedures as y, i18nTravelhints as b, i18nTripDuration as x, i18nTripQuayChange as S, setOrRemoveAttribute as C } from "@sbb-esta/lyne-elements/core.js";
+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 p, i18nOccupancy as m, i18nRealTimeInfo as h, i18nSupersaver as g, i18nTransferProcedure as _, i18nTransferProcedures as v, i18nTravelhints as y, i18nTripDuration as b, i18nTripQuayChange as x, screenReaderOnlyStyles as S, setOrRemoveAttribute as C } from "@sbb-esta/lyne-elements/core.js";
 import { SbbIconElement as w } from "@sbb-esta/lyne-elements/icon.pure.js";
 import { html as T, nothing as E, unsafeCSS as D } from "lit";
 import { property as O } from "lit/decorators.js";
@@ -9,7 +9,7 @@ import { SbbPearlChainTimeElement as M } from "./pearl-chain-time.pure.js";
 import { SbbCardBadgeElement as N, SbbCardButtonElement as P, SbbCardElement as F } from "@sbb-esta/lyne-elements/card.pure.js";
 import { SbbTimetableOccupancyElement as I } from "@sbb-esta/lyne-elements/timetable-occupancy.pure.js";
 //#region src/elements-experimental/timetable-row/timetable-row.scss?inline
-var L = ":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)}}", R = (e, t) => T`<span class="sbb-timetable__row-transport">
+var L = ":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)}}", R = (e, t) => T`<span class="sbb-timetable__row-transport">
     <sbb-icon name=${e}></sbb-icon>
     <span class="sbb-screen-reader-only">${t}</span>
   </span>`, z = (e, t) => {
@@ -88,7 +88,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		let e = i[0].departure;
 		return {
 			name: "platform-change",
-			text: e.quayChanged ? e.quayChangedText : S[t]
+			text: e.quayChanged ? e.quayChangedText : x[t]
 		};
 	}
 	return {};
@@ -129,30 +129,30 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		n[1]
 	].concat(n.slice(2)) : [t, ...n] : [t];
 }, X = (() => {
-	let S = r, B = [], V, H = [], U = [], q, J = [], X = [], Z, Q = [], te = [], $, ne = [], re = [], ie, ae = [], oe = [], se, ce = [], le = [], ue, de = [], fe = [], pe, me = [], he = [], ge, _e = [], ve = [], ye, be = [], xe = [], Se;
-	return class extends S {
+	let x = r, B = [], V, H = [], U = [], q, J = [], X = [], Z, Q = [], $ = [], te, ne = [], re = [], ie, ae = [], oe = [], se, ce = [], le = [], ue, de = [], fe = [], pe, me = [], he = [], ge, _e = [], ve = [], ye, be = [], xe = [], Se;
+	return class extends x {
 		constructor() {
-			super(...arguments), this.#e = (n(this, B), n(this, H, null)), this.#t = (n(this, U), n(this, J, null)), this.#n = (n(this, X), n(this, Q, !1)), this.#r = (n(this, te), n(this, ne, 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, de, !1)), this.#s = (n(this, fe), n(this, me, "")), this.#c = (n(this, he), n(this, _e, !1)), this.#l = (n(this, ve), n(this, be, !1)), this._now = (n(this, xe), null), this._language = new i(this);
+			super(...arguments), this.#e = (n(this, B), n(this, H, null)), this.#t = (n(this, U), n(this, J, null)), this.#n = (n(this, X), n(this, Q, !1)), this.#r = (n(this, $), n(this, ne, 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, de, !1)), this.#s = (n(this, fe), n(this, me, "")), this.#c = (n(this, he), n(this, _e, !1)), this.#l = (n(this, ve), n(this, be, !1)), this._now = (n(this, xe), null), this._language = new i(this);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
-			V = [O({ type: Object })], q = [O({ type: Object })], Z = [s(), O({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+			V = [O({ type: Object })], q = [O({ type: Object })], Z = [o(), O({
 				attribute: "disable-animation",
 				reflect: !0,
 				type: Boolean
-			})], $ = [O({ type: Object })], ie = [s(), O({
+			})], te = [O({ type: Object })], ie = [o(), O({
 				attribute: "loading-trip",
 				type: Boolean
-			})], se = [s(), O({
+			})], se = [o(), O({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], ue = [s(), O({
+			})], ue = [o(), O({
 				attribute: "loading-price",
 				type: Boolean
-			})], pe = [s(), O({ attribute: "card-action-label" })], ge = [s(), O({
+			})], pe = [o(), O({ attribute: "card-action-label" })], ge = [o(), O({
 				attribute: "accessibility-expanded",
 				type: Boolean
-			})], ye = [s(), O({ type: Boolean })], Se = [O()], t(this, null, V, {
+			})], ye = [o(), O({ type: Boolean })], Se = [O()], t(this, null, V, {
 				kind: "accessor",
 				name: "trip",
 				static: !1,
@@ -191,7 +191,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 					}
 				},
 				metadata: e
-			}, Q, te), t(this, null, $, {
+			}, Q, $), t(this, null, te, {
 				kind: "accessor",
 				name: "boarding",
 				static: !1,
@@ -315,7 +315,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			];
 		}
 		static {
-			this.styles = [a, D(L)];
+			this.styles = [S, D(L)];
 		}
 		#e;
 		get trip() {
@@ -388,7 +388,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			this.#l = e;
 		}
 		set now(e) {
-			this._now = o.getValidDateOrNull(o.deserialize(e));
+			this._now = a.getValidDateOrNull(a.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
@@ -415,7 +415,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			if (!this.trip.summary?.product) return null;
 			let e = this._getRideLegs(), t = this.trip.summary.product?.vehicleMode === "TRAIN" ? e[0].serviceJourney.quayTypeShortName || "" : e[0].serviceJourney.quayTypeName || "";
 			return {
-				long: f[this._language.current] + " " + t,
+				long: d[this._language.current] + " " + t,
 				short: t
 			};
 		}
@@ -439,9 +439,9 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 			};
 		}
 		_getAccessibilityText(t) {
-			let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure: s, arrival: f, product: S, direction: C, occupancy: w, duration: T } = n || {}, { departureTimeAttribute: E, arrivalTimeAttribute: D } = ee(r, a || 0, o || 0, this._language.current, this.a11yFootpath), O = this._getRideLegs(), A = s?.time ? j(s.time) : void 0, M = f?.time ? j(f.time) : void 0, N = E ? `${E.text} ${E.duration}, ` : "", P = D ? `${D.text} ${D.duration}, ` : "", F = A ? `${u[this._language.current]}: ${e(A, "HH:mm")}, ` : "", I = () => s?.quayFormatted ? `${s?.quayChanged ? `${m[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${s?.quayFormatted}, ` : "", L = S && S.vehicleMode ? p[S.vehicleMode.toLowerCase()] && `${p[S.vehicleMode.toLowerCase()][this._language.current]}, ` : "", R = S?.vehicleSubModeShortName ? `${S.vehicleSubModeShortName} ${S.line || ""}, ` : "", z = `${d[this._language.current]} ${C}, `, B = this._handleHimCus(t), V = B?.cus?.text ? `${g[this._language.current]}: ${B?.cus?.text}, ` : "", H = B?.him?.text ? `${g[this._language.current]}: ${B?.him?.text}, ` : "", U = this.boarding ? `${this.boarding.text}, ` : "", W = `${this.price?.isDiscount ? _[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, G = O.length > 2 ? `${O.length - 1} ${y[this._language.current]}, ` : O.length > 1 ? `${O.length - 1} ${v[this._language.current]}, ` : "", K = M ? `${c[this._language.current]}: ${e(M, "HH:mm")}, ` : "", q = "";
-			w && (w.firstClass && w.firstClass !== "UNKNOWN" && (q += `${l.first[this._language.current]} ${h[w.firstClass.toLowerCase()]?.[this._language.current]}.`), w.secondClass && w.secondClass !== "UNKNOWN" && (q += ` ${l.second[this._language.current]} ${h[w.secondClass.toLowerCase()]?.[this._language.current]}.`));
-			let J = i && Y(i).length && Y(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", X = J ? `${b[this._language.current]}: ${J}` : "", Z = T && T > 0 ? `${x[this._language.current]} ${k(T, this._language.current).long}, ` : "";
+			let { summary: n, legs: r, notices: i } = t || {}, { departureWalk: a, arrivalWalk: o, departure: d, arrival: x, product: S, direction: C, occupancy: w, duration: T } = n || {}, { departureTimeAttribute: E, arrivalTimeAttribute: D } = ee(r, a || 0, o || 0, this._language.current, this.a11yFootpath), O = this._getRideLegs(), A = d?.time ? j(d.time) : void 0, M = x?.time ? j(x.time) : void 0, N = E ? `${E.text} ${E.duration}, ` : "", P = D ? `${D.text} ${D.duration}, ` : "", F = A ? `${l[this._language.current]}: ${e(A, "HH:mm")}, ` : "", I = () => d?.quayFormatted ? `${d?.quayChanged ? `${p[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${d?.quayFormatted}, ` : "", L = S && S.vehicleMode ? f[S.vehicleMode.toLowerCase()] && `${f[S.vehicleMode.toLowerCase()][this._language.current]}, ` : "", R = S?.vehicleSubModeShortName ? `${S.vehicleSubModeShortName} ${S.line || ""}, ` : "", z = `${u[this._language.current]} ${C}, `, B = this._handleHimCus(t), V = B?.cus?.text ? `${h[this._language.current]}: ${B?.cus?.text}, ` : "", H = B?.him?.text ? `${h[this._language.current]}: ${B?.him?.text}, ` : "", U = this.boarding ? `${this.boarding.text}, ` : "", W = `${this.price?.isDiscount ? g[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, G = O.length > 2 ? `${O.length - 1} ${v[this._language.current]}, ` : O.length > 1 ? `${O.length - 1} ${_[this._language.current]}, ` : "", K = M ? `${s[this._language.current]}: ${e(M, "HH:mm")}, ` : "", q = "";
+			w && (w.firstClass && w.firstClass !== "UNKNOWN" && (q += `${c.first[this._language.current]} ${m[w.firstClass.toLowerCase()]?.[this._language.current]}.`), w.secondClass && w.secondClass !== "UNKNOWN" && (q += ` ${c.second[this._language.current]} ${m[w.secondClass.toLowerCase()]?.[this._language.current]}.`));
+			let J = i && Y(i).length && Y(i)?.map((e, t) => t < 4 && e.text?.template).join(", ") + ", ", X = J ? `${y[this._language.current]}: ${J}` : "", Z = T && T > 0 ? `${b[this._language.current]} ${k(T, this._language.current).long}, ` : "";
 			return [
 				N,
 				F,
@@ -463,7 +463,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
 		}
 		render() {
 			if (this.loadingTrip) return this._renderSkeleton();
-			let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: s, arrival: c, arrivalWalk: l, occupancy: f, duration: h } = r || {}, g = this._handleHimCus(this.trip), v = !!g.cus || !!g.him, y = n && Y(n), b = h ? k(h, this._language.current) : null;
+			let { legs: e, id: t, notices: n, summary: r } = this.trip || {}, { product: i, direction: a, departureWalk: o, departure: s, arrival: c, arrivalWalk: d, occupancy: m, duration: h } = r || {}, _ = this._handleHimCus(this.trip), v = !!_.cus || !!_.him, y = n && Y(n), x = h ? k(h, this._language.current) : null;
 			return T`
       <sbb-card class="sbb-card-spacing-4x-xxs" id=${t}>
         <sbb-card-button
@@ -476,7 +476,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
         ${this.price && !this.loadingPrice ? T`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
               ${this.price.isDiscount ? T`<span aria-hidden="true">
                     %<span class="sbb-screen-reader-only"
-                      >${_[this._language.current]}</span
+                      >${g[this._language.current]}</span
                     >
                   </span>` : E}
               ${this.price.text ? T`<span>${this.price.text}</span>` : E}
@@ -491,13 +491,13 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
                   name="picto:${i.corporateIdentityPictogram}"
                 ></sbb-icon>
                 <span class="sbb-screen-reader-only">
-                  ${i && i.vehicleMode && p[i.vehicleMode.toLowerCase()] && p[i.vehicleMode.toLowerCase()][this._language.current]}
+                  ${i && i.vehicleMode && f[i.vehicleMode.toLowerCase()] && f[i.vehicleMode.toLowerCase()][this._language.current]}
                   &nbsp;
                 </span>
               </span>`}
               ${i && (i.corporateIdentityIcon ? R(i.corporateIdentityIcon, i.name) : i.vehicleSubModeShortName && z(i.vehicleSubModeShortName, i?.line))}
             </div>
-            ${a ? T`<p>${`${d[this._language.current]} ${a}`}</p>` : E}
+            ${a ? T`<p>${`${u[this._language.current]} ${a}`}</p>` : E}
           </div>
           <sbb-pearl-chain-time
             role="gridcell"
@@ -505,7 +505,7 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
             .departureTime=${s?.time}
             .arrivalTime=${c?.time}
             .departureWalk=${o}
-            .arrivalWalk=${l}
+            .arrivalWalk=${d}
             ?disable-animation=${this.disableAnimation}
             ?a11y-footpath=${this.a11yFootpath}
             .now=${this.now}
@@ -515,14 +515,14 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
                   class=${s?.quayChanged ? "sbb-timetable__row-quay--changed" : E}
                 >
                   <span class="sbb-screen-reader-only">
-                    ${`${u[this._language.current]} ${s?.quayChanged ? m[this._language.current] : ""}`}
+                    ${`${l[this._language.current]} ${s?.quayChanged ? p[this._language.current] : ""}`}
                     &nbsp;
                   </span>
                   ${this._renderQuayType()} ${s?.quayFormatted}
                 </span>` : E}
-            ${f?.firstClass && f?.firstClass !== "UNKNOWN" || f?.secondClass && f.secondClass !== "UNKNOWN" ? T`<sbb-timetable-occupancy
-                  .firstClassOccupancy=${f?.firstClass?.toLowerCase()}
-                  .secondClassOccupancy=${f?.secondClass?.toLowerCase()}
+            ${m?.firstClass && m?.firstClass !== "UNKNOWN" || m?.secondClass && m.secondClass !== "UNKNOWN" ? T`<sbb-timetable-occupancy
+                  .firstClassOccupancy=${m?.firstClass?.toLowerCase()}
+                  .secondClassOccupancy=${m?.secondClass?.toLowerCase()}
                 ></sbb-timetable-occupancy>` : E}
             ${y && y.length || this.boarding ? T`<ul class="sbb-timetable__row-hints" role="list">
                   ${y?.map((e, t) => t < 4 ? T`<li>
@@ -543,13 +543,13 @@ var L = ":host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timeta
                 </ul>` : E}
             ${h && h > 0 ? T`<time>
                   <span class="sbb-screen-reader-only">
-                    ${`${x[this._language.current]} ${b.long}`}
+                    ${`${b[this._language.current]} ${x.long}`}
                   </span>
-                  <span aria-hidden="true">${b.short}</span>
+                  <span aria-hidden="true">${x.short}</span>
                 </time>` : E}
-            ${v && (g.cus || g.him) ? T`<span class="sbb-timetable__row-warning">
-                  <sbb-icon name=${(g.cus || g.him).name}></sbb-icon>
-                  <span class="sbb-screen-reader-only">${(g.cus || g.him).text}</span>
+            ${v && (_.cus || _.him) ? T`<span class="sbb-timetable__row-warning">
+                  <sbb-icon name=${(_.cus || _.him).name}></sbb-icon>
+                  <span class="sbb-screen-reader-only">${(_.cus || _.him).text}</span>
                 </span>` : E}
           </div>
         </div>

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-BnmrhD2d.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-BqIVlISS.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-BnmrhD2d.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-BqIVlISS.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/development/autocomplete-grid-cell.component-Buvsof-Y.js

@@ -1,33 +0,0 @@
-import { SbbElement, boxSizingStyles } from "@sbb-esta/lyne-elements/core.js";
-import { html, unsafeCSS } from "lit";
-//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?inline
-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}";
-//#endregion
-//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts
-/**
-* A wrapper component for autocomplete-grid action button.
-*
-* @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
-*/
-var SbbAutocompleteGridCellElement = class extends SbbElement {
-	static {
-		this.elementName = "sbb-autocomplete-grid-cell";
-	}
-	static {
-		this.role = "gridcell";
-	}
-	static {
-		this.styles = [boxSizingStyles, unsafeCSS(autocomplete_grid_cell_default)];
-	}
-	render() {
-		return html`
-      <span class="sbb-autocomplete-grid-cell">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { SbbAutocompleteGridCellElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQtQnV2c29mLVkuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1jZWxsL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwvYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNngpO1xuXG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGwge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC1nYXApO1xufVxuIiwiaW1wb3J0IHsgU2JiRWxlbWVudCwgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1jZWxsLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgY29tcG9uZW50IGZvciBhdXRvY29tcGxldGUtZ3JpZCBhY3Rpb24gYnV0dG9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b25gIGVsZW1lbnQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkQ2VsbEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSByb2xlID0gJ2dyaWRjZWxsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbCc6IFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQ1VBLElBQWEsaUNBQWIsY0FBb0QsV0FBVTs7QUFDNUIsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSwrQkFBTSxDQUFDOztDQUVoRSxTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9