@sbb-esta/lyne-elements-experimental-dev 0.0.0 → 4.0.0-dev.1775550888

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

@@ -0,0 +1,44 @@
+import { SbbElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { Leg, PtRideLeg } from '../core/timetable.ts';
+/**
+ * It visually displays journey information.
+ */
+export declare class SbbPearlChainElement extends SbbElement {
+    static readonly elementName: string;
+    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%.
+     */
+    accessor legs: (Leg | PtRideLeg)[];
+    /**
+     * Per default, the current location has a pulsating animation. You can
+     * disable the animation with this property.
+     */
+    accessor disableAnimation: boolean;
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Only recommended for testing purposes.
+     */
+    set now(value: Date | null);
+    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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/pearl-chain/pearl-chain.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAK3E,OAAO,EAA4B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzF,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAW3D;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,UAAU;IAClD,gBAAgC,WAAW,EAAE,MAAM,CAAqB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF;;;;;;;OAOG;IACH,SAA2C,IAAI,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAM;IAE1E;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;OAGG;IACH,IACW,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAEhC;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;IAapB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,eAAe;cAmBJ,MAAM,IAAI,cAAc;CA+I5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/development/pearl-chain/pearl-chain.component.js

@@ -0,0 +1,2 @@
+import { t as SbbPearlChainElement } from "../pearl-chain.component-oQZUzsyW.js";
+export { SbbPearlChainElement };

package/development/pearl-chain-time/pearl-chain-time.component.d.ts

@@ -0,0 +1,49 @@
+import { SbbElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { Leg, PtRideLeg } from '../core/timetable.ts';
+/**
+ * Combined with `sbb-pearl-chain`, it displays walk time information.
+ */
+export declare class SbbPearlChainTimeElement extends SbbElement {
+    static readonly elementName: string;
+    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%.
+     */
+    accessor legs: (Leg | PtRideLeg)[];
+    /** Prop to render the departure time - will be formatted as "H:mm" */
+    accessor departureTime: string;
+    /** Prop to render the arrival time - will be formatted as "H:mm" */
+    accessor arrivalTime: string;
+    /** Optional prop to render the walk time (in minutes) before departure */
+    accessor departureWalk: number;
+    /** Optional prop to render the walk time (in minutes) after arrival */
+    accessor arrivalWalk: number;
+    /**
+     * Per default, the current location has a pulsating animation. You can
+     * disable the animation with this property.
+     */
+    accessor disableAnimation: boolean;
+    /** Optional prop to render wheelchair-small instead of walk-small */
+    accessor a11yFootpath: boolean;
+    /**
+     * A configured date which acts as the current date instead of the real current date.
+     * Only recommended for testing purposes.
+     */
+    set now(value: Date | undefined);
+    get now(): Date;
+    private _now;
+    private _language;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-pearl-chain-time': SbbPearlChainTimeElement;
+    }
+}
+//# sourceMappingURL=pearl-chain-time.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain-time.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/pearl-chain-time/pearl-chain-time.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAW3E,OAAO,EAA4B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzF,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAE3B;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,UAAU;IACtD,gBAAgC,WAAW,EAAE,MAAM,CAA0B;IAC7E,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF;;;;;;;OAOG;IACH,SAA2C,IAAI,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,EAAE,CAAM;IAE1E,sEAAsE;IACtE,SAEgB,aAAa,EAAE,MAAM,CAAM;IAE3C,oEAAoE;IACpE,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,0EAA0E;IAC1E,SAEgB,aAAa,EAAE,MAAM,CAAO;IAE5C,uEAAuE;IACvE,SAEgB,WAAW,EAAE,MAAM,CAAO;IAE1C;;;OAGG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD,qEAAqE;IACrE,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C;;;OAGG;IACH,IACW,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAErC;IACD,IAAW,GAAG,IAAI,IAAI,CAErB;IACD,OAAO,CAAC,IAAI,CAAqB;IAEjC,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAoD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/development/pearl-chain-time/pearl-chain-time.component.js

@@ -0,0 +1,2 @@
+import { t as SbbPearlChainTimeElement } from "../pearl-chain-time.component-B2_BI6E_.js";
+export { SbbPearlChainTimeElement };

package/development/pearl-chain-time.component-B2_BI6E_.js

@@ -0,0 +1,319 @@
+import { t as format } from "./format-DFx4997p.js";
+import { __esDecorate, __runInitializers } from "tslib";
+import { SbbElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
+import { html, nothing, unsafeCSS } from "lit";
+import { defaultDateAdapter } from "@sbb-esta/lyne-elements/core/datetime.js";
+import { i18nArrival, i18nDeparture, i18nTransferProcedures } from "@sbb-esta/lyne-elements/core/i18n.js";
+import { property } from "lit/decorators.js";
+import { removeTimezoneFromISOTimeString } from "./core/datetime.js";
+import { getDepartureArrivalTimeAttribute, isRideLeg } from "./core/timetable.js";
+import "./pearl-chain.js";
+//#region src/elements-experimental/pearl-chain-time/pearl-chain-time.scss?inline
+var pearl_chain_time_default = ":host {\n  display: block;\n  --sbb-pearl-chain-time-height: auto;\n}\n@media (min-width: calc(37.5rem)) {\n  :host {\n    --sbb-pearl-chain-time-height: 1.5625rem;\n  }\n}\n@media (min-width: calc(64rem)) {\n  :host {\n    --sbb-pearl-chain-time-height: 1.75rem;\n  }\n}\n\n.sbb-pearl-chain__time {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  height: var(--sbb-pearl-chain-time-height);\n}\n\n.sbb-pearl-chain__time-walktime,\n.sbb-pearl-chain__time-transfer {\n  --sbb-text-font-size: var(--sbb-text-font-size-xxs);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  display: inline-flex;\n  align-items: center;\n}\n\n.sbb-pearl-chain__time-walktime--walk-small-left {\n  transform: translateX(-0.4375rem);\n  margin-inline-end: calc(var(--sbb-spacing-fixed-2x) - 0.4375rem);\n}\n\n.sbb-pearl-chain__time-walktime--walk-small-right {\n  margin-inline-start: calc(var(--sbb-spacing-fixed-2x) - 0.25rem);\n}\n\n.sbb-pearl-chain__time-walktime--wheelchair-small-left {\n  transform: translateX(-0.375rem);\n  margin-inline-end: calc(var(--sbb-spacing-fixed-2x) - 0.4375rem);\n}\n\n.sbb-pearl-chain__time-walktime--wheelchair-small-right {\n  margin-inline-start: calc(var(--sbb-spacing-fixed-2x) - 0.25rem);\n}\n\n.sbb-pearl-chain__time-walktime-prime-symbol {\n  float: right;\n}\n\n.sbb-pearl-chain__time-transfer {\n  gap: var(--sbb-spacing-fixed-1x);\n}\n\n.sbb-pearl-chain__time-transfer--sa-ci-departure {\n  margin-inline-end: var(--sbb-spacing-fixed-2x);\n}\n\n.sbb-pearl-chain__time-transfer--sa-ci-arrival {\n  margin-inline-start: calc(var(--sbb-spacing-fixed-2x) - 0.25rem);\n}\n\n.sbb-pearl-chain__time-chain {\n  flex: 1 1 auto;\n  align-self: center;\n  margin-inline: var(--sbb-spacing-fixed-3x);\n}\n\n.sbb-pearl-chain__time-time {\n  --sbb-text-font-size: var(--sbb-text-font-size-s);\n  font-family: var(--sbb-typo-font-family);\n  font-weight: normal;\n  line-height: var(--sbb-typo-line-height-text);\n  letter-spacing: var(--sbb-typo-letter-spacing-text);\n  font-size: var(--sbb-text-font-size);\n  font-weight: bold;\n  color: var(--sbb-color-2);\n}\n\n.sbb-screen-reader-only {\n  border: 0;\n  clip-path: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}";
+//#endregion
+//#region src/elements-experimental/pearl-chain-time/pearl-chain-time.component.ts
+/**
+* Combined with `sbb-pearl-chain`, it displays walk time information.
+*/
+var SbbPearlChainTimeElement = (() => {
+	let _classSuper = SbbElement;
+	let _instanceExtraInitializers = [];
+	let _legs_decorators;
+	let _legs_initializers = [];
+	let _legs_extraInitializers = [];
+	let _departureTime_decorators;
+	let _departureTime_initializers = [];
+	let _departureTime_extraInitializers = [];
+	let _arrivalTime_decorators;
+	let _arrivalTime_initializers = [];
+	let _arrivalTime_extraInitializers = [];
+	let _departureWalk_decorators;
+	let _departureWalk_initializers = [];
+	let _departureWalk_extraInitializers = [];
+	let _arrivalWalk_decorators;
+	let _arrivalWalk_initializers = [];
+	let _arrivalWalk_extraInitializers = [];
+	let _disableAnimation_decorators;
+	let _disableAnimation_initializers = [];
+	let _disableAnimation_extraInitializers = [];
+	let _a11yFootpath_decorators;
+	let _a11yFootpath_initializers = [];
+	let _a11yFootpath_extraInitializers = [];
+	let _set_now_decorators;
+	return class SbbPearlChainTimeElement extends _classSuper {
+		constructor() {
+			super(...arguments);
+			this.#legs_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _legs_initializers, []));
+			this.#departureTime_accessor_storage = (__runInitializers(this, _legs_extraInitializers), __runInitializers(this, _departureTime_initializers, ""));
+			this.#arrivalTime_accessor_storage = (__runInitializers(this, _departureTime_extraInitializers), __runInitializers(this, _arrivalTime_initializers, ""));
+			this.#departureWalk_accessor_storage = (__runInitializers(this, _arrivalTime_extraInitializers), __runInitializers(this, _departureWalk_initializers, NaN));
+			this.#arrivalWalk_accessor_storage = (__runInitializers(this, _departureWalk_extraInitializers), __runInitializers(this, _arrivalWalk_initializers, NaN));
+			this.#disableAnimation_accessor_storage = (__runInitializers(this, _arrivalWalk_extraInitializers), __runInitializers(this, _disableAnimation_initializers, false));
+			this.#a11yFootpath_accessor_storage = (__runInitializers(this, _disableAnimation_extraInitializers), __runInitializers(this, _a11yFootpath_initializers, false));
+			this._now = (__runInitializers(this, _a11yFootpath_extraInitializers), null);
+			this._language = new SbbLanguageController(this);
+		}
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_legs_decorators = [property({ type: Array })];
+			_departureTime_decorators = [forceType(), property({ attribute: "departure-time" })];
+			_arrivalTime_decorators = [forceType(), property({ attribute: "arrival-time" })];
+			_departureWalk_decorators = [forceType(), property({
+				attribute: "departure-walk",
+				type: Number
+			})];
+			_arrivalWalk_decorators = [forceType(), property({
+				attribute: "arrival-walk",
+				type: Number
+			})];
+			_disableAnimation_decorators = [forceType(), property({
+				attribute: "disable-animation",
+				type: Boolean
+			})];
+			_a11yFootpath_decorators = [forceType(), property({
+				attribute: "a11y-footpath",
+				type: Boolean
+			})];
+			_set_now_decorators = [property()];
+			__esDecorate(this, null, _legs_decorators, {
+				kind: "accessor",
+				name: "legs",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "legs" in obj,
+					get: (obj) => obj.legs,
+					set: (obj, value) => {
+						obj.legs = value;
+					}
+				},
+				metadata: _metadata
+			}, _legs_initializers, _legs_extraInitializers);
+			__esDecorate(this, null, _departureTime_decorators, {
+				kind: "accessor",
+				name: "departureTime",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "departureTime" in obj,
+					get: (obj) => obj.departureTime,
+					set: (obj, value) => {
+						obj.departureTime = value;
+					}
+				},
+				metadata: _metadata
+			}, _departureTime_initializers, _departureTime_extraInitializers);
+			__esDecorate(this, null, _arrivalTime_decorators, {
+				kind: "accessor",
+				name: "arrivalTime",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "arrivalTime" in obj,
+					get: (obj) => obj.arrivalTime,
+					set: (obj, value) => {
+						obj.arrivalTime = value;
+					}
+				},
+				metadata: _metadata
+			}, _arrivalTime_initializers, _arrivalTime_extraInitializers);
+			__esDecorate(this, null, _departureWalk_decorators, {
+				kind: "accessor",
+				name: "departureWalk",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "departureWalk" in obj,
+					get: (obj) => obj.departureWalk,
+					set: (obj, value) => {
+						obj.departureWalk = value;
+					}
+				},
+				metadata: _metadata
+			}, _departureWalk_initializers, _departureWalk_extraInitializers);
+			__esDecorate(this, null, _arrivalWalk_decorators, {
+				kind: "accessor",
+				name: "arrivalWalk",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "arrivalWalk" in obj,
+					get: (obj) => obj.arrivalWalk,
+					set: (obj, value) => {
+						obj.arrivalWalk = value;
+					}
+				},
+				metadata: _metadata
+			}, _arrivalWalk_initializers, _arrivalWalk_extraInitializers);
+			__esDecorate(this, null, _disableAnimation_decorators, {
+				kind: "accessor",
+				name: "disableAnimation",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "disableAnimation" in obj,
+					get: (obj) => obj.disableAnimation,
+					set: (obj, value) => {
+						obj.disableAnimation = value;
+					}
+				},
+				metadata: _metadata
+			}, _disableAnimation_initializers, _disableAnimation_extraInitializers);
+			__esDecorate(this, null, _a11yFootpath_decorators, {
+				kind: "accessor",
+				name: "a11yFootpath",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "a11yFootpath" in obj,
+					get: (obj) => obj.a11yFootpath,
+					set: (obj, value) => {
+						obj.a11yFootpath = value;
+					}
+				},
+				metadata: _metadata
+			}, _a11yFootpath_initializers, _a11yFootpath_extraInitializers);
+			__esDecorate(this, null, _set_now_decorators, {
+				kind: "setter",
+				name: "now",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "now" in obj,
+					set: (obj, value) => {
+						obj.now = value;
+					}
+				},
+				metadata: _metadata
+			}, null, _instanceExtraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-pearl-chain-time";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(pearl_chain_time_default)];
+		}
+		#legs_accessor_storage;
+		/**
+		* 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%.
+		*/
+		get legs() {
+			return this.#legs_accessor_storage;
+		}
+		set legs(value) {
+			this.#legs_accessor_storage = value;
+		}
+		#departureTime_accessor_storage;
+		/** Prop to render the departure time - will be formatted as "H:mm" */
+		get departureTime() {
+			return this.#departureTime_accessor_storage;
+		}
+		set departureTime(value) {
+			this.#departureTime_accessor_storage = value;
+		}
+		#arrivalTime_accessor_storage;
+		/** Prop to render the arrival time - will be formatted as "H:mm" */
+		get arrivalTime() {
+			return this.#arrivalTime_accessor_storage;
+		}
+		set arrivalTime(value) {
+			this.#arrivalTime_accessor_storage = value;
+		}
+		#departureWalk_accessor_storage;
+		/** Optional prop to render the walk time (in minutes) before departure */
+		get departureWalk() {
+			return this.#departureWalk_accessor_storage;
+		}
+		set departureWalk(value) {
+			this.#departureWalk_accessor_storage = value;
+		}
+		#arrivalWalk_accessor_storage;
+		/** Optional prop to render the walk time (in minutes) after arrival */
+		get arrivalWalk() {
+			return this.#arrivalWalk_accessor_storage;
+		}
+		set arrivalWalk(value) {
+			this.#arrivalWalk_accessor_storage = value;
+		}
+		#disableAnimation_accessor_storage;
+		/**
+		* Per default, the current location has a pulsating animation. You can
+		* disable the animation with this property.
+		*/
+		get disableAnimation() {
+			return this.#disableAnimation_accessor_storage;
+		}
+		set disableAnimation(value) {
+			this.#disableAnimation_accessor_storage = value;
+		}
+		#a11yFootpath_accessor_storage;
+		/** Optional prop to render wheelchair-small instead of walk-small */
+		get a11yFootpath() {
+			return this.#a11yFootpath_accessor_storage;
+		}
+		set a11yFootpath(value) {
+			this.#a11yFootpath_accessor_storage = value;
+		}
+		/**
+		* A configured date which acts as the current date instead of the real current date.
+		* Only recommended for testing purposes.
+		*/
+		set now(value) {
+			this._now = defaultDateAdapter.getValidDateOrNull(defaultDateAdapter.deserialize(value));
+		}
+		get now() {
+			return this._now ?? /* @__PURE__ */ new Date();
+		}
+		render() {
+			const departure = this.departureTime ? removeTimezoneFromISOTimeString(this.departureTime) : void 0;
+			const arrival = this.arrivalTime ? removeTimezoneFromISOTimeString(this.arrivalTime) : void 0;
+			const { renderDepartureTimeAttribute, renderArrivalTimeAttribute } = getDepartureArrivalTimeAttribute(this.legs, this.departureWalk || 0, this.arrivalWalk || 0, this._language.current, this.a11yFootpath);
+			const rideLegs = this.legs?.filter((leg) => isRideLeg(leg));
+			return html`
+      <div class="sbb-pearl-chain__time">
+        ${renderDepartureTimeAttribute()}
+        ${departure ? html`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
+              <span class="sbb-screen-reader-only"
+                >${i18nDeparture[this._language.current]}:&nbsp;</span
+              >
+              ${format(departure, "HH:mm")}
+            </time>` : nothing}
+        ${rideLegs?.length > 1 ? html`<span class="sbb-screen-reader-only" role="paragraph">
+              ${rideLegs?.length - 1} ${i18nTransferProcedures[this._language.current]}
+            </span>` : nothing}
+        <sbb-pearl-chain
+          class="sbb-pearl-chain__time-chain"
+          .legs=${this.legs}
+          .disableAnimation=${this.disableAnimation}
+          .now=${this.now}
+        ></sbb-pearl-chain>
+        ${arrival ? html`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
+              <span class="sbb-screen-reader-only"
+                >${i18nArrival[this._language.current]}:&nbsp;</span
+              >
+              ${format(arrival, "HH:mm")}
+            </time>` : nothing}
+        ${renderArrivalTimeAttribute()}
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbPearlChainTimeElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdGltZS5jb21wb25lbnQtQjJfQkk2RV8uanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9wZWFybC1jaGFpbi10aW1lL3BlYXJsLWNoYWluLXRpbWUuc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3BlYXJsLWNoYWluLXRpbWUvcGVhcmwtY2hhaW4tdGltZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcblxuICAtLXNiYi1wZWFybC1jaGFpbi10aW1lLWhlaWdodDogYXV0bztcblxuICBAaW5jbHVkZSBzYmIubXEoJGZyb206IHNtYWxsKSB7XG4gICAgLS1zYmItcGVhcmwtY2hhaW4tdGltZS1oZWlnaHQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCgyNSl9O1xuICB9XG5cbiAgQGluY2x1ZGUgc2JiLm1xKCRmcm9tOiBsYXJnZSkge1xuICAgIC0tc2JiLXBlYXJsLWNoYWluLXRpbWUtaGVpZ2h0OiAje3NiYi5weC10by1yZW0tYnVpbGQoMjgpfTtcbiAgfVxufVxuXG4uc2JiLXBlYXJsLWNoYWluX190aW1lIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogdmFyKC0tc2JiLXBlYXJsLWNoYWluLXRpbWUtaGVpZ2h0KTtcbn1cblxuLnNiYi1wZWFybC1jaGFpbl9fdGltZS13YWxrdGltZSxcbi5zYmItcGVhcmwtY2hhaW5fX3RpbWUtdHJhbnNmZXIge1xuICBAaW5jbHVkZSBzYmIudGV4dC14eHMtLXJlZ3VsYXI7XG5cbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5zYmItcGVhcmwtY2hhaW5fX3RpbWUtd2Fsa3RpbWUtLXdhbGstc21hbGwtbGVmdCB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChzYmIucHgtdG8tcmVtLWJ1aWxkKC03KSk7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiBjYWxjKHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KSAtICN7c2JiLnB4LXRvLXJlbS1idWlsZCg3KX0pO1xufVxuXG4uc2JiLXBlYXJsLWNoYWluX190aW1lLXdhbGt0aW1lLS13YWxrLXNtYWxsLXJpZ2h0IHtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkgLSAje3NiYi5weC10by1yZW0tYnVpbGQoNCl9KTtcbn1cblxuLnNiYi1wZWFybC1jaGFpbl9fdGltZS13YWxrdGltZS0td2hlZWxjaGFpci1zbWFsbC1sZWZ0IHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKHNiYi5weC10by1yZW0tYnVpbGQoLTYpKTtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IGNhbGModmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpIC0gI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDcpfSk7XG59XG5cbi5zYmItcGVhcmwtY2hhaW5fX3RpbWUtd2Fsa3RpbWUtLXdoZWVsY2hhaXItc21hbGwtcmlnaHQge1xuICBtYXJnaW4taW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KSAtICN7c2JiLnB4LXRvLXJlbS1idWlsZCg0KX0pO1xufVxuXG4uc2JiLXBlYXJsLWNoYWluX190aW1lLXdhbGt0aW1lLXByaW1lLXN5bWJvbCB7XG4gIGZsb2F0OiByaWdodDtcbn1cblxuLnNiYi1wZWFybC1jaGFpbl9fdGltZS10cmFuc2ZlciB7XG4gIGdhcDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpO1xufVxuXG4uc2JiLXBlYXJsLWNoYWluX190aW1lLXRyYW5zZmVyLS1zYS1jaS1kZXBhcnR1cmUge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xufVxuXG4uc2JiLXBlYXJsLWNoYWluX190aW1lLXRyYW5zZmVyLS1zYS1jaS1hcnJpdmFsIHtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkgLSAje3NiYi5weC10by1yZW0tYnVpbGQoNCl9KTtcbn1cblxuLnNiYi1wZWFybC1jaGFpbl9fdGltZS1jaGFpbiB7XG4gIGZsZXg6IDEgMSBhdXRvO1xuICBhbGlnbi1zZWxmOiBjZW50ZXI7XG4gIG1hcmdpbi1pbmxpbmU6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTN4KTtcbn1cblxuLnNiYi1wZWFybC1jaGFpbl9fdGltZS10aW1lIHtcbiAgQGluY2x1ZGUgc2JiLnRleHQtcy0tYm9sZDtcblxuICBjb2xvcjogdmFyKC0tc2JiLWNvbG9yLTIpO1xufVxuXG4uc2JiLXNjcmVlbi1yZWFkZXItb25seSB7XG4gIEBpbmNsdWRlIHNiYi5zY3JlZW4tcmVhZGVyLW9ubHk7XG59XG4iLCJpbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZGVmYXVsdERhdGVBZGFwdGVyIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kYXRldGltZS5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHtcbiAgaTE4bkFycml2YWwsXG4gIGkxOG5EZXBhcnR1cmUsXG4gIGkxOG5UcmFuc2ZlclByb2NlZHVyZXMsXG59IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IHJlbW92ZVRpbWV6b25lRnJvbUlTT1RpbWVTdHJpbmcgfSBmcm9tICcuLi9jb3JlL2RhdGV0aW1lLnRzJztcbmltcG9ydCB0eXBlIHsgTGVnLCBQdFJpZGVMZWcgfSBmcm9tICcuLi9jb3JlL3RpbWV0YWJsZS50cyc7XG5pbXBvcnQgeyBnZXREZXBhcnR1cmVBcnJpdmFsVGltZUF0dHJpYnV0ZSwgaXNSaWRlTGVnIH0gZnJvbSAnLi4vY29yZS90aW1ldGFibGUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9wZWFybC1jaGFpbi10aW1lLnNjc3M/aW5saW5lJztcblxuaW1wb3J0ICcuLi9wZWFybC1jaGFpbi50cyc7XG5cbi8qKlxuICogQ29tYmluZWQgd2l0aCBgc2JiLXBlYXJsLWNoYWluYCwgaXQgZGlzcGxheXMgd2FsayB0aW1lIGluZm9ybWF0aW9uLlxuICovXG5leHBvcnQgY2xhc3MgU2JiUGVhcmxDaGFpblRpbWVFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItcGVhcmwtY2hhaW4tdGltZSc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKlxuICAgKiBkZWZpbmUgdGhlIGxlZ3Mgb2YgdGhlIHBlYXJsLWNoYWluLlxuICAgKiBGb3JtYXQ6XG4gICAqIGB7XCJsZWdzXCI6IFt7XCJkdXJhdGlvblwiOiAyNX0sIC4uLl19YFxuICAgKiBgZHVyYXRpb25gIGluIG1pbnV0ZXMuIER1cmF0aW9uIG9mIHRoZSBsZWcgaXMgcmVsYXRpdmVcbiAgICogdG8gdGhlIHRvdGFsIHRyYXZlbCB0aW1lLiBFeGFtcGxlOiBkZXBhcnR1cmUgMTY6MzAsIGNoYW5nZSBhdCAxNjo0MCxcbiAgICogYXJyaXZhbCBhdCAxNzowMC4gU28gdGhlIGNoYW5nZSBzaG91bGQgaGF2ZSBhIGR1cmF0aW9uIG9mIDMzLjMzJS5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHR5cGU6IEFycmF5IH0pIHB1YmxpYyBhY2Nlc3NvciBsZWdzOiAoTGVnIHwgUHRSaWRlTGVnKVtdID0gW107XG5cbiAgLyoqIFByb3AgdG8gcmVuZGVyIHRoZSBkZXBhcnR1cmUgdGltZSAtIHdpbGwgYmUgZm9ybWF0dGVkIGFzIFwiSDptbVwiICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkZXBhcnR1cmUtdGltZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGRlcGFydHVyZVRpbWU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBQcm9wIHRvIHJlbmRlciB0aGUgYXJyaXZhbCB0aW1lIC0gd2lsbCBiZSBmb3JtYXR0ZWQgYXMgXCJIOm1tXCIgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2Fycml2YWwtdGltZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFycml2YWxUaW1lOiBzdHJpbmcgPSAnJztcblxuICAvKiogT3B0aW9uYWwgcHJvcCB0byByZW5kZXIgdGhlIHdhbGsgdGltZSAoaW4gbWludXRlcykgYmVmb3JlIGRlcGFydHVyZSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZGVwYXJ0dXJlLXdhbGsnLCB0eXBlOiBOdW1iZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGRlcGFydHVyZVdhbGs6IG51bWJlciA9IE5hTjtcblxuICAvKiogT3B0aW9uYWwgcHJvcCB0byByZW5kZXIgdGhlIHdhbGsgdGltZSAoaW4gbWludXRlcykgYWZ0ZXIgYXJyaXZhbCAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYXJyaXZhbC13YWxrJywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhcnJpdmFsV2FsazogbnVtYmVyID0gTmFOO1xuXG4gIC8qKlxuICAgKiBQZXIgZGVmYXVsdCwgdGhlIGN1cnJlbnQgbG9jYXRpb24gaGFzIGEgcHVsc2F0aW5nIGFuaW1hdGlvbi4gWW91IGNhblxuICAgKiBkaXNhYmxlIHRoZSBhbmltYXRpb24gd2l0aCB0aGlzIHByb3BlcnR5LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2Rpc2FibGUtYW5pbWF0aW9uJywgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZGlzYWJsZUFuaW1hdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBPcHRpb25hbCBwcm9wIHRvIHJlbmRlciB3aGVlbGNoYWlyLXNtYWxsIGluc3RlYWQgb2Ygd2Fsay1zbWFsbCAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYTExeS1mb290cGF0aCcsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIGExMXlGb290cGF0aDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBIGNvbmZpZ3VyZWQgZGF0ZSB3aGljaCBhY3RzIGFzIHRoZSBjdXJyZW50IGRhdGUgaW5zdGVhZCBvZiB0aGUgcmVhbCBjdXJyZW50IGRhdGUuXG4gICAqIE9ubHkgcmVjb21tZW5kZWQgZm9yIHRlc3RpbmcgcHVycG9zZXMuXG4gICAqL1xuICBAcHJvcGVydHkoKVxuICBwdWJsaWMgc2V0IG5vdyh2YWx1ZTogRGF0ZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX25vdyA9IGRlZmF1bHREYXRlQWRhcHRlci5nZXRWYWxpZERhdGVPck51bGwoZGVmYXVsdERhdGVBZGFwdGVyLmRlc2VyaWFsaXplKHZhbHVlKSk7XG4gIH1cbiAgcHVibGljIGdldCBub3coKTogRGF0ZSB7XG4gICAgcmV0dXJuIHRoaXMuX25vdyA/PyBuZXcgRGF0ZSgpO1xuICB9XG4gIHByaXZhdGUgX25vdzogRGF0ZSB8IG51bGwgPSBudWxsO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBkZXBhcnR1cmU6IERhdGUgfCB1bmRlZmluZWQgPSB0aGlzLmRlcGFydHVyZVRpbWVcbiAgICAgID8gcmVtb3ZlVGltZXpvbmVGcm9tSVNPVGltZVN0cmluZyh0aGlzLmRlcGFydHVyZVRpbWUpXG4gICAgICA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcnJpdmFsOiBEYXRlIHwgdW5kZWZpbmVkID0gdGhpcy5hcnJpdmFsVGltZVxuICAgICAgPyByZW1vdmVUaW1lem9uZUZyb21JU09UaW1lU3RyaW5nKHRoaXMuYXJyaXZhbFRpbWUpXG4gICAgICA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHsgcmVuZGVyRGVwYXJ0dXJlVGltZUF0dHJpYnV0ZSwgcmVuZGVyQXJyaXZhbFRpbWVBdHRyaWJ1dGUgfSA9XG4gICAgICBnZXREZXBhcnR1cmVBcnJpdmFsVGltZUF0dHJpYnV0ZShcbiAgICAgICAgdGhpcy5sZWdzLFxuICAgICAgICB0aGlzLmRlcGFydHVyZVdhbGsgfHwgMCxcbiAgICAgICAgdGhpcy5hcnJpdmFsV2FsayB8fCAwLFxuICAgICAgICB0aGlzLl9sYW5ndWFnZS5jdXJyZW50LFxuICAgICAgICB0aGlzLmExMXlGb290cGF0aCxcbiAgICAgICk7XG5cbiAgICBjb25zdCByaWRlTGVncyA9IHRoaXMubGVncz8uZmlsdGVyKChsZWcpID0+IGlzUmlkZUxlZyhsZWcpKTtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItcGVhcmwtY2hhaW5fX3RpbWVcIj5cbiAgICAgICAgJHtyZW5kZXJEZXBhcnR1cmVUaW1lQXR0cmlidXRlKCl9XG4gICAgICAgICR7ZGVwYXJ0dXJlXG4gICAgICAgICAgPyBodG1sYDx0aW1lIGNsYXNzPVwic2JiLXBlYXJsLWNoYWluX190aW1lLXRpbWVcIiBkYXRldGltZT0ke3RoaXMuZGVwYXJ0dXJlVGltZSF9PlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIlxuICAgICAgICAgICAgICAgID4ke2kxOG5EZXBhcnR1cmVbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19OiZuYnNwOzwvc3BhblxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7Zm9ybWF0KGRlcGFydHVyZSwgJ0hIOm1tJyl9XG4gICAgICAgICAgICA8L3RpbWU+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgJHtyaWRlTGVncz8ubGVuZ3RoID4gMVxuICAgICAgICAgID8gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIiByb2xlPVwicGFyYWdyYXBoXCI+XG4gICAgICAgICAgICAgICR7cmlkZUxlZ3M/Lmxlbmd0aCAtIDF9ICR7aTE4blRyYW5zZmVyUHJvY2VkdXJlc1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgIDwvc3Bhbj5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8c2JiLXBlYXJsLWNoYWluXG4gICAgICAgICAgY2xhc3M9XCJzYmItcGVhcmwtY2hhaW5fX3RpbWUtY2hhaW5cIlxuICAgICAgICAgIC5sZWdzPSR7dGhpcy5sZWdzfVxuICAgICAgICAgIC5kaXNhYmxlQW5pbWF0aW9uPSR7dGhpcy5kaXNhYmxlQW5pbWF0aW9ufVxuICAgICAgICAgIC5ub3c9JHt0aGlzLm5vd31cbiAgICAgICAgPjwvc2JiLXBlYXJsLWNoYWluPlxuICAgICAgICAke2Fycml2YWxcbiAgICAgICAgICA/IGh0bWxgPHRpbWUgY2xhc3M9XCJzYmItcGVhcmwtY2hhaW5fX3RpbWUtdGltZVwiIGRhdGV0aW1lPSR7dGhpcy5hcnJpdmFsVGltZSF9PlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIlxuICAgICAgICAgICAgICAgID4ke2kxOG5BcnJpdmFsW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfTombmJzcDs8L3NwYW5cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAke2Zvcm1hdChhcnJpdmFsLCAnSEg6bW0nKX1cbiAgICAgICAgICAgIDwvdGltZT5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICAke3JlbmRlckFycml2YWxUaW1lQXR0cmlidXRlKCl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItcGVhcmwtY2hhaW4tdGltZSc6IFNiYlBlYXJsQ2hhaW5UaW1lRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ3lCYSxrQ0FBd0I7bUJBQVM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztjQUFqQyxpQ0FBaUMsWUFBVTs7O0FBWVgsU0FBQSx5QkFaaEMsa0JBQUEsTUFBQSwyQkFBd0IsRUFBQSxrQkFBQSxNQUFBLG9CQVlvQyxFQUFFLENBQUE7QUFLekQs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

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

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

package/development/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":"AAGA,cAAc,4BAA4B,CAAC"}

package/development/pearl-chain-time.js

@@ -0,0 +1,9 @@
+import { t as SbbPearlChainTimeElement } from "./pearl-chain-time.component-B2_BI6E_.js";
+import "./pearl-chain-time.pure.js";
+//#region src/elements-experimental/pearl-chain-time.ts
+/** @entrypoint */
+SbbPearlChainTimeElement.define();
+//#endregion
+export { SbbPearlChainTimeElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVhcmwtY2hhaW4tdGltZS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL3BlYXJsLWNoYWluLXRpbWUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJQZWFybENoYWluVGltZUVsZW1lbnQgfSBmcm9tICcuL3BlYXJsLWNoYWluLXRpbWUucHVyZS50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vcGVhcmwtY2hhaW4tdGltZS5wdXJlLnRzJztcblxuU2JiUGVhcmxDaGFpblRpbWVFbGVtZW50LmRlZmluZSgpO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBS0EseUJBQXlCLFFBQVEifQ==

package/development/pearl-chain-time.pure.d.ts

@@ -0,0 +1,3 @@
+/** @entrypoint */
+export * from './pearl-chain-time/pearl-chain-time.component.ts';
+//# sourceMappingURL=pearl-chain-time.pure.d.ts.map

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

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

package/development/pearl-chain-time.pure.js

@@ -0,0 +1,2 @@
+import { t as SbbPearlChainTimeElement } from "./pearl-chain-time.component-B2_BI6E_.js";
+export { SbbPearlChainTimeElement };

package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts

@@ -0,0 +1,18 @@
+import { SbbElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { CSSResultGroup, TemplateResult } from 'lit';
+/**
+ * It can be used as a container for the `sbb-pearl-chain-vertical-item` component.
+ *
+ * @slot - The unnamed slot is used for the `sbb-pearl-chain-vertical-item` component.
+ */
+export declare class SbbPearlChainVerticalElement extends SbbElement {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-pearl-chain-vertical': SbbPearlChainVerticalElement;
+    }
+}
+//# sourceMappingURL=pearl-chain-vertical.component.d.ts.map

package/development/pearl-chain-vertical/pearl-chain-vertical.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain-vertical.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/pearl-chain-vertical/pearl-chain-vertical.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAE3E,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhF;;;;GAIG;AACH,qBAAa,4BAA6B,SAAQ,UAAU;IAC1D,gBAAgC,WAAW,EAAE,MAAM,CAA8B;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAuC;cAEjE,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/development/pearl-chain-vertical/pearl-chain-vertical.component.js

@@ -0,0 +1,2 @@
+import { t as SbbPearlChainVerticalElement } from "../pearl-chain-vertical.component-CpcNFl-x.js";
+export { SbbPearlChainVerticalElement };

package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts

@@ -0,0 +1,36 @@
+import { SbbElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { CSSResultGroup, TemplateResult } from 'lit';
+export type LineType = 'dotted' | 'standard' | 'thin';
+export type BulletType = 'default' | 'past' | 'irrelevant' | 'skipped' | 'disruption';
+export type LineColor = 'default' | 'past' | 'disruption' | 'walk';
+export type BulletSize = 'start-end' | 'stop';
+export interface PearlChainVerticalItemAttributes {
+    lineType: LineType;
+    lineColor: LineColor;
+    bulletType?: BulletType;
+    minHeight: number;
+    hideLine: boolean;
+    bulletSize: BulletSize;
+    position?: number;
+}
+/**
+ * It displays details about connection between stations.
+ *
+ * @slot left - Content of the left side of the item
+ * @slot right - Content of the right side of the item
+ */
+export declare class SbbPearlChainVerticalItemElement extends SbbElement {
+    static readonly elementName: string;
+    static styles: CSSResultGroup;
+    /** The pearlChainVerticalItemAttributes Prop for styling the bullets and line.*/
+    accessor pearlChainVerticalItemAttributes: PearlChainVerticalItemAttributes;
+    /** If true, the position won't be animated. */
+    accessor disableAnimation: boolean;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-pearl-chain-vertical-item': SbbPearlChainVerticalItemElement;
+    }
+}
+//# sourceMappingURL=pearl-chain-vertical-item.component.d.ts.map

package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pearl-chain-vertical-item.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/pearl-chain-vertical-item/pearl-chain-vertical-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAG3E,OAAO,EAA4B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMzF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,YAAY,CAAC;AAEtF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,qBAAa,gCAAiC,SAAQ,UAAU;IAC9D,gBAAgC,WAAW,EAAE,MAAM,CAAmC;IACtF,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,iFAAiF;IACjF,SACgB,gCAAgC,EAAE,gCAAgC,CAAS;IAE3F,+CAA+C;IAC/C,SAEgB,gBAAgB,EAAE,OAAO,CAAS;cAE/B,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,+BAA+B,EAAE,gCAAgC,CAAC;KACnE;CACF"}

package/development/pearl-chain-vertical-item/pearl-chain-vertical-item.component.js

@@ -0,0 +1,2 @@
+import { t as SbbPearlChainVerticalItemElement } from "../pearl-chain-vertical-item.component-DcmH13Vb.js";
+export { SbbPearlChainVerticalItemElement };