Разработка слайдера

Нужно сделать слайдер-карусель по типу слайдера на главной странице fiverr.com

Функциональные требования.

Предполагается, что контентом слайдера являются набор DIV элементов с графическим содержимым. Задача слайдера - корректно отображать DIV элементы внутри карусели.

1. Элементы выстроены в один ряд.
2. Слайдер занимает 100% ширины родительского элемента.
3. Слайдер должен уметь отображать от 1 до n элементов, остальные элементы скрыты.
4. Элементы должны отображаться только полностью, недопускается частичное отображение элементов.
5. Все элементы должны иметь одинаковые высоту и ширину
6. Слайдер должен адаптироваться к измению ширины, а именно ширина подчиненных элементов должна подстраиваться следуя пунктам 4 и 5.
7. При инициализации должна быть возможность задать границы при которых количество отображаемых элементов меняется.

8. По краям слева и справа должны присутствовать кнопки-стрелки вперед-назад. При нажати на них должна происходить ротация карусели: h - Элемент скрыт v - Элемент виден \ - Граница видимости

   до нажатия: h1 h2 h3 \ v4 v5 v6 \ h7 h8 h9

   вправо: h1 h2 h3 h4 h5 h6 \ v7 v8 v9 \

   вправо: \ v1 v2 v3 \ h4 h5 h6 h7 h8 h9

9. При инициализации должна быть возможность задать режим ротации карусели либо по одному элементу, либо по странице.
10. Ротация карусели должна быть анимированна.
11. После инициализации карусели должна быть возможность менять параметры режима прокрутки постранично либо по одному элементу, а так же задавать новые правила отображения количества элементов в зависимости от ширины. При этом, элемент должен подстраиваться.

Слайдер должен быть написан на JS без зависимостей. Конечный вариант должен представлять собой 2 файла js и css|sass|scss на выбор, но лучше sass.

js фалйл должен быть модулем и экспортировать слайдер, чтобы его можно было импортировать из другого модуля.