v1.0.3

.gitignore

@@ -1,16 +1,21 @@
+# Настройки редакторов
+
+.idea
+.vscode
+
 # Node.js
 
 node_modules
 
 # Yarn (https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored)
 
-.pnp.*
+**/.pnp.*
-.yarn/*
+**/.yarn/*
-!.yarn/patches
+!**/.yarn/patches
-!.yarn/plugins
+!**/.yarn/plugins
-!.yarn/releases
+!**/.yarn/releases
-!.yarn/sdks
+!**/.yarn/sdks
-!.yarn/versions
+!**/.yarn/versions
 
 # ESLint
 

.npmignore

@@ -1,6 +1,5 @@
 .yarn
 .editorconfig
-.pnp.cjs
+.nvmrc
-.pnp.loader.mjs
 .prettierrc
 .yarnrc.yml

.yarnrc.yml

@@ -1,5 +1,7 @@
-compressionLevel: mixed
+nodeLinker: node-modules
 
-enableGlobalCache: false
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-4.1.1.cjs
+yarnPath: .yarn/releases/yarn-3.6.0.cjs

README.md

@@ -2,7 +2,7 @@
 
 ## Требования
 
-- [Swiper](https://github.com/nolimits4web/swiper) версии ^10.2.0
+- [Swiper](https://github.com/nolimits4web/swiper) версии 4.5.x
 
 ## Подключение и настройка
 

index.js

@@ -97,10 +97,8 @@ const show = async (duration = 500, easing = 'linear') => {
 };
 
 const init = async (items = [], options = {}, index = 0) => {
-    const [{default: Swiper}, {Navigation, Pagination}] = await Promise.all([
+    const {Swiper, Navigation, Pagination} = await import('swiper');
-        import('swiper'),
+    Swiper.use([Navigation, Pagination]);
-        import('swiper/modules'),
-    ]);
 
     let isVideoInGallery = false;
     items = items.map((item) => {
@@ -133,9 +131,9 @@ const init = async (items = [], options = {}, index = 0) => {
             },
             set init(val) {
                 this.state = val;
-                for (const i of this.callback) {
+                this.callback.forEach((i) => {
                     i(val);
-                }
+                });
             },
             callback: [],
             addListener(callback) {
@@ -155,7 +153,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">
+                <div class="advdominion-lg__container swiper-container">
                     <div class="advdominion-lg__wrapper swiper-wrapper">
                         ${items.join('')}
                     </div>
@@ -176,7 +174,7 @@ const init = async (items = [], options = {}, index = 0) => {
 
     const swiper = new Swiper(
         gallery.querySelector('.advdominion-lg__container'),
-        Object.assign({modules: [Navigation, Pagination], init: false, initialSlide: index}, options.swiper)
+        Object.assign({init: false, initialSlide: index}, options.swiper)
     );
 
     swiper.on('init', function () {

package.json

@@ -1,8 +1,8 @@
 {
     "name": "@advdominion/lightbox-gallery",
-    "version": "2.1.0",
+    "version": "1.0.3",
     "type": "module",
-    "packageManager": "yarn@4.1.1",
+    "packageManager": "yarn@3.6.0",
     "main": "index.js",
     "repository": {
         "type": "git",
@@ -13,6 +13,6 @@
         "@advdominion/get-scrollbar-width": "^1.0.0"
     },
     "peerDependencies": {
-        "swiper": "^11.0.0"
+        "swiper": "4.5.1"
     }
 }

styles.css

@@ -21,20 +21,17 @@
     width: 25px;
 }
 
-.advdominion-lg__container.swiper {
+.advdominion-lg__container {
     height: 100%;
 }
 
-.advdominion-lg__wrapper.swiper-wrapper {
+.advdominion-lg__item {
-}
-
-.advdominion-lg__item.swiper-slide {
     align-items: center;
     display: flex;
     justify-content: center;
 }
 
-.advdominion-lg__item_video.swiper-slide {
+.advdominion-lg__item_video {
 }
 
 .advdominion-lg__image {

yarn.lock

@@ -2,22 +2,22 @@
 # Manual changes might be lost - proceed with caution!
 
 __metadata:
-  version: 8
+  version: 6
-  cacheKey: 10
+  cacheKey: 8
+
+"@advdominion/gallery@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "@advdominion/gallery@workspace:."
+  dependencies:
+    "@advdominion/get-scrollbar-width": ^1.0.0
+  peerDependencies:
+    swiper: 4.5.1
+  languageName: unknown
+  linkType: soft
 
 "@advdominion/get-scrollbar-width@npm:^1.0.0":
   version: 1.0.0
   resolution: "@advdominion/get-scrollbar-width@npm:1.0.0"
-  checksum: 10/8e97af1f7e221e5ceb0676a5bd8fb3654a9bf5b2e514a5ff7ed7793f7f4b0da50e2245363698c1a45af9a5354260e019a74f891acebacfaa3b7babf680a4faa2
+  checksum: 8e97af1f7e221e5ceb0676a5bd8fb3654a9bf5b2e514a5ff7ed7793f7f4b0da50e2245363698c1a45af9a5354260e019a74f891acebacfaa3b7babf680a4faa2
   languageName: node
   linkType: hard
-
-"@advdominion/lightbox-gallery@workspace:.":
-  version: 0.0.0-use.local
-  resolution: "@advdominion/lightbox-gallery@workspace:."
-  dependencies:
-    "@advdominion/get-scrollbar-width": "npm:^1.0.0"
-  peerDependencies:
-    swiper: ^10.2.0
-  languageName: unknown
-  linkType: soft