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

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-C9Y9Rev1.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-C9Y9Rev1.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-C7WPKx8k.js";
+import { t as e } from "../journey-summary.component-CkDRawn9.js";
 export { e as SbbJourneySummaryElement };

package/{journey-summary.component-C7WPKx8k.js → journey-summary.component-CkDRawn9.js}

@@ -1,35 +1,35 @@
 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 { 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";
-import { property as g } from "lit/decorators.js";
-import { durationToTime as _, removeTimezoneFromISOTimeString as v } from "./core.js";
-import { SbbPearlChainTimeElement as y } from "./pearl-chain-time.pure.js";
+import { SbbElement as i, SbbLanguageController as a, defaultDateAdapter as o, forceType as s, i18nTripDuration 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 { SbbDividerElement as p } from "@sbb-esta/lyne-elements/divider.pure.js";
+import { SbbJourneyHeaderElement as m } from "@sbb-esta/lyne-elements/journey-header.pure.js";
+import { property as h } from "lit/decorators.js";
+import { durationToTime as g, removeTimezoneFromISOTimeString as _ } from "./core.js";
+import { SbbPearlChainTimeElement as v } from "./pearl-chain-time.pure.js";
 //#region src/elements-experimental/journey-summary/journey-summary.scss?inline
-var b = ":host{display:block}.sbb-journey-summary{--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);color:var(--sbb-color-4);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}", x = (() => {
-	let x = i, S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V;
-	return class extends x {
+var y = ":host{display:block}.sbb-journey-summary{--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);color:var(--sbb-color-4);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}", b = (() => {
+	let b = i, x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B;
+	return class extends b {
 		constructor() {
-			super(...arguments), this.#e = (r(this, S), r(this, w, null)), this.#t = (r(this, T), r(this, D, null)), this.#n = (r(this, O), r(this, A, !1)), this.#r = (r(this, j), r(this, N, "3")), this.#i = (r(this, P), r(this, I, !1)), this.#a = (r(this, L), r(this, z, !1)), this._now = (r(this, B), null), this._hasContentSlot = !1, this._language = new a(this);
+			super(...arguments), this.#e = (r(this, x), r(this, C, null)), this.#t = (r(this, w), r(this, E, null)), this.#n = (r(this, D), r(this, k, !1)), this.#r = (r(this, A), r(this, M, "3")), this.#i = (r(this, N), r(this, F, !1)), this.#a = (r(this, I), r(this, R, !1)), this._now = (r(this, z), null), this._hasContentSlot = !1, this._language = new a(this);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-			C = [g({ type: Object })], E = [g({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+			S = [h({ type: Object })], T = [h({
 				attribute: "trip-back",
 				type: Object
-			})], k = [l(), g({
+			})], O = [s(), h({
 				attribute: "round-trip",
 				type: Boolean
-			})], M = [g({ attribute: "header-level" })], F = [l(), g({
+			})], j = [h({ attribute: "header-level" })], P = [s(), h({
 				attribute: "disable-animation",
 				type: Boolean
-			})], R = [l(), g({
+			})], L = [s(), h({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], V = [g()], n(this, null, C, {
+			})], B = [h()], n(this, null, S, {
 				kind: "accessor",
 				name: "trip",
 				static: !1,
@@ -42,7 +42,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, w, T), n(this, null, E, {
+			}, C, w), n(this, null, T, {
 				kind: "accessor",
 				name: "tripBack",
 				static: !1,
@@ -55,7 +55,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, D, O), n(this, null, k, {
+			}, E, D), n(this, null, O, {
 				kind: "accessor",
 				name: "roundTrip",
 				static: !1,
@@ -68,7 +68,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, A, j), n(this, null, M, {
+			}, k, A), n(this, null, j, {
 				kind: "accessor",
 				name: "headerLevel",
 				static: !1,
@@ -81,7 +81,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, N, P), n(this, null, F, {
+			}, M, N), n(this, null, P, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -94,7 +94,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, I, L), n(this, null, R, {
+			}, F, I), n(this, null, L, {
 				kind: "accessor",
 				name: "a11yFootpath",
 				static: !1,
@@ -107,7 +107,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, z, B), n(this, null, V, {
+			}, R, z), n(this, null, B, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -119,7 +119,7 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, null, S), e && Object.defineProperty(this, Symbol.metadata, {
+			}, null, x), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -131,14 +131,13 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 		}
 		static {
 			this.elementDependencies = [
+				p,
 				m,
-				h,
-				y,
-				o
+				v
 			];
 		}
 		static {
-			this.styles = [s, p(b)];
+			this.styles = [l, f(y)];
 		}
 		#e;
 		get trip() {
@@ -183,7 +182,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 = o.getValidDateOrNull(o.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
@@ -192,26 +191,26 @@ 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;
-			if (t(n)) return d`
+			let i = o, a = r ? g(r, this._language.current) : null;
+			if (t(n)) return u`
         <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>
+        >${r && r > 0 ? u`,<time>
+                <span class="sbb-screen-reader-only">
+                  ${c[this._language.current]} ${a.long}
+                </span>
                 <span aria-hidden="true">${a.short}</span>
-              </time>` : f}
+              </time>` : d}
       `;
 		}
 		_renderJourneyVias(e) {
 			let t = e.slice(0, 5);
-			return d`
+			return u`
       <div class="sbb-journey-summary__via-block">
         <span class="sbb-journey-summary__via-text">Via</span>
-        <ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : f}>
-          ${t.map((e, n) => d`<li class="sbb-journey-summary__via">
-                ${e}${n !== t.length - 1 && n < 4 ? d`<span>,</span>` : f}
+        <ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : d}>
+          ${t.map((e, n) => u`<li class="sbb-journey-summary__via">
+                ${e}${n !== t.length - 1 && n < 4 ? u`<span>,</span>` : d}
               </li>`)}
         </ul>
       </div>
@@ -219,11 +218,11 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 		}
 		_renderJourneyInformation(e) {
 			let { vias: t, duration: n, departureWalk: r, departure: i, arrivalWalk: a, arrival: o, legs: s } = e || {};
-			return d`
+			return u`
       <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : f}
+        ${t && t.length > 0 ? this._renderJourneyVias(t) : d}
         <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart(v(i), n)}
+          ${this._renderJourneyStart(_(i), n)}
         </div>
         <sbb-pearl-chain-time
           .arrivalTime=${o}
@@ -240,27 +239,27 @@ var b = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 		}
 		render() {
 			let { origin: e, destination: t } = this.trip || {};
-			return d`
+			return u`
       <div class="sbb-journey-summary">
-        ${e ? d`<sbb-journey-header
-              size="l"
-              .level=${this.headerLevel || f}
+        ${e ? u`<sbb-journey-header
+              visual-level="4"
+              .level=${this.headerLevel || d}
               .origin=${e}
               .destination=${t}
-              .roundTrip=${this.roundTrip ?? f}
-            ></sbb-journey-header>` : f}
+              .roundTrip=${this.roundTrip ?? d}
+            ></sbb-journey-header>` : d}
         ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? d`<div>
+        ${this.tripBack ? u`<div>
               <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
               ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : f}
-        ${this._hasContentSlot ? d` <div class="sbb-journey-summary__slot">
+            </div>` : d}
+        ${this._hasContentSlot ? u` <div class="sbb-journey-summary__slot">
               <slot name="content"></slot>
-            </div>` : f}
+            </div>` : d}
       </div>
     `;
 		}
 	};
 })();
 //#endregion
-export { x as t };
+export { b as t };

package/journey-summary.js

@@ -1,4 +1,4 @@
-import { t as e } from "./journey-summary.component-C7WPKx8k.js";
+import { t as e } from "./journey-summary.component-CkDRawn9.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-C7WPKx8k.js";
+import { t as e } from "./journey-summary.component-CkDRawn9.js";
 export { e as SbbJourneySummaryElement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "5.0.0-next.1",
+  "version": "5.0.0-next.2",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -131,7 +131,7 @@
   },
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "5.0.0-next.1"
+    "@sbb-esta/lyne-elements": "5.0.0-next.2"
   },
   "dependencies": {
     "lit": "^3.3.2",

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-C6lcD7Xl.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-D5OCEBJ_.js";
 export { e as SbbPearlChainTimeElement };

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

@@ -1,13 +1,13 @@
 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 { SbbElement as r, SbbLanguageController as i, defaultDateAdapter as a, forceType as o, i18nArrival as s, i18nDeparture as c, i18nTransferProcedures as l, screenReaderOnlyStyles 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";
 //#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 = (() => {
+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)}", 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 {
 		constructor() {
@@ -15,16 +15,16 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 		}
 		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({
+			C = [h({ type: Array })], E = [o(), h({ attribute: "departure-time" })], k = [o(), h({ attribute: "arrival-time" })], M = [o(), h({
 				attribute: "departure-walk",
 				type: Number
-			})], F = [s(), h({
+			})], F = [o(), h({
 				attribute: "arrival-walk",
 				type: Number
-			})], R = [s(), h({
+			})], R = [o(), h({
 				attribute: "disable-animation",
 				type: Boolean
-			})], V = [s(), h({
+			})], V = [o(), h({
 				attribute: "a11y-footpath",
 				type: Boolean
 			})], W = [h()], t(this, null, C, {
@@ -144,7 +144,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			this.elementDependencies = [d, y];
 		}
 		static {
-			this.styles = [a, m(b)];
+			this.styles = [u, m(b)];
 		}
 		#e;
 		get legs() {
@@ -196,7 +196,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			this.#o = 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();
@@ -208,12 +208,12 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
         ${r()}
         ${t ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
               <span class="sbb-screen-reader-only"
-                >${l[this._language.current]}:&nbsp;</span
+                >${c[this._language.current]}:&nbsp;</span
               >
               ${e(t, "HH:mm")}
             </time>` : p}
         ${a?.length > 1 ? f`<span class="sbb-screen-reader-only" role="paragraph">
-              ${a?.length - 1} ${u[this._language.current]}
+              ${a?.length - 1} ${l[this._language.current]}
             </span>` : p}
         <sbb-pearl-chain
           class="sbb-pearl-chain__time-chain"
@@ -223,7 +223,7 @@ var b = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
         ></sbb-pearl-chain>
         ${n ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
               <span class="sbb-screen-reader-only"
-                >${c[this._language.current]}:&nbsp;</span
+                >${s[this._language.current]}:&nbsp;</span
               >
               ${e(n, "HH:mm")}
             </time>` : p}

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-D5OCEBJ_.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-D5OCEBJ_.js";
 export { e as SbbPearlChainTimeElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-vertical.component-Lx47SlJU.js";
+import { t as e } from "../pearl-chain-vertical.component-CDOWaup3.js";
 export { e as SbbPearlChainVerticalElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-vertical-item.component-CO6HUZFL.js";
+import { t as e } from "../pearl-chain-vertical-item.component-IdquCJMy.js";
 export { e as SbbPearlChainVerticalItemElement };

package/{pearl-chain-vertical-item.component-CO6HUZFL.js → pearl-chain-vertical-item.component-IdquCJMy.js}

@@ -1,22 +1,22 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n, boxSizingStyles as r, forceType as i } from "@sbb-esta/lyne-elements/core.js";
-import { html as a, nothing as o, unsafeCSS as s } from "lit";
-import { property as c } from "lit/decorators.js";
-import { styleMap as l } from "lit/directives/style-map.js";
+import { SbbElement as n, forceType as r } from "@sbb-esta/lyne-elements/core.js";
+import { html as i, nothing as a, unsafeCSS as o } from "lit";
+import { property as s } from "lit/decorators.js";
+import { styleMap as c } from "lit/directives/style-map.js";
 //#region src/elements-experimental/pearl-chain-vertical-item/pearl-chain-vertical-item.scss?inline
-var u = ":host{--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;display:table-row;position:relative;--sbb-pearl-chain-vertical-right-item-width: 100%;--sbb-pearl-chain-vertical-middle-item-min-width: var(--sbb-pearl-chain-bullet-size-start-end);--sbb-pearl-chain-vertical-item-border-width: var(--sbb-border-width-2x);--sbb-pearl-chain-vertical-item-border-width-thin: var(--sbb-border-width-1x);--sbb-pearl-chain-vertical-item-spacing-small: var(--sbb-spacing-fixed-1x);--sbb-pearl-chain-vertical-item-color-default: var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-vertical-item-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-vertical-item-color-past: var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-vertical-item-color-walk: var(--sbb-color-sky);--sbb-pearl-chain-vertical-item-inline-start: 50%;--sbb-pearl-chain-vertical-item-transform: translateX(-50%)}slot[name=right],.sbb-pearl-chain-vertical-item__column{display:table-cell;position:relative;vertical-align:top}slot[name=right]{width:var(--sbb-pearl-chain-vertical-right-item-width)}.sbb-pearl-chain-vertical-item__column--middle{min-width:var(--sbb-pearl-chain-vertical-middle-item-min-width, --sbb-pearl-chain-vertical-middle-min-width)}slot[name=left]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-left-item-block-start);padding-inline-end:var(--sbb-pearl-chain-vertical-left-item-inline-end)}slot[name=right]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-right-item-block-start);padding-inline-start:var(--sbb-pearl-chain-vertical-right-item-inline-start)}.sbb-pearl-chain-vertical-item__middle{vertical-align:top;border-spacing:0}.sbb-pearl-chain-vertical-item__line{position:absolute;bottom:0;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);transform:var(--sbb-pearl-chain-vertical-item-transform);width:var(--sbb-border-width-2x);inset-block-start:calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2)}.sbb-pearl-chain-vertical-item__line:after{content:\"\";position:absolute;inset-inline-start:0;inset-block-start:0;height:var(--sbb-pearl-chain-vertical-item-leg-status);width:var(--sbb-pearl-chain-vertical-item-border-width);background-color:var(--sbb-pearl-chain-vertical-item-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line:after{--sbb-pearl-chain-vertical-item-color-past: GrayText}}.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset;border-color:unset;background-image:linear-gradient(to bottom,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-y;background-size:calc(2 * var(--sbb-pearl-chain-vertical-item-spacing-small)) var(--sbb-pearl-chain-vertical-item-spacing-small)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset!important;border-inline-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain-vertical-item__line--thin{width:var(--sbb-pearl-chain-vertical-item-border-width-thin)}.sbb-pearl-chain-vertical-item__line--default{background-color:var(--sbb-pearl-chain-vertical-item-color-default);border-color:var(--sbb-pearl-chain-vertical-item-color-default);color:var(--sbb-pearl-chain-vertical-item-color-default)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--default{--sbb-pearl-chain-vertical-item-color-default: CanvasText}}.sbb-pearl-chain-vertical-item__line--disruption{border-color:var(--sbb-pearl-chain-vertical-item-color-disruption);background-color:var(--sbb-pearl-chain-vertical-item-color-disruption);color:var(--sbb-pearl-chain-vertical-item-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--disruption{--sbb-pearl-chain-vertical-item-color-disruption: Highlight}}.sbb-pearl-chain-vertical-item__line--past{border-color:var(--sbb-pearl-chain-vertical-item-color-past);background-color:var(--sbb-pearl-chain-vertical-item-color-past);color:var(--sbb-pearl-chain-vertical-item-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--past{--sbb-pearl-chain-vertical-item-color-past: GrayText}}.sbb-pearl-chain-vertical-item__line--walk{border-color:var(--sbb-pearl-chain-vertical-item-color-walk);background-color:var(--sbb-pearl-chain-vertical-item-color-walk);color:var(--sbb-pearl-chain-vertical-item-color-walk)}.sbb-pearl-chain-vertical-item__bullet{position:relative;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);transform:var(--sbb-pearl-chain-vertical-item-transform);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-vertical-item__bullet{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain-vertical-item__bullet--start-end{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)}.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color: Highlight}}.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--irrelevant{--sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-1x);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-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped{border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:Highlight}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped{--sbb-pearl-chain-bullet-crossed-width: .706875rem;--sbb-pearl-chain-bullet-crossed-height: .1875rem;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-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:Highlight}}.sbb-pearl-chain-vertical-item__bullet--position{inset-block-start:var(--sbb-pearl-chain-vertical-item-position);position:absolute;left:50%;translate:-50% 0;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-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-position-color)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite}:host([disable-animation]) .sbb-pearl-chain-vertical-item__bullet--position{animation:unset!important}", d = (() => {
-	let d = n, f, p = [], m = [], h, g = [], _ = [];
-	return class extends d {
+var l = ":host{--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;display:table-row;position:relative;--sbb-pearl-chain-vertical-right-item-width: 100%;--sbb-pearl-chain-vertical-middle-item-min-width: var(--sbb-pearl-chain-bullet-size-start-end);--sbb-pearl-chain-vertical-item-border-width: var(--sbb-border-width-2x);--sbb-pearl-chain-vertical-item-border-width-thin: var(--sbb-border-width-1x);--sbb-pearl-chain-vertical-item-spacing-small: var(--sbb-spacing-fixed-1x);--sbb-pearl-chain-vertical-item-color-default: var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-vertical-item-color-disruption: var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-vertical-item-color-past: var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-vertical-item-color-walk: var(--sbb-color-sky);--sbb-pearl-chain-vertical-item-inline-start: 50%;--sbb-pearl-chain-vertical-item-transform: translateX(-50%)}slot[name=right],.sbb-pearl-chain-vertical-item__column{display:table-cell;position:relative;vertical-align:top}slot[name=right]{width:var(--sbb-pearl-chain-vertical-right-item-width)}.sbb-pearl-chain-vertical-item__column--middle{min-width:var(--sbb-pearl-chain-vertical-middle-item-min-width, --sbb-pearl-chain-vertical-middle-min-width)}slot[name=left]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-left-item-block-start);padding-inline-end:var(--sbb-pearl-chain-vertical-left-item-inline-end)}slot[name=right]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-right-item-block-start);padding-inline-start:var(--sbb-pearl-chain-vertical-right-item-inline-start)}.sbb-pearl-chain-vertical-item__middle{vertical-align:top;border-spacing:0}.sbb-pearl-chain-vertical-item__line{position:absolute;bottom:0;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);transform:var(--sbb-pearl-chain-vertical-item-transform);width:var(--sbb-border-width-2x);inset-block-start:calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2)}.sbb-pearl-chain-vertical-item__line:after{content:\"\";position:absolute;inset-inline-start:0;inset-block-start:0;height:var(--sbb-pearl-chain-vertical-item-leg-status);width:var(--sbb-pearl-chain-vertical-item-border-width);background-color:var(--sbb-pearl-chain-vertical-item-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line:after{--sbb-pearl-chain-vertical-item-color-past: GrayText}}.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset;border-color:unset;background-image:linear-gradient(to bottom,currentcolor 0%,currentcolor 50%,Canvas 50%);background-repeat:repeat-y;background-size:calc(2 * var(--sbb-pearl-chain-vertical-item-spacing-small)) var(--sbb-pearl-chain-vertical-item-spacing-small)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset!important;border-inline-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.sbb-pearl-chain-vertical-item__line--thin{width:var(--sbb-pearl-chain-vertical-item-border-width-thin)}.sbb-pearl-chain-vertical-item__line--default{background-color:var(--sbb-pearl-chain-vertical-item-color-default);border-color:var(--sbb-pearl-chain-vertical-item-color-default);color:var(--sbb-pearl-chain-vertical-item-color-default)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--default{--sbb-pearl-chain-vertical-item-color-default: CanvasText}}.sbb-pearl-chain-vertical-item__line--disruption{border-color:var(--sbb-pearl-chain-vertical-item-color-disruption);background-color:var(--sbb-pearl-chain-vertical-item-color-disruption);color:var(--sbb-pearl-chain-vertical-item-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--disruption{--sbb-pearl-chain-vertical-item-color-disruption: Highlight}}.sbb-pearl-chain-vertical-item__line--past{border-color:var(--sbb-pearl-chain-vertical-item-color-past);background-color:var(--sbb-pearl-chain-vertical-item-color-past);color:var(--sbb-pearl-chain-vertical-item-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__line--past{--sbb-pearl-chain-vertical-item-color-past: GrayText}}.sbb-pearl-chain-vertical-item__line--walk{border-color:var(--sbb-pearl-chain-vertical-item-color-walk);background-color:var(--sbb-pearl-chain-vertical-item-color-walk);color:var(--sbb-pearl-chain-vertical-item-color-walk)}.sbb-pearl-chain-vertical-item__bullet{position:relative;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);transform:var(--sbb-pearl-chain-vertical-item-transform);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-vertical-item__bullet{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain-vertical-item__bullet--start-end{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)}.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-disruption)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color: Highlight}}.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-bullet-color-past)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color: GrayText !important}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--irrelevant{--sbb-pearl-chain-bullet-border-width: var(--sbb-border-width-1x);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-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped{border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:Canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:Highlight}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped{--sbb-pearl-chain-bullet-crossed-width: .706875rem;--sbb-pearl-chain-bullet-crossed-height: .1875rem;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-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:Highlight}}.sbb-pearl-chain-vertical-item__bullet--position{inset-block-start:var(--sbb-pearl-chain-vertical-item-position);position:absolute;left:50%;translate:-50% 0;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-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color: CanvasText}}.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color: var(--sbb-pearl-chain-position-color)}@media(forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--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-vertical-item__bullet--position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite}:host([disable-animation]) .sbb-pearl-chain-vertical-item__bullet--position{animation:unset!important}", u = (() => {
+	let u = n, d, f = [], p = [], m, h = [], g = [];
+	return class extends u {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [c({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+			d = [s({
 				attribute: "pearl-chain-vertical-item-attributes",
 				type: Object
-			})], h = [i(), c({
+			})], m = [r(), s({
 				attribute: "disable-animation",
 				reflect: !0,
 				type: Boolean
-			})], e(this, null, f, {
+			})], e(this, null, d, {
 				kind: "accessor",
 				name: "pearlChainVerticalItemAttributes",
 				static: !1,
@@ -29,7 +29,7 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 					}
 				},
 				metadata: t
-			}, p, m), e(this, null, h, {
+			}, f, p), e(this, null, m, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -42,7 +42,7 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 					}
 				},
 				metadata: t
-			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
+			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -53,16 +53,16 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 			this.elementName = "sbb-pearl-chain-vertical-item";
 		}
 		static {
-			this.styles = [r, s(u)];
+			this.styles = [o(l)];
 		}
-		#e = t(this, p, null);
+		#e = t(this, f, null);
 		get pearlChainVerticalItemAttributes() {
 			return this.#e;
 		}
 		set pearlChainVerticalItemAttributes(e) {
 			this.#e = e;
 		}
-		#t = (t(this, m), t(this, g, !1));
+		#t = (t(this, p), t(this, h, !1));
 		get disableAnimation() {
 			return this.#t;
 		}
@@ -70,11 +70,11 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 			this.#t = e;
 		}
 		render() {
-			let { bulletType: e, lineType: t, lineColor: n, hideLine: r, minHeight: i, bulletSize: s, position: c } = this.pearlChainVerticalItemAttributes || {}, u = c && c > 0 && c <= 100 ? "sbb-pearl-chain-vertical-item__bullet--past" : `sbb-pearl-chain-vertical-item__bullet--${e}`;
-			return a`
+			let { bulletType: e, lineType: t, lineColor: n, hideLine: r, minHeight: o, bulletSize: s, position: l } = this.pearlChainVerticalItemAttributes || {}, u = l && l > 0 && l <= 100 ? "sbb-pearl-chain-vertical-item__bullet--past" : `sbb-pearl-chain-vertical-item__bullet--${e}`;
+			return i`
       <div
         class="sbb-pearl-chain-vertical-item__column"
-        style=${l({ height: `${i}px` })}
+        style=${c({ height: `${o}px` })}
       >
         <slot name="left"></slot>
       </div>
@@ -82,25 +82,25 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
         aria-hidden="true"
         class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
       >
-        ${r ? o : a`<div
-              style=${l({ "--sbb-pearl-chain-vertical-item-leg-status": `${c}%` })}
+        ${r ? a : i`<div
+              style=${c({ "--sbb-pearl-chain-vertical-item-leg-status": `${l}%` })}
               class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${t} sbb-pearl-chain-vertical-item__line--${n}"
             ></div>`}
-        ${e ? a`<div
+        ${e ? i`<div
               class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${s} ${u}"
-            ></div>` : o}
-        ${c && c > 0 ? a`<div
-              style=${l({ "--sbb-pearl-chain-vertical-item-position": `${c}%` })}
+            ></div>` : a}
+        ${l && l > 0 ? i`<div
+              style=${c({ "--sbb-pearl-chain-vertical-item-position": `${l}%` })}
               class="sbb-pearl-chain-vertical-item__bullet--position"
-            ></div>` : o}
+            ></div>` : a}
       </div>
       <slot name="right"></slot>
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, _);
+			super(...arguments), t(this, g);
 		}
 	};
 })();
 //#endregion
-export { d as t };
+export { u as t };

package/pearl-chain-vertical-item.js

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

package/pearl-chain-vertical-item.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical-item.component-CO6HUZFL.js";
+import { t as e } from "./pearl-chain-vertical-item.component-IdquCJMy.js";
 export { e as SbbPearlChainVerticalItemElement };

package/{pearl-chain-vertical.component-Lx47SlJU.js → pearl-chain-vertical.component-CDOWaup3.js}

@@ -1,15 +1,15 @@
-import { SbbElement as e, boxSizingStyles as t } from "@sbb-esta/lyne-elements/core.js";
-import { html as n, unsafeCSS as r } from "lit";
+import { SbbElement as e } from "@sbb-esta/lyne-elements/core.js";
+import { html as t, unsafeCSS as n } from "lit";
 //#region src/elements-experimental/pearl-chain-vertical/pearl-chain-vertical.scss?inline
-var i = ":host{--sbb-pearl-chain-vertical-width: 100%;display:block}.sbb-pearl-chain-vertical{display:table;width:var(--sbb-pearl-chain-vertical-width)}", a = class extends e {
+var r = ":host{--sbb-pearl-chain-vertical-width: 100%;display:block}.sbb-pearl-chain-vertical{display:table;width:var(--sbb-pearl-chain-vertical-width)}", i = class extends e {
 	static {
 		this.elementName = "sbb-pearl-chain-vertical";
 	}
 	static {
-		this.styles = [t, r(i)];
+		this.styles = [n(r)];
 	}
 	render() {
-		return n`
+		return t`
       <div class="sbb-pearl-chain-vertical">
         <slot></slot>
       </div>
@@ -17,4 +17,4 @@ var i = ":host{--sbb-pearl-chain-vertical-width: 100%;display:block}.sbb-pearl-c
 	}
 };
 //#endregion
-export { a as t };
+export { i as t };

package/pearl-chain-vertical.js

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

package/pearl-chain-vertical.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical.component-Lx47SlJU.js";
+import { t as e } from "./pearl-chain-vertical.component-CDOWaup3.js";
 export { e as SbbPearlChainVerticalElement };