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

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

@@ -1,2 +1,427 @@
-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 };
+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
+};

package/timetable-row.js

@@ -1,6 +1,13 @@
-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";
-import "./timetable-row.pure.js";
-//#region src/elements-experimental/timetable-row.ts
-s.define();
-//#endregion
-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 };
+import { SbbTimetableRowElement as e } from "./timetable-row/timetable-row.component.js";
+import { filterNotices as i, getCus as n, getHimIcon as c, handleNotices as d, renderIconProduct as m, renderStringProduct as f, sortSituation as l } from "./timetable-row/timetable-row.component.js";
+e.define();
+export {
+  e as SbbTimetableRowElement,
+  i as filterNotices,
+  n as getCus,
+  c as getHimIcon,
+  d as handleNotices,
+  m as renderIconProduct,
+  f as renderStringProduct,
+  l as sortSituation
+};

package/timetable-row.pure.js

@@ -1,2 +1,11 @@
-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 };
+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.component.js";
+export {
+  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-Bw2KTWeq.js

@@ -0,0 +1,15 @@
+const c = 6048e5, r = 864e5, i = 6e4, e = 36e5, t = /* @__PURE__ */ Symbol.for("constructDateFrom");
+function s(n, o) {
+  return typeof n == "function" ? n(o) : n && typeof n == "object" && t in n ? n[t](o) : n instanceof Date ? new n.constructor(o) : new Date(o);
+}
+function f(n, o) {
+  return s(o || n, n);
+}
+export {
+  r as a,
+  e as b,
+  s as c,
+  c as d,
+  i as m,
+  f as t
+};

package/autocomplete-grid-cell.component-Dak9wlBr.js

@@ -1,24 +0,0 @@
-import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as n, html as r } from "lit";
-//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?lit&inline
-var i = n`:host{--sbb-autocomplete-grid-cell-gap:var(--sbb-spacing-fixed-6x);display:block}.sbb-autocomplete-grid-cell{column-gap:var(--sbb-autocomplete-grid-cell-gap);display:flex}`, a = class extends e {
-	static {
-		this.elementName = "sbb-autocomplete-grid-cell";
-	}
-	static {
-		this.role = "gridcell";
-	}
-	static {
-		this.styles = [t, i];
-	}
-	render() {
-		return r`
-      <span class="sbb-autocomplete-grid-cell">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/autocomplete-grid-option.component-DNRFHOwc.js

@@ -1,37 +0,0 @@
-import { SbbPropertyWatcherController as e } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { ɵstateController as t } from "@sbb-esta/lyne-elements/core/mixins.js";
-import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as r } from "lit";
-import { SbbOptionBaseElement as i } from "@sbb-esta/lyne-elements/option.js";
-//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?lit&inline
-var a = r`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color:var(--sbb-color-3-negative);--sbb-option-icon-color:var(--sbb-color-5)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color:var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);align-items:center;column-gap:var(--sbb-option-column-gap);min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color);justify-content:start;display:flex;position:relative}.sbb-option:after{content:"";inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius);display:block;position:absolute}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media (forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:highlight}}.sbb-option__icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color);display:flex}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display,none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space,initial)}`, o = "sbb-autocomplete-grid-option", s = class extends i {
-	static {
-		this.elementName = "sbb-autocomplete-grid-option";
-	}
-	static {
-		this.role = "gridcell";
-	}
-	static {
-		this.styles = [n, a];
-	}
-	constructor() {
-		super(), this.optionId = o, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
-			disabled: (e) => {
-				this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
-			},
-			label: (e) => this.groupLabel = e.label
-		})), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
-	}
-	willUpdate(e) {
-		super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
-	}
-	selectByClick(e) {
-		if (this.disabled || this.disabledFromGroup) {
-			e.stopPropagation();
-			return;
-		}
-		this.selectViaUserInteraction(!0);
-	}
-};
-//#endregion
-export { o as n, s as t };

package/autocomplete-grid-row.component-DBHZQ0GQ.js

@@ -1,27 +0,0 @@
-import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as n, html as r } from "lit";
-//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?lit&inline
-var i = n`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color:var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover:var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color:var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color:var(--sbb-background-color-3-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}@media (any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color:var(--sbb-autocomplete-grid-row-background-color-hover)}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color:GrayText}}::slotted(sbb-autocomplete-grid-option){margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));flex:auto;overflow-x:hidden}.sbb-autocomplete-grid-row{align-items:center;justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color,inherit);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color);padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);display:flex}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{z-index:0;position:relative}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1;display:block;position:absolute;inset:.375rem}@media (forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:graytext}}`, a = 0, o = class extends e {
-	static {
-		this.elementName = "sbb-autocomplete-grid-row";
-	}
-	static {
-		this.role = "row";
-	}
-	static {
-		this.styles = [t, i];
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.id ||= `sbb-autocomplete-grid-row-${++a}`;
-	}
-	render() {
-		return r`
-      <span class="sbb-autocomplete-grid-row">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { o as t };