ng-virtual-list 18.11.2 → 18.12.0

package/lib/ng-virtual-list.component.d.ts

@@ -1,11 +1,12 @@
-import { OnDestroy, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { IRenderVirtualListItem, IVirtualListCollection, IVirtualListItem, IVirtualListItemConfigMap } from './models';
 import { IScrollEvent, IScrollOptions, IAnimationParams, ISize, IScrollingSettings } from './interfaces';
-import { FocusAlignment, Id } from './types';
-import { CollectionMode, Direction, MethodForSelecting, SnappingMethod, TextDirection } from './enums';
+import { Alignment, ArithmeticExpression, FocusAlignment, Id, ItemTransform, SnappingDistance, CollectionMode, Direction, SelectingMode, SnappingMethod, SnapToItemAlign, TextDirection, CollapsingMode, SpreadingMode } from './types';
 import { BaseVirtualListItemComponent } from './components/ng-list-item/base';
 import { Component$1 } from './models/component.model';
 import { IScrollParams } from './interfaces';
+import { DisposableComponent } from './utils/disposable-component';
 import * as i0 from "@angular/core";
 /**
  * Virtual list component.
@@ -15,7 +16,7 @@ import * as i0 from "@angular/core";
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
-export declare class NgVirtualListComponent implements OnDestroy {
+export declare class NgVirtualListComponent extends DisposableComponent implements OnDestroy {
     private static __nextId;
     private _id;
     /**
@@ -27,128 +28,201 @@ export declare class NgVirtualListComponent implements OnDestroy {
     private _listContainerRef;
     private _snapContainerRef;
     private _scrollerComponent;
-    private _scroller;
-    private _list;
+    private _$scroller;
+    protected readonly $scroller: Observable<ElementRef<HTMLDivElement> | undefined>;
+    private _$list;
+    protected readonly $list: Observable<ElementRef<HTMLDivElement> | undefined>;
     /**
      * Fires when the list has been scrolled.
      */
-    onScroll: import("@angular/core").OutputEmitterRef<IScrollEvent>;
+    onScroll: EventEmitter<IScrollEvent>;
     /**
      * Fires when the list has completed scrolling.
      */
-    onScrollEnd: import("@angular/core").OutputEmitterRef<IScrollEvent>;
+    onScrollEnd: EventEmitter<IScrollEvent>;
     /**
      * Fires when the viewport size is changed.
      */
-    onViewportChange: import("@angular/core").OutputEmitterRef<ISize>;
+    onViewportChange: EventEmitter<ISize>;
+    /**
+     * Emit the component ID when an element crosses the alignment line specified by the snapToItemAlign property.
+     */
+    onSnapItem: EventEmitter<Id>;
     /**
      * Fires when an element is clicked.
      */
-    onItemClick: import("@angular/core").OutputEmitterRef<IRenderVirtualListItem<any> | null>;
+    onItemClick: EventEmitter<IRenderVirtualListItem<any> | null>;
     /**
      * Fires when elements are selected.
      */
-    onSelect: import("@angular/core").OutputEmitterRef<Id | Id[] | null>;
+    onSelect: EventEmitter<Id | Id[] | null>;
     /**
      * Fires when elements are collapsed.
      */
-    onCollapse: import("@angular/core").OutputEmitterRef<Id | Id[] | null>;
+    onCollapse: EventEmitter<Id[]>;
     /**
      * Fires when the scroll reaches the start.
      */
-    onScrollReachStart: import("@angular/core").OutputEmitterRef<void>;
+    onScrollReachStart: EventEmitter<void>;
     /**
      * Fires when the scroll reaches the end.
      */
-    onScrollReachEnd: import("@angular/core").OutputEmitterRef<void>;
+    onScrollReachEnd: EventEmitter<void>;
     private _$show;
-    readonly $show: import("rxjs").Observable<boolean>;
-    private _scrollbarThickness;
+    readonly $show: Observable<boolean>;
+    private _$initialized;
+    readonly $initialized: Observable<boolean>;
+    private _$scrollbarThickness;
+    protected readonly $scrollbarThickness: Observable<number>;
+    private _scrollbarThicknessTransform;
     /**
      * Scrollbar thickness.
      */
-    scrollbarThickness: import("@angular/core").InputSignal<number>;
-    private _scrollbarMinSize;
+    set scrollbarThickness(v: number);
+    get scrollbarThickness(): number;
+    private _$scrollbarMinSize;
+    protected readonly $scrollbarMinSize: Observable<number>;
+    private _scrollbarMinSizeTransform;
     /**
      * Minimum scrollbar size.
      */
-    scrollbarMinSize: import("@angular/core").InputSignal<number>;
-    private _scrollbarThumbRenderer;
+    set scrollbarMinSize(v: number);
+    get scrollbarMinSize(): number;
+    private _$scrollbarThumbRenderer;
+    protected readonly $scrollbarThumbRenderer: Observable<TemplateRef<any> | null>;
+    private _scrollbarThumbRendererTransform;
     /**
      * Scrollbar customization template.
      */
-    scrollbarThumbRenderer: import("@angular/core").InputSignal<TemplateRef<any> | null>;
-    private _scrollbarThumbParams;
+    set scrollbarThumbRenderer(v: TemplateRef<any> | null);
+    get scrollbarThumbRenderer(): TemplateRef<any> | null;
+    private _$scrollbarThumbParams;
+    protected readonly $scrollbarThumbParams: Observable<{
+        [propName: string]: any;
+    } | null>;
+    private _scrollbarThumbParamsTransform;
     /**
      * Additional options for the scrollbar.
      */
-    scrollbarThumbParams: import("@angular/core").InputSignal<{
+    set scrollbarThumbParams(v: {
         [propName: string]: any;
-    } | null>;
+    } | null);
+    get scrollbarThumbParams(): {
+        [propName: string]: any;
+    } | null;
     private _loading;
+    private _$loading;
+    protected readonly $loading: Observable<boolean>;
+    private _loadingTransform;
     /**
      * If `true`, the scrollBar goes into loading state. The default value is `false`.
      */
-    loading: import("@angular/core").InputSignal<boolean>;
-    private _waitForPreparation;
+    set loading(v: boolean);
+    get loading(): boolean;
+    private _$waitForPreparation;
+    protected readonly $waitForPreparation: Observable<boolean>;
+    private _waitForPreparationTransform;
     /**
      * If true, it will wait until the list items are fully prepared before displaying them.. The default value is `true`.
      */
-    waitForPreparation: import("@angular/core").InputSignal<boolean>;
-    private _clickDistance;
+    set waitForPreparation(v: boolean);
+    get waitForPreparation(): boolean;
+    private _$clickDistance;
+    protected readonly $clickDistance: Observable<number>;
+    private _clickDistanceTransform;
     /**
      * The maximum scroll distance at which a click event is triggered.
      */
-    clickDistance: import("@angular/core").InputSignal<number>;
-    private _itemsOptions;
+    set clickDistance(v: number);
+    get clickDistance(): number;
+    private _$items;
+    protected readonly $items: Observable<IVirtualListCollection<Object>>;
+    private _itemsTransform;
     /**
      * Collection of list items.
      */
-    items: import("@angular/core").InputSignal<IVirtualListCollection<Object>>;
-    private _selectedIdsOptions;
-    defaultItemValue: import("@angular/core").InputSignal<IVirtualListItem | null>;
+    set items(v: IVirtualListCollection);
+    get items(): IVirtualListCollection;
+    private _$selectedIds;
+    protected readonly $selectedIds: Observable<Id | Id[] | null>;
+    private _selectedIdsTransform;
     /**
      * Sets the selected items.
      */
-    selectedIds: import("@angular/core").InputSignal<Id | Id[] | null>;
-    private _collapsedIdsOptions;
+    set selectedIds(v: Array<Id> | Id | null);
+    get selectedIds(): Array<Id> | Id | null;
+    private _$defaultItemValue;
+    protected readonly $defaultItemValue: Observable<IVirtualListItem | null>;
+    set defaultItemValue(v: IVirtualListItem | null);
+    get defaultItemValue(): IVirtualListItem | null;
+    private _$collapsedIds;
+    protected readonly $collapsedIds: Observable<Id[]>;
+    private _collapsedIdsTransform;
     /**
      * Sets the collapsed items.
      */
-    collapsedIds: import("@angular/core").InputSignal<Id[]>;
-    private _selectByClickOptions;
+    set collapsedIds(v: Array<Id>);
+    get collapsedIds(): Array<Id>;
+    private _$selectByClick;
+    protected readonly $selectByClick: Observable<boolean>;
+    private _selectByClickTransform;
     /**
-     * If `false`, the element is selected using the config.select method passed to the template;
+     * If `false`, the element is selected using the config.api method passed to the template;
      * if `true`, the element is selected by clicking on it. The default value is `true`.
      */
-    selectByClick: import("@angular/core").InputSignal<boolean>;
-    private _collapseByClickOptions;
+    set selectByClick(v: boolean);
+    get selectByClick(): boolean;
+    private _$collapseByClick;
+    protected readonly $collapseByClick: Observable<boolean>;
+    private _collapseByClickTransform;
     /**
      * If `false`, the element is collapsed using the config.collapse method passed to the template;
      * if `true`, the element is collapsed by clicking on it. The default value is `true`.
      */
-    collapseByClick: import("@angular/core").InputSignal<boolean>;
-    private _snapOptions;
+    set collapseByClick(v: boolean);
+    get collapseByClick(): boolean;
     /**
-     * Determines whether elements will snap. Default value is "true".
+     * @deprecated
+     * Use the `stickyEnabled` property instead.
+     */
+    set snap(v: boolean);
+    private _$stickyEnabled;
+    protected readonly $stickyEnabled: Observable<boolean>;
+    private _stickyEnabledTransform;
+    /**
+     * Determines whether items with the given `sticky` in `itemConfigMap` will stick to the edges. Default value is "true".
      */
-    snap: import("@angular/core").InputSignal<boolean>;
-    private _snapToEndTransitionInstantOffsetOptions;
+    set stickyEnabled(v: boolean);
+    get stickyEnabled(): boolean;
+    private _$snapToEndTransitionInstantOffset;
+    protected readonly $snapToEndTransitionInstantOffset: Observable<number>;
+    private _snapToEndTransitionInstantOffsetTransform;
     /**
      * Sets the offset value; if the scroll area value is exceeded, the scroll animation will be disabled. Default value is "0".
      */
-    snapToEndTransitionInstantOffset: import("@angular/core").InputSignal<number>;
-    private _scrollStartOffsetOptions;
+    set snapToEndTransitionInstantOffset(v: number);
+    get snapToEndTransitionInstantOffset(): number;
+    private _$scrollStartOffset;
+    protected readonly $scrollStartOffset: Observable<ArithmeticExpression>;
+    private _scrollStartOffsetTransform;
     /**
-     * Sets the scroll start offset value; Default value is "0".
+     * Sets the scroll start offset value. Can be specified in absolute or percentage values.
+     * Supports arithmetic expressions of addition `50% + 25` or subtraction `50% - 25`. Default value is "0".
      */
-    scrollStartOffset: import("@angular/core").InputSignal<number>;
-    private _scrollEndOffsetOptions;
+    set scrollStartOffset(v: ArithmeticExpression);
+    get scrollStartOffset(): ArithmeticExpression;
+    private _$scrollEndOffset;
+    protected readonly $scrollEndOffset: Observable<ArithmeticExpression>;
+    private _scrollEndOffsetTransform;
     /**
-     * Sets the scroll end offset value; Default value is "0".
+     * Sets the scroll end offset value. Can be specified in absolute or percentage values.
+     * Supports arithmetic expressions of addition `50% + 25` or subtraction `50% - 25`. Default value is "0".
      */
-    scrollEndOffset: import("@angular/core").InputSignal<number>;
-    private _snapScrollToStartOptions;
+    set scrollEndOffset(v: ArithmeticExpression);
+    get scrollEndOffset(): ArithmeticExpression;
+    private _$snapScrollToStart;
+    protected readonly $snapScrollToStart: Observable<boolean>;
+    private _snapScrollToStartTransform;
     /**
      * Determines whether the scroll will be anchored to the start of the list. Default value is "true".
      * This property takes precedence over the snapScrollToEnd property.
@@ -157,9 +231,13 @@ export declare class NgVirtualListComponent implements OnDestroy {
      * If snapScrollToStart is disabled and snapScrollToEnd is enabled, the list will snap to the end;
      * if you move the scroll bar to the beginning, the list will snap to the beginning.
      * If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
+     * In the `spreadingMode=SpreadingModes.INFINITY` mode, the `snapScrollToStart` property is automatically disabled, since the list has no beginning or end.
      */
-    snapScrollToStart: import("@angular/core").InputSignal<boolean>;
-    private _snapScrollToEndOptions;
+    set snapScrollToStart(v: boolean);
+    get snapScrollToStart(): boolean;
+    private _$snapScrollToEnd;
+    protected readonly $snapScrollToEnd: Observable<boolean>;
+    private _snapScrollToEndTransform;
     /**
      * Determines whether the scroll will be anchored to the утв of the list. Default value is "true".
      * That is, if snapScrollToStart and snapScrollToEnd are enabled, the list will initially snap
@@ -167,169 +245,418 @@ export declare class NgVirtualListComponent implements OnDestroy {
      * If snapScrollToStart is disabled and snapScrollToEnd is enabled, the list will snap to the end;
      * if you move the scroll bar to the beginning, the list will snap to the beginning.
      * If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
+     * In the `spreadingMode=SpreadingModes.INFINITY` mode, the `snapScrollToEnd` property is automatically disabled, since the list has no beginning or end.
      */
-    snapScrollToEnd: import("@angular/core").InputSignal<boolean>;
-    private _snapScrollToBottomOptions;
+    set snapScrollToEnd(v: boolean);
+    get snapScrollToEnd(): boolean;
     /**
      * @deprecated
      * The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.
      */
-    snapScrollToBottom: import("@angular/core").InputSignal<boolean>;
-    private _scrollbarEnabledOptions;
+    set snapScrollToBottom(v: boolean);
+    private _$scrollbarEnabled;
+    protected readonly $scrollbarEnabled: Observable<boolean>;
+    private _scrollbarEnabledTransform;
     /**
      * Determines whether the scrollbar is shown or not. The default value is "true".
      */
-    scrollbarEnabled: import("@angular/core").InputSignal<boolean>;
-    private _scrollbarInteractiveOptions;
+    set scrollbarEnabled(v: boolean);
+    get scrollbarEnabled(): boolean;
+    private _$scrollbarInteractive;
+    protected readonly $scrollbarInteractive: Observable<boolean>;
+    private _scrollbarInteractiveTransform;
     /**
      * Determines whether scrolling using the scrollbar will be possible. The default value is "true".
      */
-    scrollbarInteractive: import("@angular/core").InputSignal<boolean>;
-    private _scrollBehaviorOptions;
+    set scrollbarInteractive(v: boolean);
+    get scrollbarInteractive(): boolean;
+    private _$overlappingScrollbar;
+    protected readonly $overlappingScrollbar: Observable<boolean>;
+    private _overlappingScrollbarTransform;
+    /**
+     * Determines whether the scroll bar will overlap the list. The default value is "false".
+     */
+    set overlappingScrollbar(v: boolean);
+    get overlappingScrollbar(): boolean;
+    private _$scrollBehavior;
+    protected readonly $scrollBehavior: Observable<ScrollBehavior>;
+    private _scrollBehaviorTransform;
     /**
      * Defines the scrolling behavior for any element on the page. The default value is "smooth".
      */
-    scrollBehavior: import("@angular/core").InputSignal<ScrollBehavior>;
-    private _scrollingSettingsOptions;
+    set scrollBehavior(v: ScrollBehavior);
+    get scrollBehavior(): ScrollBehavior;
+    private _$scrollingSettings;
+    protected readonly $scrollingSettings: Observable<IScrollingSettings>;
+    private _scrollingSettingsTransform;
     /**
      * Scrolling settings.
      * - frictionalForce - Frictional force. Default value is 0.035.
      * - mass - Mass. Default value is 0.005.
-     * - maxDistance - Maximum scrolling distance. Default value is 12500.
+     * - maxDistance - Maximum scrolling distance. Default value is 100000.
      * - maxDuration - Maximum animation duration. Default value is 4000.
-     * - speedScale - Speed scale. Default value is 15.
+     * - speedScale - Speed scale. Default value is 10.
      * - optimization - Enables scrolling performance optimization. Default value is `true`.
      */
-    scrollingSettings: import("@angular/core").InputSignal<IScrollingSettings>;
-    private _animationParamsOptions;
-    /**
-     * Animation parameters. The default value is "{ scrollToItem: 50, navigateToItem: 150 }".
-     */
-    animationParams: import("@angular/core").InputSignal<IAnimationParams>;
-    private _overscrollEnabledOptions;
+    set scrollingSettings(v: IScrollingSettings);
+    get scrollingSettings(): IScrollingSettings;
+    private _$itemTransform;
+    protected readonly $itemTransform: Observable<ItemTransform | null>;
+    private _itemTransformTransform;
+    /**
+     * Custom transformation of element's position, rotation, scale, opacity and zIndex. The default value is `null`.
+     */
+    set itemTransform(v: ItemTransform | null);
+    get itemTransform(): ItemTransform | null;
+    private _$snapToItem;
+    protected readonly $snapToItem: Observable<boolean>;
+    private _snapToItemTransform;
+    /**
+     * Snap to an item. The default value is `false`.
+     */
+    set snapToItem(v: boolean);
+    get snapToItem(): boolean;
+    private _$snapToItemAlign;
+    protected readonly $snapToItemAlign: Observable<SnapToItemAlign>;
+    private _snapToItemAlignTransform;
+    /**
+     * Alignment for snapToItem. Available values ​​are `start`, `center`, and `end`. The default value is `center`.
+     */
+    set snapToItemAlign(v: SnapToItemAlign);
+    get snapToItemAlign(): SnapToItemAlign;
+    private _$snappingDistance;
+    protected readonly $snappingDistance: Observable<SnappingDistance>;
+    private _snappingDistanceTransform;
+    /**
+     * Snapping activation distance. Can be specified as a percentage of the element size or in absolute values.
+     * The default value is `25%`.
+     */
+    set snappingDistance(v: SnappingDistance);
+    get snappingDistance(): SnappingDistance;
+    private _$scrollingOneByOne;
+    protected readonly $scrollingOneByOne: Observable<boolean>;
+    private _scrollingOneByOneTransform;
+    /**
+     * Specifies whether to scroll one item at a time if true and the scrollToItem property is set. The default value is `false`.
+     */
+    set scrollingOneByOne(v: boolean);
+    get scrollingOneByOne(): boolean;
+    private _$alignment;
+    protected readonly $alignment: Observable<Alignment>;
+    private _alignmentTransform;
+    /**
+     * Determines the alignment of the list. Two modes are available: `none` and `center`. The `center` mode aligns the list items to the center of the viewport, ideal for use with the `itemTransform` property.
+     * The `none` mode means no alignment. The default value is `none`.
+     */
+    set alignment(v: Alignment);
+    get alignment(): Alignment;
+    private _$zIndexWhenSelecting;
+    protected readonly $zIndexWhenSelecting: Observable<string | null>;
+    private _zIndexWhenSelectingTransform;
+    /**
+     * Defines the zIndex when a list item is selected. The default value is `null`.
+     */
+    set zIndexWhenSelecting(v: string | null);
+    get zIndexWhenSelecting(): string | null;
+    private _$spreadingMode;
+    protected readonly $spreadingMode: Observable<SpreadingMode>;
+    private _spreadingModeTransform;
+    /**
+     * The order of list elements. Available values ​​are `standard` and `infinity`.
+     * `normal` — list elements are ordered according to the collection sequence.
+     * `infinity` — list elements are ordered cyclically, forming an infinite list.
+     * When set to `infinity`, the `alignment` property is forced to the value `Alignments.CENTER`, the `scrollbarEnabled` property is forced to the `false`
+     * The default value is `standard`.
+     */
+    set spreadingMode(v: SpreadingMode);
+    get spreadingMode(): SpreadingMode;
+    private _$divides;
+    protected readonly $divides: Observable<number>;
+    private _dividesTransform;
+    /**
+     * Column or row numbers. The default value is `1`.
+     */
+    set divides(v: number);
+    get divides(): number;
+    private _$motionBlur;
+    protected readonly $motionBlur: Observable<number>;
+    private _motionBlurTransform;
+    /**
+     * Motion blur effect. The default value is `0.15`.
+     */
+    set motionBlur(v: number);
+    get motionBlur(): number;
+    private _$maxMotionBlur;
+    protected readonly $maxMotionBlur: Observable<number>;
+    private _maxMotionBlurTransform;
+    /**
+     * Maximum motion blur effect. The default value is `0.5`.
+     */
+    set maxMotionBlur(v: number);
+    get maxMotionBlur(): number;
+    private _$motionBlurEnabled;
+    protected readonly $motionBlurEnabled: Observable<boolean>;
+    private _motionBlurEnabledTransform;
+    /**
+     * Determines whether to apply motion blur or not. The default value is `false`.
+     */
+    set motionBlurEnabled(v: boolean);
+    get motionBlurEnabled(): boolean;
+    private _$animationParams;
+    protected readonly $animationParams: Observable<IAnimationParams>;
+    private _animationParamsTransform;
+    /**
+     * Animation parameters. The default value is "{ scrollToItem: 50, snapToItem: 150, navigateToItem: 150, navigateByKeyboard: 50 }".
+     */
+    set animationParams(v: IAnimationParams);
+    get animationParams(): IAnimationParams;
+    private _$overscrollEnabled;
+    protected readonly $overscrollEnabled: Observable<boolean>;
+    private _overscrollEnabledTransform;
     /**
      * Determines whether the overscroll (re-scroll) feature will work. The default value is "true".
      */
-    overscrollEnabled: import("@angular/core").InputSignal<boolean>;
-    private _enabledBufferOptimizationOptions;
+    set overscrollEnabled(v: boolean);
+    get overscrollEnabled(): boolean;
+    private _$enabledBufferOptimization;
+    protected readonly $enabledBufferOptimization: Observable<boolean>;
+    private _enabledBufferOptimizationTransform;
     /**
      * Experimental!
      * Enables buffer optimization.
      * Can only be used if items in the collection are not added or updated. Otherwise, artifacts in the form of twitching of the scroll area are possible.
      * Works only if the property dynamic = true
      */
-    enabledBufferOptimization: import("@angular/core").InputSignal<boolean>;
-    private _itemRendererOptions;
+    set enabledBufferOptimization(v: boolean);
+    get enabledBufferOptimization(): boolean;
+    private _$itemRenderer;
+    protected readonly $itemRenderer: Observable<TemplateRef<any> | undefined>;
+    private _itemRendererTransform;
     /**
      * Rendering element template.
      */
-    itemRenderer: import("@angular/core").InputSignal<TemplateRef<any>>;
-    private _itemRenderer;
-    private _itemConfigMapOptions;
+    set itemRenderer(v: TemplateRef<any>);
+    get itemRenderer(): TemplateRef<any>;
+    private _$itemConfigMap;
+    protected readonly $itemConfigMap: Observable<IVirtualListItemConfigMap>;
+    private _itemConfigMapTransform;
     /**
-     * Sets `sticky` position, `collapsable` and `selectable` for the list item element. If `sticky` position is greater than `0`, then `sticky` position is applied.
+     * Sets `sticky` position, `fullSize`, `collapsable` and `selectable` for the list item element. If `sticky` position is greater than `0`, then `sticky` position is applied.
      * If the `sticky` value is greater than `0`, then the `sticky` position mode is enabled for the element. `1` - position start, `2` - position end.
      *  Default value is `0`.
      * `selectable` determines whether an element can be selected or not. Default value is `true`.
      * `collapsable` determines whether an element with a `sticky` property greater than zero can collapse and
      *  collapse elements in front that do not have a `sticky` property.
+     * `fullSize` determines the size of an element when rendering lists with cell divisions. If sticky is 1 or 2, fullSize automatically becomes true. The default value is false.
      * @link https://github.com/DjonnyX/ng-virtual-list/blob/18.x/projects/ng-virtual-list/src/lib/models/item-config-map.model.ts
      * @author Evgenii Alexandrovich Grebennikov
      * @email djonnyx@gmail.com
      */
-    itemConfigMap: import("@angular/core").InputSignal<IVirtualListItemConfigMap>;
-    private _itemSizeOptions;
+    set itemConfigMap(v: IVirtualListItemConfigMap);
+    get itemConfigMap(): IVirtualListItemConfigMap;
+    private _$itemSize;
+    protected readonly $itemSize: Observable<number>;
+    private _itemSizeTransform;
     /**
      * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
-     * If the dynamicSize property is true, the items in the list can have different sizes, and you must specify the itemSize property
+     * If the `dynamicSize` property is true, the items in the list can have different sizes, and you must specify the `itemSize` property
      * to adjust the sizes of the items in the unallocated area.
+     * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
+     */
+    set itemSize(v: number | 'viewport');
+    get itemSize(): number | 'viewport';
+    private _$minItemSize;
+    protected readonly $minItemSize: Observable<number>;
+    private _minItemSizeTransform;
+    /**
+     * If the `dynamicSize` property is enabled, the minimum size of the element is set.
+     * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
+     */
+    set minItemSize(v: number | 'viewport');
+    get minItemSize(): number | 'viewport';
+    private _$maxItemSize;
+    protected readonly $maxItemSize: Observable<number>;
+    private _maxItemSizeTransform;
+    /**
+     * If the `dynamicSize` property is enabled, the maximum size of the element is set.
+     * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
      */
-    itemSize: import("@angular/core").InputSignal<number>;
-    private _dynamicSizeOptions;
+    set maxItemSize(v: number | 'viewport');
+    get maxItemSize(): number | 'viewport';
+    private _$dynamicSize;
+    protected readonly $dynamicSize: Observable<boolean>;
+    private _dynamicSizeTransform;
     /**
      * If true, items in the list may have different sizes, and the itemSize property must be specified to adjust
      * the sizes of items in the unallocated area.
      * If false then the items in the list have a fixed size specified by the itemSize property. The default value is true.
      */
-    dynamicSize: import("@angular/core").InputSignal<boolean>;
-    private _directionOptions;
+    set dynamicSize(v: boolean);
+    get dynamicSize(): boolean;
+    private _$direction;
+    protected readonly $direction: Observable<Direction>;
+    private _directionTransform;
     /**
      * Determines the direction in which elements are placed. Default value is "vertical".
      */
-    direction: import("@angular/core").InputSignal<Direction>;
-    private _collectionModeOptions;
+    set direction(v: Direction);
+    get direction(): Direction;
+    private _$collectionMode;
+    protected readonly $collectionMode: Observable<CollectionMode>;
+    private _collectionModeTransform;
     /**
      * Determines the action modes for collection elements. Default value is "normal".
      */
-    collectionMode: import("@angular/core").InputSignal<CollectionMode>;
-    private _bufferSizeOptions;
+    set collectionMode(v: CollectionMode);
+    get collectionMode(): CollectionMode;
+    private _$bufferSize;
+    protected readonly $bufferSize: Observable<number>;
+    private _bufferSizeTransform;
     /**
      * Number of elements outside the scope of visibility. Default value is 2.
      */
-    bufferSize: import("@angular/core").InputSignal<number>;
+    set bufferSize(v: number);
+    get bufferSize(): number;
+    private _$maxBufferSize;
+    protected readonly $maxBufferSize: Observable<number>;
     private _maxBufferSizeTransform;
     /**
      * Maximum number of elements outside the scope of visibility. Default value is 100.
      * If maxBufferSize is set to be greater than bufferSize, then adaptive buffer mode is enabled.
      * The greater the scroll size, the more elements are allocated for rendering.
      */
-    maxBufferSize: import("@angular/core").InputSignal<number>;
-    private _snappingMethodOptions;
+    set maxBufferSize(v: number);
+    get maxBufferSize(): number;
+    private _$snappingMethod;
+    protected readonly $snappingMethod: Observable<SnappingMethod>;
+    private _snappingMethodTransform;
     /**
      * Snapping method. Default value is 'standart'.
      * 'standart' - Classic group visualization.
      * 'advanced' - A mask is applied to the viewport area so that the background is displayed underneath the attached group.
      */
-    snappingMethod: import("@angular/core").InputSignal<SnappingMethod>;
-    private _methodForSelectingOptions;
+    set snappingMethod(v: SnappingMethod);
+    get snappingMethod(): SnappingMethod;
+    private _$collapsingMode;
+    protected readonly $collapsingMode: Observable<CollapsingMode>;
+    private _collapsingModeTransform;
+    /**
+     * Mode for collapsing list items.
+     * `none` - List items are not selectable.
+     * `multi-collapse` - List items are collapsed one by one.
+     * 'accordion' - Accordion collapsible list items.
+     * Default value is `multi-collapse
+     */
+    set collapsingMode(v: CollapsingMode);
+    get collapsingMode(): CollapsingMode;
+    /**
+     * @deprecated
+     * The "methodForSelecting" property is deprecated. Use the "selectMode" property.
+     */
+    set methodForSelecting(v: any);
+    private _$selectingMode;
+    protected readonly $selectingMode: Observable<SelectingMode>;
+    private _selectingModeTransform;
     /**
      *  Method for selecting list items. Default value is 'none'.
      * 'select' - List items are selected one by one.
      * 'multi-select' - Multiple selection of list items.
      * 'none' - List items are not selectable.
      */
-    methodForSelecting: import("@angular/core").InputSignal<MethodForSelecting>;
-    private _trackByOptions;
+    set selectingMode(v: SelectingMode);
+    get selectingMode(): SelectingMode;
+    private _$trackBy;
+    protected readonly $trackBy: Observable<string>;
+    private _trackByTransform;
     /**
      * The name of the property by which tracking is performed
      */
-    trackBy: import("@angular/core").InputSignal<string>;
-    private _screenReaderMessageOptions;
+    set trackBy(v: string);
+    get trackBy(): string;
+    private _$screenReaderMessage;
+    protected readonly $screenReaderMessage: Observable<string>;
+    private _screenReaderMessageTransform;
     /**
      * Message for screen reader.
      * The message format is: "some text $1 some text $2",
      * where $1 is the number of the first element of the screen collection,
      * $2 is the number of the last element of the screen collection.
      */
-    screenReaderMessage: import("@angular/core").InputSignal<string>;
-    protected readonly screenReaderFormattedMessage: import("@angular/core").WritableSignal<string>;
-    private _langTextDir;
+    protected set screenReaderMessage(v: string);
+    protected get screenReaderMessage(): string;
+    private _$screenReaderFormattedMessage;
+    protected $screenReaderFormattedMessage: Observable<string>;
+    private _$langTextDir;
+    protected readonly $langTextDir: Observable<TextDirection>;
+    private _langTextDirTransform;
     /**
      * A string indicating the direction of text for the locale.
      * Can be either "ltr" (left-to-right) or "rtl" (right-to-left).
      */
-    langTextDir: import("@angular/core").InputSignal<TextDirection>;
-    private _isNotSelecting;
-    private _isSingleSelecting;
-    private _isMultiSelecting;
+    set langTextDir(v: TextDirection);
+    get langTextDir(): TextDirection;
+    private _isSingleSelection;
+    private _isMultiSelection;
+    private _isMultipleCollapse;
+    private _isAccordionCollapse;
     private _isSnappingMethodAdvanced;
+    protected _$isInfinity: BehaviorSubject<boolean>;
+    protected $isInfinity: Observable<boolean>;
+    protected get isInfinity(): boolean;
     private _isVertical;
     protected get isVertical(): boolean;
-    protected readonly focusedElement: import("@angular/core").WritableSignal<Id | null>;
-    protected readonly classes: import("@angular/core").WritableSignal<{
+    private _$isVertical;
+    protected $isVertical: Observable<boolean>;
+    private _$focusedElement;
+    protected $focusedElement: Observable<Id | null>;
+    private _$classes;
+    protected $classes: Observable<{
         [cName: string]: boolean;
     }>;
-    private _actualItems;
-    private _collapsedItemIds;
+    private _$prerenderEnabled;
+    protected $prerenderEnabled: Observable<boolean>;
+    private _$actualItems;
+    private _$collapsedItemIds;
     private _displayComponents;
     private _snappedDisplayComponents;
-    private _bounds;
-    protected get bounds(): import("@angular/core").WritableSignal<ISize | null>;
-    private _totalSize;
-    private _listBounds;
-    private _scrollSize;
-    private _isScrollStart;
-    private _isScrollEnd;
+    private _$bounds;
+    protected $bounds: Observable<ISize | null>;
+    private _$actualScrollbarEnabled;
+    protected $actualScrollbarEnabled: Observable<boolean>;
+    private _$actualAlignment;
+    protected $actualAlignment: Observable<Alignment>;
+    protected get actualAlignment(): Alignment;
+    private _$actualItemSize;
+    protected $actualItemSize: Observable<number>;
+    protected get actualItemSize(): number;
+    private _$actualMinItemSize;
+    protected $actualMinItemSize: Observable<number>;
+    protected get actualMinItemSize(): number;
+    private _$actualMaxItemSize;
+    protected $actualMaxItemSize: Observable<number>;
+    protected get actualMaxItemSize(): number;
+    private _$totalSize;
+    private _$listBounds;
+    private _$scrollSize;
+    protected readonly $scrollSize: Observable<number>;
+    private _$isScrollStart;
+    private _$isScrollEnd;
+    private _$precalculatedScrollStartOffset;
+    private _$precalculatedScrollEndOffset;
+    private _$actualScrollStartOffset;
+    protected $actualScrollStartOffset: Observable<number>;
+    private _$actualScrollEndOffset;
+    protected $actualScrollEndOffset: Observable<number>;
+    private _$startOffset;
+    protected $startOffset: Observable<number>;
+    private _$endOffset;
+    protected $endOffset: Observable<number>;
+    private _$actualSnapScrollToStart;
+    private _$actualSnapScrollToEnd;
+    private _$alignmentScrollStartOffset;
+    protected $alignmentScrollStartOffset: Observable<number>;
+    private _$alignmentScrollEndOffset;
+    protected $alignmentScrollEndOffset: Observable<number>;
     private _resizeSnappedComponentHandler;
     private _resizeSnappedObserver;
     private focusItem;
@@ -348,25 +675,23 @@ export declare class NgVirtualListComponent implements OnDestroy {
      */
     private _trackBox;
     private _$update;
-    protected readonly $update: import("rxjs").Observable<string>;
+    protected readonly $update: Observable<string>;
     private _$scrollTo;
-    protected $scrollTo: import("rxjs").Observable<IScrollParams>;
+    protected $scrollTo: Observable<IScrollParams>;
     private _$scrollToExecutor;
-    protected readonly $scrollToExecutor: import("rxjs").Observable<IScrollParams>;
+    protected readonly $scrollToExecutor: Observable<IScrollParams>;
     private _$scrollingTo;
     private _$scroll;
-    readonly $scroll: import("rxjs").Observable<IScrollEvent>;
+    readonly $scroll: Observable<IScrollEvent>;
     private _$tick;
-    readonly $tick: import("rxjs").Observable<void>;
+    readonly $tick: Observable<void>;
     private _$fireUpdate;
-    protected readonly $fireUpdate: import("rxjs").Observable<boolean>;
+    protected readonly $fireUpdate: Observable<boolean>;
     private _$fireUpdateNextFrame;
-    protected readonly $fireUpdateNextFrame: import("rxjs").Observable<boolean>;
+    protected readonly $fireUpdateNextFrame: Observable<boolean>;
     private _$preventScrollSnapping;
-    protected readonly $preventScrollSnapping: import("rxjs").Observable<boolean>;
-    private _destroyRef;
+    protected readonly $preventScrollSnapping: Observable<boolean>;
     private _updateId;
-    private _scrollStateUpdateIndex;
     private _readyForShow;
     private _cached;
     private _isLoading;
@@ -376,7 +701,6 @@ export declare class NgVirtualListComponent implements OnDestroy {
     private readonly $viewInit;
     private _$destroy;
     private readonly $destroy;
-    protected getScrollStateVersion(totalSize: number, scrollSize: number, cacheVersion: number): string;
     constructor();
     ngAfterViewInit(): void;
     private onAfterResize;
@@ -384,9 +708,12 @@ export declare class NgVirtualListComponent implements OnDestroy {
     private snappingHandler;
     private emitScrollEvent;
     private getIsSnappingMethodAdvanced;
-    private getIsNotSelecting;
-    private getIsSingleSelecting;
-    private getIsMultiSelecting;
+    private getIsNoneSelection;
+    private getIsSingleSelection;
+    private getIsMultiSelection;
+    private getIsNoneCollapse;
+    private getIsMultipleCollapse;
+    private getIsAccordionCollapse;
     private getIsVertical;
     private getIsLazy;
     private createDisplayComponentsIfNeed;
@@ -439,5 +766,5 @@ export declare class NgVirtualListComponent implements OnDestroy {
     ngOnDestroy(): void;
     private dispose;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "scrollbarThickness": { "alias": "scrollbarThickness"; "required": false; "isSignal": true; }; "scrollbarMinSize": { "alias": "scrollbarMinSize"; "required": false; "isSignal": true; }; "scrollbarThumbRenderer": { "alias": "scrollbarThumbRenderer"; "required": false; "isSignal": true; }; "scrollbarThumbParams": { "alias": "scrollbarThumbParams"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "waitForPreparation": { "alias": "waitForPreparation"; "required": false; "isSignal": true; }; "clickDistance": { "alias": "clickDistance"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "defaultItemValue": { "alias": "defaultItemValue"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "collapsedIds": { "alias": "collapsedIds"; "required": false; "isSignal": true; }; "selectByClick": { "alias": "selectByClick"; "required": false; "isSignal": true; }; "collapseByClick": { "alias": "collapseByClick"; "required": false; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "snapToEndTransitionInstantOffset": { "alias": "snapToEndTransitionInstantOffset"; "required": false; "isSignal": true; }; "scrollStartOffset": { "alias": "scrollStartOffset"; "required": false; "isSignal": true; }; "scrollEndOffset": { "alias": "scrollEndOffset"; "required": false; "isSignal": true; }; "snapScrollToStart": { "alias": "snapScrollToStart"; "required": false; "isSignal": true; }; "snapScrollToEnd": { "alias": "snapScrollToEnd"; "required": false; "isSignal": true; }; "snapScrollToBottom": { "alias": "snapScrollToBottom"; "required": false; "isSignal": true; }; "scrollbarEnabled": { "alias": "scrollbarEnabled"; "required": false; "isSignal": true; }; "scrollbarInteractive": { "alias": "scrollbarInteractive"; "required": false; "isSignal": true; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; "isSignal": true; }; "scrollingSettings": { "alias": "scrollingSettings"; "required": false; "isSignal": true; }; "animationParams": { "alias": "animationParams"; "required": false; "isSignal": true; }; "overscrollEnabled": { "alias": "overscrollEnabled"; "required": false; "isSignal": true; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "collectionMode": { "alias": "collectionMode"; "required": false; "isSignal": true; }; "bufferSize": { "alias": "bufferSize"; "required": false; "isSignal": true; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; "isSignal": true; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; "isSignal": true; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "screenReaderMessage": { "alias": "screenReaderMessage"; "required": false; "isSignal": true; }; "langTextDir": { "alias": "langTextDir"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; "onCollapse": "onCollapse"; "onScrollReachStart": "onScrollReachStart"; "onScrollReachEnd": "onScrollReachEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "scrollbarThickness": { "alias": "scrollbarThickness"; "required": false; }; "scrollbarMinSize": { "alias": "scrollbarMinSize"; "required": false; }; "scrollbarThumbRenderer": { "alias": "scrollbarThumbRenderer"; "required": false; }; "scrollbarThumbParams": { "alias": "scrollbarThumbParams"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "waitForPreparation": { "alias": "waitForPreparation"; "required": false; }; "clickDistance": { "alias": "clickDistance"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectedIds": { "alias": "selectedIds"; "required": false; }; "defaultItemValue": { "alias": "defaultItemValue"; "required": false; }; "collapsedIds": { "alias": "collapsedIds"; "required": false; }; "selectByClick": { "alias": "selectByClick"; "required": false; }; "collapseByClick": { "alias": "collapseByClick"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; "stickyEnabled": { "alias": "stickyEnabled"; "required": false; }; "snapToEndTransitionInstantOffset": { "alias": "snapToEndTransitionInstantOffset"; "required": false; }; "scrollStartOffset": { "alias": "scrollStartOffset"; "required": false; }; "scrollEndOffset": { "alias": "scrollEndOffset"; "required": false; }; "snapScrollToStart": { "alias": "snapScrollToStart"; "required": false; }; "snapScrollToEnd": { "alias": "snapScrollToEnd"; "required": false; }; "snapScrollToBottom": { "alias": "snapScrollToBottom"; "required": false; }; "scrollbarEnabled": { "alias": "scrollbarEnabled"; "required": false; }; "scrollbarInteractive": { "alias": "scrollbarInteractive"; "required": false; }; "overlappingScrollbar": { "alias": "overlappingScrollbar"; "required": false; }; "scrollBehavior": { "alias": "scrollBehavior"; "required": false; }; "scrollingSettings": { "alias": "scrollingSettings"; "required": false; }; "itemTransform": { "alias": "itemTransform"; "required": false; }; "snapToItem": { "alias": "snapToItem"; "required": false; }; "snapToItemAlign": { "alias": "snapToItemAlign"; "required": false; }; "snappingDistance": { "alias": "snappingDistance"; "required": false; }; "scrollingOneByOne": { "alias": "scrollingOneByOne"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "zIndexWhenSelecting": { "alias": "zIndexWhenSelecting"; "required": false; }; "spreadingMode": { "alias": "spreadingMode"; "required": false; }; "divides": { "alias": "divides"; "required": false; }; "motionBlur": { "alias": "motionBlur"; "required": false; }; "maxMotionBlur": { "alias": "maxMotionBlur"; "required": false; }; "motionBlurEnabled": { "alias": "motionBlurEnabled"; "required": false; }; "animationParams": { "alias": "animationParams"; "required": false; }; "overscrollEnabled": { "alias": "overscrollEnabled"; "required": false; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "minItemSize": { "alias": "minItemSize"; "required": false; }; "maxItemSize": { "alias": "maxItemSize"; "required": false; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "collectionMode": { "alias": "collectionMode"; "required": false; }; "bufferSize": { "alias": "bufferSize"; "required": false; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; }; "collapsingMode": { "alias": "collapsingMode"; "required": false; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; }; "selectingMode": { "alias": "selectingMode"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "screenReaderMessage": { "alias": "screenReaderMessage"; "required": false; }; "langTextDir": { "alias": "langTextDir"; "required": false; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onSnapItem": "onSnapItem"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; "onCollapse": "onCollapse"; "onScrollReachStart": "onScrollReachStart"; "onScrollReachEnd": "onScrollReachEnd"; }, never, never, false, never>;
 }