v13.0.6

Changes

• fix: animation failure in prod env

v13.0.5

Changes

• feat: tableMode support

v13.0.4

Changes

• angular 13.x support, usage:

virutal-list.module.ts

...
import { VirtualDndListModule } from 'ngx-virtual-dnd-list';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    VirtualDndListModule
  ],
  providers: []
})
export class VirtualListModule { }

virutal-list.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'virutal-list',
  template: `
    <div #scroller>
      <div
        virtual-dnd-list
        [scroller]="scroller"
        [dataKey]="'id'"
        [(ngModel)]="list"
      >
        <ng-template let-item let-index="index">
          <div class="item">
            <span>{{ index }}</span>
            <p>{{ item.text }}</p>
          </div>
        </ng-template>
      </div>
    </div>
  `,
  styles: [],
})
export class VirtualListComponent {
  public list = [
    { id: 'a', text: 'aaa' },
    { id: 'b', text: 'bbb' },
    { id: 'c', text: 'ccc' },
    ...
  ];
}