import { TeardownManager, Binding, ObservableArray, type Subscription } from "@akala/core";
import { Control } from "./shared.js";
export type Bound<T> = {
    [key in keyof T]: Binding<T[key]>;
};
export type MaybeBound<T> = {
    [key in keyof T]: Binding<T[key]> | T[key];
};
export declare class Each<T, const TOptionIndex extends PropertyKey = typeof Each.defaultIndexPropertyName, const TOptionItem extends PropertyKey = typeof Each.defaultItemPropertyName, TOption extends {
    [key in TOptionIndex]: number;
} & {
    [key in TOptionItem]: T;
} = {
    [key in TOptionIndex]: number;
} & {
    [key in TOptionItem]: T;
}> extends Control<{
    each: Array<T> | ObservableArray<T>;
    [Each.indexPropertyNameAttribute]: keyof TOption;
    [Each.itemPropertyNameAttribute]: keyof TOption;
}> {
    static readonly itemPropertyNameAttribute = "item-property-name";
    static readonly indexPropertyNameAttribute = "index-property-name";
    static readonly defaultItemPropertyName = "item";
    static readonly defaultIndexPropertyName = "$index";
    each: Binding<Array<T> | ObservableArray<T>>;
    template: Element | DocumentFragment;
    get indexPropertyName(): keyof TOption;
    get itemPropertyName(): keyof TOption;
    private readonly options;
    connectedCallback(): void;
    static applyTemplate<T, TOption extends {
        [key in TOptionIndex]: number;
    } & {
        [key in TOptionItem]: T;
    }, const TOptionIndex extends PropertyKey = typeof Each.defaultIndexPropertyName, const TOptionItem extends PropertyKey = typeof Each.defaultItemPropertyName>(self: {
        root: Element | DocumentFragment;
        indexPropertyName: TOptionIndex;
        options?: ObservableArray<Bound<TOption>>;
        itemPropertyName: TOptionItem;
        optionsExtend?: (option: Bound<TOption>) => void;
        each: Binding<Array<T> | ObservableArray<T>>;
        template: Binding<Element | DocumentFragment> | Element | DocumentFragment | ((option: Bound<TOption>) => Binding<Element | DocumentFragment> | Element | DocumentFragment);
        container: Element;
        teardownManager: TeardownManager;
    }): Subscription;
}