import { CSSResultArray, TemplateResult } from 'lit'; import { LuzmoElement } from '../../utils/base'; import type { ChatMessageAvatarPlacement } from '../chat-message/chat-message'; declare const LuzmoChatMessageGroup_base: typeof LuzmoElement & { new (...args: any[]): import("../..").SizedElementInterface; prototype: import("../..").SizedElementInterface; }; /** * A chat message group component for displaying consecutive messages from the same user. * * When multiple messages are grouped together, only the first or last message * will display the name/date metadata and avatar, reducing visual clutter. * * @element luzmo-chat-message-group * @slot - the luzmo-chat-message elements that make up the group * @slot avatar - Optional avatar slot at the group level. If provided, this avatar will be used. * If not provided, the first message's avatar will be reused. */ export declare class LuzmoChatMessageGroup extends LuzmoChatMessageGroup_base { static get styles(): CSSResultArray; /** * The vertical placement of the avatar relative to the message group. * - `top`: Avatar appears next to the first message * - `middle`: Avatar appears centered relative to the group * - `bottom`: Avatar appears next to the last message (default) * @attr avatar-placement */ avatarPlacement: ChatMessageAvatarPlacement; private _messages; private _hasGroupAvatar; /** * Handles group-level avatar slot changes. */ private _handleGroupAvatarSlotChange; /** * Configures child chat messages. * - Distributes size to all messages * - Controls which message shows the avatar (from group slot or first message) * - Controls which message shows the metadata (name/datetime) * - Ensures consistent spacing for all messages */ private configureMessages; /** * Handles message slot changes. */ protected handleSlotchange(): void; protected updated(changedProperties: Map): void; protected render(): TemplateResult; } export {};