import type { Data, Variables, VariablesOf } from '@apollo-elements/core/types';
import type { ApolloError, DocumentNode } from '@apollo/client/core';
import type { ApolloMutationElement } from './apollo-mutation.js';
export declare type MutationEventType = ('mutation-completed' | 'mutation-error' | 'will-mutate' | 'will-navigate');
export interface MutationEventDetail<D, V = VariablesOf<D>> {
    data?: Data<D> | null;
    error?: Error | ApolloError | null;
    variables?: Variables<D, V> | null;
    element: ApolloMutationElement<D, V>;
    mutation: DocumentNode | null;
}
export declare class MutationEvent<D, V = VariablesOf<D>> extends CustomEvent<MutationEventDetail<D, V>> {
    type: MutationEventType;
    detail: MutationEventDetail<D, V>;
    constructor(type: MutationEventType, init: CustomEventInit);
}
/**
 * Fired when the element is about to mutate.
 * Useful for setting variables or cancelling the mutation by calling `preventDefault`
 * Prevent default to prevent mutation. Detail is `{ element: this }`
 * @typeParam Data Element's Data type
 * @typeParam Variables Element's Variables type
 */
export declare class WillMutateEvent<D = unknown, V = VariablesOf<D>> extends MutationEvent<D, V> {
    static type: "will-mutate";
    type: 'will-mutate';
    constructor(element: ApolloMutationElement<D, V>);
}
/**
 * Fired when a mutation completes.
 * `detail` is the mutation data.
 * @typeParam Data Element's Data type
 * @typeParam Variables Element's Variables type
 */
export declare class MutationCompletedEvent<D = unknown, V = VariablesOf<D>> extends MutationEvent<D, V> {
    static type: "mutation-completed";
    type: 'mutation-completed';
    constructor(element: ApolloMutationElement<D, V>);
}
/**
 * Fired before an <apollo-element> with a link trigger mutates.
 * Cancel the event with `event.preventDefault()` to prevent navigation.
 * @typeParam Data Element's Data type
 * @typeParam Variables Element's Variables type
 */
export declare class WillNavigateEvent<D = unknown, V = VariablesOf<D>> extends MutationEvent<D, V> {
    static type: "will-navigate";
    type: 'will-navigate';
    constructor(element: ApolloMutationElement<D, V>);
}
/**
 * Fired when the mutation rejects.
 * @typeParam Data Element's Data type
 * @typeParam Variables Element's Variables type
 */
export declare class MutationErrorEvent<D = unknown, V = VariablesOf<D>> extends MutationEvent<D, V> {
    static type: "mutation-error";
    type: 'mutation-error';
    constructor(element: ApolloMutationElement<D, V>);
}
declare global {
    interface HTMLElementEventMap {
        'will-mutate': WillMutateEvent;
        'will-navigate': WillNavigateEvent;
        'mutation-completed': MutationCompletedEvent;
        'mutation-error': MutationErrorEvent;
    }
}