framework7 8.0.0-beta.1 → 8.0.0-beta.3

package/framework7-bundle.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 8.0.0-beta.1
+ * Framework7 8.0.0-beta.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
- * Copyright 2014-2022 Vladimir Kharlampidi
+ * Copyright 2014-2023 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: December 16, 2022
+ * Released on: March 9, 2023
  */
 
 (function (global, factory) {
@@ -161,15 +161,15 @@
     }
 
     /**
-     * Dom7 4.0.4
+     * Dom7 4.0.6
      * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
      * https://framework7.io/docs/dom7.html
      *
-     * Copyright 2022, Vladimir Kharlampidi
+     * Copyright 2023, Vladimir Kharlampidi
      *
      * Licensed under MIT
      *
-     * Released on: January 11, 2022
+     * Released on: February 2, 2023
      */
 
     /* eslint-disable no-proto */
@@ -610,6 +610,18 @@
       }
       return this;
     }
+    function transitionStart$1(callback) {
+      const dom = this;
+      function fireCallBack(e) {
+        if (e.target !== this) return;
+        callback.call(this, e);
+        dom.off('transitionstart', fireCallBack);
+      }
+      if (callback) {
+        dom.on('transitionstart', fireCallBack);
+      }
+      return this;
+    }
     function transitionEnd$1(callback) {
       const dom = this;
       function fireCallBack(e) {
@@ -1494,6 +1506,7 @@
         transform: transform,
         transition: transition$1,
         transitionEnd: transitionEnd$1,
+        transitionStart: transitionStart$1,
         trigger: trigger,
         val: val,
         value: value,
@@ -3590,7 +3603,7 @@
           lazyModulesPath: null,
           initOnDeviceReady: true,
           init: true,
-          darkMode: false,
+          darkMode: undefined,
           iosTranslucentBars: true,
           iosTranslucentModals: true,
           component: undefined,
@@ -3802,7 +3815,11 @@
           }
 
           // Auto Dark Mode
-          app.setDarkMode(app.params.darkMode);
+          if (typeof app.params.darkMode === 'undefined') {
+            app.darkMode = $('html').hasClass('dark');
+          } else {
+            app.setDarkMode(app.params.darkMode);
+          }
 
           // Watch for online/offline state
           const window = getWindow();
@@ -5821,12 +5838,16 @@
       }
     }
 
-    function refreshPage() {
+    function refreshPage(props) {
+      if (props === void 0) {
+        props = {};
+      }
       const router = this;
       appRouterCheck(router, 'refreshPage');
       return router.navigate(router.currentRoute.url, {
         ignoreCache: true,
-        reloadCurrent: true
+        reloadCurrent: true,
+        props
       });
     }
     function forward(router, el, forwardOptions) {
@@ -6100,14 +6121,19 @@
         if (((options.reloadCurrent || reloadDetail && otherDetailPageEl) && router.history.length) > 0 || options.replaceState) {
           if (reloadDetail && detailsInBetweenRemoved > 0) {
             router.history = router.history.slice(0, router.history.length - detailsInBetweenRemoved);
+            router.propsHistory = router.propsHistory.slice(0, router.propsHistory.length - detailsInBetweenRemoved);
           }
           router.history[router.history.length - (options.reloadPrevious ? 2 : 1)] = url;
+          router.propsHistory[router.propsHistory.length - (options.reloadPrevious ? 2 : 1)] = options.props || {};
         } else if (options.reloadPrevious) {
           router.history[router.history.length - 2] = url;
+          router.propsHistory[router.propsHistory.length - 2] = options.props || {};
         } else if (options.reloadAll) {
           router.history = [url];
+          router.propsHistory = [options.props || {}];
         } else {
           router.history.push(url);
+          router.propsHistory.push(options.props || {});
         }
       }
       router.saveHistory();
@@ -7176,11 +7202,13 @@
           if (router.history.indexOf(options.route.url) >= 0) {
             backIndex = router.history.length - router.history.indexOf(options.route.url) - 1;
             router.history = router.history.slice(0, router.history.indexOf(options.route.url) + 2);
+            router.propsHistory = router.propsHistory.slice(0, router.history.indexOf(options.route.url) + 2);
             view.history = router.history;
           } else if (router.history[[router.history.length - 2]]) {
-            router.history[router.history.length - 2] = options.route.url;
+            router.propsHistory[router.propsHistory.length - 2] = options.props || {};
           } else {
             router.history.unshift(router.url);
+            router.propsHistory.unshift(options.props || {});
           }
           const $pageToRemove = $oldPage.prev('.page-previous');
           let $navbarToRemove;
@@ -7306,11 +7334,14 @@
       // Update History
       if (options.replaceState) {
         router.history[router.history.length - 1] = options.route.url;
+        router.propsHistory[router.propsHistory.length - 1] = options.props || {};
       } else {
         if (router.history.length === 1) {
           router.history.unshift(router.url);
+          router.propsHistory.unshift(options.props || {});
         }
         router.history.pop();
+        router.propsHistory.pop();
       }
       router.saveHistory();
 
@@ -7393,7 +7424,8 @@
         const preloadPreviousPage = router.params.preloadPreviousPage || router.params[`${app.theme}SwipeBack`];
         if (preloadPreviousPage && router.history[router.history.length - 2] && !isMaster) {
           router.back(router.history[router.history.length - 2], {
-            preload: true
+            preload: true,
+            props: router.propsHistory[router.propsHistory.length - 2] || {}
           });
         }
         if (router.params.browserHistory) {
@@ -7443,6 +7475,7 @@
         componentUrl
       } = params;
       if (options.route.url && router.url === options.route.url && !(options.reloadCurrent || options.reloadPrevious) && !router.params.allowDuplicateUrls) {
+        router.allowPageChange = true;
         return false;
       }
       if (!options.route && url) {
@@ -7505,6 +7538,7 @@
       if (router.swipeBackActive) return router;
       let navigateUrl;
       let navigateOptions;
+      let navigateProps;
       let route;
       if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
         navigateOptions = (arguments.length <= 0 ? undefined : arguments[0]) || {};
@@ -7588,6 +7622,7 @@
           }
           router.currentRoute = previousRoute;
           router.history.pop();
+          router.propsHistory.pop();
           router.saveHistory();
           if (needHistoryBack && isBrokenBrowserHistory && !currentRouteWithoutBrowserHistory) {
             History$1.back();
@@ -7630,7 +7665,8 @@
       if (!navigateOptions.force && $previousPage.length && !skipMaster) {
         if (router.params.browserHistory && $previousPage[0].f7Page && router.history[router.history.length - 2] !== $previousPage[0].f7Page.route.url) {
           router.back(router.history[router.history.length - 2], extend$2(navigateOptions, {
-            force: true
+            force: true,
+            props: router.propsHistory[router.propsHistory.length - 2] || {}
           }));
           return router;
         }
@@ -7654,11 +7690,13 @@
       }
       if (!navigateUrl && router.history.length > 1) {
         navigateUrl = router.history[router.history.length - 2];
+        navigateProps = router.propsHistory[router.propsHistory.length - 2] || {};
       }
       if (skipMaster && !navigateOptions.force && router.history[router.history.length - 3]) {
         return router.back(router.history[router.history.length - 3], extend$2({}, navigateOptions || {}, {
           force: true,
-          animate: false
+          animate: false,
+          props: router.propsHistory[router.propsHistory.length - 3] || {}
         }));
       }
       if (skipMaster && !navigateOptions.force) {
@@ -7688,9 +7726,13 @@
       }
       const options = {};
       if (route.route.options) {
-        extend$2(options, route.route.options, navigateOptions);
+        extend$2(options, route.route.options, navigateOptions, {
+          props: navigateProps || {}
+        });
       } else {
-        extend$2(options, navigateOptions);
+        extend$2(options, navigateOptions, {
+          props: navigateProps || {}
+        });
       }
       options.route = route;
       function resolve() {
@@ -7814,6 +7856,7 @@
             params: view.params,
             routes: view.routes,
             history: view.history,
+            propsHistory: [],
             scrollHistory: view.scrollHistory,
             cache: app.cache,
             dynamicNavbar: app.theme === 'ios' && view.params.iosDynamicNavbar,
@@ -8807,11 +8850,11 @@
           }
         } else {
           if (browserHistoryRoot && documentUrl.indexOf(browserHistoryRoot) >= 0) {
-            documentUrl = documentUrl.split(browserHistoryRoot)[1];
+            documentUrl = documentUrl.substring(documentUrl.indexOf(browserHistoryRoot) + browserHistoryRoot.length);
             if (documentUrl === '') documentUrl = '/';
           }
           if (browserHistorySeparator.length > 0 && documentUrl.indexOf(browserHistorySeparator) >= 0) {
-            initialUrl = documentUrl.split(browserHistorySeparator)[1];
+            initialUrl = documentUrl.substring(documentUrl.indexOf(browserHistorySeparator) + browserHistorySeparator.length);
           } else {
             initialUrl = documentUrl;
           }
@@ -18498,6 +18541,8 @@
           modifyHtmlClasses = true;
         }
         const panel = this;
+        // eslint-disable-next-line
+        panel._openTransitionStarted = false;
         const app = panel.app;
         panel.opened = true;
         app.panel.allowOpen = false;
@@ -18632,6 +18677,12 @@
           $viewEl.add($containerEl.children('.page-content, .tabs'));
         }
         const transitionEndTarget = effect === 'reveal' ? $viewEl : $el;
+        function panelTransitionStart() {
+          transitionEndTarget.transitionStart(() => {
+            // eslint-disable-next-line
+            panel._openTransitionStarted = true;
+          });
+        }
         function panelTransitionEnd() {
           transitionEndTarget.transitionEnd(e => {
             if ($(e.target).is(transitionEndTarget)) {
@@ -18647,6 +18698,7 @@
           if ($backdropEl) {
             $backdropEl.removeClass('not-animated');
           }
+          panelTransitionStart();
           panelTransitionEnd();
           $el.removeClass('panel-out not-animated').addClass('panel-in');
           panel.onOpen();
@@ -18682,6 +18734,11 @@
           $viewEl.add($containerEl.children('.page-content, .tabs'));
         }
         const transitionEndTarget = effect === 'reveal' ? $viewEl : $el;
+        // eslint-disable-next-line
+        if (!panel._openTransitionStarted) {
+          // eslint-disable-next-line
+          animate = false;
+        }
         function transitionEnd() {
           if ($el.hasClass('panel-out')) {
             panel.onClosed();
@@ -21829,7 +21886,7 @@
           }
           ss.$selectEl.trigger('change');
           if (ss.params.setValueText) {
-            ss.$valueEl.text(ss.formatValueText(optionText));
+            ss.formatValueTextContent(optionText);
           }
           if (ss.params.closeOnSelect && ss.inputType === 'radio') {
             ss.close();
@@ -21881,7 +21938,7 @@
           ss.selectEl.value = newValue;
         }
         if (ss.params.setValueText) {
-          ss.$valueEl.text(ss.formatValueText(optionText));
+          ss.formatValueTextContent(optionText);
         }
         ss.$selectEl.trigger('change');
         return ss;
@@ -21889,7 +21946,7 @@
       unsetValue() {
         const ss = this;
         if (ss.params.setValueText) {
-          ss.$valueEl.text(ss.formatValueText([]));
+          ss.formatValueTextContent([]);
         }
         ss.$selectEl.find('option').each(optionEl => {
           optionEl.selected = false;
@@ -21937,6 +21994,15 @@
           $containerEl.find('.disabled').removeClass('disabled');
         }
       }
+      formatValueTextContent(values) {
+        const ss = this;
+        const valueFormatted = ss.formatValueText(values);
+        if (valueFormatted.includes('<') && valueFormatted.includes('>')) {
+          ss.$valueEl.html(valueFormatted);
+        } else {
+          ss.$valueEl.text(valueFormatted);
+        }
+      }
       formatValueText(values) {
         const ss = this;
         let textValue;
@@ -21970,7 +22036,7 @@
           });
         }
         if (ss.params.setValueText) {
-          ss.$valueEl.text(ss.formatValueText(valueArray));
+          ss.formatValueTextContent(valueArray);
         }
       }
       getItemsData() {
@@ -21985,6 +22051,7 @@
           const optionIcon = optionData.optionIcon || ss.params.optionIcon;
           const optionIconIos = theme === 'ios' && (optionData.optionIconIos || ss.params.optionIconIos);
           const optionIconMd = theme === 'md' && (optionData.optionIconMd || ss.params.optionIconMd);
+          const optionInputIconPosition = optionData.inputIconPosition || ss.params.inputIconPosition || '';
           const optionHasMedia = optionImage || optionIcon || optionIconIos || optionIconMd;
           const optionColor = optionData.optionColor;
           let optionClassName = optionData.optionClass || '';
@@ -22010,6 +22077,7 @@
             icon: optionIcon,
             iconIos: optionIconIos,
             iconMd: optionIconMd,
+            inputIconPosition: optionInputIconPosition,
             color: optionColor,
             className: optionClassName,
             disabled: $optionEl[0].disabled,
@@ -22093,7 +22161,7 @@
           itemHtml = $jsx$1("li", {
             class: `${item.className || ''}${disabled ? ' disabled' : ''}`
           }, $jsx$1("label", {
-            class: `item-${item.inputType} item-content`
+            class: `item-${item.inputType} ${item.inputIconPosition ? `item-${item.inputType}-icon-${item.inputIconPosition}` : ''} item-content`
           }, $jsx$1("input", {
             type: item.inputType,
             name: item.inputName,
@@ -22411,6 +22479,7 @@
           content: popupHtml,
           push: ss.params.popupPush,
           swipeToClose: ss.params.popupSwipeToClose,
+          closeByBackdropClick: ss.params.closeByBackdropClick,
           on: {
             popupOpen(popup) {
               ss.onOpen('popup', popup.el);
@@ -22451,6 +22520,7 @@
           closeByOutsideClick: true,
           push: ss.params.sheetPush,
           swipeToClose: ss.params.sheetSwipeToClose,
+          closeByBackdropClick: ss.params.closeByBackdropClick,
           on: {
             sheetOpen(sheet) {
               ss.onOpen('sheet', sheet.el);
@@ -22487,6 +22557,7 @@
         const popoverParams = {
           content: popoverHtml,
           targetEl: ss.$el,
+          closeByBackdropClick: ss.params.closeByBackdropClick,
           on: {
             popoverOpen(popover) {
               ss.onOpen('popover', popover.el);
@@ -22590,6 +22661,7 @@
           pageBackLinkText: 'Back',
           popupCloseLinkText: 'Close',
           popupTabletFullscreen: false,
+          closeByBackdropClick: true,
           sheetCloseLinkText: 'Done',
           searchbar: false,
           searchbarPlaceholder: 'Search',
@@ -22604,6 +22676,7 @@
           navbarColorTheme: undefined,
           routableModals: false,
           url: 'select/',
+          inputIconPosition: 'start',
           cssClass: '',
           /*
             Custom render functions
@@ -30183,11 +30256,13 @@
       Object.keys(object).forEach(key => {
         try {
           object[key] = null;
-        } catch (e) {// no getter for object
+        } catch (e) {
+          // no getter for object
         }
         try {
           delete object[key];
-        } catch (e) {// something got wrong
+        } catch (e) {
+          // something got wrong
         }
       });
     }
@@ -30227,9 +30302,9 @@
         curTransform = curStyle.transform || curStyle.webkitTransform;
         if (curTransform.split(',').length > 6) {
           curTransform = curTransform.split(', ').map(a => a.replace(',', '.')).join(', ');
-        } // Some old versions of Webkit choke when 'none' is passed; pass
+        }
+        // Some old versions of Webkit choke when 'none' is passed; pass
         // empty string instead in this case
-
         transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
       } else {
         transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
@@ -30237,14 +30312,18 @@
       }
       if (axis === 'x') {
         // Latest Chrome and webkits Fix
-        if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41; // Crazy IE10 Matrix
-        else if (matrix.length === 16) curTransform = parseFloat(matrix[12]); // Normal Browsers
+        if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41;
+        // Crazy IE10 Matrix
+        else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);
+        // Normal Browsers
         else curTransform = parseFloat(matrix[4]);
       }
       if (axis === 'y') {
         // Latest Chrome and webkits Fix
-        if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42; // Crazy IE10 Matrix
-        else if (matrix.length === 16) curTransform = parseFloat(matrix[13]); // Normal Browsers
+        if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42;
+        // Crazy IE10 Matrix
+        else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);
+        // Normal Browsers
         else curTransform = parseFloat(matrix[5]);
       }
       return curTransform || 0;
@@ -30390,7 +30469,6 @@
       const prevEls = [];
       while (el.previousElementSibling) {
         const prev = el.previousElementSibling; // eslint-disable-line
-
         if (selector) {
           if (prev.matches(selector)) prevEls.push(prev);
         } else prevEls.push(prev);
@@ -30402,7 +30480,6 @@
       const nextEls = [];
       while (el.nextElementSibling) {
         const next = el.nextElementSibling; // eslint-disable-line
-
         if (selector) {
           if (next.matches(selector)) nextEls.push(next);
         } else nextEls.push(next);
@@ -30418,8 +30495,8 @@
       let child = el;
       let i;
       if (child) {
-        i = 0; // eslint-disable-next-line
-
+        i = 0;
+        // eslint-disable-next-line
         while ((child = child.previousSibling) !== null) {
           if (child.nodeType === 1) i += 1;
         }
@@ -30429,9 +30506,7 @@
     }
     function elementParents(el, selector) {
       const parents = []; // eslint-disable-line
-
       let parent = el.parentElement; // eslint-disable-line
-
       while (parent) {
         if (selector) {
           if (parent.matches(selector)) parents.push(parent);
@@ -30492,20 +30567,21 @@
       const screenWidth = window.screen.width;
       const screenHeight = window.screen.height;
       const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
-
       let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
       const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
       const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
       const windows = platform === 'Win32';
-      let macos = platform === 'MacIntel'; // iPadOs 13 fix
+      let macos = platform === 'MacIntel';
 
+      // iPadOs 13 fix
       const iPadScreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];
       if (!ipad && macos && support.touch && iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0) {
         ipad = ua.match(/(Version)\/([\d.]+)/);
         if (!ipad) ipad = [0, 1, '13_0_0'];
         macos = false;
-      } // Android
+      }
 
+      // Android
       if (android && !windows) {
         device.os = 'android';
         device.android = true;
@@ -30513,8 +30589,9 @@
       if (ipad || iphone || ipod) {
         device.os = 'ios';
         device.ios = true;
-      } // Export object
+      }
 
+      // Export object
       return device;
     }
     function getDevice(overrides) {
@@ -30530,12 +30607,21 @@
     let browser;
     function calcBrowser() {
       const window = getWindow();
+      let needPerspectiveFix = false;
       function isSafari() {
         const ua = window.navigator.userAgent.toLowerCase();
         return ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0;
       }
+      if (isSafari()) {
+        const ua = String(window.navigator.userAgent);
+        if (ua.includes('Version/')) {
+          const [major, minor] = ua.split('Version/')[1].split(' ')[0].split('.').map(num => Number(num));
+          needPerspectiveFix = major < 16 || major === 16 && minor < 2;
+        }
+      }
       return {
-        isSafari: isSafari(),
+        isSafari: needPerspectiveFix || isSafari(),
+        needPerspectiveFix,
         isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent)
       };
     }
@@ -30660,12 +30746,13 @@
           for (let i = 0; i < containerParents.length; i += 1) {
             attach(containerParents[i]);
           }
-        } // Observe container
-
+        }
+        // Observe container
         attach(swiper.el, {
           childList: swiper.params.observeSlideChildren
-        }); // Observe wrapper
+        });
 
+        // Observe wrapper
         attach(swiper.wrapperEl, {
           attributes: false
         });
@@ -30686,6 +30773,7 @@
     }
 
     /* eslint-disable no-underscore-dangle */
+
     var eventsEmitter = {
       on(events, handler, priority) {
         const self = this;
@@ -30806,8 +30894,9 @@
       }
       if (width === 0 && swiper.isHorizontal() || height === 0 && swiper.isVertical()) {
         return;
-      } // Subtract paddings
+      }
 
+      // Subtract paddings
       width = width - parseInt(elementStyle(el, 'padding-left') || 0, 10) - parseInt(elementStyle(el, 'padding-right') || 0, 10);
       height = height - parseInt(elementStyle(el, 'padding-top') || 0, 10) - parseInt(elementStyle(el, 'padding-bottom') || 0, 10);
       if (Number.isNaN(width)) width = 0;
@@ -30824,8 +30913,8 @@
       function getDirectionLabel(property) {
         if (swiper.isHorizontal()) {
           return property;
-        } // prettier-ignore
-
+        }
+        // prettier-ignore
         return {
           'width': 'height',
           'margin-top': 'margin-left',
@@ -30875,8 +30964,9 @@
       if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
         spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiperSize;
       }
-      swiper.virtualSize = -spaceBetween; // reset margins
+      swiper.virtualSize = -spaceBetween;
 
+      // reset margins
       slides.forEach(slideEl => {
         if (rtl) {
           slideEl.style.marginLeft = '';
@@ -30885,8 +30975,9 @@
         }
         slideEl.style.marginBottom = '';
         slideEl.style.marginTop = '';
-      }); // reset cssMode offsets
+      });
 
+      // reset cssMode offsets
       if (params.centeredSlides && params.cssMode) {
         setCSSProperty(wrapperEl, '--swiper-centered-offset-before', '');
         setCSSProperty(wrapperEl, '--swiper-centered-offset-after', '');
@@ -30894,8 +30985,9 @@
       const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
       if (gridEnabled) {
         swiper.grid.initSlides(slidesLength);
-      } // Calc slides
+      }
 
+      // Calc slides
       let slideSize;
       const shouldResetSlideSize = params.slidesPerView === 'auto' && params.breakpoints && Object.keys(params.breakpoints).filter(key => {
         return typeof params.breakpoints[key].slidesPerView !== 'undefined';
@@ -30987,8 +31079,9 @@
       }
       if (gridEnabled) {
         swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);
-      } // Remove last grid elements depending on width
+      }
 
+      // Remove last grid elements depending on width
       if (!params.centeredSlides) {
         const newSlidesGrid = [];
         for (let i = 0; i < snapGrid.length; i += 1) {
@@ -31116,8 +31209,8 @@
           return swiper.slides.filter(el => parseInt(el.getAttribute('data-swiper-slide-index'), 10) === index)[0];
         }
         return swiper.slides[index];
-      }; // Find slides currently in view
-
+      };
+      // Find slides currently in view
       if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
         if (swiper.params.centeredSlides) {
           (swiper.visibleSlides || []).forEach(slide => {
@@ -31132,23 +31225,27 @@
         }
       } else {
         activeSlides.push(getSlideByIndex(swiper.activeIndex));
-      } // Find new height from highest slide in view
+      }
 
+      // Find new height from highest slide in view
       for (i = 0; i < activeSlides.length; i += 1) {
         if (typeof activeSlides[i] !== 'undefined') {
           const height = activeSlides[i].offsetHeight;
           newHeight = height > newHeight ? height : newHeight;
         }
-      } // Update Height
+      }
 
+      // Update Height
       if (newHeight || newHeight === 0) swiper.wrapperEl.style.height = `${newHeight}px`;
     }
 
     function updateSlidesOffset() {
       const swiper = this;
       const slides = swiper.slides;
+      // eslint-disable-next-line
+      const minusOffset = swiper.isElement ? swiper.isHorizontal() ? swiper.wrapperEl.offsetLeft : swiper.wrapperEl.offsetTop : 0;
       for (let i = 0; i < slides.length; i += 1) {
-        slides[i].swiperSlideOffset = swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop;
+        slides[i].swiperSlideOffset = (swiper.isHorizontal() ? slides[i].offsetLeft : slides[i].offsetTop) - minusOffset;
       }
     }
 
@@ -31166,8 +31263,9 @@
       if (slides.length === 0) return;
       if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();
       let offsetCenter = -translate;
-      if (rtl) offsetCenter = translate; // Visible Slides
+      if (rtl) offsetCenter = translate;
 
+      // Visible Slides
       slides.forEach(slideEl => {
         slideEl.classList.remove(params.slideVisibleClass);
       });
@@ -31197,8 +31295,8 @@
     function updateProgress(translate) {
       const swiper = this;
       if (typeof translate === 'undefined') {
-        const multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line
-
+        const multiplier = swiper.rtlTranslate ? -1 : 1;
+        // eslint-disable-next-line
         translate = swiper && swiper.translate && swiper.translate * multiplier || 0;
       }
       const params = swiper.params;
@@ -31217,8 +31315,12 @@
         isEnd = true;
       } else {
         progress = (translate - swiper.minTranslate()) / translatesDiff;
-        isBeginning = progress <= 0;
-        isEnd = progress >= 1;
+        const isBeginningRounded = Math.abs(translate - swiper.minTranslate()) < 1;
+        const isEndRounded = Math.abs(translate - swiper.maxTranslate()) < 1;
+        isBeginning = isBeginningRounded || progress <= 0;
+        isEnd = isEndRounded || progress >= 1;
+        if (isBeginningRounded) progress = 0;
+        if (isEndRounded) progress = 1;
       }
       if (params.loop) {
         const firstSlideIndex = elementIndex(swiper.slides.filter(el => el.getAttribute('data-swiper-slide-index') === '0')[0]);
@@ -31283,16 +31385,17 @@
       }
       if (activeSlide) {
         // Active classes
-        activeSlide.classList.add(params.slideActiveClass); // Next Slide
+        activeSlide.classList.add(params.slideActiveClass);
 
+        // Next Slide
         let nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
         if (params.loop && !nextSlide) {
           nextSlide = slides[0];
         }
         if (nextSlide) {
           nextSlide.classList.add(params.slideNextClass);
-        } // Prev Slide
-
+        }
+        // Prev Slide
         let prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
         if (params.loop && !prevSlide === 0) {
           prevSlide = slides[slides.length - 1];
@@ -31321,8 +31424,8 @@
         } else if (translate >= slidesGrid[i]) {
           activeIndex = i;
         }
-      } // Normalize slideIndex
-
+      }
+      // Normalize slideIndex
       if (params.normalizeSlideIndex) {
         if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;
       }
@@ -31369,8 +31472,8 @@
           swiper.realIndex = getVirtualRealIndex(activeIndex);
         }
         return;
-      } // Get real index
-
+      }
+      // Get real index
       let realIndex;
       if (swiper.virtual && params.virtual.enabled && params.loop) {
         realIndex = getVirtualRealIndex(activeIndex);
@@ -31487,8 +31590,9 @@
         wrapperEl.style.transform = `translate3d(${x}px, ${y}px, ${z}px)`;
       }
       swiper.previousTranslate = swiper.translate;
-      swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress
+      swiper.translate = swiper.isHorizontal() ? x : y;
 
+      // Check if we need to update progress
       let newProgress;
       const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
       if (translatesDiff === 0) {
@@ -31534,8 +31638,9 @@
       const minTranslate = swiper.minTranslate();
       const maxTranslate = swiper.maxTranslate();
       let newTranslate;
-      if (translateBounds && translate > minTranslate) newTranslate = minTranslate;else if (translateBounds && translate < maxTranslate) newTranslate = maxTranslate;else newTranslate = translate; // Update progress
+      if (translateBounds && translate > minTranslate) newTranslate = minTranslate;else if (translateBounds && translate < maxTranslate) newTranslate = maxTranslate;else newTranslate = translate;
 
+      // Update progress
       swiper.updateProgress(newTranslate);
       if (params.cssMode) {
         const isH = swiper.isHorizontal();
@@ -31578,7 +31683,6 @@
               if (!swiper || swiper.destroyed) return;
               if (e.target !== this) return;
               swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
-              swiper.wrapperEl.removeEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);
               swiper.onTranslateToWrapperTransitionEnd = null;
               delete swiper.onTranslateToWrapperTransitionEnd;
               if (runCallbacks) {
@@ -31587,7 +31691,6 @@
             };
           }
           swiper.wrapperEl.addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
-          swiper.wrapperEl.addEventListener('webkitTransitionEnd', swiper.onTranslateToWrapperTransitionEnd);
         }
       }
       return true;
@@ -31716,8 +31819,8 @@
       const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
       let snapIndex = skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
       if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
-      const translate = -snapGrid[snapIndex]; // Normalize slideIndex
-
+      const translate = -snapGrid[snapIndex];
+      // Normalize slideIndex
       if (params.normalizeSlideIndex) {
         for (let i = 0; i < slidesGrid.length; i += 1) {
           const normalizedTranslate = -Math.floor(translate * 100);
@@ -31733,8 +31836,8 @@
             slideIndex = i;
           }
         }
-      } // Directions locks
-
+      }
+      // Directions locks
       if (swiper.initialized && slideIndex !== activeIndex) {
         if (!swiper.allowSlideNext && translate < swiper.translate && translate < swiper.minTranslate()) {
           return false;
@@ -31747,15 +31850,17 @@
       }
       if (slideIndex !== (previousIndex || 0) && runCallbacks) {
         swiper.emit('beforeSlideChangeStart');
-      } // Update progress
+      }
 
+      // Update progress
       swiper.updateProgress(translate);
       let direction;
-      if (slideIndex > activeIndex) direction = 'next';else if (slideIndex < activeIndex) direction = 'prev';else direction = 'reset'; // Update Index
+      if (slideIndex > activeIndex) direction = 'next';else if (slideIndex < activeIndex) direction = 'prev';else direction = 'reset';
 
+      // Update Index
       if (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate) {
-        swiper.updateActiveIndex(slideIndex); // Update Height
-
+        swiper.updateActiveIndex(slideIndex);
+        // Update Height
         if (params.autoHeight) {
           swiper.updateAutoHeight();
         }
@@ -31823,14 +31928,12 @@
             if (!swiper || swiper.destroyed) return;
             if (e.target !== this) return;
             swiper.wrapperEl.removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
-            swiper.wrapperEl.removeEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
             swiper.onSlideToWrapperTransitionEnd = null;
             delete swiper.onSlideToWrapperTransitionEnd;
             swiper.transitionEnd(runCallbacks, direction);
           };
         }
         swiper.wrapperEl.addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
-        swiper.wrapperEl.addEventListener('webkitTransitionEnd', swiper.onSlideToWrapperTransitionEnd);
       }
       return true;
     }
@@ -31873,7 +31976,8 @@
       const swiper = this;
       const {
         enabled,
-        params
+        params,
+        animating
       } = swiper;
       if (!enabled) return swiper;
       let perGroup = params.slidesPerGroup;
@@ -31881,9 +31985,13 @@
         perGroup = Math.max(swiper.slidesPerViewDynamic('current', true), 1);
       }
       const increment = swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup;
+      const isVirtual = swiper.virtual && params.virtual.enabled;
       if (params.loop) {
-        swiper.loopFix(); // eslint-disable-next-line
-
+        if (animating && !isVirtual && params.loopPreventsSliding) return false;
+        swiper.loopFix({
+          direction: 'next'
+        });
+        // eslint-disable-next-line
         swiper._clientLeft = swiper.wrapperEl.clientLeft;
       }
       if (params.rewind && swiper.isEnd) {
@@ -31906,12 +32014,17 @@
         snapGrid,
         slidesGrid,
         rtlTranslate,
-        enabled
+        enabled,
+        animating
       } = swiper;
       if (!enabled) return swiper;
+      const isVirtual = swiper.virtual && params.virtual.enabled;
       if (params.loop) {
-        swiper.loopFix(); // eslint-disable-next-line
-
+        if (animating && !isVirtual && params.loopPreventsSliding) return false;
+        swiper.loopFix({
+          direction: 'prev'
+        });
+        // eslint-disable-next-line
         swiper._clientLeft = swiper.wrapperEl.clientLeft;
       }
       const translate = rtlTranslate ? swiper.translate : -swiper.translate;
@@ -32058,13 +32171,22 @@
       slides.forEach((el, index) => {
         el.setAttribute('data-swiper-slide-index', index);
       });
-      swiper.loopFix(slideRealIndex);
+      swiper.loopFix({
+        slideRealIndex,
+        direction: params.centeredSlides ? undefined : 'next'
+      });
     }
 
-    function loopFix(slideRealIndex, slideTo) {
-      if (slideTo === void 0) {
-        slideTo = true;
-      }
+    function loopFix(_temp) {
+      let {
+        slideRealIndex,
+        slideTo = true,
+        direction,
+        setTranslate,
+        activeSlideIndex,
+        byController,
+        byMousewheel
+      } = _temp === void 0 ? {} : _temp;
       const swiper = this;
       if (!swiper.params.loop) return;
       swiper.emit('beforeLoopFix');
@@ -32093,51 +32215,83 @@
         return;
       }
       const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10));
-      let loopedSlides = slidesPerView;
+      let loopedSlides = params.loopedSlides || slidesPerView;
       if (loopedSlides % params.slidesPerGroup !== 0) {
         loopedSlides += params.slidesPerGroup - loopedSlides % params.slidesPerGroup;
       }
       swiper.loopedSlides = loopedSlides;
       const prependSlidesIndexes = [];
       const appendSlidesIndexes = [];
-      const activeSlideIndex = elementIndex(swiper.slides.filter(el => el.classList.contains('swiper-slide-active'))[0]);
+      let activeIndex = swiper.activeIndex;
+      if (typeof activeSlideIndex === 'undefined') {
+        activeSlideIndex = elementIndex(swiper.slides.filter(el => el.classList.contains('swiper-slide-active'))[0]);
+      } else {
+        activeIndex = activeSlideIndex;
+      }
+      const isNext = direction === 'next' || !direction;
+      const isPrev = direction === 'prev' || !direction;
       let slidesPrepended = 0;
-      let slidesAppended = 0; // prepend last slides before start
-
+      let slidesAppended = 0;
+      // prepend last slides before start
       if (activeSlideIndex < loopedSlides) {
         slidesPrepended = loopedSlides - activeSlideIndex;
         for (let i = 0; i < loopedSlides - activeSlideIndex; i += 1) {
           const index = i - Math.floor(i / slides.length) * slides.length;
           prependSlidesIndexes.push(slides.length - index - 1);
         }
-      } else if (activeSlideIndex
-      /* + slidesPerView */ > swiper.slides.length - loopedSlides * 2) {
+      } else if (activeSlideIndex /* + slidesPerView */ > swiper.slides.length - loopedSlides * 2) {
         slidesAppended = activeSlideIndex - (swiper.slides.length - loopedSlides * 2);
         for (let i = 0; i < slidesAppended; i += 1) {
           const index = i - Math.floor(i / slides.length) * slides.length;
           appendSlidesIndexes.push(index);
         }
       }
-      prependSlidesIndexes.forEach(index => {
-        slidesEl.prepend(swiper.slides[index]);
-      });
-      appendSlidesIndexes.forEach(index => {
-        slidesEl.append(swiper.slides[index]);
-      });
+      if (isPrev) {
+        prependSlidesIndexes.forEach(index => {
+          slidesEl.prepend(swiper.slides[index]);
+        });
+      }
+      if (isNext) {
+        appendSlidesIndexes.forEach(index => {
+          slidesEl.append(swiper.slides[index]);
+        });
+      }
       swiper.recalcSlides();
       if (params.watchSlidesProgress) {
         swiper.updateSlidesOffset();
       }
       if (slideTo) {
-        if (prependSlidesIndexes.length > 0) {
+        if (prependSlidesIndexes.length > 0 && isPrev) {
           if (typeof slideRealIndex === 'undefined') {
-            swiper.slideTo(swiper.activeIndex + slidesPrepended, 0, false, true);
+            const currentSlideTranslate = swiper.slidesGrid[activeIndex];
+            const newSlideTranslate = swiper.slidesGrid[activeIndex + slidesPrepended];
+            const diff = newSlideTranslate - currentSlideTranslate;
+            if (byMousewheel) {
+              swiper.setTranslate(swiper.translate - diff);
+            } else {
+              swiper.slideTo(activeIndex + slidesPrepended, 0, false, true);
+              if (setTranslate) {
+                swiper.touches[swiper.isHorizontal() ? 'startX' : 'startY'] += diff;
+              }
+            }
           } else {
-            swiper.slideToLoop(slideRealIndex, 0, false, true);
+            if (setTranslate) {
+              swiper.slideToLoop(slideRealIndex, 0, false, true);
+            }
           }
-        } else if (appendSlidesIndexes.length > 0) {
+        } else if (appendSlidesIndexes.length > 0 && isNext) {
           if (typeof slideRealIndex === 'undefined') {
-            swiper.slideTo(swiper.activeIndex - slidesAppended, 0, false, true);
+            const currentSlideTranslate = swiper.slidesGrid[activeIndex];
+            const newSlideTranslate = swiper.slidesGrid[activeIndex - slidesAppended];
+            const diff = newSlideTranslate - currentSlideTranslate;
+            if (byMousewheel) {
+              swiper.setTranslate(swiper.translate - diff);
+            } else {
+              swiper.slideTo(activeIndex - slidesAppended, 0, false, true);
+              if (setTranslate) {
+                swiper.touches[swiper.isHorizontal() ? 'startX' : 'startY'] += diff;
+              }
+            }
           } else {
             swiper.slideToLoop(slideRealIndex, 0, false, true);
           }
@@ -32145,6 +32299,23 @@
       }
       swiper.allowSlidePrev = allowSlidePrev;
       swiper.allowSlideNext = allowSlideNext;
+      if (swiper.controller && swiper.controller.control && !byController) {
+        const loopParams = {
+          slideRealIndex,
+          slideTo: false,
+          direction,
+          setTranslate,
+          activeSlideIndex,
+          byController: true
+        };
+        if (Array.isArray(swiper.controller.control)) {
+          swiper.controller.control.forEach(c => {
+            if (c.params.loop) c.loopFix(loopParams);
+          });
+        } else if (swiper.controller.control instanceof swiper.constructor && swiper.controller.control.params.loop) {
+          swiper.controller.control.loopFix(loopParams);
+        }
+      }
       swiper.emit('loopFix');
     }
 
@@ -32163,7 +32334,7 @@
         newSlidesOrder[index] = slideEl;
       });
       slides.forEach(slideEl => {
-        slideEl.removeAttr('data-swiper-slide-index');
+        slideEl.removeAttribute('data-swiper-slide-index');
       });
       newSlidesOrder.forEach(slideEl => {
         slidesEl.append(slideEl);
@@ -32199,6 +32370,7 @@
       unsetGrabCursor
     };
 
+    // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd
     function closestElement(selector, base) {
       if (base === void 0) {
         base = this;
@@ -32241,17 +32413,19 @@
       }
       if ('which' in e && e.which === 3) return;
       if ('button' in e && e.button > 0) return;
-      if (data.isTouched && data.isMoved) return; // change target el for shadow root component
-
-      const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== ''; // eslint-disable-next-line
+      if (data.isTouched && data.isMoved) return;
 
+      // change target el for shadow root component
+      const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';
+      // eslint-disable-next-line
       const eventPath = event.composedPath ? event.composedPath() : event.path;
       if (swipingClassHasValue && e.target && e.target.shadowRoot && eventPath) {
         targetEl = eventPath[0];
       }
       const noSwipingSelector = params.noSwipingSelector ? params.noSwipingSelector : `.${params.noSwipingClass}`;
-      const isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element
+      const isTargetShadow = !!(e.target && e.target.shadowRoot);
 
+      // use closestElement for shadow root element to get the actual closest for nested shadow root element
       if (params.noSwiping && (isTargetShadow ? closestElement(noSwipingSelector, targetEl) : targetEl.closest(noSwipingSelector))) {
         swiper.allowClick = true;
         return;
@@ -32262,7 +32436,9 @@
       touches.currentX = e.pageX;
       touches.currentY = e.pageY;
       const startX = touches.currentX;
-      const startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
+      const startY = touches.currentY;
+
+      // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
 
       const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
       const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
@@ -32345,6 +32521,8 @@
           Object.assign(touches, {
             startX: pageX,
             startY: pageY,
+            prevX: swiper.touches.currentX,
+            prevY: swiper.touches.currentY,
             currentX: pageX,
             currentY: pageY
           });
@@ -32414,52 +32592,95 @@
       if (params.touchMoveStopPropagation && !params.nested) {
         e.stopPropagation();
       }
+      let diff = swiper.isHorizontal() ? diffX : diffY;
+      let touchesDiff = swiper.isHorizontal() ? touches.currentX - touches.previousX : touches.currentY - touches.previousY;
+      if (params.oneWayMovement) {
+        diff = Math.abs(diff) * (rtl ? 1 : -1);
+        touchesDiff = Math.abs(touchesDiff) * (rtl ? 1 : -1);
+      }
+      touches.diff = diff;
+      diff *= params.touchRatio;
+      if (rtl) {
+        diff = -diff;
+        touchesDiff = -touchesDiff;
+      }
+      const prevTouchesDirection = swiper.touchesDirection;
+      swiper.swipeDirection = diff > 0 ? 'prev' : 'next';
+      swiper.touchesDirection = touchesDiff > 0 ? 'prev' : 'next';
+      const isLoop = swiper.params.loop && !params.cssMode;
       if (!data.isMoved) {
-        if (params.loop && !params.cssMode) {
-          swiper.loopFix();
+        if (isLoop) {
+          swiper.loopFix({
+            direction: swiper.swipeDirection
+          });
         }
         data.startTranslate = swiper.getTranslate();
         swiper.setTransition(0);
         if (swiper.animating) {
-          ['webkitTransitionEnd', 'transitionend'].forEach(eventName => {
-            const evt = new window.CustomEvent(eventName, {
-              bubbles: true,
-              cancelable: true
-            });
-            swiper.wrapperEl.dispatchEvent(evt);
+          const evt = new window.CustomEvent('transitionend', {
+            bubbles: true,
+            cancelable: true
           });
+          swiper.wrapperEl.dispatchEvent(evt);
         }
-        data.allowMomentumBounce = false; // Grab Cursor
-
+        data.allowMomentumBounce = false;
+        // Grab Cursor
         if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
           swiper.setGrabCursor(true);
         }
         swiper.emit('sliderFirstMove', e);
       }
+      let loopFixed;
+      if (data.isMoved && prevTouchesDirection !== swiper.touchesDirection && isLoop && Math.abs(diff) >= 1) {
+        // need another loop fix
+        swiper.loopFix({
+          direction: swiper.swipeDirection,
+          setTranslate: true
+        });
+        loopFixed = true;
+      }
       swiper.emit('sliderMove', e);
       data.isMoved = true;
-      let diff = swiper.isHorizontal() ? diffX : diffY;
-      touches.diff = diff;
-      diff *= params.touchRatio;
-      if (rtl) diff = -diff;
-      swiper.swipeDirection = diff > 0 ? 'prev' : 'next';
       data.currentTranslate = diff + data.startTranslate;
       let disableParentSwiper = true;
       let resistanceRatio = params.resistanceRatio;
       if (params.touchReleaseOnEdges) {
         resistanceRatio = 0;
       }
-      if (diff > 0 && data.currentTranslate > swiper.minTranslate()) {
-        disableParentSwiper = false;
-        if (params.resistance) data.currentTranslate = swiper.minTranslate() - 1 + (-swiper.minTranslate() + data.startTranslate + diff) ** resistanceRatio;
-      } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
-        disableParentSwiper = false;
-        if (params.resistance) data.currentTranslate = swiper.maxTranslate() + 1 - (swiper.maxTranslate() - data.startTranslate - diff) ** resistanceRatio;
+      if (diff > 0) {
+        if (isLoop && !loopFixed && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.size / 2 : swiper.minTranslate())) {
+          swiper.loopFix({
+            direction: 'prev',
+            setTranslate: true,
+            activeSlideIndex: 0
+          });
+        }
+        if (data.currentTranslate > swiper.minTranslate()) {
+          disableParentSwiper = false;
+          if (params.resistance) {
+            data.currentTranslate = swiper.minTranslate() - 1 + (-swiper.minTranslate() + data.startTranslate + diff) ** resistanceRatio;
+          }
+        }
+      } else if (diff < 0) {
+        if (isLoop && !loopFixed && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.size / 2 : swiper.maxTranslate())) {
+          swiper.loopFix({
+            direction: 'next',
+            setTranslate: true,
+            activeSlideIndex: swiper.slides.length - (params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10)))
+          });
+        }
+        if (data.currentTranslate < swiper.maxTranslate()) {
+          disableParentSwiper = false;
+          if (params.resistance) {
+            data.currentTranslate = swiper.maxTranslate() + 1 - (swiper.maxTranslate() - data.startTranslate - diff) ** resistanceRatio;
+          }
+        }
       }
       if (disableParentSwiper) {
         e.preventedByNestedSwiper = true;
-      } // Directions locks
+      }
 
+      // Directions locks
       if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {
         data.currentTranslate = data.startTranslate;
       }
@@ -32468,8 +32689,9 @@
       }
       if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
         data.currentTranslate = data.startTranslate;
-      } // Threshold
+      }
 
+      // Threshold
       if (params.threshold > 0) {
         if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
           if (!data.allowThresholdMove) {
@@ -32485,18 +32707,19 @@
           return;
         }
       }
-      if (!params.followFinger || params.cssMode) return; // Update active index in free mode
+      if (!params.followFinger || params.cssMode) return;
 
+      // Update active index in free mode
       if (params.freeMode && params.freeMode.enabled && swiper.freeMode || params.watchSlidesProgress) {
         swiper.updateActiveIndex();
         swiper.updateSlidesClasses();
       }
       if (swiper.params.freeMode && params.freeMode.enabled && swiper.freeMode) {
         swiper.freeMode.onTouchMove();
-      } // Update progress
-
-      swiper.updateProgress(data.currentTranslate); // Update translate
-
+      }
+      // Update progress
+      swiper.updateProgress(data.currentTranslate);
+      // Update translate
       swiper.setTranslate(data.currentTranslate);
     }
 
@@ -32530,15 +32753,17 @@
         data.isMoved = false;
         data.startMoving = false;
         return;
-      } // Return Grab Cursor
-
+      }
+      // Return Grab Cursor
       if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
         swiper.setGrabCursor(false);
-      } // Time diff
+      }
 
+      // Time diff
       const touchEndTime = now();
-      const timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click
+      const timeDiff = touchEndTime - data.touchStartTime;
 
+      // Tap, doubleTap, Click
       if (swiper.allowClick) {
         const pathTree = e.path || e.composedPath && e.composedPath();
         swiper.updateClickedSlide(pathTree && pathTree[0] || e.target);
@@ -32574,8 +32799,9 @@
           currentPos
         });
         return;
-      } // Find current slide
+      }
 
+      // Find current slide
       let stopIndex = 0;
       let groupSize = swiper.slidesSizesGrid[0];
       for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
@@ -32598,8 +32824,8 @@
         } else if (swiper.isEnd) {
           rewindFirstIndex = 0;
         }
-      } // Find current slide size
-
+      }
+      // Find current slide size
       const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
       const increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
       if (timeDiff > params.longSwipesMs) {
@@ -32649,19 +32875,22 @@
         params,
         el
       } = swiper;
-      if (el && el.offsetWidth === 0) return; // Breakpoints
+      if (el && el.offsetWidth === 0) return;
 
+      // Breakpoints
       if (params.breakpoints) {
         swiper.setBreakpoint();
-      } // Save locks
+      }
 
+      // Save locks
       const {
         allowSlideNext,
         allowSlidePrev,
         snapGrid
       } = swiper;
-      const isVirtual = swiper.virtual && swiper.params.virtual.enabled; // Disable locks on resize
+      const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
 
+      // Disable locks on resize
       swiper.allowSlideNext = true;
       swiper.allowSlidePrev = true;
       swiper.updateSize();
@@ -32682,8 +32911,8 @@
         timeout = setTimeout(() => {
           swiper.autoplay.resume();
         }, 500);
-      } // Return locks after resize
-
+      }
+      // Return locks after resize
       swiper.allowSlidePrev = allowSlidePrev;
       swiper.allowSlideNext = allowSlideNext;
       if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
@@ -32716,8 +32945,8 @@
         swiper.translate = -wrapperEl.scrollLeft;
       } else {
         swiper.translate = -wrapperEl.scrollTop;
-      } // eslint-disable-next-line
-
+      }
+      // eslint-disable-next-line
       if (swiper.translate === 0) swiper.translate = 0;
       swiper.updateActiveIndex();
       swiper.updateSlidesClasses();
@@ -32734,14 +32963,19 @@
       swiper.emit('setTranslate', swiper.translate, false);
     }
 
-    function onLoad(e) {
-      const swiper = this;
+    const processLazyPreloader = (swiper, imageEl) => {
+      if (!swiper || swiper.destroyed || !swiper.params) return;
       const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
-      const slideEl = e.target.closest(slideSelector());
+      const slideEl = imageEl.closest(slideSelector());
       if (slideEl) {
         const lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
         if (lazyEl) lazyEl.remove();
       }
+    };
+
+    function onLoad(e) {
+      const swiper = this;
+      processLazyPreloader(swiper, e.target);
       swiper.update();
     }
 
@@ -32757,8 +32991,9 @@
       } = swiper;
       const capture = !!params.nested;
       const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
-      const swiperMethod = method; // Touch Events
+      const swiperMethod = method;
 
+      // Touch Events
       el[domMethod]('pointerdown', swiper.onTouchStart, {
         passive: false
       });
@@ -32777,21 +33012,24 @@
       });
       document[domMethod]('pointerleave', swiper.onTouchEnd, {
         passive: true
-      }); // Prevent Links Clicks
+      });
 
+      // Prevent Links Clicks
       if (params.preventClicks || params.preventClicksPropagation) {
         el[domMethod]('click', swiper.onClick, true);
       }
       if (params.cssMode) {
         wrapperEl[domMethod]('scroll', swiper.onScroll);
-      } // Resize handler
+      }
 
+      // Resize handler
       if (params.updateOnWindowResize) {
         swiper[swiperMethod](device.ios || device.android ? 'resize orientationchange observerUpdate' : 'resize observerUpdate', onResize, true);
       } else {
         swiper[swiperMethod]('observerUpdate', onResize, true);
-      } // Images loader
+      }
 
+      // Images loader
       el[domMethod]('load', swiper.onLoad, {
         capture: true
       });
@@ -32837,8 +33075,9 @@
         el
       } = swiper;
       const breakpoints = params.breakpoints;
-      if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return; // Get breakpoint for window width and update parameters
+      if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return;
 
+      // Get breakpoint for window width and update parameters
       const breakpoint = swiper.getBreakpoint(breakpoints, swiper.params.breakpointsBase, swiper.el);
       if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
       const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
@@ -32847,7 +33086,7 @@
       const isMultiRow = isGridEnabled(swiper, breakpointParams);
       const wasEnabled = params.enabled;
       if (wasMultiRow && !isMultiRow) {
-        el.classList.remove(`${params.containerModifierClass}grid ${params.containerModifierClass}grid-column`);
+        el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
         swiper.emitContainerClasses();
       } else if (!wasMultiRow && isMultiRow) {
         el.classList.add(`${params.containerModifierClass}grid`);
@@ -32855,8 +33094,9 @@
           el.classList.add(`${params.containerModifierClass}grid-column`);
         }
         swiper.emitContainerClasses();
-      } // Toggle navigation, pagination, scrollbar
+      }
 
+      // Toggle navigation, pagination, scrollbar
       ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
         const wasModuleEnabled = params[prop] && params[prop].enabled;
         const isModuleEnabled = breakpointParams[prop] && breakpointParams[prop].enabled;
@@ -32961,8 +33201,8 @@
         rtl,
         el,
         device
-      } = swiper; // prettier-ignore
-
+      } = swiper;
+      // prettier-ignore
       const suffixes = prepareClasses(['initialized', params.direction, {
         'free-mode': swiper.params.freeMode && params.freeMode.enabled
       }, {
@@ -33040,6 +33280,7 @@
     var defaults = {
       init: true,
       direction: 'horizontal',
+      oneWayMovement: false,
       touchEventsTarget: 'wrapper',
       initialSlide: 0,
       speed: 300,
@@ -33070,6 +33311,7 @@
       // Effects
       effect: 'slide',
       // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
+
       // Breakpoints
       breakpoints: undefined,
       breakpointsBase: 'window',
@@ -33121,6 +33363,8 @@
       slideToClickedSlide: false,
       // loop
       loop: false,
+      loopedSlides: null,
+      loopPreventsSliding: true,
       // rewind
       rewind: false,
       // Swiping/no swiping
@@ -33223,11 +33467,12 @@
               el: containerEl
             });
             swipers.push(new Swiper$1(newParams));
-          }); // eslint-disable-next-line no-constructor-return
-
+          });
+          // eslint-disable-next-line no-constructor-return
           return swipers;
-        } // Swiper Instance
+        }
 
+        // Swiper Instance
         const swiper = this;
         swiper.__swiper__ = true;
         swiper.support = getSupport();
@@ -33252,14 +33497,17 @@
             off: swiper.off.bind(swiper),
             emit: swiper.emit.bind(swiper)
           });
-        }); // Extend defaults with modules params
+        });
 
-        const swiperParams = extend$1({}, defaults, allModulesParams); // Extend defaults with passed params
+        // Extend defaults with modules params
+        const swiperParams = extend$1({}, defaults, allModulesParams);
 
+        // Extend defaults with passed params
         swiper.params = extend$1({}, swiperParams, extendedDefaults, params);
         swiper.originalParams = extend$1({}, swiper.params);
-        swiper.passedParams = extend$1({}, params); // add event listeners
+        swiper.passedParams = extend$1({}, params);
 
+        // add event listeners
         if (swiper.params && swiper.params.on) {
           Object.keys(swiper.params.on).forEach(eventName => {
             swiper.on(eventName, swiper.params.on[eventName]);
@@ -33267,8 +33515,9 @@
         }
         if (swiper.params && swiper.params.onAny) {
           swiper.onAny(swiper.params.onAny);
-        } // Extend Swiper
+        }
 
+        // Extend Swiper
         Object.assign(swiper, {
           enabled: swiper.params.enabled,
           el,
@@ -33337,13 +33586,15 @@
           imagesToLoad: [],
           imagesLoaded: 0
         });
-        swiper.emit('_swiper'); // Init
+        swiper.emit('_swiper');
 
+        // Init
         if (swiper.params.init) {
           swiper.init();
-        } // Return app instance
-        // eslint-disable-next-line no-constructor-return
+        }
 
+        // Return app instance
+        // eslint-disable-next-line no-constructor-return
         return swiper;
       }
       recalcSlides() {
@@ -33472,11 +33723,16 @@
         const {
           snapGrid,
           params
-        } = swiper; // Breakpoints
-
+        } = swiper;
+        // Breakpoints
         if (params.breakpoints) {
           swiper.setBreakpoint();
         }
+        [...swiper.el.querySelectorAll('[loading="lazy"]')].forEach(imageEl => {
+          if (imageEl.complete) {
+            processLazyPreloader(swiper, imageEl);
+          }
+        });
         swiper.updateSize();
         swiper.updateSlides();
         swiper.updateProgress();
@@ -33553,8 +33809,9 @@
       }
       mount(element) {
         const swiper = this;
-        if (swiper.mounted) return true; // Find el
+        if (swiper.mounted) return true;
 
+        // Find el
         let el = element || swiper.params.el;
         if (typeof el === 'string') {
           el = document.querySelector(el);
@@ -33571,13 +33828,13 @@
         };
         const getWrapper = () => {
           if (el && el.shadowRoot && el.shadowRoot.querySelector) {
-            const res = el.shadowRoot.querySelector(getWrapperSelector()); // Children needs to return slot items
-
+            const res = el.shadowRoot.querySelector(getWrapperSelector());
+            // Children needs to return slot items
             return res;
           }
           return elementChildren(el, getWrapperSelector())[0];
-        }; // Find Wrapper
-
+        };
+        // Find Wrapper
         let wrapperEl = getWrapper();
         if (!wrapperEl && swiper.params.createElements) {
           wrapperEl = createElement('div', swiper.params.wrapperClass);
@@ -33603,39 +33860,58 @@
         if (swiper.initialized) return swiper;
         const mounted = swiper.mount(el);
         if (mounted === false) return swiper;
-        swiper.emit('beforeInit'); // Set breakpoint
+        swiper.emit('beforeInit');
 
+        // Set breakpoint
         if (swiper.params.breakpoints) {
           swiper.setBreakpoint();
-        } // Add Classes
+        }
 
-        swiper.addClasses(); // Update size
+        // Add Classes
+        swiper.addClasses();
 
-        swiper.updateSize(); // Update slides
+        // Update size
+        swiper.updateSize();
 
+        // Update slides
         swiper.updateSlides();
         if (swiper.params.watchOverflow) {
           swiper.checkOverflow();
-        } // Set Grab Cursor
+        }
 
+        // Set Grab Cursor
         if (swiper.params.grabCursor && swiper.enabled) {
           swiper.setGrabCursor();
-        } // Slide To Initial Slide
+        }
 
+        // Slide To Initial Slide
         if (swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {
           swiper.slideTo(swiper.params.initialSlide + swiper.virtual.slidesBefore, 0, swiper.params.runCallbacksOnInit, false, true);
         } else {
           swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit, false, true);
-        } // Create loop
+        }
 
+        // Create loop
         if (swiper.params.loop) {
           swiper.loopCreate();
-        } // Attach events
+        }
 
-        swiper.attachEvents(); // Init Flag
+        // Attach events
+        swiper.attachEvents();
+        [...swiper.el.querySelectorAll('[loading="lazy"]')].forEach(imageEl => {
+          if (imageEl.complete) {
+            processLazyPreloader(swiper, imageEl);
+          } else {
+            imageEl.addEventListener('load', e => {
+              processLazyPreloader(swiper, e.target);
+            });
+          }
+        });
 
-        swiper.initialized = true; // Emit
+        // Init Flag
+        swiper.initialized = true;
 
+        // Emit
         swiper.emit('init');
         swiper.emit('afterInit');
         return swiper;
@@ -33657,16 +33933,20 @@
         if (typeof swiper.params === 'undefined' || swiper.destroyed) {
           return null;
         }
-        swiper.emit('beforeDestroy'); // Init Flag
+        swiper.emit('beforeDestroy');
 
-        swiper.initialized = false; // Detach events
+        // Init Flag
+        swiper.initialized = false;
 
-        swiper.detachEvents(); // Destroy loop
+        // Detach events
+        swiper.detachEvents();
 
+        // Destroy loop
         if (params.loop) {
           swiper.loopDestroy();
-        } // Cleanup styles
+        }
 
+        // Cleanup styles
         if (cleanStyles) {
           swiper.removeClasses();
           el.removeAttribute('style');
@@ -33679,8 +33959,9 @@
             });
           }
         }
-        swiper.emit('destroy'); // Detach emitter events
+        swiper.emit('destroy');
 
+        // Detach emitter events
         Object.keys(swiper.eventsListeners).forEach(eventName => {
           swiper.off(eventName);
         });
@@ -33743,6 +34024,7 @@
         }
       });
       let cssModeTimeout;
+      const document = getDocument();
       swiper.virtual = {
         cache: {},
         from: undefined,
@@ -33756,8 +34038,8 @@
         const params = swiper.params.virtual;
         if (params.cache && swiper.virtual.cache[index]) {
           return swiper.virtual.cache[index];
-        } // eslint-disable-next-line
-
+        }
+        // eslint-disable-next-line
         let slideEl;
         if (params.renderSlide) {
           slideEl = params.renderSlide.call(swiper, slide, index);
@@ -34074,7 +34356,6 @@
         } = swiper;
         let e = event;
         if (e.originalEvent) e = e.originalEvent; // jquery fix
-
         const kc = e.keyCode || e.charCode;
         const pageUpDown = swiper.params.keyboard.pageUpDown;
         const isPageUp = pageUpDown && kc === 33;
@@ -34082,8 +34363,8 @@
         const isArrowLeft = kc === 37;
         const isArrowRight = kc === 39;
         const isArrowUp = kc === 38;
-        const isArrowDown = kc === 40; // Directions locks
-
+        const isArrowDown = kc === 40;
+        // Directions locks
         if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {
           return false;
         }
@@ -34097,8 +34378,8 @@
           return undefined;
         }
         if (swiper.params.keyboard.onlyInViewport && (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {
-          let inView = false; // Check that swiper should be inside of visible area of window
-
+          let inView = false;
+          // Check that swiper should be inside of visible area of window
           if (elementParents(swiper.el, `.${swiper.params.slideClass}, swiper-slide`).length > 0 && elementParents(swiper.el, `.${swiper.params.slideActiveClass}`).length === 0) {
             return undefined;
           }
@@ -34114,7 +34395,6 @@
             const point = swiperCoord[i];
             if (point[0] >= 0 && point[0] <= windowWidth && point[1] >= 0 && point[1] <= windowHeight) {
               if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
-
               inView = true;
             }
           }
@@ -34197,11 +34477,10 @@
         const PAGE_HEIGHT = 800;
         let sX = 0;
         let sY = 0; // spinX, spinY
-
         let pX = 0;
         let pY = 0; // pixelX, pixelY
-        // Legacy
 
+        // Legacy
         if ('detail' in e) {
           sY = e.detail;
         }
@@ -34213,8 +34492,9 @@
         }
         if ('wheelDeltaX' in e) {
           sX = -e.wheelDeltaX / 120;
-        } // side scrolling on FF with DOMMouseScroll
+        }
 
+        // side scrolling on FF with DOMMouseScroll
         if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) {
           sX = sY;
           sY = 0;
@@ -34242,8 +34522,9 @@
             pX *= PAGE_HEIGHT;
             pY *= PAGE_HEIGHT;
           }
-        } // Fall-back if spin cannot be determined
+        }
 
+        // Fall-back if spin cannot be determined
         if (pX && !sX) {
           sX = pX < 1 ? -1 : 1;
         }
@@ -34273,14 +34554,16 @@
         if (swiper.params.mousewheel.thresholdTime && now() - lastScrollTime < swiper.params.mousewheel.thresholdTime) {
           // Prevent if time between scrolls is below configured threshold
           return false;
-        } // If the movement is NOT big enough and
+        }
+
+        // If the movement is NOT big enough and
         // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
         //   Don't go any further (avoid insignificant scroll movement).
-
         if (newEvent.delta >= 6 && now() - lastScrollTime < 60) {
           // Return false as a default
           return true;
-        } // If user is scrolling towards the end:
+        }
+        // If user is scrolling towards the end:
         //   If the slider hasn't hit the latest slide or
         //   if the slider is a loop and
         //   if the slider isn't moving right now:
@@ -34292,7 +34575,6 @@
         // if the slider isn't moving right now:
         //   Go to prev slide and
         //   emit a scroll event.
-
         if (newEvent.direction < 0) {
           if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
             swiper.slideNext();
@@ -34301,10 +34583,10 @@
         } else if ((!swiper.isBeginning || swiper.params.loop) && !swiper.animating) {
           swiper.slidePrev();
           emit('scroll', newEvent.raw);
-        } // If you got here is because an animation has been triggered so store the current time
-
-        lastScrollTime = new window.Date().getTime(); // Return false as a default
-
+        }
+        // If you got here is because an animation has been triggered so store the current time
+        lastScrollTime = new window.Date().getTime();
+        // Return false as a default
         return false;
       }
       function releaseScroll(newEvent) {
@@ -34335,7 +34617,6 @@
         const targetElContainsTarget = targetEl && targetEl.contains(e.target);
         if (!swiper.mouseEntered && !targetElContainsTarget && !params.releaseOnEdges) return true;
         if (e.originalEvent) e = e.originalEvent; // jquery fix
-
         let delta = 0;
         const rtlFactor = swiper.rtlTranslate ? -1 : 1;
         const data = normalize(e);
@@ -34347,18 +34628,20 @@
           delta = Math.abs(data.pixelX) > Math.abs(data.pixelY) ? -data.pixelX * rtlFactor : -data.pixelY;
         }
         if (delta === 0) return true;
-        if (params.invert) delta = -delta; // Get the scroll positions
+        if (params.invert) delta = -delta;
 
+        // Get the scroll positions
         let positions = swiper.getTranslate() + delta * params.sensitivity;
         if (positions >= swiper.minTranslate()) positions = swiper.minTranslate();
-        if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate(); // When loop is true:
+        if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate();
+
+        // When loop is true:
         //     the disableParentSwiper will be true.
         // When loop is false:
         //     if the scroll positions is not on edge,
         //     then the disableParentSwiper will be true.
         //     if the scroll on edge positions,
         //     then the disableParentSwiper will be false.
-
         disableParentSwiper = swiper.params.loop ? true : !(positions === swiper.minTranslate() || positions === swiper.maxTranslate());
         if (disableParentSwiper && swiper.params.nested) e.stopPropagation();
         if (!swiper.params.freeMode || !swiper.params.freeMode.enabled) {
@@ -34368,34 +34651,38 @@
             delta: Math.abs(delta),
             direction: Math.sign(delta),
             raw: event
-          }; // Keep the most recent events
+          };
 
+          // Keep the most recent events
           if (recentWheelEvents.length >= 2) {
             recentWheelEvents.shift(); // only store the last N events
           }
 
           const prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
-          recentWheelEvents.push(newEvent); // If there is at least one previous recorded event:
+          recentWheelEvents.push(newEvent);
+
+          // If there is at least one previous recorded event:
           //   If direction has changed or
           //   if the scroll is quicker than the previous one:
           //     Animate the slider.
           // Else (this is the first time the wheel is moved):
           //     Animate the slider.
-
           if (prevEvent) {
             if (newEvent.direction !== prevEvent.direction || newEvent.delta > prevEvent.delta || newEvent.time > prevEvent.time + 150) {
               animateSlider(newEvent);
             }
           } else {
             animateSlider(newEvent);
-          } // If it's time to release the scroll:
-          //   Return now so you don't hit the preventDefault.
+          }
 
+          // If it's time to release the scroll:
+          //   Return now so you don't hit the preventDefault.
           if (releaseScroll(newEvent)) {
             return true;
           }
         } else {
           // Freemode or scrollContainer:
+
           // If we recently snapped after a momentum scroll, then ignore wheel events
           // to give time for the deceleration to finish. Stop ignoring after 500 msecs
           // or if it's a new scroll (larger delta or inverse sign as last event before
@@ -34408,9 +34695,6 @@
           const ignoreWheelEvents = lastEventBeforeSnap && newEvent.time < lastEventBeforeSnap.time + 500 && newEvent.delta <= lastEventBeforeSnap.delta && newEvent.direction === lastEventBeforeSnap.direction;
           if (!ignoreWheelEvents) {
             lastEventBeforeSnap = undefined;
-            if (swiper.params.loop) {
-              swiper.loopFix();
-            }
             let position = swiper.getTranslate() + delta * params.sensitivity;
             const wasBeginning = swiper.isBeginning;
             const wasEnd = swiper.isEnd;
@@ -34424,6 +34708,12 @@
             if (!wasBeginning && swiper.isBeginning || !wasEnd && swiper.isEnd) {
               swiper.updateSlidesClasses();
             }
+            if (swiper.params.loop) {
+              swiper.loopFix({
+                direction: newEvent.direction < 0 ? 'next' : 'prev',
+                byMousewheel: true
+              });
+            }
             if (swiper.params.freeMode.sticky) {
               // When wheel scrolling starts with sticky (aka snap) enabled, then detect
               // the end of a momentum scroll by storing recent (N=15?) wheel events.
@@ -34474,12 +34764,14 @@
                   swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
                 }, 500);
               }
-            } // Emit event
-
-            if (!ignoreWheelEvents) emit('scroll', e); // Stop autoplay
+            }
 
-            if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) swiper.autoplay.stop(); // Return page scroll on edge positions
+            // Emit event
+            if (!ignoreWheelEvents) emit('scroll', e);
 
+            // Stop autoplay
+            if (swiper.params.autoplay && swiper.params.autoplayDisableOnInteraction) swiper.autoplay.stop();
+            // Return page scroll on edge positions
             if (position === swiper.minTranslate() || position === swiper.maxTranslate()) return true;
           }
         }
@@ -34588,8 +34880,9 @@
           if (swiper.params.uniqueNavElements && typeof el === 'string' && res.length > 1 && swiper.el.querySelectorAll(el).length === 1) {
             res = swiper.el.querySelector(el);
           }
-        } // if (Array.isArray(res) && res.length === 1) res = res[0];
-
+        }
+        if (el && !res) return el;
+        // if (Array.isArray(res) && res.length === 1) res = res[0];
         return res;
       }
       function toggleEl(el, disabled) {
@@ -34597,7 +34890,7 @@
         el = makeElementsArray(el);
         el.forEach(subEl => {
           if (subEl) {
-            subEl.classList[disabled ? 'add' : 'remove'](params.disabledClass);
+            subEl.classList[disabled ? 'add' : 'remove'](...params.disabledClass.split(' '));
             if (subEl.tagName === 'BUTTON') subEl.disabled = disabled;
             if (swiper.params.watchOverflow && swiper.enabled) {
               subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);
@@ -34651,7 +34944,7 @@
             el.addEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
           }
           if (!swiper.enabled && el) {
-            el.classList.add(params.lockClass);
+            el.classList.add(...params.lockClass.split(' '));
           }
         };
         nextEl.forEach(el => initButton(el, 'next'));
@@ -34666,7 +34959,7 @@
         prevEl = makeElementsArray(prevEl);
         const destroyButton = (el, dir) => {
           el.removeEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
-          el.classList.remove(swiper.params.navigation.disabledClass);
+          el.classList.remove(...swiper.params.navigation.disabledClass.split(' '));
         };
         nextEl.forEach(el => destroyButton(el, 'next'));
         prevEl.forEach(el => destroyButton(el, 'prev'));
@@ -34720,12 +35013,12 @@
         }
       });
       const enable = () => {
-        swiper.el.classList.remove(swiper.params.navigation.navigationDisabledClass);
+        swiper.el.classList.remove(...swiper.params.navigation.navigationDisabledClass.split(' '));
         init();
         update();
       };
       const disable = () => {
-        swiper.el.classList.add(swiper.params.navigation.navigationDisabledClass);
+        swiper.el.classList.add(...swiper.params.navigation.navigationDisabledClass.split(' '));
         destroy();
       };
       Object.assign(swiper.navigation, {
@@ -34802,10 +35095,11 @@
         const {
           bulletActiveClass
         } = swiper.params.pagination;
-        bulletEl = bulletEl.nextElementSibling;
+        if (!bulletEl) return;
+        bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
         if (bulletEl) {
           bulletEl.classList.add(`${bulletActiveClass}-${position}`);
-          bulletEl = bulletEl.nextElementSibling;
+          bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
           if (bulletEl) {
             bulletEl.classList.add(`${bulletActiveClass}-${position}-${position}`);
           }
@@ -34828,8 +35122,8 @@
         const params = swiper.params.pagination;
         if (isPaginationDisabled()) return;
         let el = swiper.pagination.el;
-        el = makeElementsArray(el); // Current/Total
-
+        el = makeElementsArray(el);
+        // Current/Total
         let current;
         const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
         const total = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
@@ -34839,8 +35133,8 @@
           current = swiper.snapIndex;
         } else {
           current = swiper.activeIndex || 0;
-        } // Types
-
+        }
+        // Types
         if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
           const bullets = swiper.pagination.bullets;
           let firstIndex;
@@ -35014,8 +35308,8 @@
         }
         if (!el || el.length === 0) return;
         if (swiper.params.uniqueNavElements && typeof params.el === 'string' && Array.isArray(el) && el.length > 1) {
-          el = [...swiper.el.querySelectorAll(params.el)]; // check if it belongs to another nested Swiper
-
+          el = [...swiper.el.querySelectorAll(params.el)];
+          // check if it belongs to another nested Swiper
           if (el.length > 1) {
             el = el.filter(subEl => {
               if (elementParents(subEl, '.swiper')[0] !== swiper.el) return false;
@@ -35230,13 +35524,13 @@
           el.style.opacity = 1;
           timeout = setTimeout(() => {
             el.style.opacity = 0;
-            el.style.transition = '400ms';
+            el.style.transitionDuration = '400ms';
           }, 1000);
         }
       }
       function setTransition(duration) {
         if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
-        swiper.scrollbar.dragEl.style.transition = `${duration}ms`;
+        swiper.scrollbar.dragEl.style.transitionDuration = `${duration}ms`;
       }
       function updateSize() {
         if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
@@ -35310,11 +35604,11 @@
         dragStartPos = e.target === dragEl ? getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;
         e.preventDefault();
         e.stopPropagation();
-        wrapperEl.style.transition = '100ms';
-        dragEl.style.transition = '100ms';
+        wrapperEl.style.transitionDuration = '100ms';
+        dragEl.style.transitionDuration = '100ms';
         setDragPosition(e);
         clearTimeout(dragTimeout);
-        el.style.transition = '0ms';
+        el.style.transitionDuration = '0ms';
         if (params.hide) {
           el.style.opacity = 1;
         }
@@ -35335,9 +35629,9 @@
         if (!isTouched) return;
         if (e.preventDefault) e.preventDefault();else e.returnValue = false;
         setDragPosition(e);
-        wrapperEl.style.transition = '0ms';
-        el.style.transition = '0ms';
-        dragEl.style.transition = '0ms';
+        wrapperEl.style.transitionDuration = '0ms';
+        el.style.transitionDuration = '0ms';
+        dragEl.style.transitionDuration = '0ms';
         emit('scrollbarDragMove', e);
       }
       function onDragEnd(e) {
@@ -35353,13 +35647,13 @@
         isTouched = false;
         if (swiper.params.cssMode) {
           swiper.wrapperEl.style['scroll-snap-type'] = '';
-          wrapperEl.style.transition = '';
+          wrapperEl.style.transitionDuration = '';
         }
         if (params.hide) {
           clearTimeout(dragTimeout);
           dragTimeout = nextTick(() => {
             el.style.opacity = 0;
-            el.style.transition = '400ms';
+            el.style.transitionDuration = '400ms';
           }, 1000);
         }
         emit('scrollbarDragEnd', e);
@@ -35411,8 +35705,10 @@
         if (typeof params.el === 'string' && swiper.isElement) {
           el = swiper.el.shadowRoot.querySelector(params.el);
         }
-        if (!el) {
+        if (!el && typeof params.el === 'string') {
           el = document.querySelectorAll(params.el);
+        } else if (!el) {
+          el = params.el;
         }
         if (swiper.params.uniqueNavElements && typeof params.el === 'string' && el.length > 1 && swiperEl.querySelectorAll(params.el).length === 1) {
           el = swiperEl.querySelector(params.el);
@@ -35523,6 +35819,7 @@
         let y = el.getAttribute('data-swiper-parallax-y');
         const scale = el.getAttribute('data-swiper-parallax-scale');
         const opacity = el.getAttribute('data-swiper-parallax-opacity');
+        const rotate = el.getAttribute('data-swiper-parallax-rotate');
         if (x || y) {
           x = x || '0';
           y = y || '0';
@@ -35547,12 +35844,16 @@
           const currentOpacity = opacity - (opacity - 1) * (1 - Math.abs(progress));
           el.style.opacity = currentOpacity;
         }
-        if (typeof scale === 'undefined' || scale === null) {
-          el.style.transform = `translate3d(${x}, ${y}, 0px)`;
-        } else {
+        let transform = `translate3d(${x}, ${y}, 0px)`;
+        if (typeof scale !== 'undefined' && scale !== null) {
           const currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
-          el.style.transform = `translate3d(${x}, ${y}, 0px) scale(${currentScale})`;
+          transform += ` scale(${currentScale})`;
         }
+        if (rotate && typeof rotate !== 'undefined' && rotate !== null) {
+          const currentRotate = rotate * progress * -1;
+          transform += ` rotate(${currentRotate}deg)`;
+        }
+        el.style.transform = transform;
       };
       const setTranslate = () => {
         const {
@@ -35570,7 +35871,7 @@
             slideProgress += Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
           }
           slideProgress = Math.min(Math.max(slideProgress, -1), 1);
-          slideEl.querySelectorAll('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').forEach(subEl => {
+          slideEl.querySelectorAll('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale], [data-swiper-parallax-rotate]').forEach(subEl => {
             setTransform(subEl, slideProgress);
           });
         });
@@ -35585,7 +35886,7 @@
         el.querySelectorAll('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').forEach(parallaxEl => {
           let parallaxDuration = parseInt(parallaxEl.getAttribute('data-swiper-parallax-duration'), 10) || duration;
           if (duration === 0) parallaxDuration = 0;
-          parallaxEl.style.transition = `${parallaxDuration}ms`;
+          parallaxEl.style.transitionDuration = `${parallaxDuration}ms`;
         });
       };
       on('beforeInit', () => {
@@ -35701,8 +36002,9 @@
         if (e.target.matches(selector)) return true;
         if ([...swiper.el.querySelectorAll(selector)].filter(containerEl => containerEl.contains(e.target)).length > 0) return true;
         return false;
-      } // Events
+      }
 
+      // Events
       function onGestureStart(e) {
         if (!eventWithinSlide(e)) return;
         const params = swiper.params.zoom;
@@ -35803,8 +36105,8 @@
           gesture.slideWidth = gesture.slideEl.offsetWidth;
           gesture.slideHeight = gesture.slideEl.offsetHeight;
           gesture.imageWrapEl.style.transitionDuration = '0ms';
-        } // Define if we need image drag
-
+        }
+        // Define if we need image drag
         const scaledWidth = image.width * zoom.scale;
         const scaledHeight = image.height * zoom.scale;
         if (scaledWidth < gesture.slideWidth && scaledHeight < gesture.slideHeight) return;
@@ -35842,8 +36144,9 @@
         }
         if (image.currentY > image.maxY) {
           image.currentY = image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
-        } // Velocity
+        }
 
+        // Velocity
         if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;
         if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;
         if (!velocity.prevTime) velocity.prevTime = Date.now();
@@ -35871,14 +36174,16 @@
         const momentumDistanceX = velocity.x * momentumDurationX;
         const newPositionX = image.currentX + momentumDistanceX;
         const momentumDistanceY = velocity.y * momentumDurationY;
-        const newPositionY = image.currentY + momentumDistanceY; // Fix duration
+        const newPositionY = image.currentY + momentumDistanceY;
 
+        // Fix duration
         if (velocity.x !== 0) momentumDurationX = Math.abs((newPositionX - image.currentX) / velocity.x);
         if (velocity.y !== 0) momentumDurationY = Math.abs((newPositionY - image.currentY) / velocity.y);
         const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
         image.currentX = newPositionX;
-        image.currentY = newPositionY; // Define if we need image drag
+        image.currentY = newPositionY;
 
+        // Define if we need image drag
         const scaledWidth = image.width * zoom.scale;
         const scaledHeight = image.height * zoom.scale;
         image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
@@ -35962,9 +36267,14 @@
           touchX = image.touchesStart.x;
           touchY = image.touchesStart.y;
         }
-        zoom.scale = gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
-        currentScale = gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
-        if (e) {
+        const forceZoomRatio = typeof e === 'number' ? e : null;
+        if (currentScale === 1 && forceZoomRatio) {
+          touchX = undefined;
+          touchY = undefined;
+        }
+        zoom.scale = forceZoomRatio || gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
+        currentScale = forceZoomRatio || gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
+        if (e && !(currentScale === 1 && forceZoomRatio)) {
           slideWidth = gesture.slideEl.offsetWidth;
           slideHeight = gesture.slideEl.offsetHeight;
           offsetX = elementOffset(gesture.slideEl).left + window.scrollX;
@@ -36035,8 +36345,9 @@
         gesture.imageEl.style.transform = 'translate3d(0,0,0) scale(1)';
         gesture.slideEl.classList.remove(`${params.zoomedSlideClass}`);
         gesture.slideEl = undefined;
-      } // Toggle Zoom
+      }
 
+      // Toggle Zoom
       function zoomToggle(e) {
         const zoom = swiper.zoom;
         if (zoom.scale && zoom.scale !== 1) {
@@ -36060,8 +36371,9 @@
           passiveListener,
           activeListenerWithCapture
         };
-      } // Attach/Detach Events
+      }
 
+      // Attach/Detach Events
       function enable() {
         const zoom = swiper.zoom;
         if (zoom.enabled) return;
@@ -36069,14 +36381,17 @@
         const {
           passiveListener,
           activeListenerWithCapture
-        } = getListeners(); // Scale image
+        } = getListeners();
+
+        // Scale image
 
         swiper.wrapperEl.addEventListener('pointerdown', onGestureStart, passiveListener);
         swiper.wrapperEl.addEventListener('pointermove', onGestureChange, activeListenerWithCapture);
         ['pointerup', 'pointercancel'].forEach(eventName => {
           swiper.wrapperEl.addEventListener(eventName, onGestureEnd, passiveListener);
-        }); // Move image
+        });
 
+        // Move image
         swiper.wrapperEl.addEventListener('pointermove', onTouchMove, activeListenerWithCapture);
       }
       function disable() {
@@ -36086,14 +36401,16 @@
         const {
           passiveListener,
           activeListenerWithCapture
-        } = getListeners(); // Scale image
+        } = getListeners();
 
+        // Scale image
         swiper.wrapperEl.removeEventListener('pointerdown', onGestureStart, passiveListener);
         swiper.wrapperEl.removeEventListener('pointermove', onGestureChange, activeListenerWithCapture);
         ['pointerup', 'pointercancel'].forEach(eventName => {
           swiper.wrapperEl.removeEventListener(eventName, onGestureEnd, passiveListener);
-        }); // Move image
+        });
 
+        // Move image
         swiper.wrapperEl.removeEventListener('pointermove', onTouchMove, activeListenerWithCapture);
       }
       on('init', () => {
@@ -36175,24 +36492,26 @@
         }();
         this.x = x;
         this.y = y;
-        this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:
+        this.lastIndex = x.length - 1;
+        // Given an x value (x2), return the expected y2 value:
         // (x1,y1) is the known point before given value,
         // (x3,y3) is the known point after given value.
-
         let i1;
         let i3;
         this.interpolate = function interpolate(x2) {
-          if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+          if (!x2) return 0;
 
+          // Get the indexes of x1 and x3 (the array indexes before and after given x2):
           i3 = binarySearch(this.x, x2);
-          i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:
-          // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+          i1 = i3 - 1;
 
+          // We have our indexes i1 & i3, so we can calculate already:
+          // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
           return (x2 - this.x[i1]) * (this.y[i3] - this.y[i1]) / (this.x[i3] - this.x[i1]) + this.y[i1];
         };
         return this;
-      } // xxx: for now i will just save one spline function to to
-
+      }
+      // xxx: for now i will just save one spline function to to
       function getInterpolateFunction(c) {
         if (!swiper.controller.spline) {
           swiper.controller.spline = swiper.params.loop ? new LinearSpline(swiper.slidesGrid, c.slidesGrid) : new LinearSpline(swiper.snapGrid, c.snapGrid);
@@ -36210,9 +36529,9 @@
           // the function does a lot of value caching for performance
           const translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;
           if (swiper.params.controller.by === 'slide') {
-            getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+            getInterpolateFunction(c);
+            // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
             // but it did not work out
-
             controlledTranslate = -swiper.controller.spline.interpolate(-translate);
           }
           if (!controlledTranslate || swiper.params.controller.by === 'container') {
@@ -36252,10 +36571,6 @@
             }
             elementTransitionEnd(c.wrapperEl, () => {
               if (!controlled) return;
-              if (swiper.params.loop) swiper.loopFix(undefined, false);
-              if (c.params.loop && swiper.params.controller.by === 'slide') {
-                c.loopFix();
-              }
               c.transitionEnd();
             });
           }
@@ -36558,24 +36873,28 @@
       };
       const init = () => {
         const params = swiper.params.a11y;
-        swiper.el.append(liveRegion); // Container
+        swiper.el.append(liveRegion);
 
+        // Container
         const containerEl = swiper.el;
         if (params.containerRoleDescriptionMessage) {
           addElRoleDescription(containerEl, params.containerRoleDescriptionMessage);
         }
         if (params.containerMessage) {
           addElLabel(containerEl, params.containerMessage);
-        } // Wrapper
+        }
 
+        // Wrapper
         const wrapperEl = swiper.wrapperEl;
         const wrapperId = params.id || wrapperEl.getAttribute('id') || `swiper-wrapper-${getRandomNumber(16)}`;
         const live = swiper.params.autoplay && swiper.params.autoplay.enabled ? 'off' : 'polite';
         addElId(wrapperEl, wrapperId);
-        addElLive(wrapperEl, live); // Slide
+        addElLive(wrapperEl, live);
 
-        initSlides(); // Navigation
+        // Slide
+        initSlides();
 
+        // Navigation
         let {
           nextEl,
           prevEl
@@ -36587,12 +36906,17 @@
         }
         if (prevEl) {
           prevEl.forEach(el => initNavEl(el, wrapperId, params.prevSlideMessage));
-        } // Pagination
+        }
 
+        // Pagination
         if (hasClickablePagination()) {
-          swiper.pagination.el.addEventListener('keydown', onEnterOrSpaceKey);
-        } // Tab focus
+          const paginationEl = Array.isArray(swiper.pagination.el) ? swiper.pagination.el : [swiper.pagination.el];
+          paginationEl.forEach(el => {
+            el.addEventListener('keydown', onEnterOrSpaceKey);
+          });
+        }
 
+        // Tab focus
         swiper.el.addEventListener('focus', handleFocus, true);
         swiper.el.addEventListener('pointerdown', handlePointerDown, true);
         swiper.el.addEventListener('pointerup', handlePointerUp, true);
@@ -36610,12 +36934,17 @@
         }
         if (prevEl) {
           prevEl.forEach(el => el.removeEventListener('keydown', onEnterOrSpaceKey));
-        } // Pagination
+        }
 
+        // Pagination
         if (hasClickablePagination()) {
-          swiper.pagination.el.off('keydown', onEnterOrSpaceKey);
-        } // Tab focus
+          const paginationEl = Array.isArray(swiper.pagination.el) ? swiper.pagination.el : [swiper.pagination.el];
+          paginationEl.forEach(el => {
+            el.removeEventListener('keydown', onEnterOrSpaceKey);
+          });
+        }
 
+        // Tab focus
         swiper.el.removeEventListener('focus', handleFocus, true);
         swiper.el.removeEventListener('pointerdown', handlePointerDown, true);
         swiper.el.removeEventListener('pointerup', handlePointerUp, true);
@@ -36701,9 +37030,9 @@
         if (swiper.params.history.root.length > 0) {
           let root = swiper.params.history.root;
           if (root[root.length - 1] === '/') root = root.slice(0, root.length - 1);
-          value = `${root}/${key}/${value}`;
+          value = `${root}/${key ? `${key}/` : ''}${value}`;
         } else if (!location.pathname.includes(key)) {
-          value = `${key}/${value}`;
+          value = `${key ? `${key}/` : ''}${value}`;
         }
         if (swiper.params.history.keepQuery) {
           value += location.search;
@@ -36750,7 +37079,12 @@
         }
         initialized = true;
         paths = getPathValues(swiper.params.url);
-        if (!paths.key && !paths.value) return;
+        if (!paths.key && !paths.value) {
+          if (!swiper.params.history.replaceState) {
+            window.addEventListener('popstate', setHistoryPopState);
+          }
+          return;
+        }
         scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit);
         if (!swiper.params.history.replaceState) {
           window.addEventListener('popstate', setHistoryPopState);
@@ -36987,8 +37321,9 @@
           requestAnimationFrame(() => {
             proceed();
           });
-        } // eslint-disable-next-line
+        }
 
+        // eslint-disable-next-line
         return delay;
       };
       const start = () => {
@@ -37180,12 +37515,10 @@
           slideToIndex = clickedIndex;
         }
         if (swiper.params.loop) {
-          const currentIndex = swiper.activeIndex;
-          const prevIndex = swiper.slides.indexOf(elementPrevAll(swiper.slides[currentIndex], `[data-swiper-slide-index="${slideToIndex}"]`)[0]);
-          const nextIndex = swiper.slides.indexOf(elementNextAll(swiper.slides[currentIndex], `[data-swiper-slide-index="${slideToIndex}"]`)[0]);
-          if (typeof prevIndex === 'undefined') slideToIndex = nextIndex;else if (typeof nextIndex === 'undefined') slideToIndex = prevIndex;else if (nextIndex - currentIndex < currentIndex - prevIndex) slideToIndex = nextIndex;else slideToIndex = prevIndex;
+          swiper.slideToLoop(slideToIndex);
+        } else {
+          swiper.slideTo(slideToIndex);
         }
-        swiper.slideTo(slideToIndex);
       }
       function init() {
         const {
@@ -37221,8 +37554,9 @@
       function update(initial) {
         const thumbsSwiper = swiper.thumbs.swiper;
         if (!thumbsSwiper || thumbsSwiper.destroyed) return;
-        const slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' ? thumbsSwiper.slidesPerViewDynamic() : thumbsSwiper.params.slidesPerView; // Activate thumbs
+        const slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' ? thumbsSwiper.slidesPerViewDynamic() : thumbsSwiper.params.slidesPerView;
 
+        // Activate thumbs
         let thumbsToActivate = 1;
         const thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;
         if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {
@@ -37241,7 +37575,9 @@
           }
         } else {
           for (let i = 0; i < thumbsToActivate; i += 1) {
-            thumbsSwiper.slides[swiper.realIndex + i].classList.add(thumbActiveClass);
+            if (thumbsSwiper.slides[swiper.realIndex + i]) {
+              thumbsSwiper.slides[swiper.realIndex + i].classList.add(thumbActiveClass);
+            }
           }
         }
         const autoScrollOffset = swiper.params.thumbs.autoScrollOffset;
@@ -37251,20 +37587,8 @@
           let newThumbsIndex;
           let direction;
           if (thumbsSwiper.params.loop) {
-            // Find actual thumbs index to slide to
-            const prevThumbsIndex = thumbsSwiper.slides.indexOf(elementPrevAll(thumbsSwiper.slides[currentThumbsIndex], `[data-swiper-slide-index="${swiper.realIndex}"]`)[0]);
-            const nextThumbsIndex = thumbsSwiper.slides.indexOf(elementNextAll(thumbsSwiper.slides[currentThumbsIndex], `[data-swiper-slide-index="${swiper.realIndex}"]`)[0]);
-            if (typeof prevThumbsIndex === 'undefined') {
-              newThumbsIndex = nextThumbsIndex;
-            } else if (typeof nextThumbsIndex === 'undefined') {
-              newThumbsIndex = prevThumbsIndex;
-            } else if (nextThumbsIndex - currentThumbsIndex === currentThumbsIndex - prevThumbsIndex) {
-              newThumbsIndex = thumbsSwiper.params.slidesPerGroup > 1 ? nextThumbsIndex : currentThumbsIndex;
-            } else if (nextThumbsIndex - currentThumbsIndex < currentThumbsIndex - prevThumbsIndex) {
-              newThumbsIndex = nextThumbsIndex;
-            } else {
-              newThumbsIndex = prevThumbsIndex;
-            }
+            const newThumbsSlide = thumbsSwiper.slides.filter(slideEl => slideEl.getAttribute('data-swiper-slide-index') === `${swiper.realIndex}`)[0];
+            newThumbsIndex = thumbsSwiper.slides.indexOf(newThumbsSlide);
             direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';
           } else {
             newThumbsIndex = swiper.realIndex;
@@ -37280,7 +37604,8 @@
               } else {
                 newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
               }
-            } else if (newThumbsIndex > currentThumbsIndex && thumbsSwiper.params.slidesPerGroup === 1) {// newThumbsIndex = newThumbsIndex - slidesPerView + 1;
+            } else if (newThumbsIndex > currentThumbsIndex && thumbsSwiper.params.slidesPerGroup === 1) {
+              // newThumbsIndex = newThumbsIndex - slidesPerView + 1;
             }
             thumbsSwiper.slideTo(newThumbsIndex, initial ? 0 : undefined);
           }
@@ -37293,24 +37618,37 @@
         if (!thumbs || !thumbs.swiper) return;
         if (typeof thumbs.swiper === 'string' || thumbs.swiper instanceof HTMLElement) {
           const document = getDocument();
-          const thumbsElement = typeof thumbs.swiper === 'string' ? document.querySelector(thumbs.swiper) : thumbs.swiper;
-          if (thumbsElement && thumbsElement.swiper) {
-            thumbs.swiper = swiper;
-          } else if (thumbsElement) {
-            const onThumbsSwiper = e => {
-              thumbs.swiper = e.detail[0];
-              thumbsElement.removeEventListener('init', onThumbsSwiper);
+          const getThumbsElementAndInit = () => {
+            const thumbsElement = typeof thumbs.swiper === 'string' ? document.querySelector(thumbs.swiper) : thumbs.swiper;
+            if (thumbsElement && thumbsElement.swiper) {
+              thumbs.swiper = thumbsElement.swiper;
               init();
               update(true);
-              thumbs.swiper.update();
-              swiper.update();
-            };
-            thumbsElement.addEventListener('init', onThumbsSwiper);
-            return;
-          }
+            } else if (thumbsElement) {
+              const onThumbsSwiper = e => {
+                thumbs.swiper = e.detail[0];
+                thumbsElement.removeEventListener('init', onThumbsSwiper);
+                init();
+                update(true);
+                thumbs.swiper.update();
+                swiper.update();
+              };
+              thumbsElement.addEventListener('init', onThumbsSwiper);
+            }
+            return thumbsElement;
+          };
+          const watchForThumbsToAppear = () => {
+            if (swiper.destroyed) return;
+            const thumbsElement = getThumbsElementAndInit();
+            if (!thumbsElement) {
+              requestAnimationFrame(watchForThumbsToAppear);
+            }
+          };
+          requestAnimationFrame(watchForThumbsToAppear);
+        } else {
+          init();
+          update(true);
         }
-        init();
-        update(true);
       });
       on('slideChange update resize observerUpdate', () => {
         update();
@@ -37365,8 +37703,8 @@
         const {
           touchEventsData: data,
           touches
-        } = swiper; // Velocity
-
+        } = swiper;
+        // Velocity
         if (data.velocities.length === 0) {
           data.velocities.push({
             position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
@@ -37388,8 +37726,8 @@
           rtlTranslate: rtl,
           snapGrid,
           touchEventsData: data
-        } = swiper; // Time diff
-
+        } = swiper;
+        // Time diff
         const touchEndTime = now();
         const timeDiff = touchEndTime - data.touchStartTime;
         if (currentPos < -swiper.minTranslate()) {
@@ -37414,9 +37752,9 @@
             swiper.velocity /= 2;
             if (Math.abs(swiper.velocity) < params.freeMode.minimumVelocity) {
               swiper.velocity = 0;
-            } // this implies that the user stopped moving a finger then released.
+            }
+            // this implies that the user stopped moving a finger then released.
             // There would be no events with distance zero, so the last event is stale.
-
             if (time > 150 || now() - lastMoveEvent.time > 300) {
               swiper.velocity = 0;
             }
@@ -37476,8 +37814,8 @@
             once('transitionEnd', () => {
               swiper.loopFix();
             });
-          } // Fix duration
-
+          }
+          // Fix duration
           if (swiper.velocity !== 0) {
             if (rtl) {
               momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
@@ -37604,8 +37942,8 @@
         const {
           rows,
           fill
-        } = swiper.params.grid; // Set slides order
-
+        } = swiper.params.grid;
+        // Set slides order
         let newSlideOrderIndex;
         let column;
         let row;
@@ -37693,7 +38031,7 @@
       if (params.loop) {
         swiper.loopCreate();
       }
-      if (!params.observer) {
+      if (!params.observer || swiper.isElement) {
         swiper.update();
       }
     }
@@ -37731,7 +38069,7 @@
       if (params.loop) {
         swiper.loopCreate();
       }
-      if (!params.observer) {
+      if (!params.observer || swiper.isElement) {
         swiper.update();
       }
       swiper.slideTo(newActiveIndex, 0, false);
@@ -37781,7 +38119,7 @@
       if (params.loop) {
         swiper.loopCreate();
       }
-      if (!params.observer) {
+      if (!params.observer || swiper.isElement) {
         swiper.update();
       }
       if (params.loop) {
@@ -37821,7 +38159,7 @@
       if (params.loop) {
         swiper.loopCreate();
       }
-      if (!params.observer) {
+      if (!params.observer || swiper.isElement) {
         swiper.update();
       }
       if (params.loop) {
@@ -37886,12 +38224,12 @@
       on('transitionEnd', () => {
         if (swiper.params.effect !== effect) return;
         if (recreateShadows) {
-          if (!getEffectParams || !getEffectParams().slideShadows) return; // remove shadows
-
+          if (!getEffectParams || !getEffectParams().slideShadows) return;
+          // remove shadows
           swiper.slides.forEach(slideEl => {
             slideEl.querySelectorAll('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').forEach(shadowEl => shadowEl.remove());
-          }); // create new one
-
+          });
+          // create new one
           recreateShadows();
         }
       });
@@ -37954,14 +38292,11 @@
             if (!swiper || swiper.destroyed) return;
             eventTriggered = true;
             swiper.animating = false;
-            const triggerEvents = ['webkitTransitionEnd', 'transitionend'];
-            triggerEvents.forEach(eventName => {
-              const evt = new window.CustomEvent(eventName, {
-                bubbles: true,
-                cancelable: true
-              });
-              swiper.wrapperEl.dispatchEvent(evt);
+            const evt = new window.CustomEvent('transitionend', {
+              bubbles: true,
+              cancelable: true
             });
+            swiper.wrapperEl.dispatchEvent(evt);
           });
         });
       }
@@ -38002,7 +38337,7 @@
       const setTransition = duration => {
         const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
         transformElements.forEach(el => {
-          el.style.transition = `${duration}ms`;
+          el.style.transitionDuration = `${duration}ms`;
         });
         effectVirtualTransitionEnd({
           swiper,
@@ -38155,7 +38490,7 @@
             cubeShadowEl.style.transform = `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${swiperHeight / 2 + offset}px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`;
           }
         }
-        const zFactor = browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0;
+        const zFactor = (browser.isSafari || browser.isWebView) && browser.needPerspectiveFix ? -swiperSize / 2 : 0;
         wrapperEl.style.transform = `translate3d(0px,0,${zFactor}px) rotateX(${swiper.isHorizontal() ? 0 : wrapperRotate}deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`;
         wrapperEl.style.setProperty('--swiper-cube-translate-z', `${zFactor}px`);
       };
@@ -38280,9 +38615,9 @@
       const setTransition = duration => {
         const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
         transformElements.forEach(el => {
-          el.style.transition = `${duration}ms`;
+          el.style.transitionDuration = `${duration}ms`;
           el.querySelectorAll('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').forEach(shadowEl => {
-            shadowEl.style.transition = `${duration}ms`;
+            shadowEl.style.transitionDuration = `${duration}ms`;
           });
         });
         effectVirtualTransitionEnd({
@@ -38338,8 +38673,8 @@
         const transform = swiper.translate;
         const center = isHorizontal ? -transform + swiperWidth / 2 : -transform + swiperHeight / 2;
         const rotate = isHorizontal ? params.rotate : -params.rotate;
-        const translate = params.depth; // Each slide offset from center
-
+        const translate = params.depth;
+        // Each slide offset from center
         for (let i = 0, length = slides.length; i < length; i += 1) {
           const slideEl = slides[i];
           const slideSize = slidesSizesGrid[i];
@@ -38347,18 +38682,19 @@
           const centerOffset = (center - slideOffset - slideSize / 2) / slideSize;
           const offsetMultiplier = typeof params.modifier === 'function' ? params.modifier(centerOffset) : centerOffset * params.modifier;
           let rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
-          let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0
-
+          let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier;
+          // var rotateZ = 0
           let translateZ = -translate * Math.abs(offsetMultiplier);
-          let stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders
-
+          let stretch = params.stretch;
+          // Allow percentage to make a relative stretch for responsive sliders
           if (typeof stretch === 'string' && stretch.indexOf('%') !== -1) {
             stretch = parseFloat(params.stretch) / 100 * slideSize;
           }
           let translateY = isHorizontal ? 0 : stretch * offsetMultiplier;
           let translateX = isHorizontal ? stretch * offsetMultiplier : 0;
-          let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values
+          let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier);
 
+          // Fix for ultra small values
           if (Math.abs(translateX) < 0.001) translateX = 0;
           if (Math.abs(translateY) < 0.001) translateY = 0;
           if (Math.abs(translateZ) < 0.001) translateZ = 0;
@@ -38387,9 +38723,9 @@
       const setTransition = duration => {
         const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
         transformElements.forEach(el => {
-          el.style.transition = `${duration}ms`;
+          el.style.transitionDuration = `${duration}ms`;
           el.querySelectorAll('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').forEach(shadowEl => {
-            shadowEl.style.transition = `${duration}ms`;
+            shadowEl.style.transitionDuration = `${duration}ms`;
           });
         });
       };
@@ -38479,12 +38815,12 @@
           } else if (progress > 0) {
             data = params.prev;
             custom = true;
-          } // set translate
-
+          }
+          // set translate
           t.forEach((value, index) => {
             t[index] = `calc(${value}px + (${getTranslateValue(data.translate[index])} * ${Math.abs(progress * multiplier)}))`;
-          }); // set rotates
-
+          });
+          // set rotates
           r.forEach((value, index) => {
             r[index] = data.rotate[index] * Math.abs(progress * multiplier);
           });
@@ -38493,8 +38829,9 @@
           const rotateString = `rotateX(${r[0]}deg) rotateY(${r[1]}deg) rotateZ(${r[2]}deg)`;
           const scaleString = originalProgress < 0 ? `scale(${1 + (1 - data.scale) * originalProgress * multiplier})` : `scale(${1 - (1 - data.scale) * originalProgress * multiplier})`;
           const opacityString = originalProgress < 0 ? 1 + (1 - data.opacity) * originalProgress * multiplier : 1 - (1 - data.opacity) * originalProgress * multiplier;
-          const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`; // Set shadows
+          const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`;
 
+          // Set shadows
           if (custom && data.shadow || !custom) {
             let shadowEl = slideEl.querySelector('.swiper-slide-shadow');
             if (!shadowEl && data.shadow) {
@@ -38516,9 +38853,9 @@
       const setTransition = duration => {
         const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
         transformElements.forEach(el => {
-          el.style.transition = `${duration}ms`;
+          el.style.transitionDuration = `${duration}ms`;
           el.querySelectorAll('.swiper-slide-shadow').forEach(shadowEl => {
-            shadowEl.style.transition = `${duration}ms`;
+            shadowEl.style.transitionDuration = `${duration}ms`;
           });
         });
         effectVirtualTransitionEnd({
@@ -38630,9 +38967,9 @@
       const setTransition = duration => {
         const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
         transformElements.forEach(el => {
-          el.style.transition = `${duration}ms`;
+          el.style.transitionDuration = `${duration}ms`;
           el.querySelectorAll('.swiper-slide-shadow').forEach(shadowEl => {
-            shadowEl.style.transition = `${duration}ms`;
+            shadowEl.style.transitionDuration = `${duration}ms`;
           });
         });
         effectVirtualTransitionEnd({
@@ -38656,15 +38993,15 @@
     }
 
     /**
-     * Swiper 9.0.0-beta.21
+     * Swiper 9.0.3
      * Most modern mobile touch slider and framework with hardware accelerated transitions
      * https://swiperjs.com
      *
-     * Copyright 2014-2022 Vladimir Kharlampidi
+     * Copyright 2014-2023 Vladimir Kharlampidi
      *
      * Released under the MIT License
      *
-     * Released on: December 16, 2022
+     * Released on: February 6, 2023
      */
 
     // Swiper Class
@@ -38672,9 +39009,9 @@
     Swiper$1.use(modules);
 
     /* underscore in name -> watch for changes */
-    const paramsList = ['modules', 'init', '_direction', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_loop', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideActiveClass', 'slideVisibleClass', 'slideNextClass', 'slidePrevClass', 'wrapperClass', 'lazyPreloaderClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren',
+    const paramsList = ['modules', 'init', '_direction', 'oneWayMovement', 'touchEventsTarget', 'initialSlide', '_speed', 'cssMode', 'updateOnWindowResize', 'resizeObserver', 'nested', 'focusableElements', '_enabled', '_width', '_height', 'preventInteractionOnTransition', 'userAgent', 'url', '_edgeSwipeDetection', '_edgeSwipeThreshold', '_freeMode', '_autoHeight', 'setWrapperSize', 'virtualTranslate', '_effect', 'breakpoints', '_spaceBetween', '_slidesPerView', 'maxBackfaceHiddenSlides', '_grid', '_slidesPerGroup', '_slidesPerGroupSkip', '_slidesPerGroupAuto', '_centeredSlides', '_centeredSlidesBounds', '_slidesOffsetBefore', '_slidesOffsetAfter', 'normalizeSlideIndex', '_centerInsufficientSlides', '_watchOverflow', 'roundLengths', 'touchRatio', 'touchAngle', 'simulateTouch', '_shortSwipes', '_longSwipes', 'longSwipesRatio', 'longSwipesMs', '_followFinger', 'allowTouchMove', '_threshold', 'touchMoveStopPropagation', 'touchStartPreventDefault', 'touchStartForcePreventDefault', 'touchReleaseOnEdges', 'uniqueNavElements', '_resistance', '_resistanceRatio', '_watchSlidesProgress', '_grabCursor', 'preventClicks', 'preventClicksPropagation', '_slideToClickedSlide', '_loop', 'loopedSlides', 'loopPreventsSliding', '_rewind', '_allowSlidePrev', '_allowSlideNext', '_swipeHandler', '_noSwiping', 'noSwipingClass', 'noSwipingSelector', 'passiveListeners', 'containerModifierClass', 'slideClass', 'slideActiveClass', 'slideVisibleClass', 'slideNextClass', 'slidePrevClass', 'wrapperClass', 'lazyPreloaderClass', 'runCallbacksOnInit', 'observer', 'observeParents', 'observeSlideChildren',
     // modules
-    'a11y', '_autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'creativeEffect', 'cardsEffect', 'hashNavigation', 'history', 'keyboard', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom', 'control', 'modulesStyles'];
+    'a11y', '_autoplay', '_controller', 'coverflowEffect', 'cubeEffect', 'fadeEffect', 'flipEffect', 'creativeEffect', 'cardsEffect', 'hashNavigation', 'history', 'keyboard', 'mousewheel', '_navigation', '_pagination', 'parallax', '_scrollbar', '_thumbs', 'virtual', 'zoom', 'control', 'injectStyles', 'injectStylesUrls'];
 
     function isObject(o) {
       return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';
@@ -38724,6 +39061,14 @@
       }
       return attrName.replace(/-[a-z]/g, l => l.toUpperCase().replace('-', ''));
     }
+    function wrapperClass(className) {
+      if (className === void 0) {
+        className = '';
+      }
+      if (!className) return 'swiper-wrapper';
+      if (!className.includes('swiper-wrapper')) return `swiper-wrapper ${className}`;
+      return className;
+    }
 
     const formatValue = val => {
       if (parseFloat(val) === Number(val)) return Number(val);
@@ -38767,6 +39112,9 @@
           if (!allowedParams.includes(name)) return;
           const value = formatValue(attr.value);
           if (passedParams[name] && modulesParamsList.includes(attr.name)) {
+            if (passedParams[name].constructor !== Object) {
+              passedParams[name] = {};
+            }
             passedParams[name].enabled = value;
           } else {
             passedParams[name] = value;
@@ -38816,7 +39164,7 @@
         scrollbarEl,
         paginationEl
       } = _ref;
-      const updateParams = changedParams.filter(key => key !== 'children' && key !== 'direction');
+      const updateParams = changedParams.filter(key => key !== 'children' && key !== 'direction' && key !== 'wrapperClass');
       const {
         params: currentParams,
         pagination,
@@ -38967,18 +39315,19 @@
     }
 
     /**
-     * Swiper Custom Element 9.0.0-beta.21
+     * Swiper Custom Element 9.0.3
      * Most modern mobile touch slider and framework with hardware accelerated transitions
      * https://swiperjs.com
      *
-     * Copyright 2014-2022 Vladimir Kharlampidi
+     * Copyright 2014-2023 Vladimir Kharlampidi
      *
      * Released under the MIT License
      *
-     * Released on: December 16, 2022
+     * Released on: February 6, 2023
      */
     const SwiperFontCSS = `@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}`;
-    const SwiperCSS = `:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}:host(.swiper-vertical)>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight swiper-slide{height:auto}:host(.swiper-autoheight) .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host(.swiper-3d.swiper-css-mode) .swiper-wrapper{perspective:1200px}:host(.swiper-3d) .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d swiper-slide{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}:host(.swiper-css-mode)>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host(.swiper-css-mode)>.swiper-wrapper::-webkit-scrollbar{display:none}:host(.swiper-css-mode)>swiper-slide{scroll-snap-align:start start}:host(.swiper-horizontal.swiper-css-mode)>.swiper-wrapper{scroll-snap-type:x mandatory}:host(.swiper-vertical.swiper-css-mode)>.swiper-wrapper{scroll-snap-type:y mandatory}:host(.swiper-centered)>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}:host(.swiper-centered)>swiper-slide{scroll-snap-align:center center}:host(.swiper-centered.swiper-horizontal)>swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}:host(.swiper-centered.swiper-horizontal)>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}:host(.swiper-centered.swiper-vertical)>swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}:host(.swiper-centered.swiper-vertical)>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}:host(.swiper-virtual.swiper-css-mode) .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}:host(.swiper-virtual.swiper-css-mode.swiper-horizontal) .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}:host(.swiper-virtual.swiper-css-mode.swiper-vertical) .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-offset,10px);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-offset,10px);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}:host(.swiper-rtl) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:var(--swiper-scrollbar-offset,3px);z-index:50;height:var(--swiper-scrollbar-size,5px);width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:var(--swiper-scrollbar-offset,3px);top:1%;z-index:50;width:var(--swiper-scrollbar-size,5px);height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}:host(.swiper-free-mode)>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}:host(.swiper-grid)>.swiper-wrapper{flex-wrap:wrap}:host(.swiper-grid-column)>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode swiper-slide{transition-timing-function:ease-out}.swiper-fade swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade swiper-slide swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube swiper-slide swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube swiper-slide-next+swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip swiper-slide swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}`;
+    const SwiperCSS = `:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}:host(.swiper-vertical)>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight swiper-slide{height:auto}:host(.swiper-autoheight) .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host(.swiper-3d.swiper-css-mode) .swiper-wrapper{perspective:1200px}:host(.swiper-3d) .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d swiper-slide{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}:host(.swiper-css-mode)>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}:host(.swiper-css-mode)>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>swiper-slide{scroll-snap-align:start start}:host(.swiper-horizontal.swiper-css-mode)>.swiper-wrapper{scroll-snap-type:x mandatory}:host(.swiper-vertical.swiper-css-mode)>.swiper-wrapper{scroll-snap-type:y mandatory}:host(.swiper-centered)>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}:host(.swiper-centered.swiper-horizontal)>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}:host(.swiper-centered.swiper-vertical)>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}:host(.swiper-virtual.swiper-css-mode) .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}:host(.swiper-virtual.swiper-css-mode.swiper-horizontal) .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}:host(.swiper-virtual.swiper-css-mode.swiper-vertical) .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,:host(.swiper-rtl) .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,:host(.swiper-rtl) .swiper-button-next:after{content:'prev'}.swiper-button-next,:host(.swiper-rtl) .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,:host(.swiper-rtl) .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}:host(.swiper-rtl) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}:host(.swiper-free-mode)>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}:host(.swiper-grid)>.swiper-wrapper{flex-wrap:wrap}:host(.swiper-grid-column)>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode swiper-slide{transition-timing-function:ease-out}.swiper-fade swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade swiper-slide swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube swiper-slide swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube swiper-slide-next+swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip swiper-slide swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}`;
+    let globalInjectStyles = true;
     const addGlobalStyles = (preInit, swiper) => {
       let globalStyles = document.querySelector('style#swiper-element-styles');
       const shouldOverwrite = globalStyles && globalStyles.preInit && !preInit;
@@ -39009,20 +39358,26 @@
         });
       }
       cssStyles() {
-        return [SwiperCSS,
+        return [globalInjectStyles ? SwiperCSS : '',
         // eslint-disable-line
-        ...(this.modulesStyles && Array.isArray(this.modulesStyles) ? this.modulesStyles : [])].join('\n');
+        ...(this.injectStyles && Array.isArray(this.injectStyles) ? this.injectStyles : [])].join('\n');
       }
       cssLinks() {
-        return this.modulesStylesUrls || [];
+        return this.injectStylesUrls || [];
       }
       render() {
-        // global styles
-        addGlobalStyles(false, this);
+        if (globalInjectStyles) {
+          // global styles
+          addGlobalStyles(false, this);
+        }
+
         // local styles
-        this.stylesEl = document.createElement('style');
-        this.stylesEl.textContent = this.cssStyles();
-        this.shadowEl.appendChild(this.stylesEl);
+        const localStyles = this.cssStyles();
+        if (localStyles.length) {
+          this.stylesEl = document.createElement('style');
+          this.stylesEl.textContent = localStyles;
+          this.shadowEl.appendChild(this.stylesEl);
+        }
         this.cssLinks().forEach(url => {
           const linkExists = document.querySelector(`link[href="${url}"]`);
           if (linkExists) return;
@@ -39173,9 +39528,17 @@
     }
 
     // eslint-disable-next-line
-    const register = () => {
+    const register = function (injectStyles) {
+      if (injectStyles === void 0) {
+        injectStyles = true;
+      }
       if (typeof window === 'undefined') return;
-      addGlobalStyles(true);
+      if (!injectStyles) {
+        globalInjectStyles = false;
+      }
+      if (globalInjectStyles) {
+        addGlobalStyles(true);
+      }
       if (!window.customElements.get('swiper-container')) window.customElements.define('swiper-container', SwiperContainer);
       if (!window.customElements.get('swiper-slide')) window.customElements.define('swiper-slide', SwiperSlide);
     };
@@ -39281,7 +39644,7 @@
       on: {
         pageBeforeRemove(page) {
           const app = this;
-          page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          page.$el.find('.tabs-swipeable-wrap').each(swiperEl => {
             app.swiper.destroy(swiperEl);
           });
         },
@@ -39293,50 +39656,38 @@
         },
         pageInit(page) {
           const app = this;
-          page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          page.$el.find('.tabs-swipeable-wrap').each(swiperEl => {
             initSwiper.call(app, swiperEl);
           });
         },
         pageReinit(page) {
           const app = this;
-          page.$el.find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          page.$el.find('.tabs-swipeable-wrap').each(swiperEl => {
             const swiper = app.swiper.get(swiperEl);
             if (swiper && swiper.update) swiper.update();
           });
         },
         tabMounted(tabEl) {
           const app = this;
-          $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          $(tabEl).find('.tabs-swipeable-wrap').each(swiperEl => {
             initSwiper.call(app, swiperEl);
           });
         },
         tabShow(tabEl) {
           const app = this;
-          $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          $(tabEl).find('.tabs-swipeable-wrap').each(swiperEl => {
             const swiper = app.swiper.get(swiperEl);
             if (swiper && swiper.update) swiper.update();
           });
         },
         tabBeforeRemove(tabEl) {
           const app = this;
-          $(tabEl).find('.swiper-init, .tabs-swipeable-wrap').each(swiperEl => {
+          $(tabEl).find('.tabs-swipeable-wrap').each(swiperEl => {
             app.swiper.destroy(swiperEl);
           });
         }
       },
       vnode: {
-        'swiper-init': {
-          insert(vnode) {
-            const app = this;
-            const swiperEl = vnode.elm;
-            initSwiper.call(app, swiperEl);
-          },
-          destroy(vnode) {
-            const app = this;
-            const swiperEl = vnode.elm;
-            app.swiper.destroy(swiperEl);
-          }
-        },
         'tabs-swipeable-wrap': {
           insert(vnode) {
             const app = this;
@@ -39878,6 +40229,7 @@
         const popupParams = {
           content: popupHtml,
           push: pb.params.popupPush,
+          closeByBackdropClick: pb.params.closeByBackdropClick,
           on: {
             popupOpen(popup) {
               pb.onOpen('popup', popup.el);
@@ -40018,6 +40370,7 @@
           routableModals: false,
           virtualSlides: true,
           lazy: true,
+          closeByBackdropClick: true,
           renderNavbar: undefined,
           renderToolbar: undefined,
           renderCaption: undefined,
@@ -40028,6 +40381,7 @@
           renderPopup: undefined,
           renderStandalone: undefined,
           swiper: {
+            cssMode: false,
             initialSlide: 0,
             spaceBetween: 20,
             speed: 300,