import type { LayoutConfigValue } from '@lit-labs/virtualizer/layouts/shared/Layout.js';
import type { KeyFn } from '../../../Directives/Directives';
import { CustomElement } from '../../Abstracts/CustomElement';
import type { IVirtualizeElementProps } from './IVirtualizeElementProps';
import type { RenderItemFunction } from './RenderItemFunction';
declare const VirtualizeElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Virtualize - A performance-optimized list container that renders only visible items for large datasets.
 *
 * Implements virtual scrolling to efficiently handle thousands of items by rendering only what's currently
 * visible in the viewport. Reduces DOM size and improves performance for large lists and grids.
 *
 * @name VirtualizeElement
 * @element mosaik-virtualize
 * @category Layout
 *
 * @csspart virtualizer - The internal lit-virtualizer container element
 *
 * @cssprop {String} --virtualize-font-family - The font family CSS custom property.
 * @cssprop {String} --virtualize-font-letter-spacing - The font letter spacing CSS custom property.
 * @cssprop {String} --virtualize-font-line-height - The font line height CSS custom property.
 * @cssprop {String} --virtualize-font-size - The font size CSS custom property.
 * @cssprop {String} --virtualize-font-text-decoration - The font text decoration CSS custom property.
 * @cssprop {String} --virtualize-font-text-transform - The font text transform CSS custom property.
 * @cssprop {String} --virtualize-font-weight - The font weight CSS custom property.
 * @cssprop {String} --virtualize-gap - The gap CSS custom property.
 * @cssprop {String} --virtualize-padding-bottom - The padding bottom CSS custom property.
 * @cssprop {String} --virtualize-padding-left - The padding left CSS custom property.
 * @cssprop {String} --virtualize-padding-right - The padding right CSS custom property.
 * @cssprop {String} --virtualize-padding-top - The padding top CSS custom property.
 * @cssprop {String} --virtualize-shadow - The shadow CSS custom property.
 * @cssprop {String} --virtualize-shadow-blur - The shadow blur CSS custom property.
 * @cssprop {String} --virtualize-shadow-color - The shadow color CSS custom property.
 * @cssprop {String} --virtualize-shadow-offset-x - The shadow offset x CSS custom property.
 * @cssprop {String} --virtualize-shadow-offset-y - The shadow offset y CSS custom property.
 * @cssprop {String} --virtualize-shadow-spread - The shadow spread CSS custom property.
 * @cssprop {String} --virtualize-transition-duration - The transition duration CSS custom property.
 * @cssprop {String} --virtualize-transition-mode - The transition mode CSS custom property.
 * @cssprop {String} --virtualize-transition-property - The transition property CSS custom property.
 * @cssprop {String} --virtualize-translate - The translate CSS custom property.
 *
 * @example
 * ```typescript
 * // Basic virtualized list
 * const virtualizer = document.createElement('mosaik-virtualize');
 * virtualizer.items = Array.from({length: 10000}, (_, i) => `Item ${i}`);
 * virtualizer.renderItem = (item) => html`<div class="list-item">${item}</div>`;
 * virtualizer.keyFunction = (item, index) => index;
 * ```
 *
 * @example
 * Virtualized list with scroll container:
 * ```html
 * <mosaik-virtualize scroller></mosaik-virtualize>
 * ```
 *
 * @public
 */
export declare class VirtualizeElement<T = unknown> extends VirtualizeElement_base implements IVirtualizeElementProps<T> {
    private _items;
    private _renderItem;
    private _keyFunction;
    private _layout;
    private _scroller;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
        * Gets or sets the `items` property.
        *
        * @public
        */
    get items(): Array<T>;
    set items(value: Array<T>);
    /**
     * Gets or sets the `renderItem` property.
     *
     * @public
     */
    get renderItem(): RenderItemFunction<T>;
    set renderItem(value: RenderItemFunction<T>);
    /**
     * Gets or sets the `keyFunction` property.
     *
     * @public
     */
    get keyFunction(): KeyFn<T>;
    set keyFunction(value: KeyFn<T>);
    /**
     * Gets or sets the `layout` property.
     *
     * @public
     */
    get layout(): LayoutConfigValue;
    set layout(value: LayoutConfigValue);
    /**
     * Gets or sets the `scroller` property.
     *
     * @public
     * @attr
     */
    get scroller(): boolean;
    set scroller(value: boolean);
}
/**
 * @public
 */
export declare namespace VirtualizeElement {
    type Props = IVirtualizeElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-virtualize': VirtualizeElement;
    }
}
export {};
//# sourceMappingURL=VirtualizeElement.d.ts.map