import { PropertyValues } from "lit";
import { SubjectWrapper } from "../../models/subject";
import { Decision } from "../../models/decisions/decision";
import { SubjectChange } from "../verification-grid/verification-grid";
import { Tag } from "../../models/tag";
export declare const requiredVerificationPlaceholder: unique symbol;
export declare const requiredNewTagPlaceholder: unique symbol;
export type RequiredVerification = typeof requiredVerificationPlaceholder;
export type RequiredNewTag = typeof requiredNewTagPlaceholder;
export type RequiredClassification = Tag;
export type RequiredDecision = RequiredVerification | RequiredClassification | RequiredNewTag;
export type OverflowEvent = CustomEvent<OverflowEventDetail>;
export type LoadedEvent = CustomEvent<void>;
export interface VerificationGridTileContext {
    model: SubjectWrapper;
    requiredDecisions: RequiredDecision[];
}
interface OverflowEventDetail {
    isOverlapping: boolean;
}
declare const VerificationGridTileComponent_base: import("../../helpers/types/mixins").Component & {
    tagName: string;
};
/**
 * @description
 * A component to scope ids to a template inside a shadow DOM
 * This component will be used by the verification-grid component but will
 * probably not be used by users
 * It can also manage the selection state
 *
 * @event oe-selected
 * @event oe-tile-loading
 * @event oe-tile-loaded
 */
export declare class VerificationGridTileComponent extends VerificationGridTileComponent_base {
    static styles: import("lit").CSSResult[];
    static readonly selectedEventName = "oe-selected";
    static readonly loadingEventName = "oe-tile-loading";
    static readonly loadedEventName = "oe-tile-loaded";
    static readonly overlapEventName = "overlap";
    tile: VerificationGridTileContext;
    showKeyboardShortcuts: boolean;
    selected: boolean;
    /**
     * The index position of the tile within a verification grid that is used
     * to determine the selection keyboard shortcut associated with the grid tile
     */
    index: number;
    /**
     * A property that can be set if the grid tile is the only tile in the
     * verification grid.
     * This is useful for disabling selection events and styling.
     */
    singleTileViewMode: boolean;
    requiredDecisions: RequiredDecision[];
    model: SubjectWrapper;
    isOverlapping: boolean;
    tileTemplate: HTMLTemplateElement;
    private spectrogram?;
    private templateContent;
    private contentsWrapper;
    private readonly keyDownHandler;
    private readonly loadedHandler;
    loaded: boolean;
    private shortcuts;
    private intersectionObserver;
    get taskCompleted(): boolean;
    /**
     * An override of the default HTMLElement focus() method so that
     * tab index's and location is consistent.
     */
    focus(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    firstUpdated(): void;
    willUpdate(change: PropertyValues<this>): void;
    updated(change: PropertyValues<this>): void;
    updateSubject(subject: SubjectWrapper): void;
    resetSettings(): void;
    addDecision(decision: Decision): SubjectChange;
    removeDecision(decision: Decision): SubjectChange;
    skipUndecided(hasVerificationTask: boolean, hasNewTagTask: boolean, requiredClassificationTags: Tag[]): SubjectChange;
    private hasAlternativeShortcut;
    private handleIntersection;
    private handleLoading;
    private handleLoaded;
    private handleFocusedKeyDown;
    private handleKeyDown;
    private dispatchSelectedEvent;
    private keyboardShortcutTemplate;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "oe-verification-grid-tile": VerificationGridTileComponent;
    }
}
export {};