IdsVirtualScroll: Generic Virtual Scroll to Support any type of element

[ShwetaKhera]

Is your feature request related to a problem or use case? Please describe. Current IDS virtual scroll has limitations like it only supports list view and data grid. Even for those two, in angular, templates only work for static view and not dynamic components

Describe the solution you'd like IDS Scroll View to accept a template with a dynamic component for a list-view as well as layout-grid. Example:

LAYOUT GRID:

<ids-layout-grid id="responsive-grid" cols="12" virtual-scroll="true">
       <ids-layout-grid-cell
           *ngFor="let d of data"
           col-span="12"
           col-span-sm="6"
           col-span-md="4"
           col-span-lg="3"
           fill
       >
          <item [d]="d"></item>
       </ids-layout-grid-cell>
</ids-layout-grid>

LIST VIEW
<ids-list-view id="responsive-grid" cols="12" virtual-scroll="true">
       <ids-list-view-item  *ngFor="let d of data">
          <list-item [d]="d"></list-item>
       </ids-list-view-item>
</ids-list-view>

Describe alternatives you've considered

1. List View with virtual scroll (Does not allow dynamic data in sub component)
2. Virtual Scroll with card and list view (Does not allow dynamic data in sub component)
3. Block Grid (Can not change UI elements)

Additional context Add any other context or screenshots about the feature request here. And what application do you work on? Infor Birst - DTE

[tmcconechy]

@ShwetaKhera We can look into this but it may be pretty difficult to add