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 --virtualizer-height - Height of the virtualization container
 * @cssprop --virtualizer-width - Width of the virtualization container
 * @cssprop --virtualizer-item-height - Default height for virtualized items
 * @cssprop --virtualizer-gap - Spacing between virtualized items
 *
 * @dependency LitVirtualizer - Core virtualization engine from @lit-labs/virtualizer
 *
 * @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;
 *
 * // Grid layout virtualization
 * virtualizer.layout = {
 *   type: 'grid',
 *   itemSize: { width: 200, height: 150 },
 *   gap: 16
 * };
 * ```
 *
 * @example
 * ```html
 * <!-- Virtualized user list -->
 * <mosaik-virtualize id="userList" scroller></mosaik-virtualize>
 *
 * <script>
 *   const userList = document.getElementById('userList');
 *   userList.items = users; // Large array of user objects
 *   userList.renderItem = (user) => html`
 *     <div class="user-card">
 *       <img src="${user.avatar}" alt="${user.name}">
 *       <h3>${user.name}</h3>
 *       <p>${user.email}</p>
 *     </div>
 *   `;
 *   userList.keyFunction = (user) => user.id;
 * </script>
 * ```
 *
 * @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 `{@link is}` property.
     * The `{@link 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