From ba5307fc1e74dd366601c242b6b9435ece81d147 Mon Sep 17 00:00:00 2001
From: Valentin Silytuin <valentinsilyutin@icloud.com>
Date: Mon, 28 Aug 2023 13:07:44 +0400
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20Swiper=20=D0=B4=D0=BE=2010-=D0=B9=20=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=80=D1=81=D0=B8=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md    |  2 +-
 index.js     | 10 ++++++----
 package.json |  2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 1fdb882..e2df089 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 ## Требования
 
-- [Swiper](https://github.com/nolimits4web/swiper) версии 4.5.x
+- [Swiper](https://github.com/nolimits4web/swiper) версии ^10.2.0
 
 ## Подключение и настройка
 
diff --git a/index.js b/index.js
index f7aafa9..63f1c1a 100644
--- a/index.js
+++ b/index.js
@@ -97,8 +97,10 @@ const show = async (duration = 500, easing = 'linear') => {
 };
 
 const init = async (items = [], options = {}, index = 0) => {
-    const {Swiper, Navigation, Pagination} = await import('swiper');
-    Swiper.use([Navigation, Pagination]);
+    const [{default: Swiper}, {Navigation, Pagination}] = await Promise.all([
+        import('swiper'),
+        import('swiper/modules'),
+    ]);
 
     let isVideoInGallery = false;
     items = items.map((item) => {
@@ -153,7 +155,7 @@ const init = async (items = [], options = {}, index = 0) => {
                 <button class="advdominion-lg__close" type="button">
                     <svg class="advdominion-lg__close-icon"><use href="${options.icons.close}" /></svg>
                 </button>
-                <div class="advdominion-lg__container swiper-container">
+                <div class="advdominion-lg__container swiper">
                     <div class="advdominion-lg__wrapper swiper-wrapper">
                         ${items.join('')}
                     </div>
@@ -170,7 +172,7 @@ const init = async (items = [], options = {}, index = 0) => {
 
     const swiper = new Swiper(
         gallery.querySelector('.advdominion-lg__container'),
-        Object.assign({init: false, initialSlide: index}, options.swiper)
+        Object.assign({modules: [Navigation, Pagination], init: false, initialSlide: index}, options.swiper)
     );
 
     swiper.on('init', function () {
diff --git a/package.json b/package.json
index c3cff73..0928ee5 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,6 @@
         "@advdominion/get-scrollbar-width": "^1.0.0"
     },
     "peerDependencies": {
-        "swiper": "4.5.1"
+        "swiper": "^10.2.0"
     }
 }