@sbb-esta/lyne-elements-experimental-dev 0.0.0 → 4.0.0-dev.1775550888

package/index.d.ts

@@ -0,0 +1,33 @@
+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;
+  var SbbAutocompleteGridElement: SbbAutocompleteGridElement;
+  var SbbAutocompleteGridOptgroupElement: SbbAutocompleteGridOptgroupElement;
+  var SbbAutocompleteGridOptionElement: SbbAutocompleteGridOptionElement;
+  var SbbAutocompleteGridRowElement: SbbAutocompleteGridRowElement;
+  var SbbJourneySummaryElement: SbbJourneySummaryElement;
+  var SbbPearlChainElement: SbbPearlChainElement;
+  var SbbPearlChainTimeElement: SbbPearlChainTimeElement;
+  var SbbPearlChainVerticalElement: SbbPearlChainVerticalElement;
+  var SbbPearlChainVerticalItemElement: SbbPearlChainVerticalItemElement;
+  var SbbSeatReservationAreaElement: SbbSeatReservationAreaElement;
+  var SbbSeatReservationElement: SbbSeatReservationElement;
+  var SbbSeatReservationGraphicElement: SbbSeatReservationGraphicElement;
+  var SbbSeatReservationNavigationCoachElement: SbbSeatReservationNavigationCoachElement;
+  var SbbSeatReservationNavigationServicesElement: SbbSeatReservationNavigationServicesElement;
+  var SbbSeatReservationPlaceControlElement: SbbSeatReservationPlaceControlElement;
+  var SbbSeatReservationScopedElement: SbbSeatReservationScopedElement;
+  var SbbTimetableDurationElement: SbbTimetableDurationElement;
+  var SbbTimetableRowElement: SbbTimetableRowElement;
+}
+
+export {}

package/index.js

@@ -0,0 +1,32 @@
+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;
+globalThis.SbbAutocompleteGridElement = SbbAutocompleteGridElement;
+globalThis.SbbAutocompleteGridOptgroupElement = SbbAutocompleteGridOptgroupElement;
+globalThis.SbbAutocompleteGridOptionElement = SbbAutocompleteGridOptionElement;
+globalThis.SbbAutocompleteGridRowElement = SbbAutocompleteGridRowElement;
+globalThis.SbbJourneySummaryElement = SbbJourneySummaryElement;
+globalThis.SbbPearlChainElement = SbbPearlChainElement;
+globalThis.SbbPearlChainTimeElement = SbbPearlChainTimeElement;
+globalThis.SbbPearlChainVerticalElement = SbbPearlChainVerticalElement;
+globalThis.SbbPearlChainVerticalItemElement = SbbPearlChainVerticalItemElement;
+globalThis.SbbSeatReservationAreaElement = SbbSeatReservationAreaElement;
+globalThis.SbbSeatReservationElement = SbbSeatReservationElement;
+globalThis.SbbSeatReservationGraphicElement = SbbSeatReservationGraphicElement;
+globalThis.SbbSeatReservationNavigationCoachElement = SbbSeatReservationNavigationCoachElement;
+globalThis.SbbSeatReservationNavigationServicesElement = SbbSeatReservationNavigationServicesElement;
+globalThis.SbbSeatReservationPlaceControlElement = SbbSeatReservationPlaceControlElement;
+globalThis.SbbSeatReservationScopedElement = SbbSeatReservationScopedElement;
+globalThis.SbbTimetableDurationElement = SbbTimetableDurationElement;
+globalThis.SbbTimetableRowElement = SbbTimetableRowElement;
+
+export {}

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

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

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

package/journey-summary.js

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