import { IProxyAccessHandler, IDirectiveHandlerParams } from "@benbraide/inlinejs";
import { IControlInitInfo } from "./init";
export declare type ListType<T> = Record<string, T> | Array<T>;
export interface EachDirectiveProxyAccessHandlerOptions {
    proxy: object;
    keyName?: string | null;
    valueName?: string | null;
    parent?: IProxyAccessHandler | null;
}
export interface IEachDirectiveEntryOptions<T extends string | number> {
    componentId: string;
    contextElement: HTMLElement;
    keyInCollection: T;
    collection: ListType<any>;
    initInfo: IControlInitInfo;
    key: any;
    keyName?: string | null;
    valueName?: string | null;
}
export declare class EachDirectiveProxyAccessHandler implements IProxyAccessHandler {
    protected options_: EachDirectiveProxyAccessHandlerOptions;
    constructor(options_: EachDirectiveProxyAccessHandlerOptions);
    Get(key: string | number, target: object): any;
    Set(key: string | number, value: any, target: object): any;
    GetProxy(): object;
}
export declare class InplaceEachDirectiveProxyAccessHandler implements IProxyAccessHandler {
    protected getter_: (key: string | number) => any;
    constructor(getCollection: () => ListType<any>, getKeyInCollection: () => string | number, keyName?: string | null, valueName?: string | null);
    Get(key: string | number): any;
}
export declare function UseProxyAccessHandler(componentId: string, handler: IProxyAccessHandler, callback: () => void): void;
export declare class EachDirectiveEntry<T extends string | number> {
    protected componentId_: string;
    protected contextElement_: HTMLElement | null;
    protected id_: string;
    protected key_: any;
    protected keyInCollection_: T;
    protected getKeyInCollection_: (() => T) | null;
    protected collection_: ListType<any> | null;
    protected getCollection_: (() => ListType<any> | null) | null;
    protected propKeys_: Array<string>;
    protected proxy_: object | null;
    protected proxyAccessHandler_: EachDirectiveProxyAccessHandler | null;
    protected cloneElement_: HTMLElement | null;
    protected cancelTransition_: (() => void) | null;
    constructor({ componentId, contextElement, keyInCollection, collection, initInfo, key, keyName, valueName }: IEachDirectiveEntryOptions<T>);
    /**
     * @description Updates the entry. This method is refactored to handle key changes and to
     * manage DOM position more reliably.
     * @param collection The new collection data.
     * @param keyInCollection The key of the item within the collection.
     * @param initInfo The control initialization info.
     * @param getNewKey A function to re-evaluate the key expression.
     * @param relativeEl The element to insert the clone before for correct DOM positioning.
     */
    Update(collection: ListType<any>, keyInCollection: T, initInfo: IControlInitInfo, getNewKey: () => any): void;
    Destroy(): void;
    GetKey(): any;
    GetCloneElement(): HTMLElement | null;
}
/**
 * @description The main loop directive handler is refactored to use a Map for better key-based lookups
 * and to pass the correct relative element for DOM positioning.
 */
export declare function LoopDirectiveHandler(matchedExpression: string, keyName: string, valueName: string, { componentId, component, contextElement, expression, ...rest }: IDirectiveHandlerParams): void;
export declare const EachDirectiveHandler: import("@benbraide/inlinejs").IDirectiveHandlerCallbackDetails;
export declare const ForDirectiveHandler: import("@benbraide/inlinejs").IDirectiveHandlerCallbackDetails;
export declare function EachDirectiveHandlerCompact(): void;