import StylableElement from '../StylableElement';
import { CompoundSelector } from '../model/CompoundSelector';
import { SimpleSelector } from '../model/SimpleSelector';
import { TemplateResult } from 'lit';
import './inline-select';
import './simple-selector';
/**
 * A component to display and edit a compound selector
 * A compound selector is a list of simple selectors and a pseudo class
 * @emits change
 * @emits rename (when a simple selector in the selector is renamed)
 * @emits delete
 * @emits add
 */
export default class CompoundSelectorComponent extends StylableElement {
    /**
     * The selector to display
     */
    get value(): CompoundSelector | undefined;
    set value(value: CompoundSelector | 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[];
    disablePseudoClass: boolean;
    static styles: import("lit").CSSResult;
    toString(): string;
    render(): TemplateResult;
    private changeSelector;
    private addSelector;
    private focusLastSelector;
    private deleteSelector;
    private addPseudoClass;
    private changePseudoClass;
}
//# sourceMappingURL=compound-selector.d.ts.map