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

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