@sbb-esta/lyne-elements-experimental 4.7.0 → 4.8.0

package/index.d.ts

@@ -1,23 +1,12 @@
-import { SbbJourneySummaryElement } from "./journey-summary/journey-summary.component.js";
-import { SbbPearlChainElement } from "./pearl-chain/pearl-chain.component.js";
-import { SbbPearlChainTimeElement } from "./pearl-chain-time/pearl-chain-time.component.js";
-import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical/pearl-chain-vertical.component.js";
-import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item/pearl-chain-vertical-item.component.js";
-import { SbbTimetableDurationElement } from "./timetable-duration/timetable-duration.component.js";
-import { SbbTimetableRowElement } from "./timetable-row/timetable-row.component.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
-import { SbbSeatReservationElement } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
-import { SbbSeatReservationAreaElement } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
-import { SbbSeatReservationGraphicElement } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
-import { SbbSeatReservationNavigationCoachElement } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-import { SbbSeatReservationNavigationServicesElement } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
-import { SbbSeatReservationPlaceControlElement } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
-import { SbbSeatReservationScopedElement } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
+import { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement } from "./autocomplete-grid.js";
+import { SbbJourneySummaryElement } from "./journey-summary.js";
+import { SbbPearlChainElement } from "./pearl-chain.js";
+import { SbbPearlChainTimeElement } from "./pearl-chain-time.js";
+import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical.js";
+import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item.js";
+import { SbbSeatReservationAreaElement, SbbSeatReservationElement, SbbSeatReservationGraphicElement, SbbSeatReservationNavigationCoachElement, SbbSeatReservationNavigationServicesElement, SbbSeatReservationPlaceControlElement, SbbSeatReservationScopedElement } from "./seat-reservation.js";
+import { SbbTimetableDurationElement } from "./timetable-duration.js";
+import { SbbTimetableRowElement } from "./timetable-row.js";
 declare global {
   var SbbAutocompleteGridButtonElement: SbbAutocompleteGridButtonElement;
   var SbbAutocompleteGridCellElement: SbbAutocompleteGridCellElement;

package/index.js

@@ -1,23 +1,12 @@
-import { SbbJourneySummaryElement } from "./journey-summary/journey-summary.component.js";
-import { SbbPearlChainElement } from "./pearl-chain/pearl-chain.component.js";
-import { SbbPearlChainTimeElement } from "./pearl-chain-time/pearl-chain-time.component.js";
-import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical/pearl-chain-vertical.component.js";
-import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item/pearl-chain-vertical-item.component.js";
-import { SbbTimetableDurationElement } from "./timetable-duration/timetable-duration.component.js";
-import { SbbTimetableRowElement } from "./timetable-row/timetable-row.component.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
-import { SbbSeatReservationElement } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
-import { SbbSeatReservationAreaElement } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
-import { SbbSeatReservationGraphicElement } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
-import { SbbSeatReservationNavigationCoachElement } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-import { SbbSeatReservationNavigationServicesElement } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
-import { SbbSeatReservationPlaceControlElement } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
-import { SbbSeatReservationScopedElement } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
+import { SbbAutocompleteGridButtonElement, SbbAutocompleteGridCellElement, SbbAutocompleteGridElement, SbbAutocompleteGridOptgroupElement, SbbAutocompleteGridOptionElement, SbbAutocompleteGridRowElement } from "./autocomplete-grid.js";
+import { SbbJourneySummaryElement } from "./journey-summary.js";
+import { SbbPearlChainElement } from "./pearl-chain.js";
+import { SbbPearlChainTimeElement } from "./pearl-chain-time.js";
+import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical.js";
+import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item.js";
+import { SbbSeatReservationAreaElement, SbbSeatReservationElement, SbbSeatReservationGraphicElement, SbbSeatReservationNavigationCoachElement, SbbSeatReservationNavigationServicesElement, SbbSeatReservationPlaceControlElement, SbbSeatReservationScopedElement } from "./seat-reservation.js";
+import { SbbTimetableDurationElement } from "./timetable-duration.js";
+import { SbbTimetableRowElement } from "./timetable-row.js";
 
 globalThis.SbbAutocompleteGridButtonElement = SbbAutocompleteGridButtonElement;
 globalThis.SbbAutocompleteGridCellElement = SbbAutocompleteGridCellElement;

package/isValid-B9oVW3lA.js

@@ -0,0 +1,36 @@
+import { n as e, r as t, t as n } from "./toDate-p-Tpkb7t.js";
+//#region node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
+function r(e) {
+	let t = n(e), r = new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds()));
+	return r.setUTCFullYear(t.getFullYear()), e - +r;
+}
+//#endregion
+//#region node_modules/date-fns/_lib/normalizeDates.js
+function i(t, ...n) {
+	let r = e.bind(null, t || n.find((e) => typeof e == "object"));
+	return n.map(r);
+}
+//#endregion
+//#region node_modules/date-fns/startOfDay.js
+function a(e, t) {
+	let r = n(e, t?.in);
+	return r.setHours(0, 0, 0, 0), r;
+}
+//#endregion
+//#region node_modules/date-fns/differenceInCalendarDays.js
+function o(e, n, o) {
+	let [s, c] = i(o?.in, e, n), l = a(s), u = a(c), d = +l - r(l), f = +u - r(u);
+	return Math.round((d - f) / t);
+}
+//#endregion
+//#region node_modules/date-fns/isDate.js
+function s(e) {
+	return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+//#endregion
+//#region node_modules/date-fns/isValid.js
+function c(e) {
+	return !(!s(e) && typeof e != "number" || isNaN(+n(e)));
+}
+//#endregion
+export { o as n, i as r, c as t };

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

@@ -1,193 +1,2 @@
-var K = (i) => {
-  throw TypeError(i);
-};
-var Q = (i, s, o) => s.has(i) || K("Cannot " + o);
-var u = (i, s, o) => (Q(i, s, "read from private field"), o ? o.call(i) : s.get(i)), b = (i, s, o) => s.has(i) ? K("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, o), l = (i, s, o, c) => (Q(i, s, "write to private field"), c ? c.call(i, o) : s.set(i, o), o);
-import { __runInitializers as n, __esDecorate as p } from "tslib";
-import { SbbLanguageController as Z } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { defaultDateAdapter as x } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { forceType as w } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { i18nTripDuration as tt } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { boxSizingStyles as et } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as at, LitElement as it, nothing as m, html as d } from "lit";
-import { customElement as st, property as _ } from "lit/decorators.js";
-import { durationToTime as rt, removeTimezoneFromISOTimeString as nt } 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 { i as ot } from "../isValid-m3_OsPaB.js";
-import { f as R } from "../format-CmKROkbc.js";
-const lt = at`: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 jt = (() => {
-  var y, v, f, g, k, $, r;
-  let i = [st("sbb-journey-summary")], s, o = [], c, z = it, j = [], S, T = [], B = [], A, F = [], I = [], L, J = [], D = [], O, C = [], V = [], E, W = [], q = [], M, N = [], P = [], G;
-  return r = class extends z {
-    constructor() {
-      super(...arguments);
-      b(this, y);
-      b(this, v);
-      b(this, f);
-      b(this, g);
-      b(this, k);
-      b(this, $);
-      l(this, y, (n(this, j), n(this, T, null))), l(this, v, (n(this, B), n(this, F, null))), l(this, f, (n(this, I), n(this, J, !1))), l(this, g, (n(this, D), n(this, C, "3"))), l(this, k, (n(this, V), n(this, W, !1))), l(this, $, (n(this, q), n(this, N, !1))), this._now = (n(this, P), null), this._hasContentSlot = !1, this._language = new Z(this);
-    }
-    /**  The trip prop */
-    get trip() {
-      return u(this, y);
-    }
-    set trip(e) {
-      l(this, y, e);
-    }
-    /**  The tripBack prop */
-    get tripBack() {
-      return u(this, v);
-    }
-    set tripBack(e) {
-      l(this, v, e);
-    }
-    /**
-     * The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.
-     */
-    get roundTrip() {
-      return u(this, f);
-    }
-    set roundTrip(e) {
-      l(this, f, e);
-    }
-    /** Heading level of the journey header element (e.g. h1-h6). */
-    get headerLevel() {
-      return u(this, g);
-    }
-    set headerLevel(e) {
-      l(this, g, e);
-    }
-    /**
-     * Per default, the current location has a pulsating animation. You can
-     * disable the animation with this property.
-     */
-    get disableAnimation() {
-      return u(this, k);
-    }
-    set disableAnimation(e) {
-      l(this, k, e);
-    }
-    /**
-     * The Footpath attribute for rendering different icons
-     * true: render a11y-icon
-     * false: render walk-icon
-     * default: render walk-icon
-     */
-    get a11yFootpath() {
-      return u(this, $);
-    }
-    set a11yFootpath(e) {
-      l(this, $, e);
-    }
-    /**
-     * A configured date which acts as the current date instead of the real current date.
-     * Only recommended for testing purposes.
-     */
-    set now(e) {
-      this._now = x.getValidDateOrNull(x.deserialize(e));
-    }
-    get now() {
-      return this._now ?? /* @__PURE__ */ new Date();
-    }
-    connectedCallback() {
-      super.connectedCallback(), this._hasContentSlot = !!this.querySelector?.('[slot="content"]');
-    }
-    /**  renders the date of the journey or if it is the current or next day */
-    _renderJourneyStart(e, t) {
-      const a = x, h = t ? rt(t, this._language.current) : null;
-      if (ot(e))
-        return d`
-        <time datetime=${R(e, "d") + " " + R(e, "M")}>
-          ${a.format(e).replace(",", ".")}</time
-        >${t && t > 0 ? d`,<time>
-                <sbb-screen-reader-only>
-                  ${tt[this._language.current]} ${h.long}
-                </sbb-screen-reader-only>
-                <span aria-hidden="true">${h.short}</span>
-              </time>` : m}
-      `;
-    }
-    _renderJourneyVias(e) {
-      const t = e.slice(0, 5);
-      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" : m}>
-          ${t.map((a, h) => d`<li class="sbb-journey-summary__via">
-                ${a}${h !== t.length - 1 && h < 4 ? d`<span>,</span>` : m}
-              </li>`)}
-        </ul>
-      </div>
-    `;
-    }
-    _renderJourneyInformation(e) {
-      const { vias: t, duration: a, departureWalk: h, departure: H, arrivalWalk: U, arrival: X, legs: Y } = e || {};
-      return d`
-      <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : m}
-        <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart(nt(H), a)}
-        </div>
-        <sbb-pearl-chain-time
-          .arrivalTime=${X}
-          .departureTime=${H}
-          .departureWalk=${h}
-          .arrivalWalk=${U}
-          .legs=${Y}
-          .disableAnimation=${this.disableAnimation}
-          .a11yFootpath=${this.a11yFootpath}
-          .now=${this.now}
-        ></sbb-pearl-chain-time>
-      </div>
-    `;
-    }
-    render() {
-      const { origin: e, destination: t } = this.trip || {};
-      return d`
-      <div class="sbb-journey-summary">
-        ${e ? d`<sbb-journey-header
-              size="l"
-              .level=${this.headerLevel || m}
-              .origin=${e}
-              .destination=${t}
-              .roundTrip=${this.roundTrip ?? m}
-            ></sbb-journey-header>` : m}
-        ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? d`<div>
-              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
-              ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : m}
-        ${this._hasContentSlot ? d` <div class="sbb-journey-summary__slot">
-              <slot name="content"></slot>
-            </div>` : m}
-      </div>
-    `;
-    }
-  }, y = new WeakMap(), v = new WeakMap(), f = new WeakMap(), g = new WeakMap(), k = new WeakMap(), $ = new WeakMap(), c = r, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    S = [_({ type: Object })], A = [_({ attribute: "trip-back", type: Object })], L = [w(), _({ attribute: "round-trip", type: Boolean })], O = [_({ attribute: "header-level" })], E = [w(), _({ attribute: "disable-animation", type: Boolean })], M = [w(), _({ attribute: "a11y-footpath", type: Boolean })], G = [_()], p(r, null, S, { kind: "accessor", name: "trip", static: !1, private: !1, access: { has: (t) => "trip" in t, get: (t) => t.trip, set: (t, a) => {
-      t.trip = a;
-    } }, metadata: e }, T, B), p(r, null, A, { kind: "accessor", name: "tripBack", static: !1, private: !1, access: { has: (t) => "tripBack" in t, get: (t) => t.tripBack, set: (t, a) => {
-      t.tripBack = a;
-    } }, metadata: e }, F, I), p(r, null, L, { kind: "accessor", name: "roundTrip", static: !1, private: !1, access: { has: (t) => "roundTrip" in t, get: (t) => t.roundTrip, set: (t, a) => {
-      t.roundTrip = a;
-    } }, metadata: e }, J, D), p(r, null, O, { kind: "accessor", name: "headerLevel", static: !1, private: !1, access: { has: (t) => "headerLevel" in t, get: (t) => t.headerLevel, set: (t, a) => {
-      t.headerLevel = a;
-    } }, metadata: e }, C, V), p(r, null, E, { kind: "accessor", name: "disableAnimation", static: !1, private: !1, access: { has: (t) => "disableAnimation" in t, get: (t) => t.disableAnimation, set: (t, a) => {
-      t.disableAnimation = a;
-    } }, metadata: e }, W, q), p(r, null, M, { kind: "accessor", name: "a11yFootpath", static: !1, private: !1, access: { has: (t) => "a11yFootpath" in t, get: (t) => t.a11yFootpath, set: (t, a) => {
-      t.a11yFootpath = a;
-    } }, metadata: e }, N, P), p(r, null, G, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (t) => "now" in t, set: (t, a) => {
-      t.now = a;
-    } }, metadata: e }, null, j), p(null, s = { value: c }, i, { kind: "class", name: c.name, metadata: e }, null, o), c = s.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), r.styles = [et, lt], n(c, o), c;
-})();
-export {
-  jt as SbbJourneySummaryElement
-};
+import { t as e } from "../journey-summary.component-Cq_4kaOp.js";
+export { e as SbbJourneySummaryElement };

package/journey-summary.component-Cq_4kaOp.js

@@ -0,0 +1,264 @@
+import { t as e } from "./format-CM5exOsN.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 { css as c, html as l, nothing 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";
+//#region src/elements-experimental/journey-summary/journey-summary.scss?lit&inline
+var g = c`: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);flex-direction:column;display:flex}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x);overflow:hidden}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}`, _ = (() => {
+	let c = i, _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I;
+	return class extends c {
+		constructor() {
+			super(...arguments), this.#e = (r(this, _), r(this, y, null)), this.#t = (r(this, b), r(this, S, null)), this.#n = (r(this, C), r(this, T, !1)), this.#r = (r(this, E), r(this, O, "3")), this.#i = (r(this, k), r(this, j, !1)), this.#a = (r(this, M), r(this, P, !1)), this._now = (r(this, F), null), this._hasContentSlot = !1, this._language = new a(this);
+		}
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			v = [p({ type: Object })], x = [p({
+				attribute: "trip-back",
+				type: Object
+			})], w = [o(), p({
+				attribute: "round-trip",
+				type: Boolean
+			})], D = [p({ attribute: "header-level" })], A = [o(), p({
+				attribute: "disable-animation",
+				type: Boolean
+			})], N = [o(), p({
+				attribute: "a11y-footpath",
+				type: Boolean
+			})], I = [p()], n(this, null, v, {
+				kind: "accessor",
+				name: "trip",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "trip" in e,
+					get: (e) => e.trip,
+					set: (e, t) => {
+						e.trip = t;
+					}
+				},
+				metadata: e
+			}, y, b), n(this, null, x, {
+				kind: "accessor",
+				name: "tripBack",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "tripBack" in e,
+					get: (e) => e.tripBack,
+					set: (e, t) => {
+						e.tripBack = t;
+					}
+				},
+				metadata: e
+			}, S, C), n(this, null, w, {
+				kind: "accessor",
+				name: "roundTrip",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "roundTrip" in e,
+					get: (e) => e.roundTrip,
+					set: (e, t) => {
+						e.roundTrip = t;
+					}
+				},
+				metadata: e
+			}, T, E), n(this, null, D, {
+				kind: "accessor",
+				name: "headerLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "headerLevel" in e,
+					get: (e) => e.headerLevel,
+					set: (e, t) => {
+						e.headerLevel = t;
+					}
+				},
+				metadata: e
+			}, O, k), n(this, null, A, {
+				kind: "accessor",
+				name: "disableAnimation",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "disableAnimation" in e,
+					get: (e) => e.disableAnimation,
+					set: (e, t) => {
+						e.disableAnimation = t;
+					}
+				},
+				metadata: e
+			}, j, M), n(this, null, N, {
+				kind: "accessor",
+				name: "a11yFootpath",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "a11yFootpath" in e,
+					get: (e) => e.a11yFootpath,
+					set: (e, t) => {
+						e.a11yFootpath = t;
+					}
+				},
+				metadata: e
+			}, P, F), n(this, null, I, {
+				kind: "setter",
+				name: "now",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "now" in e,
+					set: (e, t) => {
+						e.now = t;
+					}
+				},
+				metadata: e
+			}, null, _), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-journey-summary";
+		}
+		static {
+			this.styles = [s, g];
+		}
+		#e;
+		get trip() {
+			return this.#e;
+		}
+		set trip(e) {
+			this.#e = e;
+		}
+		#t;
+		get tripBack() {
+			return this.#t;
+		}
+		set tripBack(e) {
+			this.#t = e;
+		}
+		#n;
+		get roundTrip() {
+			return this.#n;
+		}
+		set roundTrip(e) {
+			this.#n = e;
+		}
+		#r;
+		get headerLevel() {
+			return this.#r;
+		}
+		set headerLevel(e) {
+			this.#r = e;
+		}
+		#i;
+		get disableAnimation() {
+			return this.#i;
+		}
+		set disableAnimation(e) {
+			this.#i = e;
+		}
+		#a;
+		get a11yFootpath() {
+			return this.#a;
+		}
+		set a11yFootpath(e) {
+			this.#a = e;
+		}
+		set now(e) {
+			this._now = d.getValidDateOrNull(d.deserialize(e));
+		}
+		get now() {
+			return this._now ?? /* @__PURE__ */ new Date();
+		}
+		connectedCallback() {
+			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 l`
+        <time datetime=${e(n, "d") + " " + e(n, "M")}>
+          ${i.format(n).replace(",", ".")}</time
+        >${r && r > 0 ? l`,<time>
+                <sbb-screen-reader-only>
+                  ${f[this._language.current]} ${a.long}
+                </sbb-screen-reader-only>
+                <span aria-hidden="true">${a.short}</span>
+              </time>` : u}
+      `;
+		}
+		_renderJourneyVias(e) {
+			let t = e.slice(0, 5);
+			return l`
+      <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" : u}>
+          ${t.map((e, n) => l`<li class="sbb-journey-summary__via">
+                ${e}${n !== t.length - 1 && n < 4 ? l`<span>,</span>` : u}
+              </li>`)}
+        </ul>
+      </div>
+    `;
+		}
+		_renderJourneyInformation(e) {
+			let { vias: t, duration: n, departureWalk: r, departure: i, arrivalWalk: a, arrival: o, legs: s } = e || {};
+			return l`
+      <div>
+        ${t && t.length > 0 ? this._renderJourneyVias(t) : u}
+        <div class="sbb-journey-summary__date">
+          ${this._renderJourneyStart(h(i), n)}
+        </div>
+        <sbb-pearl-chain-time
+          .arrivalTime=${o}
+          .departureTime=${i}
+          .departureWalk=${r}
+          .arrivalWalk=${a}
+          .legs=${s}
+          .disableAnimation=${this.disableAnimation}
+          .a11yFootpath=${this.a11yFootpath}
+          .now=${this.now}
+        ></sbb-pearl-chain-time>
+      </div>
+    `;
+		}
+		render() {
+			let { origin: e, destination: t } = this.trip || {};
+			return l`
+      <div class="sbb-journey-summary">
+        ${e ? l`<sbb-journey-header
+              size="l"
+              .level=${this.headerLevel || u}
+              .origin=${e}
+              .destination=${t}
+              .roundTrip=${this.roundTrip ?? u}
+            ></sbb-journey-header>` : u}
+        ${this._renderJourneyInformation(this.trip)}
+        ${this.tripBack ? l`<div>
+              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
+              ${this._renderJourneyInformation(this.tripBack)}
+            </div>` : u}
+        ${this._hasContentSlot ? l` <div class="sbb-journey-summary__slot">
+              <slot name="content"></slot>
+            </div>` : u}
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { _ as t };

package/journey-summary.js

@@ -1,4 +1,6 @@
-import { SbbJourneySummaryElement as r } from "./journey-summary/journey-summary.component.js";
-export {
-  r as SbbJourneySummaryElement
-};
+import { t as e } from "./journey-summary.component-Cq_4kaOp.js";
+import "./journey-summary.pure.js";
+//#region src/elements-experimental/journey-summary.ts
+e.define();
+//#endregion
+export { e as SbbJourneySummaryElement };

package/journey-summary.pure.js

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