Angular Virtual Scroll with dynamic variable height/width?

I'm looking for an angular virtual scroll package with following functionality: 1) Horizontal virtual scroll 2) Container width and height are fluid. 3) Items width set in percentage of the container width. 4) Items can be minimized during render.

Angular cdk currently works with fixed itemSize for height and width.... here is an example of how it should be rendered:


.parent {
width: 100%;
height: 100%;
display: flex;
padding: 10px;
}
.child {
width: 33.333%;
height: 100%;
}
.child.mini {
width: 40px;
}

<div class="parent">
<div class="child" *ngFor="let item of items" [class.mini]="item.isMini">
<button (click)="item.isMini = !item.isMini">Minimize Me!</button>
{{item.name}}
</div>
</div>

Any recommendation?

Continue reading...