import { CssLength } from '@breadstone/mosaik-themes'; import { ISlottable } from '../../../Behaviors/Slottable'; import { ChatBegin } from '../../../Types/ChatBegin'; import { CustomElement } from '../../Abstracts/CustomElement'; import { ChatInputElement } from './ChatInputElement'; import type { IChatElementProps } from './IChatElementProps'; import { ChatElementIntl } from './Intl/ChatElementIntl'; declare const ChatElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Chat - A user interface component for real-time messaging and communication. * * @description * The Chat component provides a platform for users to engage in real-time text-based conversations. * It typically includes features such as sending and receiving messages, user avatars, timestamps, and more. * Chat components are commonly used in messaging applications, social media platforms, and customer support systems. * * @element mosaik-chat * @category Media * * @slot header - Slot for chat header content. * @slot message - Slot for chat message elements. * @slot empty - Slot for empty state content. * @slot input - Slot for chat input element. * * @example * Basic chat: * ```html * * ``` * * @example * Chat with scroll-to-end enabled and a variant: * ```html * * ``` * * @public */ export declare class ChatElement extends ChatElement_base implements IChatElementProps, ISlottable { private readonly _intl; private readonly _provider; private _scrollToEnd; private _begin; private _inputElement?; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `scrollToEnd` property. * If `true`, in order to `begin` property, the chat will scroll to top or bottom of the chat messages. * * @public * @attr */ get scrollToEnd(): boolean; set scrollToEnd(value: boolean); /** * Gets or sets the `begin` property. * * @public */ get begin(): ChatBegin; set begin(value: ChatBegin); /** * Returns the `intl` property. * * @public * @readonly */ get intl(): ChatElementIntl; /** * Returns the `input` property. * * @private * @readonly */ get inputElement(): ChatInputElement | undefined; onSlotChanges(slotName?: string): void; /** * @protected */ protected onWidthPropertyChanged(_prev?: CssLength, next?: CssLength): void; /** * @protected */ protected onHeightPropertyChanged(_prev?: CssLength, next?: CssLength): void; } /** * @public */ export declare namespace ChatElement { type Props = IChatElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-chat': ChatElement; } } export {}; //# sourceMappingURL=ChatElement.d.ts.map