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

package/index.d.ts

@@ -0,0 +1,19 @@
+import { SbbJourneySummaryElement } from "./journey-summary.js";
+import { SbbPearlChainElement } from "./pearl-chain.js";
+import { SbbPearlChainTimeElement } from "./pearl-chain-time.js";
+import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical.js";
+import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item.js";
+import { SbbTimetableDurationElement } from "./timetable-duration.js";
+import { SbbTimetableRowElement } from "./timetable-row.js";
+
+declare global {
+  var SbbJourneySummaryElement: SbbJourneySummaryElement;
+  var SbbPearlChainElement: SbbPearlChainElement;
+  var SbbPearlChainTimeElement: SbbPearlChainTimeElement;
+  var SbbPearlChainVerticalElement: SbbPearlChainVerticalElement;
+  var SbbPearlChainVerticalItemElement: SbbPearlChainVerticalItemElement;
+  var SbbTimetableDurationElement: SbbTimetableDurationElement;
+  var SbbTimetableRowElement: SbbTimetableRowElement;
+}
+
+export {}

package/index.js

@@ -0,0 +1,17 @@
+import { SbbJourneySummaryElement } from "./journey-summary.js";
+import { SbbPearlChainElement } from "./pearl-chain.js";
+import { SbbPearlChainTimeElement } from "./pearl-chain-time.js";
+import { SbbPearlChainVerticalElement } from "./pearl-chain-vertical.js";
+import { SbbPearlChainVerticalItemElement } from "./pearl-chain-vertical-item.js";
+import { SbbTimetableDurationElement } from "./timetable-duration.js";
+import { SbbTimetableRowElement } from "./timetable-row.js";
+
+globalThis.SbbJourneySummaryElement = SbbJourneySummaryElement;
+globalThis.SbbPearlChainElement = SbbPearlChainElement;
+globalThis.SbbPearlChainTimeElement = SbbPearlChainTimeElement;
+globalThis.SbbPearlChainVerticalElement = SbbPearlChainVerticalElement;
+globalThis.SbbPearlChainVerticalItemElement = SbbPearlChainVerticalItemElement;
+globalThis.SbbTimetableDurationElement = SbbTimetableDurationElement;
+globalThis.SbbTimetableRowElement = SbbTimetableRowElement;
+
+export {}

package/isValid-Df_caLp4.js

@@ -0,0 +1,40 @@
+import { t as s, c as f } from "./constants-ClrwyPF-.js";
+function D(e, t) {
+  return e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+function r(e) {
+  const t = s(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+function a(e) {
+  const t = s(e), n = new Date(
+    Date.UTC(
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      t.getHours(),
+      t.getMinutes(),
+      t.getSeconds(),
+      t.getMilliseconds()
+    )
+  );
+  return n.setUTCFullYear(t.getFullYear()), +e - +n;
+}
+function g(e, t) {
+  const n = r(e), o = r(t), c = +n - a(n), i = +o - a(o);
+  return Math.round((c - i) / f);
+}
+function u(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function m(e) {
+  if (!u(e) && typeof e != "number")
+    return !1;
+  const t = s(e);
+  return !isNaN(Number(t));
+}
+export {
+  D as c,
+  g as d,
+  m as i
+};

package/journey-summary/journey-summary.d.ts

@@ -0,0 +1,57 @@
+import { SbbDateLike } from '@sbb-esta/lyne-elements/core/interfaces/types';
+import { SbbTitleLevel } from '@sbb-esta/lyne-elements/title.js';
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { Leg } from '../core/timetable.js';
+
+export interface InterfaceSbbJourneySummaryAttributes {
+    legs: Leg[];
+    vias?: string[];
+    origin: string;
+    destination: string;
+    arrivalWalk?: number;
+    departure: string;
+    arrival: string;
+    departureWalk?: number;
+    duration?: number;
+}
+/**
+ * It displays journey's information.
+ *
+ * @slot content - Use this slot to add `sbb-button`s or other interactive elements.
+ */
+export declare class SbbJourneySummaryElement extends LitElement {
+    static styles: CSSResultGroup;
+    /**  The trip prop */
+    trip: InterfaceSbbJourneySummaryAttributes;
+    /**  The tripBack prop */
+    tripBack?: InterfaceSbbJourneySummaryAttributes;
+    /**
+     * The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.
+     */
+    roundTrip?: boolean;
+    /** Heading level of the journey header element (e.g. h1-h6). */
+    headerLevel: SbbTitleLevel;
+    /**
+     * Per default, the current location has a pulsating animation. You can
+     * disable the animation with this property.
+     */
+    disableAnimation?: boolean;
+    /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
+    set now(value: SbbDateLike | undefined);
+    get now(): Date;
+    private _now;
+    private _hasContentSlot;
+    private _language;
+    connectedCallback(): void;
+    /**  renders the date of the journey or if it is the current or next day */
+    private _renderJourneyStart;
+    private _renderJourneyVias;
+    private _renderJourneyInformation;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-journey-summary': SbbJourneySummaryElement;
+    }
+}
+//# sourceMappingURL=journey-summary.d.ts.map

package/journey-summary/journey-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"journey-summary.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/journey-summary/journey-summary.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAIhD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,+CAA+C,CAAC;AACvD,OAAO,2CAA2C,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oCAAoC;IACnD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACc,IAAI,EAAG,oCAAoC,CAAC;IAE/E,yBAAyB;IAElB,QAAQ,CAAC,EAAE,oCAAoC,CAAC;IAEvD;;OAEG;IAC0D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEjF,gEAAgE;IAChB,WAAW,EAAE,aAAa,CAAO;IAEjF;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAKzC,2EAA2E;IAC3E,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,yBAAyB;cAsBd,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/journey-summary.d.ts

@@ -0,0 +1,2 @@
+export * from './journey-summary/journey-summary.js';
+//# sourceMappingURL=journey-summary.d.ts.map

package/journey-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"journey-summary.d.ts","sourceRoot":"","sources":["../../src/elements-experimental/journey-summary.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/journey-summary.js

@@ -0,0 +1,130 @@
+import { SbbLanguageController as y } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { defaultDateAdapter as d } from "@sbb-esta/lyne-elements/core/datetime.js";
+import { i18nTripDuration as v } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { css as h, LitElement as f, html as s, nothing as o } from "lit";
+import { property as b, customElement as _ } from "lit/decorators.js";
+import { durationToTime as g, removeTimezoneFromISOTimeString as $ } from "./core/datetime.js";
+import "@sbb-esta/lyne-elements/divider.js";
+import "@sbb-esta/lyne-elements/screen-reader-only.js";
+import "@sbb-esta/lyne-elements/journey-header.js";
+import "./pearl-chain-time.js";
+import { i as j } from "./isValid-Df_caLp4.js";
+import { f as u } from "./format-qHhIvnY8.js";
+const x = h`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-journey-summary{--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);color:var(--sbb-color-iron);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}`;
+var w = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (e, t, a, r) => {
+  for (var i = r > 1 ? void 0 : r ? k(t, a) : t, m = e.length - 1, p; m >= 0; m--)
+    (p = e[m]) && (i = (r ? p(t, a, i) : p(i)) || i);
+  return r && i && w(t, a, i), i;
+};
+let n = class extends f {
+  constructor() {
+    super(...arguments), this.headerLevel = "3", this.a = null, this.b = !1, this.c = new y(this);
+  }
+  set now(e) {
+    this.a = d.getValidDateOrNull(d.deserialize(e));
+  }
+  get now() {
+    return this.a ?? /* @__PURE__ */ new Date();
+  }
+  connectedCallback() {
+    var e;
+    super.connectedCallback(), this.b = !!((e = this.querySelector) != null && e.call(this, '[slot="content"]'));
+  }
+  /**  renders the date of the journey or if it is the current or next day */
+  e(e, t) {
+    const a = d, r = t ? g(t, this.c.current) : null;
+    if (j(e))
+      return s`
+        <time datetime=${u(e, "d") + " " + u(e, "M")}>
+          ${a.format(e).replace(",", ".")}</time
+        >${t && t > 0 ? s`,<time>
+                <sbb-screen-reader-only>
+                  ${v[this.c.current]} ${r.long}
+                </sbb-screen-reader-only>
+                <span aria-hidden="true">${r.short}</span>
+              </time>` : o}
+      `;
+  }
+  f(e) {
+    const t = e.slice(0, 5);
+    return s`
+      <div class="sbb-journey-summary__via-block">
+        <span class="sbb-journey-summary__via-text">Via</span>
+        <ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : o}>
+          ${t.map(
+      (a, r) => s`<li class="sbb-journey-summary__via">
+                ${a}${r !== t.length - 1 && r < 4 ? s`<span>,</span>` : o}
+              </li>`
+    )}
+        </ul>
+      </div>
+    `;
+  }
+  d(e) {
+    const { vias: t, duration: a, departureWalk: r, departure: i, arrivalWalk: m, arrival: p, legs: c } = e || {};
+    return s`
+      <div>
+        ${t && t.length > 0 ? this.f(t) : o}
+        <div class="sbb-journey-summary__date">
+          ${this.e($(i), a)}
+        </div>
+        <sbb-pearl-chain-time
+          .arrivalTime=${p}
+          .departureTime=${i}
+          .departureWalk=${r}
+          .arrivalWalk=${m}
+          .legs=${c}
+          .disableAnimation=${this.disableAnimation}
+          .now=${this.now}
+        ></sbb-pearl-chain-time>
+      </div>
+    `;
+  }
+  render() {
+    const { origin: e, destination: t } = this.trip || {};
+    return s`
+      <div class="sbb-journey-summary">
+        ${e ? s`<sbb-journey-header
+              size="l"
+              .level=${this.headerLevel || o}
+              .origin=${e}
+              .destination=${t}
+              .roundTrip=${this.roundTrip ?? o}
+            ></sbb-journey-header>` : o}
+        ${this.d(this.trip)}
+        ${this.tripBack ? s`<div>
+              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
+              ${this.d(this.tripBack)}
+            </div>` : o}
+        ${this.b ? s` <div class="sbb-journey-summary__slot">
+              <slot name="content"></slot>
+            </div>` : o}
+      </div>
+    `;
+  }
+};
+n.styles = x;
+l([
+  b({ type: Object })
+], n.prototype, "trip", 2);
+l([
+  b({ attribute: "trip-back", type: Object })
+], n.prototype, "tripBack", 2);
+l([
+  b({ attribute: "round-trip", type: Boolean })
+], n.prototype, "roundTrip", 2);
+l([
+  b({ attribute: "header-level" })
+], n.prototype, "headerLevel", 2);
+l([
+  b({ attribute: "disable-animation", type: Boolean })
+], n.prototype, "disableAnimation", 2);
+l([
+  b()
+], n.prototype, "now", 1);
+n = l([
+  _("sbb-journey-summary")
+], n);
+export {
+  n as SbbJourneySummaryElement
+};

package/package.json

@@ -1,8 +1,85 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "0.0.0",
+  "version": "0.52.1",
   "description": "Lyne Design System",
+  "keywords": [
+    "design system",
+    "web components",
+    "lit",
+    "storybook"
+  ],
+  "type": "module",
+  "customElements": "custom-elements.json",
+  "peerDependencies": {
+    "@sbb-esta/lyne-elements": "0.52.1"
+  },
+  "dependencies": {
+    "lit": "^3.0.0"
+  },
   "publishConfig": {
     "access": "public"
+  },
+  "author": "Lyne Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sbb-design-systems/lyne-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sbb-design-systems/lyne-components/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./core/datetime.js": {
+      "types": "./development/core/datetime.d.ts",
+      "development": "./development/core/datetime.js",
+      "default": "./core/datetime.js"
+    },
+    "./core/timetable.js": {
+      "types": "./development/core/timetable.d.ts",
+      "development": "./development/core/timetable.js",
+      "default": "./core/timetable.js"
+    },
+    "./journey-summary.js": {
+      "types": "./development/journey-summary.d.ts",
+      "development": "./development/journey-summary.js",
+      "default": "./journey-summary.js"
+    },
+    "./pearl-chain.js": {
+      "types": "./development/pearl-chain.d.ts",
+      "development": "./development/pearl-chain.js",
+      "default": "./pearl-chain.js"
+    },
+    "./pearl-chain-time.js": {
+      "types": "./development/pearl-chain-time.d.ts",
+      "development": "./development/pearl-chain-time.js",
+      "default": "./pearl-chain-time.js"
+    },
+    "./pearl-chain-vertical.js": {
+      "types": "./development/pearl-chain-vertical.d.ts",
+      "development": "./development/pearl-chain-vertical.js",
+      "default": "./pearl-chain-vertical.js"
+    },
+    "./pearl-chain-vertical-item.js": {
+      "types": "./development/pearl-chain-vertical-item.d.ts",
+      "development": "./development/pearl-chain-vertical-item.js",
+      "default": "./pearl-chain-vertical-item.js"
+    },
+    "./timetable-duration.js": {
+      "types": "./development/timetable-duration.d.ts",
+      "development": "./development/timetable-duration.js",
+      "default": "./timetable-duration.js"
+    },
+    "./timetable-row.js": {
+      "types": "./development/timetable-row.d.ts",
+      "development": "./development/timetable-row.js",
+      "default": "./timetable-row.js"
+    }
   }
-}
+}

package/pearl-chain/pearl-chain.d.ts

@@ -0,0 +1,41 @@
+import { SbbDateLike } from '@sbb-esta/lyne-elements/core/interfaces/types';
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { Leg, PtRideLeg } from '../core/timetable.js';
+
+/**
+ * It visually displays journey information.
+ */
+export declare class SbbPearlChainElement extends LitElement {
+    static styles: CSSResultGroup;
+    /**
+     * Define the legs of the pearl-chain.
+     * Format:
+     * `{"legs": [{"duration": 25}, ...]}`
+     * `duration` in minutes. Duration of the leg is relative
+     * to the total travel time. Example: departure 16:30, change at 16:40,
+     * arrival at 17:00. So the change should have a duration of 33.33%.
+     */
+    legs?: (Leg | PtRideLeg)[];
+    /**
+     * Per default, the current location has a pulsating animation. You can
+     * disable the animation with this property.
+     */
+    disableAnimation?: boolean;
+    /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
+    set now(value: SbbDateLike | undefined);
+    get now(): Date | null;
+    private _now;
+    private _getAllDuration;
+    private _isAllCancelled;
+    private _getRelativeDuration;
+    private _getProgress;
+    private _getStatus;
+    private _renderPosition;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-pearl-chain': SbbPearlChainElement;
+    }
+}
+//# sourceMappingURL=pearl-chain.d.ts.map

package/pearl-chain/pearl-chain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain/pearl-chain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAO3D;;GAEG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IAC+B,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;IAE7D;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,GAAG,IAAI,CAE5B;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,eAAe;cAmBJ,MAAM,IAAI,cAAc;CAgI5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

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

@@ -0,0 +1,121 @@
+export declare const futureLeg: any;
+export declare const extendedLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        notices: {
+            name: string;
+            text: {
+                template: string;
+            };
+        }[];
+        serviceAlteration: {
+            cancelled: boolean;
+            delayText: string;
+            reachable: boolean;
+            unplannedStopPointsText: string;
+        };
+    };
+};
+export declare const longFutureLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        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 delayedLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        serviceAlteration: {
+            delay: boolean;
+        };
+    };
+};
+export declare const notReachableLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        serviceAlteration: {
+            reachable: boolean;
+        };
+    };
+};
+export declare const unplannedStopLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        serviceAlteration: {
+            unplannedStopPointsText: string;
+        };
+    };
+};
+export declare const redirectedOnDepartureLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        stopPoints: {
+            stopStatus: string;
+        }[];
+        serviceAlteration: {
+            redirectedText: string;
+        };
+    };
+};
+export declare const redirectedOnArrivalLeg: {
+    __typename: string;
+    arrival: {
+        time: string;
+    };
+    departure: {
+        time: string;
+    };
+    serviceJourney: {
+        stopPoints: {
+            stopStatus: string;
+        }[];
+        serviceAlteration: {
+            redirectedText: string;
+        };
+    };
+};
+//# sourceMappingURL=pearl-chain.sample-data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain.sample-data.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain/pearl-chain.sample-data.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,SAAS,EAAE,GAKvB,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,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/pearl-chain-time/pearl-chain-time.d.ts

@@ -0,0 +1,44 @@
+import { SbbDateLike } from '@sbb-esta/lyne-elements/core/interfaces/types';
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { Leg, PtRideLeg } from '../core/timetable.js';
+
+/**
+ * Combined with `sbb-pearl-chain`, it displays walk time information.
+ */
+export declare class SbbPearlChainTimeElement extends LitElement {
+    static styles: CSSResultGroup;
+    /**
+     * define the legs of the pearl-chain.
+     * Format:
+     * `{"legs": [{"duration": 25}, ...]}`
+     * `duration` in minutes. Duration of the leg is relative
+     * to the total travel time. Example: departure 16:30, change at 16:40,
+     * arrival at 17:00. So the change should have a duration of 33.33%.
+     */
+    legs: (Leg | PtRideLeg)[];
+    /** Prop to render the departure time - will be formatted as "H:mm" */
+    departureTime?: string;
+    /** Prop to render the arrival time - will be formatted as "H:mm" */
+    arrivalTime?: string;
+    /** Optional prop to render the walk time (in minutes) before departure */
+    departureWalk?: number;
+    /** Optional prop to render the walk time (in minutes) after arrival */
+    arrivalWalk?: number;
+    /**
+     * Per default, the current location has a pulsating animation. You can
+     * disable the animation with this property.
+     */
+    disableAnimation?: boolean;
+    /** A configured date which acts as the current date instead of the real current date. Recommended for testing purposes. */
+    set now(value: SbbDateLike | undefined);
+    get now(): Date;
+    private _now;
+    private _language;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-pearl-chain-time': SbbPearlChainTimeElement;
+    }
+}
+//# sourceMappingURL=pearl-chain-time.d.ts.map

package/pearl-chain-time/pearl-chain-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain-time.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/pearl-chain-time/pearl-chain-time.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,qBACa,wBAAyB,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;;;;OAOG;IAC+B,IAAI,EAAG,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC;IAE7D,sEAAsE;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEzE,oEAAoE;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErE,0EAA0E;IACV,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvF,uEAAuE;IACT,WAAW,CAAC,EAAE,MAAM,CAAC;IAEnF;;;OAGG;IACiE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE/F,2HAA2H;IAC3H,IACW,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAE5C;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAmD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/pearl-chain-time.d.ts

@@ -0,0 +1,2 @@
+export * from './pearl-chain-time/pearl-chain-time.js';
+//# sourceMappingURL=pearl-chain-time.d.ts.map

package/pearl-chain-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain-time.d.ts","sourceRoot":"","sources":["../../src/elements-experimental/pearl-chain-time.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}