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

package/timetable-row.js

@@ -1,462 +1,11 @@
-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-CUYwLzoN.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;
-})();
+import { SbbTimetableRowElement as o, filterNotices as r, getCus as i, getHimIcon as n, handleNotices as c, renderIconProduct as d, renderStringProduct as l, sortSituation as m } from "./timetable-row/timetable-row.js";
 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
+  o as SbbTimetableRowElement,
+  r as filterNotices,
+  i as getCus,
+  n as getHimIcon,
+  c as handleNotices,
+  d as renderIconProduct,
+  l as renderStringProduct,
+  m as sortSituation
 };

package/{toDate-DQg4ZFnf.js → toDate-BCXKL_wM.js}

@@ -6,10 +6,10 @@ function f(n, o) {
   return s(o || n, n);
 }
 export {
-  e as a,
-  i as b,
+  r as a,
+  e as b,
   s as c,
-  r as d,
-  c as m,
+  c as d,
+  i as m,
   f as t
 };

package/development/pearl-chain/pearl-chain.sample-data.d.ts

@@ -1,141 +0,0 @@
-export declare const futureLeg: any;
-export declare const connectionLeg: any;
-export declare const extendedLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        notices: {
-            name: string;
-            text: {
-                template: string;
-            };
-        }[];
-        quayTypeName: string;
-        quayTypeShortName: string;
-        serviceAlteration: {
-            cancelled: boolean;
-            delayText: string;
-            reachable: boolean;
-            unplannedStopPointsText: string;
-        };
-    };
-};
-export declare const longFutureLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        quayTypeName: string;
-        quayTypeShortName: string;
-        serviceAlteration: {
-            cancelled: boolean;
-            delayText: string;
-            reachable: boolean;
-            unplannedStopPointsText: string;
-        };
-    };
-};
-export declare const cancelledLeg: any;
-export declare const progressLeg: any;
-export declare const pastLeg: any;
-export declare const accessLeg: any;
-export declare const defaultBusLeg: any;
-export declare const pastBusLeg: any;
-export declare const defaultShipLeg: any;
-export declare const defaultTramLeg: any;
-export declare const delayedLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        serviceAlteration: {
-            delay: boolean;
-        };
-        quayTypeName: string;
-        quayTypeShortName: string;
-    };
-};
-export declare const notReachableLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        serviceAlteration: {
-            reachable: boolean;
-        };
-        quayTypeName: string;
-        quayTypeShortName: string;
-    };
-};
-export declare const unplannedStopLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        serviceAlteration: {
-            unplannedStopPointsText: string;
-        };
-        quayTypeName: string;
-        quayTypeShortName: string;
-    };
-};
-export declare const redirectedOnDepartureLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        serviceAlteration: {
-            redirectedText: string;
-        };
-        quayTypeName: string;
-        quayTypeShortName: string;
-        stopPoints: {
-            stopStatus: string;
-        }[];
-    };
-};
-export declare const redirectedOnArrivalLeg: {
-    __typename: string;
-    arrival: {
-        time: string;
-    };
-    departure: {
-        time: string;
-    };
-    serviceJourney: {
-        stopPoints: {
-            stopStatus: string;
-        }[];
-        serviceAlteration: {
-            redirectedText: string;
-        };
-        quayTypeName: string;
-        quayTypeShortName: string;
-    };
-};
-//# sourceMappingURL=pearl-chain.sample-data.d.ts.map

package/development/pearl-chain/pearl-chain.sample-data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pearl-chain.sample-data.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/pearl-chain/pearl-chain.sample-data.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,SAAS,EAAE,GAKvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,GA2B3B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAQvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,GAK1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,GAKzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,GAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,GAevB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,GAG3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,GAGxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,GAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,GAO5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAKtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;CAQpC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;CAKlC,CAAC"}

package/development/timetable-duration/timetable-duration.sample-data.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    hours: number;
-    minutes: number;
-}[];
-export default _default;
-//# sourceMappingURL=timetable-duration.sample-data.d.ts.map

package/development/timetable-duration/timetable-duration.sample-data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"timetable-duration.sample-data.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/timetable-duration/timetable-duration.sample-data.ts"],"names":[],"mappings":";;;;AAAA,wBAaE"}