@sbb-esta/lyne-elements-experimental-dev 0.0.0 → 4.5.1-dev.1771849274

package/seat-reservation.js

@@ -0,0 +1,29 @@
+import { mapCoachInfosToCoachSelection as t, mapPlaceAndCoachToSeatReservationPlaceSelection as a, mapPlaceInfosToPlaceSelection as r, mapRawDataToSeatReservation as n } from "./seat-reservation/common/mapper/mapper.js";
+import { mapIconToSvg as S } from "./seat-reservation/common/mapper/icon-mapper.js";
+import { svgs as p } from "./seat-reservation/common/svgs.js";
+import { getI18nSeatReservation as s } from "./seat-reservation/common/translations/i18n.js";
+import { SbbSeatReservationElement as v } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
+import { SeatReservationBaseElement as f } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
+import { SbbSeatReservationAreaElement as R } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
+import { SbbSeatReservationGraphicElement as g } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
+import { SbbSeatReservationNavigationCoachElement as C } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
+import { SbbSeatReservationNavigationServicesElement as T } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
+import { SbbSeatReservationPlaceControlElement as d } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
+import { SbbSeatReservationScopedElement as N } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
+export {
+  R as SbbSeatReservationAreaElement,
+  v as SbbSeatReservationElement,
+  g as SbbSeatReservationGraphicElement,
+  C as SbbSeatReservationNavigationCoachElement,
+  T as SbbSeatReservationNavigationServicesElement,
+  d as SbbSeatReservationPlaceControlElement,
+  N as SbbSeatReservationScopedElement,
+  f as SeatReservationBaseElement,
+  s as getI18nSeatReservation,
+  t as mapCoachInfosToCoachSelection,
+  S as mapIconToSvg,
+  a as mapPlaceAndCoachToSeatReservationPlaceSelection,
+  r as mapPlaceInfosToPlaceSelection,
+  n as mapRawDataToSeatReservation,
+  p as svgs
+};

package/timetable-duration/timetable-duration.component.js

@@ -0,0 +1,56 @@
+var v = (t) => {
+  throw TypeError(t);
+};
+var S = (t, e, a) => e.has(t) || v("Cannot " + a);
+var $ = (t, e, a) => (S(t, e, "read from private field"), a ? a.call(t) : e.get(t)), w = (t, e, a) => e.has(t) ? v("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), g = (t, e, a, s) => (S(t, e, "write to private field"), s ? s.call(t, a) : e.set(t, a), a);
+import { __runInitializers as m, __esDecorate as z } from "tslib";
+import { SbbLanguageController as L } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as D } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { i18nDurationHour as h, i18nDurationMinute as p } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { boxSizingStyles as E } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as T, LitElement as k, html as I } from "lit";
+import { customElement as O, property as j } from "lit/decorators.js";
+const C = T`:host{display:inline-block}.duration{--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);margin:0;white-space:nowrap}.duration__text--visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let G = (() => {
+  var o, n;
+  let t = [O("sbb-timetable-duration")], e, a = [], s, f = k, b, d = [], _ = [];
+  return n = class extends f {
+    constructor() {
+      super(...arguments);
+      w(this, o);
+      g(this, o, m(this, d, "")), this._language = (m(this, _), new L(this));
+    }
+    /**
+     * Stringified JSON which defines most of the
+     * content of the component. Please check the
+     * individual stories to get an idea of the
+     * structure.
+     */
+    get config() {
+      return $(this, o);
+    }
+    set config(i) {
+      g(this, o, i);
+    }
+    render() {
+      const i = JSON.parse(this.config), r = h.multiple.short[this._language.current], u = p.multiple.short[this._language.current];
+      let c = "", l = "", y = h.multiple.long[this._language.current], x = p.multiple.long[this._language.current];
+      return i.hours === 1 && (y = h.single.long[this._language.current]), i.minutes === 1 && (x = p.single.long[this._language.current]), i.hours !== 0 && (c += `${i.hours} ${r}`, l += `${i.hours} ${y}`), c += ` ${i.minutes} ${u}`, l += ` ${i.minutes} ${x}.`, I`
+      <p aria-label=${l} class="duration" role="text">
+        <span aria-hidden="true" class="duration__text--visual" role="presentation">
+          ${c}
+        </span>
+        <span class="duration__text--visually-hidden">${l}</span>
+      </p>
+    `;
+    }
+  }, o = new WeakMap(), s = n, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    b = [D(), j()], z(n, null, b, { kind: "accessor", name: "config", static: !1, private: !1, access: { has: (r) => "config" in r, get: (r) => r.config, set: (r, u) => {
+      r.config = u;
+    } }, metadata: i }, d, _), z(null, e = { value: s }, t, { kind: "class", name: s.name, metadata: i }, null, a), s = e.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), n.styles = [E, C], m(s, a), s;
+})();
+export {
+  G as SbbTimetableDurationElement
+};

package/timetable-duration.js

@@ -0,0 +1,4 @@
+import { SbbTimetableDurationElement as b } from "./timetable-duration/timetable-duration.component.js";
+export {
+  b as SbbTimetableDurationElement
+};

package/timetable-row/timetable-row.component.js

@@ -0,0 +1,426 @@
+var ke = (t) => {
+  throw TypeError(t);
+};
+var Ne = (t, i, s) => i.has(t) || ke("Cannot " + s);
+var f = (t, i, s) => (Ne(t, i, "read from private field"), s ? s.call(t) : i.get(t)), y = (t, i, s) => i.has(t) ? ke("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, s), l = (t, i, s, n) => (Ne(t, i, "write to private field"), n ? n.call(t, s) : i.set(t, s), s);
+import { __runInitializers as o, __esDecorate as _ } from "tslib";
+import { SbbLanguageController as nt } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { defaultDateAdapter as Ie } from "@sbb-esta/lyne-elements/core/datetime.js";
+import { forceType as N } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { setOrRemoveAttribute as ot } from "@sbb-esta/lyne-elements/core/dom.js";
+import { i18nFromPlatform as lt, i18nDeparture as ze, i18nMeansOfTransport as J, i18nDirection as Le, i18nRealTimeInfo as Re, i18nSupersaver as Me, i18nTransferProcedures as ct, i18nTransferProcedure as bt, i18nArrival as dt, i18nClass as Ee, i18nOccupancy as Oe, i18nTravelhints as gt, i18nTripDuration as Pe, i18nNew as De, i18nTripQuayChange as pt } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { boxSizingStyles as ut } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as ht, LitElement as mt, nothing as g, html as c } from "lit";
+import { customElement as _t, property as v } from "lit/decorators.js";
+import { removeTimezoneFromISOTimeString as Fe, durationToTime as qe } from "../core/datetime.js";
+import { isRideLeg as Je, getDepartureArrivalTimeAttribute as ft } from "../core/timetable.js";
+import "@sbb-esta/lyne-elements/card.js";
+import "@sbb-esta/lyne-elements/icon.js";
+import "@sbb-esta/lyne-elements/timetable-occupancy.js";
+import "../pearl-chain-time.js";
+import { f as Be } from "../format-CmKROkbc.js";
+const yt = ht`:host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height: 1.5625rem;--sbb-timetable-row-height-header: 1.25rem;--sbb-timetable-row-height-footer: 1rem;--sbb-timetable-row-skeleton-pulse-duration: 1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration: 0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width: 1.25rem;--sbb-icon-svg-height: 1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height: .875rem}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{list-style:none;margin:0;padding:0;font-size:inherit;display:inline-flex}li,.sbb-timetable__row-transport{display:inline-flex;align-self:center}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--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);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--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);display:flex;flex-direction:column;gap:var(--sbb-timetable-row-gap)}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{display:flex;gap:var(--sbb-spacing-fixed-2x);align-items:center;line-height:var(--sbb-timetable-row-height-header)}.sbb-timetable__row-details,.sbb-timetable__row-hints{display:inline-flex;gap:var(--sbb-spacing-fixed-1x);align-items:center}.sbb-timetable__row-header p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;align-self:center}.sbb-timetable__row-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer)}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-primary)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x)}.sbb-loading__row{width:100%;border-radius:var(--sbb-border-radius-1x);height:var(--sbb-timetable-row-height)}@media(min-width:64rem){.sbb-loading__row{height:1.75rem}}@media(forced-colors:active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-background-color-4);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);padding-inline-end:var(--sbb-spacing-fixed-6x);border-end-start-radius:var(--sbb-card-badge-border-radius);transform:var(--sbb-card-badge-skew);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-background-color-4)}17%{background:var(--sbb-background-color-4)}50%{background:var(--sbb-background-color-3)}67%{background:var(--sbb-background-color-3)}to{background:var(--sbb-background-color-4)}}`, vt = (t, i) => c`<span class="sbb-timetable__row-transport">
+    <sbb-icon name=${t}></sbb-icon>
+    <span class="sbb-screen-reader-only">${i}</span>
+  </span>`, xt = (t, i) => {
+  const s = ["M", "B", "T"].includes(t) ? " " : "";
+  return c`<span class="sbb-timetable__row-transportnumber">
+    ${i !== null ? t + s + i : t}
+  </span>`;
+}, Ue = (t) => t?.find((i) => i.serviceJourney?.serviceAlteration?.reachableText)?.serviceJourney?.serviceAlteration?.reachableText, wt = (t) => t?.find((i) => i.serviceJourney?.serviceAlteration?.delayText)?.serviceJourney?.serviceAlteration?.delayText, We = (t) => t?.find((i) => !!i.serviceJourney?.serviceAlteration?.redirectedText)?.serviceJourney?.serviceAlteration?.redirectedText, je = (t) => t?.find((i) => !!i.serviceJourney?.serviceAlteration?.unplannedStopPointsText)?.serviceJourney?.serviceAlteration?.unplannedStopPointsText, $t = (t) => {
+  const i = {
+    DISTURBANCE: 0,
+    INFORMATION: 1,
+    DELAY: 2,
+    TRAIN_REPLACEMENT_BY_BUS: 3,
+    CONSTRUCTION_SITE: 4,
+    END_MESSAGE: 5
+  };
+  return [...t].sort((s, n) => i[s.cause] - i[n.cause]);
+}, Tt = (t) => {
+  switch (t?.cause) {
+    case "DISTURBANCE":
+      return {
+        name: "disruption",
+        text: t?.broadcastMessages?.length ? t?.broadcastMessages[0].title : ""
+      };
+    case "INFORMATION":
+      return {
+        name: "info",
+        text: t?.broadcastMessages.length ? t?.broadcastMessages[0].title : ""
+      };
+    case "DELAY":
+      return {
+        name: "delay",
+        text: t?.broadcastMessages.length ? t?.broadcastMessages[0].title : ""
+      };
+    case "TRAIN_REPLACEMENT_BY_BUS":
+      return {
+        name: "replacementbus",
+        text: t?.broadcastMessages.length ? t?.broadcastMessages[0].title : ""
+      };
+    case "CONSTRUCTION_SITE":
+      return {
+        name: "construction",
+        text: t?.broadcastMessages.length ? t?.broadcastMessages[0].title : ""
+      };
+    default:
+      return {
+        name: "info",
+        text: t?.broadcastMessages.length ? t?.broadcastMessages[0].title : ""
+      };
+  }
+}, At = (t, i) => {
+  const { summary: s, legs: n } = t || {}, p = n?.filter((S) => Je(S)), { tripStatus: h } = s || {};
+  if (h?.cancelled || h?.partiallyCancelled)
+    return { name: "cancellation", text: h?.cancelledText };
+  if (Ue(p))
+    return { name: "missed-connection", text: Ue(p) };
+  if (h?.alternative)
+    return { name: "alternative", text: h.alternativeText };
+  if (We(p))
+    return { name: "reroute", text: We(p) };
+  if (je(p))
+    return { name: "add-stop", text: je(p) };
+  if (h?.delayed || h?.delayedUnknown)
+    return { name: "delay", text: wt(p) };
+  if (h?.quayChanged) {
+    const S = p[0].departure;
+    return {
+      name: "platform-change",
+      text: S.quayChanged ? S.quayChangedText : pt[i]
+    };
+  }
+  return {};
+}, St = (t) => {
+  const i = ["RR", "RK", "RC", "RL", "RM", "RS", "RU", "XP", "XR", "XT"];
+  return t.reduce((s, n) => {
+    if (s)
+      return s;
+    if (i.includes(n.name))
+      return { ...n, name: "RR" };
+  }, void 0);
+}, Ct = (t) => {
+  const i = ["Z", "SB", "SZ", "VR", "TG"];
+  return t.filter((n, p) => t.findIndex((h) => h.name === n.name) === p).filter((n) => i.includes(n.name)).sort((n, p) => i.indexOf(n.name) - i.indexOf(p.name));
+}, Y = (t) => {
+  const i = St(t), s = Ct(t);
+  return i === void 0 ? s : s.length ? s[0].name === "Z" && s[1] ? [s[0], i, s[1]].concat(s.slice(2)) : [i, ...s] : [i];
+};
+let Ht = (() => {
+  var I, z, L, R, M, E, O, P, D, F, b;
+  let t = [_t("sbb-timetable-row")], i, s = [], n, p = mt, h = [], S, X = [], Z = [], G, V = [], ee = [], te, ae = [], ie = [], se, re = [], ne = [], oe, le = [], ce = [], be, de = [], ge = [], pe, ue = [], he = [], me, _e = [], fe = [], ye, ve = [], xe = [], we, $e = [], Te = [], Ae;
+  return b = class extends p {
+    constructor() {
+      super(...arguments);
+      y(this, I);
+      y(this, z);
+      y(this, L);
+      y(this, R);
+      y(this, M);
+      y(this, E);
+      y(this, O);
+      y(this, P);
+      y(this, D);
+      y(this, F);
+      l(this, I, (o(this, h), o(this, X, null))), l(this, z, (o(this, Z), o(this, V, null))), l(this, L, (o(this, ee), o(this, ae, !1))), l(this, R, (o(this, ie), o(this, re, null))), l(this, M, (o(this, ne), o(this, le, !1))), l(this, E, (o(this, ce), o(this, de, !1))), l(this, O, (o(this, ge), o(this, ue, !1))), l(this, P, (o(this, he), o(this, _e, ""))), l(this, D, (o(this, fe), o(this, ve, !1))), l(this, F, (o(this, xe), o(this, $e, !1))), this._now = (o(this, Te), null), this._language = new nt(this);
+    }
+    /** The trip Prop. */
+    get trip() {
+      return f(this, I);
+    }
+    set trip(a) {
+      l(this, I, a);
+    }
+    /** The price Prop, which consists of the data for the badge. */
+    get price() {
+      return f(this, z);
+    }
+    set price(a) {
+      l(this, z, a);
+    }
+    /** This will be forwarded to the sbb-pearl-chain component - if true the position won't be animated. */
+    get disableAnimation() {
+      return f(this, L);
+    }
+    set disableAnimation(a) {
+      l(this, L, a);
+    }
+    /** This will be forwarded to the notices section */
+    get boarding() {
+      return f(this, R);
+    }
+    set boarding(a) {
+      l(this, R, a);
+    }
+    /**
+     * The loading state -
+     * when this is true it will be render skeleton with an idling animation
+     */
+    get loadingTrip() {
+      return f(this, M);
+    }
+    set loadingTrip(a) {
+      l(this, M, a);
+    }
+    /**
+     * The Footpath attribute for rendering different icons
+     * true: render a11y-icon
+     * false: render walk-icon
+     * default: render walk-icon
+     */
+    get a11yFootpath() {
+      return f(this, E);
+    }
+    set a11yFootpath(a) {
+      l(this, E, a);
+    }
+    /**
+     * The loading state -
+     * when this is true it will be render skeleton with an idling animation
+     */
+    get loadingPrice() {
+      return f(this, O);
+    }
+    set loadingPrice(a) {
+      l(this, O, a);
+    }
+    /**
+     * Hidden label for the card action. It overrides the automatically generated accessibility text for the component. Use this prop to provide custom accessibility information for the component.
+     */
+    get cardActionLabel() {
+      return f(this, P);
+    }
+    set cardActionLabel(a) {
+      l(this, P, a);
+    }
+    /** This will be forwarded to the sbb-card component as aria-expanded. */
+    get accessibilityExpanded() {
+      return f(this, D);
+    }
+    set accessibilityExpanded(a) {
+      l(this, D, a);
+    }
+    /** When this prop is true the sbb-card will be in the active state. */
+    get active() {
+      return f(this, F);
+    }
+    set active(a) {
+      l(this, F, a);
+    }
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Only recommended for testing purposes.
+     */
+    set now(a) {
+      this._now = Ie.getValidDateOrNull(Ie.deserialize(a));
+    }
+    get now() {
+      return this._now ?? /* @__PURE__ */ new Date();
+    }
+    willUpdate(a) {
+      super.willUpdate(a), a.has("loadingTrip") && ot(this, "role", this.loadingTrip ? null : "rowgroup");
+    }
+    /** The skeleton render function for the loading state */
+    _renderSkeleton() {
+      return c`
+      <sbb-card class="sbb-loading sbb-card-spacing-4x-xxs">
+        ${this.loadingPrice ? c`<div class="sbb-loading__badge" slot="badge"></div>` : g}
+        <div class="sbb-loading__wrapper">
+          <div class="sbb-loading__row"></div>
+          <div class="sbb-loading__row"></div>
+          <div class="sbb-loading__row"></div>
+        </div>
+      </sbb-card>
+    `;
+    }
+    _getRideLegs() {
+      return this.trip?.legs?.filter((a) => Je(a)) ?? [];
+    }
+    _getQuayTypeStrings() {
+      if (!this.trip.summary?.product)
+        return null;
+      const a = this._getRideLegs(), r = this.trip.summary.product?.vehicleMode === "TRAIN" ? a[0].serviceJourney.quayTypeShortName || "" : a[0].serviceJourney.quayTypeName || "";
+      return {
+        long: lt[this._language.current] + " " + r,
+        short: r
+      };
+    }
+    /** map Quay */
+    _renderQuayType() {
+      if (!this.trip.summary?.product)
+        return;
+      const a = this._getQuayTypeStrings();
+      return c`
+      <span class="sbb-timetable__row--quay">
+        <span class="sbb-screen-reader-only">${a?.long}&nbsp;</span>
+        <span class="sbb-timetable__row--quay-type" aria-hidden="true"
+          >${a?.short}</span
+        >
+      </span>
+    `;
+    }
+    _handleHimCus(a) {
+      const { situations: e } = a || {}, r = e && $t(e), w = At(a, this._language.current);
+      return {
+        cus: Object.keys(w)?.length ? w : null,
+        him: e?.length ? Tt(r[0]) : null
+      };
+    }
+    _getAccessibilityText(a) {
+      const { summary: e, legs: r, notices: w } = a || {}, { departureWalk: d, arrivalWalk: W, departure: C, arrival: $, product: x, direction: H, occupancy: u, duration: T } = e || {}, { departureTimeAttribute: m, arrivalTimeAttribute: q } = ft(r, d || 0, W || 0, this._language.current, this.a11yFootpath), A = this._getRideLegs(), B = C?.time ? Fe(C.time) : void 0, U = $?.time ? Fe($.time) : void 0, Q = m ? `${m.text} ${m.duration}, ` : "", He = q ? `${q.text} ${q.duration}, ` : "", Qe = B ? `${ze[this._language.current]}: ${Be(B, "HH:mm")}, ` : "", Ke = () => C?.quayFormatted ? `${C?.quayChanged ? `${De[this._language.current]} ` : ""}${this._getQuayTypeStrings()?.long} ${C?.quayFormatted}, ` : "", Ye = x && x.vehicleMode ? J[x.vehicleMode.toLowerCase()] && `${J[x.vehicleMode.toLowerCase()][this._language.current]}, ` : "", Xe = x?.vehicleSubModeShortName ? `${x.vehicleSubModeShortName} ${x.line || ""}, ` : "", Ze = `${Le[this._language.current]} ${H}, `, j = this._handleHimCus(a), Se = j?.cus?.text ? `${Re[this._language.current]}: ${j?.cus?.text}, ` : "", Ge = j?.him?.text ? `${Re[this._language.current]}: ${j?.him?.text}, ` : "", Ve = this.boarding ? `${this.boarding.text}, ` : "", et = `${this.price?.isDiscount ? Me[this._language.current] : ""} ${this.price?.text && this.price?.price ? (this.price?.text || "") + " " + (this.price?.price || "") + ", " : ""}`, tt = A.length > 2 ? `${A.length - 1} ${ct[this._language.current]}, ` : A.length > 1 ? `${A.length - 1} ${bt[this._language.current]}, ` : "", at = U ? `${dt[this._language.current]}: ${Be(U, "HH:mm")}, ` : "";
+      let K = "";
+      u && (u.firstClass && u.firstClass !== "UNKNOWN" && (K += `${Ee.first[this._language.current]} ${Oe[u.firstClass.toLowerCase()]?.[this._language.current]}.`), u.secondClass && u.secondClass !== "UNKNOWN" && (K += ` ${Ee.second[this._language.current]} ${Oe[u.secondClass.toLowerCase()]?.[this._language.current]}.`));
+      const Ce = w && Y(w).length && Y(w)?.map((k, rt) => rt < 4 && k.text?.template).join(", ") + ", ", it = Ce ? `${gt[this._language.current]}: ${Ce}` : "", st = T && T > 0 ? `${Pe[this._language.current]} ${qe(T, this._language.current).long}, ` : "";
+      return [
+        Q,
+        Qe,
+        Ke(),
+        Ye,
+        Xe,
+        Ze,
+        Se,
+        Ve,
+        et,
+        Se ? "" : Ge,
+        at,
+        He,
+        st,
+        tt,
+        K,
+        it
+      ].map((k) => k?.trim()).filter((k) => k && k.length > 0).join(" ");
+    }
+    render() {
+      if (this.loadingTrip)
+        return this._renderSkeleton();
+      const { legs: a, id: e, notices: r, summary: w } = this.trip || {}, { product: d, direction: W, departureWalk: C, departure: $, arrival: x, arrivalWalk: H, occupancy: u, duration: T } = w || {}, m = this._handleHimCus(this.trip), q = !!m.cus || !!m.him, A = r && Y(r), B = T ? qe(T, this._language.current) : null;
+      return c`
+      <sbb-card class="sbb-card-spacing-4x-xxs" id=${e}>
+        <sbb-card-button
+          ?active=${this.active}
+          aria-expanded=${this.accessibilityExpanded ? "true" : g}
+        >
+          ${this.cardActionLabel ? this.cardActionLabel : this._getAccessibilityText(this.trip)}
+        </sbb-card-button>
+        ${this.loadingPrice ? c`<div class="sbb-loading__badge" slot="badge"></div>` : g}
+        ${this.price && !this.loadingPrice ? c`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
+              ${this.price.isDiscount ? c`<span aria-hidden="true">
+                    %<span class="sbb-screen-reader-only"
+                      >${Me[this._language.current]}</span
+                    >
+                  </span>` : g}
+              ${this.price.text ? c`<span>${this.price.text}</span>` : g}
+              ${this.price.price ? c`<span>${this.price.price}</span>` : g}
+            </sbb-card-badge>` : g}
+        <div class="sbb-timetable__row" role="row">
+          <div class="sbb-timetable__row-header" role="gridcell">
+            <div class="sbb-timetable__row-details">
+              ${d?.corporateIdentityPictogram && c`<span class="sbb-timetable__row-transport-wrapper">
+                <sbb-icon
+                  class="sbb-timetable__row-transport-icon"
+                  name="picto:${d.corporateIdentityPictogram}"
+                ></sbb-icon>
+                <span class="sbb-screen-reader-only">
+                  ${d && d.vehicleMode && J[d.vehicleMode.toLowerCase()] && J[d.vehicleMode.toLowerCase()][this._language.current]}
+                  &nbsp;
+                </span>
+              </span>`}
+              ${d && (d.corporateIdentityIcon ? vt(d.corporateIdentityIcon, d.name) : d.vehicleSubModeShortName && xt(d.vehicleSubModeShortName, d?.line))}
+            </div>
+            ${W ? c`<p>${`${Le[this._language.current]} ${W}`}</p>` : g}
+          </div>
+          <sbb-pearl-chain-time
+            role="gridcell"
+            .legs=${a}
+            .departureTime=${$?.time}
+            .arrivalTime=${x?.time}
+            .departureWalk=${C}
+            .arrivalWalk=${H}
+            ?disable-animation=${this.disableAnimation}
+            ?a11y-footpath=${this.a11yFootpath}
+            .now=${this.now}
+          ></sbb-pearl-chain-time>
+          <div class="sbb-timetable__row-footer" role="gridcell">
+            ${d && $?.quayFormatted ? c`<span
+                  class=${$?.quayChanged ? "sbb-timetable__row-quay--changed" : g}
+                >
+                  <span class="sbb-screen-reader-only">
+                    ${`${ze[this._language.current]} ${$?.quayChanged ? De[this._language.current] : ""}`}
+                    &nbsp;
+                  </span>
+                  ${this._renderQuayType()} ${$?.quayFormatted}
+                </span>` : g}
+            ${u?.firstClass && u?.firstClass !== "UNKNOWN" || u?.secondClass && u.secondClass !== "UNKNOWN" ? c`<sbb-timetable-occupancy
+                  .firstClassOccupancy=${u?.firstClass?.toLowerCase()}
+                  .secondClassOccupancy=${u?.secondClass?.toLowerCase()}
+                ></sbb-timetable-occupancy>` : g}
+            ${A && A.length || this.boarding ? c`<ul class="sbb-timetable__row-hints" role="list">
+                  ${A?.map((U, Q) => Q < 4 ? c`<li>
+                          <sbb-icon
+                            class="sbb-travel-hints__item"
+                            name=${"sa-" + U.name?.toLowerCase()}
+                          ></sbb-icon>
+                          <span class="sbb-screen-reader-only">${U.text?.template}</span>
+                        </li>` : g)}
+                  ${this.boarding ? c`<li>
+                        <sbb-icon
+                          class="sbb-travel-hints__item"
+                          name=${this.boarding?.name}
+                          aria-label=${this.boarding?.text}
+                          aria-hidden="false"
+                        ></sbb-icon>
+                      </li>` : g}
+                </ul>` : g}
+            ${T && T > 0 ? c`<time>
+                  <span class="sbb-screen-reader-only">
+                    ${`${Pe[this._language.current]} ${B.long}`}
+                  </span>
+                  <span aria-hidden="true">${B.short}</span>
+                </time>` : g}
+            ${q && (m.cus || m.him) ? c`<span class="sbb-timetable__row-warning">
+                  <sbb-icon name=${(m.cus || m.him).name}></sbb-icon>
+                  <span class="sbb-screen-reader-only">${(m.cus || m.him).text}</span>
+                </span>` : g}
+          </div>
+        </div>
+      </sbb-card>
+    `;
+    }
+  }, I = new WeakMap(), z = new WeakMap(), L = new WeakMap(), R = new WeakMap(), M = new WeakMap(), E = new WeakMap(), O = new WeakMap(), P = new WeakMap(), D = new WeakMap(), F = new WeakMap(), n = b, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    S = [v({ type: Object })], G = [v({ type: Object })], te = [N(), v({ attribute: "disable-animation", reflect: !0, type: Boolean })], se = [v({ type: Object })], oe = [N(), v({ attribute: "loading-trip", type: Boolean })], be = [N(), v({ attribute: "a11y-footpath", type: Boolean })], pe = [N(), v({ attribute: "loading-price", type: Boolean })], me = [N(), v({ attribute: "card-action-label" })], ye = [N(), v({ attribute: "accessibility-expanded", type: Boolean })], we = [N(), v({ type: Boolean })], Ae = [v()], _(b, null, S, { kind: "accessor", name: "trip", static: !1, private: !1, access: { has: (e) => "trip" in e, get: (e) => e.trip, set: (e, r) => {
+      e.trip = r;
+    } }, metadata: a }, X, Z), _(b, null, G, { kind: "accessor", name: "price", static: !1, private: !1, access: { has: (e) => "price" in e, get: (e) => e.price, set: (e, r) => {
+      e.price = r;
+    } }, metadata: a }, V, ee), _(b, null, te, { kind: "accessor", name: "disableAnimation", static: !1, private: !1, access: { has: (e) => "disableAnimation" in e, get: (e) => e.disableAnimation, set: (e, r) => {
+      e.disableAnimation = r;
+    } }, metadata: a }, ae, ie), _(b, null, se, { kind: "accessor", name: "boarding", static: !1, private: !1, access: { has: (e) => "boarding" in e, get: (e) => e.boarding, set: (e, r) => {
+      e.boarding = r;
+    } }, metadata: a }, re, ne), _(b, null, oe, { kind: "accessor", name: "loadingTrip", static: !1, private: !1, access: { has: (e) => "loadingTrip" in e, get: (e) => e.loadingTrip, set: (e, r) => {
+      e.loadingTrip = r;
+    } }, metadata: a }, le, ce), _(b, null, be, { kind: "accessor", name: "a11yFootpath", static: !1, private: !1, access: { has: (e) => "a11yFootpath" in e, get: (e) => e.a11yFootpath, set: (e, r) => {
+      e.a11yFootpath = r;
+    } }, metadata: a }, de, ge), _(b, null, pe, { kind: "accessor", name: "loadingPrice", static: !1, private: !1, access: { has: (e) => "loadingPrice" in e, get: (e) => e.loadingPrice, set: (e, r) => {
+      e.loadingPrice = r;
+    } }, metadata: a }, ue, he), _(b, null, me, { kind: "accessor", name: "cardActionLabel", static: !1, private: !1, access: { has: (e) => "cardActionLabel" in e, get: (e) => e.cardActionLabel, set: (e, r) => {
+      e.cardActionLabel = r;
+    } }, metadata: a }, _e, fe), _(b, null, ye, { kind: "accessor", name: "accessibilityExpanded", static: !1, private: !1, access: { has: (e) => "accessibilityExpanded" in e, get: (e) => e.accessibilityExpanded, set: (e, r) => {
+      e.accessibilityExpanded = r;
+    } }, metadata: a }, ve, xe), _(b, null, we, { kind: "accessor", name: "active", static: !1, private: !1, access: { has: (e) => "active" in e, get: (e) => e.active, set: (e, r) => {
+      e.active = r;
+    } }, metadata: a }, $e, Te), _(b, null, Ae, { kind: "setter", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, set: (e, r) => {
+      e.now = r;
+    } }, metadata: a }, null, h), _(null, i = { value: n }, t, { kind: "class", name: n.name, metadata: a }, null, s), n = i.value, a && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), b.styles = [ut, yt], o(n, s), n;
+})();
+export {
+  Ht as SbbTimetableRowElement,
+  Ct as filterNotices,
+  At as getCus,
+  Tt as getHimIcon,
+  Y as handleNotices,
+  vt as renderIconProduct,
+  xt as renderStringProduct,
+  $t as sortSituation
+};

package/timetable-row.js

@@ -0,0 +1,11 @@
+import { SbbTimetableRowElement as o, filterNotices as r, getCus as i, getHimIcon as n, handleNotices as c, renderIconProduct as d, renderStringProduct as l, sortSituation as m } from "./timetable-row/timetable-row.component.js";
+export {
+  o as SbbTimetableRowElement,
+  r as filterNotices,
+  i as getCus,
+  n as getHimIcon,
+  c as handleNotices,
+  d as renderIconProduct,
+  l as renderStringProduct,
+  m as sortSituation
+};

package/toDate-Bw2KTWeq.js

@@ -0,0 +1,15 @@
+const c = 6048e5, r = 864e5, i = 6e4, e = 36e5, t = /* @__PURE__ */ Symbol.for("constructDateFrom");
+function s(n, o) {
+  return typeof n == "function" ? n(o) : n && typeof n == "object" && t in n ? n[t](o) : n instanceof Date ? new n.constructor(o) : new Date(o);
+}
+function f(n, o) {
+  return s(o || n, n);
+}
+export {
+  r as a,
+  e as b,
+  s as c,
+  c as d,
+  i as m,
+  f as t
+};