@sbb-esta/lyne-elements-experimental 0.0.0 → 0.52.0

package/timetable-row/timetable-row.sample-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timetable-row.sample-data.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/timetable-row/timetable-row.sample-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYtD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAClC;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC,GACD,CAAC,CAAC;AAEN,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAoB9C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,SAAS,CA2BhD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CAoB/C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,WAAW,CAAC,SAAS,CAuBrD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAwB3C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAAW,CAAC,SAAS,CAkB7D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,WAAW,CAAC,SAAS,CAkBzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,WAAW,CAAC,SAAS,CAkB3D,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,WAAW,CAAC,SAAS,CAkBhE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,SAAS,CA+DlD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,SAAS,CA8CjD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,SAAS,CA8B5C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,WAAW,CAAC,SAAS,CA8B1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,SAAS,CAuB3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,SAAS,CA0J/C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,WAAW,CAAC,SAAS,CA4BxD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,SAAS,CAsF9C,CAAC"}

package/timetable-row.d.ts

@@ -0,0 +1,2 @@
+export * from './timetable-row/timetable-row.js';
+//# sourceMappingURL=timetable-row.d.ts.map

package/timetable-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timetable-row.d.ts","sourceRoot":"","sources":["../../src/elements-experimental/timetable-row.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/timetable-row.js

@@ -0,0 +1,392 @@
+import { SbbLanguageController as fe } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { defaultDateAdapter as Y } from "@sbb-esta/lyne-elements/core/datetime.js";
+import { setOrRemoveAttribute as ve } from "@sbb-esta/lyne-elements/core/dom.js";
+import { i18nTripQuayChange as we, i18nFromStand as X, i18nFromPier as xe, i18nFromPlatform as ye, i18nDeparture as Z, i18nMeansOfTransport as O, i18nDirection as G, i18nRealTimeInfo as V, i18nSupersaver as ee, i18nTransferProcedures as $e, i18nArrival as Te, i18nClass as te, i18nOccupancy as re, i18nTravelhints as Ce, i18nTripDuration as ae, i18nNew as se } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { css as Ne, html as b, LitElement as Ae, nothing as c } from "lit";
+import { property as u, customElement as Me } from "lit/decorators.js";
+import { removeTimezoneFromISOTimeString as ne, durationToTime as ie } from "./core/datetime.js";
+import { isRideLeg as Oe, getDepartureArrivalTimeAttribute as Re } 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 oe } from "./format-CEz7IGRJ.js";
+const Se = Ne`*,:before,:after{box-sizing:border-box}: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: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-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);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--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);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-red)}.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: 52.5rem){.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-color-cloud);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-border-radius-4x);transform:skew(16deg);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-color-cloud)}17%{background:var(--sbb-color-cloud)}50%{background:var(--sbb-color-milk)}67%{background:var(--sbb-color-milk)}to{background:var(--sbb-color-cloud)}}`;
+var Ie = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, m = (e, t, a, n) => {
+  for (var r = n > 1 ? void 0 : n ? Pe(t, a) : t, s = e.length - 1, i; s >= 0; s--)
+    (i = e[s]) && (r = (n ? i(t, a, r) : i(r)) || r);
+  return n && r && Ie(t, a, r), r;
+};
+const ke = (e, t) => b`<span class="sbb-timetable__row-transport">
+    <sbb-icon name=${e}></sbb-icon>
+    <span class="sbb-screen-reader-only">${t}</span>
+  </span>`, Le = (e, t) => {
+  const a = ["M", "B", "T"].includes(e) ? " " : "";
+  return b`<span class="sbb-timetable__row-transportnumber">
+    ${t !== null ? e + a + t : e}
+  </span>`;
+}, le = (e) => {
+  var t, a, n;
+  return (n = (a = (t = e == null ? void 0 : e.find((r) => {
+    var s, i;
+    return (i = (s = r.serviceJourney) == null ? void 0 : s.serviceAlteration) == null ? void 0 : i.reachableText;
+  })) == null ? void 0 : t.serviceJourney) == null ? void 0 : a.serviceAlteration) == null ? void 0 : n.reachableText;
+}, Ee = (e) => {
+  var t, a, n;
+  return (n = (a = (t = e == null ? void 0 : e.find((r) => {
+    var s, i;
+    return (i = (s = r.serviceJourney) == null ? void 0 : s.serviceAlteration) == null ? void 0 : i.delayText;
+  })) == null ? void 0 : t.serviceJourney) == null ? void 0 : a.serviceAlteration) == null ? void 0 : n.delayText;
+}, be = (e) => {
+  var t, a, n;
+  return (n = (a = (t = e == null ? void 0 : e.find((r) => {
+    var s, i;
+    return !!((i = (s = r.serviceJourney) == null ? void 0 : s.serviceAlteration) != null && i.redirectedText);
+  })) == null ? void 0 : t.serviceJourney) == null ? void 0 : a.serviceAlteration) == null ? void 0 : n.redirectedText;
+}, ce = (e) => {
+  var t, a, n;
+  return (n = (a = (t = e == null ? void 0 : e.find((r) => {
+    var s, i;
+    return !!((i = (s = r.serviceJourney) == null ? void 0 : s.serviceAlteration) != null && i.unplannedStopPointsText);
+  })) == null ? void 0 : t.serviceJourney) == null ? void 0 : a.serviceAlteration) == null ? void 0 : n.unplannedStopPointsText;
+}, De = (e) => {
+  const t = {
+    DISTURBANCE: 0,
+    INFORMATION: 1,
+    DELAY: 2,
+    TRAIN_REPLACEMENT_BY_BUS: 3,
+    CONSTRUCTION_SITE: 4,
+    END_MESSAGE: 5
+  };
+  return [...e].sort(
+    (a, n) => t[a.cause] - t[n.cause]
+  );
+}, Be = (e) => {
+  var t;
+  switch (e == null ? void 0 : e.cause) {
+    case "DISTURBANCE":
+      return {
+        name: "disruption",
+        text: (t = e == null ? void 0 : e.broadcastMessages) != null && t.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+    case "INFORMATION":
+      return {
+        name: "info",
+        text: e != null && e.broadcastMessages.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+    case "DELAY":
+      return {
+        name: "delay",
+        text: e != null && e.broadcastMessages.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+    case "TRAIN_REPLACEMENT_BY_BUS":
+      return {
+        name: "replacementbus",
+        text: e != null && e.broadcastMessages.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+    case "CONSTRUCTION_SITE":
+      return {
+        name: "construction",
+        text: e != null && e.broadcastMessages.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+    default:
+      return {
+        name: "info",
+        text: e != null && e.broadcastMessages.length ? e == null ? void 0 : e.broadcastMessages[0].title : ""
+      };
+  }
+}, Ue = (e, t) => {
+  const { summary: a, legs: n } = e || {}, r = n == null ? void 0 : n.filter((i) => Oe(i)), { tripStatus: s } = a || {};
+  if (s != null && s.cancelled || s != null && s.partiallyCancelled)
+    return { name: "cancellation", text: s == null ? void 0 : s.cancelledText };
+  if (le(r))
+    return { name: "missed-connection", text: le(r) };
+  if (s != null && s.alternative)
+    return { name: "alternative", text: s.alternativeText };
+  if (be(r))
+    return { name: "reroute", text: be(r) };
+  if (ce(r))
+    return { name: "add-stop", text: ce(r) };
+  if (s != null && s.delayed || s != null && s.delayedUnknown)
+    return { name: "delay", text: Ee(r) };
+  if (s != null && s.quayChanged) {
+    const i = r[0].departure;
+    return {
+      name: "platform-change",
+      text: i.quayChanged ? i.quayChangedText : we[t]
+    };
+  }
+  return {};
+}, ze = (e) => {
+  const t = ["RR", "RK", "RC", "RL", "RM", "RS", "RU", "XP", "XR", "XT"];
+  return e.reduce((a, n) => {
+    if (a)
+      return a;
+    if (t.includes(n.name))
+      return { ...n, name: "RR" };
+  }, void 0);
+}, We = (e) => {
+  const t = ["Z", "SB", "SZ", "VR", "TG"];
+  return e.filter((n, r) => e.findIndex((s) => s.name === n.name) === r).filter((n) => t.includes(n.name)).sort((n, r) => t.indexOf(n.name) - t.indexOf(r.name));
+}, P = (e) => {
+  const t = ze(e), a = We(e);
+  return t === void 0 ? a : a.length ? a[0].name === "Z" && a[1] ? [a[0], t, a[1]].concat(
+    a.slice(2)
+  ) : [t, ...a] : [t];
+};
+let p = class extends Ae {
+  constructor() {
+    super(...arguments), this.loadingTrip = !1, this.loadingPrice = !1, this._now = null, this._language = new fe(this);
+  }
+  set now(e) {
+    this._now = Y.getValidDateOrNull(Y.deserialize(e));
+  }
+  get now() {
+    return this._now ?? /* @__PURE__ */ new Date();
+  }
+  willUpdate(e) {
+    super.willUpdate(e), e.has("loadingTrip") && ve(this, "role", this.loadingTrip ? null : "rowgroup");
+  }
+  /** The skeleton render function for the loading state */
+  _renderSkeleton() {
+    return b`
+      <sbb-card size="l" class="sbb-loading">
+        ${this.loadingPrice ? b`<sbb-card-badge class="sbb-loading__badge"></sbb-card-badge>` : c}
+        <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>
+    `;
+  }
+  _getQuayType(e) {
+    switch (e) {
+      case "TRAIN":
+        return ye;
+      case "SHIP":
+        return xe;
+      case "TRAMWAY":
+        return X;
+      case "BUS":
+        return X;
+      default:
+        return;
+    }
+  }
+  _getQuayTypeStrings() {
+    var t, a;
+    if (!((t = this.trip.summary) != null && t.product))
+      return null;
+    const e = this._getQuayType((a = this.trip.summary.product) == null ? void 0 : a.vehicleMode);
+    return {
+      long: e == null ? void 0 : e.long[this._language.current],
+      short: e == null ? void 0 : e.short[this._language.current]
+    };
+  }
+  /** map Quay */
+  _renderQuayType() {
+    var t;
+    if (!((t = this.trip.summary) != null && t.product))
+      return;
+    const e = this._getQuayTypeStrings();
+    return b`
+      <span class="sbb-timetable__row--quay">
+        <span class="sbb-screen-reader-only">${e == null ? void 0 : e.long}&nbsp;</span>
+        <span class="sbb-timetable__row--quay-type" aria-hidden="true"
+          >${e == null ? void 0 : e.short}</span
+        >
+      </span>
+    `;
+  }
+  _handleHimCus(e) {
+    var r;
+    const { situations: t } = e || {}, a = t && De(t), n = Ue(e, this._language.current);
+    return {
+      cus: (r = Object.keys(n)) != null && r.length ? n : null,
+      him: t != null && t.length ? Be(a[0]) : null
+    };
+  }
+  _getAccessibilityText(e) {
+    var L, E, D, B, U, z, W, Q, q, F, H, j;
+    const { summary: t, legs: a, notices: n } = e || {}, {
+      departureWalk: r,
+      arrivalWalk: s,
+      departure: i,
+      arrival: l,
+      product: g,
+      direction: R,
+      occupancy: o,
+      duration: _
+    } = t || {}, { departureTimeAttribute: h, arrivalTimeAttribute: v } = Re(
+      a,
+      r || 0,
+      s || 0,
+      this._language.current
+    ), f = i != null && i.time ? ne(i.time) : void 0, w = l != null && l.time ? ne(l.time) : void 0, y = h ? `${h.text} ${h.duration}, ` : "", $ = v ? `${v.text} ${v.duration}, ` : "", T = f ? `${Z[this._language.current]}: ${oe(f, "HH:mm")}, ` : "", C = () => {
+      var M;
+      return i != null && i.quayFormatted ? `${i != null && i.quayChanged ? `${se[this._language.current]} ` : ""}${(M = this._getQuayTypeStrings()) == null ? void 0 : M.long} ${i == null ? void 0 : i.quayFormatted}, ` : "";
+    }, N = g && g.vehicleMode ? O[g.vehicleMode.toLowerCase()] && `${O[g.vehicleMode.toLowerCase()][this._language.current]}, ` : "", A = g != null && g.vehicleSubModeShortName ? `${g.vehicleSubModeShortName} ${g.line || ""}, ` : "", S = `${G[this._language.current]} ${R}, `, d = this._handleHimCus(e), x = (L = d == null ? void 0 : d.cus) != null && L.text ? `${V[this._language.current]}: ${(E = d == null ? void 0 : d.cus) == null ? void 0 : E.text}, ` : "", de = (D = d == null ? void 0 : d.him) != null && D.text ? `${V[this._language.current]}: ${(B = d == null ? void 0 : d.him) == null ? void 0 : B.text}, ` : "", ge = this.boarding ? `${this.boarding.text}, ` : "", pe = `${(U = this.price) != null && U.isDiscount ? ee[this._language.current] : ""} ${(z = this.price) != null && z.text && ((W = this.price) != null && W.price) ? (((Q = this.price) == null ? void 0 : Q.text) || "") + " " + (((q = this.price) == null ? void 0 : q.price) || "") + ", " : ""}`, he = (a == null ? void 0 : a.length) > 1 ? `${(a == null ? void 0 : a.length) - 1} ${$e[this._language.current]}, ` : "", me = w ? `${Te[this._language.current]}: ${oe(w, "HH:mm")}, ` : "";
+    let I = "";
+    o && (o.firstClass && o.firstClass !== "UNKNOWN" && (I += `${te.first[this._language.current]} ${(F = re[o.firstClass.toLowerCase()]) == null ? void 0 : F[this._language.current]}.`), o.secondClass && o.secondClass !== "UNKNOWN" && (I += ` ${te.second[this._language.current]} ${(H = re[o.secondClass.toLowerCase()]) == null ? void 0 : H[this._language.current]}.`));
+    const k = n && P(n).length && ((j = P(n)) == null ? void 0 : j.map((J, M) => {
+      var K;
+      return M < 4 && ((K = J.text) == null ? void 0 : K.template);
+    }).join(", ")) + ", ", ue = k ? `${Ce[this._language.current]}: ${k}` : "", _e = _ && _ > 0 ? `${ae[this._language.current]} ${ie(_, this._language.current).long}, ` : "";
+    return `${y} ${T} ${C()} ${N} ${A} ${S} ${x} ${ge} ${pe} ${x ? "" : de} ${me} ${$} ${_e} ${he} ${I} ${ue}`;
+  }
+  render() {
+    var y, $, T, C, N;
+    if (this.loadingTrip)
+      return this._renderSkeleton();
+    const { legs: e, id: t, notices: a, summary: n } = this.trip || {}, {
+      product: r,
+      direction: s,
+      departureWalk: i,
+      departure: l,
+      arrival: g,
+      arrivalWalk: R,
+      occupancy: o,
+      duration: _
+    } = n || {}, h = this._handleHimCus(this.trip), v = !!h.cus || !!h.him, f = a && P(a), w = _ ? ie(_, this._language.current) : null;
+    return b`
+      <sbb-card size="l" id=${t}>
+        <sbb-card-button
+          ?active=${this.active}
+          aria-expanded=${((y = this.accessibilityExpanded) == null ? void 0 : y.toString()) ?? c}
+        >
+          ${this.cardActionLabel ? this.cardActionLabel : this._getAccessibilityText(this.trip)}
+        </sbb-card-button>
+        ${this.loadingPrice ? b`<sbb-card-badge class="sbb-loading__badge"></sbb-card-badge>` : c}
+        ${this.price && !this.loadingPrice ? b`<sbb-card-badge color=${this.price.isDiscount ? "charcoal" : "white"}>
+              ${this.price.isDiscount ? b`<span aria-hidden="true">
+                    %<span class="sbb-screen-reader-only"
+                      >${ee[this._language.current]}</span
+                    >
+                  </span>` : c}
+              ${this.price.text ? b`<span>${this.price.text}</span>` : c}
+              ${this.price.price ? b`<span>${this.price.price}</span>` : c}
+            </sbb-card-badge>` : c}
+        <div class="sbb-timetable__row" role="row">
+          <div class="sbb-timetable__row-header" role="gridcell">
+            <div class="sbb-timetable__row-details">
+              ${(r == null ? void 0 : r.corporateIdentityPictogram) && b`<span class="sbb-timetable__row-transport-wrapper">
+                <sbb-icon
+                  class="sbb-timetable__row-transport-icon"
+                  name="picto:${r.corporateIdentityPictogram}"
+                ></sbb-icon>
+                <span class="sbb-screen-reader-only">
+                  ${r && r.vehicleMode && O[r.vehicleMode.toLowerCase()] && O[r.vehicleMode.toLowerCase()][this._language.current]}
+                  &nbsp;
+                </span>
+              </span>`}
+              ${r && (r.corporateIdentityIcon ? ke(r.corporateIdentityIcon, r.name) : r.vehicleSubModeShortName && Le(r.vehicleSubModeShortName, r == null ? void 0 : r.line))}
+            </div>
+            ${s ? b`<p>${`${G[this._language.current]} ${s}`}</p>` : c}
+          </div>
+          <sbb-pearl-chain-time
+            role="gridcell"
+            .legs=${e}
+            .departureTime=${l == null ? void 0 : l.time}
+            .arrivalTime=${g == null ? void 0 : g.time}
+            .departureWalk=${i}
+            .arrivalWalk=${R}
+            ?disable-animation=${this.disableAnimation}
+            .now=${this.now}
+          ></sbb-pearl-chain-time>
+          <div class="sbb-timetable__row-footer" role="gridcell">
+            ${r && this._getQuayType(r.vehicleMode) && (l != null && l.quayFormatted) ? b`<span
+                  class=${l != null && l.quayChanged ? "sbb-timetable__row-quay--changed" : c}
+                >
+                  <span class="sbb-screen-reader-only">
+                    ${`${Z[this._language.current]} ${l != null && l.quayChanged ? se[this._language.current] : ""}`}
+                    &nbsp;
+                  </span>
+                  ${this._renderQuayType()} ${l == null ? void 0 : l.quayFormatted}
+                </span>` : c}
+            ${o != null && o.firstClass && (o == null ? void 0 : o.firstClass) !== "UNKNOWN" || o != null && o.secondClass && o.secondClass !== "UNKNOWN" ? b`<sbb-timetable-occupancy
+                  .firstClassOccupancy=${($ = o == null ? void 0 : o.firstClass) == null ? void 0 : $.toLowerCase()}
+                  .secondClassOccupancy=${(T = o == null ? void 0 : o.secondClass) == null ? void 0 : T.toLowerCase()}
+                ></sbb-timetable-occupancy>` : c}
+            ${f && f.length || this.boarding ? b`<ul class="sbb-timetable__row-hints" role="list">
+                  ${f == null ? void 0 : f.map(
+      (A, S) => {
+        var d, x;
+        return S < 4 ? b`<li>
+                          <sbb-icon
+                            class="sbb-travel-hints__item"
+                            name=${"sa-" + ((d = A.name) == null ? void 0 : d.toLowerCase())}
+                          ></sbb-icon>
+                          <span class="sbb-screen-reader-only">${(x = A.text) == null ? void 0 : x.template}</span>
+                        </li>` : c;
+      }
+    )}
+                  ${this.boarding ? b`<li>
+                        <sbb-icon
+                          class="sbb-travel-hints__item"
+                          name=${(C = this.boarding) == null ? void 0 : C.name}
+                          aria-label=${(N = this.boarding) == null ? void 0 : N.text}
+                          aria-hidden="false"
+                        ></sbb-icon>
+                      </li>` : c}
+                </ul>` : c}
+            ${_ && _ > 0 ? b`<time>
+                  <span class="sbb-screen-reader-only">
+                    ${`${ae[this._language.current]} ${w.long}`}
+                  </span>
+                  <span aria-hidden="true">${w.short}</span>
+                </time>` : c}
+            ${v && (h.cus || h.him) ? b`<span class="sbb-timetable__row-warning">
+                  <sbb-icon name=${(h.cus || h.him).name}></sbb-icon>
+                  <span class="sbb-screen-reader-only">${(h.cus || h.him).text}</span>
+                </span>` : c}
+          </div>
+        </div>
+      </sbb-card>
+    `;
+  }
+};
+p.styles = Se;
+m([
+  u({ type: Object })
+], p.prototype, "trip", 2);
+m([
+  u({ type: Object })
+], p.prototype, "price", 2);
+m([
+  u({ attribute: "disable-animation", reflect: !0, type: Boolean })
+], p.prototype, "disableAnimation", 2);
+m([
+  u({ type: Object })
+], p.prototype, "boarding", 2);
+m([
+  u({ attribute: "loading-trip", type: Boolean })
+], p.prototype, "loadingTrip", 2);
+m([
+  u({ attribute: "loading-price", type: Boolean })
+], p.prototype, "loadingPrice", 2);
+m([
+  u({ attribute: "card-action-label" })
+], p.prototype, "cardActionLabel", 2);
+m([
+  u({ attribute: "accessibility-expanded", type: Boolean })
+], p.prototype, "accessibilityExpanded", 2);
+m([
+  u({ type: Boolean })
+], p.prototype, "active", 2);
+m([
+  u()
+], p.prototype, "now", 1);
+p = m([
+  Me("sbb-timetable-row")
+], p);
+export {
+  p as SbbTimetableRowElement,
+  We as filterNotices,
+  Ue as getCus,
+  Be as getHimIcon,
+  P as handleNotices,
+  ke as renderIconProduct,
+  Le as renderStringProduct,
+  De as sortSituation
+};