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) => 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} --virtualizer-height - Height of the virtualization container * @cssprop {String} --virtualizer-width - Width of the virtualization container * @cssprop {String} --virtualizer-item-height - Default height for virtualized items * @cssprop {String} --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`
${item}
`; * virtualizer.keyFunction = (item, index) => index; * ``` * * @example * Virtualized list with scroll container: * ```html * * ``` * * @public */ export declare class VirtualizeElement extends VirtualizeElement_base implements IVirtualizeElementProps { 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; set items(value: Array); /** * Gets or sets the `renderItem` property. * * @public */ get renderItem(): RenderItemFunction; set renderItem(value: RenderItemFunction); /** * Gets or sets the `keyFunction` property. * * @public */ get keyFunction(): KeyFn; set keyFunction(value: KeyFn); /** * 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