@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773333596 → 4.7.0-dev.1773388997

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

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