import { LitElement } from 'lit';
/**
 * @tag loquix-action-edit
 * @summary Action button for editing user messages. Supports inline and composer modes.
 *
 * In **inline** mode, clicking the trigger replaces the message content with an
 * editable textarea plus Save & Cancel buttons.
 *
 * In **composer** mode, clicking the trigger dispatches `loquix-edit-start` so the
 * host application (or `<loquix-chat-container>`) can transfer the text to the main
 * composer input. The component shows an "Editing…" badge until editing completes.
 *
 * @csspart trigger - The pencil-icon trigger button.
 * @csspart textarea - The `<textarea>` in inline mode.
 * @csspart actions - Container for Submit / Cancel buttons.
 * @csspart submit-button - The "Save & Submit" button.
 * @csspart cancel-button - The "Cancel" button.
 * @csspart editing-badge - The "Editing…" badge in composer mode.
 *
 * @slot icon - Custom trigger icon (replaces default pencil).
 * @slot editor-footer - Content between textarea and buttons (e.g. warning text, branch info).
 * @slot editing-indicator - Custom editing indicator (replaces default badge in composer mode).
 *
 * @fires loquix-edit-start  - When editing begins. Detail: `{ messageId, content }`.
 * @fires loquix-edit-submit - When the user confirms the edit. Detail: `{ messageId, oldContent, newContent }`.
 * @fires loquix-edit-cancel - When the user cancels the edit. Detail: `{ messageId }`.
 *
 * @cssprop [--loquix-edit-icon-size]            - Trigger icon size.
 * @cssprop [--loquix-edit-icon-color]           - Trigger icon colour.
 * @cssprop [--loquix-edit-icon-color-hover]     - Trigger icon hover colour.
 * @cssprop [--loquix-edit-highlight-color]      - Badge / bubble highlight colour.
 * @cssprop [--loquix-edit-border-color]         - Textarea border colour.
 * @cssprop [--loquix-edit-textarea-bg]          - Textarea background.
 * @cssprop [--loquix-edit-textarea-min-height]  - Textarea minimum height.
 * @cssprop [--loquix-edit-textarea-max-height]  - Textarea maximum height.
 * @cssprop [--loquix-edit-button-gap]           - Gap between Submit/Cancel.
 */
export declare class LoquixActionEdit extends LitElement {
    static styles: import("lit").CSSResult[];
    private _localize;
    /** Editing mode: `inline` (textarea in bubble) or `composer` (text to main input). */
    mode: 'inline' | 'composer';
    /** Message identifier. */
    messageId: string;
    /** Current message text. Passed as a JS property (not attribute). */
    content: string;
    /** Whether the component is currently in editing state. */
    editing: boolean;
    /** Disables the trigger button. */
    disabled: boolean;
    /** Label for the submit button (inline mode). */
    submitLabel?: string;
    /** Label for the cancel button. */
    cancelLabel?: string;
    /** Placeholder text for the textarea. */
    placeholder: string;
    private _editText;
    private _originalContent;
    private _textareaEl;
    /** Programmatically enter editing mode. */
    startEditing(): void;
    /** Programmatically cancel editing. */
    cancelEditing(): void;
    /** Programmatically complete editing with new content (used by composer mode). */
    completeEdit(newContent: string): void;
    private _handleTriggerClick;
    private _handleSubmit;
    private _handleCancel;
    private _handleInput;
    private _handleKeydown;
    private _autoResize;
    private _focusTextarea;
    private get _canSubmit();
    updated(changed: Map<string, unknown>): void;
    private _renderTrigger;
    private _renderInlineEditor;
    private _renderComposerBadge;
    protected render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=loquix-action-edit.d.ts.map