@sbb-esta/lyne-elements-experimental 2.6.0 → 2.7.0

package/timetable-row/timetable-row.js

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

package/timetable-row.d.ts

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

package/timetable-row.d.ts.map

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