import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; import { SbbOpenCloseBaseElement } from '../core/base-elements.ts'; type SbbToastPositionVertical = 'top' | 'bottom'; type SbbToastPositionHorizontal = 'left' | 'start' | 'center' | 'right' | 'end'; export type SbbToastPosition = `${SbbToastPositionVertical}-${SbbToastPositionHorizontal}`; declare const SbbToastElement_base: import('../core/mixins.ts').AbstractConstructor & import('../core/mixins.ts').AbstractConstructor & typeof SbbOpenCloseBaseElement; /** * It displays a toast notification. * * @slot - Use the unnamed slot to add content to the `sbb-toast`. * @slot icon - Assign a custom icon via slot. * @slot action - Provide a custom action for this toast. * @cssprop [--sbb-toast-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order, * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`. */ export declare class SbbToastElement extends SbbToastElement_base { static readonly elementName: string; static styles: CSSResultGroup; /** * The length of time in milliseconds to wait before automatically dismissing the toast. * If 0 (default), it stays open indefinitely. * From accessibility perspective, it is recommended to set a timeout of at least 20 seconds. */ accessor timeout: number; /** The position where to place the toast. */ accessor position: SbbToastPosition; /** * The ARIA politeness level. * Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info */ accessor politeness: 'polite' | 'assertive' | 'off'; private _closeTimeout?; private _language; private _darkModeController; constructor(); connectedCallback(): void; disconnectedCallback(): void; protected willUpdate(changedProperties: PropertyValues): void; /** * Open the toast. * If there are other opened toasts in the page, close them first. */ open(): void; /** * Close the toast. */ close(): void; private _handleClosing; private _handleOpening; private _onClick; private _isZeroAnimationDuration; /** * Slotted text nodes are not read correctly by screen readers on Chrome. * To address the problem, if there is at least a root text node, * we wrap the whole content in a tag */ private _onContentSlotChange; private _syncSlottedElements; private _onToastAnimationEnd; /** * Since we do not stack toasts, we force the closing on other existing opened ones */ private _closeOtherToasts; private _isLightMode; protected render(): TemplateResult; } declare global { interface HTMLElementTagNameMap { 'sbb-toast': SbbToastElement; } } export {}; //# sourceMappingURL=toast.component.d.ts.map