import { type CanvasDataURLType } from '@aracna/web';
import { type CSSResultGroup, type PropertyDeclarations } from 'lit';
import type { DirectiveResult } from 'lit/directive.js';
import type { StyleMapDirective } from 'lit/directives/style-map.js';
import { ElementSlug } from '../../definitions/enums.js';
import type { ImageElementEventMap } from '../../definitions/events.js';
import type { QueryDeclarations } from '../../definitions/interfaces.js';
import type { ImageElementCrossOrigin } from '../../definitions/types.js';
import { AracnaBaseElement as BaseElement } from '../core/base-element.js';
declare global {
    interface HTMLElementTagNameMap {
        'aracna-image': ImageElement;
    }
}
declare class ImageElement<E extends ImageElementEventMap = ImageElementEventMap> extends BaseElement<E> {
    /**
     * Properties
     */
    /** */
    alt?: string;
    cache?: boolean;
    cacheQuality?: number;
    cacheType?: CanvasDataURLType;
    crossOrigin?: ImageElementCrossOrigin;
    eager?: boolean;
    lazy?: boolean;
    /**
     * Queries
     */
    /** */
    imgElement: HTMLImageElement;
    /**
     * Internals
     */
    /** */
    protected _placeholder?: string;
    protected _src?: string;
    /**
     * States
     */
    /** */
    imgElementSrc: string;
    connectedCallback(): void;
    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
    load(src: string | undefined): Promise<void>;
    onError(event: ErrorEvent): void;
    onLoad(): void;
    render(): import("lit").TemplateResult<1>;
    get isCacheable(): boolean;
    get imgElementCrossOrigin(): ImageElementCrossOrigin | undefined;
    get imgElementLoading(): 'eager' | 'lazy' | undefined;
    get imgElementStyle(): DirectiveResult<typeof StyleMapDirective>;
    get slug(): ElementSlug;
    get placeholder(): string;
    set placeholder(placeholder: string);
    get src(): string | undefined;
    set src(src: string | undefined);
    static properties: PropertyDeclarations;
    static queries: QueryDeclarations;
    static styles: CSSResultGroup;
}
export { ImageElement as AracnaImageElement };