Как мы можем интегрировать cdk Drag and Drop в раскрывающийся список ng-select

Можно ли изменить порядок значений множественного выбора в ng-select с помощью перетаскивания cdk. вы можете проверить Stackblitz. Реализация изменение значений модели, но не отображается в раскрывающемся списке. как пользователь может переставить несколько выбранных значений из раскрывающегося списка с помощью cdk Drap and Drop. HTML для ng-select с помощью cdk Drag drop

<label>Drap and drop</label>
<ng-select cdkDropList (cdkDropListDropped)="drop($event)" [cdkDropListData]="selectedLocations"
  [(ngModel)]="selectedLocations" [items]="Locations" [searchable]="true" bindLabel="name"  [multiple]="true"
  placeholder="Select Locations">
  <ng-template ng-label-tmp let-item="item" let-clear="clear">
    <div cdkDrag>
      <span
        class="ng-value-icon right"
        (click)="clear(item)">×
      </span>
      <span>{{item.name}}</span>
    </div>
  </ng-template>
</ng-select>
<p> {{selectedLocations|json}}</p>

Можно ли использовать эту функцию с ng-select или любыми другими предложениями для достижения того же.