@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773149682 → 4.7.0-dev.1773159924

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/journey-summary/journey-summary.component.js

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

package/journey-summary.js

@@ -1,4 +1,5 @@
-import { SbbJourneySummaryElement as r } from "./journey-summary/journey-summary.component.js";
+import { SbbJourneySummaryElement as e } from "./journey-summary/journey-summary.component.js";
+e.define();
 export {
-  r as SbbJourneySummaryElement
+  e as SbbJourneySummaryElement
 };

package/journey-summary.pure.js

@@ -0,0 +1,4 @@
+import { SbbJourneySummaryElement as r } from "./journey-summary/journey-summary.component.js";
+export {
+  r as SbbJourneySummaryElement
+};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "4.7.0-dev.1773149682",
+  "version": "4.7.0-dev.1773159924",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/efcaa3623dae69304d57bacf618b19cf4c66980e"
+    "https://github.com/sbb-design-systems/lyne-components/commit/c211ee45af3b0e94db7c5001080067742954f635"
   ],
   "type": "module",
   "exports": {
@@ -39,6 +39,11 @@
       "development": "./development/autocomplete-grid.js",
       "default": "./autocomplete-grid.js"
     },
+    "./autocomplete-grid.pure.js": {
+      "types": "./development/autocomplete-grid.pure.d.ts",
+      "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",
@@ -84,6 +89,11 @@
       "development": "./development/journey-summary.js",
       "default": "./journey-summary.js"
     },
+    "./journey-summary.pure.js": {
+      "types": "./development/journey-summary.pure.d.ts",
+      "development": "./development/journey-summary.pure.js",
+      "default": "./journey-summary.pure.js"
+    },
     "./pearl-chain.js": {
       "types": "./development/pearl-chain.d.ts",
       "development": "./development/pearl-chain.js",
@@ -94,6 +104,11 @@
       "development": "./development/pearl-chain-time.js",
       "default": "./pearl-chain-time.js"
     },
+    "./pearl-chain-time.pure.js": {
+      "types": "./development/pearl-chain-time.pure.d.ts",
+      "development": "./development/pearl-chain-time.pure.js",
+      "default": "./pearl-chain-time.pure.js"
+    },
     "./pearl-chain-vertical.js": {
       "types": "./development/pearl-chain-vertical.d.ts",
       "development": "./development/pearl-chain-vertical.js",
@@ -104,11 +119,31 @@
       "development": "./development/pearl-chain-vertical-item.js",
       "default": "./pearl-chain-vertical-item.js"
     },
+    "./pearl-chain-vertical-item.pure.js": {
+      "types": "./development/pearl-chain-vertical-item.pure.d.ts",
+      "development": "./development/pearl-chain-vertical-item.pure.js",
+      "default": "./pearl-chain-vertical-item.pure.js"
+    },
+    "./pearl-chain-vertical.pure.js": {
+      "types": "./development/pearl-chain-vertical.pure.d.ts",
+      "development": "./development/pearl-chain-vertical.pure.js",
+      "default": "./pearl-chain-vertical.pure.js"
+    },
+    "./pearl-chain.pure.js": {
+      "types": "./development/pearl-chain.pure.d.ts",
+      "development": "./development/pearl-chain.pure.js",
+      "default": "./pearl-chain.pure.js"
+    },
     "./seat-reservation.js": {
       "types": "./development/seat-reservation.d.ts",
       "development": "./development/seat-reservation.js",
       "default": "./seat-reservation.js"
     },
+    "./seat-reservation.pure.js": {
+      "types": "./development/seat-reservation.pure.d.ts",
+      "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",
@@ -154,10 +189,20 @@
       "development": "./development/timetable-duration.js",
       "default": "./timetable-duration.js"
     },
+    "./timetable-duration.pure.js": {
+      "types": "./development/timetable-duration.pure.d.ts",
+      "development": "./development/timetable-duration.pure.js",
+      "default": "./timetable-duration.pure.js"
+    },
     "./timetable-row.js": {
       "types": "./development/timetable-row.d.ts",
       "development": "./development/timetable-row.js",
       "default": "./timetable-row.js"
+    },
+    "./timetable-row.pure.js": {
+      "types": "./development/timetable-row.pure.d.ts",
+      "development": "./development/timetable-row.pure.js",
+      "default": "./timetable-row.pure.js"
     }
   },
   "customElements": "custom-elements.json",