@sbb-esta/lyne-elements-experimental 1.13.0 → 1.14.0

package/journey-summary/journey-summary.d.ts

@@ -21,27 +21,27 @@ export interface InterfaceSbbJourneySummaryAttributes {
 export declare class SbbJourneySummaryElement extends LitElement {
     static styles: CSSResultGroup;
     /**  The trip prop */
-    trip: InterfaceSbbJourneySummaryAttributes;
+    accessor trip: InterfaceSbbJourneySummaryAttributes;
     /**  The tripBack prop */
-    tripBack?: InterfaceSbbJourneySummaryAttributes;
+    accessor tripBack: InterfaceSbbJourneySummaryAttributes;
     /**
      * The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.
      */
-    roundTrip?: boolean;
+    accessor roundTrip: boolean;
     /** Heading level of the journey header element (e.g. h1-h6). */
-    headerLevel: SbbTitleLevel;
+    accessor headerLevel: SbbTitleLevel;
     /**
      * Per default, the current location has a pulsating animation. You can
      * disable the animation with this property.
      */
-    disableAnimation?: boolean;
+    accessor disableAnimation: boolean;
     /**
      * The Footpath attribute for rendering different icons
      * true: render a11y-icon
      * false: render walk-icon
      * default: render walk-icon
      */
-    a11yFootpath?: boolean;
+    accessor a11yFootpath: boolean;
     /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
     set now(value: SbbDateLike | undefined);
     get now(): Date;

package/journey-summary/journey-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"journey-summary.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/journey-summary/journey-summary.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+CAA+C,CAAC;AACvD,OAAO,2CAA2C,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACc,IAAI,EAAG,oCAAoC,CAAC;IAE/E,yBAAyB;IAElB,QAAQ,CAAC,EAAE,oCAAoC,CAAC;IAEvD;;OAEG;IAC0D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjF,gEAAgE;IAChB,WAAW,EAAE,aAAa,CAAO;IAEjF;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F;;;;;OAKG;IAC6D,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvF,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IAC3E,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,yBAAyB;cAuBd,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"journey-summary.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/journey-summary/journey-summary.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+CAA+C,CAAC;AACvD,OAAO,2CAA2C,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,qBAEM,wBAAyB,SAAQ,UAAU;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACrB,SAA4C,IAAI,EAAE,oCAAoC,CAAS;IAE/F,yBAAyB;IACzB,SACgB,QAAQ,EAAE,oCAAoC,CAAS;IAEvE;;OAEG;IACH,SAEgB,SAAS,EAAE,OAAO,CAAS;IAE3C,gEAAgE;IAChE,SAAyD,WAAW,EAAE,aAAa,CAAO;IAE1F;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;OAKG;IACH,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IAC3E,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,yBAAyB;cAuBd,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/journey-summary.js

@@ -1,134 +1,190 @@
-import { SbbLanguageController as c } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { defaultDateAdapter as u } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nTripDuration as h } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { css as v, LitElement as _, html as o, nothing as n } from "lit";
-import { property as b, customElement as f } from "lit/decorators.js";
-import { durationToTime as g, removeTimezoneFromISOTimeString as $ } from "./core/datetime.js";
+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 h } 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 { css as et, html as d, nothing as m, LitElement as at } from "lit";
+import { customElement as it, property as _ } from "lit/decorators.js";
+import { durationToTime as st, removeTimezoneFromISOTimeString as rt } 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 j } from "./isValid-mroh13Xp.js";
-import { f as d } from "./format-oBQcGL50.js";
-const w = v`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-iron);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}`;
-var x = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (e, t, s, r) => {
-  for (var i = r > 1 ? void 0 : r ? k(t, s) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (i = (r ? m(t, s, i) : m(i)) || i);
-  return r && i && x(t, s, i), i;
-};
-let a = class extends _ {
-  constructor() {
-    super(...arguments), this.headerLevel = "3", this._now = null, this._hasContentSlot = !1, this._language = new c(this);
-  }
-  set now(e) {
-    this._now = u.getValidDateOrNull(u.deserialize(e));
-  }
-  get now() {
-    return this._now ?? /* @__PURE__ */ new Date();
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), this._hasContentSlot = !!((e = this.querySelector) != null && e.call(this, '[slot="content"]'));
-  }
-  /**  renders the date of the journey or if it is the current or next day */
-  _renderJourneyStart(e, t) {
-    const s = u, r = t ? g(t, this._language.current) : null;
-    if (j(e))
-      return o`
-        <time datetime=${d(e, "d") + " " + d(e, "M")}>
-          ${s.format(e).replace(",", ".")}</time
-        >${t && t > 0 ? o`,<time>
+import { i as nt } from "./isValid-mroh13Xp.js";
+import { f as R } from "./format-oBQcGL50.js";
+const ot = et`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-iron);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 wt = (() => {
+  var y, v, f, g, k, $, r;
+  let i = [it("sbb-journey-summary")], s, o = [], c, z = at, j = [], T, B = [], S = [], 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, B, null))), l(this, v, (n(this, S), 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. Recommended for testing purposes. */
+    set now(e) {
+      this._now = x.getValidDateOrNull(x.deserialize(e));
+    }
+    get now() {
+      return this._now ?? /* @__PURE__ */ new Date();
+    }
+    connectedCallback() {
+      var e;
+      super.connectedCallback(), this._hasContentSlot = !!((e = this.querySelector) != null && e.call(this, '[slot="content"]'));
+    }
+    /**  renders the date of the journey or if it is the current or next day */
+    _renderJourneyStart(e, t) {
+      const a = x, p = t ? st(t, this._language.current) : null;
+      if (nt(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>
-                  ${h[this._language.current]} ${r.long}
+                  ${tt[this._language.current]} ${p.long}
                 </sbb-screen-reader-only>
-                <span aria-hidden="true">${r.short}</span>
-              </time>` : n}
+                <span aria-hidden="true">${p.short}</span>
+              </time>` : m}
       `;
-  }
-  _renderJourneyVias(e) {
-    const t = e.slice(0, 5);
-    return o`
+    }
+    _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" : n}>
-          ${t.map(
-      (s, r) => o`<li class="sbb-journey-summary__via">
-                ${s}${r !== t.length - 1 && r < 4 ? o`<span>,</span>` : n}
-              </li>`
-    )}
+        <ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : m}>
+          ${t.map((a, p) => d`<li class="sbb-journey-summary__via">
+                ${a}${p !== t.length - 1 && p < 4 ? d`<span>,</span>` : m}
+              </li>`)}
         </ul>
       </div>
     `;
-  }
-  _renderJourneyInformation(e) {
-    const { vias: t, duration: s, departureWalk: r, departure: i, arrivalWalk: p, arrival: m, legs: y } = e || {};
-    return o`
+    }
+    _renderJourneyInformation(e) {
+      const { vias: t, duration: a, departureWalk: p, departure: H, arrivalWalk: U, arrival: X, legs: Y } = e || {};
+      return d`
       <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : n}
+        ${t && t.length > 0 ? this._renderJourneyVias(t) : m}
         <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart($(i), s)}
+          ${this._renderJourneyStart(rt(H), a)}
         </div>
         <sbb-pearl-chain-time
-          .arrivalTime=${m}
-          .departureTime=${i}
-          .departureWalk=${r}
-          .arrivalWalk=${p}
-          .legs=${y}
+          .arrivalTime=${X}
+          .departureTime=${H}
+          .departureWalk=${p}
+          .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 o`
+    }
+    render() {
+      const { origin: e, destination: t } = this.trip || {};
+      return d`
       <div class="sbb-journey-summary">
-        ${e ? o`<sbb-journey-header
+        ${e ? d`<sbb-journey-header
               size="l"
-              .level=${this.headerLevel || n}
+              .level=${this.headerLevel || m}
               .origin=${e}
               .destination=${t}
-              .roundTrip=${this.roundTrip ?? n}
-            ></sbb-journey-header>` : n}
+              .roundTrip=${this.roundTrip ?? m}
+            ></sbb-journey-header>` : m}
         ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? o`<div>
+        ${this.tripBack ? d`<div>
               <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
               ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : n}
-        ${this._hasContentSlot ? o` <div class="sbb-journey-summary__slot">
+            </div>` : m}
+        ${this._hasContentSlot ? d` <div class="sbb-journey-summary__slot">
               <slot name="content"></slot>
-            </div>` : n}
+            </div>` : m}
       </div>
     `;
-  }
-};
-a.styles = w;
-l([
-  b({ type: Object })
-], a.prototype, "trip", 2);
-l([
-  b({ attribute: "trip-back", type: Object })
-], a.prototype, "tripBack", 2);
-l([
-  b({ attribute: "round-trip", type: Boolean })
-], a.prototype, "roundTrip", 2);
-l([
-  b({ attribute: "header-level" })
-], a.prototype, "headerLevel", 2);
-l([
-  b({ attribute: "disable-animation", type: Boolean })
-], a.prototype, "disableAnimation", 2);
-l([
-  b({ attribute: "a11y-footpath", type: Boolean })
-], a.prototype, "a11yFootpath", 2);
-l([
-  b()
-], a.prototype, "now", 1);
-a = l([
-  f("sbb-journey-summary")
-], a);
+    }
+  }, 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;
+    T = [_({ 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 = [_()], h(r, null, T, { 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 }, B, S), h(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), h(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), h(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), h(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), h(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), h(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), h(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 = ot, n(c, o), c;
+})();
 export {
-  a as SbbJourneySummaryElement
+  wt as SbbJourneySummaryElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -11,10 +11,11 @@
   "type": "module",
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "1.13.0"
+    "@sbb-esta/lyne-elements": "1.14.0"
   },
   "dependencies": {
-    "lit": "^3.2.1"
+    "lit": "^3.2.1",
+    "tslib": "^2.8.0"
   },
   "publishConfig": {
     "access": "public"

package/pearl-chain/pearl-chain.d.ts

@@ -14,12 +14,12 @@ export declare class SbbPearlChainElement extends LitElement {
      * to the total travel time. Example: departure 16:30, change at 16:40,
      * arrival at 17:00. So the change should have a duration of 33.33%.
      */
-    legs?: (Leg | PtRideLeg)[];
+    accessor legs: (Leg | PtRideLeg)[];
     /**
      * Per default, the current location has a pulsating animation. You can
      * disable the animation with this property.
      */
-    disableAnimation?: boolean;
+    accessor disableAnimation: boolean;
     /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
     set now(value: SbbDateLike | undefined);
     get now(): Date | null;

package/pearl-chain/pearl-chain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pearl-chain.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain/pearl-chain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAW3D;;GAEG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IAC+B,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;IAE7D;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,GAAG,IAAI,CAE5B;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,eAAe;cAmBJ,MAAM,IAAI,cAAc;CA4I5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"pearl-chain.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain/pearl-chain.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAW3D;;GAEG;AACH,qBAEM,oBAAqB,SAAQ,UAAU;IAC3C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IACH,SAA2C,IAAI,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAM;IAE1E;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,GAAG,IAAI,CAE5B;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,eAAe;cAmBJ,MAAM,IAAI,cAAc;CA4I5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/pearl-chain-time/pearl-chain-time.d.ts

@@ -14,22 +14,22 @@ export declare class SbbPearlChainTimeElement extends LitElement {
      * to the total travel time. Example: departure 16:30, change at 16:40,
      * arrival at 17:00. So the change should have a duration of 33.33%.
      */
-    legs: (Leg | PtRideLeg)[];
+    accessor legs: (Leg | PtRideLeg)[];
     /** Prop to render the departure time - will be formatted as "H:mm" */
-    departureTime?: string;
+    accessor departureTime: string;
     /** Prop to render the arrival time - will be formatted as "H:mm" */
-    arrivalTime?: string;
+    accessor arrivalTime: string;
     /** Optional prop to render the walk time (in minutes) before departure */
-    departureWalk?: number;
+    accessor departureWalk: number;
     /** Optional prop to render the walk time (in minutes) after arrival */
-    arrivalWalk?: number;
+    accessor arrivalWalk: number;
     /**
      * Per default, the current location has a pulsating animation. You can
      * disable the animation with this property.
      */
-    disableAnimation?: boolean;
+    accessor disableAnimation: boolean;
     /** Optional prop to render wheelchair-small instead of walk-small */
-    a11yFootpath?: boolean;
+    accessor a11yFootpath: boolean;
     /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
     set now(value: SbbDateLike | undefined);
     get now(): Date;

package/pearl-chain-time/pearl-chain-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pearl-chain-time.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain-time/pearl-chain-time.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IAC+B,IAAI,EAAG,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;IAE7D,sEAAsE;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEzE,oEAAoE;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErE,0EAA0E;IACV,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvF,uEAAuE;IACT,WAAW,CAAC,EAAE,MAAM,CAAC;IAEnF;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F,qEAAqE;IACL,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvF,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
+{"version":3,"file":"pearl-chain-time.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain-time/pearl-chain-time.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,UAAU;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IACH,SAA2C,IAAI,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAM;IAE1E,sEAAsE;IACtE,SAEgB,aAAa,EAAE,MAAM,CAAM;IAE3C,oEAAoE;IACpE,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,0EAA0E;IAC1E,SAEgB,aAAa,EAAE,MAAM,CAAO;IAE5C,uEAAuE;IACvE,SAEgB,WAAW,EAAE,MAAM,CAAO;IAE1C;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD,qEAAqE;IACrE,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}