@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773333596 → 4.7.0-dev.1773388997

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,194 +1,2 @@
-var G = (a) => {
-  throw TypeError(a);
-};
-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 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 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);
-      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 h(this, _);
-    }
-    set trip(e) {
-      n(this, _, e);
-    }
-    /**  The tripBack prop */
-    get tripBack() {
-      return h(this, y);
-    }
-    set tripBack(e) {
-      n(this, y, e);
-    }
-    /**
-     * The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.
-     */
-    get roundTrip() {
-      return h(this, f);
-    }
-    set roundTrip(e) {
-      n(this, f, e);
-    }
-    /** Heading level of the journey header element (e.g. h1-h6). */
-    get headerLevel() {
-      return h(this, v);
-    }
-    set headerLevel(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 h(this, g);
-    }
-    set disableAnimation(e) {
-      n(this, g, e);
-    }
-    /**
-     * The Footpath attribute for rendering different icons
-     * true: render a11y-icon
-     * false: render walk-icon
-     * default: render walk-icon
-     */
-    get a11yFootpath() {
-      return h(this, k);
-    }
-    set a11yFootpath(e) {
-      n(this, k, 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 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>
-                  ${Z[this._language.current]} ${p.long}
-                </sbb-screen-reader-only>
-                <span aria-hidden="true">${p.short}</span>
-              </time>` : d}
-      `;
-    }
-    _renderJourneyVias(e) {
-      const t = e.slice(0, 5);
-      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" : 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: i, departureWalk: p, departure: S, arrivalWalk: Q, arrival: R, legs: U } = e || {};
-      return c`
-      <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : d}
-        <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart(et(S), i)}
-        </div>
-        <sbb-pearl-chain-time
-          .arrivalTime=${R}
-          .departureTime=${S}
-          .departureWalk=${p}
-          .arrivalWalk=${Q}
-          .legs=${U}
-          .disableAnimation=${this.disableAnimation}
-          .a11yFootpath=${this.a11yFootpath}
-          .now=${this.now}
-        ></sbb-pearl-chain-time>
-      </div>
-    `;
-    }
-    render() {
-      const { origin: e, destination: t } = this.trip || {};
-      return c`
-      <div class="sbb-journey-summary">
-        ${e ? c`<sbb-journey-header
-              size="l"
-              .level=${this.headerLevel || d}
-              .origin=${e}
-              .destination=${t}
-              .roundTrip=${this.roundTrip ?? d}
-            ></sbb-journey-header>` : d}
-        ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? c`<div>
-              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
-              ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : d}
-        ${this._hasContentSlot ? c` <div class="sbb-journey-summary__slot">
-              <slot name="content"></slot>
-            </div>` : d}
-      </div>
-    `;
-    }
-  }, _ = 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 {
-  $t 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,5 +1,6 @@
-import { SbbJourneySummaryElement as e } from "./journey-summary/journey-summary.component.js";
+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();
-export {
-  e as SbbJourneySummaryElement
-};
+//#endregion
+export { e as SbbJourneySummaryElement };

package/journey-summary.pure.js

@@ -1,4 +1,2 @@
-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";
+export { e as SbbJourneySummaryElement };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "4.7.0-dev.1773333596",
+  "version": "4.7.0-dev.1773388997",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/dc93eed64ffcb2a136df7b1adff07825b3787e6b"
+    "https://github.com/sbb-design-systems/lyne-components/commit/a53df7a865e5e9799d60718ee7796e7cc0d6646e"
   ],
   "type": "module",
   "exports": {