изменение размера mat-grid-tile с помощью перетаскивания мышью

Question

У меня есть такой базовый HTML, который создает макет для приложения

<div>
<mat-grid-list cols="12" rowHeight="100px">
    <mat-grid-tile colspan="3" rowspan="9">
        <left-nav></left-nav>
    </mat-grid-tile>
    <mat-grid-tile colspan="9" rowspan="4">
        <right-top-nav></right-top-nav>
    </mat-grid-tile>
    <mat-grid-tile colspan="9" rowspan="5">
        <right-bottom-nav></right-bottom-nav>
    </mat-grid-tile>
</mat-grid-list>

Теперь мне нужна возможность изменения размера правой нижней навигационной плитки при перетаскивании мышью с максимальной и минимальной высотой.

Есть ли способ поддержать это с помощью Mat-Grid?