import { ISlottable } from '../../../Behaviors/Slottable'; import { Appearance } from '../../../Types/Appearance'; import { Variant } from '../../../Types/Variant'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IChatMessageElementProps } from './IChatMessageElementProps'; declare const ChatMessageElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Valueable").IValueableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Chat Message - Represents a single message in the chat. * * @slot at - The slot for timestamp elements. * @slot attachment - The slot for attachment elements. * @slot author - The slot for author elements. * @slot avatar - The slot for avatar elements. * @slot reaction - The slot for reaction elements. * @slot text - The slot for message elements. * * @csspart at - The at part. * @csspart author - The author part. * @csspart busy - The busy part. * @csspart content - The content part. * @csspart dot - The dot part. * @csspart header - The header part. * @csspart message - The message part. * @csspart reactions - The reactions part. * @csspart root - The root part. * @csspart text - The text part. * * @cssprop {String} --chat-message-background-color - The message background color CSS custom property. * @cssprop {String} --chat-message-border-color - The message border color CSS custom property. * @cssprop {String} --chat-message-border-radius - The message border radius CSS custom property. * @cssprop {String} --chat-message-border-style - The message border style CSS custom property. * @cssprop {String} --chat-message-border-width - The message border width CSS custom property. * @cssprop {String} --chat-message-font-family - The message font family CSS custom property. * @cssprop {String} --chat-message-font-letter-spacing - The message font letter spacing CSS custom property. * @cssprop {String} --chat-message-font-line-height - The message font line height CSS custom property. * @cssprop {String} --chat-message-font-size - The message font size CSS custom property. * @cssprop {String} --chat-message-font-text-decoration - The message font text decoration CSS custom property. * @cssprop {String} --chat-message-font-text-transform - The message font text transform CSS custom property. * @cssprop {String} --chat-message-font-weight - The message font weight CSS custom property. * @cssprop {String} --chat-message-foreground-color - The message foreground color CSS custom property. * @cssprop {String} --chat-message-gap - The message gap CSS custom property. * @cssprop {String} --chat-message-padding-bottom - The message padding bottom CSS custom property. * @cssprop {String} --chat-message-padding-left - The message padding left CSS custom property. * @cssprop {String} --chat-message-padding-right - The message padding right CSS custom property. * @cssprop {String} --chat-message-padding-top - The message padding top CSS custom property. * @cssprop {String} --chat-message-shadow - The message shadow CSS custom property. * @cssprop {String} --chat-message-shadow-blur - The message shadow blur CSS custom property. * @cssprop {String} --chat-message-shadow-color - The message shadow color CSS custom property. * @cssprop {String} --chat-message-shadow-offset-x - The message shadow offset x CSS custom property. * @cssprop {String} --chat-message-shadow-offset-y - The message shadow offset y CSS custom property. * @cssprop {String} --chat-message-shadow-spread - The message shadow spread CSS custom property. * @cssprop {String} --chat-message-transition-duration - The message transition duration CSS custom property. * @cssprop {String} --chat-message-transition-mode - The message transition mode CSS custom property. * @cssprop {String} --chat-message-transition-property - The message transition property CSS custom property. * @cssprop {String} --chat-message-translate - The message translate CSS custom property. * @cssprop {String} --chat-message-white-space - The message white space CSS custom property. * * @dependency mosaik-dot - The Dot element. * @dependency mosaik-stack - The Stack element. * @dependency mosaik-text - The Text element. * * @example * Basic chat message: * ```html * * ``` * * @example * Reply message with a variant: * ```html * * ``` * * @public */ export declare class ChatMessageElement extends ChatMessageElement_base implements IChatMessageElementProps, ISlottable { private readonly _inheritance; private _text; private _author; private _attachments; private _reply; private _at; /** * @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 `author` property. * * @public */ get author(): string; set author(value: string); /** * Gets or sets the `text` property. * * @public */ get text(): string; set text(value: string); /** * Gets or sets the `attachments` property. * * @public */ get attachments(): Array; set attachments(value: Array); /** * Gets or sets the `reply` property. * * @public * @attr */ get reply(): boolean; set reply(value: boolean); /** * Gets or sets the `at` property. * * @public */ get at(): string; set at(value: string); /** * @protected * @template */ onSlotChange(_event: Event): void; /** * @protected */ protected onVariantPropertyChanged(_prev?: Variant, next?: Variant): void; /** * @protected */ protected onAppearancePropertyChanged(_prev?: Appearance, next?: Appearance): void; /** * @protected */ protected onDisabledPropertyChanged(_prev?: boolean, next?: boolean): void; } /** * @public */ export declare namespace ChatMessageElement { type Props = IChatMessageElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-chat-message': ChatMessageElement; } } export {}; //# sourceMappingURL=ChatMessageElement.d.ts.map