Разработка нового функционала для проекта на Angular

Нужно разработать компонет-страницу.

На странице должно быть 3 списка.

Первый список - товары заказа: изображение, название, код товара, опции товара (белый/черный, большой/маленький, их нельзя выбирать, это уже выбранные опции но их нужно указать как информация, так как может быть два одинаковых товара, но с разными опциями). А также количество даного товара в заказе.

Второй список - это пакет, коробка, то есть туда мы перемещаем товары из первого списка. Должна быть возможность удаления товара из второго списка (перемещния обратно). Перемещение товаров должно происходить по клику на товар, а также с помощью drag&drop. Если количество товара в заказе больше 1, то должно уменьшаться количество, и когда станет 0, товар удаляется из первого/второго списка.

Третий список - агрегирует в себе пакеты, коробки, то есть содержит в себе второй список. На странице должна быть кнопка, "следующий пакет/коробка" которая перемащает содержимое второго списка в третий список, но уже как единое целое. Элементы в третьем списке должны отличаться визуально от элементов второго и первого списка, так как это коробки с товарами, а не товары. Должна быть возможность вернуть содержимое коробки из третьего списка обратно во второй список перетягиванием и кликом (должно работать только когда второй список пуст, иначе предупреждение).

Вот один из списков который понравился: https://www.primefaces.org/primeng/showcase/#/picklist

Но он не подходит, нужно кастомное решение.