@sbb-esta/lyne-elements-experimental-dev 5.0.0-next.1-dev.1777448516 → 5.0.0-next.1-dev.1777455651

package/development/timetable-row.js

@@ -1,4 +1,4 @@
-import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-B884Zj89.js";
+import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-BjaJFKLW.js";
 import "./timetable-row.pure.js";
 //#region src/elements-experimental/timetable-row.ts
 /** @entrypoint */

package/development/timetable-row.pure.js

@@ -1,2 +1,2 @@
-import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-B884Zj89.js";
+import { a as handleNotices, c as sortSituation, i as getHimIcon, n as filterNotices, o as renderIconProduct, r as getCus, s as renderStringProduct, t as SbbTimetableRowElement } from "./timetable-row.component-BjaJFKLW.js";
 export { SbbTimetableRowElement, filterNotices, getCus, getHimIcon, handleNotices, renderIconProduct, renderStringProduct, sortSituation };

package/journey-summary/journey-summary.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../journey-summary.component-DqeuhXNk.js";
+import { t as e } from "../journey-summary.component-DZ9M06Nt.js";
 export { e as SbbJourneySummaryElement };

package/{journey-summary.component-DqeuhXNk.js → journey-summary.component-DZ9M06Nt.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./format-DbUuNYFU.js";
 import { t } from "./isValid-B9oVW3lA.js";
 import { __esDecorate as n, __runInitializers as r } from "tslib";
-import { SbbElement as i, SbbLanguageController as a, SbbScreenReaderOnlyElement as o, boxSizingStyles as s, defaultDateAdapter as c, forceType as l, i18nTripDuration as u } from "@sbb-esta/lyne-elements/core.js";
+import { SbbElement as i, SbbLanguageController as a, boxSizingStyles as o, defaultDateAdapter as s, forceType as c, i18nTripDuration as l, screenReaderOnlyStyles as u } from "@sbb-esta/lyne-elements/core.js";
 import { html as d, nothing as f, unsafeCSS as p } from "lit";
 import { SbbDividerElement as m } from "@sbb-esta/lyne-elements/divider.pure.js";
 import { SbbJourneyHeaderElement as h } from "@sbb-esta/lyne-elements/journey-header.pure.js";
@@ -20,13 +20,13 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			C = [g({ type: Object })], E = [g({
 				attribute: "trip-back",
 				type: Object
-			})], k = [l(), g({
+			})], k = [c(), g({
 				attribute: "round-trip",
 				type: Boolean
-			})], M = [g({ attribute: "header-level" })], F = [l(), g({
+			})], M = [g({ attribute: "header-level" })], F = [c(), g({
 				attribute: "disable-animation",
 				type: Boolean
-			})], R = [l(), g({
+			})], R = [c(), g({
 				attribute: "a11y-footpath",
 				type: Boolean
 			})], V = [g()], n(this, null, C, {
@@ -133,12 +133,15 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			this.elementDependencies = [
 				m,
 				h,
-				y,
-				o
+				y
 			];
 		}
 		static {
-			this.styles = [s, p(b)];
+			this.styles = [
+				o,
+				u,
+				p(b)
+			];
 		}
 		#e;
 		get trip() {
@@ -183,7 +186,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			this.#a = e;
 		}
 		set now(e) {
-			this._now = c.getValidDateOrNull(c.deserialize(e));
+			this._now = s.getValidDateOrNull(s.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
@@ -192,14 +195,14 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			super.connectedCallback(), this._hasContentSlot = !!this.querySelector?.("[slot=\"content\"]");
 		}
 		_renderJourneyStart(n, r) {
-			let i = c, a = r ? _(r, this._language.current) : null;
+			let i = s, a = r ? _(r, this._language.current) : null;
 			if (t(n)) return d`
         <time datetime=${e(n, "d") + " " + e(n, "M")}>
           ${i.format(n).replace(",", ".")}</time
         >${r && r > 0 ? d`,<time>
-                <sbb-screen-reader-only>
-                  ${u[this._language.current]} ${a.long}
-                </sbb-screen-reader-only>
+                <span class="sbb-screen-reader-only">
+                  ${l[this._language.current]} ${a.long}
+                </span>
                 <span aria-hidden="true">${a.short}</span>
               </time>` : f}
       `;

package/journey-summary.js

@@ -1,4 +1,4 @@
-import { t as e } from "./journey-summary.component-DqeuhXNk.js";
+import { t as e } from "./journey-summary.component-DZ9M06Nt.js";
 import "./journey-summary.pure.js";
 //#region src/elements-experimental/journey-summary.ts
 e.define();

package/journey-summary.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./journey-summary.component-DqeuhXNk.js";
+import { t as e } from "./journey-summary.component-DZ9M06Nt.js";
 export { e as SbbJourneySummaryElement };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "5.0.0-next.1-dev.1777448516",
+  "version": "5.0.0-next.1-dev.1777455651",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/7993f82d5fbf3baffe5258eaaa716052c91ef4de"
+    "https://github.com/sbb-design-systems/lyne-components/commit/af1886f019eb34d46855abebe0e56ed562c54b20"
   ],
   "type": "module",
   "exports": {

package/pearl-chain/pearl-chain.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain.component-BAtmfmpA.js";
+import { t as e } from "../pearl-chain.component-D7Dz_ruc.js";
 export { e as SbbPearlChainElement };

package/pearl-chain-time/pearl-chain-time.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-time.component-awU4lFdO.js";
+import { t as e } from "../pearl-chain-time.component-DGilJDFx.js";
 export { e as SbbPearlChainTimeElement };

package/{pearl-chain-time.component-awU4lFdO.js → pearl-chain-time.component-DGilJDFx.js}

@@ -1,33 +1,33 @@
 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, i18nDeparture as l, i18nTransferProcedures as u } from "@sbb-esta/lyne-elements/core.js";
-import { SbbIconElement as d } from "@sbb-esta/lyne-elements/icon.pure.js";
-import { html as f, nothing as p, unsafeCSS as m } from "lit";
-import { property as h } from "lit/decorators.js";
-import { getDepartureArrivalTimeAttribute as g, isRideLeg as _, removeTimezoneFromISOTimeString as v } from "./core.js";
-import { SbbPearlChainElement as y } from "./pearl-chain.pure.js";
+import { SbbElement as r, SbbLanguageController as i, boxSizingStyles as a, defaultDateAdapter as o, forceType as s, i18nArrival as c, i18nDeparture as l, i18nTransferProcedures as u, screenReaderOnlyStyles as d } from "@sbb-esta/lyne-elements/core.js";
+import { SbbIconElement as f } from "@sbb-esta/lyne-elements/icon.pure.js";
+import { html as p, nothing as m, unsafeCSS as h } from "lit";
+import { property as g } from "lit/decorators.js";
+import { getDepartureArrivalTimeAttribute as _, isRideLeg as v, removeTimezoneFromISOTimeString as y } from "./core.js";
+import { SbbPearlChainElement as b } from "./pearl-chain.pure.js";
 //#region src/elements-experimental/pearl-chain-time/pearl-chain-time.scss?inline
-var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-width:37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media(min-width:64rem){:host{--sbb-pearl-chain-time-height: 1.75rem}}.sbb-pearl-chain__time{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:var(--sbb-pearl-chain-time-height)}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--sbb-text-font-size: var(--sbb-text-font-size-xxs);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:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--walk-small-left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{transform:translate(-.375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{flex:1 1 auto;align-self:center;margin-inline:var(--sbb-spacing-fixed-3x)}.sbb-pearl-chain__time-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;color:var(--sbb-color-2)}.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}", x = (() => {
-	let x = r, S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H = [], U = [], W;
-	return class extends x {
+var x = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-width:37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media(min-width:64rem){:host{--sbb-pearl-chain-time-height: 1.75rem}}.sbb-pearl-chain__time{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:var(--sbb-pearl-chain-time-height)}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--sbb-text-font-size: var(--sbb-text-font-size-xxs);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:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--walk-small-left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{transform:translate(-.375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{flex:1 1 auto;align-self:center;margin-inline:var(--sbb-spacing-fixed-3x)}.sbb-pearl-chain__time-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;color:var(--sbb-color-2)}", S = (() => {
+	let S = r, C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G;
+	return class extends S {
 		constructor() {
-			super(...arguments), this.#e = (n(this, S), n(this, w, [])), this.#t = (n(this, T), n(this, D, "")), this.#n = (n(this, O), n(this, A, "")), this.#r = (n(this, j), n(this, N, NaN)), this.#i = (n(this, P), n(this, I, NaN)), this.#a = (n(this, L), n(this, z, !1)), this.#o = (n(this, B), n(this, H, !1)), this._now = (n(this, U), null), this._language = new i(this);
+			super(...arguments), this.#e = (n(this, C), n(this, T, [])), this.#t = (n(this, E), n(this, O, "")), this.#n = (n(this, k), n(this, j, "")), this.#r = (n(this, M), n(this, P, NaN)), this.#i = (n(this, F), n(this, L, NaN)), this.#a = (n(this, R), n(this, B, !1)), this.#o = (n(this, V), n(this, U, !1)), this._now = (n(this, W), null), this._language = new i(this);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-			C = [h({ type: Array })], E = [s(), h({ attribute: "departure-time" })], k = [s(), h({ attribute: "arrival-time" })], M = [s(), h({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
+			w = [g({ type: Array })], D = [s(), g({ attribute: "departure-time" })], A = [s(), g({ attribute: "arrival-time" })], N = [s(), g({
 				attribute: "departure-walk",
 				type: Number
-			})], F = [s(), h({
+			})], I = [s(), g({
 				attribute: "arrival-walk",
 				type: Number
-			})], R = [s(), h({
+			})], z = [s(), g({
 				attribute: "disable-animation",
 				type: Boolean
-			})], V = [s(), h({
+			})], H = [s(), g({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], W = [h()], t(this, null, C, {
+			})], G = [g()], t(this, null, w, {
 				kind: "accessor",
 				name: "legs",
 				static: !1,
@@ -40,7 +40,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, w, T), t(this, null, E, {
+			}, T, E), t(this, null, D, {
 				kind: "accessor",
 				name: "departureTime",
 				static: !1,
@@ -53,7 +53,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, D, O), t(this, null, k, {
+			}, O, k), t(this, null, A, {
 				kind: "accessor",
 				name: "arrivalTime",
 				static: !1,
@@ -66,7 +66,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, A, j), t(this, null, M, {
+			}, j, M), t(this, null, N, {
 				kind: "accessor",
 				name: "departureWalk",
 				static: !1,
@@ -79,7 +79,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, N, P), t(this, null, F, {
+			}, P, F), t(this, null, I, {
 				kind: "accessor",
 				name: "arrivalWalk",
 				static: !1,
@@ -92,7 +92,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, I, L), t(this, null, R, {
+			}, L, R), t(this, null, z, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -105,7 +105,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, z, B), t(this, null, V, {
+			}, B, V), t(this, null, H, {
 				kind: "accessor",
 				name: "a11yFootpath",
 				static: !1,
@@ -118,7 +118,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, H, U), t(this, null, W, {
+			}, U, W), t(this, null, G, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -130,7 +130,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, null, S), e && Object.defineProperty(this, Symbol.metadata, {
+			}, null, C), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -141,10 +141,14 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			this.elementName = "sbb-pearl-chain-time";
 		}
 		static {
-			this.elementDependencies = [d, y];
+			this.elementDependencies = [f, b];
 		}
 		static {
-			this.styles = [a, m(b)];
+			this.styles = [
+				a,
+				d,
+				h(x)
+			];
 		}
 		#e;
 		get legs() {
@@ -202,31 +206,31 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			return this._now ?? /* @__PURE__ */ new Date();
 		}
 		render() {
-			let t = this.departureTime ? v(this.departureTime) : void 0, n = this.arrivalTime ? v(this.arrivalTime) : void 0, { renderDepartureTimeAttribute: r, renderArrivalTimeAttribute: i } = g(this.legs, this.departureWalk || 0, this.arrivalWalk || 0, this._language.current, this.a11yFootpath), a = this.legs?.filter((e) => _(e));
-			return f`
+			let t = this.departureTime ? y(this.departureTime) : void 0, n = this.arrivalTime ? y(this.arrivalTime) : void 0, { renderDepartureTimeAttribute: r, renderArrivalTimeAttribute: i } = _(this.legs, this.departureWalk || 0, this.arrivalWalk || 0, this._language.current, this.a11yFootpath), a = this.legs?.filter((e) => v(e));
+			return p`
       <div class="sbb-pearl-chain__time">
         ${r()}
-        ${t ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
+        ${t ? p`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
               <span class="sbb-screen-reader-only"
                 >${l[this._language.current]}:&nbsp;</span
               >
               ${e(t, "HH:mm")}
-            </time>` : p}
-        ${a?.length > 1 ? f`<span class="sbb-screen-reader-only" role="paragraph">
+            </time>` : m}
+        ${a?.length > 1 ? p`<span class="sbb-screen-reader-only" role="paragraph">
               ${a?.length - 1} ${u[this._language.current]}
-            </span>` : p}
+            </span>` : m}
         <sbb-pearl-chain
           class="sbb-pearl-chain__time-chain"
           .legs=${this.legs}
           .disableAnimation=${this.disableAnimation}
           .now=${this.now}
         ></sbb-pearl-chain>
-        ${n ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
+        ${n ? p`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
               <span class="sbb-screen-reader-only"
                 >${c[this._language.current]}:&nbsp;</span
               >
               ${e(n, "HH:mm")}
-            </time>` : p}
+            </time>` : m}
         ${i()}
       </div>
     `;
@@ -234,4 +238,4 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 	};
 })();
 //#endregion
-export { x as t };
+export { S as t };

package/pearl-chain-time.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-time.component-awU4lFdO.js";
+import { t as e } from "./pearl-chain-time.component-DGilJDFx.js";
 import "./pearl-chain-time.pure.js";
 //#region src/elements-experimental/pearl-chain-time.ts
 e.define();

package/pearl-chain-time.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-time.component-awU4lFdO.js";
+import { t as e } from "./pearl-chain-time.component-DGilJDFx.js";
 export { e as SbbPearlChainTimeElement };

package/{pearl-chain.component-BAtmfmpA.js → pearl-chain.component-D7Dz_ruc.js}

@@ -1,34 +1,34 @@
 import { t as e } from "./toDate-p-Tpkb7t.js";
 import { r as t, t as n } from "./differenceInMinutes-Dr9gRqtu.js";
 import { __esDecorate as r, __runInitializers as i } from "tslib";
-import { SbbElement as a, boxSizingStyles as o, defaultDateAdapter as s, forceType as c } from "@sbb-esta/lyne-elements/core.js";
-import { html as l, nothing as u, unsafeCSS as d } from "lit";
-import { property as f } from "lit/decorators.js";
-import { isRideLeg as p, removeTimezoneFromISOTimeString as m } from "./core.js";
-import { styleMap as h } from "lit/directives/style-map.js";
+import { SbbElement as a, boxSizingStyles as o, defaultDateAdapter as s, forceType as c, screenReaderOnlyStyles as l } from "@sbb-esta/lyne-elements/core.js";
+import { html as u, nothing as d, unsafeCSS as f } from "lit";
+import { property as p } from "lit/decorators.js";
+import { isRideLeg as m, removeTimezoneFromISOTimeString as h } from "./core.js";
+import { styleMap as g } from "lit/directives/style-map.js";
 //#region node_modules/date-fns/isAfter.js
-function g(t, n) {
+function _(t, n) {
 	return +e(t) > +e(n);
 }
 //#endregion
 //#region node_modules/date-fns/isBefore.js
-function _(t, n) {
+function v(t, n) {
 	return +e(t) < +e(n);
 }
 //#endregion
 //#region src/elements-experimental/pearl-chain/pearl-chain.scss?inline
-var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-chain-spacing-small: .125rem;--sbb-pearl-chain-color: var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-color-past: var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-leg-width: 100%;display:block;--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end: .625rem;--sbb-pearl-chain-bullet-size-stop: .5rem;--sbb-pearl-chain-bullet-color: var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-past: light-dark(var(--sbb-color-metal), var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-irrelevant: light-dark( var(--sbb-color-metal), var(--sbb-color-granite) );--sbb-pearl-chain-bullet-color-disruption: var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration: 1.92s;--sbb-pearl-chain-bullet-animation-easing: ease-out;--sbb-pearl-chain-bullet-crossed-width: .88375rem;--sbb-pearl-chain-bullet-crossed-height: .21875rem;--sbb-pearl-chain-bullet-crossed-border-width: .09375rem}.sbb-pearl-chain{position:relative;display:flex;justify-content:space-between;flex-wrap:nowrap;color:var(--sbb-pearl-chain-color);width:100%;padding-block:calc((var(--sbb-pearl-chain-bullet-size-start-end) - var(--sbb-pearl-chain-height)) / 2);padding-inline-end:var(--sbb-pearl-chain-bullet-size-start-end)}.sbb-pearl-chain__bullet{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__bullet{content:\"\";position:absolute;background-color:currentcolor;inset-block-start:0;z-index:3}.sbb-pearl-chain__bullet:first-of-type{inset-inline-start:0}.sbb-pearl-chain__bullet:last-of-type{inset-inline-end:0}.sbb-pearl-chain__leg{flex-shrink:0;flex-grow:0;position:relative;height:var(--sbb-pearl-chain-height);border-inline-end:var(--sbb-pearl-chain-spacing-small) solid Canvas;background-color:currentcolor;width:var(--sbb-pearl-chain-leg-width);display:flex;align-items:center}@media(forced-colors:active){.sbb-pearl-chain__leg{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type{border:none}.sbb-pearl-chain__stop{position:relative;z-index:2;background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__bullet--future{background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet--future{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{color:var(--sbb-pearl-chain-color-past);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{--sbb-pearl-chain-bullet-color: GrayText !important}}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{background-color:GrayText!important}}.sbb-pearl-chain__bullet--progress{background:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__bullet--progress{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:var(--sbb-pearl-chain-color-disruption);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{--sbb-pearl-chain-bullet-color: Highlight}}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:Highlight;background:Highlight}}.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: Highlight}}.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__leg--disruption:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__leg--skipped{color:var(--sbb-pearl-chain-color-disruption)}.sbb-pearl-chain__leg--skipped:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--skipped:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__stop--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__stop--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain__stop--departure-skipped:before{background:Highlight}}.sbb-pearl-chain--arrival-skipped,.sbb-pearl-chain--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{background:Highlight}}.sbb-pearl-chain__leg:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:0;background-color:currentcolor;border-radius:var(--sbb-pearl-chain-height);z-index:1}@media(forced-colors:active){.sbb-pearl-chain__leg:after{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg:after{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type:after{inset-inline-end:calc(-1 * var(--sbb-pearl-chain-height))}.sbb-pearl-chain__leg--progress:after{background-color:var(--sbb-pearl-chain-color-past);width:var(--sbb-pearl-chain-leg-status)}.sbb-pearl-chain__position{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-position-color)}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-position-color: Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--sbb-pearl-chain-position-color) 20%,transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain__position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite;position:absolute;inset-block-start:-200%;z-index:4;inset-inline-start:var(--sbb-pearl-chain-status-position)}.sbb-pearl-chain__position--no-animation{animation:unset}.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}", y = (() => {
-	let e = a, y = [], b, x = [], S = [], C, w = [], T = [], E;
+var y = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-chain-spacing-small: .125rem;--sbb-pearl-chain-color: var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-color-past: var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-leg-width: 100%;display:block;--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end: .625rem;--sbb-pearl-chain-bullet-size-stop: .5rem;--sbb-pearl-chain-bullet-color: var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-past: light-dark(var(--sbb-color-metal), var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-irrelevant: light-dark( var(--sbb-color-metal), var(--sbb-color-granite) );--sbb-pearl-chain-bullet-color-disruption: var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration: 1.92s;--sbb-pearl-chain-bullet-animation-easing: ease-out;--sbb-pearl-chain-bullet-crossed-width: .88375rem;--sbb-pearl-chain-bullet-crossed-height: .21875rem;--sbb-pearl-chain-bullet-crossed-border-width: .09375rem}.sbb-pearl-chain{position:relative;display:flex;justify-content:space-between;flex-wrap:nowrap;color:var(--sbb-pearl-chain-color);width:100%;padding-block:calc((var(--sbb-pearl-chain-bullet-size-start-end) - var(--sbb-pearl-chain-height)) / 2);padding-inline-end:var(--sbb-pearl-chain-bullet-size-start-end)}.sbb-pearl-chain__bullet{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__bullet{content:\"\";position:absolute;background-color:currentcolor;inset-block-start:0;z-index:3}.sbb-pearl-chain__bullet:first-of-type{inset-inline-start:0}.sbb-pearl-chain__bullet:last-of-type{inset-inline-end:0}.sbb-pearl-chain__leg{flex-shrink:0;flex-grow:0;position:relative;height:var(--sbb-pearl-chain-height);border-inline-end:var(--sbb-pearl-chain-spacing-small) solid Canvas;background-color:currentcolor;width:var(--sbb-pearl-chain-leg-width);display:flex;align-items:center}@media(forced-colors:active){.sbb-pearl-chain__leg{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type{border:none}.sbb-pearl-chain__stop{position:relative;z-index:2;background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__bullet--future{background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__bullet--future{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{color:var(--sbb-pearl-chain-color-past);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{--sbb-pearl-chain-bullet-color: GrayText !important}}@media(forced-colors:active){.sbb-pearl-chain__leg--past,.sbb-pearl-chain--past,.sbb-pearl-chain__leg--past:after,.sbb-pearl-chain__leg--progress:after,.sbb-pearl-chain__leg--progress .sbb-pearl-chain__stop,.sbb-pearl-chain--progress,.sbb-pearl-chain__bullet--past{background-color:GrayText!important}}.sbb-pearl-chain__bullet--progress{background:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__bullet--progress{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:var(--sbb-pearl-chain-color-disruption);--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{--sbb-pearl-chain-bullet-color: Highlight}}@media(forced-colors:active){.sbb-pearl-chain__bullet--departure-disruption,.sbb-pearl-chain--arrival-disruption,.sbb-pearl-chain--departure-disruption,.sbb-pearl-chain__leg--disruption{color:Highlight;background:Highlight}}.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: Highlight}}.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain__leg--past .sbb-pearl-chain__stop{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain__leg--disruption:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--disruption:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__leg--skipped{color:var(--sbb-pearl-chain-color-disruption)}.sbb-pearl-chain__leg--skipped:after{background-color:unset;background-image:linear-gradient(to right,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-x;background-size:calc(2 * var(--sbb-pearl-chain-spacing-small)) var(--sbb-pearl-chain-height);inset-inline-end:var(--sbb-pearl-chain-height)}@media(forced-colors:active){.sbb-pearl-chain__leg--skipped:after{background:unset;border-block-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain__stop--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain__stop--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain__stop--departure-skipped:before{background:Highlight}}.sbb-pearl-chain--arrival-skipped,.sbb-pearl-chain--departure-skipped{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width)}@media(forced-colors:active){.sbb-pearl-chain--arrival-skipped:before,.sbb-pearl-chain--departure-skipped:before{background:Highlight}}.sbb-pearl-chain__leg:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:0;background-color:currentcolor;border-radius:var(--sbb-pearl-chain-height);z-index:1}@media(forced-colors:active){.sbb-pearl-chain__leg:after{background-color:CanvasText}.sbb-pearl-chain--past .sbb-pearl-chain__leg:after{background-color:GrayText}}.sbb-pearl-chain__leg:last-of-type:after{inset-inline-end:calc(-1 * var(--sbb-pearl-chain-height))}.sbb-pearl-chain__leg--progress:after{background-color:var(--sbb-pearl-chain-color-past);width:var(--sbb-pearl-chain-leg-status)}.sbb-pearl-chain__position{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain__position{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-position-color)}@media(forced-colors:active){.sbb-pearl-chain__position{--sbb-pearl-chain-position-color: Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--sbb-pearl-chain-position-color) 20%,transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain__position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite;position:absolute;inset-block-start:-200%;z-index:4;inset-inline-start:var(--sbb-pearl-chain-status-position)}.sbb-pearl-chain__position--no-animation{animation:unset}", b = (() => {
+	let e = a, b = [], x, S = [], C = [], w, T = [], E = [], D;
 	return class extends e {
 		constructor() {
-			super(...arguments), this.#e = (i(this, y), i(this, x, [])), this.#t = (i(this, S), i(this, w, !1)), this._now = (i(this, T), null);
+			super(...arguments), this.#e = (i(this, b), i(this, S, [])), this.#t = (i(this, C), i(this, T, !1)), this._now = (i(this, E), null);
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-			b = [f({ type: Array })], C = [c(), f({
+			x = [p({ type: Array })], w = [c(), p({
 				attribute: "disable-animation",
 				type: Boolean
-			})], E = [f()], r(this, null, b, {
+			})], D = [p()], r(this, null, x, {
 				kind: "accessor",
 				name: "legs",
 				static: !1,
@@ -41,7 +41,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 					}
 				},
 				metadata: t
-			}, x, S), r(this, null, C, {
+			}, S, C), r(this, null, w, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -54,7 +54,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 					}
 				},
 				metadata: t
-			}, w, T), r(this, null, E, {
+			}, T, E), r(this, null, D, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -66,7 +66,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 					}
 				},
 				metadata: t
-			}, null, y), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, b), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -77,7 +77,11 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			this.elementName = "sbb-pearl-chain";
 		}
 		static {
-			this.styles = [o, d(v)];
+			this.styles = [
+				o,
+				l,
+				f(y)
+			];
 		}
 		#e;
 		get legs() {
@@ -101,17 +105,17 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 		}
 		_getAllDuration(e) {
 			return e?.reduce((e, t) => {
-				let r = m(t.arrival?.time), i = m(t.departure?.time);
-				return r && i ? e + n(m(t.arrival.time), m(t.departure.time)) : e;
+				let r = h(t.arrival?.time), i = h(t.departure?.time);
+				return r && i ? e + n(h(t.arrival.time), h(t.departure.time)) : e;
 			}, 0);
 		}
 		_isAllCancelled(e) {
 			return e?.every((e) => e?.serviceJourney?.serviceAlteration?.cancelled);
 		}
 		_getRelativeDuration(e, t) {
-			let r = m(t.arrival?.time), i = m(t.departure?.time);
+			let r = h(t.arrival?.time), i = h(t.departure?.time);
 			if (r && i) {
-				let r = n(m(t.arrival.time), m(t.departure.time)), i = this._getAllDuration(e);
+				let r = n(h(t.arrival.time), h(t.departure.time)), i = this._getAllDuration(e);
 				return i === 0 ? 100 : r / i * 100;
 			}
 			return 0;
@@ -123,7 +127,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 		}
 		_getStatus(e, n, r) {
 			let i = n && n.time && t(n.time, n.delay ?? 0), a = r && r.time && t(r.time, r.delay ?? 0);
-			return i && _(i, e) && a && g(a, e) ? "progress" : a && _(a, e) ? "past" : "future";
+			return i && v(i, e) && a && _(a, e) ? "progress" : a && v(a, e) ? "past" : "future";
 		}
 		_renderPosition(e, t, n) {
 			let r = this._getProgress(e, t, n);
@@ -132,54 +136,54 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 				"--sbb-pearl-chain-status-position": `${r}%`,
 				...r >= 50 ? { transform: "translateX(-100%)" } : {}
 			}), a = this.disableAnimation ? "sbb-pearl-chain__position--no-animation" : "";
-			return l`<span
-      style=${h(i())}
+			return u`<span
+      style=${g(i())}
       class="sbb-pearl-chain__position ${a}"
     ></span>`;
 		}
 		render() {
-			let e = this.now ?? /* @__PURE__ */ new Date(), t = this.legs?.filter((e) => p(e)), n = t?.length && m(t[0]?.departure?.time), r = n && {
+			let e = this.now ?? /* @__PURE__ */ new Date(), t = this.legs?.filter((e) => m(e)), n = t?.length && h(t[0]?.departure?.time), r = n && {
 				time: n,
 				delay: t[0].departure.delay ?? 0
-			}, i = t?.length && m(t[t.length - 1].arrival?.time), a = i && {
+			}, i = t?.length && h(t[t.length - 1].arrival?.time), a = i && {
 				time: i,
 				delay: t[t.length - 1]?.arrival.delay ?? 0
 			}, o = t && t[0]?.serviceJourney?.stopPoints && t[0]?.serviceJourney?.stopPoints[0].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--departure-skipped" : "", s = (() => {
 				let e = t && t[t.length - 1], n = e && e.serviceJourney?.stopPoints;
 				return n && n[n.length - 1].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--arrival-skipped" : "";
-			})(), c = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", d = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), g = t && f && !c ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !d ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
-			return this._isAllCancelled(t) ? l`
+			})(), c = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", l = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), p = t && f && !c ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !l ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
+			return this._isAllCancelled(t) ? u`
         <div class="sbb-pearl-chain">
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
           <div class="sbb-pearl-chain__leg sbb-pearl-chain__leg--disruption"></div>
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
         </div>
-      ` : l`
+      ` : u`
       <div class="sbb-pearl-chain">
         <span
-          class="sbb-pearl-chain__bullet ${g} ${o} ${c}"
+          class="sbb-pearl-chain__bullet ${p} ${o} ${c}"
         ></span>
         ${t?.map((n, r) => {
-				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), s = m(n.departure?.time), c = m(n.arrival?.time), d = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", p = i && i[0]?.stopStatus === "NOT_SERVICED", g = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = g && g[g.length - 1]?.stopStatus === "NOT_SERVICED", v = d || p && f ? "sbb-pearl-chain__leg--skipped" : "", y = p || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
+				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), s = h(n.departure?.time), c = h(n.arrival?.time), l = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", p = i && i[0]?.stopStatus === "NOT_SERVICED", m = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = m && m[m.length - 1]?.stopStatus === "NOT_SERVICED", v = l || p && f ? "sbb-pearl-chain__leg--skipped" : "", y = p || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
 					time: s,
 					delay: n.departure?.delay ?? 0
 				}, S = {
 					time: c,
 					delay: n.arrival?.delay ?? 0
 				}, C = this._getStatus(e, x, S);
-				return l` <div
+				return u` <div
             class="sbb-pearl-chain__leg ${!b && !v && "sbb-pearl-chain__leg--" + C || ""} ${b} ${v}"
-            style=${h({
+            style=${g({
 					"--sbb-pearl-chain-leg-width": `${o}%`,
 					...C === "progress" && !b && !v ? { "--sbb-pearl-chain-leg-status": `${this._getProgress(e, x, S)}%` } : {}
 				})}
           >
-            ${r > 0 && r < t.length ? l`<span class="sbb-pearl-chain__stop ${y}"></span>` : u}
-            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : u}
+            ${r > 0 && r < t.length ? u`<span class="sbb-pearl-chain__stop ${y}"></span>` : d}
+            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : d}
           </div>`;
 			})}
         <span
-          class="sbb-pearl-chain__bullet ${_} ${s} ${d}"
+          class="sbb-pearl-chain__bullet ${_} ${s} ${l}"
         ></span>
       </div>
     `;
@@ -187,4 +191,4 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 	};
 })();
 //#endregion
-export { y as t };
+export { b as t };

package/pearl-chain.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain.component-BAtmfmpA.js";
+import { t as e } from "./pearl-chain.component-D7Dz_ruc.js";
 import "./pearl-chain.pure.js";
 //#region src/elements-experimental/pearl-chain.ts
 e.define();

package/pearl-chain.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain.component-BAtmfmpA.js";
+import { t as e } from "./pearl-chain.component-D7Dz_ruc.js";
 export { e as SbbPearlChainElement };

package/seat-reservation/seat-reservation/seat-reservation.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation.component-uWai3ks6.js";
+import { t as e } from "../../seat-reservation.component-80NgYHsf.js";
 export { e as SbbSeatReservationElement };

package/seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-navigation-coach.component-CGfmiQJq.js";
+import { t as e } from "../../seat-reservation-navigation-coach.component-cYSUjsBj.js";
 export { e as SbbSeatReservationNavigationCoachElement };

package/seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-navigation-services.component-DQviLWvy.js";
+import { t as e } from "../../seat-reservation-navigation-services.component-BSeCIGnn.js";
 export { e as SbbSeatReservationNavigationServicesElement };

package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../seat-reservation-place-control.component-BYJi6aYS.js";
+import { t as e } from "../../seat-reservation-place-control.component-DOEKL6FP.js";
 export { e as SbbSeatReservationPlaceControlElement };