import { TemplateResult } from 'lit';
import { SimpleSelector } from '../model/SimpleSelector';
import StylableElement from '../StylableElement';
import './resize-input';
export default class SimpleSelectorComponent extends StylableElement {
    /**
     * The selector to display
     */
    get value(): SimpleSelector | undefined;
    set value(sel: SimpleSelector | string | undefined);
    private _value;
    /**
     * A list of all the classes, IDs, tags, custom tags, attributes, custom attributes
     * that are available in the document, applicable to the current selection
     */
    suggestions: SimpleSelector[];
    /**
     * Whether the selector is editable
     */
    get editing(): boolean;
    set editing(isEditing: boolean);
    private _editing;
    readonly: boolean;
    private selectorInputRef;
    private attributeOptionsAttrValueRef;
    private mainRef;
    private datalistSelectionInProgress;
    static styles: import("lit").CSSResult;
    focus(): void;
    render(): TemplateResult;
    private edit;
    private select;
    private cancelEdit;
    updated(changedProperties: Map<string | number | symbol, unknown>): void;
    private renderMain;
    private renderLayout;
    private renderSelector;
    private renderSelectorInput;
    private renderSuggestionList;
    /**
     * Option editor to edit the selector options, depending on the type
     * Only the attribute selectors have options: `operator` and `value2`
     */
    private renderOptionsEditor;
}
//# sourceMappingURL=simple-selector.d.ts.map