import { SbbElement, type SbbElementType, type SbbHeadingLevel } from '@sbb-esta/lyne-elements/core.js'; import { type CSSResultGroup, type TemplateResult } from 'lit'; import { type Leg } from '../core.ts'; 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 SbbElement { static readonly elementName: string; static elementDependencies: SbbElementType[]; static styles: CSSResultGroup; /** The trip prop */ accessor trip: InterfaceSbbJourneySummaryAttributes; /** The tripBack prop */ accessor tripBack: InterfaceSbbJourneySummaryAttributes; /** * The RoundTrip prop. This prop controls if one or two arrows are displayed in the header. */ accessor roundTrip: boolean; /** Heading level of the journey header element (e.g. h1-h6). */ accessor headerLevel: SbbHeadingLevel; /** * Per default, the current location has a pulsating animation. You can * disable the animation with this property. */ accessor disableAnimation: boolean; /** * The Footpath attribute for rendering different icons * true: render a11y-icon * false: render walk-icon * default: render walk-icon */ 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 _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; } }