angular-layout-virtual 0.0.1

package/README.md

@@ -0,0 +1,6 @@
+# angular-layout-virtual
+
+Angular virtual scrolling component for responsive lists and grids with dynamic item sizes.
+
+- Homepage: [https://itihon.github.io/layout-virtual/](https://itihon.github.io/layout-virtual/)
+- GitHub: [https://github.com/itihon/layout-virtual](https://github.com/itihon/layout-virtual)

package/dist/AngularLayoutVirtual.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @fileoverview VirtualizedList Angular component.
+ * @license MIT
+ * @author Alexandr Kalabin
+ */
+import { TemplateRef } from '@angular/core';
+import type { AfterViewInit } from '@angular/core';
+import { type ListItemProps } from './AngularRenderer';
+export type VirtualizedListItemContext<T> = ListItemProps<T> & {
+    $implicit: T;
+};
+export default class VirtualizedListAngular<T> implements AfterViewInit {
+    data: T[];
+    overscanHeight: number;
+    renderItemTemplate: TemplateRef<VirtualizedListItemContext<T>>;
+    private containerRef;
+    private scrollHeightFillerRef;
+    private viewportContainerRef;
+    private scrollCanvasRef;
+    private topSpacerRef;
+    private contentLayerRef;
+    private bottomSpacerRef;
+    private itemRefs;
+    visibleItems: ListItemProps<T>[];
+    private renderer;
+    private readonly changeDetectorRef;
+    ngAfterViewInit(): void;
+    trackByIndex(_position: number, item: ListItemProps<T>): number;
+    getItemContext(item: ListItemProps<T>): VirtualizedListItemContext<T>;
+    private setVisibleItems;
+    private flushVisibleItems;
+    private commit;
+}

package/dist/AngularRenderer.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @fileoverview AngularRenderer.
+ * @license MIT
+ * @author Alexandr Kalabin
+ */
+import { ScrollableContainer } from 'layout-virtual';
+import type { IItem, IItemStore, IRangeRenderer, ScrollDirection, VirtualScrollStructure } from 'layout-virtual/types';
+export interface ListItemProps<T = unknown> {
+    data: T;
+    index: number;
+}
+type AngularRendererOptions<T> = {
+    itemsSetter: (items: ListItemProps<T>[]) => void;
+    itemsFlusher: () => void;
+} & VirtualScrollStructure;
+export type AngularListItem<T = unknown> = {
+    data: T;
+    render?: unknown;
+};
+export default class AngularRenderer<T> implements IRangeRenderer<T> {
+    private _store;
+    private _scrollableContainer;
+    private _renderedIndexRegistry;
+    private _renderedItemsRegistry;
+    private _itemsSetter;
+    private _itemsFlusher;
+    private _listItems;
+    private _getRenderedBoundaryIndex;
+    constructor(opts: AngularRendererOptions<T>);
+    render(startIndex: number, endIndex: number, direction: ScrollDirection): number;
+    renderRange(startIndex: number, endIndex: number, direction: ScrollDirection): void;
+    removeRange(startIndex: number, endIndex: number, direction: ScrollDirection): number;
+    clear(): void;
+    getIndex(item: Element): number | undefined;
+    getItem(index: number): Element | undefined;
+    get scrollableContainer(): ScrollableContainer;
+    attach(store: IItemStore<IItem<T>>): void;
+    flush(): Promise<void>;
+    commit(renderedRefs: Map<number, Element>): void;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @fileoverview Package entry point
+ * @license MIT
+ * @author Alexandr Kalabin
+ */
+export { default } from './AngularLayoutVirtual';