import type { BaseVisualizerOptions, IVisualContainer, IVisualizer } from 'interfaces/verification-system-interfaces.js';
import type { VerifierStateContainerForPublicDataBase } from "../../core/generated/zenid-types.generated.js";
export declare class EmptyVisualizerImplementation implements IVisualizer {
    init(): Promise<void>;
    drawOverlay(state: VerifierStateContainerForPublicDataBase | null, commands: string): void;
    renderText(isOn: boolean): void;
    cleanup(): void;
    getWidth(): number;
    getHeight(): number;
}
/**
 * Implementation of visualizer using HTML Canvas
 */
export declare class VisualizerImplementation implements IVisualizer {
    private static readonly successState;
    private static readonly failedState;
    private static readonly giveMeState;
    options: BaseVisualizerOptions;
    private canvas;
    private ctx;
    private readonly container;
    private showOutlineStartDate;
    private styleObj;
    private images;
    private isInitialized;
    private resizeObserver;
    private announcer;
    /**
     * Create a new visualizer implementation
     */
    constructor(container: IVisualContainer, options?: BaseVisualizerOptions);
    /**
     * Initialize the visualizer with a container
     */
    init(): Promise<void>;
    /** Shows or hides the instruction text drawn over the camera view. The screen-reader channel
     *  keeps working either way - it is the only guidance a blind user gets. */
    renderText(isOn: boolean): void;
    getWidth(): number;
    getHeight(): number;
    /**
     * Draw overlay based on render commands
     */
    drawOverlay(state: VerifierStateContainerForPublicDataBase | null, commands: string): void;
    /**
     * Clean up visualizer resources
     */
    cleanup(): void;
    /**
     * Clear the canvas
     */
    private clearCanvas;
    /**
     * Get container element from IVisualContainer
     */
    private getContainerElement;
    /**
     * Resize canvas to match container size
     */
    private resizeCanvas;
    /**
     * Set up resize observer
     */
    private setupResizeObserver;
    private updateLiveRegion;
    /**
     * Load CSS variables from document root
     */
    private loadCssVariables;
    /**
     * Load status images for checkboxes
     */
    private loadStatusImages;
    private loadImage;
    private createStatusImage;
    /**
     * Get CSS property value with fallback
     */
    private getCssProperty;
    /**
     * Draw overlay using legacy command format
     */
    private drawOverlayLegacy;
    /**
     * Draw overlay using declarative JSON format
     */
    private drawOverlayDeclarative;
    /**
     * Parse color from tokens
     */
    private parseColor;
    /**
     * Parse position from tokens
     */
    private parsePosition;
    /**
     * Parse CSS color
     */
    private parseCssColor;
    /**
     * Parse age alpha for fading effects (disabled - always returns full opacity)
     */
    private parseAgeAlpha;
    /**
     * Draw a rounded corner path
     */
    private roundedCornerPath;
    private round;
    private clamp01;
    private easeOutExpo;
    private ageAlpha;
    private readonly widgets;
    private readonly commands;
}
//# sourceMappingURL=web-visualizer.d.ts.map