import { TemplateResult, CSSResultArray } from 'lit';
import NileElement from '../../internal/nile-element';
import './preview';
/**
 * Raw HTML source editing mode. A split view: the raw HTML on the left, a
 * live rendered preview on the right, with a draggable divider between them
 * and a resizable body. The preview runs the same sanitizer the host applies
 * on the way back, so what you see is what the document becomes. Emits
 * `wysiwyg-source-apply` detail: { html } and `wysiwyg-source-cancel`.
 *
 * The code pane is a lightweight editor: a real `<textarea>` for input, with a
 * highlight.js-coloured layer painted behind it and a synced line-number
 * gutter. No heavyweight code-editor dependency.
 */
export declare class NileWysiwygSourceView extends NileElement {
    value: string;
    private textarea?;
    private highlightEl?;
    private linenosEl?;
    private bodyEl?;
    /** Current source text, drives the live preview, highlight and gutter. */
    private draft;
    /**
     * Fraction of the body width given to the code pane (the rest is preview).
     * Clamped while dragging the divider.
     */
    private splitRatio;
    /** Whether the divider is currently being dragged. */
    private splitDragging;
    static get styles(): CSSResultArray;
    protected willUpdate(changed: Map<string, unknown>): void;
    /** The current (possibly edited) source text — what "Done" would apply. */
    get currentValue(): string;
    focusInput(): void;
    /** highlight.js-coloured HTML for the current draft (falls back to escaped). */
    private get highlighted();
    private get lineCount();
    /** Begins a pointer-driven resize of the split divider. */
    private startSplitDrag;
    /** Resets the divider to a 50/50 layout (double-click affordance). */
    private resetSplit;
    private onInput;
    /** Keeps the highlight layer and line-number gutter aligned with scroll. */
    private onScroll;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'nile-wysiwyg-source-view': NileWysiwygSourceView;
    }
}