@sbb-esta/lyne-elements-experimental 4.10.0 → 5.0.0-next

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-Dko8laRT.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-Binmks-o.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-Dko8laRT.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-Binmks-o.js";
 export { SbbTimetableRowElement, filterNotices, getCus, getHimIcon, handleNotices, renderIconProduct, renderStringProduct, sortSituation };

package/{format-CM5exOsN.js → format-DbUuNYFU.js}

@@ -629,7 +629,7 @@ var j = {
 	night: "night"
 }, N = {
 	G: function(e, t, n) {
-		let r = e.getFullYear() > 0 ? 1 : 0;
+		let r = +(e.getFullYear() > 0);
 		switch (t) {
 			case "G":
 			case "GG":

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

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

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

@@ -1,41 +1,35 @@
-import { t as e } from "./format-CM5exOsN.js";
+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 } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as a } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as o } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as s } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as c, nothing as l, unsafeCSS as u } from "lit";
-import { defaultDateAdapter as d } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nTripDuration as f } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property as p } from "lit/decorators.js";
-import { durationToTime as m, removeTimezoneFromISOTimeString as h } from "./core/datetime.js";
-import "@sbb-esta/lyne-elements/divider.js";
-import "@sbb-esta/lyne-elements/screen-reader-only.js";
-import "@sbb-esta/lyne-elements/journey-header.js";
-import "./pearl-chain-time.js";
+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";
 //#region src/elements-experimental/journey-summary/journey-summary.scss?inline
-var g = ":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}", _ = (() => {
-	let _ = i, v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L;
-	return class extends _ {
+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 {
 		constructor() {
-			super(...arguments), this.#e = (r(this, v), r(this, b, null)), this.#t = (r(this, x), r(this, C, null)), this.#n = (r(this, w), r(this, E, !1)), this.#r = (r(this, D), r(this, k, "3")), this.#i = (r(this, A), r(this, M, !1)), this.#a = (r(this, N), r(this, F, !1)), this._now = (r(this, I), null), this._hasContentSlot = !1, this._language = new a(this);
+			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);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-			y = [p({ type: Object })], S = [p({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+			C = [g({ type: Object })], E = [g({
 				attribute: "trip-back",
 				type: Object
-			})], T = [o(), p({
+			})], k = [l(), g({
 				attribute: "round-trip",
 				type: Boolean
-			})], O = [p({ attribute: "header-level" })], j = [o(), p({
+			})], M = [g({ attribute: "header-level" })], F = [l(), g({
 				attribute: "disable-animation",
 				type: Boolean
-			})], P = [o(), p({
+			})], R = [l(), g({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], L = [p()], n(this, null, y, {
+			})], V = [g()], n(this, null, C, {
 				kind: "accessor",
 				name: "trip",
 				static: !1,
@@ -48,7 +42,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, b, x), n(this, null, S, {
+			}, w, T), n(this, null, E, {
 				kind: "accessor",
 				name: "tripBack",
 				static: !1,
@@ -61,7 +55,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, C, w), n(this, null, T, {
+			}, D, O), n(this, null, k, {
 				kind: "accessor",
 				name: "roundTrip",
 				static: !1,
@@ -74,7 +68,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, E, D), n(this, null, O, {
+			}, A, j), n(this, null, M, {
 				kind: "accessor",
 				name: "headerLevel",
 				static: !1,
@@ -87,7 +81,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, k, A), n(this, null, j, {
+			}, N, P), n(this, null, F, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -100,7 +94,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, M, N), n(this, null, P, {
+			}, I, L), n(this, null, R, {
 				kind: "accessor",
 				name: "a11yFootpath",
 				static: !1,
@@ -113,7 +107,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, F, I), n(this, null, L, {
+			}, z, B), n(this, null, V, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -125,7 +119,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 					}
 				},
 				metadata: e
-			}, null, v), e && Object.defineProperty(this, Symbol.metadata, {
+			}, null, S), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -136,7 +130,15 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			this.elementName = "sbb-journey-summary";
 		}
 		static {
-			this.styles = [s, u(g)];
+			this.elementDependencies = [
+				m,
+				h,
+				y,
+				o
+			];
+		}
+		static {
+			this.styles = [s, p(b)];
 		}
 		#e;
 		get trip() {
@@ -181,7 +183,7 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 			this.#a = e;
 		}
 		set now(e) {
-			this._now = d.getValidDateOrNull(d.deserialize(e));
+			this._now = c.getValidDateOrNull(c.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
@@ -190,26 +192,26 @@ var g = ":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 = d, a = r ? m(r, this._language.current) : null;
-			if (t(n)) return c`
+			let i = c, 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 ? c`,<time>
+        >${r && r > 0 ? d`,<time>
                 <sbb-screen-reader-only>
-                  ${f[this._language.current]} ${a.long}
+                  ${u[this._language.current]} ${a.long}
                 </sbb-screen-reader-only>
                 <span aria-hidden="true">${a.short}</span>
-              </time>` : l}
+              </time>` : f}
       `;
 		}
 		_renderJourneyVias(e) {
 			let t = e.slice(0, 5);
-			return c`
+			return d`
       <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" : l}>
-          ${t.map((e, n) => c`<li class="sbb-journey-summary__via">
-                ${e}${n !== t.length - 1 && n < 4 ? c`<span>,</span>` : l}
+        <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}
               </li>`)}
         </ul>
       </div>
@@ -217,11 +219,11 @@ var g = ":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 c`
+			return d`
       <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : l}
+        ${t && t.length > 0 ? this._renderJourneyVias(t) : f}
         <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart(h(i), n)}
+          ${this._renderJourneyStart(v(i), n)}
         </div>
         <sbb-pearl-chain-time
           .arrivalTime=${o}
@@ -238,27 +240,27 @@ var g = ":host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sb
 		}
 		render() {
 			let { origin: e, destination: t } = this.trip || {};
-			return c`
+			return d`
       <div class="sbb-journey-summary">
-        ${e ? c`<sbb-journey-header
+        ${e ? d`<sbb-journey-header
               size="l"
-              .level=${this.headerLevel || l}
+              .level=${this.headerLevel || f}
               .origin=${e}
               .destination=${t}
-              .roundTrip=${this.roundTrip ?? l}
-            ></sbb-journey-header>` : l}
+              .roundTrip=${this.roundTrip ?? f}
+            ></sbb-journey-header>` : f}
         ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? c`<div>
+        ${this.tripBack ? d`<div>
               <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
               ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : l}
-        ${this._hasContentSlot ? c` <div class="sbb-journey-summary__slot">
+            </div>` : f}
+        ${this._hasContentSlot ? d` <div class="sbb-journey-summary__slot">
               <slot name="content"></slot>
-            </div>` : l}
+            </div>` : f}
       </div>
     `;
 		}
 	};
 })();
 //#endregion
-export { _ as t };
+export { x as t };

package/journey-summary.js

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

package/{mapper-DkiDDseD.js → mapper-Cqie5ivY.js}

@@ -11291,7 +11291,7 @@ function i(i, a) {
 	return i === null ? a === "LOWER_DECK" ? t : a === "UPPER_DECK" ? n : r : i === "TRAIN" ? r : e;
 }
 var a = (e, t = null) => {
-	let n = i(e, t), r = t === "LOWER_DECK" ? 1 : 0, a = n.map((e) => {
+	let n = i(e, t), r = +(t === "LOWER_DECK"), a = n.map((e) => {
 		let t = e?.coachDeckLayout, n = [], r = [], i = t.placeGroups.map((e) => (n.indexOf(e.travelClass) === -1 && n.push(e.travelClass), r.indexOf(e.accommodationSubType) === -1 && r.push(e.accommodationSubType), e.places?.map((t) => ({
 			number: t?.number,
 			state: t?.state,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "4.10.0",
+  "version": "5.0.0-next",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -43,45 +43,10 @@
       "development": "./development/autocomplete-grid.pure.js",
       "default": "./autocomplete-grid.pure.js"
     },
-    "./autocomplete-grid/autocomplete-grid.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid.js",
-      "default": "./autocomplete-grid/autocomplete-grid.js"
-    },
-    "./autocomplete-grid/autocomplete-grid-button.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid-button.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid-button.js",
-      "default": "./autocomplete-grid/autocomplete-grid-button.js"
-    },
-    "./autocomplete-grid/autocomplete-grid-cell.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid-cell.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid-cell.js",
-      "default": "./autocomplete-grid/autocomplete-grid-cell.js"
-    },
-    "./autocomplete-grid/autocomplete-grid-optgroup.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid-optgroup.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid-optgroup.js",
-      "default": "./autocomplete-grid/autocomplete-grid-optgroup.js"
-    },
-    "./autocomplete-grid/autocomplete-grid-option.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid-option.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid-option.js",
-      "default": "./autocomplete-grid/autocomplete-grid-option.js"
-    },
-    "./autocomplete-grid/autocomplete-grid-row.js": {
-      "types": "./development/autocomplete-grid/autocomplete-grid-row.d.ts",
-      "development": "./development/autocomplete-grid/autocomplete-grid-row.js",
-      "default": "./autocomplete-grid/autocomplete-grid-row.js"
-    },
-    "./core/datetime.js": {
-      "types": "./development/core/datetime.d.ts",
-      "development": "./development/core/datetime.js",
-      "default": "./core/datetime.js"
-    },
-    "./core/timetable.js": {
-      "types": "./development/core/timetable.d.ts",
-      "development": "./development/core/timetable.js",
-      "default": "./core/timetable.js"
+    "./core.js": {
+      "types": "./development/core.d.ts",
+      "development": "./development/core.js",
+      "default": "./core.js"
     },
     "./journey-summary.js": {
       "types": "./development/journey-summary.d.ts",
@@ -143,46 +108,6 @@
       "development": "./development/seat-reservation.pure.js",
       "default": "./seat-reservation.pure.js"
     },
-    "./seat-reservation/common.js": {
-      "types": "./development/seat-reservation/common.d.ts",
-      "development": "./development/seat-reservation/common.js",
-      "default": "./seat-reservation/common.js"
-    },
-    "./seat-reservation/seat-reservation.js": {
-      "types": "./development/seat-reservation/seat-reservation.d.ts",
-      "development": "./development/seat-reservation/seat-reservation.js",
-      "default": "./seat-reservation/seat-reservation.js"
-    },
-    "./seat-reservation/seat-reservation-area.js": {
-      "types": "./development/seat-reservation/seat-reservation-area.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-area.js",
-      "default": "./seat-reservation/seat-reservation-area.js"
-    },
-    "./seat-reservation/seat-reservation-graphic.js": {
-      "types": "./development/seat-reservation/seat-reservation-graphic.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-graphic.js",
-      "default": "./seat-reservation/seat-reservation-graphic.js"
-    },
-    "./seat-reservation/seat-reservation-navigation-coach.js": {
-      "types": "./development/seat-reservation/seat-reservation-navigation-coach.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-navigation-coach.js",
-      "default": "./seat-reservation/seat-reservation-navigation-coach.js"
-    },
-    "./seat-reservation/seat-reservation-navigation-services.js": {
-      "types": "./development/seat-reservation/seat-reservation-navigation-services.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-navigation-services.js",
-      "default": "./seat-reservation/seat-reservation-navigation-services.js"
-    },
-    "./seat-reservation/seat-reservation-place-control.js": {
-      "types": "./development/seat-reservation/seat-reservation-place-control.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-place-control.js",
-      "default": "./seat-reservation/seat-reservation-place-control.js"
-    },
-    "./seat-reservation/seat-reservation-scoped.js": {
-      "types": "./development/seat-reservation/seat-reservation-scoped.d.ts",
-      "development": "./development/seat-reservation/seat-reservation-scoped.js",
-      "default": "./seat-reservation/seat-reservation-scoped.js"
-    },
     "./timetable-duration.js": {
       "types": "./development/timetable-duration.d.ts",
       "development": "./development/timetable-duration.js",
@@ -206,7 +131,7 @@
   },
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "4.10.0"
+    "@sbb-esta/lyne-elements": "5.0.0-next"
   },
   "dependencies": {
     "lit": "^3.3.2",

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain.component-CpISVoAu.js";
+import { t as e } from "../pearl-chain.component-BAtmfmpA.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-CkKsrbgQ.js";
+import { t as e } from "../pearl-chain-time.component-awU4lFdO.js";
 export { e as SbbPearlChainTimeElement };

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

@@ -1,38 +1,33 @@
-import { t as e } from "./format-CM5exOsN.js";
+import { t as e } from "./format-DbUuNYFU.js";
 import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { SbbElement as r } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as i } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as a } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as o } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
-import { defaultDateAdapter as u } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nArrival as d, i18nDeparture as f, i18nTransferProcedures as p } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property as m } from "lit/decorators.js";
-import { removeTimezoneFromISOTimeString as h } from "./core/datetime.js";
-import { getDepartureArrivalTimeAttribute as g, isRideLeg as _ } from "./core/timetable.js";
-import "./pearl-chain.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 } 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 v = ":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}", y = (() => {
-	let y = r, b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H;
-	return class extends y {
+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 {
 		constructor() {
-			super(...arguments), this.#e = (n(this, b), n(this, S, [])), this.#t = (n(this, C), n(this, T, "")), this.#n = (n(this, E), n(this, O, "")), this.#r = (n(this, k), n(this, j, NaN)), this.#i = (n(this, M), n(this, P, NaN)), this.#a = (n(this, F), n(this, L, !1)), this.#o = (n(this, R), n(this, B, !1)), this._now = (n(this, V), null), this._language = new i(this);
+			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);
 		}
 		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			x = [m({ type: Array })], w = [a(), m({ attribute: "departure-time" })], D = [a(), m({ attribute: "arrival-time" })], A = [a(), m({
+			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({
 				attribute: "departure-walk",
 				type: Number
-			})], N = [a(), m({
+			})], F = [s(), h({
 				attribute: "arrival-walk",
 				type: Number
-			})], I = [a(), m({
+			})], R = [s(), h({
 				attribute: "disable-animation",
 				type: Boolean
-			})], z = [a(), m({
+			})], V = [s(), h({
 				attribute: "a11y-footpath",
 				type: Boolean
-			})], H = [m()], t(this, null, x, {
+			})], W = [h()], t(this, null, C, {
 				kind: "accessor",
 				name: "legs",
 				static: !1,
@@ -45,7 +40,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, S, C), t(this, null, w, {
+			}, w, T), t(this, null, E, {
 				kind: "accessor",
 				name: "departureTime",
 				static: !1,
@@ -58,7 +53,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, T, E), t(this, null, D, {
+			}, D, O), t(this, null, k, {
 				kind: "accessor",
 				name: "arrivalTime",
 				static: !1,
@@ -71,7 +66,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, O, k), t(this, null, A, {
+			}, A, j), t(this, null, M, {
 				kind: "accessor",
 				name: "departureWalk",
 				static: !1,
@@ -84,7 +79,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, j, M), t(this, null, N, {
+			}, N, P), t(this, null, F, {
 				kind: "accessor",
 				name: "arrivalWalk",
 				static: !1,
@@ -97,7 +92,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, P, F), t(this, null, I, {
+			}, I, L), t(this, null, R, {
 				kind: "accessor",
 				name: "disableAnimation",
 				static: !1,
@@ -110,7 +105,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, L, R), t(this, null, z, {
+			}, z, B), t(this, null, V, {
 				kind: "accessor",
 				name: "a11yFootpath",
 				static: !1,
@@ -123,7 +118,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, B, V), t(this, null, H, {
+			}, H, U), t(this, null, W, {
 				kind: "setter",
 				name: "now",
 				static: !1,
@@ -135,7 +130,7 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 					}
 				},
 				metadata: e
-			}, null, b), e && Object.defineProperty(this, Symbol.metadata, {
+			}, null, S), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -146,7 +141,10 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			this.elementName = "sbb-pearl-chain-time";
 		}
 		static {
-			this.styles = [o, l(v)];
+			this.elementDependencies = [d, y];
+		}
+		static {
+			this.styles = [a, m(b)];
 		}
 		#e;
 		get legs() {
@@ -198,37 +196,37 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 			this.#o = e;
 		}
 		set now(e) {
-			this._now = u.getValidDateOrNull(u.deserialize(e));
+			this._now = o.getValidDateOrNull(o.deserialize(e));
 		}
 		get now() {
 			return this._now ?? /* @__PURE__ */ new Date();
 		}
 		render() {
-			let t = this.departureTime ? h(this.departureTime) : void 0, n = this.arrivalTime ? h(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 s`
+			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`
       <div class="sbb-pearl-chain__time">
         ${r()}
-        ${t ? s`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
+        ${t ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
               <span class="sbb-screen-reader-only"
-                >${f[this._language.current]}:&nbsp;</span
+                >${l[this._language.current]}:&nbsp;</span
               >
               ${e(t, "HH:mm")}
-            </time>` : c}
-        ${a?.length > 1 ? s`<span class="sbb-screen-reader-only" role="paragraph">
-              ${a?.length - 1} ${p[this._language.current]}
-            </span>` : c}
+            </time>` : p}
+        ${a?.length > 1 ? f`<span class="sbb-screen-reader-only" role="paragraph">
+              ${a?.length - 1} ${u[this._language.current]}
+            </span>` : p}
         <sbb-pearl-chain
           class="sbb-pearl-chain__time-chain"
           .legs=${this.legs}
           .disableAnimation=${this.disableAnimation}
           .now=${this.now}
         ></sbb-pearl-chain>
-        ${n ? s`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
+        ${n ? f`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
               <span class="sbb-screen-reader-only"
-                >${d[this._language.current]}:&nbsp;</span
+                >${c[this._language.current]}:&nbsp;</span
               >
               ${e(n, "HH:mm")}
-            </time>` : c}
+            </time>` : p}
         ${i()}
       </div>
     `;
@@ -236,4 +234,4 @@ var v = ":host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-widt
 	};
 })();
 //#endregion
-export { y as t };
+export { x as t };

package/pearl-chain-time.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-time.component-CkKsrbgQ.js";
+import { t as e } from "./pearl-chain-time.component-awU4lFdO.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-CkKsrbgQ.js";
+import { t as e } from "./pearl-chain-time.component-awU4lFdO.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-Df9CvRxo.js";
+import { t as e } from "../pearl-chain-vertical.component-Lx47SlJU.js";
 export { e as SbbPearlChainVerticalElement };