diff --git a/Resources/Public/CSS/Swiper/swiper-bundle.css b/Resources/Public/CSS/Swiper/swiper-bundle.css
index ede420e6..bf0b7cf0 100644
--- a/Resources/Public/CSS/Swiper/swiper-bundle.css
+++ b/Resources/Public/CSS/Swiper/swiper-bundle.css
@@ -1,5 +1,5 @@
/**
- * Swiper 12.2.0
+ * Swiper 14.0.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
@@ -7,7 +7,7 @@
*
* Released under the MIT License
*
- * Released on: May 27, 2026
+ * Released on: July 7, 2026
*/
:root {
@@ -145,7 +145,7 @@
}
&.swiper-centered {
> .swiper-wrapper::before {
- content: '';
+ content: "";
flex-shrink: 0;
order: 9999;
}
@@ -256,7 +256,7 @@
}
.swiper-virtual.swiper-css-mode {
.swiper-wrapper::after {
- content: '';
+ content: "";
position: absolute;
left: 0;
top: 0;
@@ -783,7 +783,7 @@
z-index: 0;
&:before {
- content: '';
+ content: "";
background: #000;
position: absolute;
left: 0;
diff --git a/Resources/Public/CSS/Swiper/swiper-bundle.min.css b/Resources/Public/CSS/Swiper/swiper-bundle.min.css
index 5c00c53e..d8a83430 100644
--- a/Resources/Public/CSS/Swiper/swiper-bundle.min.css
+++ b/Resources/Public/CSS/Swiper/swiper-bundle.min.css
@@ -1,5 +1,5 @@
/**
- * Swiper 12.2.0
+ * Swiper 14.0.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
@@ -7,7 +7,7 @@
*
* Released under the MIT License
*
- * Released on: May 27, 2026
+ * Released on: July 7, 2026
*/
:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
\ No newline at end of file
diff --git a/Resources/Public/JavaScript/Swiper/swiper-bundle.js b/Resources/Public/JavaScript/Swiper/swiper-bundle.js
index 5777ca2f..2c9f60e1 100644
--- a/Resources/Public/JavaScript/Swiper/swiper-bundle.js
+++ b/Resources/Public/JavaScript/Swiper/swiper-bundle.js
@@ -1,5 +1,5 @@
/**
- * Swiper 12.2.0
+ * Swiper 14.0.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
@@ -7,9808 +7,10197 @@
*
* Released under the MIT License
*
- * Released on: May 27, 2026
+ * Released on: July 7, 2026
*/
var Swiper = (function () {
- 'use strict';
+ 'use strict';
- /**
- * SSR Window 5.0.1
- * Better handling for window object in SSR environment
- * https://github.com/nolimits4web/ssr-window
- *
- * Copyright 2025, Vladimir Kharlampidi
- *
- * Licensed under MIT
- *
- * Released on: June 27, 2025
- */
- /* eslint-disable no-param-reassign */
- function isObject$1(obj) {
- return obj !== null && typeof obj === 'object' && 'constructor' in obj && obj.constructor === Object;
- }
- function extend$1(target = {}, src = {}) {
- const noExtend = ['__proto__', 'constructor', 'prototype'];
- Object.keys(src).filter(key => noExtend.indexOf(key) < 0).forEach(key => {
- if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject$1(src[key]) && isObject$1(target[key]) && Object.keys(src[key]).length > 0) {
- extend$1(target[key], src[key]);
- }
- });
- }
- const ssrDocument = {
- body: {},
- addEventListener() {},
- removeEventListener() {},
- activeElement: {
- blur() {},
- nodeName: ''
- },
- querySelector() {
- return null;
- },
- querySelectorAll() {
- return [];
- },
- getElementById() {
- return null;
- },
- createEvent() {
- return {
- initEvent() {}
- };
- },
- createElement() {
- return {
- children: [],
- childNodes: [],
- style: {},
- setAttribute() {},
- getElementsByTagName() {
- return [];
- }
- };
- },
- createElementNS() {
- return {};
- },
- importNode() {
- return null;
- },
- location: {
- hash: '',
- host: '',
- hostname: '',
- href: '',
- origin: '',
- pathname: '',
- protocol: '',
- search: ''
- }
- };
- function getDocument() {
- const doc = typeof document !== 'undefined' ? document : {};
- extend$1(doc, ssrDocument);
- return doc;
- }
- const ssrWindow = {
- document: ssrDocument,
- navigator: {
- userAgent: ''
- },
- location: {
- hash: '',
- host: '',
- hostname: '',
- href: '',
- origin: '',
- pathname: '',
- protocol: '',
- search: ''
- },
- history: {
- replaceState() {},
- pushState() {},
- go() {},
- back() {}
- },
- CustomEvent: function CustomEvent() {
- return this;
- },
- addEventListener() {},
- removeEventListener() {},
- getComputedStyle() {
- return {
- getPropertyValue() {
- return '';
- }
- };
- },
- Image() {},
- Date() {},
- screen: {},
- setTimeout() {},
- clearTimeout() {},
- matchMedia() {
- return {};
- },
- requestAnimationFrame(callback) {
- if (typeof setTimeout === 'undefined') {
- callback();
- return null;
- }
- return setTimeout(callback, 0);
- },
- cancelAnimationFrame(id) {
- if (typeof setTimeout === 'undefined') {
- return;
- }
- clearTimeout(id);
+ function classesToTokens(classes = '') {
+ return classes
+ .trim()
+ .split(' ')
+ .filter((c) => !!c.trim());
}
- };
- function getWindow() {
- const win = typeof window !== 'undefined' ? window : {};
- extend$1(win, ssrWindow);
- return win;
- }
- function classesToTokens(classes = '') {
- return classes.trim().split(' ').filter(c => !!c.trim());
- }
-
- function deleteProps(obj) {
- const object = obj;
- Object.keys(object).forEach(key => {
- try {
- object[key] = null;
- } catch (e) {
- // no getter for object
- }
- try {
- delete object[key];
- } catch (e) {
- // something got wrong
- }
- });
- }
- function nextTick(callback, delay = 0) {
- return setTimeout(callback, delay);
- }
- function now() {
- return Date.now();
- }
- function getComputedStyle$1(el) {
- const window = getWindow();
- let style;
- if (window.getComputedStyle) {
- style = window.getComputedStyle(el, null);
- }
- if (!style && el.currentStyle) {
- style = el.currentStyle;
- }
- if (!style) {
- style = el.style;
+ function deleteProps(obj) {
+ Object.keys(obj).forEach((key) => {
+ try {
+ obj[key] = null;
+ }
+ catch {
+ // no getter for object
+ }
+ try {
+ delete obj[key];
+ }
+ catch {
+ // something got wrong
+ }
+ });
}
- return style;
- }
- function getTranslate(el, axis = 'x') {
- const window = getWindow();
- let matrix;
- let curTransform;
- let transformMatrix;
- const curStyle = getComputedStyle$1(el);
- if (window.WebKitCSSMatrix) {
- 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
- // 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,');
- matrix = transformMatrix.toString().split(',');
+ function nextTick(callback, delay = 0) {
+ return setTimeout(callback, delay);
}
- 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
- else curTransform = parseFloat(matrix[4]);
+ function now() {
+ return Date.now();
}
- 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
- else curTransform = parseFloat(matrix[5]);
+ function getComputedStyle$1(el) {
+ return window.getComputedStyle(el, null);
}
- return curTransform || 0;
- }
- function isObject(o) {
- return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';
- }
- function isNode(node) {
- // eslint-disable-next-line
- if (typeof window !== 'undefined' && typeof window.HTMLElement !== 'undefined') {
- return node instanceof HTMLElement;
+ function getTranslate(el, axis = 'x') {
+ const style = getComputedStyle$1(el);
+ const transform = style.transform || style.webkitTransform;
+ if (!transform || transform === 'none')
+ return 0;
+ const matrix = new DOMMatrixReadOnly(transform);
+ return axis === 'x' ? matrix.m41 : matrix.m42;
}
- return node && (node.nodeType === 1 || node.nodeType === 11);
- }
- function extend(...args) {
- const to = Object(args[0]);
- for (let i = 1; i < args.length; i += 1) {
- const nextSource = args[i];
- if (nextSource !== undefined && nextSource !== null && !isNode(nextSource)) {
- const keysArray = Object.keys(Object(nextSource)).filter(key => key !== '__proto__' && key !== 'constructor' && key !== 'prototype');
- for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) {
- const nextKey = keysArray[nextIndex];
- const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
- if (desc !== undefined && desc.enumerable) {
- if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
- if (nextSource[nextKey].__swiper__) {
- to[nextKey] = nextSource[nextKey];
- } else {
- extend(to[nextKey], nextSource[nextKey]);
- }
- } else if (!isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
- to[nextKey] = {};
- if (nextSource[nextKey].__swiper__) {
- to[nextKey] = nextSource[nextKey];
- } else {
- extend(to[nextKey], nextSource[nextKey]);
- }
- } else {
- to[nextKey] = nextSource[nextKey];
- }
- }
- }
- }
+ function isObject(o) {
+ return (typeof o === 'object' &&
+ o !== null &&
+ o.constructor === Object &&
+ Object.prototype.toString.call(o).slice(8, -1) === 'Object');
}
- return to;
- }
- function setCSSProperty(el, varName, varValue) {
- el.style.setProperty(varName, varValue);
- }
- function animateCSSModeScroll({
- swiper,
- targetPosition,
- side
- }) {
- const window = getWindow();
- const startPosition = -swiper.translate;
- let startTime = null;
- let time;
- const duration = swiper.params.speed;
- swiper.wrapperEl.style.scrollSnapType = 'none';
- window.cancelAnimationFrame(swiper.cssModeFrameID);
- const dir = targetPosition > startPosition ? 'next' : 'prev';
- const isOutOfBound = (current, target) => {
- return dir === 'next' && current >= target || dir === 'prev' && current <= target;
- };
- const animate = () => {
- time = new Date().getTime();
- if (startTime === null) {
- startTime = time;
- }
- const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
- const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
- let currentPosition = startPosition + easeProgress * (targetPosition - startPosition);
- if (isOutOfBound(currentPosition, targetPosition)) {
- currentPosition = targetPosition;
- }
- swiper.wrapperEl.scrollTo({
- [side]: currentPosition
- });
- if (isOutOfBound(currentPosition, targetPosition)) {
- swiper.wrapperEl.style.overflow = 'hidden';
- swiper.wrapperEl.style.scrollSnapType = '';
- setTimeout(() => {
- swiper.wrapperEl.style.overflow = '';
- swiper.wrapperEl.scrollTo({
- [side]: currentPosition
- });
- });
- window.cancelAnimationFrame(swiper.cssModeFrameID);
- return;
- }
- swiper.cssModeFrameID = window.requestAnimationFrame(animate);
- };
- animate();
- }
- function getSlideTransformEl(slideEl) {
- return slideEl.querySelector('.swiper-slide-transform') || slideEl.shadowRoot && slideEl.shadowRoot.querySelector('.swiper-slide-transform') || slideEl;
- }
- function elementChildren(element, selector = '') {
- const window = getWindow();
- const children = [...element.children];
- if (window.HTMLSlotElement && element instanceof HTMLSlotElement) {
- children.push(...element.assignedElements());
+ function isNode(node) {
+ if (typeof HTMLElement !== 'undefined' && node instanceof HTMLElement)
+ return true;
+ return (!!node &&
+ typeof node === 'object' &&
+ (node.nodeType === 1 || node.nodeType === 11));
+ }
+ function extend(target, ...sources) {
+ const to = Object(target);
+ for (let i = 0; i < sources.length; i += 1) {
+ const nextSource = sources[i];
+ if (nextSource === undefined || nextSource === null || isNode(nextSource))
+ continue;
+ const sourceObj = nextSource;
+ const keysArray = Object.keys(Object(sourceObj)).filter((key) => key !== '__proto__' && key !== 'constructor' && key !== 'prototype');
+ for (const nextKey of keysArray) {
+ const desc = Object.getOwnPropertyDescriptor(sourceObj, nextKey);
+ if (!desc || !desc.enumerable)
+ continue;
+ const sourceVal = sourceObj[nextKey];
+ if (isObject(to[nextKey]) && isObject(sourceVal)) {
+ if (sourceVal.__swiper__) {
+ to[nextKey] = sourceVal;
+ }
+ else {
+ extend(to[nextKey], sourceVal);
+ }
+ }
+ else if (!isObject(to[nextKey]) && isObject(sourceVal)) {
+ to[nextKey] = {};
+ if (sourceVal.__swiper__) {
+ to[nextKey] = sourceVal;
+ }
+ else {
+ extend(to[nextKey], sourceVal);
+ }
+ }
+ else {
+ to[nextKey] = sourceVal;
+ }
+ }
+ }
+ return to;
}
- if (!selector) {
- return children;
+ function setCSSProperty(el, varName, varValue) {
+ el.style.setProperty(varName, varValue);
}
- return children.filter(el => el.matches(selector));
- }
- function elementIsChildOfSlot(el, slot) {
- // Breadth-first search through all parent's children and assigned elements
- const elementsQueue = [slot];
- while (elementsQueue.length > 0) {
- const elementToCheck = elementsQueue.shift();
- if (el === elementToCheck) {
- return true;
- }
- elementsQueue.push(...elementToCheck.children, ...(elementToCheck.shadowRoot ? elementToCheck.shadowRoot.children : []), ...(elementToCheck.assignedElements ? elementToCheck.assignedElements() : []));
+ function getSlideTransformEl(slideEl) {
+ const direct = slideEl.querySelector('.swiper-slide-transform');
+ if (direct)
+ return direct;
+ if (slideEl.shadowRoot) {
+ const shadowed = slideEl.shadowRoot.querySelector('.swiper-slide-transform');
+ if (shadowed)
+ return shadowed;
+ }
+ return slideEl;
}
- }
- function elementIsChildOf(el, parent) {
- const window = getWindow();
- let isChild = parent.contains(el);
- if (!isChild && window.HTMLSlotElement && parent instanceof HTMLSlotElement) {
- const children = [...parent.assignedElements()];
- isChild = children.includes(el);
- if (!isChild) {
- isChild = elementIsChildOfSlot(el, parent);
- }
+ function elementChildren(element, selector = '') {
+ const children = [...element.children];
+ if (element instanceof HTMLSlotElement) {
+ children.push(...element.assignedElements());
+ }
+ return selector ? children.filter((el) => el.matches(selector)) : children;
}
- return isChild;
- }
- function showWarning(text) {
- try {
- console.warn(text);
- return;
- } catch (err) {
- // err
+ function elementIsChildOfSlot(el, slot) {
+ const queue = [slot];
+ while (queue.length > 0) {
+ const cur = queue.shift();
+ if (el === cur)
+ return true;
+ queue.push(...cur.children, ...(cur.shadowRoot ? cur.shadowRoot.children : []), ...(cur.assignedElements
+ ? cur.assignedElements()
+ : []));
+ }
+ return false;
}
- }
- function createElement(tag, classes = []) {
- const el = document.createElement(tag);
- el.classList.add(...(Array.isArray(classes) ? classes : classesToTokens(classes)));
- return el;
- }
- function elementOffset(el) {
- const window = getWindow();
- const document = getDocument();
- const box = el.getBoundingClientRect();
- const body = document.body;
- const clientTop = el.clientTop || body.clientTop || 0;
- const clientLeft = el.clientLeft || body.clientLeft || 0;
- const scrollTop = el === window ? window.scrollY : el.scrollTop;
- const scrollLeft = el === window ? window.scrollX : el.scrollLeft;
- return {
- top: box.top + scrollTop - clientTop,
- left: box.left + scrollLeft - clientLeft
- };
- }
- function elementPrevAll(el, selector) {
- 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);
- el = prev;
+ function elementIsChildOf(el, parent) {
+ let isChild = parent.contains(el);
+ if (!isChild && parent instanceof HTMLSlotElement) {
+ const children = [...parent.assignedElements()];
+ isChild = children.includes(el);
+ if (!isChild)
+ isChild = elementIsChildOfSlot(el, parent);
+ }
+ return isChild;
}
- return prevEls;
- }
- function elementNextAll(el, selector) {
- 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);
- el = next;
+ function showWarning(text) {
+ try {
+ console.warn(text);
+ }
+ catch {
+ // err
+ }
}
- return nextEls;
- }
- function elementStyle(el, prop) {
- const window = getWindow();
- return window.getComputedStyle(el, null).getPropertyValue(prop);
- }
- function elementIndex(el) {
- let child = el;
- let i;
- if (child) {
- i = 0;
- // eslint-disable-next-line
- while ((child = child.previousSibling) !== null) {
- if (child.nodeType === 1) i += 1;
- }
- return i;
+ function createElement(tag, classes = []) {
+ const el = document.createElement(tag);
+ el.classList.add(...(Array.isArray(classes) ? classes : classesToTokens(classes)));
+ return el;
}
- return undefined;
- }
- 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);
- } else {
- parents.push(parent);
- }
- parent = parent.parentElement;
+ function elementOffset(el) {
+ const box = el.getBoundingClientRect();
+ return {
+ top: box.top + window.scrollY - (el.clientTop || 0),
+ left: box.left + window.scrollX - (el.clientLeft || 0),
+ };
}
- return parents;
- }
- function elementTransitionEnd(el, callback) {
- function fireCallBack(e) {
- if (e.target !== el) return;
- callback.call(el, e);
- el.removeEventListener('transitionend', fireCallBack);
+ function elementPrevAll(el, selector) {
+ const prevEls = [];
+ let prev = el.previousElementSibling;
+ while (prev) {
+ if (!selector || prev.matches(selector))
+ prevEls.push(prev);
+ prev = prev.previousElementSibling;
+ }
+ return prevEls;
+ }
+ function elementNextAll(el, selector) {
+ const nextEls = [];
+ let next = el.nextElementSibling;
+ while (next) {
+ if (!selector || next.matches(selector))
+ nextEls.push(next);
+ next = next.nextElementSibling;
+ }
+ return nextEls;
+ }
+ function elementStyle(el, prop) {
+ return window.getComputedStyle(el, null).getPropertyValue(prop);
+ }
+ function elementIndex(el) {
+ if (!el || !el.parentNode)
+ return undefined;
+ return [...el.parentNode.children].indexOf(el);
+ }
+ function elementParents(el, selector) {
+ const parents = [];
+ let parent = el.parentElement;
+ while (parent) {
+ if (!selector || parent.matches(selector))
+ parents.push(parent);
+ parent = parent.parentElement;
+ }
+ return parents;
+ }
+ function elementTransitionEnd(el, callback) {
+ if (!callback)
+ return;
+ el.addEventListener('transitionend', function fireCallBack(e) {
+ if (e.target !== el)
+ return;
+ callback.call(el, e);
+ }, { once: true });
+ }
+ function elementOuterSize(el, size, includeMargins) {
+ {
+ const style = window.getComputedStyle(el, null);
+ return (el[size === 'width' ? 'offsetWidth' : 'offsetHeight'] +
+ parseFloat(style.getPropertyValue(size === 'width' ? 'margin-right' : 'margin-top')) +
+ parseFloat(style.getPropertyValue(size === 'width' ? 'margin-left' : 'margin-bottom')));
+ }
+ }
+ function makeElementsArray(el) {
+ return (Array.isArray(el) ? el : [el]).filter((e) => !!e);
+ }
+ function getRotateFix(swiper) {
+ return (v) => {
+ if (Math.abs(v) > 0 && swiper.browser && swiper.browser.need3dFix && Math.abs(v) % 90 === 0) {
+ return v + 0.001;
+ }
+ return v;
+ };
}
- if (callback) {
- el.addEventListener('transitionend', fireCallBack);
+ function setInnerHTML(el, html = '') {
+ const tt = globalThis.trustedTypes;
+ if (typeof tt !== 'undefined') {
+ el.innerHTML = tt.createPolicy('html', { createHTML: (s) => s }).createHTML(html);
+ }
+ else {
+ el.innerHTML = html;
+ }
}
- }
- function elementOuterSize(el, size, includeMargins) {
- const window = getWindow();
- if (includeMargins) {
- return el[size === 'width' ? 'offsetWidth' : 'offsetHeight'] + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-right' : 'margin-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue(size === 'width' ? 'margin-left' : 'margin-bottom'));
+
+ let supportCached;
+ function calcSupport() {
+ if (typeof window === 'undefined')
+ return { touch: false };
+ return {
+ touch: 'ontouchstart' in window || navigator.maxTouchPoints > 0,
+ };
}
- return el.offsetWidth;
- }
- function makeElementsArray(el) {
- return (Array.isArray(el) ? el : [el]).filter(e => !!e);
- }
- function getRotateFix(swiper) {
- return v => {
- if (Math.abs(v) > 0 && swiper.browser && swiper.browser.need3dFix && Math.abs(v) % 90 === 0) {
- return v + 0.001;
- }
- return v;
+ function getSupport() {
+ if (!supportCached)
+ supportCached = calcSupport();
+ return supportCached;
+ }
+
+ let deviceCached;
+ function calcDevice({ userAgent } = {}) {
+ if (typeof window === 'undefined')
+ return { ios: false, android: false };
+ const support = getSupport();
+ const platform = navigator.platform;
+ const ua = userAgent || navigator.userAgent;
+ const device = { ios: false, android: false };
+ const isAndroid = /(Android);?[\s/]+([\d.]+)?/.test(ua);
+ const isIPhoneOrIPod = /(iPhone\sOS|iOS|iPod)/.test(ua);
+ const isIPadDirect = /iPad/.test(ua);
+ // iPad on iPadOS 13+ reports as MacIntel; distinguish from a real Mac by touch capability.
+ const isIPadMasquerade = platform === 'MacIntel' && support.touch && navigator.maxTouchPoints > 1;
+ const isIPad = isIPadDirect || isIPadMasquerade;
+ const isWindows = platform === 'Win32';
+ if (isAndroid && !isWindows) {
+ device.os = 'android';
+ device.android = true;
+ }
+ if (isIPad || isIPhoneOrIPod) {
+ device.os = 'ios';
+ device.ios = true;
+ }
+ return device;
+ }
+ function getDevice(overrides = {}) {
+ if (!deviceCached)
+ deviceCached = calcDevice(overrides);
+ return deviceCached;
+ }
+
+ let browserCached;
+ function calcBrowser() {
+ if (typeof window === 'undefined') {
+ return { isSafari: false, isWebView: false, need3dFix: false };
+ }
+ const device = getDevice();
+ const ua = navigator.userAgent;
+ const uaLower = ua.toLowerCase();
+ const isSafari = uaLower.includes('safari') && !uaLower.includes('chrome') && !uaLower.includes('android');
+ const isWebView = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(ua);
+ // 3D transform glitches still affect iOS WebView and Safari at the baseline (16.4+).
+ const need3dFix = isSafari || (isWebView && device.ios);
+ return { isSafari, isWebView, need3dFix };
+ }
+ function getBrowser() {
+ if (!browserCached)
+ browserCached = calcBrowser();
+ return browserCached;
+ }
+
+ const processLazyPreloader = (swiper, imageEl) => {
+ if (!swiper || swiper.destroyed || !swiper.params)
+ return;
+ const slideSelector = () => (swiper.isElement ? 'swiper-slide' : `.${swiper.params.slideClass}`);
+ const slideEl = imageEl.closest(slideSelector());
+ if (slideEl) {
+ let lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+ if (!lazyEl && swiper.isElement) {
+ if (slideEl.shadowRoot) {
+ lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+ }
+ else {
+ requestAnimationFrame(() => {
+ if (slideEl.shadowRoot) {
+ const innerLazy = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
+ if (innerLazy && !innerLazy.lazyPreloaderManaged)
+ innerLazy.remove();
+ }
+ });
+ }
+ }
+ if (lazyEl && !lazyEl.lazyPreloaderManaged)
+ lazyEl.remove();
+ }
};
- }
- function setInnerHTML(el, html = '') {
- if (typeof trustedTypes !== 'undefined') {
- el.innerHTML = trustedTypes.createPolicy('html', {
- createHTML: s => s
- }).createHTML(html);
- } else {
- el.innerHTML = html;
- }
- }
-
- let support;
- function calcSupport() {
- const window = getWindow();
- const document = getDocument();
- return {
- smoothScroll: document.documentElement && document.documentElement.style && 'scrollBehavior' in document.documentElement.style,
- touch: !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch)
+ const unlazy = (swiper, index) => {
+ if (!swiper.slides[index])
+ return;
+ const imageEl = swiper.slides[index].querySelector('[loading="lazy"]');
+ if (imageEl)
+ imageEl.removeAttribute('loading');
};
- }
- function getSupport() {
- if (!support) {
- support = calcSupport();
- }
- return support;
- }
-
- let deviceCached;
- function calcDevice({
- userAgent
- } = {}) {
- const support = getSupport();
- const window = getWindow();
- const platform = window.navigator.platform;
- const ua = userAgent || window.navigator.userAgent;
- const device = {
- ios: false,
- android: false
+ const preload = (swiper) => {
+ if (!swiper || swiper.destroyed || !swiper.params)
+ return;
+ let amount = swiper.params.lazyPreloadPrevNext;
+ const len = swiper.slides.length;
+ if (!len || !amount || amount < 0)
+ return;
+ amount = Math.min(amount, len);
+ const slidesPerView = swiper.params.slidesPerView === 'auto'
+ ? swiper.slidesPerViewDynamic()
+ : Math.ceil(swiper.params.slidesPerView);
+ const activeIndex = swiper.activeIndex;
+ if (swiper.params.grid && (swiper.params.grid.rows ?? 1) > 1) {
+ const activeColumn = activeIndex;
+ const preloadColumns = [activeColumn - amount];
+ preloadColumns.push(...Array.from({ length: amount }).map((_, i) => activeColumn + slidesPerView + i));
+ swiper.slides.forEach((slideEl, i) => {
+ if (slideEl.column !== undefined && preloadColumns.includes(slideEl.column))
+ unlazy(swiper, i);
+ });
+ return;
+ }
+ const slideIndexLastInView = activeIndex + slidesPerView - 1;
+ if (swiper.params.rewind || swiper.params.loop) {
+ for (let i = activeIndex - amount; i <= slideIndexLastInView + amount; i += 1) {
+ const realIndex = ((i % len) + len) % len;
+ if (realIndex < activeIndex || realIndex > slideIndexLastInView)
+ unlazy(swiper, realIndex);
+ }
+ }
+ else {
+ for (let i = Math.max(activeIndex - amount, 0); i <= Math.min(slideIndexLastInView + amount, len - 1); i += 1) {
+ if (i !== activeIndex && (i > slideIndexLastInView || i < activeIndex)) {
+ unlazy(swiper, i);
+ }
+ }
+ }
};
- 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)(?!\1).*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
- 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;
+ function getBreakpoint(breakpoints, base = 'window', containerEl) {
+ if (!breakpoints || (base === 'container' && !containerEl))
+ return undefined;
+ let breakpoint = false;
+ const currentHeight = base === 'window' ? window.innerHeight : containerEl.clientHeight;
+ const points = Object.keys(breakpoints).map((point) => {
+ if (typeof point === 'string' && point.indexOf('@') === 0) {
+ const minRatio = parseFloat(point.substr(1));
+ const value = currentHeight * minRatio;
+ return { value, point };
+ }
+ return { value: point, point };
+ });
+ points.sort((a, b) => parseInt(String(a.value), 10) - parseInt(String(b.value), 10));
+ for (let i = 0; i < points.length; i += 1) {
+ const { point, value } = points[i];
+ if (base === 'window') {
+ if (window.matchMedia(`(min-width: ${value}px)`).matches) {
+ breakpoint = point;
+ }
+ }
+ else if (value <= containerEl.clientWidth) {
+ breakpoint = point;
+ }
+ }
+ return breakpoint || 'max';
}
- // Android
- if (android && !windows) {
- device.os = 'android';
- device.android = true;
- }
- if (ipad || iphone || ipod) {
- device.os = 'ios';
- device.ios = true;
+ const isGridEnabled = (swiper, params) => {
+ return !!(swiper.grid && params.grid && params.grid.rows > 1);
+ };
+ function setBreakpoint() {
+ const swiper = this;
+ const { realIndex, initialized, params, el } = swiper;
+ const breakpoints = params.breakpoints;
+ if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0))
+ return;
+ // Get breakpoint for window/container width and update parameters
+ const breakpointsBase = params.breakpointsBase === 'window' || !params.breakpointsBase
+ ? params.breakpointsBase
+ : 'container';
+ const breakpointContainer = ['window', 'container'].includes(params.breakpointsBase) || !params.breakpointsBase
+ ? swiper.el
+ : document.querySelector(params.breakpointsBase);
+ const breakpoint = swiper.getBreakpoint(breakpoints, breakpointsBase, breakpointContainer);
+ if (!breakpoint || swiper.currentBreakpoint === breakpoint)
+ return;
+ const breakpointsRecord = breakpoints;
+ const breakpointOnlyParams = breakpoint in breakpointsRecord ? breakpointsRecord[breakpoint] : undefined;
+ const breakpointParams = breakpointOnlyParams || swiper.originalParams;
+ const wasMultiRow = isGridEnabled(swiper, params);
+ const isMultiRow = isGridEnabled(swiper, breakpointParams);
+ const wasGrabCursor = swiper.params.grabCursor;
+ const isGrabCursor = breakpointParams.grabCursor;
+ const wasEnabled = params.enabled;
+ if (wasMultiRow && !isMultiRow) {
+ el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
+ swiper.emitContainerClasses();
+ }
+ else if (!wasMultiRow && isMultiRow) {
+ el.classList.add(`${params.containerModifierClass}grid`);
+ if ((breakpointParams.grid.fill && breakpointParams.grid.fill === 'column') ||
+ (!breakpointParams.grid.fill && params.grid.fill === 'column')) {
+ el.classList.add(`${params.containerModifierClass}grid-column`);
+ }
+ swiper.emitContainerClasses();
+ }
+ if (wasGrabCursor && !isGrabCursor) {
+ swiper.unsetGrabCursor();
+ }
+ else if (!wasGrabCursor && isGrabCursor) {
+ swiper.setGrabCursor();
+ }
+ const moduleOpt = (opts, prop) => opts[prop];
+ ['navigation', 'pagination', 'scrollbar'].forEach((prop) => {
+ const bpOpts = moduleOpt(breakpointParams, prop);
+ if (typeof bpOpts === 'undefined')
+ return;
+ const paramsOpts = moduleOpt(params, prop);
+ const wasModuleEnabled = typeof paramsOpts === 'object' && paramsOpts !== null && paramsOpts.enabled;
+ const isModuleEnabled = typeof bpOpts === 'object' && bpOpts !== null && bpOpts.enabled;
+ const moduleApi = swiper[prop];
+ if (wasModuleEnabled && !isModuleEnabled)
+ moduleApi?.disable?.();
+ if (!wasModuleEnabled && isModuleEnabled)
+ moduleApi?.enable?.();
+ });
+ const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;
+ const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);
+ const wasLoop = params.loop;
+ if (directionChanged && initialized) {
+ swiper.changeDirection();
+ }
+ extend(swiper.params, breakpointParams);
+ const isEnabled = swiper.params.enabled;
+ const hasLoop = swiper.params.loop;
+ Object.assign(swiper, {
+ allowTouchMove: swiper.params.allowTouchMove,
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ });
+ if (wasEnabled && !isEnabled) {
+ swiper.disable();
+ }
+ else if (!wasEnabled && isEnabled) {
+ swiper.enable();
+ }
+ swiper.currentBreakpoint = breakpoint;
+ swiper.emit('_beforeBreakpoint', breakpointParams);
+ if (initialized) {
+ if (needsReLoop) {
+ swiper.loopDestroy();
+ swiper.loopCreate(realIndex);
+ swiper.updateSlides();
+ }
+ else if (!wasLoop && hasLoop) {
+ swiper.loopCreate(realIndex);
+ swiper.updateSlides();
+ }
+ else if (wasLoop && !hasLoop) {
+ swiper.loopDestroy();
+ }
+ }
+ swiper.emit('breakpoint', breakpointParams);
}
- // Export object
- return device;
- }
- function getDevice(overrides = {}) {
- if (!deviceCached) {
- deviceCached = calcDevice(overrides);
- }
- return deviceCached;
- }
+ var breakpoints = { setBreakpoint, getBreakpoint };
- let browser;
- function calcBrowser() {
- const window = getWindow();
- const device = getDevice();
- 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;
- }
+ function checkOverflow() {
+ const swiper = this;
+ const { isLocked: wasLocked, params } = swiper;
+ const { slidesOffsetBefore } = params;
+ if (slidesOffsetBefore) {
+ const lastSlideIndex = swiper.slides.length - 1;
+ const lastSlideRightEdge = swiper.slidesGrid[lastSlideIndex] +
+ swiper.slidesSizesGrid[lastSlideIndex] +
+ slidesOffsetBefore * 2;
+ swiper.isLocked = swiper.size > lastSlideRightEdge;
+ }
+ else {
+ swiper.isLocked = swiper.snapGrid.length === 1;
+ }
+ if (params.allowSlideNext === true) {
+ swiper.allowSlideNext = !swiper.isLocked;
+ }
+ if (params.allowSlidePrev === true) {
+ swiper.allowSlidePrev = !swiper.isLocked;
+ }
+ if (wasLocked && wasLocked !== swiper.isLocked) {
+ swiper.isEnd = false;
+ }
+ if (wasLocked !== swiper.isLocked) {
+ swiper.emit(swiper.isLocked ? 'lock' : 'unlock');
+ }
}
- const isWebView = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(window.navigator.userAgent);
- const isSafariBrowser = isSafari();
- const need3dFix = isSafariBrowser || isWebView && device.ios;
- return {
- isSafari: needPerspectiveFix || isSafariBrowser,
- needPerspectiveFix,
- need3dFix,
- isWebView
- };
- }
- function getBrowser() {
- if (!browser) {
- browser = calcBrowser();
+ var checkOverflow$1 = { checkOverflow };
+
+ function prepareClasses(entries, prefix) {
+ const resultClasses = [];
+ entries.forEach((item) => {
+ if (typeof item === 'object') {
+ Object.keys(item).forEach((classNames) => {
+ if (item[classNames]) {
+ resultClasses.push(prefix + classNames);
+ }
+ });
+ }
+ else if (typeof item === 'string') {
+ resultClasses.push(prefix + item);
+ }
+ });
+ return resultClasses;
+ }
+ function addClasses() {
+ const swiper = this;
+ const { classNames, params, rtl, el, device } = swiper;
+ // oxfmt-ignore
+ const suffixes = prepareClasses([
+ 'initialized',
+ params.direction,
+ { 'free-mode': swiper.params.freeMode && params.freeMode.enabled },
+ { 'autoheight': params.autoHeight },
+ { 'rtl': rtl },
+ { 'grid': params.grid && params.grid.rows > 1 },
+ { 'grid-column': params.grid && params.grid.rows > 1 && params.grid.fill === 'column' },
+ { 'android': device.android },
+ { 'ios': device.ios },
+ { 'css-mode': params.cssMode },
+ { 'centered': params.cssMode && params.centeredSlides },
+ { 'watch-progress': params.watchSlidesProgress },
+ ], params.containerModifierClass);
+ classNames.push(...suffixes);
+ el.classList.add(...classNames);
+ swiper.emitContainerClasses();
}
- return browser;
- }
- function Resize({
- swiper,
- on,
- emit
- }) {
- const window = getWindow();
- let observer = null;
- let animationFrame = null;
- const resizeHandler = () => {
- if (!swiper || swiper.destroyed || !swiper.initialized) return;
- emit('beforeResize');
- emit('resize');
- };
- const createObserver = () => {
- if (!swiper || swiper.destroyed || !swiper.initialized) return;
- observer = new ResizeObserver(entries => {
- animationFrame = window.requestAnimationFrame(() => {
- const {
- width,
- height
- } = swiper;
- let newWidth = width;
- let newHeight = height;
- entries.forEach(({
- contentBoxSize,
- contentRect,
- target
- }) => {
- if (target && target !== swiper.el) return;
- newWidth = contentRect ? contentRect.width : (contentBoxSize[0] || contentBoxSize).inlineSize;
- newHeight = contentRect ? contentRect.height : (contentBoxSize[0] || contentBoxSize).blockSize;
- });
- if (newWidth !== width || newHeight !== height) {
- resizeHandler();
- }
- });
- });
- observer.observe(swiper.el);
- };
- const removeObserver = () => {
- if (animationFrame) {
- window.cancelAnimationFrame(animationFrame);
- }
- if (observer && observer.unobserve && swiper.el) {
- observer.unobserve(swiper.el);
- observer = null;
- }
- };
- const orientationChangeHandler = () => {
- if (!swiper || swiper.destroyed || !swiper.initialized) return;
- emit('orientationchange');
- };
- on('init', () => {
- if (swiper.params.resizeObserver && typeof window.ResizeObserver !== 'undefined') {
- createObserver();
- return;
- }
- window.addEventListener('resize', resizeHandler);
- window.addEventListener('orientationchange', orientationChangeHandler);
- });
- on('destroy', () => {
- removeObserver();
- window.removeEventListener('resize', resizeHandler);
- window.removeEventListener('orientationchange', orientationChangeHandler);
- });
- }
+ function removeClasses() {
+ const swiper = this;
+ const { el, classNames } = swiper;
+ if (!el || typeof el === 'string')
+ return;
+ el.classList.remove(...classNames);
+ swiper.emitContainerClasses();
+ }
- function Observer({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const observers = [];
- const window = getWindow();
- const attach = (target, options = {}) => {
- const ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;
- const observer = new ObserverFunc(mutations => {
- // The observerUpdate event should only be triggered
- // once despite the number of mutations. Additional
- // triggers are redundant and are very costly
- if (swiper.__preventObserver__) return;
- if (mutations.length === 1) {
- emit('observerUpdate', mutations[0]);
- return;
- }
- const observerUpdate = function observerUpdate() {
- emit('observerUpdate', mutations[0]);
- };
- if (window.requestAnimationFrame) {
- window.requestAnimationFrame(observerUpdate);
- } else {
- window.setTimeout(observerUpdate, 0);
- }
- });
- observer.observe(target, {
- attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
- childList: swiper.isElement || (typeof options.childList === 'undefined' ? true : options).childList,
- characterData: typeof options.characterData === 'undefined' ? true : options.characterData
- });
- observers.push(observer);
+ var classes = { addClasses, removeClasses };
+
+ const defaults = {
+ init: true,
+ direction: 'horizontal',
+ oneWayMovement: false,
+ swiperElementNodeName: 'SWIPER-CONTAINER',
+ touchEventsTarget: 'wrapper',
+ initialSlide: 0,
+ speed: 300,
+ cssMode: false,
+ updateOnWindowResize: true,
+ resizeObserver: true,
+ nested: false,
+ createElements: false,
+ eventsPrefix: 'swiper',
+ enabled: true,
+ focusableElements: 'input, select, option, textarea, button, video, label',
+ // Overrides
+ width: null,
+ height: null,
+ //
+ preventInteractionOnTransition: false,
+ // ssr
+ userAgent: null,
+ url: null,
+ // To support iOS's swipe-to-go-back gesture (when being used in-app).
+ edgeSwipeDetection: false,
+ edgeSwipeThreshold: 20,
+ // Autoheight
+ autoHeight: false,
+ // Set wrapper width
+ setWrapperSize: false,
+ // Virtual Translate
+ virtualTranslate: false,
+ // Effects
+ effect: 'slide',
+ // Breakpoints
+ breakpoints: undefined,
+ breakpointsBase: 'window',
+ // Slides grid
+ spaceBetween: 0,
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ slidesPerGroupSkip: 0,
+ slidesPerGroupAuto: false,
+ centeredSlides: false,
+ centeredSlidesBounds: false,
+ slidesOffsetBefore: 0,
+ slidesOffsetAfter: 0,
+ normalizeSlideIndex: true,
+ centerInsufficientSlides: false,
+ snapToSlideEdge: false,
+ // Disable swiper and hide navigation when container not overflow
+ watchOverflow: true,
+ // Round length
+ roundLengths: false,
+ // Touches
+ touchRatio: 1,
+ touchAngle: 45,
+ simulateTouch: true,
+ shortSwipes: true,
+ longSwipes: true,
+ longSwipesRatio: 0.5,
+ longSwipesMs: 300,
+ followFinger: true,
+ allowTouchMove: true,
+ threshold: 5,
+ touchMoveStopPropagation: false,
+ touchStartPreventDefault: true,
+ touchStartForcePreventDefault: false,
+ touchReleaseOnEdges: false,
+ // Unique Navigation Elements
+ uniqueNavElements: true,
+ // Resistance
+ resistance: true,
+ resistanceRatio: 0.85,
+ // Progress
+ watchSlidesProgress: false,
+ // Cursor
+ grabCursor: false,
+ // Clicks
+ preventClicks: true,
+ preventClicksPropagation: true,
+ slideToClickedSlide: false,
+ // loop
+ loop: false,
+ loopAddBlankSlides: true,
+ loopAdditionalSlides: 0,
+ loopPreventsSliding: true,
+ // rewind
+ rewind: false,
+ // Swiping/no swiping
+ allowSlidePrev: true,
+ allowSlideNext: true,
+ swipeHandler: null,
+ noSwiping: true,
+ noSwipingClass: 'swiper-no-swiping',
+ noSwipingSelector: null,
+ // Passive Listeners
+ passiveListeners: true,
+ maxBackfaceHiddenSlides: 10,
+ // NS
+ containerModifierClass: 'swiper-',
+ slideClass: 'swiper-slide',
+ slideBlankClass: 'swiper-slide-blank',
+ slideActiveClass: 'swiper-slide-active',
+ slideVisibleClass: 'swiper-slide-visible',
+ slideFullyVisibleClass: 'swiper-slide-fully-visible',
+ slideNextClass: 'swiper-slide-next',
+ slidePrevClass: 'swiper-slide-prev',
+ wrapperClass: 'swiper-wrapper',
+ lazyPreloaderClass: 'swiper-lazy-preloader',
+ lazyPreloadPrevNext: 0,
+ // Callbacks
+ runCallbacksOnInit: true,
+ // Internals
+ _emitClasses: false,
};
- const init = () => {
- if (!swiper.params.observer) return;
- if (swiper.params.observeParents) {
- const containerParents = elementParents(swiper.hostEl);
- for (let i = 0; i < containerParents.length; i += 1) {
- attach(containerParents[i]);
- }
- }
- // Observe container
- attach(swiper.hostEl, {
- childList: swiper.params.observeSlideChildren
- });
- // Observe wrapper
- attach(swiper.wrapperEl, {
- attributes: false
- });
- };
- const destroy = () => {
- observers.forEach(observer => {
- observer.disconnect();
- });
- observers.splice(0, observers.length);
+ var eventsEmitter = {
+ on(events, handler, priority) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (typeof handler !== 'function')
+ return self;
+ const method = priority ? 'unshift' : 'push';
+ events.split(' ').forEach((event) => {
+ if (!self.eventsListeners[event])
+ self.eventsListeners[event] = [];
+ self.eventsListeners[event][method](handler);
+ });
+ return self;
+ },
+ once(events, handler, priority) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (typeof handler !== 'function')
+ return self;
+ const onceHandler = function onceHandlerFn(...args) {
+ self.off(events, onceHandler);
+ if (onceHandler.__emitterProxy) {
+ delete onceHandler.__emitterProxy;
+ }
+ handler.apply(self, args);
+ };
+ onceHandler.__emitterProxy = handler;
+ return self.on(events, onceHandler, priority);
+ },
+ onAny(handler, priority) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (typeof handler !== 'function')
+ return self;
+ const method = priority ? 'unshift' : 'push';
+ if (self.eventsAnyListeners.indexOf(handler) < 0) {
+ self.eventsAnyListeners[method](handler);
+ }
+ return self;
+ },
+ offAny(handler) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (!self.eventsAnyListeners)
+ return self;
+ const index = self.eventsAnyListeners.indexOf(handler);
+ if (index >= 0) {
+ self.eventsAnyListeners.splice(index, 1);
+ }
+ return self;
+ },
+ off(events, handler) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (!self.eventsListeners)
+ return self;
+ events.split(' ').forEach((event) => {
+ if (typeof handler === 'undefined') {
+ self.eventsListeners[event] = [];
+ }
+ else if (self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler, index) => {
+ if (eventHandler === handler ||
+ (eventHandler.__emitterProxy && eventHandler.__emitterProxy === handler)) {
+ self.eventsListeners[event].splice(index, 1);
+ }
+ });
+ }
+ });
+ return self;
+ },
+ emit(...args) {
+ const self = this;
+ if (!self.eventsListeners || self.destroyed)
+ return self;
+ if (!self.eventsListeners)
+ return self;
+ let events;
+ let data;
+ let context;
+ if (typeof args[0] === 'string' || Array.isArray(args[0])) {
+ events = args[0];
+ data = args.slice(1, args.length);
+ context = self;
+ }
+ else {
+ const opts = args[0];
+ events = opts.events;
+ data = opts.data ?? [];
+ context = opts.context || self;
+ }
+ data.unshift(context);
+ const eventsArray = Array.isArray(events) ? events : events.split(' ');
+ eventsArray.forEach((event) => {
+ if (self.eventsAnyListeners && self.eventsAnyListeners.length) {
+ self.eventsAnyListeners.forEach((eventHandler) => {
+ eventHandler.apply(context, [event, ...data]);
+ });
+ }
+ if (self.eventsListeners && self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler) => {
+ eventHandler.apply(context, data);
+ });
+ }
+ });
+ return self;
+ },
};
- extendParams({
- observer: false,
- observeParents: false,
- observeSlideChildren: false
- });
- on('init', init);
- on('destroy', destroy);
- }
-
- /* eslint-disable no-underscore-dangle */
-
- var eventsEmitter = {
- on(events, handler, priority) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (typeof handler !== 'function') return self;
- const method = priority ? 'unshift' : 'push';
- events.split(' ').forEach(event => {
- if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
- self.eventsListeners[event][method](handler);
- });
- return self;
- },
- once(events, handler, priority) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (typeof handler !== 'function') return self;
- function onceHandler(...args) {
- self.off(events, onceHandler);
- if (onceHandler.__emitterProxy) {
- delete onceHandler.__emitterProxy;
- }
- handler.apply(self, args);
- }
- onceHandler.__emitterProxy = handler;
- return self.on(events, onceHandler, priority);
- },
- onAny(handler, priority) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (typeof handler !== 'function') return self;
- const method = priority ? 'unshift' : 'push';
- if (self.eventsAnyListeners.indexOf(handler) < 0) {
- self.eventsAnyListeners[method](handler);
- }
- return self;
- },
- offAny(handler) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (!self.eventsAnyListeners) return self;
- const index = self.eventsAnyListeners.indexOf(handler);
- if (index >= 0) {
- self.eventsAnyListeners.splice(index, 1);
- }
- return self;
- },
- off(events, handler) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (!self.eventsListeners) return self;
- events.split(' ').forEach(event => {
- if (typeof handler === 'undefined') {
- self.eventsListeners[event] = [];
- } else if (self.eventsListeners[event]) {
- self.eventsListeners[event].forEach((eventHandler, index) => {
- if (eventHandler === handler || eventHandler.__emitterProxy && eventHandler.__emitterProxy === handler) {
- self.eventsListeners[event].splice(index, 1);
- }
- });
- }
- });
- return self;
- },
- emit(...args) {
- const self = this;
- if (!self.eventsListeners || self.destroyed) return self;
- if (!self.eventsListeners) return self;
- let events;
- let data;
- let context;
- if (typeof args[0] === 'string' || Array.isArray(args[0])) {
- events = args[0];
- data = args.slice(1, args.length);
- context = self;
- } else {
- events = args[0].events;
- data = args[0].data;
- context = args[0].context || self;
- }
- data.unshift(context);
- const eventsArray = Array.isArray(events) ? events : events.split(' ');
- eventsArray.forEach(event => {
- if (self.eventsAnyListeners && self.eventsAnyListeners.length) {
- self.eventsAnyListeners.forEach(eventHandler => {
- eventHandler.apply(context, [event, ...data]);
- });
- }
- if (self.eventsListeners && self.eventsListeners[event]) {
- self.eventsListeners[event].forEach(eventHandler => {
- eventHandler.apply(context, data);
- });
- }
- });
- return self;
- }
- };
-
- function updateSize() {
- const swiper = this;
- let width;
- let height;
- const el = swiper.el;
- if (typeof swiper.params.width !== 'undefined' && swiper.params.width !== null) {
- width = swiper.params.width;
- } else {
- width = el.clientWidth;
- }
- if (typeof swiper.params.height !== 'undefined' && swiper.params.height !== null) {
- height = swiper.params.height;
- } else {
- height = el.clientHeight;
- }
- if (width === 0 && swiper.isHorizontal() || height === 0 && swiper.isVertical()) {
- return;
- }
-
- // 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;
- if (Number.isNaN(height)) height = 0;
- Object.assign(swiper, {
- width,
- height,
- size: swiper.isHorizontal() ? width : height
- });
- }
- function updateSlides() {
- const swiper = this;
- function getDirectionPropertyValue(node, label) {
- return parseFloat(node.getPropertyValue(swiper.getDirectionLabel(label)) || 0);
- }
- const params = swiper.params;
- const {
- wrapperEl,
- slidesEl,
- rtlTranslate: rtl,
- wrongRTL
- } = swiper;
- const isVirtual = swiper.virtual && params.virtual.enabled;
- const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
- const slides = elementChildren(slidesEl, `.${swiper.params.slideClass}, swiper-slide`);
- const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
- let snapGrid = [];
- const slidesGrid = [];
- const slidesSizesGrid = [];
- let offsetBefore = params.slidesOffsetBefore;
- if (typeof offsetBefore === 'function') {
- offsetBefore = params.slidesOffsetBefore.call(swiper);
- }
- let offsetAfter = params.slidesOffsetAfter;
- if (typeof offsetAfter === 'function') {
- offsetAfter = params.slidesOffsetAfter.call(swiper);
- }
- const previousSnapGridLength = swiper.snapGrid.length;
- const previousSlidesGridLength = swiper.slidesGrid.length;
- const swiperSize = swiper.size - offsetBefore - offsetAfter;
- let spaceBetween = params.spaceBetween;
- let slidePosition = -offsetBefore;
- let prevSlideSize = 0;
- let index = 0;
- if (typeof swiperSize === 'undefined') {
- return;
- }
- if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
- spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiperSize;
- } else if (typeof spaceBetween === 'string') {
- spaceBetween = parseFloat(spaceBetween);
+ function onClick(e) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ if (!swiper.enabled)
+ return;
+ if (!swiper.allowClick) {
+ if (swiper.params.preventClicks)
+ e.preventDefault();
+ if (swiper.params.preventClicksPropagation && swiper.animating) {
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ }
+ }
}
- swiper.virtualSize = -spaceBetween - offsetBefore - offsetAfter;
-
- // reset margins
- slides.forEach(slideEl => {
- if (rtl) {
- slideEl.style.marginLeft = '';
- } else {
- slideEl.style.marginRight = '';
- }
- slideEl.style.marginBottom = '';
- slideEl.style.marginTop = '';
- });
- // reset cssMode offsets
- if (params.centeredSlides && params.cssMode) {
- setCSSProperty(wrapperEl, '--swiper-centered-offset-before', '');
- setCSSProperty(wrapperEl, '--swiper-centered-offset-after', '');
+ function onDocumentTouchStart() {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ if (swiper.documentTouchHandlerProceeded)
+ return;
+ swiper.documentTouchHandlerProceeded = true;
+ if (swiper.params.touchReleaseOnEdges) {
+ swiper.el.style.touchAction = 'auto';
+ }
}
- // set cssMode offsets
- if (params.cssMode) {
- setCSSProperty(wrapperEl, '--swiper-slides-offset-before', `${offsetBefore}px`);
- setCSSProperty(wrapperEl, '--swiper-slides-offset-after', `${offsetAfter}px`);
- }
- const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
- if (gridEnabled) {
- swiper.grid.initSlides(slides);
- } else if (swiper.grid) {
- swiper.grid.unsetSlides();
+ function onLoad(e) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ processLazyPreloader(swiper, e.target);
+ if (swiper.params.cssMode ||
+ (swiper.params.slidesPerView !== 'auto' && !swiper.params.autoHeight)) {
+ return;
+ }
+ swiper.update();
}
- // Calc slides
- let slideSize;
- const shouldResetSlideSize = params.slidesPerView === 'auto' && params.breakpoints && Object.keys(params.breakpoints).filter(key => {
- return typeof params.breakpoints[key].slidesPerView !== 'undefined';
- }).length > 0;
- for (let i = 0; i < slidesLength; i += 1) {
- slideSize = 0;
- const slide = slides[i];
- if (slide) {
- if (gridEnabled) {
- swiper.grid.updateSlide(i, slide, slides);
+ function onResize() {
+ const swiper = this;
+ const { params, el } = swiper;
+ if (el && el.offsetWidth === 0)
+ return;
+ // Breakpoints
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
}
- if (elementStyle(slide, 'display') === 'none') continue; // eslint-disable-line
- }
-
- if (isVirtual && params.slidesPerView === 'auto') {
- if (params.virtual.slidesPerViewAutoSlideSize) {
- slideSize = params.virtual.slidesPerViewAutoSlideSize;
+ // Save locks
+ const { allowSlideNext, allowSlidePrev, snapGrid } = swiper;
+ const isVirtual = swiper.virtual && swiper.params.virtual?.enabled;
+ // Disable locks on resize
+ swiper.allowSlideNext = true;
+ swiper.allowSlidePrev = true;
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateSlidesClasses();
+ const isVirtualLoop = isVirtual && params.loop;
+ if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.isBeginning &&
+ !swiper.params.centeredSlides &&
+ !isVirtualLoop) {
+ const slidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
+ swiper.slideTo(slidesLength - 1, 0, false, true);
+ }
+ else {
+ if (swiper.params.loop && !isVirtual) {
+ swiper.slideToLoop(swiper.realIndex, 0, false, true);
+ }
+ else {
+ swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
}
- if (slideSize && slide) {
- if (params.roundLengths) slideSize = Math.floor(slideSize);
- slide.style[swiper.getDirectionLabel('width')] = `${slideSize}px`;
+ if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
+ const autoplay = swiper.autoplay;
+ clearTimeout(autoplay.resizeTimeout);
+ autoplay.resizeTimeout = setTimeout(() => {
+ if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
+ swiper.autoplay.resume();
+ }
+ }, 500);
+ }
+ // Return locks after resize
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ }
+
+ function onScroll() {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ const { wrapperEl, rtlTranslate, enabled } = swiper;
+ if (!enabled)
+ return;
+ swiper.previousTranslate = swiper.translate;
+ if (swiper.isHorizontal()) {
+ swiper.translate = -wrapperEl.scrollLeft;
}
- } else if (params.slidesPerView === 'auto') {
- if (shouldResetSlideSize) {
- slide.style[swiper.getDirectionLabel('width')] = ``;
+ else {
+ swiper.translate = -wrapperEl.scrollTop;
}
- const slideStyles = getComputedStyle(slide);
- const currentTransform = slide.style.transform;
- const currentWebKitTransform = slide.style.webkitTransform;
- if (currentTransform) {
- slide.style.transform = 'none';
+ if (swiper.translate === 0)
+ swiper.translate = 0;
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ }
+ else {
+ newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;
+ }
+ if (newProgress !== swiper.progress) {
+ swiper.updateProgress(rtlTranslate ? -swiper.translate : swiper.translate);
+ }
+ swiper.emit('setTranslate', swiper.translate, false);
+ }
+
+ function onTouchEnd(event) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ const data = swiper.touchEventsData;
+ let e = event.originalEvent ?? event;
+ const isTouchEvent = e.type === 'touchend' || e.type === 'touchcancel';
+ if (!isTouchEvent) {
+ if (data.touchId !== null)
+ return; // return from pointer if we use touch
+ const pe = e;
+ if (pe.pointerId !== data.pointerId)
+ return;
+ }
+ else {
+ const te = e;
+ const found = [...te.changedTouches].find((t) => t.identifier === data.touchId);
+ if (!found || found.identifier !== data.touchId)
+ return;
+ }
+ if (['pointercancel', 'pointerout', 'pointerleave', 'contextmenu'].includes(e.type)) {
+ const proceed = ['pointercancel', 'contextmenu'].includes(e.type) &&
+ (swiper.browser.isSafari || swiper.browser.isWebView);
+ if (!proceed) {
+ return;
+ }
}
- if (currentWebKitTransform) {
- slide.style.webkitTransform = 'none';
+ data.pointerId = null;
+ data.touchId = null;
+ const { params, touches, rtlTranslate: rtl, slidesGrid, enabled } = swiper;
+ if (!enabled)
+ return;
+ if (!params.simulateTouch && e.pointerType === 'mouse')
+ return;
+ if (data.allowTouchCallbacks) {
+ swiper.emit('touchEnd', e);
+ }
+ data.allowTouchCallbacks = false;
+ if (!data.isTouched) {
+ if (data.isMoved && params.grabCursor) {
+ swiper.setGrabCursor(false);
+ }
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+ // Return Grab Cursor
+ if (params.grabCursor &&
+ data.isMoved &&
+ data.isTouched &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
+ swiper.setGrabCursor(false);
+ }
+ // Time diff
+ const touchEndTime = now();
+ const timeDiff = touchEndTime - data.touchStartTime;
+ // Tap, doubleTap, Click
+ if (swiper.allowClick) {
+ // Legacy `e.path` was a non-standard Chrome extension; `composedPath()` is the modern API.
+ const pathTree = e.path ?? (e.composedPath && e.composedPath());
+ swiper.updateClickedSlide((pathTree && pathTree[0]), pathTree);
+ swiper.emit('tap click', e);
+ if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {
+ swiper.emit('doubleTap doubleClick', e);
+ }
+ }
+ data.lastClickTime = now();
+ nextTick(() => {
+ if (!swiper.destroyed)
+ swiper.allowClick = true;
+ });
+ if (!data.isTouched ||
+ !data.isMoved ||
+ !swiper.swipeDirection ||
+ (touches.diff === 0 && !data.loopSwapReset) ||
+ (data.currentTranslate === data.startTranslate && !data.loopSwapReset)) {
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ let currentPos;
+ if (params.followFinger) {
+ currentPos = rtl ? swiper.translate : -swiper.translate;
+ }
+ else {
+ currentPos = -(data.currentTranslate ?? 0);
+ }
+ if (params.cssMode) {
+ return;
+ }
+ if (params.freeMode && params.freeMode.enabled) {
+ swiper.freeMode.onTouchEnd({ currentPos });
+ return;
+ }
+ // Find current slide
+ const swipeToLast = currentPos >= -swiper.maxTranslate() && !swiper.params.loop;
+ let stopIndex = 0;
+ let groupSize = swiper.slidesSizesGrid[0];
+ for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
+ const increment = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+ if (typeof slidesGrid[i + increment] !== 'undefined') {
+ if (swipeToLast ||
+ (currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment])) {
+ stopIndex = i;
+ groupSize = slidesGrid[i + increment] - slidesGrid[i];
+ }
+ }
+ else if (swipeToLast || currentPos >= slidesGrid[i]) {
+ stopIndex = i;
+ groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
+ }
+ }
+ let rewindFirstIndex = null;
+ let rewindLastIndex = null;
+ if (params.rewind) {
+ if (swiper.isBeginning) {
+ rewindLastIndex =
+ params.virtual?.enabled && swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ }
+ else if (swiper.isEnd) {
+ rewindFirstIndex = 0;
+ }
+ }
+ // Find current slide size
+ const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
+ const increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+ if (timeDiff > params.longSwipesMs) {
+ // Long touches
+ if (!params.longSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ if (swiper.swipeDirection === 'next') {
+ if (ratio >= params.longSwipesRatio)
+ swiper.slideTo(params.rewind && swiper.isEnd ? rewindFirstIndex : stopIndex + increment);
+ else
+ swiper.slideTo(stopIndex);
+ }
+ if (swiper.swipeDirection === 'prev') {
+ if (ratio > 1 - params.longSwipesRatio) {
+ swiper.slideTo(stopIndex + increment);
+ }
+ else if (rewindLastIndex !== null &&
+ ratio < 0 &&
+ Math.abs(ratio) > params.longSwipesRatio) {
+ swiper.slideTo(rewindLastIndex);
+ }
+ else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ }
+ else {
+ // Short swipes
+ if (!params.shortSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ const isNavButtonTarget = swiper.navigation &&
+ (e.target === swiper.navigation.nextEl || e.target === swiper.navigation.prevEl);
+ if (!isNavButtonTarget) {
+ if (swiper.swipeDirection === 'next') {
+ swiper.slideTo(rewindFirstIndex !== null ? rewindFirstIndex : stopIndex + increment);
+ }
+ if (swiper.swipeDirection === 'prev') {
+ swiper.slideTo(rewindLastIndex !== null ? rewindLastIndex : stopIndex);
+ }
+ }
+ else if (e.target === swiper.navigation.nextEl) {
+ swiper.slideTo(stopIndex + increment);
+ }
+ else {
+ swiper.slideTo(stopIndex);
+ }
}
- if (params.roundLengths) {
- slideSize = swiper.isHorizontal() ? elementOuterSize(slide, 'width', true) : elementOuterSize(slide, 'height', true);
- } else {
- // eslint-disable-next-line
- const width = getDirectionPropertyValue(slideStyles, 'width');
- const paddingLeft = getDirectionPropertyValue(slideStyles, 'padding-left');
- const paddingRight = getDirectionPropertyValue(slideStyles, 'padding-right');
- const marginLeft = getDirectionPropertyValue(slideStyles, 'margin-left');
- const marginRight = getDirectionPropertyValue(slideStyles, 'margin-right');
- const boxSizing = slideStyles.getPropertyValue('box-sizing');
- if (boxSizing && boxSizing === 'border-box') {
- slideSize = width + marginLeft + marginRight;
- } else {
- const {
- clientWidth,
- offsetWidth
- } = slide;
- slideSize = width + paddingLeft + paddingRight + marginLeft + marginRight + (offsetWidth - clientWidth);
- }
- }
- if (currentTransform) {
- slide.style.transform = currentTransform;
- }
- if (currentWebKitTransform) {
- slide.style.webkitTransform = currentWebKitTransform;
- }
- if (params.roundLengths) slideSize = Math.floor(slideSize);
- } else {
- slideSize = (swiperSize - (params.slidesPerView - 1) * spaceBetween) / params.slidesPerView;
- if (params.roundLengths) slideSize = Math.floor(slideSize);
- if (slide) {
- slide.style[swiper.getDirectionLabel('width')] = `${slideSize}px`;
- }
- }
- if (slide) {
- slide.swiperSlideSize = slideSize;
- }
- slidesSizesGrid.push(slideSize);
- if (params.centeredSlides) {
- slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
- if (prevSlideSize === 0 && i !== 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
- if (i === 0) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
- if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
- if (params.roundLengths) slidePosition = Math.floor(slidePosition);
- if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
- slidesGrid.push(slidePosition);
- } else {
- if (params.roundLengths) slidePosition = Math.floor(slidePosition);
- if ((index - Math.min(swiper.params.slidesPerGroupSkip, index)) % swiper.params.slidesPerGroup === 0) snapGrid.push(slidePosition);
- slidesGrid.push(slidePosition);
- slidePosition = slidePosition + slideSize + spaceBetween;
- }
- swiper.virtualSize += slideSize + spaceBetween;
- prevSlideSize = slideSize;
- index += 1;
- }
- swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
- if (rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {
- wrapperEl.style.width = `${swiper.virtualSize + spaceBetween}px`;
- }
- if (params.setWrapperSize) {
- wrapperEl.style[swiper.getDirectionLabel('width')] = `${swiper.virtualSize + spaceBetween}px`;
- }
- if (gridEnabled) {
- swiper.grid.updateWrapperSize(slideSize, snapGrid);
}
- // Remove last grid elements depending on width
- if (!params.centeredSlides) {
- // Check if snapToSlideEdge should be applied
- const isFractionalSlidesPerView = params.slidesPerView !== 'auto' && params.slidesPerView % 1 !== 0;
- const shouldSnapToSlideEdge = params.snapToSlideEdge && !params.loop && (params.slidesPerView === 'auto' || isFractionalSlidesPerView);
-
- // Calculate the last allowed snap index when snapToSlideEdge is enabled
- // This ensures minimum slides are visible at the end
- let lastAllowedSnapIndex = snapGrid.length;
- if (shouldSnapToSlideEdge) {
- let minVisibleSlides;
- if (params.slidesPerView === 'auto') {
- // For 'auto' mode, calculate how many slides fit based on actual sizes
- minVisibleSlides = 1;
- let accumulatedSize = 0;
- for (let i = slidesSizesGrid.length - 1; i >= 0; i -= 1) {
- accumulatedSize += slidesSizesGrid[i] + (i < slidesSizesGrid.length - 1 ? spaceBetween : 0);
- if (accumulatedSize <= swiperSize) {
- minVisibleSlides = slidesSizesGrid.length - i;
- } else {
- break;
- }
- }
- } else {
- minVisibleSlides = Math.floor(params.slidesPerView);
- }
- lastAllowedSnapIndex = Math.max(slidesLength - minVisibleSlides, 0);
- }
- const newSlidesGrid = [];
- for (let i = 0; i < snapGrid.length; i += 1) {
- let slidesGridItem = snapGrid[i];
- if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
- if (shouldSnapToSlideEdge) {
- // When snapToSlideEdge is enabled, only keep snaps up to lastAllowedSnapIndex
- if (i <= lastAllowedSnapIndex) {
- newSlidesGrid.push(slidesGridItem);
- }
- } else if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
- // When snapToSlideEdge is disabled, keep snaps that fit within scrollable area
- newSlidesGrid.push(slidesGridItem);
- }
- }
- snapGrid = newSlidesGrid;
- if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) > 1) {
- // Only add edge-aligned snap if snapToSlideEdge is not enabled
- if (!shouldSnapToSlideEdge) {
- snapGrid.push(swiper.virtualSize - swiperSize);
- }
- }
- }
- if (isVirtual && params.loop) {
- const size = slidesSizesGrid[0] + spaceBetween;
- if (params.slidesPerGroup > 1) {
- const groups = Math.ceil((swiper.virtual.slidesBefore + swiper.virtual.slidesAfter) / params.slidesPerGroup);
- const groupSize = size * params.slidesPerGroup;
- for (let i = 0; i < groups; i += 1) {
- snapGrid.push(snapGrid[snapGrid.length - 1] + groupSize);
- }
- }
- for (let i = 0; i < swiper.virtual.slidesBefore + swiper.virtual.slidesAfter; i += 1) {
- if (params.slidesPerGroup === 1) {
- snapGrid.push(snapGrid[snapGrid.length - 1] + size);
- }
- slidesGrid.push(slidesGrid[slidesGrid.length - 1] + size);
- swiper.virtualSize += size;
- }
- }
- if (snapGrid.length === 0) snapGrid = [0];
- if (spaceBetween !== 0) {
- const key = swiper.isHorizontal() && rtl ? 'marginLeft' : swiper.getDirectionLabel('marginRight');
- slides.filter((_, slideIndex) => {
- if (!params.cssMode || params.loop) return true;
- if (slideIndex === slides.length - 1) {
- return false;
+ function onTouchMove(event) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, enabled } = swiper;
+ if (!enabled)
+ return;
+ if (!params.simulateTouch && event.pointerType === 'mouse')
+ return;
+ // Legacy event wrappers nest the native event under .originalEvent.
+ const wrapped = event;
+ const e = wrapped.originalEvent ?? wrapped;
+ if (e.type === 'pointermove') {
+ if (data.touchId !== null)
+ return; // return from pointer if we use touch
+ const pe = e;
+ if (pe.pointerId !== data.pointerId)
+ return;
+ }
+ let targetTouch;
+ if (e.type === 'touchmove') {
+ const te = e;
+ const found = [...te.changedTouches].find((t) => t.identifier === data.touchId);
+ if (!found || found.identifier !== data.touchId)
+ return;
+ targetTouch = found;
+ }
+ else {
+ targetTouch = e;
+ }
+ if (!data.isTouched) {
+ if (data.startMoving && data.isScrolling) {
+ swiper.emit('touchMoveOpposite', e);
+ }
+ return;
+ }
+ const pageX = targetTouch.pageX;
+ const pageY = targetTouch.pageY;
+ if (e.preventedByNestedSwiper) {
+ touches.startX = pageX;
+ touches.startY = pageY;
+ return;
+ }
+ if (!swiper.allowTouchMove) {
+ if (!e.target.matches(data.focusableElements)) {
+ swiper.allowClick = false;
+ }
+ if (data.isTouched) {
+ Object.assign(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ });
+ data.touchStartTime = now();
+ }
+ return;
+ }
+ if (params.touchReleaseOnEdges && !params.loop) {
+ if (swiper.isVertical()) {
+ // Vertical
+ if ((pageY < touches.startY && swiper.translate <= swiper.maxTranslate()) ||
+ (pageY > touches.startY && swiper.translate >= swiper.minTranslate())) {
+ data.isTouched = false;
+ data.isMoved = false;
+ return;
+ }
+ }
+ else if (rtl &&
+ ((pageX > touches.startX && -swiper.translate <= swiper.maxTranslate()) ||
+ (pageX < touches.startX && -swiper.translate >= swiper.minTranslate()))) {
+ return;
+ }
+ else if (!rtl &&
+ ((pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) ||
+ (pageX > touches.startX && swiper.translate >= swiper.minTranslate()))) {
+ return;
+ }
+ }
+ if (document.activeElement &&
+ document.activeElement.matches(data.focusableElements) &&
+ document.activeElement !== e.target &&
+ e.pointerType !== 'mouse') {
+ document.activeElement.blur();
+ }
+ if (document.activeElement) {
+ if (e.target === document.activeElement &&
+ e.target.matches(data.focusableElements)) {
+ data.isMoved = true;
+ swiper.allowClick = false;
+ return;
+ }
+ }
+ if (data.allowTouchCallbacks) {
+ swiper.emit('touchMove', e);
+ }
+ touches.previousX = touches.currentX;
+ touches.previousY = touches.currentY;
+ touches.currentX = pageX;
+ touches.currentY = pageY;
+ const diffX = touches.currentX - touches.startX;
+ const diffY = touches.currentY - touches.startY;
+ if (swiper.params.threshold && Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold)
+ return;
+ if (typeof data.isScrolling === 'undefined') {
+ let touchAngle;
+ if ((swiper.isHorizontal() && touches.currentY === touches.startY) ||
+ (swiper.isVertical() && touches.currentX === touches.startX)) {
+ data.isScrolling = false;
+ }
+ else {
+ if (diffX * diffX + diffY * diffY >= 25) {
+ touchAngle = (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
+ data.isScrolling = swiper.isHorizontal()
+ ? touchAngle > params.touchAngle
+ : 90 - touchAngle > params.touchAngle;
+ }
+ }
+ }
+ if (data.isScrolling) {
+ swiper.emit('touchMoveOpposite', e);
+ }
+ if (typeof data.startMoving === 'undefined') {
+ if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {
+ data.startMoving = true;
+ }
+ }
+ if (data.isScrolling || (e.type === 'touchmove' && data.preventTouchMoveFromPointerMove)) {
+ data.isTouched = false;
+ return;
+ }
+ if (!data.startMoving) {
+ return;
+ }
+ swiper.allowClick = false;
+ if (!params.cssMode && e.cancelable) {
+ e.preventDefault();
+ }
+ 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;
+ const allowLoopFix = (swiper.touchesDirection === 'next' && swiper.allowSlideNext) ||
+ (swiper.touchesDirection === 'prev' && swiper.allowSlidePrev);
+ if (!data.isMoved) {
+ if (isLoop && allowLoopFix) {
+ swiper.loopFix({ direction: swiper.swipeDirection });
+ }
+ data.startTranslate = swiper.getTranslate();
+ swiper.setTransition(0);
+ if (swiper.animating) {
+ const evt = new window.CustomEvent('transitionend', {
+ bubbles: true,
+ cancelable: true,
+ detail: {
+ bySwiperTouchMove: true,
+ },
+ });
+ swiper.wrapperEl.dispatchEvent(evt);
+ }
+ data.allowMomentumBounce = false;
+ // Grab Cursor
+ if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
+ swiper.setGrabCursor(true);
+ }
+ swiper.emit('sliderFirstMove', e);
+ }
+ new Date().getTime();
+ if (params._loopSwapReset !== false &&
+ data.isMoved &&
+ data.allowThresholdMove &&
+ prevTouchesDirection !== swiper.touchesDirection &&
+ isLoop &&
+ allowLoopFix &&
+ Math.abs(diff) >= 1) {
+ Object.assign(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ startTranslate: data.currentTranslate,
+ });
+ data.loopSwapReset = true;
+ data.startTranslate = data.currentTranslate;
+ return;
+ }
+ swiper.emit('sliderMove', e);
+ data.isMoved = true;
+ // startTranslate is guaranteed to be set by this point (set in onTouchStart-side init).
+ const startTranslate = data.startTranslate ?? 0;
+ data.currentTranslate = diff + startTranslate;
+ let disableParentSwiper = true;
+ let resistanceRatio = params.resistanceRatio;
+ if (params.touchReleaseOnEdges) {
+ resistanceRatio = 0;
+ }
+ if (diff > 0) {
+ if (isLoop &&
+ allowLoopFix &&
+ true &&
+ data.allowThresholdMove &&
+ data.currentTranslate >
+ (params.centeredSlides
+ ? swiper.minTranslate() -
+ swiper.slidesSizesGrid[swiper.activeIndex + 1] -
+ (params.slidesPerView !== 'auto' &&
+ swiper.slides.length - params.slidesPerView >= 2
+ ? swiper.slidesSizesGrid[swiper.activeIndex + 1] +
+ swiper.params.spaceBetween
+ : 0) -
+ swiper.params.spaceBetween
+ : 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() + startTranslate + diff) ** resistanceRatio;
+ }
+ }
+ }
+ else if (diff < 0) {
+ if (isLoop &&
+ allowLoopFix &&
+ true &&
+ data.allowThresholdMove &&
+ data.currentTranslate <
+ (params.centeredSlides
+ ? swiper.maxTranslate() +
+ swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] +
+ swiper.params.spaceBetween +
+ (params.slidesPerView !== 'auto' &&
+ swiper.slides.length - params.slidesPerView >= 2
+ ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] +
+ swiper.params.spaceBetween
+ : 0)
+ : swiper.maxTranslate())) {
+ swiper.loopFix({
+ direction: 'next',
+ setTranslate: true,
+ activeSlideIndex: swiper.slides.length -
+ (params.slidesPerView === 'auto'
+ ? swiper.slidesPerViewDynamic()
+ : Math.ceil(parseFloat(String(params.slidesPerView)))),
+ });
+ }
+ if (data.currentTranslate < swiper.maxTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance) {
+ data.currentTranslate =
+ swiper.maxTranslate() +
+ 1 -
+ (swiper.maxTranslate() - startTranslate - diff) ** resistanceRatio;
+ }
+ }
+ }
+ if (disableParentSwiper) {
+ e.preventedByNestedSwiper = true;
+ }
+ // Directions locks
+ if (!swiper.allowSlideNext &&
+ swiper.swipeDirection === 'next' &&
+ (data.currentTranslate ?? 0) < startTranslate) {
+ data.currentTranslate = startTranslate;
+ }
+ if (!swiper.allowSlidePrev &&
+ swiper.swipeDirection === 'prev' &&
+ (data.currentTranslate ?? 0) > startTranslate) {
+ data.currentTranslate = startTranslate;
+ }
+ if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
+ data.currentTranslate = startTranslate;
+ }
+ // Threshold
+ if (params.threshold > 0) {
+ if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
+ if (!data.allowThresholdMove) {
+ data.allowThresholdMove = true;
+ touches.startX = touches.currentX;
+ touches.startY = touches.currentY;
+ data.currentTranslate = data.startTranslate;
+ touches.diff = swiper.isHorizontal()
+ ? touches.currentX - touches.startX
+ : touches.currentY - touches.startY;
+ return;
+ }
+ }
+ else {
+ data.currentTranslate = data.startTranslate;
+ return;
+ }
+ }
+ 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 (params.freeMode && params.freeMode.enabled && swiper.freeMode) {
+ swiper.freeMode.onTouchMove();
+ }
+ // Update progress
+ swiper.updateProgress(data.currentTranslate);
+ // Update translate
+ swiper.setTranslate(data.currentTranslate ?? 0);
+ }
+
+ // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd
+ function closestElement(selector, base) {
+ function __closestFrom(el) {
+ if (!el || el === document || el === window)
+ return null;
+ let cur = el;
+ if (cur.assignedSlot)
+ cur = cur.assignedSlot;
+ const found = cur.closest(selector);
+ if (!found && !cur.getRootNode) {
+ return null;
+ }
+ const root = cur.getRootNode();
+ return found || __closestFrom(root.host);
+ }
+ return __closestFrom(base);
+ }
+ function preventEdgeSwipe(swiper, event, startX) {
+ const { params } = swiper;
+ const edgeSwipeDetection = params.edgeSwipeDetection;
+ const edgeSwipeThreshold = params.edgeSwipeThreshold;
+ if (edgeSwipeDetection &&
+ (startX <= edgeSwipeThreshold || startX >= window.innerWidth - edgeSwipeThreshold)) {
+ if (edgeSwipeDetection === 'prevent') {
+ event.preventDefault();
+ return true;
+ }
+ return false;
}
return true;
- }).forEach(slideEl => {
- slideEl.style[key] = `${spaceBetween}px`;
- });
- }
- if (params.centeredSlides && params.centeredSlidesBounds) {
- let allSlidesSize = 0;
- slidesSizesGrid.forEach(slideSizeValue => {
- allSlidesSize += slideSizeValue + (spaceBetween || 0);
- });
- allSlidesSize -= spaceBetween;
- const maxSnap = allSlidesSize > swiperSize ? allSlidesSize - swiperSize : 0;
- snapGrid = snapGrid.map(snap => {
- if (snap <= 0) return -offsetBefore;
- if (snap > maxSnap) return maxSnap + offsetAfter;
- return snap;
- });
}
- if (params.centerInsufficientSlides) {
- let allSlidesSize = 0;
- slidesSizesGrid.forEach(slideSizeValue => {
- allSlidesSize += slideSizeValue + (spaceBetween || 0);
- });
- allSlidesSize -= spaceBetween;
- if (allSlidesSize < swiperSize) {
- const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
- snapGrid.forEach((snap, snapIndex) => {
- snapGrid[snapIndex] = snap - allSlidesOffset;
- });
- slidesGrid.forEach((snap, snapIndex) => {
- slidesGrid[snapIndex] = snap + allSlidesOffset;
- });
- }
- }
- Object.assign(swiper, {
- slides,
- snapGrid,
- slidesGrid,
- slidesSizesGrid
- });
- if (params.centeredSlides && params.cssMode && !params.centeredSlidesBounds) {
- setCSSProperty(wrapperEl, '--swiper-centered-offset-before', `${-snapGrid[0]}px`);
- setCSSProperty(wrapperEl, '--swiper-centered-offset-after', `${swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2}px`);
- const addToSnapGrid = -swiper.snapGrid[0];
- const addToSlidesGrid = -swiper.slidesGrid[0];
- swiper.snapGrid = swiper.snapGrid.map(v => v + addToSnapGrid);
- swiper.slidesGrid = swiper.slidesGrid.map(v => v + addToSlidesGrid);
- }
- if (slidesLength !== previousSlidesLength) {
- swiper.emit('slidesLengthChange');
- }
- if (snapGrid.length !== previousSnapGridLength) {
- if (swiper.params.watchOverflow) swiper.checkOverflow();
- swiper.emit('snapGridLengthChange');
- }
- if (slidesGrid.length !== previousSlidesGridLength) {
- swiper.emit('slidesGridLengthChange');
- }
- if (params.watchSlidesProgress) {
- swiper.updateSlidesOffset();
- }
- swiper.emit('slidesUpdated');
- if (!isVirtual && !params.cssMode && (params.effect === 'slide' || params.effect === 'fade')) {
- const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
- const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);
- if (slidesLength <= params.maxBackfaceHiddenSlides) {
- if (!hasClassBackfaceClassAdded) swiper.el.classList.add(backFaceHiddenClass);
- } else if (hasClassBackfaceClassAdded) {
- swiper.el.classList.remove(backFaceHiddenClass);
- }
- }
- }
-
- function updateAutoHeight(speed) {
- const swiper = this;
- const activeSlides = [];
- const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
- let newHeight = 0;
- let i;
- if (typeof speed === 'number') {
- swiper.setTransition(speed);
- } else if (speed === true) {
- swiper.setTransition(swiper.params.speed);
- }
- const getSlideByIndex = index => {
- if (isVirtual) {
- return swiper.slides[swiper.getSlideIndexByData(index)];
- }
- return swiper.slides[index];
+ function onTouchStart(event) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ const e = event.originalEvent ?? event;
+ const data = swiper.touchEventsData;
+ if (e.type === 'pointerdown') {
+ const pe = e;
+ if (data.pointerId !== null && data.pointerId !== pe.pointerId) {
+ return;
+ }
+ data.pointerId = pe.pointerId;
+ }
+ else if (e.type === 'touchstart' && e.targetTouches.length === 1) {
+ data.touchId = e.targetTouches[0].identifier;
+ }
+ if (e.type === 'touchstart') {
+ // don't proceed touch event
+ preventEdgeSwipe(swiper, e, e.targetTouches[0].pageX);
+ return;
+ }
+ const { params, touches, enabled } = swiper;
+ if (!enabled)
+ return;
+ if (!params.simulateTouch && e.pointerType === 'mouse')
+ return;
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return;
+ }
+ if (!swiper.animating && params.cssMode && params.loop) {
+ swiper.loopFix();
+ }
+ let targetEl = e.target;
+ if (params.touchEventsTarget === 'wrapper') {
+ if (!elementIsChildOf(targetEl, swiper.wrapperEl))
+ return;
+ }
+ // Secondary mouse buttons (right-click / middle-click) shouldn't start a swipe.
+ const mouseLike = e;
+ if (typeof mouseLike.which === 'number' && mouseLike.which === 3)
+ return;
+ if (typeof mouseLike.button === 'number' && mouseLike.button > 0)
+ return;
+ if (data.isTouched && data.isMoved)
+ return;
+ // change target el for shadow root component
+ const swipingClassHasValue = !!params.noSwipingClass && params.noSwipingClass !== '';
+ // `path` is a non-standard Chrome extension; `composedPath()` is the modern API.
+ const eventPath = e.composedPath
+ ? e.composedPath()
+ : e.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
+ if (params.noSwiping &&
+ (isTargetShadow
+ ? closestElement(noSwipingSelector, targetEl)
+ : targetEl.closest(noSwipingSelector))) {
+ swiper.allowClick = true;
+ return;
+ }
+ if (params.swipeHandler) {
+ if (typeof params.swipeHandler === 'string' && !targetEl.closest(params.swipeHandler))
+ return;
+ }
+ // At this point `e` is a PointerEvent or MouseEvent (touchstart returned earlier).
+ const pe = e;
+ touches.currentX = pe.pageX;
+ touches.currentY = pe.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
+ if (!preventEdgeSwipe(swiper, e, startX)) {
+ return;
+ }
+ Object.assign(data, {
+ isTouched: true,
+ isMoved: false,
+ allowTouchCallbacks: true,
+ isScrolling: undefined,
+ startMoving: undefined,
+ });
+ touches.startX = startX;
+ touches.startY = startY;
+ data.touchStartTime = now();
+ swiper.allowClick = true;
+ swiper.updateSize();
+ swiper.swipeDirection = undefined;
+ if (params.threshold > 0)
+ data.allowThresholdMove = false;
+ let preventDefault = true;
+ if (targetEl.matches(data.focusableElements)) {
+ preventDefault = false;
+ if (targetEl.nodeName === 'SELECT') {
+ data.isTouched = false;
+ }
+ }
+ if (document.activeElement &&
+ document.activeElement.matches(data.focusableElements) &&
+ document.activeElement !== targetEl &&
+ (pe.pointerType === 'mouse' ||
+ (pe.pointerType !== 'mouse' && !targetEl.matches(data.focusableElements)))) {
+ document.activeElement.blur();
+ }
+ const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
+ if ((params.touchStartForcePreventDefault || shouldPreventDefault) &&
+ !targetEl.isContentEditable) {
+ e.preventDefault();
+ }
+ if (params.freeMode &&
+ params.freeMode.enabled &&
+ swiper.freeMode &&
+ swiper.animating &&
+ !params.cssMode) {
+ swiper.freeMode.onTouchStart();
+ }
+ swiper.emit('touchStart', e);
+ }
+
+ const events = (swiper, method) => {
+ const { params, el, wrapperEl, device } = swiper;
+ const capture = !!params.nested;
+ const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
+ const swiperMethod = method;
+ if (!el || typeof el === 'string')
+ return;
+ // Touch Events
+ document[domMethod]('touchstart', swiper.onDocumentTouchStart, {
+ passive: false,
+ capture,
+ });
+ el[domMethod]('touchstart', swiper.onTouchStart, { passive: false });
+ el[domMethod]('pointerdown', swiper.onTouchStart, { passive: false });
+ document[domMethod]('touchmove', swiper.onTouchMove, {
+ passive: false,
+ capture,
+ });
+ document[domMethod]('pointermove', swiper.onTouchMove, {
+ passive: false,
+ capture,
+ });
+ document[domMethod]('touchend', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('pointerup', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('pointercancel', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('touchcancel', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('pointerout', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('pointerleave', swiper.onTouchEnd, { passive: true });
+ document[domMethod]('contextmenu', swiper.onTouchEnd, { passive: true });
+ // Prevent Links Clicks
+ if (params.preventClicks || params.preventClicksPropagation) {
+ el[domMethod]('click', swiper.onClick, true);
+ }
+ if (params.cssMode) {
+ wrapperEl[domMethod]('scroll', swiper.onScroll);
+ }
+ // Resize handler
+ const subscribe = (events) => {
+ swiper[swiperMethod](events, onResize, true);
+ };
+ if (params.updateOnWindowResize) {
+ subscribe(device.ios || device.android
+ ? 'resize orientationchange observerUpdate'
+ : 'resize observerUpdate');
+ }
+ else {
+ subscribe('observerUpdate');
+ }
+ // Images loader
+ el[domMethod]('load', swiper.onLoad, { capture: true });
+ };
+ function attachEvents() {
+ const swiper = this;
+ const { params } = swiper;
+ swiper.onTouchStart = onTouchStart.bind(swiper);
+ swiper.onTouchMove = onTouchMove.bind(swiper);
+ swiper.onTouchEnd = onTouchEnd.bind(swiper);
+ swiper.onDocumentTouchStart = onDocumentTouchStart.bind(swiper);
+ if (params.cssMode) {
+ swiper.onScroll = onScroll.bind(swiper);
+ }
+ swiper.onClick = onClick.bind(swiper);
+ swiper.onLoad = onLoad.bind(swiper);
+ events(swiper, 'on');
+ }
+ function detachEvents() {
+ const swiper = this;
+ events(swiper, 'off');
+ }
+ var events$1 = {
+ attachEvents,
+ detachEvents,
};
- // Find slides currently in view
- if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
- if (swiper.params.centeredSlides) {
- (swiper.visibleSlides || []).forEach(slide => {
- activeSlides.push(slide);
- });
- } else {
- for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
- const index = swiper.activeIndex + i;
- if (index > swiper.slides.length && !isVirtual) break;
- activeSlides.push(getSlideByIndex(index));
- }
- }
- } else {
- activeSlides.push(getSlideByIndex(swiper.activeIndex));
- }
- // 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;
- }
+ function setGrabCursor(moving) {
+ const swiper = this;
+ if (!swiper.params.simulateTouch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode)
+ return;
+ const el = swiper.params.touchEventsTarget === 'container' ? swiper.el : swiper.wrapperEl;
+ if (swiper.isElement) {
+ swiper.__preventObserver__ = true;
+ }
+ el.style.cursor = 'move';
+ el.style.cursor = moving ? 'grabbing' : 'grab';
+ if (swiper.isElement) {
+ requestAnimationFrame(() => {
+ swiper.__preventObserver__ = false;
+ });
+ }
}
- // 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) - minusOffset - swiper.cssOverflowAdjustment();
+ function unsetGrabCursor() {
+ const swiper = this;
+ if ((swiper.params.watchOverflow && swiper.isLocked) || swiper.params.cssMode) {
+ return;
+ }
+ if (swiper.isElement) {
+ swiper.__preventObserver__ = true;
+ }
+ swiper[swiper.params.touchEventsTarget === 'container' ? 'el' : 'wrapperEl'].style.cursor = '';
+ if (swiper.isElement) {
+ requestAnimationFrame(() => {
+ swiper.__preventObserver__ = false;
+ });
+ }
}
- }
- const toggleSlideClasses$1 = (slideEl, condition, className) => {
- if (condition && !slideEl.classList.contains(className)) {
- slideEl.classList.add(className);
- } else if (!condition && slideEl.classList.contains(className)) {
- slideEl.classList.remove(className);
- }
- };
- function updateSlidesProgress(translate = this && this.translate || 0) {
- const swiper = this;
- const params = swiper.params;
- const {
- slides,
- rtlTranslate: rtl,
- snapGrid
- } = swiper;
- if (slides.length === 0) return;
- if (typeof slides[0].swiperSlideOffset === 'undefined') swiper.updateSlidesOffset();
- let offsetCenter = -translate;
- if (rtl) offsetCenter = translate;
- swiper.visibleSlidesIndexes = [];
- swiper.visibleSlides = [];
- let spaceBetween = params.spaceBetween;
- if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
- spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiper.size;
- } else if (typeof spaceBetween === 'string') {
- spaceBetween = parseFloat(spaceBetween);
- }
- for (let i = 0; i < slides.length; i += 1) {
- const slide = slides[i];
- let slideOffset = slide.swiperSlideOffset;
- if (params.cssMode && params.centeredSlides) {
- slideOffset -= slides[0].swiperSlideOffset;
- }
- const slideProgress = (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) / (slide.swiperSlideSize + spaceBetween);
- const originalSlideProgress = (offsetCenter - snapGrid[0] + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) / (slide.swiperSlideSize + spaceBetween);
- const slideBefore = -(offsetCenter - slideOffset);
- const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
- const isFullyVisible = slideBefore >= 0 && slideBefore <= swiper.size - swiper.slidesSizesGrid[i];
- const isVisible = slideBefore >= 0 && slideBefore < swiper.size - 1 || slideAfter > 1 && slideAfter <= swiper.size || slideBefore <= 0 && slideAfter >= swiper.size;
- if (isVisible) {
- swiper.visibleSlides.push(slide);
- swiper.visibleSlidesIndexes.push(i);
- }
- toggleSlideClasses$1(slide, isVisible, params.slideVisibleClass);
- toggleSlideClasses$1(slide, isFullyVisible, params.slideFullyVisibleClass);
- slide.progress = rtl ? -slideProgress : slideProgress;
- slide.originalProgress = rtl ? -originalSlideProgress : originalSlideProgress;
- }
- }
+ var grabCursor = {
+ setGrabCursor,
+ unsetGrabCursor,
+ };
- function updateProgress(translate) {
- const swiper = this;
- if (typeof translate === 'undefined') {
- const multiplier = swiper.rtlTranslate ? -1 : 1;
- // eslint-disable-next-line
- translate = swiper && swiper.translate && swiper.translate * multiplier || 0;
- }
- const params = swiper.params;
- const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
- let {
- progress,
- isBeginning,
- isEnd,
- progressLoop
- } = swiper;
- const wasBeginning = isBeginning;
- const wasEnd = isEnd;
- if (translatesDiff === 0) {
- progress = 0;
- isBeginning = true;
- isEnd = true;
- } else {
- progress = (translate - swiper.minTranslate()) / translatesDiff;
- 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 = swiper.getSlideIndexByData(0);
- const lastSlideIndex = swiper.getSlideIndexByData(swiper.slides.length - 1);
- const firstSlideTranslate = swiper.slidesGrid[firstSlideIndex];
- const lastSlideTranslate = swiper.slidesGrid[lastSlideIndex];
- const translateMax = swiper.slidesGrid[swiper.slidesGrid.length - 1];
- const translateAbs = Math.abs(translate);
- if (translateAbs >= firstSlideTranslate) {
- progressLoop = (translateAbs - firstSlideTranslate) / translateMax;
- } else {
- progressLoop = (translateAbs + translateMax - lastSlideTranslate) / translateMax;
- }
- if (progressLoop > 1) progressLoop -= 1;
- }
- Object.assign(swiper, {
- progress,
- progressLoop,
- isBeginning,
- isEnd
- });
- if (params.watchSlidesProgress || params.centeredSlides && params.autoHeight) swiper.updateSlidesProgress(translate);
- if (isBeginning && !wasBeginning) {
- swiper.emit('reachBeginning toEdge');
- }
- if (isEnd && !wasEnd) {
- swiper.emit('reachEnd toEdge');
- }
- if (wasBeginning && !isBeginning || wasEnd && !isEnd) {
- swiper.emit('fromEdge');
- }
- swiper.emit('progress', progress);
- }
-
- const toggleSlideClasses = (slideEl, condition, className) => {
- if (condition && !slideEl.classList.contains(className)) {
- slideEl.classList.add(className);
- } else if (!condition && slideEl.classList.contains(className)) {
- slideEl.classList.remove(className);
- }
- };
- function updateSlidesClasses() {
- const swiper = this;
- const {
- slides,
- params,
- slidesEl,
- activeIndex
- } = swiper;
- const isVirtual = swiper.virtual && params.virtual.enabled;
- const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
- const getFilteredSlide = selector => {
- return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
- };
- let activeSlide;
- let prevSlide;
- let nextSlide;
- if (isVirtual) {
- if (params.loop) {
- let slideIndex = activeIndex - swiper.virtual.slidesBefore;
- if (slideIndex < 0) slideIndex = swiper.virtual.slides.length + slideIndex;
- if (slideIndex >= swiper.virtual.slides.length) slideIndex -= swiper.virtual.slides.length;
- activeSlide = getFilteredSlide(`[data-swiper-slide-index="${slideIndex}"]`);
- } else {
- activeSlide = getFilteredSlide(`[data-swiper-slide-index="${activeIndex}"]`);
- }
- } else {
- if (gridEnabled) {
- activeSlide = slides.find(slideEl => slideEl.column === activeIndex);
- nextSlide = slides.find(slideEl => slideEl.column === activeIndex + 1);
- prevSlide = slides.find(slideEl => slideEl.column === activeIndex - 1);
- } else {
- activeSlide = slides[activeIndex];
- }
- }
- if (activeSlide) {
- if (!gridEnabled) {
- // Next Slide
- nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
- if (params.loop && !nextSlide) {
- nextSlide = slides[0];
+ function loopCreate(slideRealIndex, initial) {
+ const swiper = this;
+ const { params, slidesEl } = swiper;
+ if (!params.loop || (swiper.virtual && swiper.params.virtual?.enabled))
+ return;
+ const initSlides = () => {
+ const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
+ slides.forEach((el, index) => {
+ el.setAttribute('data-swiper-slide-index', String(index));
+ });
+ };
+ const clearBlankSlides = () => {
+ const slides = elementChildren(slidesEl, `.${params.slideBlankClass}`);
+ slides.forEach((el) => {
+ el.remove();
+ });
+ if (slides.length > 0) {
+ swiper.recalcSlides();
+ swiper.updateSlides();
+ }
+ };
+ const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
+ if (params.loopAddBlankSlides && (params.slidesPerGroup > 1 || gridEnabled)) {
+ clearBlankSlides();
+ }
+ const slidesPerGroup = params.slidesPerGroup * (gridEnabled ? params.grid.rows : 1);
+ const shouldFillGroup = swiper.slides.length % slidesPerGroup !== 0;
+ const shouldFillGrid = gridEnabled && swiper.slides.length % params.grid.rows !== 0;
+ const addBlankSlides = (amountOfSlides) => {
+ for (let i = 0; i < amountOfSlides; i += 1) {
+ const slideEl = swiper.isElement
+ ? createElement('swiper-slide', [params.slideBlankClass])
+ : createElement('div', [params.slideClass, params.slideBlankClass]);
+ swiper.slidesEl.append(slideEl);
+ }
+ };
+ if (shouldFillGroup) {
+ if (params.loopAddBlankSlides) {
+ const slidesToAdd = slidesPerGroup - (swiper.slides.length % slidesPerGroup);
+ addBlankSlides(slidesToAdd);
+ swiper.recalcSlides();
+ swiper.updateSlides();
+ }
+ else {
+ showWarning('Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)');
+ }
+ initSlides();
+ }
+ else if (shouldFillGrid) {
+ if (params.loopAddBlankSlides) {
+ const slidesToAdd = params.grid.rows - (swiper.slides.length % params.grid.rows);
+ addBlankSlides(slidesToAdd);
+ swiper.recalcSlides();
+ swiper.updateSlides();
+ }
+ else {
+ showWarning('Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)');
+ }
+ initSlides();
}
-
- // Prev Slide
- prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
- if (params.loop && !prevSlide === 0) {
- prevSlide = slides[slides.length - 1];
+ else {
+ initSlides();
}
- }
+ const bothDirections = params.centeredSlides || !!params.slidesOffsetBefore || !!params.slidesOffsetAfter;
+ swiper.loopFix({
+ slideRealIndex,
+ direction: bothDirections ? undefined : 'next',
+ initial,
+ });
}
- slides.forEach(slideEl => {
- toggleSlideClasses(slideEl, slideEl === activeSlide, params.slideActiveClass);
- toggleSlideClasses(slideEl, slideEl === nextSlide, params.slideNextClass);
- toggleSlideClasses(slideEl, slideEl === prevSlide, params.slidePrevClass);
- });
- swiper.emitSlidesClasses();
- }
- const processLazyPreloader = (swiper, imageEl) => {
- if (!swiper || swiper.destroyed || !swiper.params) return;
- const slideSelector = () => swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
- const slideEl = imageEl.closest(slideSelector());
- if (slideEl) {
- let lazyEl = slideEl.querySelector(`.${swiper.params.lazyPreloaderClass}`);
- if (!lazyEl && swiper.isElement) {
- if (slideEl.shadowRoot) {
- lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
- } else {
- // init later
- requestAnimationFrame(() => {
- if (slideEl.shadowRoot) {
- lazyEl = slideEl.shadowRoot.querySelector(`.${swiper.params.lazyPreloaderClass}`);
- if (lazyEl && !lazyEl.lazyPreloaderManaged) lazyEl.remove();
- }
- });
- }
- }
- // Skip removal if managed by React/Vue component
- if (lazyEl && !lazyEl.lazyPreloaderManaged) lazyEl.remove();
- }
- };
- const unlazy = (swiper, index) => {
- if (!swiper.slides[index]) return;
- const imageEl = swiper.slides[index].querySelector('[loading="lazy"]');
- if (imageEl) imageEl.removeAttribute('loading');
- };
- const preload = swiper => {
- if (!swiper || swiper.destroyed || !swiper.params) return;
- let amount = swiper.params.lazyPreloadPrevNext;
- const len = swiper.slides.length;
- if (!len || !amount || amount < 0) return;
- amount = Math.min(amount, len);
- const slidesPerView = swiper.params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(swiper.params.slidesPerView);
- const activeIndex = swiper.activeIndex;
- if (swiper.params.grid && swiper.params.grid.rows > 1) {
- const activeColumn = activeIndex;
- const preloadColumns = [activeColumn - amount];
- preloadColumns.push(...Array.from({
- length: amount
- }).map((_, i) => {
- return activeColumn + slidesPerView + i;
- }));
- swiper.slides.forEach((slideEl, i) => {
- if (preloadColumns.includes(slideEl.column)) unlazy(swiper, i);
- });
- return;
- }
- const slideIndexLastInView = activeIndex + slidesPerView - 1;
- if (swiper.params.rewind || swiper.params.loop) {
- for (let i = activeIndex - amount; i <= slideIndexLastInView + amount; i += 1) {
- const realIndex = (i % len + len) % len;
- if (realIndex < activeIndex || realIndex > slideIndexLastInView) unlazy(swiper, realIndex);
- }
- } else {
- for (let i = Math.max(activeIndex - amount, 0); i <= Math.min(slideIndexLastInView + amount, len - 1); i += 1) {
- if (i !== activeIndex && (i > slideIndexLastInView || i < activeIndex)) {
- unlazy(swiper, i);
- }
- }
+ function loopDestroy() {
+ const swiper = this;
+ const { params, slidesEl } = swiper;
+ if (!params.loop || !slidesEl || (swiper.virtual && swiper.params.virtual?.enabled))
+ return;
+ swiper.recalcSlides();
+ const newSlidesOrder = [];
+ swiper.slides.forEach((slideEl) => {
+ const loopSlideEl = slideEl;
+ const index = typeof loopSlideEl.swiperSlideIndex === 'undefined'
+ ? Number(slideEl.getAttribute('data-swiper-slide-index'))
+ : loopSlideEl.swiperSlideIndex;
+ newSlidesOrder[index] = slideEl;
+ });
+ swiper.slides.forEach((slideEl) => {
+ slideEl.removeAttribute('data-swiper-slide-index');
+ });
+ newSlidesOrder.forEach((slideEl) => {
+ slidesEl.append(slideEl);
+ });
+ swiper.recalcSlides();
+ swiper.slideTo(swiper.realIndex, 0);
+ }
+
+ function loopFix(options = {}) {
+ const { slideRealIndex, slideTo = true, direction, setTranslate, activeSlideIndex: activeSlideIndexParam, initial, byController, byMousewheel, } = options;
+ let activeSlideIndex = activeSlideIndexParam;
+ const swiper = this;
+ if (!swiper.params.loop)
+ return;
+ swiper.emit('beforeLoopFix');
+ const { slides, allowSlidePrev, allowSlideNext, slidesEl, params } = swiper;
+ const { centeredSlides, slidesOffsetBefore, slidesOffsetAfter, initialSlide } = params;
+ const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
+ swiper.allowSlidePrev = true;
+ swiper.allowSlideNext = true;
+ if (swiper.virtual && params.virtual?.enabled) {
+ if (slideTo) {
+ const virtualSlidesLength = swiper.virtual.slides.length;
+ const virtualSlidesBefore = swiper.virtual.slidesBefore ?? 0;
+ if (!bothDirections && swiper.snapIndex === 0) {
+ swiper.slideTo(virtualSlidesLength, 0, false, true);
+ }
+ else if (bothDirections && swiper.snapIndex < params.slidesPerView) {
+ swiper.slideTo(virtualSlidesLength + swiper.snapIndex, 0, false, true);
+ }
+ else if (swiper.snapIndex === swiper.snapGrid.length - 1) {
+ swiper.slideTo(virtualSlidesBefore, 0, false, true);
+ }
+ }
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ swiper.emit('loopFix');
+ return;
+ }
+ let slidesPerView = params.slidesPerView;
+ if (slidesPerView === 'auto') {
+ slidesPerView = swiper.slidesPerViewDynamic();
+ }
+ else {
+ slidesPerView = Math.ceil(parseFloat(String(params.slidesPerView)));
+ if (bothDirections && slidesPerView % 2 === 0) {
+ slidesPerView = slidesPerView + 1;
+ }
+ }
+ const slidesPerGroup = params.slidesPerGroupAuto
+ ? slidesPerView
+ : params.slidesPerGroup;
+ let loopedSlides = bothDirections
+ ? Math.max(slidesPerGroup, Math.ceil(slidesPerView / 2))
+ : slidesPerGroup;
+ if (loopedSlides % slidesPerGroup !== 0) {
+ loopedSlides += slidesPerGroup - (loopedSlides % slidesPerGroup);
+ }
+ loopedSlides += params.loopAdditionalSlides;
+ swiper.loopedSlides = loopedSlides;
+ const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
+ if (slides.length < slidesPerView + loopedSlides ||
+ (swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2)) {
+ showWarning('Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters');
+ }
+ else if (gridEnabled && params.grid.fill === 'row') {
+ showWarning('Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`');
+ }
+ const prependSlidesIndexes = [];
+ const appendSlidesIndexes = [];
+ const cols = gridEnabled ? Math.ceil(slides.length / params.grid.rows) : slides.length;
+ const isInitialOverflow = initial && cols - initialSlide < slidesPerView && !bothDirections;
+ let activeIndex = isInitialOverflow ? initialSlide : swiper.activeIndex;
+ if (typeof activeSlideIndex === 'undefined') {
+ activeSlideIndex = swiper.getSlideIndex(slides.find((el) => el.classList.contains(params.slideActiveClass)));
+ }
+ else {
+ activeIndex = activeSlideIndex;
+ }
+ const isNext = direction === 'next' || !direction;
+ const isPrev = direction === 'prev' || !direction;
+ let slidesPrepended = 0;
+ let slidesAppended = 0;
+ const activeColIndex = gridEnabled
+ ? (slides[activeSlideIndex].column ?? 0)
+ : activeSlideIndex;
+ const activeColIndexWithShift = activeColIndex +
+ (bothDirections && typeof setTranslate === 'undefined' ? -slidesPerView / 2 + 0.5 : 0);
+ // prepend last slides before start
+ if (activeColIndexWithShift < loopedSlides) {
+ slidesPrepended = Math.max(loopedSlides - activeColIndexWithShift, slidesPerGroup);
+ for (let i = 0; i < loopedSlides - activeColIndexWithShift; i += 1) {
+ const index = i - Math.floor(i / cols) * cols;
+ if (gridEnabled) {
+ const colIndexToPrepend = cols - index - 1;
+ for (let j = slides.length - 1; j >= 0; j -= 1) {
+ if (slides[j].column === colIndexToPrepend)
+ prependSlidesIndexes.push(j);
+ }
+ }
+ else {
+ prependSlidesIndexes.push(cols - index - 1);
+ }
+ }
+ }
+ else if (activeColIndexWithShift + slidesPerView > cols - loopedSlides) {
+ slidesAppended = Math.max(activeColIndexWithShift - (cols - loopedSlides * 2), slidesPerGroup);
+ if (isInitialOverflow) {
+ slidesAppended = Math.max(slidesAppended, slidesPerView - cols + initialSlide + 1);
+ }
+ for (let i = 0; i < slidesAppended; i += 1) {
+ const index = i - Math.floor(i / cols) * cols;
+ if (gridEnabled) {
+ slides.forEach((slide, slideIndex) => {
+ if (slide.column === index)
+ appendSlidesIndexes.push(slideIndex);
+ });
+ }
+ else {
+ appendSlidesIndexes.push(index);
+ }
+ }
+ }
+ swiper.__preventObserver__ = true;
+ requestAnimationFrame(() => {
+ swiper.__preventObserver__ = false;
+ });
+ if (swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2) {
+ if (appendSlidesIndexes.includes(activeSlideIndex)) {
+ appendSlidesIndexes.splice(appendSlidesIndexes.indexOf(activeSlideIndex), 1);
+ }
+ if (prependSlidesIndexes.includes(activeSlideIndex)) {
+ prependSlidesIndexes.splice(prependSlidesIndexes.indexOf(activeSlideIndex), 1);
+ }
+ }
+ if (isPrev) {
+ prependSlidesIndexes.forEach((index) => {
+ const slideEl = slides[index];
+ slideEl.swiperLoopMoveDOM = true;
+ slidesEl.prepend(slideEl);
+ slideEl.swiperLoopMoveDOM = false;
+ });
+ }
+ if (isNext) {
+ appendSlidesIndexes.forEach((index) => {
+ const slideEl = slides[index];
+ slideEl.swiperLoopMoveDOM = true;
+ slidesEl.append(slideEl);
+ slideEl.swiperLoopMoveDOM = false;
+ });
+ }
+ swiper.recalcSlides();
+ if (params.slidesPerView === 'auto') {
+ swiper.updateSlides();
+ }
+ else if (gridEnabled &&
+ ((prependSlidesIndexes.length > 0 && isPrev) || (appendSlidesIndexes.length > 0 && isNext))) {
+ swiper.slides.forEach((slide, slideIndex) => {
+ swiper.grid.updateSlide(slideIndex, slide, swiper.slides);
+ });
+ }
+ if (params.watchSlidesProgress) {
+ swiper.updateSlidesOffset();
+ }
+ if (slideTo) {
+ if (prependSlidesIndexes.length > 0 && isPrev) {
+ if (typeof slideRealIndex === 'undefined') {
+ 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 + Math.ceil(slidesPrepended), 0, false, true);
+ if (setTranslate) {
+ swiper.touchEventsData.startTranslate =
+ swiper.touchEventsData.startTranslate - diff;
+ swiper.touchEventsData.currentTranslate =
+ swiper.touchEventsData.currentTranslate - diff;
+ }
+ }
+ }
+ else {
+ if (setTranslate) {
+ const shift = gridEnabled
+ ? prependSlidesIndexes.length / params.grid.rows
+ : prependSlidesIndexes.length;
+ swiper.slideTo(swiper.activeIndex + shift, 0, false, true);
+ swiper.touchEventsData.currentTranslate = swiper.translate;
+ }
+ }
+ }
+ else if (appendSlidesIndexes.length > 0 && isNext) {
+ if (typeof slideRealIndex === 'undefined') {
+ 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.touchEventsData.startTranslate =
+ swiper.touchEventsData.startTranslate - diff;
+ swiper.touchEventsData.currentTranslate =
+ swiper.touchEventsData.currentTranslate - diff;
+ }
+ }
+ }
+ else {
+ const shift = gridEnabled
+ ? appendSlidesIndexes.length / params.grid.rows
+ : appendSlidesIndexes.length;
+ swiper.slideTo(swiper.activeIndex - shift, 0, false, true);
+ }
+ }
+ }
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ const controlled = swiper.controller?.control;
+ if (controlled && !byController) {
+ const loopParams = {
+ slideRealIndex,
+ direction,
+ setTranslate,
+ activeSlideIndex,
+ byController: true,
+ };
+ if (Array.isArray(controlled)) {
+ controlled.forEach((c) => {
+ if (!c.destroyed && c.params.loop)
+ c.loopFix({
+ ...loopParams,
+ slideTo: c.params.slidesPerView === params.slidesPerView ? slideTo : false,
+ });
+ });
+ }
+ else if (controlled instanceof swiper.constructor &&
+ controlled.params.loop) {
+ controlled.loopFix({
+ ...loopParams,
+ slideTo: controlled.params.slidesPerView === params.slidesPerView ? slideTo : false,
+ });
+ }
+ }
+ swiper.emit('loopFix');
}
- };
- function getActiveIndexByTranslate(swiper) {
- const {
- slidesGrid,
- params
- } = swiper;
- const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
- let activeIndex;
- for (let i = 0; i < slidesGrid.length; i += 1) {
- if (typeof slidesGrid[i + 1] !== 'undefined') {
- if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2) {
- activeIndex = i;
- } else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {
- activeIndex = i + 1;
- }
- } else if (translate >= slidesGrid[i]) {
- activeIndex = i;
- }
- }
- // Normalize slideIndex
- if (params.normalizeSlideIndex) {
- if (activeIndex < 0 || typeof activeIndex === 'undefined') activeIndex = 0;
- }
- return activeIndex;
- }
- function updateActiveIndex(newActiveIndex) {
- const swiper = this;
- const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
- const {
- snapGrid,
- params,
- activeIndex: previousIndex,
- realIndex: previousRealIndex,
- snapIndex: previousSnapIndex
- } = swiper;
- let activeIndex = newActiveIndex;
- let snapIndex;
- const getVirtualRealIndex = aIndex => {
- let realIndex = aIndex - swiper.virtual.slidesBefore;
- if (realIndex < 0) {
- realIndex = swiper.virtual.slides.length + realIndex;
- }
- if (realIndex >= swiper.virtual.slides.length) {
- realIndex -= swiper.virtual.slides.length;
- }
- return realIndex;
+ var loop = {
+ loopCreate,
+ loopFix,
+ loopDestroy,
};
- if (typeof activeIndex === 'undefined') {
- activeIndex = getActiveIndexByTranslate(swiper);
- }
- if (snapGrid.indexOf(translate) >= 0) {
- snapIndex = snapGrid.indexOf(translate);
- } else {
- const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
- snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
- }
- if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
- if (activeIndex === previousIndex && !swiper.params.loop) {
- if (snapIndex !== previousSnapIndex) {
- swiper.snapIndex = snapIndex;
- swiper.emit('snapIndexChange');
- }
- return;
- }
- if (activeIndex === previousIndex && swiper.params.loop && swiper.virtual && swiper.params.virtual.enabled) {
- swiper.realIndex = getVirtualRealIndex(activeIndex);
- return;
- }
- const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
-
- // Get real index
- let realIndex;
- if (swiper.virtual && params.virtual.enabled) {
- if (params.loop) {
- realIndex = getVirtualRealIndex(activeIndex);
- } else {
- realIndex = activeIndex;
- }
- } else if (gridEnabled) {
- const firstSlideInColumn = swiper.slides.find(slideEl => slideEl.column === activeIndex);
- let activeSlideIndex = parseInt(firstSlideInColumn.getAttribute('data-swiper-slide-index'), 10);
- if (Number.isNaN(activeSlideIndex)) {
- activeSlideIndex = Math.max(swiper.slides.indexOf(firstSlideInColumn), 0);
- }
- realIndex = Math.floor(activeSlideIndex / params.grid.rows);
- } else if (swiper.slides[activeIndex]) {
- const slideIndex = swiper.slides[activeIndex].getAttribute('data-swiper-slide-index');
- if (slideIndex) {
- realIndex = parseInt(slideIndex, 10);
- } else {
- realIndex = activeIndex;
- }
- } else {
- realIndex = activeIndex;
- }
- Object.assign(swiper, {
- previousSnapIndex,
- snapIndex,
- previousRealIndex,
- realIndex,
- previousIndex,
- activeIndex
- });
- if (swiper.initialized) {
- preload(swiper);
- }
- swiper.emit('activeIndexChange');
- swiper.emit('snapIndexChange');
- if (swiper.initialized || swiper.params.runCallbacksOnInit) {
- if (previousRealIndex !== realIndex) {
- swiper.emit('realIndexChange');
- }
- swiper.emit('slideChange');
- }
- }
-
- function updateClickedSlide(el, path) {
- const swiper = this;
- const params = swiper.params;
- let slide = el.closest(`.${params.slideClass}, swiper-slide`);
- if (!slide && swiper.isElement && path && path.length > 1 && path.includes(el)) {
- [...path.slice(path.indexOf(el) + 1, path.length)].forEach(pathEl => {
- if (!slide && pathEl.matches && pathEl.matches(`.${params.slideClass}, swiper-slide`)) {
- slide = pathEl;
- }
- });
- }
- let slideFound = false;
- let slideIndex;
- if (slide) {
- for (let i = 0; i < swiper.slides.length; i += 1) {
- if (swiper.slides[i] === slide) {
- slideFound = true;
- slideIndex = i;
- break;
- }
- }
- }
- if (slide && slideFound) {
- swiper.clickedSlide = slide;
- if (swiper.virtual && swiper.params.virtual.enabled) {
- swiper.clickedIndex = parseInt(slide.getAttribute('data-swiper-slide-index'), 10);
- } else {
- swiper.clickedIndex = slideIndex;
- }
- } else {
- swiper.clickedSlide = undefined;
- swiper.clickedIndex = undefined;
- return;
- }
- if (params.slideToClickedSlide && swiper.clickedIndex !== undefined && swiper.clickedIndex !== swiper.activeIndex) {
- swiper.slideToClickedSlide();
- }
- }
-
- var update = {
- updateSize,
- updateSlides,
- updateAutoHeight,
- updateSlidesOffset,
- updateSlidesProgress,
- updateProgress,
- updateSlidesClasses,
- updateActiveIndex,
- updateClickedSlide
- };
-
- function getSwiperTranslate(axis = this.isHorizontal() ? 'x' : 'y') {
- const swiper = this;
- const {
- params,
- rtlTranslate: rtl,
- translate,
- wrapperEl
- } = swiper;
- if (params.virtualTranslate) {
- return rtl ? -translate : translate;
- }
- if (params.cssMode) {
- return translate;
- }
- let currentTranslate = getTranslate(wrapperEl, axis);
- currentTranslate += swiper.cssOverflowAdjustment();
- if (rtl) currentTranslate = -currentTranslate;
- return currentTranslate || 0;
- }
-
- function setTranslate(translate, byController) {
- const swiper = this;
- const {
- rtlTranslate: rtl,
- params,
- wrapperEl,
- progress
- } = swiper;
- let x = 0;
- let y = 0;
- const z = 0;
- if (swiper.isHorizontal()) {
- x = rtl ? -translate : translate;
- } else {
- y = translate;
- }
- if (params.roundLengths) {
- x = Math.floor(x);
- y = Math.floor(y);
- }
- swiper.previousTranslate = swiper.translate;
- swiper.translate = swiper.isHorizontal() ? x : y;
- if (params.cssMode) {
- wrapperEl[swiper.isHorizontal() ? 'scrollLeft' : 'scrollTop'] = swiper.isHorizontal() ? -x : -y;
- } else if (!params.virtualTranslate) {
- if (swiper.isHorizontal()) {
- x -= swiper.cssOverflowAdjustment();
- } else {
- y -= swiper.cssOverflowAdjustment();
- }
- wrapperEl.style.transform = `translate3d(${x}px, ${y}px, ${z}px)`;
- }
- // Check if we need to update progress
- let newProgress;
- const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
- if (translatesDiff === 0) {
- newProgress = 0;
- } else {
- newProgress = (translate - swiper.minTranslate()) / translatesDiff;
- }
- if (newProgress !== progress) {
- swiper.updateProgress(translate);
+ function moduleExtendParams(params, allModulesParams) {
+ return function extendParams(obj = {}) {
+ const moduleParamName = Object.keys(obj)[0];
+ const moduleParams = obj[moduleParamName];
+ if (typeof moduleParams !== 'object' || moduleParams === null) {
+ extend(allModulesParams, obj);
+ return;
+ }
+ if (params[moduleParamName] === true) {
+ params[moduleParamName] = { enabled: true };
+ }
+ if (moduleParamName === 'navigation' &&
+ params[moduleParamName] &&
+ params[moduleParamName].enabled &&
+ !params[moduleParamName].prevEl &&
+ !params[moduleParamName].nextEl) {
+ params[moduleParamName].auto = true;
+ }
+ if (['pagination', 'scrollbar'].indexOf(moduleParamName) >= 0 &&
+ params[moduleParamName] &&
+ params[moduleParamName].enabled &&
+ !params[moduleParamName].el) {
+ params[moduleParamName].auto = true;
+ }
+ if (!(moduleParamName in params && 'enabled' in moduleParams)) {
+ extend(allModulesParams, obj);
+ return;
+ }
+ if (typeof params[moduleParamName] === 'object' && !('enabled' in params[moduleParamName])) {
+ params[moduleParamName].enabled = true;
+ }
+ if (!params[moduleParamName])
+ params[moduleParamName] = { enabled: false };
+ extend(allModulesParams, obj);
+ };
}
- swiper.emit('setTranslate', swiper.translate, byController);
- }
- function minTranslate() {
- return -this.snapGrid[0];
- }
-
- function maxTranslate() {
- return -this.snapGrid[this.snapGrid.length - 1];
- }
+ const Observer = ({ swiper, extendParams, on }) => {
+ const observers = [];
+ const attach = (target, options = {}) => {
+ const ObserverFunc = window.MutationObserver ||
+ window
+ .WebkitMutationObserver;
+ if (!ObserverFunc)
+ return;
+ const observer = new ObserverFunc((mutations) => {
+ // The observerUpdate event should only be triggered
+ // once despite the number of mutations. Additional
+ // triggers are redundant and are very costly
+ if (swiper.__preventObserver__)
+ return;
+ if (mutations.length === 1) {
+ swiper.emit('observerUpdate', mutations[0]);
+ return;
+ }
+ const observerUpdate = function observerUpdate() {
+ swiper.emit('observerUpdate', mutations[0]);
+ };
+ if (window.requestAnimationFrame) {
+ window.requestAnimationFrame(observerUpdate);
+ }
+ else {
+ window.setTimeout(observerUpdate, 0);
+ }
+ });
+ observer.observe(target, {
+ attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
+ childList: swiper.isElement || (typeof options.childList === 'undefined' ? true : options.childList),
+ characterData: typeof options.characterData === 'undefined' ? true : options.characterData,
+ });
+ observers.push(observer);
+ };
+ const init = () => {
+ if (!swiper.params.observer)
+ return;
+ if (swiper.params.observeParents) {
+ const containerParents = elementParents(swiper.hostEl);
+ for (let i = 0; i < containerParents.length; i += 1) {
+ attach(containerParents[i]);
+ }
+ }
+ // Observe container
+ attach(swiper.hostEl, {
+ childList: swiper.params.observeSlideChildren,
+ });
+ // Observe wrapper
+ attach(swiper.wrapperEl, { attributes: false });
+ };
+ const destroy = () => {
+ observers.forEach((observer) => {
+ observer.disconnect();
+ });
+ observers.splice(0, observers.length);
+ };
+ extendParams({
+ observer: false,
+ observeParents: false,
+ observeSlideChildren: false,
+ });
+ on('init', init);
+ on('destroy', destroy);
+ };
- function translateTo(translate = 0, speed = this.params.speed, runCallbacks = true, translateBounds = true, internal) {
- const swiper = this;
- const {
- params,
- wrapperEl
- } = swiper;
- if (swiper.animating && params.preventInteractionOnTransition) {
- return false;
- }
- 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;
+ const Resize = ({ swiper, on, emit }) => {
+ let observer = null;
+ let animationFrame = null;
+ const resizeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized)
+ return;
+ emit('beforeResize');
+ emit('resize');
+ };
+ const createObserver = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized)
+ return;
+ observer = new ResizeObserver((entries) => {
+ animationFrame = window.requestAnimationFrame(() => {
+ const { width, height } = swiper;
+ let newWidth = width;
+ let newHeight = height;
+ entries.forEach(({ contentBoxSize, contentRect, target }) => {
+ if (target && target !== swiper.el)
+ return;
+ // Older Safari (≤15) exposed `contentBoxSize` as a single object instead of an array.
+ const box = Array.isArray(contentBoxSize)
+ ? contentBoxSize[0]
+ : contentBoxSize;
+ newWidth = contentRect ? contentRect.width : box.inlineSize;
+ newHeight = contentRect ? contentRect.height : box.blockSize;
+ });
+ if (newWidth !== width || newHeight !== height) {
+ resizeHandler();
+ }
+ });
+ });
+ observer.observe(swiper.el);
+ };
+ const removeObserver = () => {
+ if (animationFrame) {
+ window.cancelAnimationFrame(animationFrame);
+ }
+ if (observer && observer.unobserve && swiper.el) {
+ observer.unobserve(swiper.el);
+ observer = null;
+ }
+ };
+ const orientationChangeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized)
+ return;
+ emit('orientationchange');
+ };
+ on('init', () => {
+ if (swiper.params.resizeObserver && typeof window.ResizeObserver !== 'undefined') {
+ createObserver();
+ return;
+ }
+ window.addEventListener('resize', resizeHandler);
+ window.addEventListener('orientationchange', orientationChangeHandler);
+ });
+ on('destroy', () => {
+ removeObserver();
+ window.removeEventListener('resize', resizeHandler);
+ window.removeEventListener('orientationchange', orientationChangeHandler);
+ });
+ };
- // Update progress
- swiper.updateProgress(newTranslate);
- if (params.cssMode) {
- const isH = swiper.isHorizontal();
- if (speed === 0) {
- wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;
- } else {
- if (!swiper.support.smoothScroll) {
- animateCSSModeScroll({
- swiper,
- targetPosition: -newTranslate,
- side: isH ? 'left' : 'top'
- });
- return true;
+ function slideNext(speed, runCallbacks = true, internal) {
+ const swiper = this;
+ const { enabled, params, animating } = swiper;
+ if (!enabled || swiper.destroyed)
+ return swiper;
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
+ }
+ let perGroup = params.slidesPerGroup;
+ if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
+ 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) {
+ if (animating && !isVirtual && params.loopPreventsSliding)
+ return false;
+ swiper.loopFix({ direction: 'next' });
+ swiper._clientLeft = swiper.wrapperEl.clientLeft;
+ if (swiper.activeIndex === swiper.slides.length - 1 && params.cssMode) {
+ requestAnimationFrame(() => {
+ swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
+ });
+ return true;
+ }
}
- wrapperEl.scrollTo({
- [isH ? 'left' : 'top']: -newTranslate,
- behavior: 'smooth'
- });
- }
- return true;
- }
- if (speed === 0) {
- swiper.setTransition(0);
- swiper.setTranslate(newTranslate);
- if (runCallbacks) {
- swiper.emit('beforeTransitionStart', speed, internal);
- swiper.emit('transitionEnd');
- }
- } else {
- swiper.setTransition(speed);
- swiper.setTranslate(newTranslate);
- if (runCallbacks) {
- swiper.emit('beforeTransitionStart', speed, internal);
- swiper.emit('transitionStart');
- }
- if (!swiper.animating) {
- swiper.animating = true;
- if (!swiper.onTranslateToWrapperTransitionEnd) {
- swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
- if (!swiper || swiper.destroyed) return;
- if (e.target !== this) return;
- swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
- swiper.onTranslateToWrapperTransitionEnd = null;
- delete swiper.onTranslateToWrapperTransitionEnd;
- swiper.animating = false;
- if (runCallbacks) {
- swiper.emit('transitionEnd');
+ if (params.rewind && swiper.isEnd) {
+ return swiper.slideTo(0, speed, runCallbacks, internal);
+ }
+ return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
+ }
+
+ function slidePrev(speed, runCallbacks = true, internal) {
+ const swiper = this;
+ const { params, snapGrid, slidesGrid, rtlTranslate, enabled, animating } = swiper;
+ if (!enabled || swiper.destroyed)
+ return swiper;
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
+ }
+ const isVirtual = swiper.virtual && params.virtual?.enabled;
+ if (params.loop) {
+ if (animating && !isVirtual && params.loopPreventsSliding)
+ return false;
+ swiper.loopFix({ direction: 'prev' });
+ swiper._clientLeft = swiper.wrapperEl.clientLeft;
+ }
+ const translate = rtlTranslate ? swiper.translate : -swiper.translate;
+ function normalize(val) {
+ if (val < 0)
+ return -Math.floor(Math.abs(val));
+ return Math.floor(val);
+ }
+ const normalizedTranslate = normalize(translate);
+ const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
+ const isFreeMode = params.freeMode && params.freeMode.enabled;
+ let prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
+ if (typeof prevSnap === 'undefined' && (params.cssMode || isFreeMode)) {
+ let prevSnapIndex;
+ snapGrid.forEach((snap, snapIndex) => {
+ if (normalizedTranslate >= snap) {
+ prevSnapIndex = snapIndex;
+ }
+ });
+ if (typeof prevSnapIndex !== 'undefined') {
+ prevSnap = isFreeMode
+ ? snapGrid[prevSnapIndex]
+ : snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
}
- };
}
- swiper.wrapperEl.addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
- }
- }
- return true;
- }
-
- var translate = {
- getTranslate: getSwiperTranslate,
- setTranslate,
- minTranslate,
- maxTranslate,
- translateTo
- };
-
- function setTransition(duration, byController) {
- const swiper = this;
- if (!swiper.params.cssMode) {
- swiper.wrapperEl.style.transitionDuration = `${duration}ms`;
- swiper.wrapperEl.style.transitionDelay = duration === 0 ? `0ms` : '';
- }
- swiper.emit('setTransition', duration, byController);
- }
-
- function transitionEmit({
- swiper,
- runCallbacks,
- direction,
- step
- }) {
- const {
- activeIndex,
- previousIndex
- } = swiper;
- let dir = direction;
- if (!dir) {
- if (activeIndex > previousIndex) dir = 'next';else if (activeIndex < previousIndex) dir = 'prev';else dir = 'reset';
- }
- swiper.emit(`transition${step}`);
- if (runCallbacks && dir === 'reset') {
- swiper.emit(`slideResetTransition${step}`);
- } else if (runCallbacks && activeIndex !== previousIndex) {
- swiper.emit(`slideChangeTransition${step}`);
- if (dir === 'next') {
- swiper.emit(`slideNextTransition${step}`);
- } else {
- swiper.emit(`slidePrevTransition${step}`);
- }
- }
- }
-
- function transitionStart(runCallbacks = true, direction) {
- const swiper = this;
- const {
- params
- } = swiper;
- if (params.cssMode) return;
- if (params.autoHeight) {
- swiper.updateAutoHeight();
+ let prevIndex = 0;
+ if (typeof prevSnap !== 'undefined') {
+ prevIndex = slidesGrid.indexOf(prevSnap);
+ if (prevIndex < 0)
+ prevIndex = swiper.activeIndex - 1;
+ if (params.slidesPerView === 'auto' &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto) {
+ prevIndex = prevIndex - swiper.slidesPerViewDynamic('previous', true) + 1;
+ prevIndex = Math.max(prevIndex, 0);
+ }
+ }
+ if (params.rewind && swiper.isBeginning) {
+ const lastIndex = swiper.params.virtual?.enabled && swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ return swiper.slideTo(lastIndex, speed, runCallbacks, internal);
+ }
+ else if (params.loop && swiper.activeIndex === 0 && params.cssMode) {
+ requestAnimationFrame(() => {
+ swiper.slideTo(prevIndex, speed, runCallbacks, internal);
+ });
+ return true;
+ }
+ return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
}
- transitionEmit({
- swiper,
- runCallbacks,
- direction,
- step: 'Start'
- });
- }
- function transitionEnd(runCallbacks = true, direction) {
- const swiper = this;
- const {
- params
- } = swiper;
- swiper.animating = false;
- if (params.cssMode) return;
- swiper.setTransition(0);
- transitionEmit({
- swiper,
- runCallbacks,
- direction,
- step: 'End'
- });
- }
-
- var transition = {
- setTransition,
- transitionStart,
- transitionEnd
- };
-
- function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
- if (typeof index === 'string') {
- index = parseInt(index, 10);
- }
- const swiper = this;
- let slideIndex = index;
- if (slideIndex < 0) slideIndex = 0;
- const {
- params,
- snapGrid,
- slidesGrid,
- previousIndex,
- activeIndex,
- rtlTranslate: rtl,
- wrapperEl,
- enabled
- } = swiper;
- if (!enabled && !internal && !initial || swiper.destroyed || swiper.animating && params.preventInteractionOnTransition) {
- return false;
- }
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
- }
- 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
- if (params.normalizeSlideIndex) {
- for (let i = 0; i < slidesGrid.length; i += 1) {
- const normalizedTranslate = -Math.floor(translate * 100);
- const normalizedGrid = Math.floor(slidesGrid[i] * 100);
- const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);
- if (typeof slidesGrid[i + 1] !== 'undefined') {
- if (normalizedTranslate >= normalizedGrid && normalizedTranslate < normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2) {
- slideIndex = i;
- } else if (normalizedTranslate >= normalizedGrid && normalizedTranslate < normalizedGridNext) {
- slideIndex = i + 1;
- }
- } else if (normalizedTranslate >= normalizedGrid) {
- slideIndex = i;
- }
- }
- }
- // Directions locks
- if (swiper.initialized && slideIndex !== activeIndex) {
- if (!swiper.allowSlideNext && (rtl ? translate > swiper.translate && translate > swiper.minTranslate() : translate < swiper.translate && translate < swiper.minTranslate())) {
- return false;
- }
- if (!swiper.allowSlidePrev && translate > swiper.translate && translate > swiper.maxTranslate()) {
- if ((activeIndex || 0) !== slideIndex) {
- return false;
+ function slideReset(speed, runCallbacks = true, internal) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
}
- }
+ return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
}
- if (slideIndex !== (previousIndex || 0) && runCallbacks) {
- swiper.emit('beforeSlideChangeStart');
- }
-
- // Update progress
- swiper.updateProgress(translate);
- let direction;
- if (slideIndex > activeIndex) direction = 'next';else if (slideIndex < activeIndex) direction = 'prev';else direction = 'reset';
- // initial virtual
- const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
- const isInitialVirtual = isVirtual && initial;
- // Update Index
- if (!isInitialVirtual && (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate)) {
- swiper.updateActiveIndex(slideIndex);
- // Update Height
- if (params.autoHeight) {
- swiper.updateAutoHeight();
- }
- swiper.updateSlidesClasses();
- if (params.effect !== 'slide') {
+ function slideTo(index = 0, speed, runCallbacks = true, internal, initial) {
+ if (typeof index === 'string') {
+ index = parseInt(index, 10);
+ }
+ const swiper = this;
+ let slideIndex = index;
+ if (slideIndex < 0)
+ slideIndex = 0;
+ const { params, snapGrid, slidesGrid, previousIndex, activeIndex, rtlTranslate: rtl, wrapperEl, enabled, } = swiper;
+ if ((!enabled && !internal && !initial) ||
+ swiper.destroyed ||
+ (swiper.animating && params.preventInteractionOnTransition)) {
+ return false;
+ }
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
+ }
+ 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
+ if (params.normalizeSlideIndex) {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ const normalizedTranslate = -Math.floor(translate * 100);
+ const normalizedGrid = Math.floor(slidesGrid[i] * 100);
+ const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);
+ if (typeof slidesGrid[i + 1] !== 'undefined') {
+ if (normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate < normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2) {
+ slideIndex = i;
+ }
+ else if (normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate < normalizedGridNext) {
+ slideIndex = i + 1;
+ }
+ }
+ else if (normalizedTranslate >= normalizedGrid) {
+ slideIndex = i;
+ }
+ }
+ }
+ // Directions locks
+ if (swiper.initialized && slideIndex !== activeIndex) {
+ if (!swiper.allowSlideNext &&
+ (rtl
+ ? translate > swiper.translate && translate > swiper.minTranslate()
+ : translate < swiper.translate && translate < swiper.minTranslate())) {
+ return false;
+ }
+ if (!swiper.allowSlidePrev &&
+ translate > swiper.translate &&
+ translate > swiper.maxTranslate()) {
+ if ((activeIndex || 0) !== slideIndex) {
+ return false;
+ }
+ }
+ }
+ if (slideIndex !== (previousIndex || 0) && runCallbacks) {
+ swiper.emit('beforeSlideChangeStart');
+ }
+ // Update progress
+ swiper.updateProgress(translate);
+ let direction;
+ if (slideIndex > activeIndex)
+ direction = 'next';
+ else if (slideIndex < activeIndex)
+ direction = 'prev';
+ else
+ direction = 'reset';
+ // initial virtual
+ const isVirtual = swiper.virtual && swiper.params.virtual?.enabled;
+ const isInitialVirtual = isVirtual && initial;
+ // Update Index
+ if (!isInitialVirtual &&
+ ((rtl && -translate === swiper.translate) || (!rtl && translate === swiper.translate))) {
+ swiper.updateActiveIndex(slideIndex);
+ // Update Height
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ swiper.updateSlidesClasses();
+ if (params.effect !== 'slide') {
+ swiper.setTranslate(translate);
+ }
+ if (direction !== 'reset') {
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ }
+ return false;
+ }
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+ const t = rtl ? translate : -translate;
+ if (speed === 0) {
+ if (isVirtual) {
+ swiper.wrapperEl.style.scrollSnapType = 'none';
+ swiper._immediateVirtual = true;
+ }
+ if (isVirtual && !swiper._cssModeVirtualInitialSet && (swiper.params.initialSlide ?? 0) > 0) {
+ swiper._cssModeVirtualInitialSet = true;
+ requestAnimationFrame(() => {
+ wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
+ });
+ }
+ else {
+ wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
+ }
+ if (isVirtual) {
+ requestAnimationFrame(() => {
+ swiper.wrapperEl.style.scrollSnapType = '';
+ swiper._immediateVirtual = false;
+ });
+ }
+ }
+ else {
+ wrapperEl.scrollTo({
+ [isH ? 'left' : 'top']: t,
+ behavior: 'smooth',
+ });
+ }
+ return true;
+ }
+ const browser = getBrowser();
+ const isSafari = browser.isSafari;
+ if (isVirtual && !initial && isSafari && swiper.isElement) {
+ swiper.virtual.update(false, false, slideIndex);
+ }
+ swiper.setTransition(speed);
swiper.setTranslate(translate);
- }
- if (direction !== 'reset') {
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit('beforeTransitionStart', speed, internal);
swiper.transitionStart(runCallbacks, direction);
- swiper.transitionEnd(runCallbacks, direction);
- }
- return false;
- }
- if (params.cssMode) {
- const isH = swiper.isHorizontal();
- const t = rtl ? translate : -translate;
- if (speed === 0) {
- if (isVirtual) {
- swiper.wrapperEl.style.scrollSnapType = 'none';
- swiper._immediateVirtual = true;
+ if (speed === 0) {
+ swiper.transitionEnd(runCallbacks, direction);
}
- if (isVirtual && !swiper._cssModeVirtualInitialSet && swiper.params.initialSlide > 0) {
- swiper._cssModeVirtualInitialSet = true;
- requestAnimationFrame(() => {
- wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
- });
- } else {
- wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = t;
- }
- if (isVirtual) {
- requestAnimationFrame(() => {
- swiper.wrapperEl.style.scrollSnapType = '';
- swiper._immediateVirtual = false;
- });
- }
- } else {
- if (!swiper.support.smoothScroll) {
- animateCSSModeScroll({
- swiper,
- targetPosition: t,
- side: isH ? 'left' : 'top'
- });
- return true;
+ else if (!swiper.animating) {
+ swiper.animating = true;
+ if (!swiper.onSlideToWrapperTransitionEnd) {
+ swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed)
+ return;
+ if (e.target !== this)
+ return;
+ swiper.wrapperEl.removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
+ swiper.onSlideToWrapperTransitionEnd = null;
+ delete swiper.onSlideToWrapperTransitionEnd;
+ swiper.transitionEnd(runCallbacks, direction);
+ };
+ }
+ swiper.wrapperEl.addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
}
- wrapperEl.scrollTo({
- [isH ? 'left' : 'top']: t,
- behavior: 'smooth'
- });
- }
- return true;
- }
- const browser = getBrowser();
- const isSafari = browser.isSafari;
- if (isVirtual && !initial && isSafari && swiper.isElement) {
- swiper.virtual.update(false, false, slideIndex);
- }
- swiper.setTransition(speed);
- swiper.setTranslate(translate);
- swiper.updateActiveIndex(slideIndex);
- swiper.updateSlidesClasses();
- swiper.emit('beforeTransitionStart', speed, internal);
- swiper.transitionStart(runCallbacks, direction);
- if (speed === 0) {
- swiper.transitionEnd(runCallbacks, direction);
- } else if (!swiper.animating) {
- swiper.animating = true;
- if (!swiper.onSlideToWrapperTransitionEnd) {
- swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
- if (!swiper || swiper.destroyed) return;
- if (e.target !== this) return;
- swiper.wrapperEl.removeEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
- swiper.onSlideToWrapperTransitionEnd = null;
- delete swiper.onSlideToWrapperTransitionEnd;
- swiper.transitionEnd(runCallbacks, direction);
- };
- }
- swiper.wrapperEl.addEventListener('transitionend', swiper.onSlideToWrapperTransitionEnd);
+ return true;
}
- return true;
- }
- function slideToLoop(index = 0, speed, runCallbacks = true, internal) {
- if (typeof index === 'string') {
- const indexAsNumber = parseInt(index, 10);
- index = indexAsNumber;
- }
- const swiper = this;
- if (swiper.destroyed) return;
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
- }
- const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
- let newIndex = index;
- if (swiper.params.loop) {
- if (swiper.virtual && swiper.params.virtual.enabled) {
- // eslint-disable-next-line
- newIndex = newIndex + swiper.virtual.slidesBefore;
- } else {
- let targetSlideIndex;
- if (gridEnabled) {
- const slideIndex = newIndex * swiper.params.grid.rows;
- targetSlideIndex = swiper.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex).column;
- } else {
- targetSlideIndex = swiper.getSlideIndexByData(newIndex);
- }
- const cols = gridEnabled ? Math.ceil(swiper.slides.length / swiper.params.grid.rows) : swiper.slides.length;
- const {
- centeredSlides,
- slidesOffsetBefore,
- slidesOffsetAfter
- } = swiper.params;
- const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
- let slidesPerView = swiper.params.slidesPerView;
- if (slidesPerView === 'auto') {
- slidesPerView = swiper.slidesPerViewDynamic();
- } else {
- slidesPerView = Math.ceil(parseFloat(swiper.params.slidesPerView, 10));
- if (bothDirections && slidesPerView % 2 === 0) {
- slidesPerView = slidesPerView + 1;
- }
- }
- let needLoopFix = cols - targetSlideIndex < slidesPerView;
- if (bothDirections) {
- needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
- }
- if (internal && bothDirections && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
- needLoopFix = false;
- }
- if (needLoopFix) {
- const direction = bothDirections ? targetSlideIndex < swiper.activeIndex ? 'prev' : 'next' : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView ? 'next' : 'prev';
- swiper.loopFix({
- direction,
- slideTo: true,
- activeSlideIndex: direction === 'next' ? targetSlideIndex + 1 : targetSlideIndex - cols + 1,
- slideRealIndex: direction === 'next' ? swiper.realIndex : undefined
- });
+ function slideToClickedSlide() {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ const { params, slidesEl, clickedSlide, clickedIndex } = swiper;
+ if (clickedSlide === undefined || clickedIndex === undefined)
+ return;
+ const slidesPerView = params.slidesPerView === 'auto'
+ ? swiper.slidesPerViewDynamic()
+ : params.slidesPerView;
+ let slideToIndex = swiper.getSlideIndexWhenGrid(clickedIndex);
+ let realIndex;
+ const slideSelector = swiper.isElement ? `swiper-slide` : `.${params.slideClass}`;
+ const isGrid = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
+ if (params.loop) {
+ if (swiper.animating)
+ return;
+ realIndex = parseInt(clickedSlide.getAttribute('data-swiper-slide-index'), 10);
+ if (params.centeredSlides) {
+ swiper.slideToLoop(realIndex);
+ }
+ else if (slideToIndex >
+ (isGrid
+ ? (swiper.slides.length - slidesPerView) / 2 - (swiper.params.grid.rows - 1)
+ : swiper.slides.length - slidesPerView)) {
+ swiper.loopFix();
+ slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0]);
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ }
+ else {
+ swiper.slideTo(slideToIndex);
+ }
}
- if (gridEnabled) {
- const slideIndex = newIndex * swiper.params.grid.rows;
- newIndex = swiper.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === slideIndex).column;
- } else {
- newIndex = swiper.getSlideIndexByData(newIndex);
+ else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+
+ function slideToClosest(speed, runCallbacks = true, internal, threshold = 0.5) {
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
+ }
+ let index = swiper.activeIndex;
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
+ const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
+ const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
+ if (translate >= swiper.snapGrid[snapIndex]) {
+ // The current translate is on or after the current snap index, so the choice
+ // is between the current index and the one after it.
+ const currentSnap = swiper.snapGrid[snapIndex];
+ const nextSnap = swiper.snapGrid[snapIndex + 1];
+ if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {
+ index += swiper.params.slidesPerGroup;
+ }
}
- }
+ else {
+ // The current translate is before the current snap index, so the choice
+ // is between the current index and the one before it.
+ const prevSnap = swiper.snapGrid[snapIndex - 1];
+ const currentSnap = swiper.snapGrid[snapIndex];
+ if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {
+ index -= swiper.params.slidesPerGroup;
+ }
+ }
+ index = Math.max(index, 0);
+ index = Math.min(index, swiper.slidesGrid.length - 1);
+ return swiper.slideTo(index, speed, runCallbacks, internal);
}
- requestAnimationFrame(() => {
- swiper.slideTo(newIndex, speed, runCallbacks, internal);
- });
- return swiper;
- }
- /* eslint no-unused-vars: "off" */
- function slideNext(speed, runCallbacks = true, internal) {
- const swiper = this;
- const {
- enabled,
- params,
- animating
- } = swiper;
- if (!enabled || swiper.destroyed) return swiper;
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
- }
- let perGroup = params.slidesPerGroup;
- if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
- 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) {
- if (animating && !isVirtual && params.loopPreventsSliding) return false;
- swiper.loopFix({
- direction: 'next'
- });
- // eslint-disable-next-line
- swiper._clientLeft = swiper.wrapperEl.clientLeft;
- if (swiper.activeIndex === swiper.slides.length - 1 && params.cssMode) {
+ function slideToLoop(index = 0, speed, runCallbacks = true, internal) {
+ if (typeof index === 'string') {
+ const indexAsNumber = parseInt(index, 10);
+ index = indexAsNumber;
+ }
+ const swiper = this;
+ if (swiper.destroyed)
+ return;
+ if (typeof speed === 'undefined') {
+ speed = swiper.params.speed;
+ }
+ const gridEnabled = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
+ let newIndex = index;
+ if (swiper.params.loop) {
+ if (swiper.virtual && swiper.params.virtual?.enabled) {
+ newIndex = newIndex + (swiper.virtual.slidesBefore ?? 0);
+ }
+ else {
+ let targetSlideIndex;
+ if (gridEnabled) {
+ const slideIndex = newIndex * swiper.params.grid.rows;
+ const targetSlideEl = swiper.slides.find((slideEl) => Number(slideEl.getAttribute('data-swiper-slide-index')) === slideIndex);
+ targetSlideIndex = targetSlideEl?.column ?? 0;
+ }
+ else {
+ targetSlideIndex = swiper.getSlideIndexByData(newIndex);
+ }
+ const cols = gridEnabled
+ ? Math.ceil(swiper.slides.length / swiper.params.grid.rows)
+ : swiper.slides.length;
+ const { centeredSlides, slidesOffsetBefore, slidesOffsetAfter } = swiper.params;
+ const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
+ let slidesPerView;
+ if (swiper.params.slidesPerView === 'auto') {
+ slidesPerView = swiper.slidesPerViewDynamic();
+ }
+ else {
+ slidesPerView = Math.ceil(parseFloat(String(swiper.params.slidesPerView)));
+ if (bothDirections && slidesPerView % 2 === 0) {
+ slidesPerView = slidesPerView + 1;
+ }
+ }
+ let needLoopFix = cols - targetSlideIndex < slidesPerView;
+ if (bothDirections) {
+ needLoopFix = needLoopFix || targetSlideIndex < Math.ceil(slidesPerView / 2);
+ }
+ if (internal && bothDirections && swiper.params.slidesPerView !== 'auto' && !gridEnabled) {
+ needLoopFix = false;
+ }
+ if (needLoopFix) {
+ const direction = bothDirections
+ ? targetSlideIndex < swiper.activeIndex
+ ? 'prev'
+ : 'next'
+ : targetSlideIndex - swiper.activeIndex - 1 < swiper.params.slidesPerView
+ ? 'next'
+ : 'prev';
+ swiper.loopFix({
+ direction,
+ slideTo: true,
+ activeSlideIndex: direction === 'next' ? targetSlideIndex + 1 : targetSlideIndex - cols + 1,
+ slideRealIndex: direction === 'next' ? swiper.realIndex : undefined,
+ });
+ }
+ if (gridEnabled) {
+ const slideIndex = newIndex * swiper.params.grid.rows;
+ const targetSlideEl = swiper.slides.find((slideEl) => Number(slideEl.getAttribute('data-swiper-slide-index')) === slideIndex);
+ newIndex = targetSlideEl?.column ?? 0;
+ }
+ else {
+ newIndex = swiper.getSlideIndexByData(newIndex);
+ }
+ }
+ }
requestAnimationFrame(() => {
- swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
+ swiper.slideTo(newIndex, speed, runCallbacks, internal);
});
- return true;
- }
- }
- if (params.rewind && swiper.isEnd) {
- return swiper.slideTo(0, speed, runCallbacks, internal);
+ return swiper;
}
- return swiper.slideTo(swiper.activeIndex + increment, speed, runCallbacks, internal);
- }
- /* eslint no-unused-vars: "off" */
- function slidePrev(speed, runCallbacks = true, internal) {
- const swiper = this;
- const {
- params,
- snapGrid,
- slidesGrid,
- rtlTranslate,
- enabled,
- animating
- } = swiper;
- if (!enabled || swiper.destroyed) return swiper;
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
- }
- const isVirtual = swiper.virtual && params.virtual.enabled;
- if (params.loop) {
- 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;
- function normalize(val) {
- if (val < 0) return -Math.floor(Math.abs(val));
- return Math.floor(val);
- }
- const normalizedTranslate = normalize(translate);
- const normalizedSnapGrid = snapGrid.map(val => normalize(val));
- const isFreeMode = params.freeMode && params.freeMode.enabled;
- let prevSnap = snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
- if (typeof prevSnap === 'undefined' && (params.cssMode || isFreeMode)) {
- let prevSnapIndex;
- snapGrid.forEach((snap, snapIndex) => {
- if (normalizedTranslate >= snap) {
- // prevSnap = snap;
- prevSnapIndex = snapIndex;
- }
- });
- if (typeof prevSnapIndex !== 'undefined') {
- prevSnap = isFreeMode ? snapGrid[prevSnapIndex] : snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
- }
- }
- let prevIndex = 0;
- if (typeof prevSnap !== 'undefined') {
- prevIndex = slidesGrid.indexOf(prevSnap);
- if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
- if (params.slidesPerView === 'auto' && params.slidesPerGroup === 1 && params.slidesPerGroupAuto) {
- prevIndex = prevIndex - swiper.slidesPerViewDynamic('previous', true) + 1;
- prevIndex = Math.max(prevIndex, 0);
- }
- }
- if (params.rewind && swiper.isBeginning) {
- const lastIndex = swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual ? swiper.virtual.slides.length - 1 : swiper.slides.length - 1;
- return swiper.slideTo(lastIndex, speed, runCallbacks, internal);
- } else if (params.loop && swiper.activeIndex === 0 && params.cssMode) {
- requestAnimationFrame(() => {
- swiper.slideTo(prevIndex, speed, runCallbacks, internal);
- });
- return true;
- }
- return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
- }
+ var slide = {
+ slideTo,
+ slideToLoop,
+ slideNext,
+ slidePrev,
+ slideReset,
+ slideToClosest,
+ slideToClickedSlide,
+ };
- /* eslint no-unused-vars: "off" */
- function slideReset(speed, runCallbacks = true, internal) {
- const swiper = this;
- if (swiper.destroyed) return;
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
+ function setTransition(duration, byController) {
+ const swiper = this;
+ if (!swiper.params.cssMode) {
+ swiper.wrapperEl.style.transitionDuration = `${duration}ms`;
+ swiper.wrapperEl.style.transitionDelay = duration === 0 ? `0ms` : '';
+ }
+ swiper.emit('setTransition', duration, byController);
+ }
+
+ function transitionEmit({ swiper, runCallbacks, direction, step, }) {
+ const { activeIndex, previousIndex } = swiper;
+ let dir = direction;
+ if (!dir) {
+ if (activeIndex > previousIndex)
+ dir = 'next';
+ else if (activeIndex < previousIndex)
+ dir = 'prev';
+ else
+ dir = 'reset';
+ }
+ swiper.emit(`transition${step}`);
+ if (runCallbacks && dir === 'reset') {
+ swiper.emit(`slideResetTransition${step}`);
+ }
+ else if (runCallbacks && activeIndex !== previousIndex) {
+ swiper.emit(`slideChangeTransition${step}`);
+ if (dir === 'next') {
+ swiper.emit(`slideNextTransition${step}`);
+ }
+ else {
+ swiper.emit(`slidePrevTransition${step}`);
+ }
+ }
}
- return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
- }
- /* eslint no-unused-vars: "off" */
- function slideToClosest(speed, runCallbacks = true, internal, threshold = 0.5) {
- const swiper = this;
- if (swiper.destroyed) return;
- if (typeof speed === 'undefined') {
- speed = swiper.params.speed;
- }
- let index = swiper.activeIndex;
- const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
- const snapIndex = skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
- const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
- if (translate >= swiper.snapGrid[snapIndex]) {
- // The current translate is on or after the current snap index, so the choice
- // is between the current index and the one after it.
- const currentSnap = swiper.snapGrid[snapIndex];
- const nextSnap = swiper.snapGrid[snapIndex + 1];
- if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {
- index += swiper.params.slidesPerGroup;
- }
- } else {
- // The current translate is before the current snap index, so the choice
- // is between the current index and the one before it.
- const prevSnap = swiper.snapGrid[snapIndex - 1];
- const currentSnap = swiper.snapGrid[snapIndex];
- if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {
- index -= swiper.params.slidesPerGroup;
- }
+ function transitionEnd(runCallbacks = true, direction) {
+ const swiper = this;
+ const { params } = swiper;
+ swiper.animating = false;
+ if (params.cssMode)
+ return;
+ swiper.setTransition(0);
+ transitionEmit({ swiper, runCallbacks, direction, step: 'End' });
}
- index = Math.max(index, 0);
- index = Math.min(index, swiper.slidesGrid.length - 1);
- return swiper.slideTo(index, speed, runCallbacks, internal);
- }
- function slideToClickedSlide() {
- const swiper = this;
- if (swiper.destroyed) return;
- const {
- params,
- slidesEl
- } = swiper;
- const slidesPerView = params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : params.slidesPerView;
- let slideToIndex = swiper.getSlideIndexWhenGrid(swiper.clickedIndex);
- let realIndex;
- const slideSelector = swiper.isElement ? `swiper-slide` : `.${params.slideClass}`;
- const isGrid = swiper.grid && swiper.params.grid && swiper.params.grid.rows > 1;
- if (params.loop) {
- if (swiper.animating) return;
- realIndex = parseInt(swiper.clickedSlide.getAttribute('data-swiper-slide-index'), 10);
- if (params.centeredSlides) {
- swiper.slideToLoop(realIndex);
- } else if (slideToIndex > (isGrid ? (swiper.slides.length - slidesPerView) / 2 - (swiper.params.grid.rows - 1) : swiper.slides.length - slidesPerView)) {
- swiper.loopFix();
- slideToIndex = swiper.getSlideIndex(elementChildren(slidesEl, `${slideSelector}[data-swiper-slide-index="${realIndex}"]`)[0]);
- nextTick(() => {
- swiper.slideTo(slideToIndex);
- });
- } else {
- swiper.slideTo(slideToIndex);
- }
- } else {
- swiper.slideTo(slideToIndex);
+ function transitionStart(runCallbacks = true, direction) {
+ const swiper = this;
+ const { params } = swiper;
+ if (params.cssMode)
+ return;
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ transitionEmit({ swiper, runCallbacks, direction, step: 'Start' });
}
- }
- var slide = {
- slideTo,
- slideToLoop,
- slideNext,
- slidePrev,
- slideReset,
- slideToClosest,
- slideToClickedSlide
- };
-
- function loopCreate(slideRealIndex, initial) {
- const swiper = this;
- const {
- params,
- slidesEl
- } = swiper;
- if (!params.loop || swiper.virtual && swiper.params.virtual.enabled) return;
- const initSlides = () => {
- const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
- slides.forEach((el, index) => {
- el.setAttribute('data-swiper-slide-index', index);
- });
- };
- const clearBlankSlides = () => {
- const slides = elementChildren(slidesEl, `.${params.slideBlankClass}`);
- slides.forEach(el => {
- el.remove();
- });
- if (slides.length > 0) {
- swiper.recalcSlides();
- swiper.updateSlides();
- }
- };
- const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
- if (params.loopAddBlankSlides && (params.slidesPerGroup > 1 || gridEnabled)) {
- clearBlankSlides();
- }
- const slidesPerGroup = params.slidesPerGroup * (gridEnabled ? params.grid.rows : 1);
- const shouldFillGroup = swiper.slides.length % slidesPerGroup !== 0;
- const shouldFillGrid = gridEnabled && swiper.slides.length % params.grid.rows !== 0;
- const addBlankSlides = amountOfSlides => {
- for (let i = 0; i < amountOfSlides; i += 1) {
- const slideEl = swiper.isElement ? createElement('swiper-slide', [params.slideBlankClass]) : createElement('div', [params.slideClass, params.slideBlankClass]);
- swiper.slidesEl.append(slideEl);
- }
+ var transition = {
+ setTransition,
+ transitionStart,
+ transitionEnd,
};
- if (shouldFillGroup) {
- if (params.loopAddBlankSlides) {
- const slidesToAdd = slidesPerGroup - swiper.slides.length % slidesPerGroup;
- addBlankSlides(slidesToAdd);
- swiper.recalcSlides();
- swiper.updateSlides();
- } else {
- showWarning('Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)');
- }
- initSlides();
- } else if (shouldFillGrid) {
- if (params.loopAddBlankSlides) {
- const slidesToAdd = params.grid.rows - swiper.slides.length % params.grid.rows;
- addBlankSlides(slidesToAdd);
- swiper.recalcSlides();
- swiper.updateSlides();
- } else {
- showWarning('Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)');
- }
- initSlides();
- } else {
- initSlides();
- }
- const bothDirections = params.centeredSlides || !!params.slidesOffsetBefore || !!params.slidesOffsetAfter;
- swiper.loopFix({
- slideRealIndex,
- direction: bothDirections ? undefined : 'next',
- initial
- });
- }
- function loopFix({
- slideRealIndex,
- slideTo = true,
- direction,
- setTranslate,
- activeSlideIndex,
- initial,
- byController,
- byMousewheel
- } = {}) {
- const swiper = this;
- if (!swiper.params.loop) return;
- swiper.emit('beforeLoopFix');
- const {
- slides,
- allowSlidePrev,
- allowSlideNext,
- slidesEl,
- params
- } = swiper;
- const {
- centeredSlides,
- slidesOffsetBefore,
- slidesOffsetAfter,
- initialSlide
- } = params;
- const bothDirections = centeredSlides || !!slidesOffsetBefore || !!slidesOffsetAfter;
- swiper.allowSlidePrev = true;
- swiper.allowSlideNext = true;
- if (swiper.virtual && params.virtual.enabled) {
- if (slideTo) {
- if (!bothDirections && swiper.snapIndex === 0) {
- swiper.slideTo(swiper.virtual.slides.length, 0, false, true);
- } else if (bothDirections && swiper.snapIndex < params.slidesPerView) {
- swiper.slideTo(swiper.virtual.slides.length + swiper.snapIndex, 0, false, true);
- } else if (swiper.snapIndex === swiper.snapGrid.length - 1) {
- swiper.slideTo(swiper.virtual.slidesBefore, 0, false, true);
- }
- }
- swiper.allowSlidePrev = allowSlidePrev;
- swiper.allowSlideNext = allowSlideNext;
- swiper.emit('loopFix');
- return;
- }
- let slidesPerView = params.slidesPerView;
- if (slidesPerView === 'auto') {
- slidesPerView = swiper.slidesPerViewDynamic();
- } else {
- slidesPerView = Math.ceil(parseFloat(params.slidesPerView, 10));
- if (bothDirections && slidesPerView % 2 === 0) {
- slidesPerView = slidesPerView + 1;
- }
- }
- const slidesPerGroup = params.slidesPerGroupAuto ? slidesPerView : params.slidesPerGroup;
- let loopedSlides = bothDirections ? Math.max(slidesPerGroup, Math.ceil(slidesPerView / 2)) : slidesPerGroup;
- if (loopedSlides % slidesPerGroup !== 0) {
- loopedSlides += slidesPerGroup - loopedSlides % slidesPerGroup;
- }
- loopedSlides += params.loopAdditionalSlides;
- swiper.loopedSlides = loopedSlides;
- const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
- if (slides.length < slidesPerView + loopedSlides || swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2) {
- showWarning('Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters');
- } else if (gridEnabled && params.grid.fill === 'row') {
- showWarning('Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`');
- }
- const prependSlidesIndexes = [];
- const appendSlidesIndexes = [];
- const cols = gridEnabled ? Math.ceil(slides.length / params.grid.rows) : slides.length;
- const isInitialOverflow = initial && cols - initialSlide < slidesPerView && !bothDirections;
- let activeIndex = isInitialOverflow ? initialSlide : swiper.activeIndex;
- if (typeof activeSlideIndex === 'undefined') {
- activeSlideIndex = swiper.getSlideIndex(slides.find(el => el.classList.contains(params.slideActiveClass)));
- } else {
- activeIndex = activeSlideIndex;
- }
- const isNext = direction === 'next' || !direction;
- const isPrev = direction === 'prev' || !direction;
- let slidesPrepended = 0;
- let slidesAppended = 0;
- const activeColIndex = gridEnabled ? slides[activeSlideIndex].column : activeSlideIndex;
- const activeColIndexWithShift = activeColIndex + (bothDirections && typeof setTranslate === 'undefined' ? -slidesPerView / 2 + 0.5 : 0);
- // prepend last slides before start
- if (activeColIndexWithShift < loopedSlides) {
- slidesPrepended = Math.max(loopedSlides - activeColIndexWithShift, slidesPerGroup);
- for (let i = 0; i < loopedSlides - activeColIndexWithShift; i += 1) {
- const index = i - Math.floor(i / cols) * cols;
- if (gridEnabled) {
- const colIndexToPrepend = cols - index - 1;
- for (let i = slides.length - 1; i >= 0; i -= 1) {
- if (slides[i].column === colIndexToPrepend) prependSlidesIndexes.push(i);
- }
- // slides.forEach((slide, slideIndex) => {
- // if (slide.column === colIndexToPrepend) prependSlidesIndexes.push(slideIndex);
- // });
- } else {
- prependSlidesIndexes.push(cols - index - 1);
- }
- }
- } else if (activeColIndexWithShift + slidesPerView > cols - loopedSlides) {
- slidesAppended = Math.max(activeColIndexWithShift - (cols - loopedSlides * 2), slidesPerGroup);
- if (isInitialOverflow) {
- slidesAppended = Math.max(slidesAppended, slidesPerView - cols + initialSlide + 1);
- }
- for (let i = 0; i < slidesAppended; i += 1) {
- const index = i - Math.floor(i / cols) * cols;
- if (gridEnabled) {
- slides.forEach((slide, slideIndex) => {
- if (slide.column === index) appendSlidesIndexes.push(slideIndex);
- });
- } else {
- appendSlidesIndexes.push(index);
+ function getSwiperTranslate(axis = this.isHorizontal() ? 'x' : 'y') {
+ const swiper = this;
+ const { params, rtlTranslate: rtl, translate, wrapperEl } = swiper;
+ if (params.virtualTranslate) {
+ return rtl ? -translate : translate;
}
- }
- }
- swiper.__preventObserver__ = true;
- requestAnimationFrame(() => {
- swiper.__preventObserver__ = false;
- });
- if (swiper.params.effect === 'cards' && slides.length < slidesPerView + loopedSlides * 2) {
- if (appendSlidesIndexes.includes(activeSlideIndex)) {
- appendSlidesIndexes.splice(appendSlidesIndexes.indexOf(activeSlideIndex), 1);
- }
- if (prependSlidesIndexes.includes(activeSlideIndex)) {
- prependSlidesIndexes.splice(prependSlidesIndexes.indexOf(activeSlideIndex), 1);
- }
- }
- if (isPrev) {
- prependSlidesIndexes.forEach(index => {
- slides[index].swiperLoopMoveDOM = true;
- slidesEl.prepend(slides[index]);
- slides[index].swiperLoopMoveDOM = false;
- });
- }
- if (isNext) {
- appendSlidesIndexes.forEach(index => {
- slides[index].swiperLoopMoveDOM = true;
- slidesEl.append(slides[index]);
- slides[index].swiperLoopMoveDOM = false;
- });
- }
- swiper.recalcSlides();
- if (params.slidesPerView === 'auto') {
- swiper.updateSlides();
- } else if (gridEnabled && (prependSlidesIndexes.length > 0 && isPrev || appendSlidesIndexes.length > 0 && isNext)) {
- swiper.slides.forEach((slide, slideIndex) => {
- swiper.grid.updateSlide(slideIndex, slide, swiper.slides);
- });
- }
- if (params.watchSlidesProgress) {
- swiper.updateSlidesOffset();
- }
- if (slideTo) {
- if (prependSlidesIndexes.length > 0 && isPrev) {
- if (typeof slideRealIndex === 'undefined') {
- 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 + Math.ceil(slidesPrepended), 0, false, true);
- if (setTranslate) {
- swiper.touchEventsData.startTranslate = swiper.touchEventsData.startTranslate - diff;
- swiper.touchEventsData.currentTranslate = swiper.touchEventsData.currentTranslate - diff;
- }
- }
- } else {
- if (setTranslate) {
- const shift = gridEnabled ? prependSlidesIndexes.length / params.grid.rows : prependSlidesIndexes.length;
- swiper.slideTo(swiper.activeIndex + shift, 0, false, true);
- swiper.touchEventsData.currentTranslate = swiper.translate;
- }
- }
- } else if (appendSlidesIndexes.length > 0 && isNext) {
- if (typeof slideRealIndex === 'undefined') {
- 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.touchEventsData.startTranslate = swiper.touchEventsData.startTranslate - diff;
- swiper.touchEventsData.currentTranslate = swiper.touchEventsData.currentTranslate - diff;
- }
- }
- } else {
- const shift = gridEnabled ? appendSlidesIndexes.length / params.grid.rows : appendSlidesIndexes.length;
- swiper.slideTo(swiper.activeIndex - shift, 0, false, true);
- }
- }
- }
- swiper.allowSlidePrev = allowSlidePrev;
- swiper.allowSlideNext = allowSlideNext;
- if (swiper.controller && swiper.controller.control && !byController) {
- const loopParams = {
- slideRealIndex,
- direction,
- setTranslate,
- activeSlideIndex,
- byController: true
- };
- if (Array.isArray(swiper.controller.control)) {
- swiper.controller.control.forEach(c => {
- if (!c.destroyed && c.params.loop) c.loopFix({
- ...loopParams,
- slideTo: c.params.slidesPerView === params.slidesPerView ? slideTo : false
- });
- });
- } else if (swiper.controller.control instanceof swiper.constructor && swiper.controller.control.params.loop) {
- swiper.controller.control.loopFix({
- ...loopParams,
- slideTo: swiper.controller.control.params.slidesPerView === params.slidesPerView ? slideTo : false
- });
- }
+ if (params.cssMode) {
+ return translate;
+ }
+ let currentTranslate = getTranslate(wrapperEl, axis);
+ currentTranslate += swiper.cssOverflowAdjustment();
+ if (rtl)
+ currentTranslate = -currentTranslate;
+ return currentTranslate || 0;
}
- swiper.emit('loopFix');
- }
-
- function loopDestroy() {
- const swiper = this;
- const {
- params,
- slidesEl
- } = swiper;
- if (!params.loop || !slidesEl || swiper.virtual && swiper.params.virtual.enabled) return;
- swiper.recalcSlides();
- const newSlidesOrder = [];
- swiper.slides.forEach(slideEl => {
- const index = typeof slideEl.swiperSlideIndex === 'undefined' ? slideEl.getAttribute('data-swiper-slide-index') * 1 : slideEl.swiperSlideIndex;
- newSlidesOrder[index] = slideEl;
- });
- swiper.slides.forEach(slideEl => {
- slideEl.removeAttribute('data-swiper-slide-index');
- });
- newSlidesOrder.forEach(slideEl => {
- slidesEl.append(slideEl);
- });
- swiper.recalcSlides();
- swiper.slideTo(swiper.realIndex, 0);
- }
- var loop = {
- loopCreate,
- loopFix,
- loopDestroy
- };
+ function maxTranslate() {
+ return -this.snapGrid[this.snapGrid.length - 1];
+ }
- function setGrabCursor(moving) {
- const swiper = this;
- if (!swiper.params.simulateTouch || swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) return;
- const el = swiper.params.touchEventsTarget === 'container' ? swiper.el : swiper.wrapperEl;
- if (swiper.isElement) {
- swiper.__preventObserver__ = true;
+ function minTranslate() {
+ return -this.snapGrid[0];
}
- el.style.cursor = 'move';
- el.style.cursor = moving ? 'grabbing' : 'grab';
- if (swiper.isElement) {
- requestAnimationFrame(() => {
- swiper.__preventObserver__ = false;
- });
- }
- }
-
- function unsetGrabCursor() {
- const swiper = this;
- if (swiper.params.watchOverflow && swiper.isLocked || swiper.params.cssMode) {
- return;
- }
- if (swiper.isElement) {
- swiper.__preventObserver__ = true;
- }
- swiper[swiper.params.touchEventsTarget === 'container' ? 'el' : 'wrapperEl'].style.cursor = '';
- if (swiper.isElement) {
- requestAnimationFrame(() => {
- swiper.__preventObserver__ = false;
- });
- }
- }
-
- var grabCursor = {
- setGrabCursor,
- unsetGrabCursor
- };
- // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd
- function closestElement(selector, base = this) {
- function __closestFrom(el) {
- if (!el || el === getDocument() || el === getWindow()) return null;
- if (el.assignedSlot) el = el.assignedSlot;
- const found = el.closest(selector);
- if (!found && !el.getRootNode) {
- return null;
- }
- return found || __closestFrom(el.getRootNode().host);
- }
- return __closestFrom(base);
- }
- function preventEdgeSwipe(swiper, event, startX) {
- const window = getWindow();
- const {
- params
- } = swiper;
- const edgeSwipeDetection = params.edgeSwipeDetection;
- const edgeSwipeThreshold = params.edgeSwipeThreshold;
- if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window.innerWidth - edgeSwipeThreshold)) {
- if (edgeSwipeDetection === 'prevent') {
- event.preventDefault();
+ function setTranslate(translate, byController) {
+ const swiper = this;
+ const { rtlTranslate: rtl, params, wrapperEl, progress } = swiper;
+ let x = 0;
+ let y = 0;
+ const z = 0;
+ if (swiper.isHorizontal()) {
+ x = rtl ? -translate : translate;
+ }
+ else {
+ y = translate;
+ }
+ if (params.roundLengths) {
+ x = Math.floor(x);
+ y = Math.floor(y);
+ }
+ swiper.previousTranslate = swiper.translate;
+ swiper.translate = swiper.isHorizontal() ? x : y;
+ if (params.cssMode) {
+ wrapperEl[swiper.isHorizontal() ? 'scrollLeft' : 'scrollTop'] = swiper.isHorizontal() ? -x : -y;
+ }
+ else if (!params.virtualTranslate) {
+ if (swiper.isHorizontal()) {
+ x -= swiper.cssOverflowAdjustment();
+ }
+ else {
+ y -= swiper.cssOverflowAdjustment();
+ }
+ wrapperEl.style.transform = `translate3d(${x}px, ${y}px, ${z}px)`;
+ }
+ // Check if we need to update progress
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ }
+ else {
+ newProgress = (translate - swiper.minTranslate()) / translatesDiff;
+ }
+ if (newProgress !== progress) {
+ swiper.updateProgress(translate);
+ }
+ swiper.emit('setTranslate', swiper.translate, byController);
+ }
+
+ function translateTo(translate = 0, speed = this.params.speed, runCallbacks = true, translateBounds = true, internal) {
+ const swiper = this;
+ const { params, wrapperEl } = swiper;
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return false;
+ }
+ 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
+ swiper.updateProgress(newTranslate);
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+ if (speed === 0) {
+ wrapperEl[isH ? 'scrollLeft' : 'scrollTop'] = -newTranslate;
+ }
+ else {
+ wrapperEl.scrollTo({
+ [isH ? 'left' : 'top']: -newTranslate,
+ behavior: 'smooth',
+ });
+ }
+ return true;
+ }
+ if (speed === 0) {
+ swiper.setTransition(0);
+ swiper.setTranslate(newTranslate);
+ if (runCallbacks) {
+ swiper.emit('beforeTransitionStart', speed, internal);
+ swiper.emit('transitionEnd');
+ }
+ }
+ else {
+ swiper.setTransition(speed);
+ swiper.setTranslate(newTranslate);
+ if (runCallbacks) {
+ swiper.emit('beforeTransitionStart', speed, internal);
+ swiper.emit('transitionStart');
+ }
+ if (!swiper.animating) {
+ swiper.animating = true;
+ if (!swiper.onTranslateToWrapperTransitionEnd) {
+ swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed)
+ return;
+ if (e.target !== this)
+ return;
+ swiper.wrapperEl.removeEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
+ swiper.onTranslateToWrapperTransitionEnd = null;
+ delete swiper.onTranslateToWrapperTransitionEnd;
+ swiper.animating = false;
+ if (runCallbacks) {
+ swiper.emit('transitionEnd');
+ }
+ };
+ }
+ swiper.wrapperEl.addEventListener('transitionend', swiper.onTranslateToWrapperTransitionEnd);
+ }
+ }
return true;
- }
- return false;
- }
- return true;
- }
- function onTouchStart(event) {
- const swiper = this;
- if (swiper.destroyed) return;
- const document = getDocument();
- let e = event;
- if (e.originalEvent) e = e.originalEvent;
- const data = swiper.touchEventsData;
- if (e.type === 'pointerdown') {
- if (data.pointerId !== null && data.pointerId !== e.pointerId) {
- return;
- }
- data.pointerId = e.pointerId;
- } else if (e.type === 'touchstart' && e.targetTouches.length === 1) {
- data.touchId = e.targetTouches[0].identifier;
- }
- if (e.type === 'touchstart') {
- // don't proceed touch event
- preventEdgeSwipe(swiper, e, e.targetTouches[0].pageX);
- return;
- }
- const {
- params,
- touches,
- enabled
- } = swiper;
- if (!enabled) return;
- if (!params.simulateTouch && e.pointerType === 'mouse') return;
- if (swiper.animating && params.preventInteractionOnTransition) {
- return;
- }
- if (!swiper.animating && params.cssMode && params.loop) {
- swiper.loopFix();
- }
- let targetEl = e.target;
- if (params.touchEventsTarget === 'wrapper') {
- if (!elementIsChildOf(targetEl, swiper.wrapperEl)) return;
- }
- 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
- const eventPath = e.composedPath ? e.composedPath() : e.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
- if (params.noSwiping && (isTargetShadow ? closestElement(noSwipingSelector, targetEl) : targetEl.closest(noSwipingSelector))) {
- swiper.allowClick = true;
- return;
- }
- if (params.swipeHandler) {
- if (!targetEl.closest(params.swipeHandler)) return;
}
- 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
-
- if (!preventEdgeSwipe(swiper, e, startX)) {
- return;
- }
- Object.assign(data, {
- isTouched: true,
- isMoved: false,
- allowTouchCallbacks: true,
- isScrolling: undefined,
- startMoving: undefined
- });
- touches.startX = startX;
- touches.startY = startY;
- data.touchStartTime = now();
- swiper.allowClick = true;
- swiper.updateSize();
- swiper.swipeDirection = undefined;
- if (params.threshold > 0) data.allowThresholdMove = false;
- let preventDefault = true;
- if (targetEl.matches(data.focusableElements)) {
- preventDefault = false;
- if (targetEl.nodeName === 'SELECT') {
- data.isTouched = false;
- }
- }
- if (document.activeElement && document.activeElement.matches(data.focusableElements) && document.activeElement !== targetEl && (e.pointerType === 'mouse' || e.pointerType !== 'mouse' && !targetEl.matches(data.focusableElements))) {
- document.activeElement.blur();
- }
- const shouldPreventDefault = preventDefault && swiper.allowTouchMove && params.touchStartPreventDefault;
- if ((params.touchStartForcePreventDefault || shouldPreventDefault) && !targetEl.isContentEditable) {
- e.preventDefault();
- }
- if (params.freeMode && params.freeMode.enabled && swiper.freeMode && swiper.animating && !params.cssMode) {
- swiper.freeMode.onTouchStart();
- }
- swiper.emit('touchStart', e);
- }
+ var translate = {
+ getTranslate: getSwiperTranslate,
+ setTranslate,
+ minTranslate,
+ maxTranslate,
+ translateTo,
+ };
- function onTouchMove(event) {
- const document = getDocument();
- const swiper = this;
- if (swiper.destroyed) return;
- const data = swiper.touchEventsData;
- const {
- params,
- touches,
- rtlTranslate: rtl,
- enabled
- } = swiper;
- if (!enabled) return;
- if (!params.simulateTouch && event.pointerType === 'mouse') return;
- let e = event;
- if (e.originalEvent) e = e.originalEvent;
- if (e.type === 'pointermove') {
- if (data.touchId !== null) return; // return from pointer if we use touch
- const id = e.pointerId;
- if (id !== data.pointerId) return;
- }
- let targetTouch;
- if (e.type === 'touchmove') {
- targetTouch = [...e.changedTouches].find(t => t.identifier === data.touchId);
- if (!targetTouch || targetTouch.identifier !== data.touchId) return;
- } else {
- targetTouch = e;
- }
- if (!data.isTouched) {
- if (data.startMoving && data.isScrolling) {
- swiper.emit('touchMoveOpposite', e);
- }
- return;
- }
- const pageX = targetTouch.pageX;
- const pageY = targetTouch.pageY;
- if (e.preventedByNestedSwiper) {
- touches.startX = pageX;
- touches.startY = pageY;
- return;
- }
- if (!swiper.allowTouchMove) {
- if (!e.target.matches(data.focusableElements)) {
- swiper.allowClick = false;
- }
- if (data.isTouched) {
- Object.assign(touches, {
- startX: pageX,
- startY: pageY,
- currentX: pageX,
- currentY: pageY
- });
- data.touchStartTime = now();
- }
- return;
- }
- if (params.touchReleaseOnEdges && !params.loop) {
- if (swiper.isVertical()) {
- // Vertical
- if (pageY < touches.startY && swiper.translate <= swiper.maxTranslate() || pageY > touches.startY && swiper.translate >= swiper.minTranslate()) {
- data.isTouched = false;
- data.isMoved = false;
- return;
- }
- } else if (rtl && (pageX > touches.startX && -swiper.translate <= swiper.maxTranslate() || pageX < touches.startX && -swiper.translate >= swiper.minTranslate())) {
- return;
- } else if (!rtl && (pageX < touches.startX && swiper.translate <= swiper.maxTranslate() || pageX > touches.startX && swiper.translate >= swiper.minTranslate())) {
- return;
- }
- }
- if (document.activeElement && document.activeElement.matches(data.focusableElements) && document.activeElement !== e.target && e.pointerType !== 'mouse') {
- document.activeElement.blur();
- }
- if (document.activeElement) {
- if (e.target === document.activeElement && e.target.matches(data.focusableElements)) {
- data.isMoved = true;
- swiper.allowClick = false;
- return;
- }
- }
- if (data.allowTouchCallbacks) {
- swiper.emit('touchMove', e);
- }
- touches.previousX = touches.currentX;
- touches.previousY = touches.currentY;
- touches.currentX = pageX;
- touches.currentY = pageY;
- const diffX = touches.currentX - touches.startX;
- const diffY = touches.currentY - touches.startY;
- if (swiper.params.threshold && Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold) return;
- if (typeof data.isScrolling === 'undefined') {
- let touchAngle;
- if (swiper.isHorizontal() && touches.currentY === touches.startY || swiper.isVertical() && touches.currentX === touches.startX) {
- data.isScrolling = false;
- } else {
- // eslint-disable-next-line
- if (diffX * diffX + diffY * diffY >= 25) {
- touchAngle = Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180 / Math.PI;
- data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : 90 - touchAngle > params.touchAngle;
- }
- }
- }
- if (data.isScrolling) {
- swiper.emit('touchMoveOpposite', e);
- }
- if (typeof data.startMoving === 'undefined') {
- if (touches.currentX !== touches.startX || touches.currentY !== touches.startY) {
- data.startMoving = true;
- }
- }
- if (data.isScrolling || e.type === 'touchmove' && data.preventTouchMoveFromPointerMove) {
- data.isTouched = false;
- return;
- }
- if (!data.startMoving) {
- return;
- }
- swiper.allowClick = false;
- if (!params.cssMode && e.cancelable) {
- e.preventDefault();
- }
- 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;
- const allowLoopFix = swiper.touchesDirection === 'next' && swiper.allowSlideNext || swiper.touchesDirection === 'prev' && swiper.allowSlidePrev;
- if (!data.isMoved) {
- if (isLoop && allowLoopFix) {
- swiper.loopFix({
- direction: swiper.swipeDirection
- });
- }
- data.startTranslate = swiper.getTranslate();
- swiper.setTransition(0);
- if (swiper.animating) {
- const evt = new window.CustomEvent('transitionend', {
- bubbles: true,
- cancelable: true,
- detail: {
- bySwiperTouchMove: true
- }
- });
- swiper.wrapperEl.dispatchEvent(evt);
- }
- data.allowMomentumBounce = false;
- // Grab Cursor
- if (params.grabCursor && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
- swiper.setGrabCursor(true);
- }
- swiper.emit('sliderFirstMove', e);
- }
- let loopFixed;
- new Date().getTime();
- if (params._loopSwapReset !== false && data.isMoved && data.allowThresholdMove && prevTouchesDirection !== swiper.touchesDirection && isLoop && allowLoopFix && Math.abs(diff) >= 1) {
- Object.assign(touches, {
- startX: pageX,
- startY: pageY,
- currentX: pageX,
- currentY: pageY,
- startTranslate: data.currentTranslate
- });
- data.loopSwapReset = true;
- data.startTranslate = data.currentTranslate;
- return;
- }
- swiper.emit('sliderMove', e);
- data.isMoved = true;
- data.currentTranslate = diff + data.startTranslate;
- let disableParentSwiper = true;
- let resistanceRatio = params.resistanceRatio;
- if (params.touchReleaseOnEdges) {
- resistanceRatio = 0;
- }
- if (diff > 0) {
- if (isLoop && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate > (params.centeredSlides ? swiper.minTranslate() - swiper.slidesSizesGrid[swiper.activeIndex + 1] - (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.activeIndex + 1] + swiper.params.spaceBetween : 0) - swiper.params.spaceBetween : 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 && allowLoopFix && !loopFixed && data.allowThresholdMove && data.currentTranslate < (params.centeredSlides ? swiper.maxTranslate() + swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween + (params.slidesPerView !== 'auto' && swiper.slides.length - params.slidesPerView >= 2 ? swiper.slidesSizesGrid[swiper.slidesSizesGrid.length - 1] + swiper.params.spaceBetween : 0) : swiper.maxTranslate())) {
- swiper.loopFix({
- direction: 'next',
- setTranslate: true,
- activeSlideIndex: swiper.slides.length - (params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(params.slidesPerView, 10)))
+ function getActiveIndexByTranslate(swiper) {
+ const { slidesGrid, params } = swiper;
+ const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
+ let activeIndex;
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ if (typeof slidesGrid[i + 1] !== 'undefined') {
+ if (translate >= slidesGrid[i] &&
+ translate < slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2) {
+ activeIndex = i;
+ }
+ else if (translate >= slidesGrid[i] && translate < slidesGrid[i + 1]) {
+ activeIndex = i + 1;
+ }
+ }
+ else if (translate >= slidesGrid[i]) {
+ activeIndex = i;
+ }
+ }
+ // Normalize slideIndex
+ if (params.normalizeSlideIndex) {
+ if (activeIndex < 0 || typeof activeIndex === 'undefined')
+ activeIndex = 0;
+ }
+ return activeIndex;
+ }
+ function updateActiveIndex(newActiveIndex) {
+ const swiper = this;
+ const translate = swiper.rtlTranslate ? swiper.translate : -swiper.translate;
+ const { snapGrid, params, activeIndex: previousIndex, realIndex: previousRealIndex, snapIndex: previousSnapIndex, } = swiper;
+ let activeIndex = newActiveIndex;
+ let snapIndex;
+ const getVirtualRealIndex = (aIndex) => {
+ const virtualSlides = swiper.virtual.slides;
+ let realIndex = aIndex - (swiper.virtual.slidesBefore ?? 0);
+ if (realIndex < 0) {
+ realIndex = virtualSlides.length + realIndex;
+ }
+ if (realIndex >= virtualSlides.length) {
+ realIndex -= virtualSlides.length;
+ }
+ return realIndex;
+ };
+ if (typeof activeIndex === 'undefined') {
+ activeIndex = getActiveIndexByTranslate(swiper);
+ }
+ if (snapGrid.indexOf(translate) >= 0) {
+ snapIndex = snapGrid.indexOf(translate);
+ }
+ else {
+ const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
+ snapIndex = skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
+ }
+ if (snapIndex >= snapGrid.length)
+ snapIndex = snapGrid.length - 1;
+ if (activeIndex === previousIndex && !swiper.params.loop) {
+ if (snapIndex !== previousSnapIndex) {
+ swiper.snapIndex = snapIndex;
+ swiper.emit('snapIndexChange');
+ }
+ return;
+ }
+ if (activeIndex === previousIndex &&
+ swiper.params.loop &&
+ swiper.virtual &&
+ swiper.params.virtual?.enabled) {
+ swiper.realIndex = getVirtualRealIndex(activeIndex);
+ return;
+ }
+ const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
+ // Get real index
+ let realIndex;
+ if (swiper.virtual && params.virtual?.enabled) {
+ if (params.loop) {
+ realIndex = getVirtualRealIndex(activeIndex);
+ }
+ else {
+ realIndex = activeIndex;
+ }
+ }
+ else if (gridEnabled) {
+ const firstSlideInColumn = swiper.slides.find((slideEl) => slideEl.column === activeIndex);
+ let activeSlideIndex = parseInt(firstSlideInColumn.getAttribute('data-swiper-slide-index'), 10);
+ if (Number.isNaN(activeSlideIndex)) {
+ activeSlideIndex = Math.max(swiper.slides.indexOf(firstSlideInColumn), 0);
+ }
+ realIndex = Math.floor(activeSlideIndex / params.grid.rows);
+ }
+ else if (swiper.slides[activeIndex]) {
+ const slideIndex = swiper.slides[activeIndex].getAttribute('data-swiper-slide-index');
+ if (slideIndex) {
+ realIndex = parseInt(slideIndex, 10);
+ }
+ else {
+ realIndex = activeIndex;
+ }
+ }
+ else {
+ realIndex = activeIndex;
+ }
+ Object.assign(swiper, {
+ previousSnapIndex,
+ snapIndex,
+ previousRealIndex,
+ realIndex,
+ previousIndex,
+ activeIndex,
});
- }
- if (data.currentTranslate < swiper.maxTranslate()) {
- disableParentSwiper = false;
- if (params.resistance) {
- data.currentTranslate = swiper.maxTranslate() + 1 - (swiper.maxTranslate() - data.startTranslate - diff) ** resistanceRatio;
+ if (swiper.initialized) {
+ preload(swiper);
+ }
+ swiper.emit('activeIndexChange');
+ swiper.emit('snapIndexChange');
+ if (swiper.initialized || swiper.params.runCallbacksOnInit) {
+ if (previousRealIndex !== realIndex) {
+ swiper.emit('realIndexChange');
+ }
+ swiper.emit('slideChange');
}
- }
- }
- if (disableParentSwiper) {
- e.preventedByNestedSwiper = true;
}
- // Directions locks
- if (!swiper.allowSlideNext && swiper.swipeDirection === 'next' && data.currentTranslate < data.startTranslate) {
- data.currentTranslate = data.startTranslate;
- }
- if (!swiper.allowSlidePrev && swiper.swipeDirection === 'prev' && data.currentTranslate > data.startTranslate) {
- data.currentTranslate = data.startTranslate;
- }
- if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
- data.currentTranslate = data.startTranslate;
+ function updateAutoHeight(speed) {
+ const swiper = this;
+ const activeSlides = [];
+ const isVirtual = swiper.virtual && swiper.params.virtual?.enabled;
+ let newHeight = 0;
+ let i;
+ if (typeof speed === 'number') {
+ swiper.setTransition(speed);
+ }
+ else if (speed === true) {
+ swiper.setTransition(swiper.params.speed);
+ }
+ const getSlideByIndex = (index) => {
+ if (isVirtual) {
+ return swiper.slides[swiper.getSlideIndexByData(index)];
+ }
+ return swiper.slides[index];
+ };
+ // Find slides currently in view
+ if (swiper.params.slidesPerView !== 'auto' && swiper.params.slidesPerView > 1) {
+ if (swiper.params.centeredSlides) {
+ (swiper.visibleSlides || []).forEach((slide) => {
+ activeSlides.push(slide);
+ });
+ }
+ else {
+ for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
+ const index = swiper.activeIndex + i;
+ if (index > swiper.slides.length && !isVirtual)
+ break;
+ const slide = getSlideByIndex(index);
+ if (slide)
+ activeSlides.push(slide);
+ }
+ }
+ }
+ else {
+ const slide = getSlideByIndex(swiper.activeIndex);
+ if (slide)
+ activeSlides.push(slide);
+ }
+ // 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
+ if (newHeight || newHeight === 0)
+ swiper.wrapperEl.style.height = `${newHeight}px`;
+ }
+
+ function updateClickedSlide(el, path) {
+ const swiper = this;
+ const params = swiper.params;
+ let slide = el.closest(`.${params.slideClass}, swiper-slide`);
+ if (!slide && swiper.isElement && path && path.length > 1 && path.includes(el)) {
+ [...path.slice(path.indexOf(el) + 1, path.length)].forEach((pathEl) => {
+ if (!slide &&
+ pathEl.matches &&
+ pathEl.matches(`.${params.slideClass}, swiper-slide`)) {
+ slide = pathEl;
+ }
+ });
+ }
+ let slideFound = false;
+ let slideIndex;
+ if (slide) {
+ for (let i = 0; i < swiper.slides.length; i += 1) {
+ if (swiper.slides[i] === slide) {
+ slideFound = true;
+ slideIndex = i;
+ break;
+ }
+ }
+ }
+ if (slide && slideFound) {
+ swiper.clickedSlide = slide;
+ if (swiper.virtual && swiper.params.virtual?.enabled) {
+ swiper.clickedIndex = parseInt(slide.getAttribute('data-swiper-slide-index'), 10);
+ }
+ else {
+ swiper.clickedIndex = slideIndex;
+ }
+ }
+ else {
+ swiper.clickedSlide = undefined;
+ swiper.clickedIndex = undefined;
+ return;
+ }
+ if (params.slideToClickedSlide &&
+ swiper.clickedIndex !== undefined &&
+ swiper.clickedIndex !== swiper.activeIndex) {
+ swiper.slideToClickedSlide();
+ }
+ }
+
+ function updateProgress(translate) {
+ const swiper = this;
+ if (typeof translate === 'undefined') {
+ const multiplier = swiper.rtlTranslate ? -1 : 1;
+ translate = (swiper && swiper.translate && swiper.translate * multiplier) || 0;
+ }
+ const params = swiper.params;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ let { progress, isBeginning, isEnd } = swiper;
+ let progressLoop = swiper.progressLoop;
+ const wasBeginning = isBeginning;
+ const wasEnd = isEnd;
+ if (translatesDiff === 0) {
+ progress = 0;
+ isBeginning = true;
+ isEnd = true;
+ }
+ else {
+ progress = (translate - swiper.minTranslate()) / translatesDiff;
+ 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 = swiper.getSlideIndexByData(0);
+ const lastSlideIndex = swiper.getSlideIndexByData(swiper.slides.length - 1);
+ const firstSlideTranslate = swiper.slidesGrid[firstSlideIndex];
+ const lastSlideTranslate = swiper.slidesGrid[lastSlideIndex];
+ const translateMax = swiper.slidesGrid[swiper.slidesGrid.length - 1];
+ const translateAbs = Math.abs(translate);
+ if (translateAbs >= firstSlideTranslate) {
+ progressLoop = (translateAbs - firstSlideTranslate) / translateMax;
+ }
+ else {
+ progressLoop = (translateAbs + translateMax - lastSlideTranslate) / translateMax;
+ }
+ if (progressLoop > 1)
+ progressLoop -= 1;
+ }
+ Object.assign(swiper, {
+ progress,
+ progressLoop,
+ isBeginning,
+ isEnd,
+ });
+ if (params.watchSlidesProgress || (params.centeredSlides && params.autoHeight))
+ swiper.updateSlidesProgress(translate);
+ if (isBeginning && !wasBeginning) {
+ swiper.emit('reachBeginning toEdge');
+ }
+ if (isEnd && !wasEnd) {
+ swiper.emit('reachEnd toEdge');
+ }
+ if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
+ swiper.emit('fromEdge');
+ }
+ swiper.emit('progress', progress);
}
- // Threshold
- if (params.threshold > 0) {
- if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
- if (!data.allowThresholdMove) {
- data.allowThresholdMove = true;
- touches.startX = touches.currentX;
- touches.startY = touches.currentY;
- data.currentTranslate = data.startTranslate;
- touches.diff = swiper.isHorizontal() ? touches.currentX - touches.startX : touches.currentY - touches.startY;
- return;
- }
- } else {
- data.currentTranslate = data.startTranslate;
- return;
- }
+ function updateSize() {
+ const swiper = this;
+ let width;
+ let height;
+ const el = swiper.el;
+ if (typeof swiper.params.width !== 'undefined' && swiper.params.width !== null) {
+ width = swiper.params.width;
+ }
+ else {
+ width = el.clientWidth;
+ }
+ if (typeof swiper.params.height !== 'undefined' && swiper.params.height !== null) {
+ height = swiper.params.height;
+ }
+ else {
+ height = el.clientHeight;
+ }
+ if ((width === 0 && swiper.isHorizontal()) || (height === 0 && swiper.isVertical())) {
+ return;
+ }
+ // 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;
+ if (Number.isNaN(height))
+ height = 0;
+ Object.assign(swiper, {
+ width,
+ height,
+ size: swiper.isHorizontal() ? width : height,
+ });
}
- 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 (params.freeMode && params.freeMode.enabled && swiper.freeMode) {
- swiper.freeMode.onTouchMove();
+ function updateSlides() {
+ const swiper = this;
+ function getDirectionPropertyValue(node, label) {
+ return parseFloat(node.getPropertyValue(swiper.getDirectionLabel(label)) || '0');
+ }
+ const params = swiper.params;
+ const { wrapperEl, slidesEl, rtlTranslate: rtl, wrongRTL } = swiper;
+ const isVirtual = !!(swiper.virtual && params.virtual?.enabled);
+ const previousSlidesLength = isVirtual ? swiper.virtual.slides.length : swiper.slides.length;
+ const slides = elementChildren(slidesEl, `.${swiper.params.slideClass}, swiper-slide`);
+ const slidesLength = isVirtual ? swiper.virtual.slides.length : slides.length;
+ let snapGrid = [];
+ const slidesGrid = [];
+ const slidesSizesGrid = [];
+ const resolveOffset = (value) => typeof value === 'function' ? value.call(swiper) : value;
+ const offsetBefore = resolveOffset(params.slidesOffsetBefore);
+ const offsetAfter = resolveOffset(params.slidesOffsetAfter);
+ const previousSnapGridLength = swiper.snapGrid.length;
+ const previousSlidesGridLength = swiper.slidesGrid.length;
+ const swiperSize = swiper.size - offsetBefore - offsetAfter;
+ let spaceBetween = params.spaceBetween;
+ let slidePosition = -offsetBefore;
+ let prevSlideSize = 0;
+ let index = 0;
+ if (typeof swiperSize === 'undefined') {
+ return;
+ }
+ if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
+ spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiperSize;
+ }
+ else if (typeof spaceBetween === 'string') {
+ spaceBetween = parseFloat(spaceBetween);
+ }
+ swiper.virtualSize =
+ -spaceBetween - offsetBefore - offsetAfter;
+ // reset margins
+ slides.forEach((slideEl) => {
+ if (rtl) {
+ slideEl.style.marginLeft = '';
+ }
+ else {
+ slideEl.style.marginRight = '';
+ }
+ slideEl.style.marginBottom = '';
+ slideEl.style.marginTop = '';
+ });
+ // reset cssMode offsets
+ if (params.centeredSlides && params.cssMode) {
+ setCSSProperty(wrapperEl, '--swiper-centered-offset-before', '');
+ setCSSProperty(wrapperEl, '--swiper-centered-offset-after', '');
+ }
+ // set cssMode offsets
+ if (params.cssMode) {
+ setCSSProperty(wrapperEl, '--swiper-slides-offset-before', `${offsetBefore}px`);
+ setCSSProperty(wrapperEl, '--swiper-slides-offset-after', `${offsetAfter}px`);
+ }
+ const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
+ if (gridEnabled) {
+ swiper.grid.initSlides(slides);
+ }
+ else if (swiper.grid) {
+ swiper.grid.unsetSlides();
+ }
+ // Calc slides
+ let slideSize = 0;
+ const shouldResetSlideSize = params.slidesPerView === 'auto' &&
+ params.breakpoints &&
+ Object.keys(params.breakpoints).filter((key) => {
+ const bp = params.breakpoints[key];
+ return typeof bp?.slidesPerView !== 'undefined';
+ }).length > 0;
+ for (let i = 0; i < slidesLength; i += 1) {
+ slideSize = 0;
+ const slide = slides[i];
+ if (slide) {
+ if (gridEnabled) {
+ swiper.grid.updateSlide(i, slide, slides);
+ }
+ if (elementStyle(slide, 'display') === 'none')
+ continue;
+ }
+ if (isVirtual && params.slidesPerView === 'auto') {
+ if (params.virtual?.slidesPerViewAutoSlideSize) {
+ slideSize = params.virtual.slidesPerViewAutoSlideSize;
+ }
+ if (slideSize && slide) {
+ if (params.roundLengths)
+ slideSize = Math.floor(slideSize);
+ slide.style[swiper.getDirectionLabel('width')] =
+ `${slideSize}px`;
+ }
+ }
+ else if (params.slidesPerView === 'auto') {
+ if (shouldResetSlideSize) {
+ slide.style[swiper.getDirectionLabel('width')] = ``;
+ }
+ const slideStyles = getComputedStyle(slide);
+ const currentTransform = slide.style.transform;
+ const currentWebKitTransform = slide.style.webkitTransform;
+ if (currentTransform) {
+ slide.style.transform = 'none';
+ }
+ if (currentWebKitTransform) {
+ slide.style.webkitTransform =
+ 'none';
+ }
+ if (params.roundLengths) {
+ slideSize = swiper.isHorizontal()
+ ? elementOuterSize(slide, 'width')
+ : elementOuterSize(slide, 'height');
+ }
+ else {
+ const width = getDirectionPropertyValue(slideStyles, 'width');
+ const paddingLeft = getDirectionPropertyValue(slideStyles, 'padding-left');
+ const paddingRight = getDirectionPropertyValue(slideStyles, 'padding-right');
+ const marginLeft = getDirectionPropertyValue(slideStyles, 'margin-left');
+ const marginRight = getDirectionPropertyValue(slideStyles, 'margin-right');
+ const boxSizing = slideStyles.getPropertyValue('box-sizing');
+ if (boxSizing && boxSizing === 'border-box') {
+ slideSize = width + marginLeft + marginRight;
+ }
+ else {
+ const { clientWidth, offsetWidth } = slide;
+ slideSize =
+ width +
+ paddingLeft +
+ paddingRight +
+ marginLeft +
+ marginRight +
+ (offsetWidth - clientWidth);
+ }
+ }
+ if (currentTransform) {
+ slide.style.transform = currentTransform;
+ }
+ if (currentWebKitTransform) {
+ slide.style.webkitTransform =
+ currentWebKitTransform;
+ }
+ if (params.roundLengths)
+ slideSize = Math.floor(slideSize);
+ }
+ else {
+ slideSize =
+ (swiperSize - (params.slidesPerView - 1) * spaceBetween) /
+ params.slidesPerView;
+ if (params.roundLengths)
+ slideSize = Math.floor(slideSize);
+ if (slide) {
+ slide.style[swiper.getDirectionLabel('width')] =
+ `${slideSize}px`;
+ }
+ }
+ if (slide) {
+ slide.swiperSlideSize = slideSize;
+ }
+ slidesSizesGrid.push(slideSize);
+ if (params.centeredSlides) {
+ slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
+ if (prevSlideSize === 0 && i !== 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (i === 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (Math.abs(slidePosition) < 1 / 1000)
+ slidePosition = 0;
+ if (params.roundLengths)
+ slidePosition = Math.floor(slidePosition);
+ if (index % params.slidesPerGroup === 0)
+ snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ }
+ else {
+ if (params.roundLengths)
+ slidePosition = Math.floor(slidePosition);
+ if ((index - Math.min(swiper.params.slidesPerGroupSkip, index)) %
+ swiper.params.slidesPerGroup ===
+ 0)
+ snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ slidePosition = slidePosition + slideSize + spaceBetween;
+ }
+ swiper.virtualSize += slideSize + spaceBetween;
+ prevSlideSize = slideSize;
+ index += 1;
+ }
+ swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
+ if (rtl && wrongRTL && (params.effect === 'slide' || params.effect === 'coverflow')) {
+ wrapperEl.style.width = `${swiper.virtualSize + spaceBetween}px`;
+ }
+ if (params.setWrapperSize) {
+ wrapperEl.style[swiper.getDirectionLabel('width')] = `${swiper.virtualSize + spaceBetween}px`;
+ }
+ if (gridEnabled) {
+ swiper.grid.updateWrapperSize(slideSize, snapGrid);
+ }
+ // Remove last grid elements depending on width
+ if (!params.centeredSlides) {
+ // Check if snapToSlideEdge should be applied
+ const isFractionalSlidesPerView = params.slidesPerView !== 'auto' && params.slidesPerView % 1 !== 0;
+ const shouldSnapToSlideEdge = params.snapToSlideEdge &&
+ !params.loop &&
+ (params.slidesPerView === 'auto' || isFractionalSlidesPerView);
+ // Calculate the last allowed snap index when snapToSlideEdge is enabled
+ // This ensures minimum slides are visible at the end
+ let lastAllowedSnapIndex = snapGrid.length;
+ if (shouldSnapToSlideEdge) {
+ let minVisibleSlides;
+ if (params.slidesPerView === 'auto') {
+ // For 'auto' mode, calculate how many slides fit based on actual sizes
+ minVisibleSlides = 1;
+ let accumulatedSize = 0;
+ for (let i = slidesSizesGrid.length - 1; i >= 0; i -= 1) {
+ accumulatedSize +=
+ slidesSizesGrid[i] + (i < slidesSizesGrid.length - 1 ? spaceBetween : 0);
+ if (accumulatedSize <= swiperSize) {
+ minVisibleSlides = slidesSizesGrid.length - i;
+ }
+ else {
+ break;
+ }
+ }
+ }
+ else {
+ minVisibleSlides = Math.floor(params.slidesPerView);
+ }
+ lastAllowedSnapIndex = Math.max(slidesLength - minVisibleSlides, 0);
+ }
+ const newSlidesGrid = [];
+ for (let i = 0; i < snapGrid.length; i += 1) {
+ let slidesGridItem = snapGrid[i];
+ if (params.roundLengths)
+ slidesGridItem = Math.floor(slidesGridItem);
+ if (shouldSnapToSlideEdge) {
+ // When snapToSlideEdge is enabled, only keep snaps up to lastAllowedSnapIndex
+ if (i <= lastAllowedSnapIndex) {
+ newSlidesGrid.push(slidesGridItem);
+ }
+ }
+ else if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
+ // When snapToSlideEdge is disabled, keep snaps that fit within scrollable area
+ newSlidesGrid.push(slidesGridItem);
+ }
+ }
+ snapGrid = newSlidesGrid;
+ if (Math.floor(swiper.virtualSize - swiperSize) - Math.floor(snapGrid[snapGrid.length - 1]) >
+ 1) {
+ // Only add edge-aligned snap if snapToSlideEdge is not enabled
+ if (!shouldSnapToSlideEdge) {
+ snapGrid.push(swiper.virtualSize - swiperSize);
+ }
+ }
+ }
+ if (isVirtual && params.loop) {
+ const size = slidesSizesGrid[0] + spaceBetween;
+ const slidesBefore = swiper.virtual.slidesBefore ?? 0;
+ const slidesAfter = swiper.virtual.slidesAfter ?? 0;
+ const virtualLoopCount = slidesBefore + slidesAfter;
+ if (params.slidesPerGroup > 1) {
+ const groups = Math.ceil(virtualLoopCount / params.slidesPerGroup);
+ const groupSize = size * params.slidesPerGroup;
+ for (let i = 0; i < groups; i += 1) {
+ snapGrid.push(snapGrid[snapGrid.length - 1] + groupSize);
+ }
+ }
+ for (let i = 0; i < virtualLoopCount; i += 1) {
+ if (params.slidesPerGroup === 1) {
+ snapGrid.push(snapGrid[snapGrid.length - 1] + size);
+ }
+ slidesGrid.push(slidesGrid[slidesGrid.length - 1] + size);
+ swiper.virtualSize += size;
+ }
+ }
+ if (snapGrid.length === 0)
+ snapGrid = [0];
+ if (spaceBetween !== 0) {
+ const key = swiper.isHorizontal() && rtl ? 'marginLeft' : swiper.getDirectionLabel('marginRight');
+ slides
+ .filter((_, slideIndex) => {
+ if (!params.cssMode || params.loop)
+ return true;
+ if (slideIndex === slides.length - 1) {
+ return false;
+ }
+ return true;
+ })
+ .forEach((slideEl) => {
+ slideEl.style[key] = `${spaceBetween}px`;
+ });
+ }
+ if (params.centeredSlides && params.centeredSlidesBounds) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize += slideSizeValue + (spaceBetween || 0);
+ });
+ allSlidesSize -= spaceBetween;
+ const maxSnap = allSlidesSize > swiperSize ? allSlidesSize - swiperSize : 0;
+ snapGrid = snapGrid.map((snap) => {
+ if (snap <= 0)
+ return -offsetBefore;
+ if (snap > maxSnap)
+ return maxSnap + offsetAfter;
+ return snap;
+ });
+ }
+ if (params.centerInsufficientSlides) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize += slideSizeValue + (spaceBetween || 0);
+ });
+ allSlidesSize -= spaceBetween;
+ if (allSlidesSize < swiperSize) {
+ const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+ snapGrid.forEach((snap, snapIndex) => {
+ snapGrid[snapIndex] = snap - allSlidesOffset;
+ });
+ slidesGrid.forEach((snap, snapIndex) => {
+ slidesGrid[snapIndex] = snap + allSlidesOffset;
+ });
+ }
+ }
+ Object.assign(swiper, {
+ slides,
+ snapGrid,
+ slidesGrid,
+ slidesSizesGrid,
+ });
+ if (params.centeredSlides && params.cssMode && !params.centeredSlidesBounds) {
+ setCSSProperty(wrapperEl, '--swiper-centered-offset-before', `${-snapGrid[0]}px`);
+ setCSSProperty(wrapperEl, '--swiper-centered-offset-after', `${swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2}px`);
+ const addToSnapGrid = -swiper.snapGrid[0];
+ const addToSlidesGrid = -swiper.slidesGrid[0];
+ swiper.snapGrid = swiper.snapGrid.map((v) => v + addToSnapGrid);
+ swiper.slidesGrid = swiper.slidesGrid.map((v) => v + addToSlidesGrid);
+ }
+ if (slidesLength !== previousSlidesLength) {
+ swiper.emit('slidesLengthChange');
+ }
+ if (snapGrid.length !== previousSnapGridLength) {
+ if (swiper.params.watchOverflow)
+ swiper.checkOverflow();
+ swiper.emit('snapGridLengthChange');
+ }
+ if (slidesGrid.length !== previousSlidesGridLength) {
+ swiper.emit('slidesGridLengthChange');
+ }
+ if (params.watchSlidesProgress) {
+ swiper.updateSlidesOffset();
+ }
+ swiper.emit('slidesUpdated');
+ if (!isVirtual && !params.cssMode && (params.effect === 'slide' || params.effect === 'fade')) {
+ const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
+ const hasClassBackfaceClassAdded = swiper.el.classList.contains(backFaceHiddenClass);
+ if (slidesLength <= params.maxBackfaceHiddenSlides) {
+ if (!hasClassBackfaceClassAdded)
+ swiper.el.classList.add(backFaceHiddenClass);
+ }
+ else if (hasClassBackfaceClassAdded) {
+ swiper.el.classList.remove(backFaceHiddenClass);
+ }
+ }
}
- // Update progress
- swiper.updateProgress(data.currentTranslate);
- // Update translate
- swiper.setTranslate(data.currentTranslate);
- }
- function onTouchEnd(event) {
- const swiper = this;
- if (swiper.destroyed) return;
- const data = swiper.touchEventsData;
- let e = event;
- if (e.originalEvent) e = e.originalEvent;
- let targetTouch;
- const isTouchEvent = e.type === 'touchend' || e.type === 'touchcancel';
- if (!isTouchEvent) {
- if (data.touchId !== null) return; // return from pointer if we use touch
- if (e.pointerId !== data.pointerId) return;
- targetTouch = e;
- } else {
- targetTouch = [...e.changedTouches].find(t => t.identifier === data.touchId);
- if (!targetTouch || targetTouch.identifier !== data.touchId) return;
- }
- if (['pointercancel', 'pointerout', 'pointerleave', 'contextmenu'].includes(e.type)) {
- const proceed = ['pointercancel', 'contextmenu'].includes(e.type) && (swiper.browser.isSafari || swiper.browser.isWebView);
- if (!proceed) {
- return;
- }
- }
- data.pointerId = null;
- data.touchId = null;
- const {
- params,
- touches,
- rtlTranslate: rtl,
- slidesGrid,
- enabled
- } = swiper;
- if (!enabled) return;
- if (!params.simulateTouch && e.pointerType === 'mouse') return;
- if (data.allowTouchCallbacks) {
- swiper.emit('touchEnd', e);
- }
- data.allowTouchCallbacks = false;
- if (!data.isTouched) {
- if (data.isMoved && params.grabCursor) {
- swiper.setGrabCursor(false);
- }
- data.isMoved = false;
- data.startMoving = false;
- return;
+ const toggleSlideClasses$1 = (slideEl, condition, className) => {
+ if (condition && !slideEl.classList.contains(className)) {
+ slideEl.classList.add(className);
+ }
+ else if (!condition && slideEl.classList.contains(className)) {
+ slideEl.classList.remove(className);
+ }
+ };
+ function updateSlidesClasses() {
+ const swiper = this;
+ const { slides, params, slidesEl, activeIndex } = swiper;
+ const isVirtual = !!(swiper.virtual && params.virtual?.enabled);
+ const gridEnabled = swiper.grid && params.grid && params.grid.rows > 1;
+ const getFilteredSlide = (selector) => {
+ return elementChildren(slidesEl, `.${params.slideClass}${selector}, swiper-slide${selector}`)[0];
+ };
+ let activeSlide;
+ let prevSlide;
+ let nextSlide;
+ if (isVirtual) {
+ if (params.loop) {
+ const virtualSlides = swiper.virtual.slides;
+ let slideIndex = activeIndex - (swiper.virtual.slidesBefore ?? 0);
+ if (slideIndex < 0)
+ slideIndex = virtualSlides.length + slideIndex;
+ if (slideIndex >= virtualSlides.length)
+ slideIndex -= virtualSlides.length;
+ activeSlide = getFilteredSlide(`[data-swiper-slide-index="${slideIndex}"]`);
+ }
+ else {
+ activeSlide = getFilteredSlide(`[data-swiper-slide-index="${activeIndex}"]`);
+ }
+ }
+ else if (gridEnabled) {
+ activeSlide = slides.find((slideEl) => slideEl.column === activeIndex);
+ nextSlide = slides.find((slideEl) => slideEl.column === activeIndex + 1);
+ prevSlide = slides.find((slideEl) => slideEl.column === activeIndex - 1);
+ }
+ else {
+ activeSlide = slides[activeIndex];
+ }
+ if (activeSlide) {
+ if (!gridEnabled) {
+ // Next Slide
+ nextSlide = elementNextAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
+ if (params.loop && !nextSlide) {
+ nextSlide = slides[0];
+ }
+ // Prev Slide
+ prevSlide = elementPrevAll(activeSlide, `.${params.slideClass}, swiper-slide`)[0];
+ // NOTE: legacy guard from v9; `(!prevSlide) === 0` is always false, but we preserve
+ // the original behaviour (no-op) to avoid runtime changes in v14. Audit candidate.
+ if (params.loop && !prevSlide === 0) {
+ prevSlide = slides[slides.length - 1];
+ }
+ }
+ }
+ slides.forEach((slideEl) => {
+ toggleSlideClasses$1(slideEl, slideEl === activeSlide, params.slideActiveClass);
+ toggleSlideClasses$1(slideEl, slideEl === nextSlide, params.slideNextClass);
+ toggleSlideClasses$1(slideEl, slideEl === prevSlide, params.slidePrevClass);
+ });
+ swiper.emitSlidesClasses();
}
- // Return Grab Cursor
- if (params.grabCursor && data.isMoved && data.isTouched && (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)) {
- swiper.setGrabCursor(false);
+ function updateSlidesOffset() {
+ const swiper = this;
+ const slides = swiper.slides;
+ 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) -
+ minusOffset -
+ swiper.cssOverflowAdjustment();
+ }
}
- // Time diff
- const touchEndTime = now();
- const timeDiff = touchEndTime - data.touchStartTime;
+ const toggleSlideClasses = (slideEl, condition, className) => {
+ if (condition && !slideEl.classList.contains(className)) {
+ slideEl.classList.add(className);
+ }
+ else if (!condition && slideEl.classList.contains(className)) {
+ slideEl.classList.remove(className);
+ }
+ };
+ function updateSlidesProgress(translate = (this && this.translate) || 0) {
+ const swiper = this;
+ const params = swiper.params;
+ const { slides, rtlTranslate: rtl, snapGrid } = swiper;
+ if (slides.length === 0)
+ return;
+ if (typeof slides[0].swiperSlideOffset === 'undefined')
+ swiper.updateSlidesOffset();
+ let offsetCenter = -translate;
+ if (rtl)
+ offsetCenter = translate;
+ swiper.visibleSlidesIndexes = [];
+ swiper.visibleSlides = [];
+ let spaceBetween = params.spaceBetween;
+ if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
+ spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiper.size;
+ }
+ else if (typeof spaceBetween === 'string') {
+ spaceBetween = parseFloat(spaceBetween);
+ }
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ let slideOffset = slide.swiperSlideOffset ?? 0;
+ if (params.cssMode && params.centeredSlides) {
+ slideOffset -= slides[0].swiperSlideOffset ?? 0;
+ }
+ const slideSize = slide.swiperSlideSize ?? 0;
+ const slideProgress = (offsetCenter + (params.centeredSlides ? swiper.minTranslate() : 0) - slideOffset) /
+ (slideSize + spaceBetween);
+ const originalSlideProgress = (offsetCenter -
+ snapGrid[0] +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slideSize + spaceBetween);
+ const slideBefore = -(offsetCenter - slideOffset);
+ const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
+ const isFullyVisible = slideBefore >= 0 && slideBefore <= swiper.size - swiper.slidesSizesGrid[i];
+ const isVisible = (slideBefore >= 0 && slideBefore < swiper.size - 1) ||
+ (slideAfter > 1 && slideAfter <= swiper.size) ||
+ (slideBefore <= 0 && slideAfter >= swiper.size);
+ if (isVisible) {
+ swiper.visibleSlides.push(slide);
+ swiper.visibleSlidesIndexes.push(i);
+ }
+ toggleSlideClasses(slide, isVisible, params.slideVisibleClass);
+ toggleSlideClasses(slide, isFullyVisible, params.slideFullyVisibleClass);
+ slide.progress = rtl ? -slideProgress : slideProgress;
+ slide.originalProgress = rtl ? -originalSlideProgress : originalSlideProgress;
+ }
+ }
+
+ var update = {
+ updateSize,
+ updateSlides,
+ updateAutoHeight,
+ updateSlidesOffset,
+ updateSlidesProgress,
+ updateProgress,
+ updateSlidesClasses,
+ updateActiveIndex,
+ updateClickedSlide,
+ };
- // Tap, doubleTap, Click
- if (swiper.allowClick) {
- const pathTree = e.path || e.composedPath && e.composedPath();
- swiper.updateClickedSlide(pathTree && pathTree[0] || e.target, pathTree);
- swiper.emit('tap click', e);
- if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {
- swiper.emit('doubleTap doubleClick', e);
- }
+ const prototypes = {
+ eventsEmitter,
+ update,
+ translate,
+ transition,
+ slide,
+ loop,
+ grabCursor,
+ events: events$1,
+ breakpoints,
+ checkOverflow: checkOverflow$1,
+ classes,
+ };
+ const extendedDefaults = {};
+ class Swiper {
+ static extendedDefaults;
+ static defaults;
+ constructor(...args) {
+ let el;
+ let params;
+ if (args.length === 1 &&
+ args[0] !== null &&
+ typeof args[0] === 'object' &&
+ Object.prototype.toString.call(args[0]).slice(8, -1) === 'Object') {
+ params = args[0];
+ }
+ else {
+ [el, params] = args;
+ }
+ if (!params)
+ params = {};
+ params = extend({}, params);
+ if (el && !params.el)
+ params.el = el;
+ if (params.el &&
+ typeof params.el === 'string' &&
+ typeof document !== 'undefined' &&
+ document.querySelectorAll(params.el).length > 1) {
+ const swipers = [];
+ document.querySelectorAll(params.el).forEach((containerEl) => {
+ const newParams = extend({}, params, { el: containerEl });
+ swipers.push(new Swiper(newParams));
+ });
+ return swipers;
+ }
+ // Swiper Instance
+ const swiper = this;
+ swiper.__swiper__ = true;
+ swiper.support = getSupport();
+ swiper.device = getDevice({ userAgent: params.userAgent ?? undefined });
+ swiper.browser = getBrowser();
+ swiper.eventsListeners = {};
+ swiper.eventsAnyListeners = [];
+ swiper.modules = [...(swiper.__modules__ || [])];
+ if (params.modules && Array.isArray(params.modules)) {
+ params.modules.forEach((mod) => {
+ const fn = mod;
+ if (typeof fn === 'function' && swiper.modules.indexOf(fn) < 0) {
+ swiper.modules.push(fn);
+ }
+ });
+ }
+ const allModulesParams = {};
+ swiper.modules.forEach((mod) => {
+ mod({
+ params: params,
+ swiper,
+ extendParams: moduleExtendParams(params, allModulesParams),
+ on: swiper.on.bind(swiper),
+ once: swiper.once.bind(swiper),
+ off: swiper.off.bind(swiper),
+ emit: swiper.emit.bind(swiper),
+ });
+ });
+ // Extend defaults with modules params
+ const swiperParams = extend({}, defaults, allModulesParams);
+ // Extend defaults with passed params
+ swiper.params = extend({}, swiperParams, extendedDefaults, params);
+ swiper.originalParams = extend({}, swiper.params);
+ swiper.passedParams = extend({}, params);
+ // add event listeners
+ if (swiper.params && swiper.params.on) {
+ const onHandlers = swiper.params.on;
+ Object.keys(onHandlers).forEach((eventName) => {
+ const handler = onHandlers[eventName];
+ if (handler)
+ swiper.on(eventName, handler);
+ });
+ }
+ if (swiper.params && swiper.params.onAny) {
+ swiper.onAny(swiper.params.onAny);
+ }
+ // Extend Swiper
+ Object.assign(swiper, {
+ enabled: swiper.params.enabled,
+ el,
+ // Classes
+ classNames: [],
+ // Slides
+ slides: [],
+ slidesGrid: [],
+ snapGrid: [],
+ slidesSizesGrid: [],
+ // isDirection
+ isHorizontal() {
+ return swiper.params.direction === 'horizontal';
+ },
+ isVertical() {
+ return swiper.params.direction === 'vertical';
+ },
+ // Indexes
+ activeIndex: 0,
+ realIndex: 0,
+ //
+ isBeginning: true,
+ isEnd: false,
+ // Props
+ translate: 0,
+ previousTranslate: 0,
+ progress: 0,
+ velocity: 0,
+ animating: false,
+ cssOverflowAdjustment() {
+ // Returns 0 unless `translate` is > 2**23
+ // Should be subtracted from css values to prevent overflow
+ return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
+ },
+ // Locks
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ // Touch Events
+ touchEventsData: {
+ isTouched: undefined,
+ isMoved: undefined,
+ allowTouchCallbacks: undefined,
+ touchStartTime: undefined,
+ isScrolling: undefined,
+ currentTranslate: undefined,
+ startTranslate: undefined,
+ allowThresholdMove: undefined,
+ // Form elements to match
+ focusableElements: swiper.params.focusableElements,
+ // Last click time
+ lastClickTime: 0,
+ clickTimeout: undefined,
+ // Velocities
+ velocities: [],
+ allowMomentumBounce: undefined,
+ startMoving: undefined,
+ pointerId: null,
+ touchId: null,
+ },
+ // Clicks
+ allowClick: true,
+ // Touches
+ allowTouchMove: swiper.params.allowTouchMove,
+ touches: {
+ startX: 0,
+ startY: 0,
+ currentX: 0,
+ currentY: 0,
+ diff: 0,
+ },
+ // Images
+ imagesToLoad: [],
+ imagesLoaded: 0,
+ });
+ swiper.emit('_swiper');
+ // Init
+ if (swiper.params.init) {
+ swiper.init();
+ }
+ // Return app instance
+ return swiper;
+ }
+ getDirectionLabel(property) {
+ if (this.isHorizontal()) {
+ return property;
+ }
+ // oxfmt-ignore
+ return {
+ 'width': 'height',
+ 'margin-top': 'margin-left',
+ 'margin-bottom ': 'margin-right',
+ 'margin-left': 'margin-top',
+ 'margin-right': 'margin-bottom',
+ 'padding-left': 'padding-top',
+ 'padding-right': 'padding-bottom',
+ 'marginRight': 'marginBottom',
+ }[property];
+ }
+ /**
+ * !INTERNAL
+ */
+ isHorizontal() {
+ return this.params.direction === 'horizontal';
+ }
+ isVertical() {
+ return this.params.direction === 'vertical';
+ }
+ cssOverflowAdjustment() {
+ return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
+ }
+ getSlideIndex(slideEl) {
+ const { slidesEl, params } = this;
+ const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
+ const firstSlideIndex = elementIndex(slides[0]);
+ return elementIndex(slideEl) - (firstSlideIndex ?? 0);
+ }
+ getSlideIndexByData(index) {
+ return this.getSlideIndex(this.slides.find((slideEl) => Number(slideEl.getAttribute('data-swiper-slide-index')) === index));
+ }
+ getSlideIndexWhenGrid(index) {
+ if (this.grid && this.params.grid && this.params.grid.rows > 1) {
+ if (this.params.grid.fill === 'column') {
+ index = Math.floor(index / this.params.grid.rows);
+ }
+ else if (this.params.grid.fill === 'row') {
+ index = index % Math.ceil(this.slides.length / this.params.grid.rows);
+ }
+ }
+ return index;
+ }
+ recalcSlides() {
+ const { slidesEl, params } = this;
+ this.slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
+ }
+ /**
+ * Enable Swiper (if it was disabled)
+ */
+ enable() {
+ if (this.enabled)
+ return;
+ this.enabled = true;
+ if (this.params.grabCursor) {
+ this.setGrabCursor();
+ }
+ this.emit('enable');
+ }
+ /**
+ * Disable Swiper (if it was enabled). When Swiper is disabled, it will hide all navigation elements and won't respond to any events and interactions
+ */
+ disable() {
+ if (!this.enabled)
+ return;
+ this.enabled = false;
+ if (this.params.grabCursor) {
+ this.unsetGrabCursor();
+ }
+ this.emit('disable');
+ }
+ /**
+ * Set Swiper translate progress (from 0 to 1). Where 0 - its initial position (offset) on first slide, and 1 - its maximum position (offset) on last slide
+ *
+ * @param progress Swiper translate progress (from 0 to 1).
+ * @param speed Transition duration (in ms).
+ */
+ setProgress(progress, speed) {
+ progress = Math.min(Math.max(progress, 0), 1);
+ const min = this.minTranslate();
+ const max = this.maxTranslate();
+ const current = (max - min) * progress + min;
+ this.translateTo(current, typeof speed === 'undefined' ? 0 : speed);
+ this.updateActiveIndex();
+ this.updateSlidesClasses();
+ }
+ emitContainerClasses() {
+ if (!this.params._emitClasses || !this.el)
+ return;
+ const cls = this.el.className.split(' ').filter((className) => {
+ return (className.indexOf('swiper') === 0 ||
+ className.indexOf(this.params.containerModifierClass) === 0);
+ });
+ this.emit('_containerClasses', cls.join(' '));
+ }
+ getSlideClasses(slideEl) {
+ if (this.destroyed)
+ return '';
+ return slideEl.className
+ .split(' ')
+ .filter((className) => {
+ return (className.indexOf('swiper-slide') === 0 ||
+ className.indexOf(this.params.slideClass) === 0);
+ })
+ .join(' ');
+ }
+ emitSlidesClasses() {
+ if (!this.params._emitClasses || !this.el)
+ return;
+ const updates = [];
+ this.slides.forEach((slideEl) => {
+ const classNames = this.getSlideClasses(slideEl);
+ updates.push({ slideEl, classNames });
+ this.emit('_slideClass', slideEl, classNames);
+ });
+ this.emit('_slideClasses', updates);
+ }
+ /**
+ * Get dynamically calculated amount of slides per view, useful only when slidesPerView set to `auto`
+ */
+ slidesPerViewDynamic(view = 'current', exact = false) {
+ const { params, slides, slidesGrid, slidesSizesGrid, size: swiperSize, activeIndex } = this;
+ let spv = 1;
+ if (typeof params.slidesPerView === 'number')
+ return params.slidesPerView;
+ if (params.centeredSlides) {
+ let slideSize = slides[activeIndex] ? Math.ceil(slides[activeIndex].swiperSlideSize ?? 0) : 0;
+ let breakLoop = false;
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += Math.ceil(slides[i].swiperSlideSize ?? 0);
+ spv += 1;
+ if (slideSize > swiperSize)
+ breakLoop = true;
+ }
+ }
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize ?? 0;
+ spv += 1;
+ if (slideSize > swiperSize)
+ breakLoop = true;
+ }
+ }
+ }
+ else if (view === 'current') {
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ const slideInView = exact
+ ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] < swiperSize
+ : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ }
+ else {
+ // previous
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ const slideInView = slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ }
+ return spv;
+ }
+ /**
+ * You should call it after you add/remove slides
+ * manually, or after you hide/show it, or do any
+ * custom DOM modifications with Swiper
+ * This method also includes subcall of the following
+ * methods which you can use separately:
+ */
+ update() {
+ const swiper = this;
+ if (!swiper || swiper.destroyed)
+ return;
+ const { snapGrid, params } = 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();
+ swiper.updateSlidesClasses();
+ function setTranslate() {
+ const translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;
+ const newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ let translated;
+ if (params.freeMode?.enabled && !params.cssMode) {
+ setTranslate();
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ }
+ else {
+ if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !params.centeredSlides) {
+ const slidesLength = swiper.virtual && params.virtual?.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ translated = swiper.slideTo(slidesLength - 1, 0, false, true);
+ }
+ else {
+ translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+ if (!translated) {
+ setTranslate();
+ }
+ }
+ if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ swiper.emit('update');
+ }
+ /**
+ * Changes slider direction from horizontal to vertical and back.
+ *
+ * @param direction New direction. If not specified, then will automatically changed to opposite direction
+ * @param needUpdate Will call swiper.update(). Default true
+ */
+ changeDirection(newDirection, needUpdate = true) {
+ const swiper = this;
+ const currentDirection = swiper.params.direction;
+ if (!newDirection) {
+ newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal';
+ }
+ if (newDirection === currentDirection ||
+ (newDirection !== 'horizontal' && newDirection !== 'vertical')) {
+ return swiper;
+ }
+ swiper.el.classList.remove(`${swiper.params.containerModifierClass}${currentDirection}`);
+ swiper.el.classList.add(`${swiper.params.containerModifierClass}${newDirection}`);
+ swiper.emitContainerClasses();
+ swiper.params.direction = newDirection;
+ swiper.slides.forEach((slideEl) => {
+ if (newDirection === 'vertical') {
+ slideEl.style.width = '';
+ }
+ else {
+ slideEl.style.height = '';
+ }
+ });
+ swiper.emit('changeDirection');
+ if (needUpdate)
+ swiper.update();
+ return swiper;
+ }
+ /**
+ * Changes slider language
+ *
+ * @param direction New direction. Should be `rtl` or `ltr`
+ */
+ changeLanguageDirection(direction) {
+ const swiper = this;
+ if ((swiper.rtl && direction === 'rtl') || (!swiper.rtl && direction === 'ltr'))
+ return;
+ swiper.rtl = direction === 'rtl';
+ swiper.rtlTranslate = swiper.params.direction === 'horizontal' && swiper.rtl;
+ if (swiper.rtl) {
+ swiper.el.classList.add(`${swiper.params.containerModifierClass}rtl`);
+ swiper.el.dir = 'rtl';
+ }
+ else {
+ swiper.el.classList.remove(`${swiper.params.containerModifierClass}rtl`);
+ swiper.el.dir = 'ltr';
+ }
+ swiper.update();
+ }
+ mount(element) {
+ const swiper = this;
+ if (swiper.mounted)
+ return true;
+ // No DOM (SSR / Node) — nothing to mount to.
+ if (typeof document === 'undefined')
+ return false;
+ // Find el (params.el can be a CSSSelector, HTMLElement, or undefined)
+ const initialEl = element ?? swiper.params.el;
+ let el = null;
+ if (typeof initialEl === 'string') {
+ el = document.querySelector(initialEl);
+ }
+ else if (initialEl instanceof HTMLElement) {
+ el = initialEl;
+ }
+ if (!el) {
+ return false;
+ }
+ el.swiper = swiper;
+ const parent = el.parentNode;
+ if (parent &&
+ parent.host &&
+ parent.host.nodeName === swiper.params.swiperElementNodeName.toUpperCase()) {
+ swiper.isElement = true;
+ }
+ const getWrapperSelector = () => {
+ return `.${(swiper.params.wrapperClass || '').trim().split(' ').join('.')}`;
+ };
+ const getWrapper = () => {
+ if (el && el.shadowRoot) {
+ const res = el.shadowRoot.querySelector(getWrapperSelector());
+ // Children needs to return slot items
+ return res;
+ }
+ return elementChildren(el, getWrapperSelector())[0];
+ };
+ // Find Wrapper
+ let wrapperEl = getWrapper();
+ if (!wrapperEl && swiper.params.createElements) {
+ wrapperEl = createElement('div', swiper.params.wrapperClass);
+ el.append(wrapperEl);
+ elementChildren(el, `.${swiper.params.slideClass}`).forEach((slideEl) => {
+ wrapperEl.append(slideEl);
+ });
+ }
+ const host = swiper.isElement ? el.parentNode.host : null;
+ Object.assign(swiper, {
+ el,
+ wrapperEl,
+ slidesEl: swiper.isElement && !host.slideSlots ? host : wrapperEl,
+ hostEl: swiper.isElement ? host : el,
+ mounted: true,
+ // RTL
+ rtl: el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl',
+ rtlTranslate: swiper.params.direction === 'horizontal' &&
+ (el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl'),
+ wrongRTL: elementStyle(wrapperEl, 'display') === '-webkit-box',
+ });
+ return true;
+ }
+ /**
+ * Initialize slider
+ */
+ init(el) {
+ const swiper = this;
+ if (swiper.initialized)
+ return swiper;
+ const mounted = swiper.mount(el);
+ if (mounted === false)
+ return swiper;
+ swiper.emit('beforeInit');
+ // Set breakpoint
+ if (swiper.params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+ // Add Classes
+ swiper.addClasses();
+ // Update size
+ swiper.updateSize();
+ // Update slides
+ swiper.updateSlides();
+ if (swiper.params.watchOverflow) {
+ swiper.checkOverflow();
+ }
+ // Set Grab Cursor
+ if (swiper.params.grabCursor && swiper.enabled) {
+ swiper.setGrabCursor();
+ }
+ // Slide To Initial Slide
+ if (swiper.params.loop && swiper.virtual && swiper.params.virtual?.enabled) {
+ swiper.slideTo((swiper.params.initialSlide ?? 0) + (swiper.virtual.slidesBefore ?? 0), 0, swiper.params.runCallbacksOnInit, false, true);
+ }
+ else {
+ swiper.slideTo(swiper.params.initialSlide, 0, swiper.params.runCallbacksOnInit, false, true);
+ }
+ // Create loop
+ if (swiper.params.loop) {
+ swiper.loopCreate(undefined, true);
+ }
+ // Attach events
+ swiper.attachEvents();
+ const lazyElements = [...swiper.el.querySelectorAll('[loading="lazy"]')];
+ if (swiper.isElement) {
+ lazyElements.push(...swiper.hostEl.querySelectorAll('[loading="lazy"]'));
+ }
+ lazyElements.forEach((imageEl) => {
+ if (imageEl.complete) {
+ processLazyPreloader(swiper, imageEl);
+ }
+ else {
+ imageEl.addEventListener('load', (e) => {
+ processLazyPreloader(swiper, e.target);
+ });
+ }
+ });
+ preload(swiper);
+ // Init Flag
+ swiper.initialized = true;
+ preload(swiper);
+ // Emit
+ swiper.emit('init');
+ swiper.emit('afterInit');
+ return swiper;
+ }
+ /**
+ * Destroy slider instance and detach all events listeners
+ *
+ * @param deleteInstance Set it to false (by default it is true) to not to delete Swiper instance
+ * @param cleanStyles Set it to true (by default it is true) and all custom styles will be removed from slides, wrapper and container.
+ * Useful if you need to destroy Swiper and to init again with new options or in different direction
+ */
+ destroy(deleteInstance = true, cleanStyles = true) {
+ const swiper = this;
+ const { params, el, wrapperEl, slides } = swiper;
+ if (typeof swiper.params === 'undefined' || swiper.destroyed) {
+ return null;
+ }
+ swiper.emit('beforeDestroy');
+ // Init Flag
+ swiper.initialized = false;
+ // Detach events
+ swiper.detachEvents();
+ // Destroy loop
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+ // Cleanup styles
+ if (cleanStyles) {
+ swiper.removeClasses();
+ if (el && typeof el !== 'string') {
+ el.removeAttribute('style');
+ }
+ if (wrapperEl) {
+ wrapperEl.removeAttribute('style');
+ }
+ if (slides && slides.length) {
+ slides.forEach((slideEl) => {
+ slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
+ slideEl.removeAttribute('style');
+ slideEl.removeAttribute('data-swiper-slide-index');
+ });
+ }
+ }
+ swiper.emit('destroy');
+ // Detach emitter events
+ Object.keys(swiper.eventsListeners).forEach((eventName) => {
+ swiper.off(eventName);
+ });
+ if (deleteInstance !== false) {
+ if (swiper.el && typeof swiper.el !== 'string') {
+ swiper.el.swiper = null;
+ }
+ deleteProps(swiper);
+ }
+ swiper.destroyed = true;
+ return null;
+ }
+ static extendDefaults(newDefaults) {
+ extend(extendedDefaults, newDefaults);
+ }
+ static installModule(mod) {
+ if (!Swiper.prototype.__modules__)
+ Swiper.prototype.__modules__ = [];
+ const modules = Swiper.prototype.__modules__;
+ if (typeof mod === 'function' && modules.indexOf(mod) < 0) {
+ modules.push(mod);
+ }
+ }
+ static use(module) {
+ if (Array.isArray(module)) {
+ module.forEach((m) => Swiper.installModule(m));
+ return Swiper;
+ }
+ Swiper.installModule(module);
+ return Swiper;
+ }
}
- data.lastClickTime = now();
- nextTick(() => {
- if (!swiper.destroyed) swiper.allowClick = true;
+ Object.defineProperty(Swiper, 'extendedDefaults', {
+ get() {
+ return extendedDefaults;
+ },
});
- if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || touches.diff === 0 && !data.loopSwapReset || data.currentTranslate === data.startTranslate && !data.loopSwapReset) {
- data.isTouched = false;
- data.isMoved = false;
- data.startMoving = false;
- return;
- }
- data.isTouched = false;
- data.isMoved = false;
- data.startMoving = false;
- let currentPos;
- if (params.followFinger) {
- currentPos = rtl ? swiper.translate : -swiper.translate;
- } else {
- currentPos = -data.currentTranslate;
- }
- if (params.cssMode) {
- return;
- }
- if (params.freeMode && params.freeMode.enabled) {
- swiper.freeMode.onTouchEnd({
- currentPos
- });
- return;
- }
-
- // Find current slide
- const swipeToLast = currentPos >= -swiper.maxTranslate() && !swiper.params.loop;
- let stopIndex = 0;
- let groupSize = swiper.slidesSizesGrid[0];
- for (let i = 0; i < slidesGrid.length; i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup) {
- const increment = i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
- if (typeof slidesGrid[i + increment] !== 'undefined') {
- if (swipeToLast || currentPos >= slidesGrid[i] && currentPos < slidesGrid[i + increment]) {
- stopIndex = i;
- groupSize = slidesGrid[i + increment] - slidesGrid[i];
- }
- } else if (swipeToLast || currentPos >= slidesGrid[i]) {
- stopIndex = i;
- groupSize = slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
- }
- }
- let rewindFirstIndex = null;
- let rewindLastIndex = null;
- if (params.rewind) {
- if (swiper.isBeginning) {
- rewindLastIndex = params.virtual && params.virtual.enabled && swiper.virtual ? swiper.virtual.slides.length - 1 : swiper.slides.length - 1;
- } else if (swiper.isEnd) {
- rewindFirstIndex = 0;
- }
- }
- // Find current slide size
- const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
- const increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
- if (timeDiff > params.longSwipesMs) {
- // Long touches
- if (!params.longSwipes) {
- swiper.slideTo(swiper.activeIndex);
- return;
- }
- if (swiper.swipeDirection === 'next') {
- if (ratio >= params.longSwipesRatio) swiper.slideTo(params.rewind && swiper.isEnd ? rewindFirstIndex : stopIndex + increment);else swiper.slideTo(stopIndex);
- }
- if (swiper.swipeDirection === 'prev') {
- if (ratio > 1 - params.longSwipesRatio) {
- swiper.slideTo(stopIndex + increment);
- } else if (rewindLastIndex !== null && ratio < 0 && Math.abs(ratio) > params.longSwipesRatio) {
- swiper.slideTo(rewindLastIndex);
- } else {
- swiper.slideTo(stopIndex);
- }
- }
- } else {
- // Short swipes
- if (!params.shortSwipes) {
- swiper.slideTo(swiper.activeIndex);
- return;
- }
- const isNavButtonTarget = swiper.navigation && (e.target === swiper.navigation.nextEl || e.target === swiper.navigation.prevEl);
- if (!isNavButtonTarget) {
- if (swiper.swipeDirection === 'next') {
- swiper.slideTo(rewindFirstIndex !== null ? rewindFirstIndex : stopIndex + increment);
- }
- if (swiper.swipeDirection === 'prev') {
- swiper.slideTo(rewindLastIndex !== null ? rewindLastIndex : stopIndex);
- }
- } else if (e.target === swiper.navigation.nextEl) {
- swiper.slideTo(stopIndex + increment);
- } else {
- swiper.slideTo(stopIndex);
- }
- }
- }
-
- function onResize() {
- const swiper = this;
- const {
- params,
- el
- } = swiper;
- if (el && el.offsetWidth === 0) return;
-
- // Breakpoints
- if (params.breakpoints) {
- swiper.setBreakpoint();
- }
-
- // Save locks
- const {
- allowSlideNext,
- allowSlidePrev,
- snapGrid
- } = swiper;
- const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
-
- // Disable locks on resize
- swiper.allowSlideNext = true;
- swiper.allowSlidePrev = true;
- swiper.updateSize();
- swiper.updateSlides();
- swiper.updateSlidesClasses();
- const isVirtualLoop = isVirtual && params.loop;
- if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !swiper.isBeginning && !swiper.params.centeredSlides && !isVirtualLoop) {
- const slides = isVirtual ? swiper.virtual.slides : swiper.slides;
- swiper.slideTo(slides.length - 1, 0, false, true);
- } else {
- if (swiper.params.loop && !isVirtual) {
- swiper.slideToLoop(swiper.realIndex, 0, false, true);
- } else {
- swiper.slideTo(swiper.activeIndex, 0, false, true);
- }
- }
- if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
- clearTimeout(swiper.autoplay.resizeTimeout);
- swiper.autoplay.resizeTimeout = setTimeout(() => {
- if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
- swiper.autoplay.resume();
- }
- }, 500);
- }
- // Return locks after resize
- swiper.allowSlidePrev = allowSlidePrev;
- swiper.allowSlideNext = allowSlideNext;
- if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
- swiper.checkOverflow();
- }
- }
-
- function onClick(e) {
- const swiper = this;
- if (swiper.destroyed) return;
- if (!swiper.enabled) return;
- if (!swiper.allowClick) {
- if (swiper.params.preventClicks) e.preventDefault();
- if (swiper.params.preventClicksPropagation && swiper.animating) {
- e.stopPropagation();
- e.stopImmediatePropagation();
- }
- }
- }
-
- function onScroll() {
- const swiper = this;
- if (swiper.destroyed) return;
- const {
- wrapperEl,
- rtlTranslate,
- enabled
- } = swiper;
- if (!enabled) return;
- swiper.previousTranslate = swiper.translate;
- if (swiper.isHorizontal()) {
- swiper.translate = -wrapperEl.scrollLeft;
- } else {
- swiper.translate = -wrapperEl.scrollTop;
- }
- // eslint-disable-next-line
- if (swiper.translate === 0) swiper.translate = 0;
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- let newProgress;
- const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
- if (translatesDiff === 0) {
- newProgress = 0;
- } else {
- newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;
- }
- if (newProgress !== swiper.progress) {
- swiper.updateProgress(rtlTranslate ? -swiper.translate : swiper.translate);
- }
- swiper.emit('setTranslate', swiper.translate, false);
- }
-
- function onLoad(e) {
- const swiper = this;
- if (swiper.destroyed) return;
- processLazyPreloader(swiper, e.target);
- if (swiper.params.cssMode || swiper.params.slidesPerView !== 'auto' && !swiper.params.autoHeight) {
- return;
- }
- swiper.update();
- }
-
- function onDocumentTouchStart() {
- const swiper = this;
- if (swiper.destroyed) return;
- if (swiper.documentTouchHandlerProceeded) return;
- swiper.documentTouchHandlerProceeded = true;
- if (swiper.params.touchReleaseOnEdges) {
- swiper.el.style.touchAction = 'auto';
- }
- }
-
- const events = (swiper, method) => {
- const document = getDocument();
- const {
- params,
- el,
- wrapperEl,
- device
- } = swiper;
- const capture = !!params.nested;
- const domMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
- const swiperMethod = method;
- if (!el || typeof el === 'string') return;
-
- // Touch Events
- document[domMethod]('touchstart', swiper.onDocumentTouchStart, {
- passive: false,
- capture
- });
- el[domMethod]('touchstart', swiper.onTouchStart, {
- passive: false
- });
- el[domMethod]('pointerdown', swiper.onTouchStart, {
- passive: false
- });
- document[domMethod]('touchmove', swiper.onTouchMove, {
- passive: false,
- capture
- });
- document[domMethod]('pointermove', swiper.onTouchMove, {
- passive: false,
- capture
- });
- document[domMethod]('touchend', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('pointerup', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('pointercancel', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('touchcancel', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('pointerout', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('pointerleave', swiper.onTouchEnd, {
- passive: true
- });
- document[domMethod]('contextmenu', swiper.onTouchEnd, {
- passive: true
- });
-
- // Prevent Links Clicks
- if (params.preventClicks || params.preventClicksPropagation) {
- el[domMethod]('click', swiper.onClick, true);
- }
- if (params.cssMode) {
- wrapperEl[domMethod]('scroll', swiper.onScroll);
- }
-
- // 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
- el[domMethod]('load', swiper.onLoad, {
- capture: true
- });
- };
- function attachEvents() {
- const swiper = this;
- const {
- params
- } = swiper;
- swiper.onTouchStart = onTouchStart.bind(swiper);
- swiper.onTouchMove = onTouchMove.bind(swiper);
- swiper.onTouchEnd = onTouchEnd.bind(swiper);
- swiper.onDocumentTouchStart = onDocumentTouchStart.bind(swiper);
- if (params.cssMode) {
- swiper.onScroll = onScroll.bind(swiper);
- }
- swiper.onClick = onClick.bind(swiper);
- swiper.onLoad = onLoad.bind(swiper);
- events(swiper, 'on');
- }
- function detachEvents() {
- const swiper = this;
- events(swiper, 'off');
- }
- var events$1 = {
- attachEvents,
- detachEvents
- };
-
- const isGridEnabled = (swiper, params) => {
- return swiper.grid && params.grid && params.grid.rows > 1;
- };
- function setBreakpoint() {
- const swiper = this;
- const {
- realIndex,
- initialized,
- params,
- el
- } = swiper;
- const breakpoints = params.breakpoints;
- if (!breakpoints || breakpoints && Object.keys(breakpoints).length === 0) return;
- const document = getDocument();
-
- // Get breakpoint for window/container width and update parameters
- const breakpointsBase = params.breakpointsBase === 'window' || !params.breakpointsBase ? params.breakpointsBase : 'container';
- const breakpointContainer = ['window', 'container'].includes(params.breakpointsBase) || !params.breakpointsBase ? swiper.el : document.querySelector(params.breakpointsBase);
- const breakpoint = swiper.getBreakpoint(breakpoints, breakpointsBase, breakpointContainer);
- if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
- const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
- const breakpointParams = breakpointOnlyParams || swiper.originalParams;
- const wasMultiRow = isGridEnabled(swiper, params);
- const isMultiRow = isGridEnabled(swiper, breakpointParams);
- const wasGrabCursor = swiper.params.grabCursor;
- const isGrabCursor = breakpointParams.grabCursor;
- const wasEnabled = params.enabled;
- if (wasMultiRow && !isMultiRow) {
- el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
- swiper.emitContainerClasses();
- } else if (!wasMultiRow && isMultiRow) {
- el.classList.add(`${params.containerModifierClass}grid`);
- if (breakpointParams.grid.fill && breakpointParams.grid.fill === 'column' || !breakpointParams.grid.fill && params.grid.fill === 'column') {
- el.classList.add(`${params.containerModifierClass}grid-column`);
- }
- swiper.emitContainerClasses();
- }
- if (wasGrabCursor && !isGrabCursor) {
- swiper.unsetGrabCursor();
- } else if (!wasGrabCursor && isGrabCursor) {
- swiper.setGrabCursor();
- }
-
- // Toggle navigation, pagination, scrollbar
- ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
- if (typeof breakpointParams[prop] === 'undefined') return;
- const wasModuleEnabled = params[prop] && params[prop].enabled;
- const isModuleEnabled = breakpointParams[prop] && breakpointParams[prop].enabled;
- if (wasModuleEnabled && !isModuleEnabled) {
- swiper[prop].disable();
- }
- if (!wasModuleEnabled && isModuleEnabled) {
- swiper[prop].enable();
- }
+ Object.defineProperty(Swiper, 'defaults', {
+ get() {
+ return defaults;
+ },
});
- const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;
- const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);
- const wasLoop = params.loop;
- if (directionChanged && initialized) {
- swiper.changeDirection();
- }
- extend(swiper.params, breakpointParams);
- const isEnabled = swiper.params.enabled;
- const hasLoop = swiper.params.loop;
- Object.assign(swiper, {
- allowTouchMove: swiper.params.allowTouchMove,
- allowSlideNext: swiper.params.allowSlideNext,
- allowSlidePrev: swiper.params.allowSlidePrev
+ // Attach prototype-mixin method groups onto Swiper.prototype. Each group is a
+ // plain record of method-name → function; we copy them across as-is.
+ const prototypeRecord = prototypes;
+ const swiperProto = Swiper.prototype;
+ Object.keys(prototypeRecord).forEach((prototypeGroup) => {
+ const group = prototypeRecord[prototypeGroup];
+ Object.keys(group).forEach((protoMethod) => {
+ swiperProto[protoMethod] = group[protoMethod];
+ });
});
- if (wasEnabled && !isEnabled) {
- swiper.disable();
- } else if (!wasEnabled && isEnabled) {
- swiper.enable();
- }
- swiper.currentBreakpoint = breakpoint;
- swiper.emit('_beforeBreakpoint', breakpointParams);
- if (initialized) {
- if (needsReLoop) {
- swiper.loopDestroy();
- swiper.loopCreate(realIndex);
- swiper.updateSlides();
- } else if (!wasLoop && hasLoop) {
- swiper.loopCreate(realIndex);
- swiper.updateSlides();
- } else if (wasLoop && !hasLoop) {
- swiper.loopDestroy();
- }
- }
- swiper.emit('breakpoint', breakpointParams);
- }
-
- function getBreakpoint(breakpoints, base = 'window', containerEl) {
- if (!breakpoints || base === 'container' && !containerEl) return undefined;
- let breakpoint = false;
- const window = getWindow();
- const currentHeight = base === 'window' ? window.innerHeight : containerEl.clientHeight;
- const points = Object.keys(breakpoints).map(point => {
- if (typeof point === 'string' && point.indexOf('@') === 0) {
- const minRatio = parseFloat(point.substr(1));
- const value = currentHeight * minRatio;
- return {
- value,
- point
+ Swiper.use([Resize, Observer]);
+
+ const Virtual = ({ swiper, extendParams, on, emit }) => {
+ extendParams({
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ slidesPerViewAutoSlideSize: 320,
+ renderSlide: null,
+ renderExternal: null,
+ renderExternalUpdate: true,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0,
+ },
+ });
+ let cssModeTimeout;
+ // Methods (appendSlide/prependSlide/removeSlide/removeAllSlides/update) are
+ // attached via Object.assign below once they're defined. Cast through
+ // Partial<> so the initial state-only literal can be assigned without
+ // pretending the methods exist yet.
+ swiper.virtual = {
+ cache: {},
+ from: 0,
+ to: 0,
+ slides: [],
+ offset: 0,
+ slidesGrid: [],
};
- }
- return {
- value: point,
- point
- };
- });
- points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));
- for (let i = 0; i < points.length; i += 1) {
- const {
- point,
- value
- } = points[i];
- if (base === 'window') {
- if (window.matchMedia(`(min-width: ${value}px)`).matches) {
- breakpoint = point;
- }
- } else if (value <= containerEl.clientWidth) {
- breakpoint = point;
- }
- }
- return breakpoint || 'max';
- }
-
- var breakpoints = {
- setBreakpoint,
- getBreakpoint
- };
-
- function prepareClasses(entries, prefix) {
- const resultClasses = [];
- entries.forEach(item => {
- if (typeof item === 'object') {
- Object.keys(item).forEach(classNames => {
- if (item[classNames]) {
- resultClasses.push(prefix + classNames);
- }
- });
- } else if (typeof item === 'string') {
- resultClasses.push(prefix + item);
- }
- });
- return resultClasses;
- }
- function addClasses() {
- const swiper = this;
- const {
- classNames,
- params,
- rtl,
- el,
- device
- } = swiper;
- // prettier-ignore
- const suffixes = prepareClasses(['initialized', params.direction, {
- 'free-mode': swiper.params.freeMode && params.freeMode.enabled
- }, {
- 'autoheight': params.autoHeight
- }, {
- 'rtl': rtl
- }, {
- 'grid': params.grid && params.grid.rows > 1
- }, {
- 'grid-column': params.grid && params.grid.rows > 1 && params.grid.fill === 'column'
- }, {
- 'android': device.android
- }, {
- 'ios': device.ios
- }, {
- 'css-mode': params.cssMode
- }, {
- 'centered': params.cssMode && params.centeredSlides
- }, {
- 'watch-progress': params.watchSlidesProgress
- }], params.containerModifierClass);
- classNames.push(...suffixes);
- el.classList.add(...classNames);
- swiper.emitContainerClasses();
- }
-
- function removeClasses() {
- const swiper = this;
- const {
- el,
- classNames
- } = swiper;
- if (!el || typeof el === 'string') return;
- el.classList.remove(...classNames);
- swiper.emitContainerClasses();
- }
-
- var classes = {
- addClasses,
- removeClasses
- };
-
- function checkOverflow() {
- const swiper = this;
- const {
- isLocked: wasLocked,
- params
- } = swiper;
- const {
- slidesOffsetBefore
- } = params;
- if (slidesOffsetBefore) {
- const lastSlideIndex = swiper.slides.length - 1;
- const lastSlideRightEdge = swiper.slidesGrid[lastSlideIndex] + swiper.slidesSizesGrid[lastSlideIndex] + slidesOffsetBefore * 2;
- swiper.isLocked = swiper.size > lastSlideRightEdge;
- } else {
- swiper.isLocked = swiper.snapGrid.length === 1;
- }
- if (params.allowSlideNext === true) {
- swiper.allowSlideNext = !swiper.isLocked;
- }
- if (params.allowSlidePrev === true) {
- swiper.allowSlidePrev = !swiper.isLocked;
- }
- if (wasLocked && wasLocked !== swiper.isLocked) {
- swiper.isEnd = false;
- }
- if (wasLocked !== swiper.isLocked) {
- swiper.emit(swiper.isLocked ? 'lock' : 'unlock');
- }
- }
- var checkOverflow$1 = {
- checkOverflow
- };
-
- var defaults = {
- init: true,
- direction: 'horizontal',
- oneWayMovement: false,
- swiperElementNodeName: 'SWIPER-CONTAINER',
- touchEventsTarget: 'wrapper',
- initialSlide: 0,
- speed: 300,
- cssMode: false,
- updateOnWindowResize: true,
- resizeObserver: true,
- nested: false,
- createElements: false,
- eventsPrefix: 'swiper',
- enabled: true,
- focusableElements: 'input, select, option, textarea, button, video, label',
- // Overrides
- width: null,
- height: null,
- //
- preventInteractionOnTransition: false,
- // ssr
- userAgent: null,
- url: null,
- // To support iOS's swipe-to-go-back gesture (when being used in-app).
- edgeSwipeDetection: false,
- edgeSwipeThreshold: 20,
- // Autoheight
- autoHeight: false,
- // Set wrapper width
- setWrapperSize: false,
- // Virtual Translate
- virtualTranslate: false,
- // Effects
- effect: 'slide',
- // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
-
- // Breakpoints
- breakpoints: undefined,
- breakpointsBase: 'window',
- // Slides grid
- spaceBetween: 0,
- slidesPerView: 1,
- slidesPerGroup: 1,
- slidesPerGroupSkip: 0,
- slidesPerGroupAuto: false,
- centeredSlides: false,
- centeredSlidesBounds: false,
- slidesOffsetBefore: 0,
- // in px
- slidesOffsetAfter: 0,
- // in px
- normalizeSlideIndex: true,
- centerInsufficientSlides: false,
- snapToSlideEdge: false,
- // Disable swiper and hide navigation when container not overflow
- watchOverflow: true,
- // Round length
- roundLengths: false,
- // Touches
- touchRatio: 1,
- touchAngle: 45,
- simulateTouch: true,
- shortSwipes: true,
- longSwipes: true,
- longSwipesRatio: 0.5,
- longSwipesMs: 300,
- followFinger: true,
- allowTouchMove: true,
- threshold: 5,
- touchMoveStopPropagation: false,
- touchStartPreventDefault: true,
- touchStartForcePreventDefault: false,
- touchReleaseOnEdges: false,
- // Unique Navigation Elements
- uniqueNavElements: true,
- // Resistance
- resistance: true,
- resistanceRatio: 0.85,
- // Progress
- watchSlidesProgress: false,
- // Cursor
- grabCursor: false,
- // Clicks
- preventClicks: true,
- preventClicksPropagation: true,
- slideToClickedSlide: false,
- // loop
- loop: false,
- loopAddBlankSlides: true,
- loopAdditionalSlides: 0,
- loopPreventsSliding: true,
- // rewind
- rewind: false,
- // Swiping/no swiping
- allowSlidePrev: true,
- allowSlideNext: true,
- swipeHandler: null,
- // '.swipe-handler',
- noSwiping: true,
- noSwipingClass: 'swiper-no-swiping',
- noSwipingSelector: null,
- // Passive Listeners
- passiveListeners: true,
- maxBackfaceHiddenSlides: 10,
- // NS
- containerModifierClass: 'swiper-',
- // NEW
- slideClass: 'swiper-slide',
- slideBlankClass: 'swiper-slide-blank',
- slideActiveClass: 'swiper-slide-active',
- slideVisibleClass: 'swiper-slide-visible',
- slideFullyVisibleClass: 'swiper-slide-fully-visible',
- slideNextClass: 'swiper-slide-next',
- slidePrevClass: 'swiper-slide-prev',
- wrapperClass: 'swiper-wrapper',
- lazyPreloaderClass: 'swiper-lazy-preloader',
- lazyPreloadPrevNext: 0,
- // Callbacks
- runCallbacksOnInit: true,
- // Internals
- _emitClasses: false
- };
+ function getParams() {
+ return swiper.params.virtual;
+ }
+ // Created lazily so module init does not touch the DOM (SSR / Node safe).
+ let tempDOM;
+ const getTempDOM = () => (tempDOM ??= document.createElement('div'));
+ function renderSlide(slide, index) {
+ const params = getParams();
+ if (params.cache && swiper.virtual.cache[index]) {
+ return swiper.virtual.cache[index];
+ }
+ let slideEl;
+ if (params.renderSlide) {
+ const rendered = params.renderSlide.call(swiper, slide, index);
+ if (typeof rendered === 'string') {
+ const el = getTempDOM();
+ setInnerHTML(el, rendered);
+ slideEl = el.children[0];
+ }
+ else {
+ slideEl = rendered;
+ }
+ }
+ else if (swiper.isElement) {
+ slideEl = createElement('swiper-slide');
+ }
+ else {
+ slideEl = createElement('div', swiper.params.slideClass);
+ }
+ slideEl.setAttribute('data-swiper-slide-index', String(index));
+ if (!params.renderSlide) {
+ setInnerHTML(slideEl, slide);
+ }
+ if (params.cache) {
+ swiper.virtual.cache[index] = slideEl;
+ }
+ return slideEl;
+ }
+ function update(force, beforeInit, forceActiveIndex) {
+ const { slidesPerGroup, centeredSlides, slidesPerView, loop: isLoop, initialSlide, } = swiper.params;
+ if (beforeInit && !isLoop && (initialSlide ?? 0) > 0) {
+ return;
+ }
+ const { addSlidesBefore, addSlidesAfter, slidesPerViewAutoSlideSize } = getParams();
+ const { from: previousFrom, to: previousTo, slides, slidesGrid: previousSlidesGrid, offset: previousOffset, } = swiper.virtual;
+ if (!swiper.params.cssMode) {
+ swiper.updateActiveIndex();
+ }
+ const activeIndex = typeof forceActiveIndex === 'undefined' ? swiper.activeIndex || 0 : forceActiveIndex;
+ let offsetProp;
+ if (swiper.rtlTranslate)
+ offsetProp = 'right';
+ else
+ offsetProp = swiper.isHorizontal() ? 'left' : 'top';
+ let slidesPerViewNumeric;
+ if (slidesPerView === 'auto') {
+ if (slidesPerViewAutoSlideSize) {
+ let swiperSize = swiper.size;
+ if (!swiperSize) {
+ swiperSize = swiper.isHorizontal()
+ ? swiper.el.getBoundingClientRect().width
+ : swiper.el.getBoundingClientRect().height;
+ }
+ slidesPerViewNumeric = Math.max(1, Math.ceil(swiperSize / slidesPerViewAutoSlideSize));
+ }
+ else {
+ slidesPerViewNumeric = 1;
+ }
+ }
+ else {
+ slidesPerViewNumeric = slidesPerView ?? 1;
+ }
+ const groupSize = slidesPerGroup ?? 1;
+ let slidesAfter;
+ let slidesBefore;
+ if (centeredSlides) {
+ slidesAfter = Math.floor(slidesPerViewNumeric / 2) + groupSize + addSlidesAfter;
+ slidesBefore = Math.floor(slidesPerViewNumeric / 2) + groupSize + addSlidesBefore;
+ }
+ else {
+ slidesAfter = slidesPerViewNumeric + (groupSize - 1) + addSlidesAfter;
+ slidesBefore = (isLoop ? slidesPerViewNumeric : groupSize) + addSlidesBefore;
+ }
+ let from = activeIndex - slidesBefore;
+ let to = activeIndex + slidesAfter;
+ if (!isLoop) {
+ from = Math.max(from, 0);
+ to = Math.min(to, slides.length - 1);
+ }
+ let offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
+ if (isLoop && activeIndex >= slidesBefore) {
+ from -= slidesBefore;
+ if (!centeredSlides)
+ offset += swiper.slidesGrid[0];
+ }
+ else if (isLoop && activeIndex < slidesBefore) {
+ from = -slidesBefore;
+ if (centeredSlides)
+ offset += swiper.slidesGrid[0];
+ }
+ Object.assign(swiper.virtual, {
+ from,
+ to,
+ offset,
+ slidesGrid: swiper.slidesGrid,
+ slidesBefore,
+ slidesAfter,
+ });
+ function onRendered() {
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+ emit('virtualUpdate');
+ }
+ if (previousFrom === from && previousTo === to && !force) {
+ if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
+ swiper.slides.forEach((slideEl) => {
+ slideEl.style.setProperty(offsetProp, `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`);
+ });
+ }
+ swiper.updateProgress();
+ emit('virtualUpdate');
+ return;
+ }
+ const virtualParams = getParams();
+ if (virtualParams.renderExternal) {
+ const slidesToRender = [];
+ for (let i = from; i <= to; i += 1) {
+ slidesToRender.push(slides[i]);
+ }
+ virtualParams.renderExternal.call(swiper, {
+ offset,
+ from,
+ to,
+ slides: slidesToRender,
+ });
+ if (virtualParams.renderExternalUpdate) {
+ onRendered();
+ }
+ else {
+ emit('virtualUpdate');
+ }
+ return;
+ }
+ const prependIndexes = [];
+ const appendIndexes = [];
+ const getSlideIndex = (index) => {
+ let slideIndex = index;
+ if (index < 0) {
+ slideIndex = slides.length + index;
+ }
+ else if (slideIndex >= slides.length) {
+ slideIndex = slideIndex - slides.length;
+ }
+ return slideIndex;
+ };
+ if (force) {
+ swiper.slides
+ .filter((el) => el.matches(`.${swiper.params.slideClass}, swiper-slide`))
+ .forEach((slideEl) => {
+ slideEl.remove();
+ });
+ }
+ else {
+ for (let i = previousFrom; i <= previousTo; i += 1) {
+ if (i < from || i > to) {
+ const slideIndex = getSlideIndex(i);
+ swiper.slides
+ .filter((el) => el.matches(`.${swiper.params.slideClass}[data-swiper-slide-index="${slideIndex}"], swiper-slide[data-swiper-slide-index="${slideIndex}"]`))
+ .forEach((slideEl) => {
+ slideEl.remove();
+ });
+ }
+ }
+ }
+ const loopFrom = isLoop ? -slides.length : 0;
+ const loopTo = isLoop ? slides.length * 2 : slides.length;
+ for (let i = loopFrom; i < loopTo; i += 1) {
+ if (i >= from && i <= to) {
+ const slideIndex = getSlideIndex(i);
+ if (typeof previousTo === 'undefined' || force) {
+ appendIndexes.push(slideIndex);
+ }
+ else {
+ if (i > previousTo)
+ appendIndexes.push(slideIndex);
+ if (i < previousFrom)
+ prependIndexes.push(slideIndex);
+ }
+ }
+ }
+ appendIndexes.forEach((index) => {
+ swiper.slidesEl.append(renderSlide(slides[index], index));
+ });
+ if (isLoop) {
+ for (let i = prependIndexes.length - 1; i >= 0; i -= 1) {
+ const index = prependIndexes[i];
+ swiper.slidesEl.prepend(renderSlide(slides[index], index));
+ }
+ }
+ else {
+ prependIndexes.sort((a, b) => b - a);
+ prependIndexes.forEach((index) => {
+ swiper.slidesEl.prepend(renderSlide(slides[index], index));
+ });
+ }
+ elementChildren(swiper.slidesEl, '.swiper-slide, swiper-slide').forEach((slideEl) => {
+ slideEl.style.setProperty(offsetProp, `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`);
+ });
+ onRendered();
+ }
+ function appendSlide(slides) {
+ if (slides !== null &&
+ typeof slides === 'object' &&
+ 'length' in slides) {
+ const arr = slides;
+ for (let i = 0; i < arr.length; i += 1) {
+ if (arr[i])
+ swiper.virtual.slides.push(arr[i]);
+ }
+ }
+ else {
+ swiper.virtual.slides.push(slides);
+ }
+ update(true);
+ }
+ function prependSlide(slides) {
+ const activeIndex = swiper.activeIndex;
+ let newActiveIndex = activeIndex + 1;
+ let numberOfNewSlides = 1;
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i])
+ swiper.virtual.slides.unshift(slides[i]);
+ }
+ newActiveIndex = activeIndex + slides.length;
+ numberOfNewSlides = slides.length;
+ }
+ else {
+ swiper.virtual.slides.unshift(slides);
+ }
+ if (getParams().cache) {
+ const cache = swiper.virtual.cache;
+ const newCache = {};
+ Object.keys(cache).forEach((cachedIndex) => {
+ const cachedEl = cache[Number(cachedIndex)];
+ const cachedElIndex = cachedEl.getAttribute('data-swiper-slide-index');
+ if (cachedElIndex) {
+ cachedEl.setAttribute('data-swiper-slide-index', String(parseInt(cachedElIndex, 10) + numberOfNewSlides));
+ }
+ newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = cachedEl;
+ });
+ swiper.virtual.cache = newCache;
+ }
+ update(true);
+ swiper.slideTo(newActiveIndex, 0);
+ }
+ function removeSlide(slidesIndexes) {
+ if (typeof slidesIndexes === 'undefined' || slidesIndexes === null)
+ return;
+ let activeIndex = swiper.activeIndex;
+ const shiftCacheDownFrom = (removedIndex) => {
+ Object.keys(swiper.virtual.cache).forEach((key) => {
+ const numericKey = Number(key);
+ if (numericKey > removedIndex) {
+ const shifted = swiper.virtual.cache[numericKey];
+ swiper.virtual.cache[numericKey - 1] = shifted;
+ shifted.setAttribute('data-swiper-slide-index', String(numericKey - 1));
+ delete swiper.virtual.cache[numericKey];
+ }
+ });
+ };
+ if (Array.isArray(slidesIndexes)) {
+ for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
+ if (getParams().cache) {
+ delete swiper.virtual.cache[slidesIndexes[i]];
+ shiftCacheDownFrom(slidesIndexes[i]);
+ }
+ swiper.virtual.slides.splice(slidesIndexes[i], 1);
+ if (slidesIndexes[i] < activeIndex)
+ activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ }
+ else {
+ if (getParams().cache) {
+ delete swiper.virtual.cache[slidesIndexes];
+ shiftCacheDownFrom(slidesIndexes);
+ }
+ swiper.virtual.slides.splice(slidesIndexes, 1);
+ if (slidesIndexes < activeIndex)
+ activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ update(true);
+ swiper.slideTo(activeIndex, 0);
+ }
+ function removeAllSlides() {
+ swiper.virtual.slides = [];
+ if (getParams().cache) {
+ swiper.virtual.cache = {};
+ }
+ update(true);
+ swiper.slideTo(0, 0);
+ }
+ on('beforeInit', () => {
+ if (!getParams().enabled)
+ return;
+ let domSlidesAssigned = false;
+ const passedVirtual = swiper.passedParams.virtual;
+ const passedSlidesUndefined = !passedVirtual || typeof passedVirtual !== 'object' || passedVirtual.slides === undefined;
+ if (passedSlidesUndefined) {
+ const slides = [...swiper.slidesEl.children].filter((el) => el.matches(`.${swiper.params.slideClass}, swiper-slide`));
+ if (slides && slides.length) {
+ swiper.virtual.slides = [...slides];
+ domSlidesAssigned = true;
+ slides.forEach((slideEl, slideIndex) => {
+ slideEl.setAttribute('data-swiper-slide-index', String(slideIndex));
+ swiper.virtual.cache[slideIndex] = slideEl;
+ slideEl.remove();
+ });
+ }
+ }
+ if (!domSlidesAssigned) {
+ swiper.virtual.slides = getParams().slides;
+ }
+ swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ update(false, true);
+ });
+ on('setTranslate', () => {
+ if (!getParams().enabled)
+ return;
+ if (swiper.params.cssMode && !swiper._immediateVirtual) {
+ clearTimeout(cssModeTimeout);
+ cssModeTimeout = setTimeout(() => {
+ update();
+ }, 100);
+ }
+ else {
+ update();
+ }
+ });
+ on('init update resize', () => {
+ if (!getParams().enabled)
+ return;
+ if (swiper.params.cssMode) {
+ setCSSProperty(swiper.wrapperEl, '--swiper-virtual-size', `${swiper.virtualSize}px`);
+ }
+ });
+ Object.assign(swiper.virtual, {
+ appendSlide,
+ prependSlide,
+ removeSlide,
+ removeAllSlides,
+ update,
+ });
+ };
- function moduleExtendParams(params, allModulesParams) {
- return function extendParams(obj = {}) {
- const moduleParamName = Object.keys(obj)[0];
- const moduleParams = obj[moduleParamName];
- if (typeof moduleParams !== 'object' || moduleParams === null) {
- extend(allModulesParams, obj);
- return;
- }
- if (params[moduleParamName] === true) {
- params[moduleParamName] = {
- enabled: true
+ const Keyboard = ({ swiper, extendParams, on, emit }) => {
+ extendParams({
+ keyboard: {
+ enabled: false,
+ onlyInViewport: true,
+ pageUpDown: true,
+ speed: undefined,
+ },
+ });
+ function getParams() {
+ return swiper.params.keyboard;
+ }
+ function handle(event) {
+ if (!swiper.enabled)
+ return;
+ const { rtlTranslate: rtl } = swiper;
+ const e = 'originalEvent' in event && event.originalEvent ? event.originalEvent : event;
+ const kc = e.keyCode || e.charCode;
+ const params = getParams();
+ const pageUpDown = !!params.pageUpDown;
+ const isPageUp = pageUpDown && kc === 33;
+ const isPageDown = pageUpDown && kc === 34;
+ const isArrowLeft = kc === 37;
+ const isArrowRight = kc === 39;
+ const isArrowUp = kc === 38;
+ const isArrowDown = kc === 40;
+ // Directions locks
+ if (!swiper.allowSlideNext &&
+ ((swiper.isHorizontal() && isArrowRight) ||
+ (swiper.isVertical() && isArrowDown) ||
+ isPageDown)) {
+ return false;
+ }
+ if (!swiper.allowSlidePrev &&
+ ((swiper.isHorizontal() && isArrowLeft) || (swiper.isVertical() && isArrowUp) || isPageUp)) {
+ return false;
+ }
+ if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
+ return undefined;
+ }
+ const activeElement = document.activeElement;
+ if (activeElement &&
+ (activeElement.isContentEditable ||
+ (activeElement.nodeName &&
+ (activeElement.nodeName.toLowerCase() === 'input' ||
+ activeElement.nodeName.toLowerCase() === 'textarea')))) {
+ return undefined;
+ }
+ if (params.onlyInViewport &&
+ (isPageUp || isPageDown || isArrowLeft || isArrowRight || isArrowUp || isArrowDown)) {
+ 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;
+ }
+ const el = swiper.el;
+ const swiperWidth = el.clientWidth;
+ const swiperHeight = el.clientHeight;
+ const windowWidth = window.innerWidth;
+ const windowHeight = window.innerHeight;
+ const swiperOffset = elementOffset(el);
+ if (rtl)
+ swiperOffset.left -= el.scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiperWidth, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiperHeight],
+ [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight],
+ ];
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ 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;
+ inView = true;
+ }
+ }
+ if (!inView)
+ return undefined;
+ }
+ const speed = params.speed;
+ if (swiper.isHorizontal()) {
+ if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
+ if (e.cancelable)
+ e.preventDefault();
+ }
+ if (((isPageDown || isArrowRight) && !rtl) || ((isPageUp || isArrowLeft) && rtl))
+ swiper.slideNext(speed);
+ if (((isPageUp || isArrowLeft) && !rtl) || ((isPageDown || isArrowRight) && rtl))
+ swiper.slidePrev(speed);
+ }
+ else {
+ if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
+ if (e.cancelable)
+ e.preventDefault();
+ }
+ if (isPageDown || isArrowDown)
+ swiper.slideNext(speed);
+ if (isPageUp || isArrowUp)
+ swiper.slidePrev(speed);
+ }
+ emit('keyPress', kc);
+ return undefined;
+ }
+ function enable() {
+ if (swiper.keyboard.enabled)
+ return;
+ document.addEventListener('keydown', handle);
+ swiper.keyboard.enabled = true;
+ }
+ function disable() {
+ if (!swiper.keyboard.enabled)
+ return;
+ document.removeEventListener('keydown', handle);
+ swiper.keyboard.enabled = false;
+ }
+ swiper.keyboard = {
+ enabled: false,
+ enable,
+ disable,
};
- }
- if (moduleParamName === 'navigation' && params[moduleParamName] && params[moduleParamName].enabled && !params[moduleParamName].prevEl && !params[moduleParamName].nextEl) {
- params[moduleParamName].auto = true;
- }
- if (['pagination', 'scrollbar'].indexOf(moduleParamName) >= 0 && params[moduleParamName] && params[moduleParamName].enabled && !params[moduleParamName].el) {
- params[moduleParamName].auto = true;
- }
- if (!(moduleParamName in params && 'enabled' in moduleParams)) {
- extend(allModulesParams, obj);
- return;
- }
- if (typeof params[moduleParamName] === 'object' && !('enabled' in params[moduleParamName])) {
- params[moduleParamName].enabled = true;
- }
- if (!params[moduleParamName]) params[moduleParamName] = {
- enabled: false
- };
- extend(allModulesParams, obj);
+ on('init', () => {
+ if (getParams().enabled) {
+ enable();
+ }
+ });
+ on('destroy', () => {
+ if (swiper.keyboard.enabled) {
+ disable();
+ }
+ });
};
- }
-
- /* eslint no-param-reassign: "off" */
- const prototypes = {
- eventsEmitter,
- update,
- translate,
- transition,
- slide,
- loop,
- grabCursor,
- events: events$1,
- breakpoints,
- checkOverflow: checkOverflow$1,
- classes
- };
- const extendedDefaults = {};
- class Swiper {
- constructor(...args) {
- let el;
- let params;
- if (args.length === 1 && args[0].constructor && Object.prototype.toString.call(args[0]).slice(8, -1) === 'Object') {
- params = args[0];
- } else {
- [el, params] = args;
- }
- if (!params) params = {};
- params = extend({}, params);
- if (el && !params.el) params.el = el;
- const document = getDocument();
- if (params.el && typeof params.el === 'string' && document.querySelectorAll(params.el).length > 1) {
- const swipers = [];
- document.querySelectorAll(params.el).forEach(containerEl => {
- const newParams = extend({}, params, {
- el: containerEl
- });
- swipers.push(new Swiper(newParams));
- });
- // eslint-disable-next-line no-constructor-return
- return swipers;
- }
-
- // Swiper Instance
- const swiper = this;
- swiper.__swiper__ = true;
- swiper.support = getSupport();
- swiper.device = getDevice({
- userAgent: params.userAgent
- });
- swiper.browser = getBrowser();
- swiper.eventsListeners = {};
- swiper.eventsAnyListeners = [];
- swiper.modules = [...swiper.__modules__];
- if (params.modules && Array.isArray(params.modules)) {
- params.modules.forEach(mod => {
- if (typeof mod === 'function' && swiper.modules.indexOf(mod) < 0) {
- swiper.modules.push(mod);
- }
- });
- }
- const allModulesParams = {};
- swiper.modules.forEach(mod => {
- mod({
- params,
- swiper,
- extendParams: moduleExtendParams(params, allModulesParams),
- on: swiper.on.bind(swiper),
- once: swiper.once.bind(swiper),
- off: swiper.off.bind(swiper),
- emit: swiper.emit.bind(swiper)
- });
- });
-
- // Extend defaults with modules params
- const swiperParams = extend({}, defaults, allModulesParams);
-
- // Extend defaults with passed params
- swiper.params = extend({}, swiperParams, extendedDefaults, params);
- swiper.originalParams = extend({}, swiper.params);
- swiper.passedParams = extend({}, params);
-
- // add event listeners
- if (swiper.params && swiper.params.on) {
- Object.keys(swiper.params.on).forEach(eventName => {
- swiper.on(eventName, swiper.params.on[eventName]);
- });
- }
- if (swiper.params && swiper.params.onAny) {
- swiper.onAny(swiper.params.onAny);
- }
-
- // Extend Swiper
- Object.assign(swiper, {
- enabled: swiper.params.enabled,
- el,
- // Classes
- classNames: [],
- // Slides
- slides: [],
- slidesGrid: [],
- snapGrid: [],
- slidesSizesGrid: [],
- // isDirection
- isHorizontal() {
- return swiper.params.direction === 'horizontal';
- },
- isVertical() {
- return swiper.params.direction === 'vertical';
- },
- // Indexes
- activeIndex: 0,
- realIndex: 0,
- //
- isBeginning: true,
- isEnd: false,
- // Props
- translate: 0,
- previousTranslate: 0,
- progress: 0,
- velocity: 0,
- animating: false,
- cssOverflowAdjustment() {
- // Returns 0 unless `translate` is > 2**23
- // Should be subtracted from css values to prevent overflow
- return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
- },
- // Locks
- allowSlideNext: swiper.params.allowSlideNext,
- allowSlidePrev: swiper.params.allowSlidePrev,
- // Touch Events
- touchEventsData: {
- isTouched: undefined,
- isMoved: undefined,
- allowTouchCallbacks: undefined,
- touchStartTime: undefined,
- isScrolling: undefined,
- currentTranslate: undefined,
- startTranslate: undefined,
- allowThresholdMove: undefined,
- // Form elements to match
- focusableElements: swiper.params.focusableElements,
- // Last click time
- lastClickTime: 0,
- clickTimeout: undefined,
- // Velocities
- velocities: [],
- allowMomentumBounce: undefined,
- startMoving: undefined,
- pointerId: null,
- touchId: null
- },
- // Clicks
- allowClick: true,
- // Touches
- allowTouchMove: swiper.params.allowTouchMove,
- touches: {
- startX: 0,
- startY: 0,
- currentX: 0,
- currentY: 0,
- diff: 0
- },
- // Images
- imagesToLoad: [],
- imagesLoaded: 0
- });
- swiper.emit('_swiper');
-
- // Init
- if (swiper.params.init) {
- swiper.init();
- }
-
- // Return app instance
- // eslint-disable-next-line no-constructor-return
- return swiper;
- }
- getDirectionLabel(property) {
- if (this.isHorizontal()) {
- return property;
- }
- // prettier-ignore
- return {
- 'width': 'height',
- 'margin-top': 'margin-left',
- 'margin-bottom ': 'margin-right',
- 'margin-left': 'margin-top',
- 'margin-right': 'margin-bottom',
- 'padding-left': 'padding-top',
- 'padding-right': 'padding-bottom',
- 'marginRight': 'marginBottom'
- }[property];
- }
- getSlideIndex(slideEl) {
- const {
- slidesEl,
- params
- } = this;
- const slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
- const firstSlideIndex = elementIndex(slides[0]);
- return elementIndex(slideEl) - firstSlideIndex;
- }
- getSlideIndexByData(index) {
- return this.getSlideIndex(this.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') * 1 === index));
- }
- getSlideIndexWhenGrid(index) {
- if (this.grid && this.params.grid && this.params.grid.rows > 1) {
- if (this.params.grid.fill === 'column') {
- index = Math.floor(index / this.params.grid.rows);
- } else if (this.params.grid.fill === 'row') {
- index = index % Math.ceil(this.slides.length / this.params.grid.rows);
- }
- }
- return index;
- }
- recalcSlides() {
- const swiper = this;
- const {
- slidesEl,
- params
- } = swiper;
- swiper.slides = elementChildren(slidesEl, `.${params.slideClass}, swiper-slide`);
- }
- enable() {
- const swiper = this;
- if (swiper.enabled) return;
- swiper.enabled = true;
- if (swiper.params.grabCursor) {
- swiper.setGrabCursor();
- }
- swiper.emit('enable');
- }
- disable() {
- const swiper = this;
- if (!swiper.enabled) return;
- swiper.enabled = false;
- if (swiper.params.grabCursor) {
- swiper.unsetGrabCursor();
- }
- swiper.emit('disable');
- }
- setProgress(progress, speed) {
- const swiper = this;
- progress = Math.min(Math.max(progress, 0), 1);
- const min = swiper.minTranslate();
- const max = swiper.maxTranslate();
- const current = (max - min) * progress + min;
- swiper.translateTo(current, typeof speed === 'undefined' ? 0 : speed);
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- }
- emitContainerClasses() {
- const swiper = this;
- if (!swiper.params._emitClasses || !swiper.el) return;
- const cls = swiper.el.className.split(' ').filter(className => {
- return className.indexOf('swiper') === 0 || className.indexOf(swiper.params.containerModifierClass) === 0;
- });
- swiper.emit('_containerClasses', cls.join(' '));
- }
- getSlideClasses(slideEl) {
- const swiper = this;
- if (swiper.destroyed) return '';
- return slideEl.className.split(' ').filter(className => {
- return className.indexOf('swiper-slide') === 0 || className.indexOf(swiper.params.slideClass) === 0;
- }).join(' ');
- }
- emitSlidesClasses() {
- const swiper = this;
- if (!swiper.params._emitClasses || !swiper.el) return;
- const updates = [];
- swiper.slides.forEach(slideEl => {
- const classNames = swiper.getSlideClasses(slideEl);
- updates.push({
- slideEl,
- classNames
- });
- swiper.emit('_slideClass', slideEl, classNames);
- });
- swiper.emit('_slideClasses', updates);
- }
- slidesPerViewDynamic(view = 'current', exact = false) {
- const swiper = this;
- const {
- params,
- slides,
- slidesGrid,
- slidesSizesGrid,
- size: swiperSize,
- activeIndex
- } = swiper;
- let spv = 1;
- if (typeof params.slidesPerView === 'number') return params.slidesPerView;
- if (params.centeredSlides) {
- let slideSize = slides[activeIndex] ? Math.ceil(slides[activeIndex].swiperSlideSize) : 0;
- let breakLoop;
- for (let i = activeIndex + 1; i < slides.length; i += 1) {
- if (slides[i] && !breakLoop) {
- slideSize += Math.ceil(slides[i].swiperSlideSize);
- spv += 1;
- if (slideSize > swiperSize) breakLoop = true;
- }
- }
- for (let i = activeIndex - 1; i >= 0; i -= 1) {
- if (slides[i] && !breakLoop) {
- slideSize += slides[i].swiperSlideSize;
- spv += 1;
- if (slideSize > swiperSize) breakLoop = true;
- }
- }
- } else {
- // eslint-disable-next-line
- if (view === 'current') {
- for (let i = activeIndex + 1; i < slides.length; i += 1) {
- const slideInView = exact ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] < swiperSize : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;
- if (slideInView) {
- spv += 1;
- }
- }
- } else {
- // previous
- for (let i = activeIndex - 1; i >= 0; i -= 1) {
- const slideInView = slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;
- if (slideInView) {
- spv += 1;
- }
- }
- }
- }
- return spv;
- }
- update() {
- const swiper = this;
- if (!swiper || swiper.destroyed) return;
- const {
- snapGrid,
- params
- } = 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();
- swiper.updateSlidesClasses();
- function setTranslate() {
- const translateValue = swiper.rtlTranslate ? swiper.translate * -1 : swiper.translate;
- const newTranslate = Math.min(Math.max(translateValue, swiper.maxTranslate()), swiper.minTranslate());
- swiper.setTranslate(newTranslate);
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- }
- let translated;
- if (params.freeMode && params.freeMode.enabled && !params.cssMode) {
- setTranslate();
- if (params.autoHeight) {
- swiper.updateAutoHeight();
- }
- } else {
- if ((params.slidesPerView === 'auto' || params.slidesPerView > 1) && swiper.isEnd && !params.centeredSlides) {
- const slides = swiper.virtual && params.virtual.enabled ? swiper.virtual.slides : swiper.slides;
- translated = swiper.slideTo(slides.length - 1, 0, false, true);
- } else {
- translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
- }
- if (!translated) {
- setTranslate();
- }
- }
- if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
- swiper.checkOverflow();
- }
- swiper.emit('update');
- }
- changeDirection(newDirection, needUpdate = true) {
- const swiper = this;
- const currentDirection = swiper.params.direction;
- if (!newDirection) {
- // eslint-disable-next-line
- newDirection = currentDirection === 'horizontal' ? 'vertical' : 'horizontal';
- }
- if (newDirection === currentDirection || newDirection !== 'horizontal' && newDirection !== 'vertical') {
- return swiper;
- }
- swiper.el.classList.remove(`${swiper.params.containerModifierClass}${currentDirection}`);
- swiper.el.classList.add(`${swiper.params.containerModifierClass}${newDirection}`);
- swiper.emitContainerClasses();
- swiper.params.direction = newDirection;
- swiper.slides.forEach(slideEl => {
- if (newDirection === 'vertical') {
- slideEl.style.width = '';
- } else {
- slideEl.style.height = '';
- }
- });
- swiper.emit('changeDirection');
- if (needUpdate) swiper.update();
- return swiper;
- }
- changeLanguageDirection(direction) {
- const swiper = this;
- if (swiper.rtl && direction === 'rtl' || !swiper.rtl && direction === 'ltr') return;
- swiper.rtl = direction === 'rtl';
- swiper.rtlTranslate = swiper.params.direction === 'horizontal' && swiper.rtl;
- if (swiper.rtl) {
- swiper.el.classList.add(`${swiper.params.containerModifierClass}rtl`);
- swiper.el.dir = 'rtl';
- } else {
- swiper.el.classList.remove(`${swiper.params.containerModifierClass}rtl`);
- swiper.el.dir = 'ltr';
- }
- swiper.update();
- }
- mount(element) {
- const swiper = this;
- if (swiper.mounted) return true;
-
- // Find el
- let el = element || swiper.params.el;
- if (typeof el === 'string') {
- el = document.querySelector(el);
- }
- if (!el) {
- return false;
- }
- el.swiper = swiper;
- if (el.parentNode && el.parentNode.host && el.parentNode.host.nodeName === swiper.params.swiperElementNodeName.toUpperCase()) {
- swiper.isElement = true;
- }
- const getWrapperSelector = () => {
- return `.${(swiper.params.wrapperClass || '').trim().split(' ').join('.')}`;
- };
- const getWrapper = () => {
- if (el && el.shadowRoot && el.shadowRoot.querySelector) {
- const res = el.shadowRoot.querySelector(getWrapperSelector());
- // Children needs to return slot items
- return res;
- }
- return elementChildren(el, getWrapperSelector())[0];
- };
- // Find Wrapper
- let wrapperEl = getWrapper();
- if (!wrapperEl && swiper.params.createElements) {
- wrapperEl = createElement('div', swiper.params.wrapperClass);
- el.append(wrapperEl);
- elementChildren(el, `.${swiper.params.slideClass}`).forEach(slideEl => {
- wrapperEl.append(slideEl);
- });
- }
- Object.assign(swiper, {
- el,
- wrapperEl,
- slidesEl: swiper.isElement && !el.parentNode.host.slideSlots ? el.parentNode.host : wrapperEl,
- hostEl: swiper.isElement ? el.parentNode.host : el,
- mounted: true,
- // RTL
- rtl: el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl',
- rtlTranslate: swiper.params.direction === 'horizontal' && (el.dir.toLowerCase() === 'rtl' || elementStyle(el, 'direction') === 'rtl'),
- wrongRTL: elementStyle(wrapperEl, 'display') === '-webkit-box'
- });
- return true;
- }
- init(el) {
- const swiper = this;
- if (swiper.initialized) return swiper;
- const mounted = swiper.mount(el);
- if (mounted === false) return swiper;
- swiper.emit('beforeInit');
-
- // Set breakpoint
- if (swiper.params.breakpoints) {
- swiper.setBreakpoint();
- }
- // Add Classes
- swiper.addClasses();
-
- // Update size
- swiper.updateSize();
-
- // Update slides
- swiper.updateSlides();
- if (swiper.params.watchOverflow) {
- swiper.checkOverflow();
- }
-
- // Set Grab Cursor
- if (swiper.params.grabCursor && swiper.enabled) {
- swiper.setGrabCursor();
- }
-
- // 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
- if (swiper.params.loop) {
- swiper.loopCreate(undefined, true);
- }
-
- // Attach events
- swiper.attachEvents();
- const lazyElements = [...swiper.el.querySelectorAll('[loading="lazy"]')];
- if (swiper.isElement) {
- lazyElements.push(...swiper.hostEl.querySelectorAll('[loading="lazy"]'));
- }
- lazyElements.forEach(imageEl => {
- if (imageEl.complete) {
- processLazyPreloader(swiper, imageEl);
- } else {
- imageEl.addEventListener('load', e => {
- processLazyPreloader(swiper, e.target);
- });
- }
- });
- preload(swiper);
-
- // Init Flag
- swiper.initialized = true;
- preload(swiper);
-
- // Emit
- swiper.emit('init');
- swiper.emit('afterInit');
- return swiper;
- }
- destroy(deleteInstance = true, cleanStyles = true) {
- const swiper = this;
- const {
- params,
- el,
- wrapperEl,
- slides
- } = swiper;
- if (typeof swiper.params === 'undefined' || swiper.destroyed) {
- return null;
- }
- swiper.emit('beforeDestroy');
-
- // Init Flag
- swiper.initialized = false;
-
- // Detach events
- swiper.detachEvents();
-
- // Destroy loop
- if (params.loop) {
- swiper.loopDestroy();
- }
-
- // Cleanup styles
- if (cleanStyles) {
- swiper.removeClasses();
- if (el && typeof el !== 'string') {
- el.removeAttribute('style');
- }
- if (wrapperEl) {
- wrapperEl.removeAttribute('style');
- }
- if (slides && slides.length) {
- slides.forEach(slideEl => {
- slideEl.classList.remove(params.slideVisibleClass, params.slideFullyVisibleClass, params.slideActiveClass, params.slideNextClass, params.slidePrevClass);
- slideEl.removeAttribute('style');
- slideEl.removeAttribute('data-swiper-slide-index');
- });
+ const Mousewheel = ({ swiper, extendParams, on, emit }) => {
+ extendParams({
+ mousewheel: {
+ enabled: false,
+ releaseOnEdges: false,
+ invert: false,
+ forceToAxis: false,
+ sensitivity: 1,
+ eventsTarget: 'container',
+ thresholdDelta: null,
+ thresholdTime: null,
+ noMousewheelClass: 'swiper-no-mousewheel',
+ },
+ });
+ let timeout;
+ let lastScrollTime = now();
+ let lastEventBeforeSnap;
+ let mouseEntered = false;
+ const recentWheelEvents = [];
+ function getParams() {
+ return swiper.params.mousewheel;
+ }
+ function normalize(e) {
+ // Reasonable defaults
+ const PIXEL_STEP = 10;
+ const LINE_HEIGHT = 40;
+ const PAGE_HEIGHT = 800;
+ const ev = e;
+ let sX = 0;
+ let sY = 0; // spinX, spinY
+ let pX = 0;
+ let pY = 0; // pixelX, pixelY
+ // Legacy
+ if (ev.detail !== undefined) {
+ sY = ev.detail;
+ }
+ if (ev.wheelDelta !== undefined) {
+ sY = -ev.wheelDelta / 120;
+ }
+ if (ev.wheelDeltaY !== undefined) {
+ sY = -ev.wheelDeltaY / 120;
+ }
+ if (ev.wheelDeltaX !== undefined) {
+ sX = -ev.wheelDeltaX / 120;
+ }
+ // side scrolling on FF with DOMMouseScroll
+ if (ev.axis !== undefined &&
+ ev.HORIZONTAL_AXIS !== undefined &&
+ ev.axis === ev.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+ pX = sX * PIXEL_STEP;
+ pY = sY * PIXEL_STEP;
+ if (ev.deltaY !== undefined) {
+ pY = ev.deltaY;
+ }
+ if (ev.deltaX !== undefined) {
+ pX = ev.deltaX;
+ }
+ if (ev.shiftKey && !pX) {
+ // if user scrolls with shift he wants horizontal scroll
+ pX = pY;
+ pY = 0;
+ }
+ if ((pX || pY) && ev.deltaMode) {
+ if (ev.deltaMode === 1) {
+ // delta in LINE units
+ pX *= LINE_HEIGHT;
+ pY *= LINE_HEIGHT;
+ }
+ else {
+ // delta in PAGE units
+ pX *= PAGE_HEIGHT;
+ pY *= PAGE_HEIGHT;
+ }
+ }
+ // Fall-back if spin cannot be determined
+ if (pX && !sX) {
+ sX = pX < 1 ? -1 : 1;
+ }
+ if (pY && !sY) {
+ sY = pY < 1 ? -1 : 1;
+ }
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY,
+ };
}
- }
- swiper.emit('destroy');
+ function handleMouseEnter() {
+ if (!swiper.enabled)
+ return;
+ mouseEntered = true;
+ }
+ function handleMouseLeave() {
+ if (!swiper.enabled)
+ return;
+ mouseEntered = false;
+ }
+ function animateSlider(newEvent) {
+ const params = getParams();
+ if (params.thresholdDelta && newEvent.delta < params.thresholdDelta) {
+ // Prevent if delta of wheel scroll delta is below configured threshold
+ return false;
+ }
+ if (params.thresholdTime && now() - lastScrollTime < params.thresholdTime) {
+ // Prevent if time between scrolls is below configured threshold
+ return false;
+ }
+ // 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 (newEvent.direction < 0) {
+ if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
+ swiper.slideNext();
+ emit('scroll', newEvent.raw);
+ }
+ }
+ 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
+ return false;
+ }
+ function releaseScroll(newEvent) {
+ const params = getParams();
+ if (newEvent.direction < 0) {
+ if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ }
+ else if (swiper.isBeginning && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ return false;
+ }
+ function handle(event) {
+ let e = 'originalEvent' in event && event.originalEvent ? event.originalEvent : event;
+ let disableParentSwiper = true;
+ if (!swiper.enabled)
+ return false;
+ // Ignore event if the target or its parents have the swiper-no-mousewheel class
+ const params = getParams();
+ if (event.target.closest(`.${params.noMousewheelClass}`))
+ return false;
+ if (swiper.params.cssMode) {
+ e.preventDefault();
+ }
+ let targetEl = swiper.el;
+ if (params.eventsTarget !== 'container') {
+ targetEl = document.querySelector(params.eventsTarget);
+ }
+ const targetElContainsTarget = targetEl && targetEl.contains(e.target);
+ if (!mouseEntered && !targetElContainsTarget && !params.releaseOnEdges)
+ return true;
+ let delta = 0;
+ const rtlFactor = swiper.rtlTranslate ? -1 : 1;
+ const data = normalize(e);
+ if (params.forceToAxis) {
+ if (swiper.isHorizontal()) {
+ if (Math.abs(data.pixelX) > Math.abs(data.pixelY))
+ delta = -data.pixelX * rtlFactor;
+ else
+ return true;
+ }
+ else if (Math.abs(data.pixelY) > Math.abs(data.pixelX))
+ delta = -data.pixelY;
+ else
+ return true;
+ }
+ else {
+ 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
+ let positions = swiper.getTranslate() + delta * (params.sensitivity ?? 1);
+ if (positions >= swiper.minTranslate())
+ positions = swiper.minTranslate();
+ 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();
+ const freeModeParams = swiper.params.freeMode;
+ if (!swiper.params.freeMode || !freeModeParams?.enabled) {
+ // Register the new event in a variable which stores the relevant data
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ raw: event,
+ };
+ // 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 (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 (releaseScroll(newEvent)) {
+ return true;
+ }
+ }
+ else {
+ // Freemode or scrollContainer:
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ };
+ const ignoreWheelEvents = lastEventBeforeSnap &&
+ newEvent.time < lastEventBeforeSnap.time + 500 &&
+ newEvent.delta <= lastEventBeforeSnap.delta &&
+ newEvent.direction === lastEventBeforeSnap.direction;
+ if (!ignoreWheelEvents) {
+ lastEventBeforeSnap = undefined;
+ let position = swiper.getTranslate() + delta * (params.sensitivity ?? 1);
+ const wasBeginning = swiper.isBeginning;
+ const wasEnd = swiper.isEnd;
+ if (position >= swiper.minTranslate())
+ position = swiper.minTranslate();
+ if (position <= swiper.maxTranslate())
+ position = swiper.maxTranslate();
+ swiper.setTransition(0);
+ swiper.setTranslate(position);
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ if ((!wasBeginning && swiper.isBeginning) || (!wasEnd && swiper.isEnd)) {
+ swiper.updateSlidesClasses();
+ }
+ if (swiper.params.loop) {
+ swiper.loopFix({
+ direction: newEvent.direction < 0 ? 'next' : 'prev',
+ byMousewheel: true,
+ });
+ }
+ if (freeModeParams?.sticky) {
+ clearTimeout(timeout);
+ timeout = undefined;
+ if (recentWheelEvents.length >= 15) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ const firstEvent = recentWheelEvents[0];
+ recentWheelEvents.push(newEvent);
+ if (prevEvent &&
+ (newEvent.delta > prevEvent.delta || newEvent.direction !== prevEvent.direction)) {
+ // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
+ recentWheelEvents.splice(0);
+ }
+ else if (recentWheelEvents.length >= 15 &&
+ firstEvent &&
+ newEvent.time - firstEvent.time < 500 &&
+ firstEvent.delta - newEvent.delta >= 1 &&
+ newEvent.delta <= 6) {
+ const snapToThreshold = delta > 0 ? 0.8 : 0.2;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ timeout = nextTick(() => {
+ if (swiper.destroyed || !swiper.params)
+ return;
+ swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
+ }, 0); // no delay; move on next tick
+ }
+ if (!timeout) {
+ timeout = nextTick(() => {
+ if (swiper.destroyed || !swiper.params)
+ return;
+ const snapToThreshold = 0.5;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
+ }, 500);
+ }
+ }
+ // Emit event
+ if (!ignoreWheelEvents)
+ emit('scroll', e);
+ // Stop autoplay
+ const autoplayParams = swiper.params.autoplay;
+ if (swiper.params.autoplay && autoplayParams?.disableOnInteraction) {
+ swiper.autoplay.stop();
+ }
+ // Return page scroll on edge positions
+ if (params.releaseOnEdges &&
+ (position === swiper.minTranslate() || position === swiper.maxTranslate())) {
+ return true;
+ }
+ }
+ }
+ if (e.cancelable)
+ e.preventDefault();
+ return false;
+ }
+ function events(method) {
+ const params = getParams();
+ let targetEl = swiper.el;
+ if (params.eventsTarget !== 'container') {
+ targetEl = document.querySelector(params.eventsTarget);
+ }
+ targetEl[method]('mouseenter', handleMouseEnter);
+ targetEl[method]('mouseleave', handleMouseLeave);
+ targetEl[method]('wheel', handle);
+ }
+ function enable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.removeEventListener('wheel', handle);
+ return true;
+ }
+ if (swiper.mousewheel.enabled)
+ return false;
+ events('addEventListener');
+ swiper.mousewheel.enabled = true;
+ return true;
+ }
+ function disable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.addEventListener('wheel', handle);
+ return true;
+ }
+ if (!swiper.mousewheel.enabled)
+ return false;
+ events('removeEventListener');
+ swiper.mousewheel.enabled = false;
+ return true;
+ }
+ on('init', () => {
+ const params = getParams();
+ if (!params.enabled && swiper.params.cssMode) {
+ disable();
+ }
+ if (params.enabled)
+ enable();
+ });
+ swiper.mousewheel = {
+ enabled: false,
+ enable,
+ disable,
+ };
+ on('destroy', () => {
+ if (swiper.params.cssMode) {
+ enable();
+ }
+ if (swiper.mousewheel.enabled)
+ disable();
+ });
+ };
- // Detach emitter events
- Object.keys(swiper.eventsListeners).forEach(eventName => {
- swiper.off(eventName);
- });
- if (deleteInstance !== false) {
- if (swiper.el && typeof swiper.el !== 'string') {
- swiper.el.swiper = null;
- }
- deleteProps(swiper);
- }
- swiper.destroyed = true;
- return null;
- }
- static extendDefaults(newDefaults) {
- extend(extendedDefaults, newDefaults);
- }
- static get extendedDefaults() {
- return extendedDefaults;
- }
- static get defaults() {
- return defaults;
- }
- static installModule(mod) {
- if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = [];
- const modules = Swiper.prototype.__modules__;
- if (typeof mod === 'function' && modules.indexOf(mod) < 0) {
- modules.push(mod);
- }
- }
- static use(module) {
- if (Array.isArray(module)) {
- module.forEach(m => Swiper.installModule(m));
- return Swiper;
- }
- Swiper.installModule(module);
- return Swiper;
- }
- }
- Object.keys(prototypes).forEach(prototypeGroup => {
- Object.keys(prototypes[prototypeGroup]).forEach(protoMethod => {
- Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
- });
- });
- Swiper.use([Resize, Observer]);
+ function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
+ const target = (params ?? {});
+ const original = (originalParams ?? {});
+ if (swiper.params.createElements) {
+ Object.keys(checkProps).forEach((key) => {
+ if (!target[key] && target.auto === true) {
+ let element = elementChildren(swiper.el, `.${checkProps[key]}`)[0];
+ if (!element) {
+ element = createElement('div', checkProps[key]);
+ element.className = checkProps[key];
+ swiper.el.append(element);
+ }
+ target[key] = element;
+ original[key] = element;
+ }
+ });
+ }
+ return target;
+ }
+
+ const arrowSvg = ``;
+ const Navigation = ({ swiper, extendParams, on, emit }) => {
+ extendParams({
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+ addIcons: true,
+ hideOnClick: false,
+ disabledClass: 'swiper-button-disabled',
+ hiddenClass: 'swiper-button-hidden',
+ lockClass: 'swiper-button-lock',
+ navigationDisabledClass: 'swiper-navigation-disabled',
+ },
+ });
+ // Initialized as a partial; remaining methods (update, init, destroy,
+ // enable, disable) attach after their definitions below.
+ swiper.navigation = {
+ nextEl: null,
+ prevEl: null,
+ arrowSvg,
+ };
+ function getParams() {
+ return swiper.params.navigation;
+ }
+ function getEl(el) {
+ let res;
+ if (el && typeof el === 'string' && swiper.isElement) {
+ res = (swiper.el.querySelector(el) || swiper.hostEl.querySelector(el));
+ if (res)
+ return res;
+ }
+ if (el) {
+ if (typeof el === 'string')
+ res = [...document.querySelectorAll(el)];
+ if (swiper.params.uniqueNavElements &&
+ typeof el === 'string' &&
+ res &&
+ res.length > 1 &&
+ swiper.el.querySelectorAll(el).length === 1) {
+ res = swiper.el.querySelector(el);
+ }
+ else if (res && res.length === 1) {
+ res = res[0];
+ }
+ }
+ if (el && !res)
+ return el;
+ return res;
+ }
+ function toggleEl(el, disabled) {
+ const params = getParams();
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ if (subEl) {
+ 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);
+ }
+ }
+ });
+ }
+ function update() {
+ // Update Navigation Buttons
+ const { nextEl, prevEl } = swiper.navigation;
+ if (swiper.params.loop) {
+ toggleEl(prevEl, false);
+ toggleEl(nextEl, false);
+ return;
+ }
+ toggleEl(prevEl, swiper.isBeginning && !swiper.params.rewind);
+ toggleEl(nextEl, swiper.isEnd && !swiper.params.rewind);
+ }
+ function onPrevClick(e) {
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
+ return;
+ swiper.slidePrev();
+ emit('navigationPrev');
+ }
+ function onNextClick(e) {
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind)
+ return;
+ swiper.slideNext();
+ emit('navigationNext');
+ }
+ function init() {
+ swiper.params.navigation = createElementIfNotDefined(swiper, swiper.originalParams.navigation, swiper.params.navigation, {
+ nextEl: 'swiper-button-next',
+ prevEl: 'swiper-button-prev',
+ });
+ const params = getParams();
+ if (!(params.nextEl || params.prevEl))
+ return;
+ const nextEl = getEl(params.nextEl);
+ const prevEl = getEl(params.prevEl);
+ Object.assign(swiper.navigation, {
+ nextEl,
+ prevEl,
+ });
+ const nextEls = makeElementsArray(nextEl);
+ const prevEls = makeElementsArray(prevEl);
+ const initButton = (el, dir) => {
+ if (el) {
+ if (params.addIcons &&
+ el.matches('.swiper-button-next,.swiper-button-prev') &&
+ !el.querySelector('svg')) {
+ const tempEl = document.createElement('div');
+ setInnerHTML(tempEl, arrowSvg);
+ const svgEl = tempEl.querySelector('svg');
+ if (svgEl)
+ el.appendChild(svgEl);
+ tempEl.remove();
+ }
+ el.addEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
+ }
+ if (!swiper.enabled && el) {
+ el.classList.add(...params.lockClass.split(' '));
+ }
+ };
+ nextEls.forEach((el) => initButton(el, 'next'));
+ prevEls.forEach((el) => initButton(el, 'prev'));
+ }
+ function destroy() {
+ const params = getParams();
+ const { nextEl, prevEl } = swiper.navigation;
+ const nextEls = makeElementsArray(nextEl);
+ const prevEls = makeElementsArray(prevEl);
+ const destroyButton = (el, dir) => {
+ el.removeEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
+ el.classList.remove(...params.disabledClass.split(' '));
+ };
+ nextEls.forEach((el) => destroyButton(el, 'next'));
+ prevEls.forEach((el) => destroyButton(el, 'prev'));
+ }
+ on('init', () => {
+ if (getParams().enabled === false) {
+ disable();
+ }
+ else {
+ init();
+ update();
+ }
+ });
+ on('toEdge fromEdge lock unlock', () => {
+ update();
+ });
+ on('destroy', () => {
+ destroy();
+ });
+ on('enable disable', () => {
+ const params = getParams();
+ const { nextEl, prevEl } = swiper.navigation;
+ const nextEls = makeElementsArray(nextEl);
+ const prevEls = makeElementsArray(prevEl);
+ if (swiper.enabled) {
+ update();
+ return;
+ }
+ [...nextEls, ...prevEls]
+ .filter((el) => !!el)
+ .forEach((el) => el.classList.add(params.lockClass));
+ });
+ on('click', (_s, e) => {
+ const params = getParams();
+ const { nextEl, prevEl } = swiper.navigation;
+ const nextEls = makeElementsArray(nextEl);
+ const prevEls = makeElementsArray(prevEl);
+ const targetEl = e.target;
+ let targetIsButton = prevEls.includes(targetEl) || nextEls.includes(targetEl);
+ if (swiper.isElement && !targetIsButton) {
+ const path = e.composedPath ? e.composedPath() : [];
+ if (path.length) {
+ targetIsButton = path.find((pathEl) => nextEls.includes(pathEl) || prevEls.includes(pathEl));
+ }
+ }
+ if (params.hideOnClick && !targetIsButton) {
+ if (swiper.pagination &&
+ swiper.params.pagination &&
+ swiper.params.pagination.clickable &&
+ (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl)))
+ return;
+ let isHidden;
+ if (nextEls.length) {
+ isHidden = nextEls[0].classList.contains(params.hiddenClass);
+ }
+ else if (prevEls.length) {
+ isHidden = prevEls[0].classList.contains(params.hiddenClass);
+ }
+ if (isHidden === true) {
+ emit('navigationShow');
+ }
+ else {
+ emit('navigationHide');
+ }
+ [...nextEls, ...prevEls]
+ .filter((el) => !!el)
+ .forEach((el) => el.classList.toggle(params.hiddenClass));
+ }
+ });
+ const enable = () => {
+ const params = getParams();
+ swiper.el.classList.remove(...params.navigationDisabledClass.split(' '));
+ init();
+ update();
+ };
+ const disable = () => {
+ const params = getParams();
+ swiper.el.classList.add(...params.navigationDisabledClass.split(' '));
+ destroy();
+ };
+ Object.assign(swiper.navigation, {
+ enable,
+ disable,
+ update,
+ init,
+ destroy,
+ });
+ };
- function Virtual({
- swiper,
- extendParams,
- on,
- emit
- }) {
- extendParams({
- virtual: {
- enabled: false,
- slides: [],
- cache: true,
- slidesPerViewAutoSlideSize: 320,
- renderSlide: null,
- renderExternal: null,
- renderExternalUpdate: true,
- addSlidesBefore: 0,
- addSlidesAfter: 0
- }
- });
- let cssModeTimeout;
- const document = getDocument();
- swiper.virtual = {
- cache: {},
- from: undefined,
- to: undefined,
- slides: [],
- offset: 0,
- slidesGrid: []
+ function classesToSelector(classes = '') {
+ return `.${classes
+ .trim()
+ .replace(/([.:!+/()[\]#>~*^$|=,'"@{}\\])/g, '\\$1')
+ .replace(/ /g, '.')}`;
+ }
+
+ const isVirtualEnabled$2 = (swiper) => !!swiper.virtual && !!swiper.params.virtual?.enabled;
+ const isFreeModeEnabled = (swiper) => !!swiper.params.freeMode?.enabled;
+ // Slides count for bullets/fraction/progressbar totals: with grid rows the
+ // slides that share a column collapse into one snap position.
+ const getSlidesLength = (swiper) => {
+ if (isVirtualEnabled$2(swiper))
+ return swiper.virtual.slides.length;
+ const gridRows = swiper.params.grid?.rows;
+ if (swiper.grid && gridRows && gridRows > 1) {
+ return swiper.slides.length / Math.ceil(gridRows);
+ }
+ return swiper.slides.length;
};
- const tempDOM = document.createElement('div');
- function renderSlide(slide, index) {
- const params = swiper.params.virtual;
- if (params.cache && swiper.virtual.cache[index]) {
- return swiper.virtual.cache[index];
- }
- // eslint-disable-next-line
- let slideEl;
- if (params.renderSlide) {
- slideEl = params.renderSlide.call(swiper, slide, index);
- if (typeof slideEl === 'string') {
- setInnerHTML(tempDOM, slideEl);
- slideEl = tempDOM.children[0];
- }
- } else if (swiper.isElement) {
- slideEl = createElement('swiper-slide');
- } else {
- slideEl = createElement('div', swiper.params.slideClass);
- }
- slideEl.setAttribute('data-swiper-slide-index', index);
- if (!params.renderSlide) {
- setInnerHTML(slideEl, slide);
- }
- if (params.cache) {
- swiper.virtual.cache[index] = slideEl;
- }
- return slideEl;
- }
- function update(force, beforeInit, forceActiveIndex) {
- const {
- slidesPerGroup,
- centeredSlides,
- slidesPerView,
- loop: isLoop,
- initialSlide
- } = swiper.params;
- if (beforeInit && !isLoop && initialSlide > 0) {
- return;
- }
- const {
- addSlidesBefore,
- addSlidesAfter,
- slidesPerViewAutoSlideSize
- } = swiper.params.virtual;
- const {
- from: previousFrom,
- to: previousTo,
- slides,
- slidesGrid: previousSlidesGrid,
- offset: previousOffset
- } = swiper.virtual;
- if (!swiper.params.cssMode) {
- swiper.updateActiveIndex();
- }
- const activeIndex = typeof forceActiveIndex === 'undefined' ? swiper.activeIndex || 0 : forceActiveIndex;
- let offsetProp;
- if (swiper.rtlTranslate) offsetProp = 'right';else offsetProp = swiper.isHorizontal() ? 'left' : 'top';
- let slidesPerViewNumeric;
- if (slidesPerView === 'auto') {
- if (slidesPerViewAutoSlideSize) {
- let swiperSize = swiper.size;
- if (!swiperSize) {
- swiperSize = swiper.isHorizontal() ? swiper.el.getBoundingClientRect().width : swiper.el.getBoundingClientRect().height;
- }
- slidesPerViewNumeric = Math.max(1, Math.ceil(swiperSize / slidesPerViewAutoSlideSize));
- } else {
- slidesPerViewNumeric = 1;
- }
- } else {
- slidesPerViewNumeric = slidesPerView;
- }
- let slidesAfter;
- let slidesBefore;
- if (centeredSlides) {
- slidesAfter = Math.floor(slidesPerViewNumeric / 2) + slidesPerGroup + addSlidesAfter;
- slidesBefore = Math.floor(slidesPerViewNumeric / 2) + slidesPerGroup + addSlidesBefore;
- } else {
- slidesAfter = slidesPerViewNumeric + (slidesPerGroup - 1) + addSlidesAfter;
- slidesBefore = (isLoop ? slidesPerViewNumeric : slidesPerGroup) + addSlidesBefore;
- }
- let from = activeIndex - slidesBefore;
- let to = activeIndex + slidesAfter;
- if (!isLoop) {
- from = Math.max(from, 0);
- to = Math.min(to, slides.length - 1);
- }
- let offset = (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
- if (isLoop && activeIndex >= slidesBefore) {
- from -= slidesBefore;
- if (!centeredSlides) offset += swiper.slidesGrid[0];
- } else if (isLoop && activeIndex < slidesBefore) {
- from = -slidesBefore;
- if (centeredSlides) offset += swiper.slidesGrid[0];
- }
- Object.assign(swiper.virtual, {
- from,
- to,
- offset,
- slidesGrid: swiper.slidesGrid,
- slidesBefore,
- slidesAfter
- });
- function onRendered() {
- swiper.updateSlides();
- swiper.updateProgress();
- swiper.updateSlidesClasses();
- emit('virtualUpdate');
- }
- if (previousFrom === from && previousTo === to && !force) {
- if (swiper.slidesGrid !== previousSlidesGrid && offset !== previousOffset) {
- swiper.slides.forEach(slideEl => {
- slideEl.style[offsetProp] = `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`;
- });
- }
- swiper.updateProgress();
- emit('virtualUpdate');
- return;
- }
- if (swiper.params.virtual.renderExternal) {
- swiper.params.virtual.renderExternal.call(swiper, {
- offset,
- from,
- to,
- slides: function getSlides() {
- const slidesToRender = [];
- for (let i = from; i <= to; i += 1) {
- slidesToRender.push(slides[i]);
- }
- return slidesToRender;
- }()
- });
- if (swiper.params.virtual.renderExternalUpdate) {
- onRendered();
- } else {
- emit('virtualUpdate');
- }
- return;
- }
- const prependIndexes = [];
- const appendIndexes = [];
- const getSlideIndex = index => {
- let slideIndex = index;
- if (index < 0) {
- slideIndex = slides.length + index;
- } else if (slideIndex >= slides.length) {
- // eslint-disable-next-line
- slideIndex = slideIndex - slides.length;
- }
- return slideIndex;
- };
- if (force) {
- swiper.slides.filter(el => el.matches(`.${swiper.params.slideClass}, swiper-slide`)).forEach(slideEl => {
- slideEl.remove();
- });
- } else {
- for (let i = previousFrom; i <= previousTo; i += 1) {
- if (i < from || i > to) {
- const slideIndex = getSlideIndex(i);
- swiper.slides.filter(el => el.matches(`.${swiper.params.slideClass}[data-swiper-slide-index="${slideIndex}"], swiper-slide[data-swiper-slide-index="${slideIndex}"]`)).forEach(slideEl => {
- slideEl.remove();
+ const Pagination = ({ swiper, extendParams, on, emit }) => {
+ const pfx = 'swiper-pagination';
+ extendParams({
+ pagination: {
+ el: null,
+ bulletElement: 'span',
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: 'bullets', // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: (number) => number,
+ formatFractionTotal: (number) => number,
+ bulletClass: `${pfx}-bullet`,
+ bulletActiveClass: `${pfx}-bullet-active`,
+ modifierClass: `${pfx}-`,
+ currentClass: `${pfx}-current`,
+ totalClass: `${pfx}-total`,
+ hiddenClass: `${pfx}-hidden`,
+ progressbarFillClass: `${pfx}-progressbar-fill`,
+ progressbarOppositeClass: `${pfx}-progressbar-opposite`,
+ clickableClass: `${pfx}-clickable`,
+ lockClass: `${pfx}-lock`,
+ horizontalClass: `${pfx}-horizontal`,
+ verticalClass: `${pfx}-vertical`,
+ paginationDisabledClass: `${pfx}-disabled`,
+ },
+ });
+ // Initialized as a partial; remaining methods (render, update, init,
+ // destroy, enable, disable) attach after their definitions below.
+ swiper.pagination = {
+ el: null,
+ bullets: [],
+ };
+ let bulletSize;
+ let dynamicBulletIndex = 0;
+ function getParams() {
+ return swiper.params.pagination;
+ }
+ function isPaginationDisabled() {
+ const elParam = getParams().el;
+ return (!elParam ||
+ !swiper.pagination.el ||
+ (Array.isArray(swiper.pagination.el) &&
+ swiper.pagination.el.length === 0));
+ }
+ function setSideBullets(bulletEl, position) {
+ const { bulletActiveClass } = getParams();
+ if (!bulletEl)
+ return;
+ let current = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
+ if (current) {
+ current.classList.add(`${bulletActiveClass}-${position}`);
+ current = current[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
+ if (current) {
+ current.classList.add(`${bulletActiveClass}-${position}-${position}`);
+ }
+ }
+ }
+ function getMoveDirection(prevIndex, nextIndex, length) {
+ prevIndex = prevIndex % length;
+ nextIndex = nextIndex % length;
+ if (nextIndex === prevIndex + 1) {
+ return 'next';
+ }
+ else if (nextIndex === prevIndex - 1) {
+ return 'previous';
+ }
+ return undefined;
+ }
+ function onBulletClick(e) {
+ const targetEl = e.target;
+ const bulletEl = targetEl.closest(classesToSelector(getParams().bulletClass));
+ if (!bulletEl) {
+ return;
+ }
+ e.preventDefault();
+ const index = (elementIndex(bulletEl) ?? 0) * (swiper.params.slidesPerGroup ?? 1);
+ if (swiper.params.loop) {
+ if (swiper.realIndex === index)
+ return;
+ const moveDirection = getMoveDirection(swiper.realIndex, index, swiper.slides.length);
+ if (moveDirection === 'next') {
+ swiper.slideNext();
+ }
+ else if (moveDirection === 'previous') {
+ swiper.slidePrev();
+ }
+ else {
+ swiper.slideToLoop(index);
+ }
+ }
+ else {
+ swiper.slideTo(index);
+ }
+ }
+ function update() {
+ // Render || Update Pagination bullets/items
+ const rtl = swiper.rtl;
+ const params = getParams();
+ if (isPaginationDisabled())
+ return;
+ const els = makeElementsArray(swiper.pagination.el);
+ // Current/Total
+ let current;
+ let previousIndex;
+ const slidesLength = getSlidesLength(swiper);
+ const total = swiper.params.loop
+ ? Math.ceil(slidesLength / (swiper.params.slidesPerGroup ?? 1))
+ : swiper.snapGrid.length;
+ if (swiper.params.loop) {
+ previousIndex = swiper.previousRealIndex || 0;
+ current =
+ (swiper.params.slidesPerGroup ?? 1) > 1
+ ? Math.floor(swiper.realIndex / (swiper.params.slidesPerGroup ?? 1))
+ : swiper.realIndex;
+ }
+ else if (typeof swiper.snapIndex !== 'undefined') {
+ current = swiper.snapIndex;
+ previousIndex = swiper.previousSnapIndex;
+ }
+ else {
+ previousIndex = swiper.previousIndex || 0;
+ current = swiper.activeIndex || 0;
+ }
+ // Types
+ if (params.type === 'bullets' &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length > 0) {
+ const bullets = swiper.pagination.bullets;
+ let firstIndex = 0;
+ let lastIndex = 0;
+ let midIndex = 0;
+ if (params.dynamicBullets) {
+ bulletSize = elementOuterSize(bullets[0], swiper.isHorizontal() ? 'width' : 'height');
+ const dim = swiper.isHorizontal() ? 'width' : 'height';
+ els.forEach((subEl) => {
+ subEl.style[dim] = `${(bulletSize ?? 0) * (params.dynamicMainBullets + 4)}px`;
+ });
+ if (params.dynamicMainBullets > 1 && previousIndex !== undefined) {
+ dynamicBulletIndex += current - (previousIndex || 0);
+ if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
+ dynamicBulletIndex = params.dynamicMainBullets - 1;
+ }
+ else if (dynamicBulletIndex < 0) {
+ dynamicBulletIndex = 0;
+ }
+ }
+ firstIndex = Math.max(current - dynamicBulletIndex, 0);
+ lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+ bullets.forEach((bulletEl) => {
+ const classesToRemove = [
+ '',
+ '-next',
+ '-next-next',
+ '-prev',
+ '-prev-prev',
+ '-main',
+ ]
+ .map((suffix) => `${params.bulletActiveClass}${suffix}`)
+ .flatMap((s) => (typeof s === 'string' && s.includes(' ') ? s.split(' ') : [s]));
+ bulletEl.classList.remove(...classesToRemove);
+ });
+ if (els.length > 1) {
+ bullets.forEach((bullet) => {
+ const bulletIndex = elementIndex(bullet);
+ if (bulletIndex === current) {
+ bullet.classList.add(...params.bulletActiveClass.split(' '));
+ }
+ else if (swiper.isElement) {
+ bullet.setAttribute('part', 'bullet');
+ }
+ if (params.dynamicBullets && bulletIndex !== undefined) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ bullet.classList.add(...`${params.bulletActiveClass}-main`.split(' '));
+ }
+ if (bulletIndex === firstIndex) {
+ setSideBullets(bullet, 'prev');
+ }
+ if (bulletIndex === lastIndex) {
+ setSideBullets(bullet, 'next');
+ }
+ }
+ });
+ }
+ else {
+ const bullet = bullets[current];
+ if (bullet) {
+ bullet.classList.add(...params.bulletActiveClass.split(' '));
+ }
+ if (swiper.isElement) {
+ bullets.forEach((bulletEl, bulletIndex) => {
+ bulletEl.setAttribute('part', bulletIndex === current ? 'bullet-active' : 'bullet');
+ });
+ }
+ if (params.dynamicBullets) {
+ const firstDisplayedBullet = bullets[firstIndex];
+ const lastDisplayedBullet = bullets[lastIndex];
+ for (let i = firstIndex; i <= lastIndex; i += 1) {
+ if (bullets[i]) {
+ bullets[i].classList.add(...`${params.bulletActiveClass}-main`.split(' '));
+ }
+ }
+ setSideBullets(firstDisplayedBullet, 'prev');
+ setSideBullets(lastDisplayedBullet, 'next');
+ }
+ }
+ if (params.dynamicBullets) {
+ const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
+ const bulletsOffset = ((bulletSize ?? 0) * dynamicBulletsLength - (bulletSize ?? 0)) / 2 -
+ midIndex * (bulletSize ?? 0);
+ const offsetProp = rtl ? 'right' : 'left';
+ const positionDim = swiper.isHorizontal() ? offsetProp : 'top';
+ bullets.forEach((bullet) => {
+ bullet.style[positionDim] = `${bulletsOffset}px`;
+ });
+ }
+ }
+ els.forEach((subEl, subElIndex) => {
+ if (params.type === 'fraction') {
+ subEl.querySelectorAll(classesToSelector(params.currentClass)).forEach((fractionEl) => {
+ fractionEl.textContent = String(params.formatFractionCurrent(current + 1));
+ });
+ subEl.querySelectorAll(classesToSelector(params.totalClass)).forEach((totalEl) => {
+ totalEl.textContent = String(params.formatFractionTotal(total));
+ });
+ }
+ if (params.type === 'progressbar') {
+ let progressbarDirection;
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
+ }
+ else {
+ progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
+ }
+ const scale = (current + 1) / total;
+ let scaleX = 1;
+ let scaleY = 1;
+ if (progressbarDirection === 'horizontal') {
+ scaleX = scale;
+ }
+ else {
+ scaleY = scale;
+ }
+ subEl
+ .querySelectorAll(classesToSelector(params.progressbarFillClass))
+ .forEach((progressEl) => {
+ progressEl.style.transform = `translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`;
+ progressEl.style.transitionDuration = `${swiper.params.speed}ms`;
+ });
+ }
+ if (params.type === 'custom' && params.renderCustom) {
+ setInnerHTML(subEl, params.renderCustom(swiper, current + 1, total));
+ if (subElIndex === 0)
+ emit('paginationRender', subEl);
+ }
+ else {
+ if (subElIndex === 0)
+ emit('paginationRender', subEl);
+ emit('paginationUpdate', subEl);
+ }
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);
+ }
});
- }
- }
- }
- const loopFrom = isLoop ? -slides.length : 0;
- const loopTo = isLoop ? slides.length * 2 : slides.length;
- for (let i = loopFrom; i < loopTo; i += 1) {
- if (i >= from && i <= to) {
- const slideIndex = getSlideIndex(i);
- if (typeof previousTo === 'undefined' || force) {
- appendIndexes.push(slideIndex);
- } else {
- if (i > previousTo) appendIndexes.push(slideIndex);
- if (i < previousFrom) prependIndexes.push(slideIndex);
- }
- }
- }
- appendIndexes.forEach(index => {
- swiper.slidesEl.append(renderSlide(slides[index], index));
- });
- if (isLoop) {
- for (let i = prependIndexes.length - 1; i >= 0; i -= 1) {
- const index = prependIndexes[i];
- swiper.slidesEl.prepend(renderSlide(slides[index], index));
- }
- } else {
- prependIndexes.sort((a, b) => b - a);
- prependIndexes.forEach(index => {
- swiper.slidesEl.prepend(renderSlide(slides[index], index));
- });
- }
- elementChildren(swiper.slidesEl, '.swiper-slide, swiper-slide').forEach(slideEl => {
- slideEl.style[offsetProp] = `${offset - Math.abs(swiper.cssOverflowAdjustment())}px`;
- });
- onRendered();
- }
- function appendSlide(slides) {
- if (typeof slides === 'object' && 'length' in slides) {
- for (let i = 0; i < slides.length; i += 1) {
- if (slides[i]) swiper.virtual.slides.push(slides[i]);
}
- } else {
- swiper.virtual.slides.push(slides);
- }
- update(true);
- }
- function prependSlide(slides) {
- const activeIndex = swiper.activeIndex;
- let newActiveIndex = activeIndex + 1;
- let numberOfNewSlides = 1;
- if (Array.isArray(slides)) {
- for (let i = 0; i < slides.length; i += 1) {
- if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
- }
- newActiveIndex = activeIndex + slides.length;
- numberOfNewSlides = slides.length;
- } else {
- swiper.virtual.slides.unshift(slides);
- }
- if (swiper.params.virtual.cache) {
- const cache = swiper.virtual.cache;
- const newCache = {};
- Object.keys(cache).forEach(cachedIndex => {
- const cachedEl = cache[cachedIndex];
- const cachedElIndex = cachedEl.getAttribute('data-swiper-slide-index');
- if (cachedElIndex) {
- cachedEl.setAttribute('data-swiper-slide-index', parseInt(cachedElIndex, 10) + numberOfNewSlides);
- }
- newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = cachedEl;
- });
- swiper.virtual.cache = newCache;
- }
- update(true);
- swiper.slideTo(newActiveIndex, 0);
- }
- function removeSlide(slidesIndexes) {
- if (typeof slidesIndexes === 'undefined' || slidesIndexes === null) return;
- let activeIndex = swiper.activeIndex;
- if (Array.isArray(slidesIndexes)) {
- for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
- if (swiper.params.virtual.cache) {
- delete swiper.virtual.cache[slidesIndexes[i]];
- // shift cache indexes
- Object.keys(swiper.virtual.cache).forEach(key => {
- if (key > slidesIndexes) {
- swiper.virtual.cache[key - 1] = swiper.virtual.cache[key];
- swiper.virtual.cache[key - 1].setAttribute('data-swiper-slide-index', key - 1);
- delete swiper.virtual.cache[key];
- }
+ function render() {
+ // Render Container
+ const params = getParams();
+ if (isPaginationDisabled())
+ return;
+ const slidesLength = getSlidesLength(swiper);
+ const els = makeElementsArray(swiper.pagination.el);
+ let paginationHTML = '';
+ if (params.type === 'bullets') {
+ let numberOfBullets = swiper.params.loop
+ ? Math.ceil(slidesLength / (swiper.params.slidesPerGroup ?? 1))
+ : swiper.snapGrid.length;
+ if (swiper.params.freeMode && isFreeModeEnabled(swiper) && numberOfBullets > slidesLength) {
+ numberOfBullets = slidesLength;
+ }
+ for (let i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
+ }
+ else {
+ // oxfmt-ignore
+ paginationHTML += `<${params.bulletElement} ${swiper.isElement ? 'part="bullet"' : ''} class="${params.bulletClass}">`;
+ }
+ }
+ }
+ if (params.type === 'fraction') {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
+ }
+ else {
+ paginationHTML =
+ `` +
+ ' / ' +
+ ``;
+ }
+ }
+ if (params.type === 'progressbar') {
+ if (params.renderProgressbar) {
+ paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
+ }
+ else {
+ paginationHTML = ``;
+ }
+ }
+ swiper.pagination.bullets = [];
+ els.forEach((subEl) => {
+ if (params.type !== 'custom') {
+ setInnerHTML(subEl, paginationHTML || '');
+ }
+ if (params.type === 'bullets') {
+ swiper.pagination.bullets.push(...Array.from(subEl.querySelectorAll(classesToSelector(params.bulletClass))));
+ }
});
- }
- swiper.virtual.slides.splice(slidesIndexes[i], 1);
- if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
- activeIndex = Math.max(activeIndex, 0);
- }
- } else {
- if (swiper.params.virtual.cache) {
- delete swiper.virtual.cache[slidesIndexes];
- // shift cache indexes
- Object.keys(swiper.virtual.cache).forEach(key => {
- if (key > slidesIndexes) {
- swiper.virtual.cache[key - 1] = swiper.virtual.cache[key];
- swiper.virtual.cache[key - 1].setAttribute('data-swiper-slide-index', key - 1);
- delete swiper.virtual.cache[key];
- }
- });
- }
- swiper.virtual.slides.splice(slidesIndexes, 1);
- if (slidesIndexes < activeIndex) activeIndex -= 1;
- activeIndex = Math.max(activeIndex, 0);
- }
- update(true);
- swiper.slideTo(activeIndex, 0);
- }
- function removeAllSlides() {
- swiper.virtual.slides = [];
- if (swiper.params.virtual.cache) {
- swiper.virtual.cache = {};
- }
- update(true);
- swiper.slideTo(0, 0);
- }
- on('beforeInit', () => {
- if (!swiper.params.virtual.enabled) return;
- let domSlidesAssigned;
- if (typeof swiper.passedParams.virtual.slides === 'undefined') {
- const slides = [...swiper.slidesEl.children].filter(el => el.matches(`.${swiper.params.slideClass}, swiper-slide`));
- if (slides && slides.length) {
- swiper.virtual.slides = [...slides];
- domSlidesAssigned = true;
- slides.forEach((slideEl, slideIndex) => {
- slideEl.setAttribute('data-swiper-slide-index', slideIndex);
- swiper.virtual.cache[slideIndex] = slideEl;
- slideEl.remove();
- });
- }
- }
- if (!domSlidesAssigned) {
- swiper.virtual.slides = swiper.params.virtual.slides;
- }
- swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
- swiper.params.watchSlidesProgress = true;
- swiper.originalParams.watchSlidesProgress = true;
- update(false, true);
- });
- on('setTranslate', () => {
- if (!swiper.params.virtual.enabled) return;
- if (swiper.params.cssMode && !swiper._immediateVirtual) {
- clearTimeout(cssModeTimeout);
- cssModeTimeout = setTimeout(() => {
- update();
- }, 100);
- } else {
- update();
- }
- });
- on('init update resize', () => {
- if (!swiper.params.virtual.enabled) return;
- if (swiper.params.cssMode) {
- setCSSProperty(swiper.wrapperEl, '--swiper-virtual-size', `${swiper.virtualSize}px`);
- }
- });
- Object.assign(swiper.virtual, {
- appendSlide,
- prependSlide,
- removeSlide,
- removeAllSlides,
- update
- });
- }
-
- /* eslint-disable consistent-return */
- function Keyboard({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const document = getDocument();
- const window = getWindow();
- swiper.keyboard = {
- enabled: false
+ if (params.type !== 'custom') {
+ emit('paginationRender', els[0]);
+ }
+ }
+ function init() {
+ swiper.params.pagination = createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, { el: 'swiper-pagination' });
+ const params = getParams();
+ if (!params.el)
+ return;
+ let el;
+ if (typeof params.el === 'string' && swiper.isElement) {
+ el = swiper.el.querySelector(params.el);
+ }
+ if (!el && typeof params.el === 'string') {
+ el = [...document.querySelectorAll(params.el)];
+ }
+ if (!el) {
+ el = params.el;
+ }
+ if (!el || (Array.isArray(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
+ if (el.length > 1) {
+ const found = el.find((subEl) => {
+ if (elementParents(subEl, '.swiper')[0] !== swiper.el)
+ return false;
+ return true;
+ });
+ if (found)
+ el = found;
+ }
+ }
+ if (Array.isArray(el) && el.length === 1)
+ el = el[0];
+ Object.assign(swiper.pagination, {
+ el,
+ });
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ if (params.type === 'bullets' && params.clickable) {
+ subEl.classList.add(...(params.clickableClass || '').split(' '));
+ }
+ subEl.classList.add(params.modifierClass + params.type);
+ subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+ if (params.type === 'bullets' && params.dynamicBullets) {
+ subEl.classList.add(`${params.modifierClass}${params.type}-dynamic`);
+ dynamicBulletIndex = 0;
+ if (params.dynamicMainBullets < 1) {
+ params.dynamicMainBullets = 1;
+ }
+ }
+ if (params.type === 'progressbar' && params.progressbarOpposite) {
+ subEl.classList.add(params.progressbarOppositeClass);
+ }
+ if (params.clickable) {
+ subEl.addEventListener('click', onBulletClick);
+ }
+ if (!swiper.enabled) {
+ subEl.classList.add(params.lockClass);
+ }
+ });
+ }
+ function destroy() {
+ const params = getParams();
+ if (isPaginationDisabled())
+ return;
+ const el = swiper.pagination.el;
+ if (el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.classList.remove(params.hiddenClass);
+ subEl.classList.remove(params.modifierClass + params.type);
+ subEl.classList.remove(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+ if (params.clickable) {
+ subEl.classList.remove(...(params.clickableClass || '').split(' '));
+ subEl.removeEventListener('click', onBulletClick);
+ }
+ });
+ }
+ if (swiper.pagination.bullets)
+ swiper.pagination.bullets.forEach((subEl) => subEl.classList.remove(...params.bulletActiveClass.split(' ')));
+ }
+ on('changeDirection', () => {
+ if (!swiper.pagination || !swiper.pagination.el)
+ return;
+ const params = getParams();
+ const els = makeElementsArray(swiper.pagination.el);
+ els.forEach((subEl) => {
+ subEl.classList.remove(params.horizontalClass, params.verticalClass);
+ subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+ });
+ });
+ on('init', () => {
+ if (getParams().enabled === false) {
+ disable();
+ }
+ else {
+ init();
+ render();
+ update();
+ }
+ });
+ on('activeIndexChange', () => {
+ if (typeof swiper.snapIndex === 'undefined') {
+ update();
+ }
+ });
+ on('snapIndexChange', () => {
+ update();
+ });
+ on('snapGridLengthChange', () => {
+ render();
+ update();
+ });
+ on('destroy', () => {
+ destroy();
+ });
+ on('enable disable', () => {
+ const { el } = swiper.pagination;
+ if (el) {
+ const params = getParams();
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => subEl.classList[swiper.enabled ? 'remove' : 'add'](params.lockClass));
+ }
+ });
+ on('lock unlock', () => {
+ update();
+ });
+ on('click', (_s, e) => {
+ const targetEl = e.target;
+ const els = makeElementsArray(swiper.pagination.el);
+ const params = getParams();
+ if (params.el &&
+ params.hideOnClick &&
+ els &&
+ els.length > 0 &&
+ !targetEl.classList.contains(params.bulletClass)) {
+ if (swiper.navigation &&
+ ((swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl) ||
+ (swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)))
+ return;
+ const isHidden = els[0].classList.contains(params.hiddenClass);
+ if (isHidden === true) {
+ emit('paginationShow');
+ }
+ else {
+ emit('paginationHide');
+ }
+ els.forEach((subEl) => subEl.classList.toggle(params.hiddenClass));
+ }
+ });
+ const enable = () => {
+ const params = getParams();
+ swiper.el.classList.remove(params.paginationDisabledClass);
+ const { el } = swiper.pagination;
+ if (el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => subEl.classList.remove(params.paginationDisabledClass));
+ }
+ init();
+ render();
+ update();
+ };
+ const disable = () => {
+ const params = getParams();
+ swiper.el.classList.add(params.paginationDisabledClass);
+ const { el } = swiper.pagination;
+ if (el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => subEl.classList.add(params.paginationDisabledClass));
+ }
+ destroy();
+ };
+ Object.assign(swiper.pagination, {
+ enable,
+ disable,
+ render,
+ update,
+ init,
+ destroy,
+ });
};
- extendParams({
- keyboard: {
- enabled: false,
- onlyInViewport: true,
- pageUpDown: true,
- speed: undefined
- }
- });
- function handle(event) {
- if (!swiper.enabled) return;
- const {
- rtlTranslate: rtl
- } = 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;
- const isPageDown = pageUpDown && kc === 34;
- const isArrowLeft = kc === 37;
- const isArrowRight = kc === 39;
- const isArrowUp = kc === 38;
- const isArrowDown = kc === 40;
- // Directions locks
- if (!swiper.allowSlideNext && (swiper.isHorizontal() && isArrowRight || swiper.isVertical() && isArrowDown || isPageDown)) {
- return false;
- }
- if (!swiper.allowSlidePrev && (swiper.isHorizontal() && isArrowLeft || swiper.isVertical() && isArrowUp || isPageUp)) {
- return false;
- }
- if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
- return undefined;
- }
- if (document.activeElement && (document.activeElement.isContentEditable || document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea'))) {
- 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
- if (elementParents(swiper.el, `.${swiper.params.slideClass}, swiper-slide`).length > 0 && elementParents(swiper.el, `.${swiper.params.slideActiveClass}`).length === 0) {
- return undefined;
+
+ const Scrollbar = ({ swiper, extendParams, on, emit }) => {
+ let isTouched = false;
+ let timeout = null;
+ let dragTimeout = null;
+ let dragStartPos = 0;
+ let dragSize = 0;
+ let trackSize = 0;
+ let divider = 0;
+ extendParams({
+ scrollbar: {
+ el: null,
+ dragSize: 'auto',
+ hide: false,
+ draggable: false,
+ snapOnRelease: true,
+ lockClass: 'swiper-scrollbar-lock',
+ dragClass: 'swiper-scrollbar-drag',
+ scrollbarDisabledClass: 'swiper-scrollbar-disabled',
+ horizontalClass: `swiper-scrollbar-horizontal`,
+ verticalClass: `swiper-scrollbar-vertical`,
+ },
+ });
+ // Initialized as a partial; remaining methods (updateSize, setTranslate,
+ // init, destroy, enable, disable) attach after their definitions below.
+ swiper.scrollbar = {
+ el: null,
+ dragEl: null,
+ };
+ function getParams() {
+ return swiper.params.scrollbar;
+ }
+ function setTranslate() {
+ const params = getParams();
+ if (!params.el || !swiper.scrollbar.el)
+ return;
+ const { scrollbar, rtlTranslate: rtl } = swiper;
+ const { dragEl, el } = scrollbar;
+ const progress = swiper.params.loop ? (swiper.progressLoop ?? 0) : swiper.progress;
+ let newSize = dragSize;
+ let newPos = (trackSize - dragSize) * progress;
+ if (rtl) {
+ newPos = -newPos;
+ if (newPos > 0) {
+ newSize = dragSize - newPos;
+ newPos = 0;
+ }
+ else if (-newPos + dragSize > trackSize) {
+ newSize = trackSize + newPos;
+ }
+ }
+ else if (newPos < 0) {
+ newSize = dragSize + newPos;
+ newPos = 0;
+ }
+ else if (newPos + dragSize > trackSize) {
+ newSize = trackSize - newPos;
+ }
+ if (swiper.isHorizontal()) {
+ dragEl.style.transform = `translate3d(${newPos}px, 0, 0)`;
+ dragEl.style.width = `${newSize}px`;
+ }
+ else {
+ dragEl.style.transform = `translate3d(0px, ${newPos}px, 0)`;
+ dragEl.style.height = `${newSize}px`;
+ }
+ if (params.hide) {
+ if (timeout)
+ clearTimeout(timeout);
+ el.style.opacity = '1';
+ timeout = setTimeout(() => {
+ el.style.opacity = '0';
+ el.style.transitionDuration = '400ms';
+ }, 1000);
+ }
}
- const el = swiper.el;
- const swiperWidth = el.clientWidth;
- const swiperHeight = el.clientHeight;
- const windowWidth = window.innerWidth;
- const windowHeight = window.innerHeight;
- const swiperOffset = elementOffset(el);
- if (rtl) swiperOffset.left -= el.scrollLeft;
- const swiperCoord = [[swiperOffset.left, swiperOffset.top], [swiperOffset.left + swiperWidth, swiperOffset.top], [swiperOffset.left, swiperOffset.top + swiperHeight], [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight]];
- for (let i = 0; i < swiperCoord.length; i += 1) {
- 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;
- }
- }
- if (!inView) return undefined;
- }
- const speed = swiper.params.keyboard.speed;
- if (swiper.isHorizontal()) {
- if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
- if (e.preventDefault) e.preventDefault();else e.returnValue = false;
- }
- if ((isPageDown || isArrowRight) && !rtl || (isPageUp || isArrowLeft) && rtl) swiper.slideNext(speed);
- if ((isPageUp || isArrowLeft) && !rtl || (isPageDown || isArrowRight) && rtl) swiper.slidePrev(speed);
- } else {
- if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
- if (e.preventDefault) e.preventDefault();else e.returnValue = false;
- }
- if (isPageDown || isArrowDown) swiper.slideNext(speed);
- if (isPageUp || isArrowUp) swiper.slidePrev(speed);
- }
- emit('keyPress', kc);
- return undefined;
- }
- function enable() {
- if (swiper.keyboard.enabled) return;
- document.addEventListener('keydown', handle);
- swiper.keyboard.enabled = true;
- }
- function disable() {
- if (!swiper.keyboard.enabled) return;
- document.removeEventListener('keydown', handle);
- swiper.keyboard.enabled = false;
- }
- on('init', () => {
- if (swiper.params.keyboard.enabled) {
- enable();
- }
- });
- on('destroy', () => {
- if (swiper.keyboard.enabled) {
- disable();
- }
- });
- Object.assign(swiper.keyboard, {
- enable,
- disable
- });
- }
+ function setTransition(duration) {
+ if (!getParams().el || !swiper.scrollbar.el)
+ return;
+ swiper.scrollbar.dragEl.style.transitionDuration = `${duration}ms`;
+ }
+ function updateSize() {
+ const params = getParams();
+ if (!params.el || !swiper.scrollbar.el)
+ return;
+ const { scrollbar } = swiper;
+ const { dragEl, el } = scrollbar;
+ dragEl.style.width = '';
+ dragEl.style.height = '';
+ trackSize = swiper.isHorizontal() ? el.offsetWidth : el.offsetHeight;
+ divider =
+ swiper.size /
+ (swiper.virtualSize +
+ (swiper.params.slidesOffsetBefore ?? 0) -
+ (swiper.params.centeredSlides ? swiper.snapGrid[0] : 0));
+ if (params.dragSize === 'auto') {
+ dragSize = trackSize * divider;
+ }
+ else {
+ dragSize = parseInt(String(params.dragSize), 10);
+ }
+ if (swiper.isHorizontal()) {
+ dragEl.style.width = `${dragSize}px`;
+ }
+ else {
+ dragEl.style.height = `${dragSize}px`;
+ }
+ if (divider >= 1) {
+ el.style.display = 'none';
+ }
+ else {
+ el.style.display = '';
+ }
+ if (params.hide) {
+ el.style.opacity = '0';
+ }
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ scrollbar.el.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);
+ }
+ }
+ function getPointerPosition(e) {
+ if (swiper.isHorizontal()) {
+ return e.clientX ?? e.touches?.[0]?.clientX ?? 0;
+ }
+ return e.clientY ?? e.touches?.[0]?.clientY ?? 0;
+ }
+ function setDragPosition(e) {
+ const { scrollbar, rtlTranslate: rtl } = swiper;
+ const { el } = scrollbar;
+ let positionRatio;
+ positionRatio =
+ (getPointerPosition(e) -
+ elementOffset(el)[swiper.isHorizontal() ? 'left' : 'top'] -
+ (dragStartPos !== null ? dragStartPos : dragSize / 2)) /
+ (trackSize - dragSize);
+ positionRatio = Math.max(Math.min(positionRatio, 1), 0);
+ if (rtl) {
+ positionRatio = 1 - positionRatio;
+ }
+ const position = swiper.minTranslate() + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio;
+ swiper.updateProgress(position);
+ swiper.setTranslate(position);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ function onDragStart(e) {
+ const params = getParams();
+ const { scrollbar, wrapperEl } = swiper;
+ const { el, dragEl } = scrollbar;
+ isTouched = true;
+ dragStartPos =
+ e.target === dragEl
+ ? getPointerPosition(e) -
+ e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top']
+ : null;
+ e.preventDefault();
+ e.stopPropagation();
+ wrapperEl.style.transitionDuration = '100ms';
+ dragEl.style.transitionDuration = '100ms';
+ setDragPosition(e);
+ if (dragTimeout)
+ clearTimeout(dragTimeout);
+ el.style.transitionDuration = '0ms';
+ if (params.hide) {
+ el.style.opacity = '1';
+ }
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.scrollSnapType = 'none';
+ }
+ emit('scrollbarDragStart', e);
+ }
+ function onDragMove(e) {
+ const { scrollbar, wrapperEl } = swiper;
+ const { el, dragEl } = scrollbar;
+ if (!isTouched)
+ return;
+ if (e.cancelable)
+ e.preventDefault();
+ setDragPosition(e);
+ wrapperEl.style.transitionDuration = '0ms';
+ el.style.transitionDuration = '0ms';
+ dragEl.style.transitionDuration = '0ms';
+ emit('scrollbarDragMove', e);
+ }
+ function onDragEnd(e) {
+ const params = getParams();
+ const { scrollbar, wrapperEl } = swiper;
+ const { el } = scrollbar;
+ if (!isTouched)
+ return;
+ isTouched = false;
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.scrollSnapType = '';
+ wrapperEl.style.transitionDuration = '';
+ }
+ if (params.hide) {
+ if (dragTimeout)
+ clearTimeout(dragTimeout);
+ dragTimeout = nextTick(() => {
+ el.style.opacity = '0';
+ el.style.transitionDuration = '400ms';
+ }, 1000);
+ }
+ emit('scrollbarDragEnd', e);
+ if (params.snapOnRelease) {
+ swiper.slideToClosest();
+ }
+ }
+ function events(method) {
+ const { scrollbar, params } = swiper;
+ const el = scrollbar.el;
+ if (!el)
+ return;
+ const activeListener = params.passiveListeners ? { passive: false, capture: false } : false;
+ const passiveListener = params.passiveListeners ? { passive: true, capture: false } : false;
+ const eventMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
+ el[eventMethod]('pointerdown', onDragStart, activeListener);
+ document[eventMethod]('pointermove', onDragMove, activeListener);
+ document[eventMethod]('pointerup', onDragEnd, passiveListener);
+ }
+ function enableDraggable() {
+ if (!getParams().el || !swiper.scrollbar.el)
+ return;
+ events('on');
+ }
+ function disableDraggable() {
+ if (!getParams().el || !swiper.scrollbar.el)
+ return;
+ events('off');
+ }
+ function init() {
+ const { scrollbar, el: swiperEl } = swiper;
+ swiper.params.scrollbar = createElementIfNotDefined(swiper, swiper.originalParams.scrollbar, swiper.params.scrollbar, { el: 'swiper-scrollbar' });
+ const params = getParams();
+ if (!params.el)
+ return;
+ let el;
+ if (typeof params.el === 'string' && swiper.isElement) {
+ el = swiper.el.querySelector(params.el);
+ }
+ else {
+ el = params.el;
+ }
+ if (!el && typeof params.el === 'string') {
+ el = document.querySelectorAll(params.el);
+ if (!el.length)
+ return;
+ }
+ 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);
+ }
+ if (el.length > 0) {
+ el = el[0];
+ }
+ const elTyped = el;
+ elTyped.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+ let dragEl = null;
+ if (elTyped) {
+ dragEl = elTyped.querySelector(classesToSelector(params.dragClass));
+ if (!dragEl) {
+ dragEl = createElement('div', params.dragClass);
+ elTyped.append(dragEl);
+ }
+ }
+ Object.assign(scrollbar, {
+ el: elTyped,
+ dragEl,
+ });
+ if (params.draggable) {
+ enableDraggable();
+ }
+ if (elTyped) {
+ elTyped.classList[swiper.enabled ? 'remove' : 'add'](...classesToTokens(params.lockClass));
+ }
+ }
+ function destroy() {
+ const params = getParams();
+ const el = swiper.scrollbar.el;
+ if (el) {
+ el.classList.remove(...classesToTokens(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass));
+ }
+ disableDraggable();
+ }
+ on('changeDirection', () => {
+ if (!swiper.scrollbar || !swiper.scrollbar.el)
+ return;
+ const params = getParams();
+ const els = makeElementsArray(swiper.scrollbar.el);
+ els.forEach((subEl) => {
+ subEl.classList.remove(params.horizontalClass, params.verticalClass);
+ subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
+ });
+ });
+ on('init', () => {
+ if (getParams().enabled === false) {
+ disable();
+ }
+ else {
+ init();
+ updateSize();
+ setTranslate();
+ }
+ });
+ on('update resize observerUpdate lock unlock changeDirection', () => {
+ updateSize();
+ });
+ on('setTranslate', () => {
+ setTranslate();
+ });
+ on('setTransition', (_s, duration) => {
+ setTransition(duration);
+ });
+ on('enable disable', () => {
+ const { el } = swiper.scrollbar;
+ if (el) {
+ el.classList[swiper.enabled ? 'remove' : 'add'](...classesToTokens(getParams().lockClass));
+ }
+ });
+ on('destroy', () => {
+ destroy();
+ });
+ const enable = () => {
+ const params = getParams();
+ swiper.el.classList.remove(...classesToTokens(params.scrollbarDisabledClass));
+ if (swiper.scrollbar.el) {
+ swiper.scrollbar.el.classList.remove(...classesToTokens(params.scrollbarDisabledClass));
+ }
+ init();
+ updateSize();
+ setTranslate();
+ };
+ const disable = () => {
+ const params = getParams();
+ swiper.el.classList.add(...classesToTokens(params.scrollbarDisabledClass));
+ if (swiper.scrollbar.el) {
+ swiper.scrollbar.el.classList.add(...classesToTokens(params.scrollbarDisabledClass));
+ }
+ destroy();
+ };
+ Object.assign(swiper.scrollbar, {
+ enable,
+ disable,
+ updateSize,
+ setTranslate,
+ init,
+ destroy,
+ });
+ };
- /* eslint-disable consistent-return */
- function Mousewheel({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const window = getWindow();
- extendParams({
- mousewheel: {
- enabled: false,
- releaseOnEdges: false,
- invert: false,
- forceToAxis: false,
- sensitivity: 1,
- eventsTarget: 'container',
- thresholdDelta: null,
- thresholdTime: null,
- noMousewheelClass: 'swiper-no-mousewheel'
- }
- });
- swiper.mousewheel = {
- enabled: false
+ const Parallax = ({ swiper, extendParams, on }) => {
+ extendParams({
+ parallax: {
+ enabled: false,
+ },
+ });
+ function getParams() {
+ return swiper.params.parallax;
+ }
+ const elementsSelector = '[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]';
+ const setTransform = (el, progress) => {
+ const { rtl } = swiper;
+ const rtlFactor = rtl ? -1 : 1;
+ const p = el.getAttribute('data-swiper-parallax') || '0';
+ let x = el.getAttribute('data-swiper-parallax-x');
+ 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';
+ }
+ else if (swiper.isHorizontal()) {
+ x = p;
+ y = '0';
+ }
+ else {
+ y = p;
+ x = '0';
+ }
+ if (x.indexOf('%') >= 0) {
+ x = `${parseInt(x, 10) * progress * rtlFactor}%`;
+ }
+ else {
+ x = `${Number(x) * progress * rtlFactor}px`;
+ }
+ if (y.indexOf('%') >= 0) {
+ y = `${parseInt(y, 10) * progress}%`;
+ }
+ else {
+ y = `${Number(y) * progress}px`;
+ }
+ if (typeof opacity !== 'undefined' && opacity !== null) {
+ const opacityNum = Number(opacity);
+ const currentOpacity = opacityNum - (opacityNum - 1) * (1 - Math.abs(progress));
+ el.style.opacity = String(currentOpacity);
+ }
+ let transform = `translate3d(${x}, ${y}, 0px)`;
+ if (typeof scale !== 'undefined' && scale !== null) {
+ const scaleNum = Number(scale);
+ const currentScale = scaleNum - (scaleNum - 1) * (1 - Math.abs(progress));
+ transform += ` scale(${currentScale})`;
+ }
+ if (rotate && typeof rotate !== 'undefined' && rotate !== null) {
+ const currentRotate = Number(rotate) * progress * -1;
+ transform += ` rotate(${currentRotate}deg)`;
+ }
+ el.style.transform = transform;
+ };
+ const setTranslate = () => {
+ const { el, slides, progress, snapGrid } = swiper;
+ const elements = elementChildren(el, elementsSelector);
+ if (swiper.isElement) {
+ elements.push(...elementChildren(swiper.hostEl, elementsSelector));
+ }
+ elements.forEach((subEl) => {
+ setTransform(subEl, progress);
+ });
+ slides.forEach((slideEl, slideIndex) => {
+ let slideProgress = slideEl.progress ?? 0;
+ const slidesPerGroup = swiper.params.slidesPerGroup ?? 1;
+ if (slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
+ slideProgress += Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
+ }
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ slideEl
+ .querySelectorAll(`${elementsSelector}, [data-swiper-parallax-rotate]`)
+ .forEach((subEl) => {
+ setTransform(subEl, slideProgress);
+ });
+ });
+ };
+ const setTransition = (duration = swiper.params.speed ?? 300) => {
+ const { el, hostEl } = swiper;
+ const elements = [...el.querySelectorAll(elementsSelector)];
+ if (swiper.isElement) {
+ elements.push(...hostEl.querySelectorAll(elementsSelector));
+ }
+ elements.forEach((parallaxEl) => {
+ const attr = parallaxEl.getAttribute('data-swiper-parallax-duration');
+ let parallaxDuration = (attr ? parseInt(attr, 10) : 0) || duration;
+ if (duration === 0)
+ parallaxDuration = 0;
+ parallaxEl.style.transitionDuration = `${parallaxDuration}ms`;
+ });
+ };
+ on('beforeInit', () => {
+ if (!getParams().enabled)
+ return;
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ });
+ on('init', () => {
+ if (!getParams().enabled)
+ return;
+ setTranslate();
+ });
+ on('setTranslate', () => {
+ if (!getParams().enabled)
+ return;
+ setTranslate();
+ });
+ on('setTransition', (_swiper, duration) => {
+ if (!getParams().enabled)
+ return;
+ setTransition(duration);
+ });
+ };
+
+ const Zoom = ({ swiper, extendParams, on, emit }) => {
+ extendParams({
+ zoom: {
+ enabled: false,
+ limitToOriginalSize: false,
+ maxRatio: 3,
+ minRatio: 1,
+ panOnMouseMove: false,
+ toggle: true,
+ containerClass: 'swiper-zoom-container',
+ zoomedSlideClass: 'swiper-slide-zoomed',
+ },
+ });
+ swiper.zoom = {
+ enabled: false,
+ };
+ function getParams() {
+ return swiper.params.zoom;
+ }
+ let currentScale = 1;
+ let isScaling = false;
+ let isPanningWithMouse = false;
+ let mousePanStart = { x: 0, y: 0 };
+ const mousePanSensitivity = -3; // Negative to invert pan direction
+ let fakeGestureTouched = false;
+ let fakeGestureMoved = false;
+ const evCache = [];
+ const gesture = {
+ originX: 0,
+ originY: 0,
+ slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ imageEl: undefined,
+ imageWrapEl: undefined,
+ maxRatio: 3,
+ };
+ const image = {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {},
+ };
+ const velocity = {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined,
+ };
+ let scale = 1;
+ Object.defineProperty(swiper.zoom, 'scale', {
+ get() {
+ return scale;
+ },
+ set(value) {
+ if (scale !== value) {
+ const imageEl = gesture.imageEl;
+ const slideEl = gesture.slideEl;
+ emit('zoomChange', value, imageEl, slideEl);
+ }
+ scale = value;
+ },
+ });
+ function getDistanceBetweenTouches() {
+ if (evCache.length < 2)
+ return 1;
+ const x1 = evCache[0].pageX;
+ const y1 = evCache[0].pageY;
+ const x2 = evCache[1].pageX;
+ const y2 = evCache[1].pageY;
+ const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
+ return distance;
+ }
+ function getMaxRatio() {
+ const params = getParams();
+ const attr = gesture.imageWrapEl?.getAttribute('data-swiper-zoom');
+ const maxRatio = attr != null ? Number(attr) : params.maxRatio;
+ const imageEl = gesture.imageEl;
+ if (params.limitToOriginalSize && imageEl && imageEl.naturalWidth) {
+ const imageMaxRatio = imageEl.naturalWidth / imageEl.offsetWidth;
+ return Math.min(imageMaxRatio, maxRatio);
+ }
+ return maxRatio;
+ }
+ function getScaleOrigin() {
+ if (evCache.length < 2 || !gesture.imageEl)
+ return [null, null];
+ const box = gesture.imageEl.getBoundingClientRect();
+ return [
+ (evCache[0].pageX + (evCache[1].pageX - evCache[0].pageX) / 2 - box.x - window.scrollX) /
+ currentScale,
+ (evCache[0].pageY + (evCache[1].pageY - evCache[0].pageY) / 2 - box.y - window.scrollY) /
+ currentScale,
+ ];
+ }
+ function getSlideSelector() {
+ return swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
+ }
+ function eventWithinSlide(e) {
+ const slideSelector = getSlideSelector();
+ const target = e.target;
+ if (!target)
+ return false;
+ if (target.matches(slideSelector))
+ return true;
+ if (swiper.slides.filter((slideEl) => slideEl.contains(target)).length > 0)
+ return true;
+ return false;
+ }
+ function eventWithinZoomContainer(e) {
+ const selector = `.${getParams().containerClass}`;
+ const target = e.target;
+ if (!target)
+ return false;
+ if (target.matches(selector))
+ return true;
+ if ([...swiper.hostEl.querySelectorAll(selector)].filter((containerEl) => containerEl.contains(target)).length > 0)
+ return true;
+ return false;
+ }
+ // Events
+ function onGestureStart(e) {
+ if (e.pointerType === 'mouse') {
+ evCache.splice(0, evCache.length);
+ }
+ if (!eventWithinSlide(e))
+ return;
+ const params = getParams();
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+ evCache.push(e);
+ if (evCache.length < 2) {
+ return;
+ }
+ fakeGestureTouched = true;
+ gesture.scaleStart = getDistanceBetweenTouches();
+ if (!gesture.slideEl) {
+ const target = e.target;
+ gesture.slideEl =
+ target?.closest(`.${swiper.params.slideClass}, swiper-slide`) ??
+ undefined;
+ if (!gesture.slideEl)
+ gesture.slideEl = swiper.slides[swiper.activeIndex];
+ let imageEl = gesture.slideEl?.querySelector(`.${params.containerClass}`) ?? null;
+ if (imageEl) {
+ imageEl =
+ imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0] ?? null;
+ }
+ gesture.imageEl = imageEl ?? undefined;
+ if (imageEl) {
+ gesture.imageWrapEl =
+ elementParents(imageEl, `.${params.containerClass}`)[0] ??
+ undefined;
+ }
+ else {
+ gesture.imageWrapEl = undefined;
+ }
+ if (!gesture.imageWrapEl) {
+ gesture.imageEl = undefined;
+ return;
+ }
+ gesture.maxRatio = getMaxRatio();
+ }
+ if (gesture.imageEl) {
+ const [originX, originY] = getScaleOrigin();
+ gesture.originX = originX ?? 0;
+ gesture.originY = originY ?? 0;
+ gesture.imageEl.style.transitionDuration = '0ms';
+ }
+ isScaling = true;
+ }
+ function onGestureChange(e) {
+ if (!eventWithinSlide(e))
+ return;
+ const params = getParams();
+ const zoom = swiper.zoom;
+ const pointerIndex = evCache.findIndex((cachedEv) => cachedEv.pointerId === e.pointerId);
+ if (pointerIndex >= 0)
+ evCache[pointerIndex] = e;
+ if (evCache.length < 2) {
+ return;
+ }
+ fakeGestureMoved = true;
+ gesture.scaleMove = getDistanceBetweenTouches();
+ if (!gesture.imageEl) {
+ return;
+ }
+ zoom.scale = (gesture.scaleMove / (gesture.scaleStart ?? 1)) * currentScale;
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale = gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5;
+ }
+ if (zoom.scale < params.minRatio) {
+ zoom.scale = params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5;
+ }
+ gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
+ }
+ function onGestureEnd(e) {
+ if (!eventWithinSlide(e))
+ return;
+ if (e.pointerType === 'mouse' && e.type === 'pointerout')
+ return;
+ const params = getParams();
+ const zoom = swiper.zoom;
+ const pointerIndex = evCache.findIndex((cachedEv) => cachedEv.pointerId === e.pointerId);
+ if (pointerIndex >= 0)
+ evCache.splice(pointerIndex, 1);
+ if (!fakeGestureTouched || !fakeGestureMoved) {
+ return;
+ }
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+ if (!gesture.imageEl)
+ return;
+ zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);
+ gesture.imageEl.style.transitionDuration = `${swiper.params.speed}ms`;
+ gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
+ currentScale = zoom.scale;
+ isScaling = false;
+ if (zoom.scale > 1 && gesture.slideEl) {
+ gesture.slideEl.classList.add(`${params.zoomedSlideClass}`);
+ }
+ else if (zoom.scale <= 1 && gesture.slideEl) {
+ gesture.slideEl.classList.remove(`${params.zoomedSlideClass}`);
+ }
+ if (zoom.scale === 1) {
+ gesture.originX = 0;
+ gesture.originY = 0;
+ gesture.slideEl = undefined;
+ }
+ }
+ let allowTouchMoveTimeout;
+ function allowTouchMove() {
+ swiper.touchEventsData.preventTouchMoveFromPointerMove = false;
+ }
+ function preventTouchMove() {
+ if (allowTouchMoveTimeout !== undefined)
+ clearTimeout(allowTouchMoveTimeout);
+ swiper.touchEventsData.preventTouchMoveFromPointerMove = true;
+ allowTouchMoveTimeout = setTimeout(() => {
+ if (swiper.destroyed)
+ return;
+ allowTouchMove();
+ });
+ }
+ function onTouchStart(e) {
+ const device = swiper.device;
+ if (!gesture.imageEl)
+ return;
+ if (image.isTouched)
+ return;
+ if (device.android && e.cancelable)
+ e.preventDefault();
+ image.isTouched = true;
+ const event = evCache.length > 0 ? evCache[0] : e;
+ image.touchesStart.x = event.pageX;
+ image.touchesStart.y = event.pageY;
+ }
+ function onTouchMove(e) {
+ const isMouseEvent = e.pointerType === 'mouse';
+ const isMousePan = isMouseEvent && getParams().panOnMouseMove;
+ if (!eventWithinSlide(e) || !eventWithinZoomContainer(e)) {
+ return;
+ }
+ const zoom = swiper.zoom;
+ if (!gesture.imageEl) {
+ return;
+ }
+ if (!image.isTouched || !gesture.slideEl) {
+ if (isMousePan)
+ onMouseMove(e);
+ return;
+ }
+ if (isMousePan) {
+ onMouseMove(e);
+ return;
+ }
+ if (!image.isMoved) {
+ image.width = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
+ image.height = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
+ image.startX = getTranslate(gesture.imageWrapEl, 'x') || 0;
+ image.startY = getTranslate(gesture.imageWrapEl, 'y') || 0;
+ gesture.slideWidth = gesture.slideEl.offsetWidth;
+ gesture.slideHeight = gesture.slideEl.offsetHeight;
+ gesture.imageWrapEl.style.transitionDuration = '0ms';
+ }
+ // 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);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.touchesCurrent.x = evCache.length > 0 ? evCache[0].pageX : e.pageX;
+ image.touchesCurrent.y = evCache.length > 0 ? evCache[0].pageY : e.pageY;
+ const touchesDiff = Math.max(Math.abs(image.touchesCurrent.x - (image.touchesStart.x ?? 0)), Math.abs(image.touchesCurrent.y - (image.touchesStart.y ?? 0)));
+ if (touchesDiff > 5) {
+ swiper.allowClick = false;
+ }
+ const startX = image.startX ?? 0;
+ const startY = image.startY ?? 0;
+ if (!image.isMoved && !isScaling) {
+ if (swiper.isHorizontal() &&
+ ((Math.floor(image.minX) === Math.floor(startX) &&
+ image.touchesCurrent.x < (image.touchesStart.x ?? 0)) ||
+ (Math.floor(image.maxX) === Math.floor(startX) &&
+ image.touchesCurrent.x > (image.touchesStart.x ?? 0)))) {
+ image.isTouched = false;
+ allowTouchMove();
+ return;
+ }
+ if (!swiper.isHorizontal() &&
+ ((Math.floor(image.minY) === Math.floor(startY) &&
+ image.touchesCurrent.y < (image.touchesStart.y ?? 0)) ||
+ (Math.floor(image.maxY) === Math.floor(startY) &&
+ image.touchesCurrent.y > (image.touchesStart.y ?? 0)))) {
+ image.isTouched = false;
+ allowTouchMove();
+ return;
+ }
+ }
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+ e.stopPropagation();
+ preventTouchMove();
+ image.isMoved = true;
+ const scaleRatio = (zoom.scale - currentScale) / (gesture.maxRatio - getParams().minRatio);
+ const { originX, originY } = gesture;
+ image.currentX =
+ image.touchesCurrent.x -
+ (image.touchesStart.x ?? 0) +
+ startX +
+ scaleRatio * (image.width - originX * 2);
+ image.currentY =
+ image.touchesCurrent.y -
+ (image.touchesStart.y ?? 0) +
+ startY +
+ scaleRatio * (image.height - originY * 2);
+ if (image.currentX < image.minX) {
+ image.currentX = image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8;
+ }
+ if (image.currentX > image.maxX) {
+ image.currentX = image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8;
+ }
+ if (image.currentY < image.minY) {
+ image.currentY = image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8;
+ }
+ if (image.currentY > image.maxY) {
+ image.currentY = image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
+ }
+ // Velocity
+ if (!velocity.prevPositionX)
+ velocity.prevPositionX = image.touchesCurrent.x;
+ if (!velocity.prevPositionY)
+ velocity.prevPositionY = image.touchesCurrent.y;
+ if (!velocity.prevTime)
+ velocity.prevTime = Date.now();
+ velocity.x =
+ (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;
+ velocity.y =
+ (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2)
+ velocity.x = 0;
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2)
+ velocity.y = 0;
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+ gesture.imageWrapEl.style.transform = `translate3d(${image.currentX}px, ${image.currentY}px,0)`;
+ }
+ function onTouchEnd() {
+ const zoom = swiper.zoom;
+ evCache.length = 0;
+ if (!gesture.imageEl)
+ return;
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+ image.isTouched = false;
+ image.isMoved = false;
+ let momentumDurationX = 300;
+ let momentumDurationY = 300;
+ const velocityX = velocity.x ?? 0;
+ const velocityY = velocity.y ?? 0;
+ const momentumDistanceX = velocityX * momentumDurationX;
+ const newPositionX = image.currentX + momentumDistanceX;
+ const momentumDistanceY = velocityY * momentumDurationY;
+ const newPositionY = image.currentY + momentumDistanceY;
+ // Fix duration
+ if (velocityX !== 0)
+ momentumDurationX = Math.abs((newPositionX - image.currentX) / velocityX);
+ if (velocityY !== 0)
+ momentumDurationY = Math.abs((newPositionY - image.currentY) / velocityY);
+ const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+ image.currentX = newPositionX;
+ 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);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);
+ image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);
+ gesture.imageWrapEl.style.transitionDuration = `${momentumDuration}ms`;
+ gesture.imageWrapEl.style.transform = `translate3d(${image.currentX}px, ${image.currentY}px,0)`;
+ }
+ function onTransitionEnd() {
+ const zoom = swiper.zoom;
+ if (gesture.slideEl && swiper.activeIndex !== swiper.slides.indexOf(gesture.slideEl)) {
+ if (gesture.imageEl) {
+ gesture.imageEl.style.transform = 'translate3d(0,0,0) scale(1)';
+ }
+ if (gesture.imageWrapEl) {
+ gesture.imageWrapEl.style.transform = 'translate3d(0,0,0)';
+ }
+ gesture.slideEl.classList.remove(`${getParams().zoomedSlideClass}`);
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.slideEl = undefined;
+ gesture.imageEl = undefined;
+ gesture.imageWrapEl = undefined;
+ gesture.originX = 0;
+ gesture.originY = 0;
+ }
+ }
+ function onMouseMove(e) {
+ // Only pan if zoomed in and mouse panning is enabled
+ if (currentScale <= 1 || !gesture.imageWrapEl)
+ return;
+ if (!eventWithinSlide(e) || !eventWithinZoomContainer(e))
+ return;
+ const currentTransform = window.getComputedStyle(gesture.imageWrapEl).transform;
+ const matrix = new window.DOMMatrix(currentTransform);
+ if (!isPanningWithMouse) {
+ isPanningWithMouse = true;
+ mousePanStart.x = e.clientX;
+ mousePanStart.y = e.clientY;
+ image.startX = matrix.e;
+ image.startY = matrix.f;
+ image.width = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
+ image.height = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
+ gesture.slideWidth = gesture.slideEl.offsetWidth;
+ gesture.slideHeight = gesture.slideEl.offsetHeight;
+ return;
+ }
+ const deltaX = (e.clientX - mousePanStart.x) * mousePanSensitivity;
+ const deltaY = (e.clientY - mousePanStart.y) * mousePanSensitivity;
+ const scaledWidth = image.width * currentScale;
+ const scaledHeight = image.height * currentScale;
+ const slideWidth = gesture.slideWidth;
+ const slideHeight = gesture.slideHeight;
+ const minX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ const maxX = -minX;
+ const minY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ const maxY = -minY;
+ const newX = Math.max(Math.min(image.startX + deltaX, maxX), minX);
+ const newY = Math.max(Math.min(image.startY + deltaY, maxY), minY);
+ gesture.imageWrapEl.style.transitionDuration = '0ms';
+ gesture.imageWrapEl.style.transform = `translate3d(${newX}px, ${newY}px, 0)`;
+ mousePanStart.x = e.clientX;
+ mousePanStart.y = e.clientY;
+ image.startX = newX;
+ image.startY = newY;
+ image.currentX = newX;
+ image.currentY = newY;
+ }
+ function zoomIn(e) {
+ const zoom = swiper.zoom;
+ const params = getParams();
+ if (!gesture.slideEl) {
+ if (e && typeof e !== 'number' && 'target' in e && e.target) {
+ gesture.slideEl =
+ e.target.closest(`.${swiper.params.slideClass}, swiper-slide`) ?? undefined;
+ }
+ if (!gesture.slideEl) {
+ const virtual = swiper.params.virtual;
+ if (virtual && virtual.enabled && swiper.virtual) {
+ gesture.slideEl =
+ elementChildren(swiper.slidesEl, `.${swiper.params.slideActiveClass}`)[0] ?? undefined;
+ }
+ else {
+ gesture.slideEl = swiper.slides[swiper.activeIndex];
+ }
+ }
+ let imageEl = gesture.slideEl?.querySelector(`.${params.containerClass}`) ?? null;
+ if (imageEl) {
+ imageEl =
+ imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0] ?? null;
+ }
+ gesture.imageEl = imageEl ?? undefined;
+ if (imageEl) {
+ gesture.imageWrapEl =
+ elementParents(imageEl, `.${params.containerClass}`)[0] ??
+ undefined;
+ }
+ else {
+ gesture.imageWrapEl = undefined;
+ }
+ }
+ if (!gesture.imageEl || !gesture.imageWrapEl || !gesture.slideEl)
+ return;
+ gesture.maxRatio = getMaxRatio();
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = 'hidden';
+ swiper.wrapperEl.style.touchAction = 'none';
+ }
+ gesture.slideEl.classList.add(`${params.zoomedSlideClass}`);
+ let touchX;
+ let touchY;
+ let offsetX;
+ let offsetY;
+ let diffX;
+ let diffY;
+ let translateX;
+ let translateY;
+ let imageWidth;
+ let imageHeight;
+ let scaledWidth;
+ let scaledHeight;
+ let translateMinX;
+ let translateMinY;
+ let translateMaxX;
+ let translateMaxY;
+ let slideWidth;
+ let slideHeight;
+ const eventIsPointer = e && typeof e !== 'number';
+ if (typeof image.touchesStart.x === 'undefined' && eventIsPointer) {
+ touchX = e.pageX;
+ touchY = e.pageY;
+ }
+ else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+ const prevScale = currentScale;
+ const forceZoomRatio = typeof e === 'number' ? e : null;
+ if (currentScale === 1 && forceZoomRatio) {
+ touchX = undefined;
+ touchY = undefined;
+ image.touchesStart.x = undefined;
+ image.touchesStart.y = undefined;
+ }
+ const maxRatio = getMaxRatio();
+ zoom.scale = forceZoomRatio || maxRatio;
+ currentScale = forceZoomRatio || maxRatio;
+ if (e && !(currentScale === 1 && forceZoomRatio)) {
+ slideWidth = gesture.slideEl.offsetWidth;
+ slideHeight = gesture.slideEl.offsetHeight;
+ offsetX = elementOffset(gesture.slideEl).left + window.scrollX;
+ offsetY = elementOffset(gesture.slideEl).top + window.scrollY;
+ diffX = offsetX + slideWidth / 2 - (touchX ?? 0);
+ diffY = offsetY + slideHeight / 2 - (touchY ?? 0);
+ imageWidth = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
+ imageHeight = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+ translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+ if (prevScale > 0 &&
+ forceZoomRatio &&
+ typeof image.currentX === 'number' &&
+ typeof image.currentY === 'number') {
+ translateX = (image.currentX * zoom.scale) / prevScale;
+ translateY = (image.currentY * zoom.scale) / prevScale;
+ }
+ else {
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+ }
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ }
+ else {
+ translateX = 0;
+ translateY = 0;
+ }
+ if (forceZoomRatio && zoom.scale === 1) {
+ gesture.originX = 0;
+ gesture.originY = 0;
+ }
+ image.currentX = translateX;
+ image.currentY = translateY;
+ gesture.imageWrapEl.style.transitionDuration = '300ms';
+ gesture.imageWrapEl.style.transform = `translate3d(${translateX}px, ${translateY}px,0)`;
+ gesture.imageEl.style.transitionDuration = '300ms';
+ gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
+ }
+ function zoomOut() {
+ const zoom = swiper.zoom;
+ const params = getParams();
+ if (!gesture.slideEl) {
+ const virtual = swiper.params.virtual;
+ if (virtual && virtual.enabled && swiper.virtual) {
+ gesture.slideEl =
+ elementChildren(swiper.slidesEl, `.${swiper.params.slideActiveClass}`)[0] ?? undefined;
+ }
+ else {
+ gesture.slideEl = swiper.slides[swiper.activeIndex];
+ }
+ let imageEl = gesture.slideEl?.querySelector(`.${params.containerClass}`) ?? null;
+ if (imageEl) {
+ imageEl =
+ imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0] ?? null;
+ }
+ gesture.imageEl = imageEl ?? undefined;
+ if (imageEl) {
+ gesture.imageWrapEl =
+ elementParents(imageEl, `.${params.containerClass}`)[0] ??
+ undefined;
+ }
+ else {
+ gesture.imageWrapEl = undefined;
+ }
+ }
+ if (!gesture.imageEl || !gesture.imageWrapEl || !gesture.slideEl)
+ return;
+ gesture.maxRatio = getMaxRatio();
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = '';
+ swiper.wrapperEl.style.touchAction = '';
+ }
+ zoom.scale = 1;
+ currentScale = 1;
+ image.currentX = undefined;
+ image.currentY = undefined;
+ image.touchesStart.x = undefined;
+ image.touchesStart.y = undefined;
+ gesture.imageWrapEl.style.transitionDuration = '300ms';
+ gesture.imageWrapEl.style.transform = 'translate3d(0,0,0)';
+ gesture.imageEl.style.transitionDuration = '300ms';
+ gesture.imageEl.style.transform = 'translate3d(0,0,0) scale(1)';
+ gesture.slideEl.classList.remove(`${params.zoomedSlideClass}`);
+ gesture.slideEl = undefined;
+ gesture.originX = 0;
+ gesture.originY = 0;
+ if (params.panOnMouseMove) {
+ mousePanStart = { x: 0, y: 0 };
+ if (isPanningWithMouse) {
+ isPanningWithMouse = false;
+ image.startX = 0;
+ image.startY = 0;
+ }
+ }
+ }
+ // Toggle Zoom
+ function zoomToggle(e) {
+ const zoom = swiper.zoom;
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoomOut();
+ }
+ else {
+ // Zoom In
+ zoomIn(e);
+ }
+ }
+ function getListeners() {
+ const passiveListener = swiper.params.passiveListeners
+ ? { passive: true, capture: false }
+ : false;
+ const activeListenerWithCapture = swiper.params.passiveListeners
+ ? { passive: false, capture: true }
+ : true;
+ return { passiveListener, activeListenerWithCapture };
+ }
+ // Attach/Detach Events
+ function enable() {
+ const zoom = swiper.zoom;
+ if (zoom.enabled)
+ return;
+ zoom.enabled = true;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ // Scale image
+ swiper.wrapperEl.addEventListener('pointerdown', onGestureStart, passiveListener);
+ swiper.wrapperEl.addEventListener('pointermove', onGestureChange, activeListenerWithCapture);
+ ['pointerup', 'pointercancel', 'pointerout'].forEach((eventName) => {
+ swiper.wrapperEl.addEventListener(eventName, onGestureEnd, passiveListener);
+ });
+ // Move image
+ swiper.wrapperEl.addEventListener('pointermove', onTouchMove, activeListenerWithCapture);
+ }
+ function disable() {
+ const zoom = swiper.zoom;
+ if (!zoom.enabled)
+ return;
+ zoom.enabled = false;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ // Scale image
+ swiper.wrapperEl.removeEventListener('pointerdown', onGestureStart, passiveListener);
+ swiper.wrapperEl.removeEventListener('pointermove', onGestureChange, activeListenerWithCapture);
+ ['pointerup', 'pointercancel', 'pointerout'].forEach((eventName) => {
+ swiper.wrapperEl.removeEventListener(eventName, onGestureEnd, passiveListener);
+ });
+ // Move image
+ swiper.wrapperEl.removeEventListener('pointermove', onTouchMove, activeListenerWithCapture);
+ }
+ on('init', () => {
+ if (getParams().enabled) {
+ enable();
+ }
+ });
+ on('destroy', () => {
+ disable();
+ });
+ on('touchStart', (_s, e) => {
+ if (!swiper.zoom.enabled)
+ return;
+ onTouchStart(e);
+ });
+ on('touchEnd', () => {
+ if (!swiper.zoom.enabled)
+ return;
+ onTouchEnd();
+ });
+ on('doubleTap', (_s, e) => {
+ if (!swiper.animating && getParams().enabled && swiper.zoom.enabled && getParams().toggle) {
+ zoomToggle(e);
+ }
+ });
+ on('transitionEnd', () => {
+ if (swiper.zoom.enabled && getParams().enabled) {
+ onTransitionEnd();
+ }
+ });
+ on('slideChange', () => {
+ if (swiper.zoom.enabled && getParams().enabled && swiper.params.cssMode) {
+ onTransitionEnd();
+ }
+ });
+ Object.assign(swiper.zoom, {
+ enable,
+ disable,
+ in: zoomIn,
+ out: zoomOut,
+ toggle: zoomToggle,
+ });
};
- let timeout;
- let lastScrollTime = now();
- let lastEventBeforeSnap;
- const recentWheelEvents = [];
- function normalize(e) {
- // Reasonable defaults
- const PIXEL_STEP = 10;
- const LINE_HEIGHT = 40;
- const PAGE_HEIGHT = 800;
- let sX = 0;
- let sY = 0; // spinX, spinY
- let pX = 0;
- let pY = 0; // pixelX, pixelY
-
- // Legacy
- if ('detail' in e) {
- sY = e.detail;
- }
- if ('wheelDelta' in e) {
- sY = -e.wheelDelta / 120;
- }
- if ('wheelDeltaY' in e) {
- sY = -e.wheelDeltaY / 120;
- }
- if ('wheelDeltaX' in e) {
- sX = -e.wheelDeltaX / 120;
- }
-
- // side scrolling on FF with DOMMouseScroll
- if ('axis' in e && e.axis === e.HORIZONTAL_AXIS) {
- sX = sY;
- sY = 0;
- }
- pX = sX * PIXEL_STEP;
- pY = sY * PIXEL_STEP;
- if ('deltaY' in e) {
- pY = e.deltaY;
- }
- if ('deltaX' in e) {
- pX = e.deltaX;
- }
- if (e.shiftKey && !pX) {
- // if user scrolls with shift he wants horizontal scroll
- pX = pY;
- pY = 0;
- }
- if ((pX || pY) && e.deltaMode) {
- if (e.deltaMode === 1) {
- // delta in LINE units
- pX *= LINE_HEIGHT;
- pY *= LINE_HEIGHT;
- } else {
- // delta in PAGE units
- pX *= PAGE_HEIGHT;
- pY *= PAGE_HEIGHT;
- }
- }
-
- // Fall-back if spin cannot be determined
- if (pX && !sX) {
- sX = pX < 1 ? -1 : 1;
- }
- if (pY && !sY) {
- sY = pY < 1 ? -1 : 1;
- }
- return {
- spinX: sX,
- spinY: sY,
- pixelX: pX,
- pixelY: pY
- };
- }
- function handleMouseEnter() {
- if (!swiper.enabled) return;
- swiper.mouseEntered = true;
- }
- function handleMouseLeave() {
- if (!swiper.enabled) return;
- swiper.mouseEntered = false;
- }
- function animateSlider(newEvent) {
- if (swiper.params.mousewheel.thresholdDelta && newEvent.delta < swiper.params.mousewheel.thresholdDelta) {
- // Prevent if delta of wheel scroll delta is below configured threshold
- return false;
- }
- 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 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 the slider hasn't hit the latest slide or
- // if the slider is a loop and
- // if the slider isn't moving right now:
- // Go to next slide and
- // emit a scroll event.
- // Else (the user is scrolling towards the beginning) and
- // if the slider hasn't hit the first slide or
- // if the slider is a loop and
- // 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();
- emit('scroll', newEvent.raw);
- }
- } 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
- return false;
- }
- function releaseScroll(newEvent) {
- const params = swiper.params.mousewheel;
- if (newEvent.direction < 0) {
- if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
- // Return true to animate scroll on edges
- return true;
- }
- } else if (swiper.isBeginning && !swiper.params.loop && params.releaseOnEdges) {
- // Return true to animate scroll on edges
- return true;
- }
- return false;
- }
- function handle(event) {
- let e = event;
- let disableParentSwiper = true;
- if (!swiper.enabled) return;
-
- // Ignore event if the target or its parents have the swiper-no-mousewheel class
- if (event.target.closest(`.${swiper.params.mousewheel.noMousewheelClass}`)) return;
- const params = swiper.params.mousewheel;
- if (swiper.params.cssMode) {
- e.preventDefault();
- }
- let targetEl = swiper.el;
- if (swiper.params.mousewheel.eventsTarget !== 'container') {
- targetEl = document.querySelector(swiper.params.mousewheel.eventsTarget);
- }
- 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);
- if (params.forceToAxis) {
- if (swiper.isHorizontal()) {
- if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) delta = -data.pixelX * rtlFactor;else return true;
- } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) delta = -data.pixelY;else return true;
- } else {
- 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
- 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:
- // 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) {
- // Register the new event in a variable which stores the relevant data
- const newEvent = {
- time: now(),
- delta: Math.abs(delta),
- direction: Math.sign(delta),
- raw: event
+ class LinearSpline {
+ x;
+ y;
+ lastIndex;
+ binarySearch;
+ constructor(x, y) {
+ let maxIndex;
+ let minIndex;
+ let guess;
+ this.binarySearch = (array, val) => {
+ minIndex = -1;
+ maxIndex = array.length;
+ while (maxIndex - minIndex > 1) {
+ guess = (maxIndex + minIndex) >> 1;
+ if (array[guess] <= val) {
+ minIndex = guess;
+ }
+ else {
+ maxIndex = guess;
+ }
+ }
+ return maxIndex;
+ };
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1;
+ }
+ interpolate(x2) {
+ if (!x2)
+ return 0;
+ const i3 = this.binarySearch(this.x, x2);
+ const i1 = i3 - 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.
+ // 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]);
+ }
+ }
+ const Controller = ({ swiper, extendParams, on }) => {
+ extendParams({
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: 'slide', // or 'container'
+ },
+ });
+ swiper.controller = {
+ control: undefined,
};
-
- // Keep the most recent events
- if (recentWheelEvents.length >= 2) {
- recentWheelEvents.shift(); // only store the last N events
+ function getParams() {
+ return swiper.params.controller;
+ }
+ function getInterpolateFunction(c) {
+ swiper.controller.spline = swiper.params.loop
+ ? new LinearSpline(swiper.slidesGrid, c.slidesGrid)
+ : new LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ function setTranslate(_t, byController) {
+ const controlled = swiper.controller.control;
+ let multiplier;
+ let controlledTranslate;
+ const SwiperCtor = swiper.constructor;
+ function setControlledTranslate(c) {
+ if (c.destroyed)
+ return;
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ const translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;
+ const controllerParams = getParams();
+ if (controllerParams.by === 'slide') {
+ 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);
+ }
+ else {
+ controlledTranslate = 0;
+ }
+ if (!controlledTranslate || controllerParams.by === 'container') {
+ multiplier =
+ (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());
+ if (Number.isNaN(multiplier) || !Number.isFinite(multiplier)) {
+ multiplier = 1;
+ }
+ controlledTranslate = (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
+ }
+ if (controllerParams.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+ if (Array.isArray(controlled)) {
+ for (let i = 0; i < controlled.length; i += 1) {
+ const target = controlled[i];
+ if (target && target !== byController && target instanceof SwiperCtor) {
+ setControlledTranslate(target);
+ }
+ }
+ }
+ else if (controlled instanceof SwiperCtor && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
}
-
- const prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
- 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);
+ function setTransition(duration, byController) {
+ const SwiperCtor = swiper.constructor;
+ const controlled = swiper.controller.control;
+ function setControlledTransition(c) {
+ if (c.destroyed)
+ return;
+ c.setTransition(duration, swiper);
+ if (duration !== 0) {
+ c.transitionStart();
+ if (c.params.autoHeight) {
+ nextTick(() => {
+ c.updateAutoHeight();
+ });
+ }
+ elementTransitionEnd(c.wrapperEl, () => {
+ if (!controlled)
+ return;
+ c.transitionEnd();
+ });
+ }
+ }
+ if (Array.isArray(controlled)) {
+ for (let i = 0; i < controlled.length; i += 1) {
+ const target = controlled[i];
+ if (target && target !== byController && target instanceof SwiperCtor) {
+ setControlledTransition(target);
+ }
+ }
+ }
+ else if (controlled instanceof SwiperCtor && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
}
-
- // If it's time to release the scroll:
- // Return now so you don't hit the preventDefault.
- if (releaseScroll(newEvent)) {
- return true;
+ function removeSpline() {
+ if (!swiper.controller.control)
+ return;
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
}
- } else {
- // Freemode or scrollContainer:
+ on('beforeInit', () => {
+ const controllerParam = getParams().control;
+ if (typeof window !== 'undefined' &&
+ (typeof controllerParam === 'string' || controllerParam instanceof HTMLElement)) {
+ const controlElements = typeof controllerParam === 'string'
+ ? [...document.querySelectorAll(controllerParam)]
+ : [controllerParam];
+ controlElements.forEach((controlElement) => {
+ if (!swiper.controller.control)
+ swiper.controller.control = [];
+ const list = swiper.controller.control;
+ if (controlElement && controlElement.swiper) {
+ list.push(controlElement.swiper);
+ }
+ else if (controlElement) {
+ const eventName = `${swiper.params.eventsPrefix}init`;
+ const onControllerSwiper = (e) => {
+ const detail = e.detail;
+ if (detail && detail[0])
+ list.push(detail[0]);
+ swiper.update();
+ controlElement.removeEventListener(eventName, onControllerSwiper);
+ };
+ controlElement.addEventListener(eventName, onControllerSwiper);
+ }
+ });
+ return;
+ }
+ // After this point control is either Swiper or Swiper[] (or null/undefined),
+ // never the string/HTMLElement forms that the public option accepts.
+ swiper.controller.control = controllerParam;
+ });
+ on('update', () => {
+ removeSpline();
+ });
+ on('resize', () => {
+ removeSpline();
+ });
+ on('observerUpdate', () => {
+ removeSpline();
+ });
+ // Event payloads come typed against the legacy public Swiper class
+ // (src/types/swiper-class.d.ts) until Phase 5 deletes src/types/; cast the
+ // forwarded byController back to the core Swiper so it lines up with the
+ // controller-internal signatures.
+ on('setTranslate', (_s, translate, byController) => {
+ if (!swiper.controller.control)
+ return;
+ if (!Array.isArray(swiper.controller.control) && swiper.controller.control.destroyed)
+ return;
+ swiper.controller.setTranslate(translate, byController);
+ });
+ on('setTransition', (_s, duration, byController) => {
+ if (!swiper.controller.control)
+ return;
+ if (!Array.isArray(swiper.controller.control) && swiper.controller.control.destroyed)
+ return;
+ swiper.controller.setTransition(duration, byController);
+ });
+ Object.assign(swiper.controller, {
+ setTranslate,
+ setTransition,
+ });
+ };
- // 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
- // an end-of-momentum snap).
- const newEvent = {
- time: now(),
- delta: Math.abs(delta),
- direction: Math.sign(delta)
+ const isVirtualEnabled$1 = (swiper) => !!swiper.virtual && !!swiper.params.virtual?.enabled;
+ const A11y = ({ swiper, extendParams, on }) => {
+ extendParams({
+ a11y: {
+ enabled: true,
+ notificationClass: 'swiper-notification',
+ prevSlideMessage: 'Previous slide',
+ nextSlideMessage: 'Next slide',
+ firstSlideMessage: 'This is the first slide',
+ lastSlideMessage: 'This is the last slide',
+ paginationBulletMessage: 'Go to slide {{index}}',
+ slideLabelMessage: '{{index}} / {{slidesLength}}',
+ containerMessage: null,
+ containerRoleDescriptionMessage: null,
+ containerRole: null,
+ itemRoleDescriptionMessage: null,
+ slideRole: 'group',
+ id: null,
+ scrollOnFocus: true,
+ wrapperLiveRegion: true,
+ },
+ });
+ swiper.a11y = {
+ clicked: false,
};
- const ignoreWheelEvents = lastEventBeforeSnap && newEvent.time < lastEventBeforeSnap.time + 500 && newEvent.delta <= lastEventBeforeSnap.delta && newEvent.direction === lastEventBeforeSnap.direction;
- if (!ignoreWheelEvents) {
- lastEventBeforeSnap = undefined;
- let position = swiper.getTranslate() + delta * params.sensitivity;
- const wasBeginning = swiper.isBeginning;
- const wasEnd = swiper.isEnd;
- if (position >= swiper.minTranslate()) position = swiper.minTranslate();
- if (position <= swiper.maxTranslate()) position = swiper.maxTranslate();
- swiper.setTransition(0);
- swiper.setTranslate(position);
- swiper.updateProgress();
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- if (!wasBeginning && swiper.isBeginning || !wasEnd && swiper.isEnd) {
- swiper.updateSlidesClasses();
- }
- if (swiper.params.loop) {
- swiper.loopFix({
- direction: newEvent.direction < 0 ? 'next' : 'prev',
- byMousewheel: true
+ let liveRegion = null;
+ let preventFocusHandler = false;
+ let focusTargetSlideEl;
+ let visibilityChangedTimestamp = new Date().getTime();
+ function getParams() {
+ return swiper.params.a11y;
+ }
+ function notify(message) {
+ const notification = liveRegion;
+ if (!notification || !message)
+ return;
+ setInnerHTML(notification, message);
+ }
+ function getRandomNumber(size = 16) {
+ const randomChar = () => Math.round(16 * Math.random()).toString(16);
+ return 'x'.repeat(size).replace(/x/g, randomChar);
+ }
+ function makeElFocusable(el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('tabIndex', '0');
+ });
+ }
+ function makeElNotFocusable(el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('tabIndex', '-1');
+ });
+ }
+ function addElRole(el, role) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('role', role);
});
- }
- 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.
- // 1. do all N events have decreasing or same (absolute value) delta?
- // 2. did all N events arrive in the last M (M=500?) msecs?
- // 3. does the earliest event have an (absolute value) delta that's
- // at least P (P=1?) larger than the most recent event's delta?
- // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
- // If 1-4 are "yes" then we're near the end of a momentum scroll deceleration.
- // Snap immediately and ignore remaining wheel events in this scroll.
- // See comment above for "remaining wheel events in this scroll" determination.
- // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
- clearTimeout(timeout);
- timeout = undefined;
- if (recentWheelEvents.length >= 15) {
- recentWheelEvents.shift(); // only store the last N events
+ }
+ function addElRoleDescription(el, description) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('aria-roledescription', description);
+ });
+ }
+ function addElLabel(el, label) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('aria-label', label);
+ });
+ }
+ function addElId(el, id) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('id', id);
+ });
+ }
+ function addElLive(el, live) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('aria-live', live);
+ });
+ }
+ function disableEl(el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.setAttribute('aria-disabled', 'true');
+ });
+ }
+ function enableEl(el) {
+ const els = makeElementsArray(el);
+ els.forEach((subEl) => {
+ subEl.removeAttribute('aria-disabled');
+ });
+ }
+ function onEnterOrSpaceKey(e) {
+ if (e.keyCode !== 13 && e.keyCode !== 32)
+ return;
+ const params = getParams();
+ const paginationParams = swiper.params.pagination;
+ const targetEl = e.target;
+ if (swiper.pagination &&
+ swiper.pagination.el &&
+ (targetEl === swiper.pagination.el || swiper.pagination.el.contains(targetEl))) {
+ if (!targetEl.matches(classesToSelector(paginationParams?.bulletClass)))
+ return;
}
-
- const prevEvent = recentWheelEvents.length ? recentWheelEvents[recentWheelEvents.length - 1] : undefined;
- const firstEvent = recentWheelEvents[0];
- recentWheelEvents.push(newEvent);
- if (prevEvent && (newEvent.delta > prevEvent.delta || newEvent.direction !== prevEvent.direction)) {
- // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
- recentWheelEvents.splice(0);
- } else if (recentWheelEvents.length >= 15 && newEvent.time - firstEvent.time < 500 && firstEvent.delta - newEvent.delta >= 1 && newEvent.delta <= 6) {
- // We're at the end of the deceleration of a momentum scroll, so there's no need
- // to wait for more events. Snap ASAP on the next tick.
- // Also, because there's some remaining momentum we'll bias the snap in the
- // direction of the ongoing scroll because it's better UX for the scroll to snap
- // in the same direction as the scroll instead of reversing to snap. Therefore,
- // if it's already scrolled more than 20% in the current direction, keep going.
- const snapToThreshold = delta > 0 ? 0.8 : 0.2;
- lastEventBeforeSnap = newEvent;
- recentWheelEvents.splice(0);
- timeout = nextTick(() => {
- if (swiper.destroyed || !swiper.params) return;
- swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
- }, 0); // no delay; move on next tick
+ if (swiper.navigation && swiper.navigation.prevEl && swiper.navigation.nextEl) {
+ const prevEls = makeElementsArray(swiper.navigation.prevEl);
+ const nextEls = makeElementsArray(swiper.navigation.nextEl);
+ if (nextEls.includes(targetEl)) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+ if (swiper.isEnd) {
+ notify(params.lastSlideMessage);
+ }
+ else {
+ notify(params.nextSlideMessage);
+ }
+ }
+ if (prevEls.includes(targetEl)) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+ if (swiper.isBeginning) {
+ notify(params.firstSlideMessage);
+ }
+ else {
+ notify(params.prevSlideMessage);
+ }
+ }
+ }
+ if (swiper.pagination && targetEl.matches(classesToSelector(paginationParams?.bulletClass))) {
+ targetEl.click();
}
-
- if (!timeout) {
- // if we get here, then we haven't detected the end of a momentum scroll, so
- // we'll consider a scroll "complete" when there haven't been any wheel events
- // for 500ms.
- timeout = nextTick(() => {
- if (swiper.destroyed || !swiper.params) return;
- const snapToThreshold = 0.5;
- lastEventBeforeSnap = newEvent;
- recentWheelEvents.splice(0);
- swiper.slideToClosest(swiper.params.speed, true, undefined, snapToThreshold);
- }, 500);
- }
- }
-
- // Emit event
- if (!ignoreWheelEvents) emit('scroll', e);
-
- // Stop autoplay
- if (swiper.params.autoplay && swiper.params.autoplay.disableOnInteraction) swiper.autoplay.stop();
- // Return page scroll on edge positions
- if (params.releaseOnEdges && (position === swiper.minTranslate() || position === swiper.maxTranslate())) {
- return true;
- }
}
- }
- if (e.preventDefault) e.preventDefault();else e.returnValue = false;
- return false;
- }
- function events(method) {
- let targetEl = swiper.el;
- if (swiper.params.mousewheel.eventsTarget !== 'container') {
- targetEl = document.querySelector(swiper.params.mousewheel.eventsTarget);
- }
- targetEl[method]('mouseenter', handleMouseEnter);
- targetEl[method]('mouseleave', handleMouseLeave);
- targetEl[method]('wheel', handle);
- }
- function enable() {
- if (swiper.params.cssMode) {
- swiper.wrapperEl.removeEventListener('wheel', handle);
- return true;
- }
- if (swiper.mousewheel.enabled) return false;
- events('addEventListener');
- swiper.mousewheel.enabled = true;
- return true;
- }
- function disable() {
- if (swiper.params.cssMode) {
- swiper.wrapperEl.addEventListener(event, handle);
- return true;
- }
- if (!swiper.mousewheel.enabled) return false;
- events('removeEventListener');
- swiper.mousewheel.enabled = false;
- return true;
- }
- on('init', () => {
- if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
- disable();
- }
- if (swiper.params.mousewheel.enabled) enable();
- });
- on('destroy', () => {
- if (swiper.params.cssMode) {
- enable();
- }
- if (swiper.mousewheel.enabled) disable();
- });
- Object.assign(swiper.mousewheel, {
- enable,
- disable
- });
- }
-
- function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
- if (swiper.params.createElements) {
- Object.keys(checkProps).forEach(key => {
- if (!params[key] && params.auto === true) {
- let element = elementChildren(swiper.el, `.${checkProps[key]}`)[0];
- if (!element) {
- element = createElement('div', checkProps[key]);
- element.className = checkProps[key];
- swiper.el.append(element);
- }
- params[key] = element;
- originalParams[key] = element;
- }
- });
- }
- return params;
- }
-
- const arrowSvg = ``;
- function Navigation({
- swiper,
- extendParams,
- on,
- emit
- }) {
- extendParams({
- navigation: {
- nextEl: null,
- prevEl: null,
- addIcons: true,
- hideOnClick: false,
- disabledClass: 'swiper-button-disabled',
- hiddenClass: 'swiper-button-hidden',
- lockClass: 'swiper-button-lock',
- navigationDisabledClass: 'swiper-navigation-disabled'
- }
- });
- swiper.navigation = {
- nextEl: null,
- prevEl: null,
- arrowSvg
- };
- function getEl(el) {
- let res;
- if (el && typeof el === 'string' && swiper.isElement) {
- res = swiper.el.querySelector(el) || swiper.hostEl.querySelector(el);
- if (res) return res;
- }
- if (el) {
- if (typeof el === 'string') res = [...document.querySelectorAll(el)];
- if (swiper.params.uniqueNavElements && typeof el === 'string' && res && res.length > 1 && swiper.el.querySelectorAll(el).length === 1) {
- res = swiper.el.querySelector(el);
- } else if (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) {
- const params = swiper.params.navigation;
- el = makeElementsArray(el);
- el.forEach(subEl => {
- if (subEl) {
- 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);
- }
- }
- });
- }
- function update() {
- // Update Navigation Buttons
- const {
- nextEl,
- prevEl
- } = swiper.navigation;
- if (swiper.params.loop) {
- toggleEl(prevEl, false);
- toggleEl(nextEl, false);
- return;
- }
- toggleEl(prevEl, swiper.isBeginning && !swiper.params.rewind);
- toggleEl(nextEl, swiper.isEnd && !swiper.params.rewind);
- }
- function onPrevClick(e) {
- e.preventDefault();
- if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind) return;
- swiper.slidePrev();
- emit('navigationPrev');
- }
- function onNextClick(e) {
- e.preventDefault();
- if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;
- swiper.slideNext();
- emit('navigationNext');
- }
- function init() {
- const params = swiper.params.navigation;
- swiper.params.navigation = createElementIfNotDefined(swiper, swiper.originalParams.navigation, swiper.params.navigation, {
- nextEl: 'swiper-button-next',
- prevEl: 'swiper-button-prev'
- });
- if (!(params.nextEl || params.prevEl)) return;
- let nextEl = getEl(params.nextEl);
- let prevEl = getEl(params.prevEl);
- Object.assign(swiper.navigation, {
- nextEl,
- prevEl
- });
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- const initButton = (el, dir) => {
- if (el) {
- if (params.addIcons && el.matches('.swiper-button-next,.swiper-button-prev') && !el.querySelector('svg')) {
- const tempEl = document.createElement('div');
- setInnerHTML(tempEl, arrowSvg);
- el.appendChild(tempEl.querySelector('svg'));
- tempEl.remove();
- }
- el.addEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
- }
- if (!swiper.enabled && el) {
- el.classList.add(...params.lockClass.split(' '));
- }
- };
- nextEl.forEach(el => initButton(el, 'next'));
- prevEl.forEach(el => initButton(el, 'prev'));
- }
- function destroy() {
- let {
- nextEl,
- prevEl
- } = swiper.navigation;
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- const destroyButton = (el, dir) => {
- el.removeEventListener('click', dir === 'next' ? onNextClick : onPrevClick);
- el.classList.remove(...swiper.params.navigation.disabledClass.split(' '));
- };
- nextEl.forEach(el => destroyButton(el, 'next'));
- prevEl.forEach(el => destroyButton(el, 'prev'));
- }
- on('init', () => {
- if (swiper.params.navigation.enabled === false) {
- // eslint-disable-next-line
- disable();
- } else {
- init();
- update();
- }
- });
- on('toEdge fromEdge lock unlock', () => {
- update();
- });
- on('destroy', () => {
- destroy();
- });
- on('enable disable', () => {
- let {
- nextEl,
- prevEl
- } = swiper.navigation;
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- if (swiper.enabled) {
- update();
- return;
- }
- [...nextEl, ...prevEl].filter(el => !!el).forEach(el => el.classList.add(swiper.params.navigation.lockClass));
- });
- on('click', (_s, e) => {
- let {
- nextEl,
- prevEl
- } = swiper.navigation;
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- const targetEl = e.target;
- let targetIsButton = prevEl.includes(targetEl) || nextEl.includes(targetEl);
- if (swiper.isElement && !targetIsButton) {
- const path = e.path || e.composedPath && e.composedPath();
- if (path) {
- targetIsButton = path.find(pathEl => nextEl.includes(pathEl) || prevEl.includes(pathEl));
- }
- }
- if (swiper.params.navigation.hideOnClick && !targetIsButton) {
- if (swiper.pagination && swiper.params.pagination && swiper.params.pagination.clickable && (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl))) return;
- let isHidden;
- if (nextEl.length) {
- isHidden = nextEl[0].classList.contains(swiper.params.navigation.hiddenClass);
- } else if (prevEl.length) {
- isHidden = prevEl[0].classList.contains(swiper.params.navigation.hiddenClass);
- }
- if (isHidden === true) {
- emit('navigationShow');
- } else {
- emit('navigationHide');
- }
- [...nextEl, ...prevEl].filter(el => !!el).forEach(el => el.classList.toggle(swiper.params.navigation.hiddenClass));
- }
- });
- const enable = () => {
- swiper.el.classList.remove(...swiper.params.navigation.navigationDisabledClass.split(' '));
- init();
- update();
- };
- const disable = () => {
- swiper.el.classList.add(...swiper.params.navigation.navigationDisabledClass.split(' '));
- destroy();
- };
- Object.assign(swiper.navigation, {
- enable,
- disable,
- update,
- init,
- destroy
- });
- }
-
- function classesToSelector(classes = '') {
- // Escape all CSS selector special characters
- return `.${classes.trim().replace(/([\.:!+\/()[\]#>~*^$|=,'"@{}\\])/g, '\\$1') // eslint-disable-line
- .replace(/ /g, '.')}`;
- }
-
- function Pagination({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const pfx = 'swiper-pagination';
- extendParams({
- pagination: {
- el: null,
- bulletElement: 'span',
- clickable: false,
- hideOnClick: false,
- renderBullet: null,
- renderProgressbar: null,
- renderFraction: null,
- renderCustom: null,
- progressbarOpposite: false,
- type: 'bullets',
- // 'bullets' or 'progressbar' or 'fraction' or 'custom'
- dynamicBullets: false,
- dynamicMainBullets: 1,
- formatFractionCurrent: number => number,
- formatFractionTotal: number => number,
- bulletClass: `${pfx}-bullet`,
- bulletActiveClass: `${pfx}-bullet-active`,
- modifierClass: `${pfx}-`,
- currentClass: `${pfx}-current`,
- totalClass: `${pfx}-total`,
- hiddenClass: `${pfx}-hidden`,
- progressbarFillClass: `${pfx}-progressbar-fill`,
- progressbarOppositeClass: `${pfx}-progressbar-opposite`,
- clickableClass: `${pfx}-clickable`,
- lockClass: `${pfx}-lock`,
- horizontalClass: `${pfx}-horizontal`,
- verticalClass: `${pfx}-vertical`,
- paginationDisabledClass: `${pfx}-disabled`
- }
- });
- swiper.pagination = {
- el: null,
- bullets: []
- };
- let bulletSize;
- let dynamicBulletIndex = 0;
- function isPaginationDisabled() {
- return !swiper.params.pagination.el || !swiper.pagination.el || Array.isArray(swiper.pagination.el) && swiper.pagination.el.length === 0;
- }
- function setSideBullets(bulletEl, position) {
- const {
- bulletActiveClass
- } = swiper.params.pagination;
- if (!bulletEl) return;
- bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
- if (bulletEl) {
- bulletEl.classList.add(`${bulletActiveClass}-${position}`);
- bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
- if (bulletEl) {
- bulletEl.classList.add(`${bulletActiveClass}-${position}-${position}`);
- }
- }
- }
- function getMoveDirection(prevIndex, nextIndex, length) {
- prevIndex = prevIndex % length;
- nextIndex = nextIndex % length;
- if (nextIndex === prevIndex + 1) {
- return 'next';
- } else if (nextIndex === prevIndex - 1) {
- return 'previous';
- }
- return;
- }
- function onBulletClick(e) {
- const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));
- if (!bulletEl) {
- return;
- }
- e.preventDefault();
- const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;
- if (swiper.params.loop) {
- if (swiper.realIndex === index) return;
- const moveDirection = getMoveDirection(swiper.realIndex, index, swiper.slides.length);
- if (moveDirection === 'next') {
- swiper.slideNext();
- } else if (moveDirection === 'previous') {
- swiper.slidePrev();
- } else {
- swiper.slideToLoop(index);
- }
- } else {
- swiper.slideTo(index);
- }
- }
- function update() {
- // Render || Update Pagination bullets/items
- const rtl = swiper.rtl;
- const params = swiper.params.pagination;
- if (isPaginationDisabled()) return;
- let el = swiper.pagination.el;
- el = makeElementsArray(el);
- // Current/Total
- let current;
- let previousIndex;
- 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;
- if (swiper.params.loop) {
- previousIndex = swiper.previousRealIndex || 0;
- current = swiper.params.slidesPerGroup > 1 ? Math.floor(swiper.realIndex / swiper.params.slidesPerGroup) : swiper.realIndex;
- } else if (typeof swiper.snapIndex !== 'undefined') {
- current = swiper.snapIndex;
- previousIndex = swiper.previousSnapIndex;
- } else {
- previousIndex = swiper.previousIndex || 0;
- current = swiper.activeIndex || 0;
- }
- // Types
- if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
- const bullets = swiper.pagination.bullets;
- let firstIndex;
- let lastIndex;
- let midIndex;
- if (params.dynamicBullets) {
- bulletSize = elementOuterSize(bullets[0], swiper.isHorizontal() ? 'width' : 'height', true);
- el.forEach(subEl => {
- subEl.style[swiper.isHorizontal() ? 'width' : 'height'] = `${bulletSize * (params.dynamicMainBullets + 4)}px`;
- });
- if (params.dynamicMainBullets > 1 && previousIndex !== undefined) {
- dynamicBulletIndex += current - (previousIndex || 0);
- if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
- dynamicBulletIndex = params.dynamicMainBullets - 1;
- } else if (dynamicBulletIndex < 0) {
- dynamicBulletIndex = 0;
- }
- }
- firstIndex = Math.max(current - dynamicBulletIndex, 0);
- lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
- midIndex = (lastIndex + firstIndex) / 2;
- }
- bullets.forEach(bulletEl => {
- const classesToRemove = [...['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map(suffix => `${params.bulletActiveClass}${suffix}`)].map(s => typeof s === 'string' && s.includes(' ') ? s.split(' ') : s).flat();
- bulletEl.classList.remove(...classesToRemove);
- });
- if (el.length > 1) {
- bullets.forEach(bullet => {
- const bulletIndex = elementIndex(bullet);
- if (bulletIndex === current) {
- bullet.classList.add(...params.bulletActiveClass.split(' '));
- } else if (swiper.isElement) {
- bullet.setAttribute('part', 'bullet');
- }
- if (params.dynamicBullets) {
- if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
- bullet.classList.add(...`${params.bulletActiveClass}-main`.split(' '));
- }
- if (bulletIndex === firstIndex) {
- setSideBullets(bullet, 'prev');
- }
- if (bulletIndex === lastIndex) {
- setSideBullets(bullet, 'next');
- }
- }
- });
- } else {
- const bullet = bullets[current];
- if (bullet) {
- bullet.classList.add(...params.bulletActiveClass.split(' '));
- }
- if (swiper.isElement) {
- bullets.forEach((bulletEl, bulletIndex) => {
- bulletEl.setAttribute('part', bulletIndex === current ? 'bullet-active' : 'bullet');
+ function updateNavigation() {
+ if (swiper.params.loop || swiper.params.rewind || !swiper.navigation)
+ return;
+ const { nextEl, prevEl } = swiper.navigation;
+ if (prevEl) {
+ if (swiper.isBeginning) {
+ disableEl(prevEl);
+ makeElNotFocusable(prevEl);
+ }
+ else {
+ enableEl(prevEl);
+ makeElFocusable(prevEl);
+ }
+ }
+ if (nextEl) {
+ if (swiper.isEnd) {
+ disableEl(nextEl);
+ makeElNotFocusable(nextEl);
+ }
+ else {
+ enableEl(nextEl);
+ makeElFocusable(nextEl);
+ }
+ }
+ }
+ function hasPagination() {
+ return !!(swiper.pagination && swiper.pagination.bullets && swiper.pagination.bullets.length);
+ }
+ function hasClickablePagination() {
+ const paginationParams = swiper.params.pagination;
+ return hasPagination() && !!paginationParams?.clickable;
+ }
+ function updatePagination() {
+ const params = getParams();
+ if (!hasPagination())
+ return;
+ const paginationParams = swiper.params.pagination;
+ swiper.pagination.bullets.forEach((bulletEl) => {
+ if (paginationParams.clickable) {
+ makeElFocusable(bulletEl);
+ if (!paginationParams.renderBullet) {
+ addElRole(bulletEl, 'button');
+ addElLabel(bulletEl, params.paginationBulletMessage.replace(/\{\{index\}\}/, String((elementIndex(bulletEl) ?? 0) + 1)));
+ }
+ }
+ if (bulletEl.matches(classesToSelector(paginationParams.bulletActiveClass))) {
+ bulletEl.setAttribute('aria-current', 'true');
+ }
+ else {
+ bulletEl.removeAttribute('aria-current');
+ }
});
- }
- if (params.dynamicBullets) {
- const firstDisplayedBullet = bullets[firstIndex];
- const lastDisplayedBullet = bullets[lastIndex];
- for (let i = firstIndex; i <= lastIndex; i += 1) {
- if (bullets[i]) {
- bullets[i].classList.add(...`${params.bulletActiveClass}-main`.split(' '));
- }
- }
- setSideBullets(firstDisplayedBullet, 'prev');
- setSideBullets(lastDisplayedBullet, 'next');
- }
- }
- if (params.dynamicBullets) {
- const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
- const bulletsOffset = (bulletSize * dynamicBulletsLength - bulletSize) / 2 - midIndex * bulletSize;
- const offsetProp = rtl ? 'right' : 'left';
- bullets.forEach(bullet => {
- bullet.style[swiper.isHorizontal() ? offsetProp : 'top'] = `${bulletsOffset}px`;
- });
- }
- }
- el.forEach((subEl, subElIndex) => {
- if (params.type === 'fraction') {
- subEl.querySelectorAll(classesToSelector(params.currentClass)).forEach(fractionEl => {
- fractionEl.textContent = params.formatFractionCurrent(current + 1);
- });
- subEl.querySelectorAll(classesToSelector(params.totalClass)).forEach(totalEl => {
- totalEl.textContent = params.formatFractionTotal(total);
- });
- }
- if (params.type === 'progressbar') {
- let progressbarDirection;
- if (params.progressbarOpposite) {
- progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
- } else {
- progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
- }
- const scale = (current + 1) / total;
- let scaleX = 1;
- let scaleY = 1;
- if (progressbarDirection === 'horizontal') {
- scaleX = scale;
- } else {
- scaleY = scale;
- }
- subEl.querySelectorAll(classesToSelector(params.progressbarFillClass)).forEach(progressEl => {
- progressEl.style.transform = `translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`;
- progressEl.style.transitionDuration = `${swiper.params.speed}ms`;
- });
- }
- if (params.type === 'custom' && params.renderCustom) {
- setInnerHTML(subEl, params.renderCustom(swiper, current + 1, total));
- if (subElIndex === 0) emit('paginationRender', subEl);
- } else {
- if (subElIndex === 0) emit('paginationRender', subEl);
- emit('paginationUpdate', subEl);
- }
- if (swiper.params.watchOverflow && swiper.enabled) {
- subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);
- }
- });
- }
- function render() {
- // Render Container
- const params = swiper.params.pagination;
- if (isPaginationDisabled()) return;
- const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.grid && swiper.params.grid.rows > 1 ? swiper.slides.length / Math.ceil(swiper.params.grid.rows) : swiper.slides.length;
- let el = swiper.pagination.el;
- el = makeElementsArray(el);
- let paginationHTML = '';
- if (params.type === 'bullets') {
- let numberOfBullets = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
- if (swiper.params.freeMode && swiper.params.freeMode.enabled && numberOfBullets > slidesLength) {
- numberOfBullets = slidesLength;
- }
- for (let i = 0; i < numberOfBullets; i += 1) {
- if (params.renderBullet) {
- paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
- } else {
- // prettier-ignore
- paginationHTML += `<${params.bulletElement} ${swiper.isElement ? 'part="bullet"' : ''} class="${params.bulletClass}">`;
- }
- }
- }
- if (params.type === 'fraction') {
- if (params.renderFraction) {
- paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
- } else {
- paginationHTML = `` + ' / ' + ``;
- }
- }
- if (params.type === 'progressbar') {
- if (params.renderProgressbar) {
- paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
- } else {
- paginationHTML = ``;
- }
- }
- swiper.pagination.bullets = [];
- el.forEach(subEl => {
- if (params.type !== 'custom') {
- setInnerHTML(subEl, paginationHTML || '');
- }
- if (params.type === 'bullets') {
- swiper.pagination.bullets.push(...subEl.querySelectorAll(classesToSelector(params.bulletClass)));
- }
- });
- if (params.type !== 'custom') {
- emit('paginationRender', el[0]);
- }
- }
- function init() {
- swiper.params.pagination = createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, {
- el: 'swiper-pagination'
- });
- const params = swiper.params.pagination;
- if (!params.el) return;
- let el;
- if (typeof params.el === 'string' && swiper.isElement) {
- el = swiper.el.querySelector(params.el);
- }
- if (!el && typeof params.el === 'string') {
- el = [...document.querySelectorAll(params.el)];
- }
- if (!el) {
- el = params.el;
- }
- 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
- if (el.length > 1) {
- el = el.find(subEl => {
- if (elementParents(subEl, '.swiper')[0] !== swiper.el) return false;
- return true;
- });
- }
- }
- if (Array.isArray(el) && el.length === 1) el = el[0];
- Object.assign(swiper.pagination, {
- el
- });
- el = makeElementsArray(el);
- el.forEach(subEl => {
- if (params.type === 'bullets' && params.clickable) {
- subEl.classList.add(...(params.clickableClass || '').split(' '));
- }
- subEl.classList.add(params.modifierClass + params.type);
- subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
- if (params.type === 'bullets' && params.dynamicBullets) {
- subEl.classList.add(`${params.modifierClass}${params.type}-dynamic`);
- dynamicBulletIndex = 0;
- if (params.dynamicMainBullets < 1) {
- params.dynamicMainBullets = 1;
- }
- }
- if (params.type === 'progressbar' && params.progressbarOpposite) {
- subEl.classList.add(params.progressbarOppositeClass);
- }
- if (params.clickable) {
- subEl.addEventListener('click', onBulletClick);
- }
- if (!swiper.enabled) {
- subEl.classList.add(params.lockClass);
- }
- });
- }
- function destroy() {
- const params = swiper.params.pagination;
- if (isPaginationDisabled()) return;
- let el = swiper.pagination.el;
- if (el) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.classList.remove(params.hiddenClass);
- subEl.classList.remove(params.modifierClass + params.type);
- subEl.classList.remove(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
- if (params.clickable) {
- subEl.classList.remove(...(params.clickableClass || '').split(' '));
- subEl.removeEventListener('click', onBulletClick);
- }
- });
- }
- if (swiper.pagination.bullets) swiper.pagination.bullets.forEach(subEl => subEl.classList.remove(...params.bulletActiveClass.split(' ')));
- }
- on('changeDirection', () => {
- if (!swiper.pagination || !swiper.pagination.el) return;
- const params = swiper.params.pagination;
- let {
- el
- } = swiper.pagination;
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.classList.remove(params.horizontalClass, params.verticalClass);
- subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
- });
- });
- on('init', () => {
- if (swiper.params.pagination.enabled === false) {
- // eslint-disable-next-line
- disable();
- } else {
- init();
- render();
- update();
- }
- });
- on('activeIndexChange', () => {
- if (typeof swiper.snapIndex === 'undefined') {
- update();
- }
- });
- on('snapIndexChange', () => {
- update();
- });
- on('snapGridLengthChange', () => {
- render();
- update();
- });
- on('destroy', () => {
- destroy();
- });
- on('enable disable', () => {
- let {
- el
- } = swiper.pagination;
- if (el) {
- el = makeElementsArray(el);
- el.forEach(subEl => subEl.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.pagination.lockClass));
- }
- });
- on('lock unlock', () => {
- update();
- });
- on('click', (_s, e) => {
- const targetEl = e.target;
- const el = makeElementsArray(swiper.pagination.el);
- if (swiper.params.pagination.el && swiper.params.pagination.hideOnClick && el && el.length > 0 && !targetEl.classList.contains(swiper.params.pagination.bulletClass)) {
- if (swiper.navigation && (swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl || swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) return;
- const isHidden = el[0].classList.contains(swiper.params.pagination.hiddenClass);
- if (isHidden === true) {
- emit('paginationShow');
- } else {
- emit('paginationHide');
- }
- el.forEach(subEl => subEl.classList.toggle(swiper.params.pagination.hiddenClass));
- }
- });
- const enable = () => {
- swiper.el.classList.remove(swiper.params.pagination.paginationDisabledClass);
- let {
- el
- } = swiper.pagination;
- if (el) {
- el = makeElementsArray(el);
- el.forEach(subEl => subEl.classList.remove(swiper.params.pagination.paginationDisabledClass));
- }
- init();
- render();
- update();
- };
- const disable = () => {
- swiper.el.classList.add(swiper.params.pagination.paginationDisabledClass);
- let {
- el
- } = swiper.pagination;
- if (el) {
- el = makeElementsArray(el);
- el.forEach(subEl => subEl.classList.add(swiper.params.pagination.paginationDisabledClass));
- }
- destroy();
- };
- Object.assign(swiper.pagination, {
- enable,
- disable,
- render,
- update,
- init,
- destroy
- });
- }
-
- function Scrollbar({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const document = getDocument();
- let isTouched = false;
- let timeout = null;
- let dragTimeout = null;
- let dragStartPos;
- let dragSize;
- let trackSize;
- let divider;
- extendParams({
- scrollbar: {
- el: null,
- dragSize: 'auto',
- hide: false,
- draggable: false,
- snapOnRelease: true,
- lockClass: 'swiper-scrollbar-lock',
- dragClass: 'swiper-scrollbar-drag',
- scrollbarDisabledClass: 'swiper-scrollbar-disabled',
- horizontalClass: `swiper-scrollbar-horizontal`,
- verticalClass: `swiper-scrollbar-vertical`
- }
- });
- swiper.scrollbar = {
- el: null,
- dragEl: null
- };
- function setTranslate() {
- if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
- const {
- scrollbar,
- rtlTranslate: rtl
- } = swiper;
- const {
- dragEl,
- el
- } = scrollbar;
- const params = swiper.params.scrollbar;
- const progress = swiper.params.loop ? swiper.progressLoop : swiper.progress;
- let newSize = dragSize;
- let newPos = (trackSize - dragSize) * progress;
- if (rtl) {
- newPos = -newPos;
- if (newPos > 0) {
- newSize = dragSize - newPos;
- newPos = 0;
- } else if (-newPos + dragSize > trackSize) {
- newSize = trackSize + newPos;
- }
- } else if (newPos < 0) {
- newSize = dragSize + newPos;
- newPos = 0;
- } else if (newPos + dragSize > trackSize) {
- newSize = trackSize - newPos;
- }
- if (swiper.isHorizontal()) {
- dragEl.style.transform = `translate3d(${newPos}px, 0, 0)`;
- dragEl.style.width = `${newSize}px`;
- } else {
- dragEl.style.transform = `translate3d(0px, ${newPos}px, 0)`;
- dragEl.style.height = `${newSize}px`;
- }
- if (params.hide) {
- clearTimeout(timeout);
- el.style.opacity = 1;
- timeout = setTimeout(() => {
- el.style.opacity = 0;
- el.style.transitionDuration = '400ms';
- }, 1000);
- }
- }
- function setTransition(duration) {
- if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
- swiper.scrollbar.dragEl.style.transitionDuration = `${duration}ms`;
- }
- function updateSize() {
- if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
- const {
- scrollbar
- } = swiper;
- const {
- dragEl,
- el
- } = scrollbar;
- dragEl.style.width = '';
- dragEl.style.height = '';
- trackSize = swiper.isHorizontal() ? el.offsetWidth : el.offsetHeight;
- divider = swiper.size / (swiper.virtualSize + swiper.params.slidesOffsetBefore - (swiper.params.centeredSlides ? swiper.snapGrid[0] : 0));
- if (swiper.params.scrollbar.dragSize === 'auto') {
- dragSize = trackSize * divider;
- } else {
- dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);
- }
- if (swiper.isHorizontal()) {
- dragEl.style.width = `${dragSize}px`;
- } else {
- dragEl.style.height = `${dragSize}px`;
- }
- if (divider >= 1) {
- el.style.display = 'none';
- } else {
- el.style.display = '';
- }
- if (swiper.params.scrollbar.hide) {
- el.style.opacity = 0;
- }
- if (swiper.params.watchOverflow && swiper.enabled) {
- scrollbar.el.classList[swiper.isLocked ? 'add' : 'remove'](swiper.params.scrollbar.lockClass);
- }
- }
- function getPointerPosition(e) {
- return swiper.isHorizontal() ? e.clientX : e.clientY;
- }
- function setDragPosition(e) {
- const {
- scrollbar,
- rtlTranslate: rtl
- } = swiper;
- const {
- el
- } = scrollbar;
- let positionRatio;
- positionRatio = (getPointerPosition(e) - elementOffset(el)[swiper.isHorizontal() ? 'left' : 'top'] - (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);
- positionRatio = Math.max(Math.min(positionRatio, 1), 0);
- if (rtl) {
- positionRatio = 1 - positionRatio;
- }
- const position = swiper.minTranslate() + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio;
- swiper.updateProgress(position);
- swiper.setTranslate(position);
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- }
- function onDragStart(e) {
- const params = swiper.params.scrollbar;
- const {
- scrollbar,
- wrapperEl
- } = swiper;
- const {
- el,
- dragEl
- } = scrollbar;
- isTouched = true;
- dragStartPos = e.target === dragEl ? getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;
- e.preventDefault();
- e.stopPropagation();
- wrapperEl.style.transitionDuration = '100ms';
- dragEl.style.transitionDuration = '100ms';
- setDragPosition(e);
- clearTimeout(dragTimeout);
- el.style.transitionDuration = '0ms';
- if (params.hide) {
- el.style.opacity = 1;
- }
- if (swiper.params.cssMode) {
- swiper.wrapperEl.style['scroll-snap-type'] = 'none';
- }
- emit('scrollbarDragStart', e);
- }
- function onDragMove(e) {
- const {
- scrollbar,
- wrapperEl
- } = swiper;
- const {
- el,
- dragEl
- } = scrollbar;
- if (!isTouched) return;
- if (e.preventDefault && e.cancelable) e.preventDefault();else e.returnValue = false;
- setDragPosition(e);
- wrapperEl.style.transitionDuration = '0ms';
- el.style.transitionDuration = '0ms';
- dragEl.style.transitionDuration = '0ms';
- emit('scrollbarDragMove', e);
- }
- function onDragEnd(e) {
- const params = swiper.params.scrollbar;
- const {
- scrollbar,
- wrapperEl
- } = swiper;
- const {
- el
- } = scrollbar;
- if (!isTouched) return;
- isTouched = false;
- if (swiper.params.cssMode) {
- swiper.wrapperEl.style['scroll-snap-type'] = '';
- wrapperEl.style.transitionDuration = '';
- }
- if (params.hide) {
- clearTimeout(dragTimeout);
- dragTimeout = nextTick(() => {
- el.style.opacity = 0;
- el.style.transitionDuration = '400ms';
- }, 1000);
- }
- emit('scrollbarDragEnd', e);
- if (params.snapOnRelease) {
- swiper.slideToClosest();
- }
- }
- function events(method) {
- const {
- scrollbar,
- params
- } = swiper;
- const el = scrollbar.el;
- if (!el) return;
- const target = el;
- const activeListener = params.passiveListeners ? {
- passive: false,
- capture: false
- } : false;
- const passiveListener = params.passiveListeners ? {
- passive: true,
- capture: false
- } : false;
- if (!target) return;
- const eventMethod = method === 'on' ? 'addEventListener' : 'removeEventListener';
- target[eventMethod]('pointerdown', onDragStart, activeListener);
- document[eventMethod]('pointermove', onDragMove, activeListener);
- document[eventMethod]('pointerup', onDragEnd, passiveListener);
- }
- function enableDraggable() {
- if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
- events('on');
- }
- function disableDraggable() {
- if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
- events('off');
- }
- function init() {
- const {
- scrollbar,
- el: swiperEl
- } = swiper;
- swiper.params.scrollbar = createElementIfNotDefined(swiper, swiper.originalParams.scrollbar, swiper.params.scrollbar, {
- el: 'swiper-scrollbar'
- });
- const params = swiper.params.scrollbar;
- if (!params.el) return;
- let el;
- if (typeof params.el === 'string' && swiper.isElement) {
- el = swiper.el.querySelector(params.el);
- }
- if (!el && typeof params.el === 'string') {
- el = document.querySelectorAll(params.el);
- if (!el.length) return;
- } 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);
- }
- if (el.length > 0) el = el[0];
- el.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
- let dragEl;
- if (el) {
- dragEl = el.querySelector(classesToSelector(swiper.params.scrollbar.dragClass));
- if (!dragEl) {
- dragEl = createElement('div', swiper.params.scrollbar.dragClass);
- el.append(dragEl);
- }
- }
- Object.assign(scrollbar, {
- el,
- dragEl
- });
- if (params.draggable) {
- enableDraggable();
- }
- if (el) {
- el.classList[swiper.enabled ? 'remove' : 'add'](...classesToTokens(swiper.params.scrollbar.lockClass));
- }
- }
- function destroy() {
- const params = swiper.params.scrollbar;
- const el = swiper.scrollbar.el;
- if (el) {
- el.classList.remove(...classesToTokens(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass));
- }
- disableDraggable();
- }
- on('changeDirection', () => {
- if (!swiper.scrollbar || !swiper.scrollbar.el) return;
- const params = swiper.params.scrollbar;
- let {
- el
- } = swiper.scrollbar;
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.classList.remove(params.horizontalClass, params.verticalClass);
- subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
- });
- });
- on('init', () => {
- if (swiper.params.scrollbar.enabled === false) {
- // eslint-disable-next-line
- disable();
- } else {
- init();
- updateSize();
- setTranslate();
- }
- });
- on('update resize observerUpdate lock unlock changeDirection', () => {
- updateSize();
- });
- on('setTranslate', () => {
- setTranslate();
- });
- on('setTransition', (_s, duration) => {
- setTransition(duration);
- });
- on('enable disable', () => {
- const {
- el
- } = swiper.scrollbar;
- if (el) {
- el.classList[swiper.enabled ? 'remove' : 'add'](...classesToTokens(swiper.params.scrollbar.lockClass));
- }
- });
- on('destroy', () => {
- destroy();
- });
- const enable = () => {
- swiper.el.classList.remove(...classesToTokens(swiper.params.scrollbar.scrollbarDisabledClass));
- if (swiper.scrollbar.el) {
- swiper.scrollbar.el.classList.remove(...classesToTokens(swiper.params.scrollbar.scrollbarDisabledClass));
- }
- init();
- updateSize();
- setTranslate();
- };
- const disable = () => {
- swiper.el.classList.add(...classesToTokens(swiper.params.scrollbar.scrollbarDisabledClass));
- if (swiper.scrollbar.el) {
- swiper.scrollbar.el.classList.add(...classesToTokens(swiper.params.scrollbar.scrollbarDisabledClass));
- }
- destroy();
- };
- Object.assign(swiper.scrollbar, {
- enable,
- disable,
- updateSize,
- setTranslate,
- init,
- destroy
- });
- }
-
- function Parallax({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- parallax: {
- enabled: false
- }
- });
- const elementsSelector = '[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]';
- const setTransform = (el, progress) => {
- const {
- rtl
- } = swiper;
- const rtlFactor = rtl ? -1 : 1;
- const p = el.getAttribute('data-swiper-parallax') || '0';
- let x = el.getAttribute('data-swiper-parallax-x');
- 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';
- } else if (swiper.isHorizontal()) {
- x = p;
- y = '0';
- } else {
- y = p;
- x = '0';
- }
- if (x.indexOf('%') >= 0) {
- x = `${parseInt(x, 10) * progress * rtlFactor}%`;
- } else {
- x = `${x * progress * rtlFactor}px`;
- }
- if (y.indexOf('%') >= 0) {
- y = `${parseInt(y, 10) * progress}%`;
- } else {
- y = `${y * progress}px`;
- }
- if (typeof opacity !== 'undefined' && opacity !== null) {
- const currentOpacity = opacity - (opacity - 1) * (1 - Math.abs(progress));
- el.style.opacity = currentOpacity;
- }
- let transform = `translate3d(${x}, ${y}, 0px)`;
- if (typeof scale !== 'undefined' && scale !== null) {
- const currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
- 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 {
- el,
- slides,
- progress,
- snapGrid,
- isElement
- } = swiper;
- const elements = elementChildren(el, elementsSelector);
- if (swiper.isElement) {
- elements.push(...elementChildren(swiper.hostEl, elementsSelector));
- }
- elements.forEach(subEl => {
- setTransform(subEl, progress);
- });
- slides.forEach((slideEl, slideIndex) => {
- let slideProgress = slideEl.progress;
- if (swiper.params.slidesPerGroup > 1 && swiper.params.slidesPerView !== 'auto') {
- slideProgress += Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
- }
- slideProgress = Math.min(Math.max(slideProgress, -1), 1);
- slideEl.querySelectorAll(`${elementsSelector}, [data-swiper-parallax-rotate]`).forEach(subEl => {
- setTransform(subEl, slideProgress);
- });
- });
- };
- const setTransition = (duration = swiper.params.speed) => {
- const {
- el,
- hostEl
- } = swiper;
- const elements = [...el.querySelectorAll(elementsSelector)];
- if (swiper.isElement) {
- elements.push(...hostEl.querySelectorAll(elementsSelector));
- }
- elements.forEach(parallaxEl => {
- let parallaxDuration = parseInt(parallaxEl.getAttribute('data-swiper-parallax-duration'), 10) || duration;
- if (duration === 0) parallaxDuration = 0;
- parallaxEl.style.transitionDuration = `${parallaxDuration}ms`;
- });
- };
- on('beforeInit', () => {
- if (!swiper.params.parallax.enabled) return;
- swiper.params.watchSlidesProgress = true;
- swiper.originalParams.watchSlidesProgress = true;
- });
- on('init', () => {
- if (!swiper.params.parallax.enabled) return;
- setTranslate();
- });
- on('setTranslate', () => {
- if (!swiper.params.parallax.enabled) return;
- setTranslate();
- });
- on('setTransition', (_swiper, duration) => {
- if (!swiper.params.parallax.enabled) return;
- setTransition(duration);
- });
- }
-
- function Zoom({
- swiper,
- extendParams,
- on,
- emit
- }) {
- const window = getWindow();
- extendParams({
- zoom: {
- enabled: false,
- limitToOriginalSize: false,
- maxRatio: 3,
- minRatio: 1,
- panOnMouseMove: false,
- toggle: true,
- containerClass: 'swiper-zoom-container',
- zoomedSlideClass: 'swiper-slide-zoomed'
- }
- });
- swiper.zoom = {
- enabled: false
- };
- let currentScale = 1;
- let isScaling = false;
- let isPanningWithMouse = false;
- let mousePanStart = {
- x: 0,
- y: 0
- };
- const mousePanSensitivity = -3; // Negative to invert pan direction
- let fakeGestureTouched;
- let fakeGestureMoved;
- const evCache = [];
- const gesture = {
- originX: 0,
- originY: 0,
- slideEl: undefined,
- slideWidth: undefined,
- slideHeight: undefined,
- imageEl: undefined,
- imageWrapEl: undefined,
- maxRatio: 3
- };
- const image = {
- isTouched: undefined,
- isMoved: undefined,
- currentX: undefined,
- currentY: undefined,
- minX: undefined,
- minY: undefined,
- maxX: undefined,
- maxY: undefined,
- width: undefined,
- height: undefined,
- startX: undefined,
- startY: undefined,
- touchesStart: {},
- touchesCurrent: {}
- };
- const velocity = {
- x: undefined,
- y: undefined,
- prevPositionX: undefined,
- prevPositionY: undefined,
- prevTime: undefined
- };
- let scale = 1;
- Object.defineProperty(swiper.zoom, 'scale', {
- get() {
- return scale;
- },
- set(value) {
- if (scale !== value) {
- const imageEl = gesture.imageEl;
- const slideEl = gesture.slideEl;
- emit('zoomChange', value, imageEl, slideEl);
- }
- scale = value;
- }
- });
- function getDistanceBetweenTouches() {
- if (evCache.length < 2) return 1;
- const x1 = evCache[0].pageX;
- const y1 = evCache[0].pageY;
- const x2 = evCache[1].pageX;
- const y2 = evCache[1].pageY;
- const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
- return distance;
- }
- function getMaxRatio() {
- const params = swiper.params.zoom;
- const maxRatio = gesture.imageWrapEl.getAttribute('data-swiper-zoom') || params.maxRatio;
- if (params.limitToOriginalSize && gesture.imageEl && gesture.imageEl.naturalWidth) {
- const imageMaxRatio = gesture.imageEl.naturalWidth / gesture.imageEl.offsetWidth;
- return Math.min(imageMaxRatio, maxRatio);
- }
- return maxRatio;
- }
- function getScaleOrigin() {
- if (evCache.length < 2) return {
- x: null,
- y: null
- };
- const box = gesture.imageEl.getBoundingClientRect();
- return [(evCache[0].pageX + (evCache[1].pageX - evCache[0].pageX) / 2 - box.x - window.scrollX) / currentScale, (evCache[0].pageY + (evCache[1].pageY - evCache[0].pageY) / 2 - box.y - window.scrollY) / currentScale];
- }
- function getSlideSelector() {
- return swiper.isElement ? `swiper-slide` : `.${swiper.params.slideClass}`;
- }
- function eventWithinSlide(e) {
- const slideSelector = getSlideSelector();
- if (e.target.matches(slideSelector)) return true;
- if (swiper.slides.filter(slideEl => slideEl.contains(e.target)).length > 0) return true;
- return false;
- }
- function eventWithinZoomContainer(e) {
- const selector = `.${swiper.params.zoom.containerClass}`;
- if (e.target.matches(selector)) return true;
- if ([...swiper.hostEl.querySelectorAll(selector)].filter(containerEl => containerEl.contains(e.target)).length > 0) return true;
- return false;
- }
-
- // Events
- function onGestureStart(e) {
- if (e.pointerType === 'mouse') {
- evCache.splice(0, evCache.length);
- }
- if (!eventWithinSlide(e)) return;
- const params = swiper.params.zoom;
- fakeGestureTouched = false;
- fakeGestureMoved = false;
- evCache.push(e);
- if (evCache.length < 2) {
- return;
- }
- fakeGestureTouched = true;
- gesture.scaleStart = getDistanceBetweenTouches();
- if (!gesture.slideEl) {
- gesture.slideEl = e.target.closest(`.${swiper.params.slideClass}, swiper-slide`);
- if (!gesture.slideEl) gesture.slideEl = swiper.slides[swiper.activeIndex];
- let imageEl = gesture.slideEl.querySelector(`.${params.containerClass}`);
- if (imageEl) {
- imageEl = imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0];
- }
- gesture.imageEl = imageEl;
- if (imageEl) {
- gesture.imageWrapEl = elementParents(gesture.imageEl, `.${params.containerClass}`)[0];
- } else {
- gesture.imageWrapEl = undefined;
- }
- if (!gesture.imageWrapEl) {
- gesture.imageEl = undefined;
- return;
- }
- gesture.maxRatio = getMaxRatio();
- }
- if (gesture.imageEl) {
- const [originX, originY] = getScaleOrigin();
- gesture.originX = originX;
- gesture.originY = originY;
- gesture.imageEl.style.transitionDuration = '0ms';
- }
- isScaling = true;
- }
- function onGestureChange(e) {
- if (!eventWithinSlide(e)) return;
- const params = swiper.params.zoom;
- const zoom = swiper.zoom;
- const pointerIndex = evCache.findIndex(cachedEv => cachedEv.pointerId === e.pointerId);
- if (pointerIndex >= 0) evCache[pointerIndex] = e;
- if (evCache.length < 2) {
- return;
- }
- fakeGestureMoved = true;
- gesture.scaleMove = getDistanceBetweenTouches();
- if (!gesture.imageEl) {
- return;
- }
- zoom.scale = gesture.scaleMove / gesture.scaleStart * currentScale;
- if (zoom.scale > gesture.maxRatio) {
- zoom.scale = gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5;
- }
- if (zoom.scale < params.minRatio) {
- zoom.scale = params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5;
- }
- gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
- }
- function onGestureEnd(e) {
- if (!eventWithinSlide(e)) return;
- if (e.pointerType === 'mouse' && e.type === 'pointerout') return;
- const params = swiper.params.zoom;
- const zoom = swiper.zoom;
- const pointerIndex = evCache.findIndex(cachedEv => cachedEv.pointerId === e.pointerId);
- if (pointerIndex >= 0) evCache.splice(pointerIndex, 1);
- if (!fakeGestureTouched || !fakeGestureMoved) {
- return;
- }
- fakeGestureTouched = false;
- fakeGestureMoved = false;
- if (!gesture.imageEl) return;
- zoom.scale = Math.max(Math.min(zoom.scale, gesture.maxRatio), params.minRatio);
- gesture.imageEl.style.transitionDuration = `${swiper.params.speed}ms`;
- gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
- currentScale = zoom.scale;
- isScaling = false;
- if (zoom.scale > 1 && gesture.slideEl) {
- gesture.slideEl.classList.add(`${params.zoomedSlideClass}`);
- } else if (zoom.scale <= 1 && gesture.slideEl) {
- gesture.slideEl.classList.remove(`${params.zoomedSlideClass}`);
- }
- if (zoom.scale === 1) {
- gesture.originX = 0;
- gesture.originY = 0;
- gesture.slideEl = undefined;
- }
- }
- let allowTouchMoveTimeout;
- function allowTouchMove() {
- swiper.touchEventsData.preventTouchMoveFromPointerMove = false;
- }
- function preventTouchMove() {
- clearTimeout(allowTouchMoveTimeout);
- swiper.touchEventsData.preventTouchMoveFromPointerMove = true;
- allowTouchMoveTimeout = setTimeout(() => {
- if (swiper.destroyed) return;
- allowTouchMove();
- });
- }
- function onTouchStart(e) {
- const device = swiper.device;
- if (!gesture.imageEl) return;
- if (image.isTouched) return;
- if (device.android && e.cancelable) e.preventDefault();
- image.isTouched = true;
- const event = evCache.length > 0 ? evCache[0] : e;
- image.touchesStart.x = event.pageX;
- image.touchesStart.y = event.pageY;
- }
- function onTouchMove(e) {
- const isMouseEvent = e.pointerType === 'mouse';
- const isMousePan = isMouseEvent && swiper.params.zoom.panOnMouseMove;
- if (!eventWithinSlide(e) || !eventWithinZoomContainer(e)) {
- return;
- }
- const zoom = swiper.zoom;
- if (!gesture.imageEl) {
- return;
- }
- if (!image.isTouched || !gesture.slideEl) {
- if (isMousePan) onMouseMove(e);
- return;
- }
- if (isMousePan) {
- onMouseMove(e);
- return;
- }
- if (!image.isMoved) {
- image.width = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
- image.height = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
- image.startX = getTranslate(gesture.imageWrapEl, 'x') || 0;
- image.startY = getTranslate(gesture.imageWrapEl, 'y') || 0;
- gesture.slideWidth = gesture.slideEl.offsetWidth;
- gesture.slideHeight = gesture.slideEl.offsetHeight;
- gesture.imageWrapEl.style.transitionDuration = '0ms';
- }
- // 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);
- image.maxX = -image.minX;
- image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
- image.maxY = -image.minY;
- image.touchesCurrent.x = evCache.length > 0 ? evCache[0].pageX : e.pageX;
- image.touchesCurrent.y = evCache.length > 0 ? evCache[0].pageY : e.pageY;
- const touchesDiff = Math.max(Math.abs(image.touchesCurrent.x - image.touchesStart.x), Math.abs(image.touchesCurrent.y - image.touchesStart.y));
- if (touchesDiff > 5) {
- swiper.allowClick = false;
- }
- if (!image.isMoved && !isScaling) {
- if (swiper.isHorizontal() && (Math.floor(image.minX) === Math.floor(image.startX) && image.touchesCurrent.x < image.touchesStart.x || Math.floor(image.maxX) === Math.floor(image.startX) && image.touchesCurrent.x > image.touchesStart.x)) {
- image.isTouched = false;
- allowTouchMove();
- return;
- }
- if (!swiper.isHorizontal() && (Math.floor(image.minY) === Math.floor(image.startY) && image.touchesCurrent.y < image.touchesStart.y || Math.floor(image.maxY) === Math.floor(image.startY) && image.touchesCurrent.y > image.touchesStart.y)) {
- image.isTouched = false;
- allowTouchMove();
- return;
- }
- }
- if (e.cancelable) {
- e.preventDefault();
- }
- e.stopPropagation();
- preventTouchMove();
- image.isMoved = true;
- const scaleRatio = (zoom.scale - currentScale) / (gesture.maxRatio - swiper.params.zoom.minRatio);
- const {
- originX,
- originY
- } = gesture;
- image.currentX = image.touchesCurrent.x - image.touchesStart.x + image.startX + scaleRatio * (image.width - originX * 2);
- image.currentY = image.touchesCurrent.y - image.touchesStart.y + image.startY + scaleRatio * (image.height - originY * 2);
- if (image.currentX < image.minX) {
- image.currentX = image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8;
- }
- if (image.currentX > image.maxX) {
- image.currentX = image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8;
- }
- if (image.currentY < image.minY) {
- image.currentY = image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8;
- }
- if (image.currentY > image.maxY) {
- image.currentY = image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
- }
-
- // Velocity
- if (!velocity.prevPositionX) velocity.prevPositionX = image.touchesCurrent.x;
- if (!velocity.prevPositionY) velocity.prevPositionY = image.touchesCurrent.y;
- if (!velocity.prevTime) velocity.prevTime = Date.now();
- velocity.x = (image.touchesCurrent.x - velocity.prevPositionX) / (Date.now() - velocity.prevTime) / 2;
- velocity.y = (image.touchesCurrent.y - velocity.prevPositionY) / (Date.now() - velocity.prevTime) / 2;
- if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2) velocity.x = 0;
- if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2) velocity.y = 0;
- velocity.prevPositionX = image.touchesCurrent.x;
- velocity.prevPositionY = image.touchesCurrent.y;
- velocity.prevTime = Date.now();
- gesture.imageWrapEl.style.transform = `translate3d(${image.currentX}px, ${image.currentY}px,0)`;
- }
- function onTouchEnd() {
- const zoom = swiper.zoom;
- evCache.length = 0;
- if (!gesture.imageEl) return;
- if (!image.isTouched || !image.isMoved) {
- image.isTouched = false;
- image.isMoved = false;
- return;
- }
- image.isTouched = false;
- image.isMoved = false;
- let momentumDurationX = 300;
- let momentumDurationY = 300;
- const momentumDistanceX = velocity.x * momentumDurationX;
- const newPositionX = image.currentX + momentumDistanceX;
- const momentumDistanceY = velocity.y * momentumDurationY;
- 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
- const scaledWidth = image.width * zoom.scale;
- const scaledHeight = image.height * zoom.scale;
- image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
- image.maxX = -image.minX;
- image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
- image.maxY = -image.minY;
- image.currentX = Math.max(Math.min(image.currentX, image.maxX), image.minX);
- image.currentY = Math.max(Math.min(image.currentY, image.maxY), image.minY);
- gesture.imageWrapEl.style.transitionDuration = `${momentumDuration}ms`;
- gesture.imageWrapEl.style.transform = `translate3d(${image.currentX}px, ${image.currentY}px,0)`;
- }
- function onTransitionEnd() {
- const zoom = swiper.zoom;
- if (gesture.slideEl && swiper.activeIndex !== swiper.slides.indexOf(gesture.slideEl)) {
- if (gesture.imageEl) {
- gesture.imageEl.style.transform = 'translate3d(0,0,0) scale(1)';
- }
- if (gesture.imageWrapEl) {
- gesture.imageWrapEl.style.transform = 'translate3d(0,0,0)';
- }
- gesture.slideEl.classList.remove(`${swiper.params.zoom.zoomedSlideClass}`);
- zoom.scale = 1;
- currentScale = 1;
- gesture.slideEl = undefined;
- gesture.imageEl = undefined;
- gesture.imageWrapEl = undefined;
- gesture.originX = 0;
- gesture.originY = 0;
- }
- }
- function onMouseMove(e) {
- // Only pan if zoomed in and mouse panning is enabled
- if (currentScale <= 1 || !gesture.imageWrapEl) return;
- if (!eventWithinSlide(e) || !eventWithinZoomContainer(e)) return;
- const currentTransform = window.getComputedStyle(gesture.imageWrapEl).transform;
- const matrix = new window.DOMMatrix(currentTransform);
- if (!isPanningWithMouse) {
- isPanningWithMouse = true;
- mousePanStart.x = e.clientX;
- mousePanStart.y = e.clientY;
- image.startX = matrix.e;
- image.startY = matrix.f;
- image.width = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
- image.height = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
- gesture.slideWidth = gesture.slideEl.offsetWidth;
- gesture.slideHeight = gesture.slideEl.offsetHeight;
- return;
- }
- const deltaX = (e.clientX - mousePanStart.x) * mousePanSensitivity;
- const deltaY = (e.clientY - mousePanStart.y) * mousePanSensitivity;
- const scaledWidth = image.width * currentScale;
- const scaledHeight = image.height * currentScale;
- const slideWidth = gesture.slideWidth;
- const slideHeight = gesture.slideHeight;
- const minX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
- const maxX = -minX;
- const minY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
- const maxY = -minY;
- const newX = Math.max(Math.min(image.startX + deltaX, maxX), minX);
- const newY = Math.max(Math.min(image.startY + deltaY, maxY), minY);
- gesture.imageWrapEl.style.transitionDuration = '0ms';
- gesture.imageWrapEl.style.transform = `translate3d(${newX}px, ${newY}px, 0)`;
- mousePanStart.x = e.clientX;
- mousePanStart.y = e.clientY;
- image.startX = newX;
- image.startY = newY;
- image.currentX = newX;
- image.currentY = newY;
- }
- function zoomIn(e) {
- const zoom = swiper.zoom;
- const params = swiper.params.zoom;
- if (!gesture.slideEl) {
- if (e && e.target) {
- gesture.slideEl = e.target.closest(`.${swiper.params.slideClass}, swiper-slide`);
- }
- if (!gesture.slideEl) {
- if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
- gesture.slideEl = elementChildren(swiper.slidesEl, `.${swiper.params.slideActiveClass}`)[0];
- } else {
- gesture.slideEl = swiper.slides[swiper.activeIndex];
- }
- }
- let imageEl = gesture.slideEl.querySelector(`.${params.containerClass}`);
- if (imageEl) {
- imageEl = imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0];
- }
- gesture.imageEl = imageEl;
- if (imageEl) {
- gesture.imageWrapEl = elementParents(gesture.imageEl, `.${params.containerClass}`)[0];
- } else {
- gesture.imageWrapEl = undefined;
- }
- }
- if (!gesture.imageEl || !gesture.imageWrapEl) return;
- gesture.maxRatio = getMaxRatio();
- if (swiper.params.cssMode) {
- swiper.wrapperEl.style.overflow = 'hidden';
- swiper.wrapperEl.style.touchAction = 'none';
- }
- gesture.slideEl.classList.add(`${params.zoomedSlideClass}`);
- let touchX;
- let touchY;
- let offsetX;
- let offsetY;
- let diffX;
- let diffY;
- let translateX;
- let translateY;
- let imageWidth;
- let imageHeight;
- let scaledWidth;
- let scaledHeight;
- let translateMinX;
- let translateMinY;
- let translateMaxX;
- let translateMaxY;
- let slideWidth;
- let slideHeight;
- if (typeof image.touchesStart.x === 'undefined' && e) {
- touchX = e.pageX;
- touchY = e.pageY;
- } else {
- touchX = image.touchesStart.x;
- touchY = image.touchesStart.y;
- }
- const prevScale = currentScale;
- const forceZoomRatio = typeof e === 'number' ? e : null;
- if (currentScale === 1 && forceZoomRatio) {
- touchX = undefined;
- touchY = undefined;
- image.touchesStart.x = undefined;
- image.touchesStart.y = undefined;
- }
- const maxRatio = getMaxRatio();
- zoom.scale = forceZoomRatio || maxRatio;
- currentScale = forceZoomRatio || maxRatio;
- if (e && !(currentScale === 1 && forceZoomRatio)) {
- slideWidth = gesture.slideEl.offsetWidth;
- slideHeight = gesture.slideEl.offsetHeight;
- offsetX = elementOffset(gesture.slideEl).left + window.scrollX;
- offsetY = elementOffset(gesture.slideEl).top + window.scrollY;
- diffX = offsetX + slideWidth / 2 - touchX;
- diffY = offsetY + slideHeight / 2 - touchY;
- imageWidth = gesture.imageEl.offsetWidth || gesture.imageEl.clientWidth;
- imageHeight = gesture.imageEl.offsetHeight || gesture.imageEl.clientHeight;
- scaledWidth = imageWidth * zoom.scale;
- scaledHeight = imageHeight * zoom.scale;
- translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
- translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
- translateMaxX = -translateMinX;
- translateMaxY = -translateMinY;
- if (prevScale > 0 && forceZoomRatio && typeof image.currentX === 'number' && typeof image.currentY === 'number') {
- translateX = image.currentX * zoom.scale / prevScale;
- translateY = image.currentY * zoom.scale / prevScale;
- } else {
- translateX = diffX * zoom.scale;
- translateY = diffY * zoom.scale;
- }
- if (translateX < translateMinX) {
- translateX = translateMinX;
- }
- if (translateX > translateMaxX) {
- translateX = translateMaxX;
- }
- if (translateY < translateMinY) {
- translateY = translateMinY;
- }
- if (translateY > translateMaxY) {
- translateY = translateMaxY;
- }
- } else {
- translateX = 0;
- translateY = 0;
- }
- if (forceZoomRatio && zoom.scale === 1) {
- gesture.originX = 0;
- gesture.originY = 0;
- }
- image.currentX = translateX;
- image.currentY = translateY;
- gesture.imageWrapEl.style.transitionDuration = '300ms';
- gesture.imageWrapEl.style.transform = `translate3d(${translateX}px, ${translateY}px,0)`;
- gesture.imageEl.style.transitionDuration = '300ms';
- gesture.imageEl.style.transform = `translate3d(0,0,0) scale(${zoom.scale})`;
- }
- function zoomOut() {
- const zoom = swiper.zoom;
- const params = swiper.params.zoom;
- if (!gesture.slideEl) {
- if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
- gesture.slideEl = elementChildren(swiper.slidesEl, `.${swiper.params.slideActiveClass}`)[0];
- } else {
- gesture.slideEl = swiper.slides[swiper.activeIndex];
- }
- let imageEl = gesture.slideEl.querySelector(`.${params.containerClass}`);
- if (imageEl) {
- imageEl = imageEl.querySelectorAll('picture, img, svg, canvas, .swiper-zoom-target')[0];
- }
- gesture.imageEl = imageEl;
- if (imageEl) {
- gesture.imageWrapEl = elementParents(gesture.imageEl, `.${params.containerClass}`)[0];
- } else {
- gesture.imageWrapEl = undefined;
- }
- }
- if (!gesture.imageEl || !gesture.imageWrapEl) return;
- gesture.maxRatio = getMaxRatio();
- if (swiper.params.cssMode) {
- swiper.wrapperEl.style.overflow = '';
- swiper.wrapperEl.style.touchAction = '';
- }
- zoom.scale = 1;
- currentScale = 1;
- image.currentX = undefined;
- image.currentY = undefined;
- image.touchesStart.x = undefined;
- image.touchesStart.y = undefined;
- gesture.imageWrapEl.style.transitionDuration = '300ms';
- gesture.imageWrapEl.style.transform = 'translate3d(0,0,0)';
- gesture.imageEl.style.transitionDuration = '300ms';
- gesture.imageEl.style.transform = 'translate3d(0,0,0) scale(1)';
- gesture.slideEl.classList.remove(`${params.zoomedSlideClass}`);
- gesture.slideEl = undefined;
- gesture.originX = 0;
- gesture.originY = 0;
- if (swiper.params.zoom.panOnMouseMove) {
- mousePanStart = {
- x: 0,
- y: 0
- };
- if (isPanningWithMouse) {
- isPanningWithMouse = false;
- image.startX = 0;
- image.startY = 0;
}
- }
- }
-
- // Toggle Zoom
- function zoomToggle(e) {
- const zoom = swiper.zoom;
- if (zoom.scale && zoom.scale !== 1) {
- // Zoom Out
- zoomOut();
- } else {
- // Zoom In
- zoomIn(e);
- }
- }
- function getListeners() {
- const passiveListener = swiper.params.passiveListeners ? {
- passive: true,
- capture: false
- } : false;
- const activeListenerWithCapture = swiper.params.passiveListeners ? {
- passive: false,
- capture: true
- } : true;
- return {
- passiveListener,
- activeListenerWithCapture
- };
- }
-
- // Attach/Detach Events
- function enable() {
- const zoom = swiper.zoom;
- if (zoom.enabled) return;
- zoom.enabled = true;
- const {
- passiveListener,
- activeListenerWithCapture
- } = getListeners();
-
- // Scale image
- swiper.wrapperEl.addEventListener('pointerdown', onGestureStart, passiveListener);
- swiper.wrapperEl.addEventListener('pointermove', onGestureChange, activeListenerWithCapture);
- ['pointerup', 'pointercancel', 'pointerout'].forEach(eventName => {
- swiper.wrapperEl.addEventListener(eventName, onGestureEnd, passiveListener);
- });
-
- // Move image
- swiper.wrapperEl.addEventListener('pointermove', onTouchMove, activeListenerWithCapture);
- }
- function disable() {
- const zoom = swiper.zoom;
- if (!zoom.enabled) return;
- zoom.enabled = false;
- const {
- passiveListener,
- activeListenerWithCapture
- } = getListeners();
-
- // Scale image
- swiper.wrapperEl.removeEventListener('pointerdown', onGestureStart, passiveListener);
- swiper.wrapperEl.removeEventListener('pointermove', onGestureChange, activeListenerWithCapture);
- ['pointerup', 'pointercancel', 'pointerout'].forEach(eventName => {
- swiper.wrapperEl.removeEventListener(eventName, onGestureEnd, passiveListener);
- });
-
- // Move image
- swiper.wrapperEl.removeEventListener('pointermove', onTouchMove, activeListenerWithCapture);
- }
- on('init', () => {
- if (swiper.params.zoom.enabled) {
- enable();
- }
- });
- on('destroy', () => {
- disable();
- });
- on('touchStart', (_s, e) => {
- if (!swiper.zoom.enabled) return;
- onTouchStart(e);
- });
- on('touchEnd', (_s, e) => {
- if (!swiper.zoom.enabled) return;
- onTouchEnd();
- });
- on('doubleTap', (_s, e) => {
- if (!swiper.animating && swiper.params.zoom.enabled && swiper.zoom.enabled && swiper.params.zoom.toggle) {
- zoomToggle(e);
- }
- });
- on('transitionEnd', () => {
- if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
- onTransitionEnd();
- }
- });
- on('slideChange', () => {
- if (swiper.zoom.enabled && swiper.params.zoom.enabled && swiper.params.cssMode) {
- onTransitionEnd();
- }
- });
- Object.assign(swiper.zoom, {
- enable,
- disable,
- in: zoomIn,
- out: zoomOut,
- toggle: zoomToggle
- });
- }
-
- /* eslint no-bitwise: ["error", { "allow": [">>"] }] */
- function Controller({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- controller: {
- control: undefined,
- inverse: false,
- by: 'slide' // or 'container'
- }
- });
-
- swiper.controller = {
- control: undefined
- };
- function LinearSpline(x, y) {
- const binarySearch = function search() {
- let maxIndex;
- let minIndex;
- let guess;
- return (array, val) => {
- minIndex = -1;
- maxIndex = array.length;
- while (maxIndex - minIndex > 1) {
- guess = maxIndex + minIndex >> 1;
- if (array[guess] <= val) {
- minIndex = guess;
- } else {
- maxIndex = guess;
- }
- }
- return maxIndex;
+ const initNavEl = (el, _wrapperId, message) => {
+ makeElFocusable(el);
+ if (el.tagName !== 'BUTTON') {
+ addElRole(el, 'button');
+ el.addEventListener('keydown', onEnterOrSpaceKey);
+ }
+ addElLabel(el, message);
};
- }();
- this.x = x;
- this.y = y;
- 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):
- 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
- return (x2 - this.x[i1]) * (this.y[i3] - this.y[i1]) / (this.x[i3] - this.x[i1]) + this.y[i1];
- };
- return this;
- }
- function getInterpolateFunction(c) {
- swiper.controller.spline = swiper.params.loop ? new LinearSpline(swiper.slidesGrid, c.slidesGrid) : new LinearSpline(swiper.snapGrid, c.snapGrid);
- }
- function setTranslate(_t, byController) {
- const controlled = swiper.controller.control;
- let multiplier;
- let controlledTranslate;
- const Swiper = swiper.constructor;
- function setControlledTranslate(c) {
- if (c.destroyed) return;
-
- // this will create an Interpolate function based on the snapGrids
- // x is the Grid of the scrolled scroller and y will be the controlled scroller
- // it makes sense to create this only once and recall it for the interpolation
- // 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
- // but it did not work out
- controlledTranslate = -swiper.controller.spline.interpolate(-translate);
- }
- if (!controlledTranslate || swiper.params.controller.by === 'container') {
- multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());
- if (Number.isNaN(multiplier) || !Number.isFinite(multiplier)) {
- multiplier = 1;
- }
- controlledTranslate = (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
- }
- if (swiper.params.controller.inverse) {
- controlledTranslate = c.maxTranslate() - controlledTranslate;
- }
- c.updateProgress(controlledTranslate);
- c.setTranslate(controlledTranslate, swiper);
- c.updateActiveIndex();
- c.updateSlidesClasses();
- }
- if (Array.isArray(controlled)) {
- for (let i = 0; i < controlled.length; i += 1) {
- if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
- setControlledTranslate(controlled[i]);
- }
- }
- } else if (controlled instanceof Swiper && byController !== controlled) {
- setControlledTranslate(controlled);
- }
- }
- function setTransition(duration, byController) {
- const Swiper = swiper.constructor;
- const controlled = swiper.controller.control;
- let i;
- function setControlledTransition(c) {
- if (c.destroyed) return;
- c.setTransition(duration, swiper);
- if (duration !== 0) {
- c.transitionStart();
- if (c.params.autoHeight) {
- nextTick(() => {
- c.updateAutoHeight();
+ const handlePointerDown = (e) => {
+ if (focusTargetSlideEl &&
+ focusTargetSlideEl !== e.target &&
+ !focusTargetSlideEl.contains(e.target)) {
+ preventFocusHandler = true;
+ }
+ swiper.a11y.clicked = true;
+ };
+ const handlePointerUp = () => {
+ preventFocusHandler = false;
+ requestAnimationFrame(() => {
+ requestAnimationFrame(() => {
+ if (!swiper.destroyed) {
+ swiper.a11y.clicked = false;
+ }
+ });
});
- }
- elementTransitionEnd(c.wrapperEl, () => {
- if (!controlled) return;
- c.transitionEnd();
- });
- }
- }
- if (Array.isArray(controlled)) {
- for (i = 0; i < controlled.length; i += 1) {
- if (controlled[i] !== byController && controlled[i] instanceof Swiper) {
- setControlledTransition(controlled[i]);
- }
- }
- } else if (controlled instanceof Swiper && byController !== controlled) {
- setControlledTransition(controlled);
- }
- }
- function removeSpline() {
- if (!swiper.controller.control) return;
- if (swiper.controller.spline) {
- swiper.controller.spline = undefined;
- delete swiper.controller.spline;
- }
- }
- on('beforeInit', () => {
- if (typeof window !== 'undefined' && (
- // eslint-disable-line
- typeof swiper.params.controller.control === 'string' || swiper.params.controller.control instanceof HTMLElement)) {
- const controlElements = typeof swiper.params.controller.control === 'string' ? [...document.querySelectorAll(swiper.params.controller.control)] : [swiper.params.controller.control];
- controlElements.forEach(controlElement => {
- if (!swiper.controller.control) swiper.controller.control = [];
- if (controlElement && controlElement.swiper) {
- swiper.controller.control.push(controlElement.swiper);
- } else if (controlElement) {
- const eventName = `${swiper.params.eventsPrefix}init`;
- const onControllerSwiper = e => {
- swiper.controller.control.push(e.detail[0]);
- swiper.update();
- controlElement.removeEventListener(eventName, onControllerSwiper);
- };
- controlElement.addEventListener(eventName, onControllerSwiper);
- }
+ };
+ const onVisibilityChange = (_e) => {
+ visibilityChangedTimestamp = new Date().getTime();
+ };
+ const handleFocus = (e) => {
+ const params = getParams();
+ if (swiper.a11y.clicked || !params.scrollOnFocus)
+ return;
+ if (new Date().getTime() - visibilityChangedTimestamp < 100)
+ return;
+ const target = e.target;
+ const slideEl = target.closest(`.${swiper.params.slideClass}, swiper-slide`);
+ if (!slideEl || !swiper.slides.includes(slideEl))
+ return;
+ focusTargetSlideEl = slideEl;
+ const isVirtual = isVirtualEnabled$1(swiper);
+ const isActive = (isVirtual
+ ? parseInt(slideEl.getAttribute('data-swiper-slide-index') || '0', 10)
+ : swiper.slides.indexOf(slideEl)) === swiper.activeIndex;
+ const isVisible = swiper.params.watchSlidesProgress &&
+ swiper.visibleSlides &&
+ swiper.visibleSlides.includes(slideEl);
+ if (isActive || isVisible)
+ return;
+ const sourceCapabilities = e.sourceCapabilities;
+ if (sourceCapabilities && sourceCapabilities.firesTouchEvents)
+ return;
+ if (swiper.isHorizontal()) {
+ swiper.el.scrollLeft = 0;
+ }
+ else {
+ swiper.el.scrollTop = 0;
+ }
+ requestAnimationFrame(() => {
+ if (preventFocusHandler)
+ return;
+ if (swiper.params.loop) {
+ swiper.slideToLoop(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute('data-swiper-slide-index') || '0', 10)), 0);
+ }
+ else if (isVirtual) {
+ swiper.slideTo(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute('data-swiper-slide-index') || '0', 10)), 0);
+ }
+ else {
+ swiper.slideTo(swiper.getSlideIndexWhenGrid(swiper.slides.indexOf(slideEl)), 0);
+ }
+ preventFocusHandler = false;
+ });
+ };
+ const initSlides = () => {
+ const params = getParams();
+ if (params.itemRoleDescriptionMessage) {
+ addElRoleDescription(swiper.slides, params.itemRoleDescriptionMessage);
+ }
+ if (params.slideRole) {
+ addElRole(swiper.slides, params.slideRole);
+ }
+ const slidesLength = swiper.slides.length;
+ const slideLabelMessage = params.slideLabelMessage;
+ if (slideLabelMessage) {
+ swiper.slides.forEach((slideEl, index) => {
+ const slideIndex = swiper.params.loop
+ ? parseInt(slideEl.getAttribute('data-swiper-slide-index') || '0', 10)
+ : index;
+ const ariaLabelMessage = slideLabelMessage
+ .replace(/\{\{index\}\}/, String(slideIndex + 1))
+ .replace(/\{\{slidesLength\}\}/, String(slidesLength));
+ addElLabel(slideEl, ariaLabelMessage);
+ });
+ }
+ };
+ const init = () => {
+ const params = getParams();
+ if (liveRegion)
+ swiper.el.append(liveRegion);
+ // Container
+ const containerEl = swiper.el;
+ if (params.containerRoleDescriptionMessage) {
+ addElRoleDescription(containerEl, params.containerRoleDescriptionMessage);
+ }
+ if (params.containerMessage) {
+ addElLabel(containerEl, params.containerMessage);
+ }
+ if (params.containerRole) {
+ addElRole(containerEl, params.containerRole);
+ }
+ // Wrapper
+ const wrapperEl = swiper.wrapperEl;
+ const wrapperId = String(params.id || wrapperEl.getAttribute('id') || `swiper-wrapper-${getRandomNumber(16)}`);
+ addElId(wrapperEl, wrapperId);
+ if (params.wrapperLiveRegion) {
+ const autoplayParams = swiper.params.autoplay;
+ const live = swiper.params.autoplay && autoplayParams?.enabled ? 'off' : 'polite';
+ addElLive(wrapperEl, live);
+ }
+ // Slide
+ initSlides();
+ // Navigation
+ const nav = swiper.navigation
+ ? swiper.navigation
+ : { nextEl: undefined, prevEl: undefined };
+ const nextEls = makeElementsArray(nav.nextEl);
+ const prevEls = makeElementsArray(nav.prevEl);
+ if (nextEls) {
+ nextEls.forEach((el) => initNavEl(el, wrapperId, params.nextSlideMessage));
+ }
+ if (prevEls) {
+ prevEls.forEach((el) => initNavEl(el, wrapperId, params.prevSlideMessage));
+ }
+ // Pagination
+ if (hasClickablePagination()) {
+ const paginationEl = makeElementsArray(swiper.pagination.el);
+ paginationEl.forEach((el) => {
+ el.addEventListener('keydown', onEnterOrSpaceKey);
+ });
+ }
+ // Tab focus
+ document.addEventListener('visibilitychange', onVisibilityChange);
+ swiper.el.addEventListener('focus', handleFocus, true);
+ swiper.el.addEventListener('pointerdown', handlePointerDown, true);
+ swiper.el.addEventListener('pointerup', handlePointerUp, true);
+ };
+ function destroy() {
+ if (liveRegion)
+ liveRegion.remove();
+ const nav = swiper.navigation
+ ? swiper.navigation
+ : { nextEl: undefined, prevEl: undefined };
+ const nextEls = makeElementsArray(nav.nextEl);
+ const prevEls = makeElementsArray(nav.prevEl);
+ if (nextEls) {
+ nextEls.forEach((el) => el.removeEventListener('keydown', onEnterOrSpaceKey));
+ }
+ if (prevEls) {
+ prevEls.forEach((el) => el.removeEventListener('keydown', onEnterOrSpaceKey));
+ }
+ // Pagination
+ if (hasClickablePagination()) {
+ const paginationEl = makeElementsArray(swiper.pagination.el);
+ paginationEl.forEach((el) => {
+ el.removeEventListener('keydown', onEnterOrSpaceKey);
+ });
+ }
+ document.removeEventListener('visibilitychange', onVisibilityChange);
+ // Tab focus
+ if (swiper.el && typeof swiper.el !== 'string') {
+ swiper.el.removeEventListener('focus', handleFocus, true);
+ swiper.el.removeEventListener('pointerdown', handlePointerDown, true);
+ swiper.el.removeEventListener('pointerup', handlePointerUp, true);
+ }
+ }
+ on('beforeInit', () => {
+ liveRegion = createElement('span', getParams().notificationClass);
+ liveRegion.setAttribute('aria-live', 'assertive');
+ liveRegion.setAttribute('aria-atomic', 'true');
});
- return;
- }
- swiper.controller.control = swiper.params.controller.control;
- });
- on('update', () => {
- removeSpline();
- });
- on('resize', () => {
- removeSpline();
- });
- on('observerUpdate', () => {
- removeSpline();
- });
- on('setTranslate', (_s, translate, byController) => {
- if (!swiper.controller.control || swiper.controller.control.destroyed) return;
- swiper.controller.setTranslate(translate, byController);
- });
- on('setTransition', (_s, duration, byController) => {
- if (!swiper.controller.control || swiper.controller.control.destroyed) return;
- swiper.controller.setTransition(duration, byController);
- });
- Object.assign(swiper.controller, {
- setTranslate,
- setTransition
- });
- }
-
- function A11y({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- a11y: {
- enabled: true,
- notificationClass: 'swiper-notification',
- prevSlideMessage: 'Previous slide',
- nextSlideMessage: 'Next slide',
- firstSlideMessage: 'This is the first slide',
- lastSlideMessage: 'This is the last slide',
- paginationBulletMessage: 'Go to slide {{index}}',
- slideLabelMessage: '{{index}} / {{slidesLength}}',
- containerMessage: null,
- containerRoleDescriptionMessage: null,
- containerRole: null,
- itemRoleDescriptionMessage: null,
- slideRole: 'group',
- id: null,
- scrollOnFocus: true,
- wrapperLiveRegion: true
- }
- });
- swiper.a11y = {
- clicked: false
- };
- let liveRegion = null;
- let preventFocusHandler;
- let focusTargetSlideEl;
- let visibilityChangedTimestamp = new Date().getTime();
- function notify(message) {
- const notification = liveRegion;
- if (notification.length === 0) return;
- setInnerHTML(notification, message);
- }
- function getRandomNumber(size = 16) {
- const randomChar = () => Math.round(16 * Math.random()).toString(16);
- return 'x'.repeat(size).replace(/x/g, randomChar);
- }
- function makeElFocusable(el) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('tabIndex', '0');
- });
- }
- function makeElNotFocusable(el) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('tabIndex', '-1');
- });
- }
- function addElRole(el, role) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('role', role);
- });
- }
- function addElRoleDescription(el, description) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('aria-roledescription', description);
- });
- }
- function addElLabel(el, label) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('aria-label', label);
- });
- }
- function addElId(el, id) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('id', id);
- });
- }
- function addElLive(el, live) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('aria-live', live);
- });
- }
- function disableEl(el) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.setAttribute('aria-disabled', true);
- });
- }
- function enableEl(el) {
- el = makeElementsArray(el);
- el.forEach(subEl => {
- subEl.removeAttribute('aria-disabled');
- });
- }
- function onEnterOrSpaceKey(e) {
- if (e.keyCode !== 13 && e.keyCode !== 32) return;
- const params = swiper.params.a11y;
- const targetEl = e.target;
- if (swiper.pagination && swiper.pagination.el && (targetEl === swiper.pagination.el || swiper.pagination.el.contains(e.target))) {
- if (!e.target.matches(classesToSelector(swiper.params.pagination.bulletClass))) return;
- }
- if (swiper.navigation && swiper.navigation.prevEl && swiper.navigation.nextEl) {
- const prevEls = makeElementsArray(swiper.navigation.prevEl);
- const nextEls = makeElementsArray(swiper.navigation.nextEl);
- if (nextEls.includes(targetEl)) {
- if (!(swiper.isEnd && !swiper.params.loop)) {
- swiper.slideNext();
- }
- if (swiper.isEnd) {
- notify(params.lastSlideMessage);
- } else {
- notify(params.nextSlideMessage);
- }
- }
- if (prevEls.includes(targetEl)) {
- if (!(swiper.isBeginning && !swiper.params.loop)) {
- swiper.slidePrev();
- }
- if (swiper.isBeginning) {
- notify(params.firstSlideMessage);
- } else {
- notify(params.prevSlideMessage);
- }
- }
- }
- if (swiper.pagination && targetEl.matches(classesToSelector(swiper.params.pagination.bulletClass))) {
- targetEl.click();
- }
- }
- function updateNavigation() {
- if (swiper.params.loop || swiper.params.rewind || !swiper.navigation) return;
- const {
- nextEl,
- prevEl
- } = swiper.navigation;
- if (prevEl) {
- if (swiper.isBeginning) {
- disableEl(prevEl);
- makeElNotFocusable(prevEl);
- } else {
- enableEl(prevEl);
- makeElFocusable(prevEl);
- }
- }
- if (nextEl) {
- if (swiper.isEnd) {
- disableEl(nextEl);
- makeElNotFocusable(nextEl);
- } else {
- enableEl(nextEl);
- makeElFocusable(nextEl);
- }
- }
- }
- function hasPagination() {
- return swiper.pagination && swiper.pagination.bullets && swiper.pagination.bullets.length;
- }
- function hasClickablePagination() {
- return hasPagination() && swiper.params.pagination.clickable;
- }
- function updatePagination() {
- const params = swiper.params.a11y;
- if (!hasPagination()) return;
- swiper.pagination.bullets.forEach(bulletEl => {
- if (swiper.params.pagination.clickable) {
- makeElFocusable(bulletEl);
- if (!swiper.params.pagination.renderBullet) {
- addElRole(bulletEl, 'button');
- addElLabel(bulletEl, params.paginationBulletMessage.replace(/\{\{index\}\}/, elementIndex(bulletEl) + 1));
- }
- }
- if (bulletEl.matches(classesToSelector(swiper.params.pagination.bulletActiveClass))) {
- bulletEl.setAttribute('aria-current', 'true');
- } else {
- bulletEl.removeAttribute('aria-current');
- }
- });
- }
- const initNavEl = (el, wrapperId, message) => {
- makeElFocusable(el);
- if (el.tagName !== 'BUTTON') {
- addElRole(el, 'button');
- el.addEventListener('keydown', onEnterOrSpaceKey);
- }
- addElLabel(el, message);
- };
- const handlePointerDown = e => {
- if (focusTargetSlideEl && focusTargetSlideEl !== e.target && !focusTargetSlideEl.contains(e.target)) {
- preventFocusHandler = true;
- }
- swiper.a11y.clicked = true;
- };
- const handlePointerUp = () => {
- preventFocusHandler = false;
- requestAnimationFrame(() => {
- requestAnimationFrame(() => {
- if (!swiper.destroyed) {
- swiper.a11y.clicked = false;
- }
+ on('afterInit', () => {
+ if (!getParams().enabled)
+ return;
+ init();
+ });
+ on('slidesLengthChange snapGridLengthChange slidesGridLengthChange', () => {
+ if (!getParams().enabled)
+ return;
+ initSlides();
+ });
+ on('fromEdge toEdge afterInit lock unlock', () => {
+ if (!getParams().enabled)
+ return;
+ updateNavigation();
+ });
+ on('paginationUpdate', () => {
+ if (!getParams().enabled)
+ return;
+ updatePagination();
+ });
+ on('destroy', () => {
+ if (!getParams().enabled)
+ return;
+ destroy();
});
- });
- };
- const onVisibilityChange = e => {
- visibilityChangedTimestamp = new Date().getTime();
- };
- const handleFocus = e => {
- if (swiper.a11y.clicked || !swiper.params.a11y.scrollOnFocus) return;
- if (new Date().getTime() - visibilityChangedTimestamp < 100) return;
- const slideEl = e.target.closest(`.${swiper.params.slideClass}, swiper-slide`);
- if (!slideEl || !swiper.slides.includes(slideEl)) return;
- focusTargetSlideEl = slideEl;
- const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
- const isActive = (isVirtual ? parseInt(slideEl.getAttribute('data-swiper-slide-index'), 10) : swiper.slides.indexOf(slideEl)) === swiper.activeIndex;
- const isVisible = swiper.params.watchSlidesProgress && swiper.visibleSlides && swiper.visibleSlides.includes(slideEl);
- if (isActive || isVisible) return;
- if (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) return;
- if (swiper.isHorizontal()) {
- swiper.el.scrollLeft = 0;
- } else {
- swiper.el.scrollTop = 0;
- }
- requestAnimationFrame(() => {
- if (preventFocusHandler) return;
- if (swiper.params.loop) {
- swiper.slideToLoop(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute('data-swiper-slide-index'))), 0);
- } else if (isVirtual) {
- swiper.slideTo(swiper.getSlideIndexWhenGrid(parseInt(slideEl.getAttribute('data-swiper-slide-index'), 10)), 0);
- } else {
- swiper.slideTo(swiper.getSlideIndexWhenGrid(swiper.slides.indexOf(slideEl)), 0);
- }
- preventFocusHandler = false;
- });
- };
- const initSlides = () => {
- const params = swiper.params.a11y;
- if (params.itemRoleDescriptionMessage) {
- addElRoleDescription(swiper.slides, params.itemRoleDescriptionMessage);
- }
- if (params.slideRole) {
- addElRole(swiper.slides, params.slideRole);
- }
- const slidesLength = swiper.slides.length;
- if (params.slideLabelMessage) {
- swiper.slides.forEach((slideEl, index) => {
- const slideIndex = swiper.params.loop ? parseInt(slideEl.getAttribute('data-swiper-slide-index'), 10) : index;
- const ariaLabelMessage = params.slideLabelMessage.replace(/\{\{index\}\}/, slideIndex + 1).replace(/\{\{slidesLength\}\}/, slidesLength);
- addElLabel(slideEl, ariaLabelMessage);
- });
- }
};
- const init = () => {
- const params = swiper.params.a11y;
- swiper.el.append(liveRegion);
-
- // Container
- const containerEl = swiper.el;
- if (params.containerRoleDescriptionMessage) {
- addElRoleDescription(containerEl, params.containerRoleDescriptionMessage);
- }
- if (params.containerMessage) {
- addElLabel(containerEl, params.containerMessage);
- }
- if (params.containerRole) {
- addElRole(containerEl, params.containerRole);
- }
-
- // Wrapper
- const wrapperEl = swiper.wrapperEl;
- const wrapperId = params.id || wrapperEl.getAttribute('id') || `swiper-wrapper-${getRandomNumber(16)}`;
- addElId(wrapperEl, wrapperId);
- if (params.wrapperLiveRegion) {
- const live = swiper.params.autoplay && swiper.params.autoplay.enabled ? 'off' : 'polite';
- addElLive(wrapperEl, live);
- }
- // Slide
- initSlides();
-
- // Navigation
- let {
- nextEl,
- prevEl
- } = swiper.navigation ? swiper.navigation : {};
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- if (nextEl) {
- nextEl.forEach(el => initNavEl(el, wrapperId, params.nextSlideMessage));
- }
- if (prevEl) {
- prevEl.forEach(el => initNavEl(el, wrapperId, params.prevSlideMessage));
- }
-
- // Pagination
- if (hasClickablePagination()) {
- const paginationEl = makeElementsArray(swiper.pagination.el);
- paginationEl.forEach(el => {
- el.addEventListener('keydown', onEnterOrSpaceKey);
+ const History = ({ swiper, extendParams, on }) => {
+ extendParams({
+ history: {
+ enabled: false,
+ root: '',
+ replaceState: false,
+ key: 'slides',
+ keepQuery: false,
+ },
+ });
+ let initialized = false;
+ let paths = { key: undefined, value: undefined };
+ function getParams() {
+ return swiper.params.history;
+ }
+ const slugify = (text) => {
+ return text
+ .toString()
+ .replace(/\s+/g, '-')
+ .replace(/[^\w-]+/g, '')
+ .replace(/--+/g, '-')
+ .replace(/^-+/, '')
+ .replace(/-+$/, '');
+ };
+ const getPathValues = (urlOverride) => {
+ let location;
+ if (urlOverride) {
+ location = new URL(urlOverride);
+ }
+ else {
+ location = window.location;
+ }
+ const pathArray = location.pathname
+ .slice(1)
+ .split('/')
+ .filter((part) => part !== '');
+ const total = pathArray.length;
+ const key = pathArray[total - 2];
+ const value = pathArray[total - 1];
+ return { key, value };
+ };
+ const setHistory = (key, index) => {
+ const params = getParams();
+ if (!initialized || !params.enabled)
+ return;
+ let location;
+ if (swiper.params.url) {
+ location = new URL(swiper.params.url);
+ }
+ else {
+ location = window.location;
+ }
+ const isVirtualEnabled = !!swiper.params.virtual
+ ?.enabled;
+ const slide = swiper.virtual && isVirtualEnabled
+ ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${index}"]`)
+ : swiper.slides[index];
+ if (!slide)
+ return;
+ let value = slugify(slide.getAttribute('data-history') || '');
+ const root = params.root;
+ if (root.length > 0) {
+ const trimmedRoot = root[root.length - 1] === '/' ? root.slice(0, root.length - 1) : root;
+ value = `${trimmedRoot}/${key ? `${key}/` : ''}${value}`;
+ }
+ else if (!location.pathname.includes(key || '')) {
+ value = `${key ? `${key}/` : ''}${value}`;
+ }
+ if (params.keepQuery) {
+ value += location.search;
+ }
+ const currentState = window.history.state;
+ if (currentState && currentState.value === value) {
+ return;
+ }
+ if (params.replaceState) {
+ window.history.replaceState({ value }, '', value);
+ }
+ else {
+ window.history.pushState({ value }, '', value);
+ }
+ };
+ const scrollToSlide = (speed, value, runCallbacks) => {
+ if (value) {
+ for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
+ const slide = swiper.slides[i];
+ const slideHistory = slugify(slide.getAttribute('data-history') || '');
+ if (slideHistory === value) {
+ const index = swiper.getSlideIndex(slide);
+ swiper.slideTo(index, speed, runCallbacks);
+ }
+ }
+ }
+ else {
+ swiper.slideTo(0, speed, runCallbacks);
+ }
+ };
+ const setHistoryPopState = () => {
+ paths = getPathValues(swiper.params.url);
+ scrollToSlide(swiper.params.speed, paths.value, false);
+ };
+ const init = () => {
+ const params = swiper.params.history;
+ if (!params)
+ return;
+ if (!window.history || !window.history.pushState) {
+ params.enabled = false;
+ const hashParams = swiper.params.hashNavigation;
+ if (hashParams)
+ hashParams.enabled = true;
+ return;
+ }
+ initialized = true;
+ paths = getPathValues(swiper.params.url);
+ if (!paths.key && !paths.value) {
+ if (!params.replaceState) {
+ window.addEventListener('popstate', setHistoryPopState);
+ }
+ return;
+ }
+ scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit);
+ if (!params.replaceState) {
+ window.addEventListener('popstate', setHistoryPopState);
+ }
+ };
+ const destroy = () => {
+ if (!getParams().replaceState) {
+ window.removeEventListener('popstate', setHistoryPopState);
+ }
+ };
+ on('init', () => {
+ if (getParams().enabled) {
+ init();
+ }
+ });
+ on('destroy', () => {
+ if (getParams().enabled) {
+ destroy();
+ }
+ });
+ on('transitionEnd _freeModeNoMomentumRelease', () => {
+ if (initialized) {
+ setHistory(getParams().key, swiper.activeIndex);
+ }
+ });
+ on('slideChange', () => {
+ if (initialized && swiper.params.cssMode) {
+ setHistory(getParams().key, swiper.activeIndex);
+ }
});
- }
-
- // Tab focus
- const document = getDocument();
- document.addEventListener('visibilitychange', onVisibilityChange);
- swiper.el.addEventListener('focus', handleFocus, true);
- swiper.el.addEventListener('pointerdown', handlePointerDown, true);
- swiper.el.addEventListener('pointerup', handlePointerUp, true);
};
- function destroy() {
- if (liveRegion) liveRegion.remove();
- let {
- nextEl,
- prevEl
- } = swiper.navigation ? swiper.navigation : {};
- nextEl = makeElementsArray(nextEl);
- prevEl = makeElementsArray(prevEl);
- if (nextEl) {
- nextEl.forEach(el => el.removeEventListener('keydown', onEnterOrSpaceKey));
- }
- if (prevEl) {
- prevEl.forEach(el => el.removeEventListener('keydown', onEnterOrSpaceKey));
- }
-
- // Pagination
- if (hasClickablePagination()) {
- const paginationEl = makeElementsArray(swiper.pagination.el);
- paginationEl.forEach(el => {
- el.removeEventListener('keydown', onEnterOrSpaceKey);
- });
- }
- const document = getDocument();
- document.removeEventListener('visibilitychange', onVisibilityChange);
- // Tab focus
- if (swiper.el && typeof swiper.el !== 'string') {
- swiper.el.removeEventListener('focus', handleFocus, true);
- swiper.el.removeEventListener('pointerdown', handlePointerDown, true);
- swiper.el.removeEventListener('pointerup', handlePointerUp, true);
- }
- }
- on('beforeInit', () => {
- liveRegion = createElement('span', swiper.params.a11y.notificationClass);
- liveRegion.setAttribute('aria-live', 'assertive');
- liveRegion.setAttribute('aria-atomic', 'true');
- });
- on('afterInit', () => {
- if (!swiper.params.a11y.enabled) return;
- init();
- });
- on('slidesLengthChange snapGridLengthChange slidesGridLengthChange', () => {
- if (!swiper.params.a11y.enabled) return;
- initSlides();
- });
- on('fromEdge toEdge afterInit lock unlock', () => {
- if (!swiper.params.a11y.enabled) return;
- updateNavigation();
- });
- on('paginationUpdate', () => {
- if (!swiper.params.a11y.enabled) return;
- updatePagination();
- });
- on('destroy', () => {
- if (!swiper.params.a11y.enabled) return;
- destroy();
- });
- }
- function History({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- history: {
- enabled: false,
- root: '',
- replaceState: false,
- key: 'slides',
- keepQuery: false
- }
- });
- let initialized = false;
- let paths = {};
- const slugify = text => {
- return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
- };
- const getPathValues = urlOverride => {
- const window = getWindow();
- let location;
- if (urlOverride) {
- location = new URL(urlOverride);
- } else {
- location = window.location;
- }
- const pathArray = location.pathname.slice(1).split('/').filter(part => part !== '');
- const total = pathArray.length;
- const key = pathArray[total - 2];
- const value = pathArray[total - 1];
- return {
- key,
- value
- };
- };
- const setHistory = (key, index) => {
- const window = getWindow();
- if (!initialized || !swiper.params.history.enabled) return;
- let location;
- if (swiper.params.url) {
- location = new URL(swiper.params.url);
- } else {
- location = window.location;
- }
- const slide = swiper.virtual && swiper.params.virtual.enabled ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${index}"]`) : swiper.slides[index];
- let value = slugify(slide.getAttribute('data-history'));
- 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 ? `${key}/` : ''}${value}`;
- } else if (!location.pathname.includes(key)) {
- value = `${key ? `${key}/` : ''}${value}`;
- }
- if (swiper.params.history.keepQuery) {
- value += location.search;
- }
- const currentState = window.history.state;
- if (currentState && currentState.value === value) {
- return;
- }
- if (swiper.params.history.replaceState) {
- window.history.replaceState({
- value
- }, null, value);
- } else {
- window.history.pushState({
- value
- }, null, value);
- }
- };
- const scrollToSlide = (speed, value, runCallbacks) => {
- if (value) {
- for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
- const slide = swiper.slides[i];
- const slideHistory = slugify(slide.getAttribute('data-history'));
- if (slideHistory === value) {
- const index = swiper.getSlideIndex(slide);
- swiper.slideTo(index, speed, runCallbacks);
- }
- }
- } else {
- swiper.slideTo(0, speed, runCallbacks);
- }
- };
- const setHistoryPopState = () => {
- paths = getPathValues(swiper.params.url);
- scrollToSlide(swiper.params.speed, paths.value, false);
- };
- const init = () => {
- const window = getWindow();
- if (!swiper.params.history) return;
- if (!window.history || !window.history.pushState) {
- swiper.params.history.enabled = false;
- swiper.params.hashNavigation.enabled = true;
- return;
- }
- initialized = true;
- paths = getPathValues(swiper.params.url);
- 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);
- }
- };
- const destroy = () => {
- const window = getWindow();
- if (!swiper.params.history.replaceState) {
- window.removeEventListener('popstate', setHistoryPopState);
- }
+ const isVirtualEnabled = (swiper) => !!swiper.virtual && !!swiper.params.virtual?.enabled;
+ const HashNavigation = ({ swiper, extendParams, emit, on }) => {
+ let initialized = false;
+ extendParams({
+ hashNavigation: {
+ enabled: false,
+ replaceState: false,
+ watchState: false,
+ getSlideIndex(_s, hash) {
+ if (isVirtualEnabled(swiper)) {
+ const slideWithHash = swiper.slides.find((slideEl) => slideEl.getAttribute('data-hash') === hash);
+ if (!slideWithHash)
+ return 0;
+ const index = parseInt(slideWithHash.getAttribute('data-swiper-slide-index') || '0', 10);
+ return index;
+ }
+ const matched = elementChildren(swiper.slidesEl, `.${swiper.params.slideClass}[data-hash="${hash}"], swiper-slide[data-hash="${hash}"]`)[0];
+ return matched ? swiper.getSlideIndex(matched) : 0;
+ },
+ },
+ });
+ function getParams() {
+ return swiper.params.hashNavigation;
+ }
+ const onHashChange = () => {
+ emit('hashChange');
+ const newHash = document.location.hash.replace('#', '');
+ const activeSlideEl = isVirtualEnabled(swiper)
+ ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${swiper.activeIndex}"]`)
+ : swiper.slides[swiper.activeIndex];
+ const activeSlideHash = activeSlideEl ? activeSlideEl.getAttribute('data-hash') : '';
+ if (newHash !== activeSlideHash) {
+ const newIndex = getParams().getSlideIndex(swiper, newHash);
+ if (typeof newIndex === 'undefined' || Number.isNaN(newIndex))
+ return;
+ swiper.slideTo(newIndex);
+ }
+ };
+ const setHash = () => {
+ const params = getParams();
+ if (!initialized || !params.enabled)
+ return;
+ const activeSlideEl = isVirtualEnabled(swiper)
+ ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${swiper.activeIndex}"]`)
+ : swiper.slides[swiper.activeIndex];
+ const activeSlideHash = activeSlideEl
+ ? activeSlideEl.getAttribute('data-hash') || activeSlideEl.getAttribute('data-history')
+ : '';
+ if (params.replaceState && window.history && window.history.replaceState) {
+ window.history.replaceState(null, '', `#${activeSlideHash}` || '');
+ emit('hashSet');
+ }
+ else {
+ document.location.hash = activeSlideHash || '';
+ emit('hashSet');
+ }
+ };
+ const init = () => {
+ const params = getParams();
+ const historyParams = swiper.params.history;
+ if (!params.enabled || (historyParams && historyParams.enabled))
+ return;
+ initialized = true;
+ const hash = document.location.hash.replace('#', '');
+ if (hash) {
+ const speed = 0;
+ const index = params.getSlideIndex(swiper, hash);
+ swiper.slideTo(index || 0, speed, swiper.params.runCallbacksOnInit, true);
+ }
+ if (params.watchState) {
+ window.addEventListener('hashchange', onHashChange);
+ }
+ };
+ const destroy = () => {
+ if (getParams().watchState) {
+ window.removeEventListener('hashchange', onHashChange);
+ }
+ };
+ on('init', () => {
+ if (getParams().enabled) {
+ init();
+ }
+ });
+ on('destroy', () => {
+ if (getParams().enabled) {
+ destroy();
+ }
+ });
+ on('transitionEnd _freeModeNoMomentumRelease', () => {
+ if (initialized) {
+ setHash();
+ }
+ });
+ on('slideChange', () => {
+ if (initialized && swiper.params.cssMode) {
+ setHash();
+ }
+ });
};
- on('init', () => {
- if (swiper.params.history.enabled) {
- init();
- }
- });
- on('destroy', () => {
- if (swiper.params.history.enabled) {
- destroy();
- }
- });
- on('transitionEnd _freeModeNoMomentumRelease', () => {
- if (initialized) {
- setHistory(swiper.params.history.key, swiper.activeIndex);
- }
- });
- on('slideChange', () => {
- if (initialized && swiper.params.cssMode) {
- setHistory(swiper.params.history.key, swiper.activeIndex);
- }
- });
- }
- function HashNavigation({
- swiper,
- extendParams,
- emit,
- on
- }) {
- let initialized = false;
- const document = getDocument();
- const window = getWindow();
- extendParams({
- hashNavigation: {
- enabled: false,
- replaceState: false,
- watchState: false,
- getSlideIndex(_s, hash) {
- if (swiper.virtual && swiper.params.virtual.enabled) {
- const slideWithHash = swiper.slides.find(slideEl => slideEl.getAttribute('data-hash') === hash);
- if (!slideWithHash) return 0;
- const index = parseInt(slideWithHash.getAttribute('data-swiper-slide-index'), 10);
- return index;
- }
- return swiper.getSlideIndex(elementChildren(swiper.slidesEl, `.${swiper.params.slideClass}[data-hash="${hash}"], swiper-slide[data-hash="${hash}"]`)[0]);
+ const Autoplay = ({ swiper, extendParams, on, emit, params }) => {
+ swiper.autoplay = {
+ running: false,
+ paused: false,
+ timeLeft: 0,
+ };
+ extendParams({
+ autoplay: {
+ enabled: false,
+ delay: 3000,
+ waitForTransition: true,
+ disableOnInteraction: false,
+ stopOnLastSlide: false,
+ reverseDirection: false,
+ pauseOnMouseEnter: false,
+ },
+ });
+ function getParams() {
+ return swiper.params.autoplay;
+ }
+ // params here is the user-supplied passedParams; extendParams hasn't yet
+ // merged the defaults into swiper.params.autoplay at this point.
+ const initialAutoplayDelay = typeof params.autoplay === 'object' &&
+ params.autoplay &&
+ typeof params.autoplay.delay === 'number'
+ ? params.autoplay.delay
+ : 3000;
+ let timeout;
+ let raf;
+ let autoplayDelayTotal = initialAutoplayDelay;
+ let autoplayDelayCurrent = initialAutoplayDelay;
+ let autoplayTimeLeft = 0;
+ let autoplayStartTime = new Date().getTime();
+ let wasPaused = false;
+ let isTouched = false;
+ let pausedByTouch = false;
+ let touchStartTimeout;
+ let pausedByInteraction = false;
+ let pausedByPointerEnter = false;
+ function onTransitionEnd(e) {
+ if (!swiper || swiper.destroyed || !swiper.wrapperEl)
+ return;
+ if (e.target !== swiper.wrapperEl)
+ return;
+ swiper.wrapperEl.removeEventListener('transitionend', onTransitionEnd);
+ const detail = e.detail;
+ if (pausedByPointerEnter || (detail && detail.bySwiperTouchMove)) {
+ return;
+ }
+ resume();
}
- }
- });
- const onHashChange = () => {
- emit('hashChange');
- const newHash = document.location.hash.replace('#', '');
- const activeSlideEl = swiper.virtual && swiper.params.virtual.enabled ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${swiper.activeIndex}"]`) : swiper.slides[swiper.activeIndex];
- const activeSlideHash = activeSlideEl ? activeSlideEl.getAttribute('data-hash') : '';
- if (newHash !== activeSlideHash) {
- const newIndex = swiper.params.hashNavigation.getSlideIndex(swiper, newHash);
- if (typeof newIndex === 'undefined' || Number.isNaN(newIndex)) return;
- swiper.slideTo(newIndex);
- }
- };
- const setHash = () => {
- if (!initialized || !swiper.params.hashNavigation.enabled) return;
- const activeSlideEl = swiper.virtual && swiper.params.virtual.enabled ? swiper.slidesEl.querySelector(`[data-swiper-slide-index="${swiper.activeIndex}"]`) : swiper.slides[swiper.activeIndex];
- const activeSlideHash = activeSlideEl ? activeSlideEl.getAttribute('data-hash') || activeSlideEl.getAttribute('data-history') : '';
- if (swiper.params.hashNavigation.replaceState && window.history && window.history.replaceState) {
- window.history.replaceState(null, null, `#${activeSlideHash}` || '');
- emit('hashSet');
- } else {
- document.location.hash = activeSlideHash || '';
- emit('hashSet');
- }
- };
- const init = () => {
- if (!swiper.params.hashNavigation.enabled || swiper.params.history && swiper.params.history.enabled) return;
- initialized = true;
- const hash = document.location.hash.replace('#', '');
- if (hash) {
- const speed = 0;
- const index = swiper.params.hashNavigation.getSlideIndex(swiper, hash);
- swiper.slideTo(index || 0, speed, swiper.params.runCallbacksOnInit, true);
- }
- if (swiper.params.hashNavigation.watchState) {
- window.addEventListener('hashchange', onHashChange);
- }
- };
- const destroy = () => {
- if (swiper.params.hashNavigation.watchState) {
- window.removeEventListener('hashchange', onHashChange);
- }
- };
- on('init', () => {
- if (swiper.params.hashNavigation.enabled) {
- init();
- }
- });
- on('destroy', () => {
- if (swiper.params.hashNavigation.enabled) {
- destroy();
- }
- });
- on('transitionEnd _freeModeNoMomentumRelease', () => {
- if (initialized) {
- setHash();
- }
- });
- on('slideChange', () => {
- if (initialized && swiper.params.cssMode) {
- setHash();
- }
- });
- }
-
- /* eslint no-underscore-dangle: "off" */
- /* eslint no-use-before-define: "off" */
- function Autoplay({
- swiper,
- extendParams,
- on,
- emit,
- params
- }) {
- swiper.autoplay = {
- running: false,
- paused: false,
- timeLeft: 0
- };
- extendParams({
- autoplay: {
- enabled: false,
- delay: 3000,
- waitForTransition: true,
- disableOnInteraction: false,
- stopOnLastSlide: false,
- reverseDirection: false,
- pauseOnMouseEnter: false
- }
- });
- let timeout;
- let raf;
- let autoplayDelayTotal = params && params.autoplay ? params.autoplay.delay : 3000;
- let autoplayDelayCurrent = params && params.autoplay ? params.autoplay.delay : 3000;
- let autoplayTimeLeft;
- let autoplayStartTime = new Date().getTime();
- let wasPaused;
- let isTouched;
- let pausedByTouch;
- let touchStartTimeout;
- let pausedByInteraction;
- let pausedByPointerEnter;
- function onTransitionEnd(e) {
- if (!swiper || swiper.destroyed || !swiper.wrapperEl) return;
- if (e.target !== swiper.wrapperEl) return;
- swiper.wrapperEl.removeEventListener('transitionend', onTransitionEnd);
- if (pausedByPointerEnter || e.detail && e.detail.bySwiperTouchMove) {
- return;
- }
- resume();
- }
- const calcTimeLeft = () => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- if (swiper.autoplay.paused) {
- wasPaused = true;
- } else if (wasPaused) {
- autoplayDelayCurrent = autoplayTimeLeft;
- wasPaused = false;
- }
- const timeLeft = swiper.autoplay.paused ? autoplayTimeLeft : autoplayStartTime + autoplayDelayCurrent - new Date().getTime();
- swiper.autoplay.timeLeft = timeLeft;
- emit('autoplayTimeLeft', timeLeft, timeLeft / autoplayDelayTotal);
- raf = requestAnimationFrame(() => {
- calcTimeLeft();
- });
- };
- const getSlideDelay = () => {
- let activeSlideEl;
- if (swiper.virtual && swiper.params.virtual.enabled) {
- activeSlideEl = swiper.slides.find(slideEl => slideEl.classList.contains('swiper-slide-active'));
- } else {
- activeSlideEl = swiper.slides[swiper.activeIndex];
- }
- if (!activeSlideEl) return undefined;
- const currentSlideDelay = parseInt(activeSlideEl.getAttribute('data-swiper-autoplay'), 10);
- return currentSlideDelay;
- };
- const getTotalDelay = () => {
- let totalDelay = swiper.params.autoplay.delay;
- const currentSlideDelay = getSlideDelay();
- if (!Number.isNaN(currentSlideDelay) && currentSlideDelay > 0) {
- totalDelay = currentSlideDelay;
- }
- return totalDelay;
- };
- const run = delayForce => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- cancelAnimationFrame(raf);
- calcTimeLeft();
- let delay = delayForce;
- if (typeof delay === 'undefined') {
- delay = getTotalDelay();
- autoplayDelayTotal = delay;
- autoplayDelayCurrent = delay;
- }
- autoplayTimeLeft = delay;
- const speed = swiper.params.speed;
- const proceed = () => {
- if (!swiper || swiper.destroyed) return;
- if (swiper.params.autoplay.reverseDirection) {
- if (!swiper.isBeginning || swiper.params.loop || swiper.params.rewind) {
- swiper.slidePrev(speed, true, true);
- emit('autoplay');
- } else if (!swiper.params.autoplay.stopOnLastSlide) {
- swiper.slideTo(swiper.slides.length - 1, speed, true, true);
- emit('autoplay');
- }
- } else {
- if (!swiper.isEnd || swiper.params.loop || swiper.params.rewind) {
- swiper.slideNext(speed, true, true);
- emit('autoplay');
- } else if (!swiper.params.autoplay.stopOnLastSlide) {
- swiper.slideTo(0, speed, true, true);
- emit('autoplay');
- }
- }
- if (swiper.params.cssMode) {
- autoplayStartTime = new Date().getTime();
- requestAnimationFrame(() => {
+ const calcTimeLeft = () => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (swiper.autoplay.paused) {
+ wasPaused = true;
+ }
+ else if (wasPaused) {
+ autoplayDelayCurrent = autoplayTimeLeft;
+ wasPaused = false;
+ }
+ const timeLeft = swiper.autoplay.paused
+ ? autoplayTimeLeft
+ : autoplayStartTime + autoplayDelayCurrent - new Date().getTime();
+ swiper.autoplay.timeLeft = timeLeft;
+ emit('autoplayTimeLeft', timeLeft, timeLeft / autoplayDelayTotal);
+ raf = requestAnimationFrame(() => {
+ calcTimeLeft();
+ });
+ };
+ const getSlideDelay = () => {
+ let activeSlideEl;
+ const virtualEnabled = !!swiper.params.virtual?.enabled;
+ if (swiper.virtual && virtualEnabled) {
+ activeSlideEl = swiper.slides.find((slideEl) => slideEl.classList.contains('swiper-slide-active'));
+ }
+ else {
+ activeSlideEl = swiper.slides[swiper.activeIndex];
+ }
+ if (!activeSlideEl)
+ return undefined;
+ const attr = activeSlideEl.getAttribute('data-swiper-autoplay');
+ if (attr == null)
+ return undefined;
+ return parseInt(attr, 10);
+ };
+ const getTotalDelay = () => {
+ let totalDelay = getParams().delay;
+ const currentSlideDelay = getSlideDelay();
+ if (typeof currentSlideDelay === 'number' &&
+ !Number.isNaN(currentSlideDelay) &&
+ currentSlideDelay > 0) {
+ totalDelay = currentSlideDelay;
+ }
+ return totalDelay;
+ };
+ const run = (delayForce) => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return 0;
+ if (raf !== undefined)
+ cancelAnimationFrame(raf);
+ calcTimeLeft();
+ let delay = delayForce;
+ if (typeof delay === 'undefined') {
+ delay = getTotalDelay();
+ autoplayDelayTotal = delay;
+ autoplayDelayCurrent = delay;
+ }
+ autoplayTimeLeft = delay;
+ const speed = swiper.params.speed;
+ const proceed = () => {
+ if (!swiper || swiper.destroyed)
+ return;
+ const autoplayParams = getParams();
+ if (autoplayParams.reverseDirection) {
+ if (!swiper.isBeginning || swiper.params.loop || swiper.params.rewind) {
+ swiper.slidePrev(speed, true, true);
+ emit('autoplay');
+ }
+ else if (!autoplayParams.stopOnLastSlide) {
+ swiper.slideTo(swiper.slides.length - 1, speed, true, true);
+ emit('autoplay');
+ }
+ }
+ else {
+ if (!swiper.isEnd || swiper.params.loop || swiper.params.rewind) {
+ swiper.slideNext(speed, true, true);
+ emit('autoplay');
+ }
+ else if (!autoplayParams.stopOnLastSlide) {
+ swiper.slideTo(0, speed, true, true);
+ emit('autoplay');
+ }
+ }
+ if (swiper.params.cssMode) {
+ autoplayStartTime = new Date().getTime();
+ requestAnimationFrame(() => {
+ run();
+ });
+ }
+ };
+ if (delay > 0) {
+ if (timeout !== undefined)
+ clearTimeout(timeout);
+ timeout = setTimeout(() => {
+ proceed();
+ }, delay);
+ }
+ else {
+ requestAnimationFrame(() => {
+ proceed();
+ });
+ }
+ return delay;
+ };
+ const start = () => {
+ autoplayStartTime = new Date().getTime();
+ swiper.autoplay.running = true;
run();
- });
- }
- };
- if (delay > 0) {
- clearTimeout(timeout);
- timeout = setTimeout(() => {
- proceed();
- }, delay);
- } else {
- requestAnimationFrame(() => {
- proceed();
+ emit('autoplayStart');
+ return true;
+ };
+ const stop = () => {
+ swiper.autoplay.running = false;
+ if (timeout !== undefined)
+ clearTimeout(timeout);
+ if (raf !== undefined)
+ cancelAnimationFrame(raf);
+ emit('autoplayStop');
+ return true;
+ };
+ const pause = (internal, reset) => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (timeout !== undefined)
+ clearTimeout(timeout);
+ if (!internal) {
+ pausedByInteraction = true;
+ }
+ const proceed = () => {
+ emit('autoplayPause');
+ if (getParams().waitForTransition) {
+ swiper.wrapperEl.addEventListener('transitionend', onTransitionEnd);
+ }
+ else {
+ resume();
+ }
+ };
+ swiper.autoplay.paused = true;
+ if (reset) {
+ proceed();
+ return;
+ }
+ const delay = autoplayTimeLeft || getParams().delay;
+ autoplayTimeLeft = delay - (new Date().getTime() - autoplayStartTime);
+ if (swiper.isEnd && autoplayTimeLeft < 0 && !swiper.params.loop)
+ return;
+ if (autoplayTimeLeft < 0)
+ autoplayTimeLeft = 0;
+ proceed();
+ };
+ const resume = () => {
+ if ((swiper.isEnd && autoplayTimeLeft < 0 && !swiper.params.loop) ||
+ swiper.destroyed ||
+ !swiper.autoplay.running)
+ return;
+ autoplayStartTime = new Date().getTime();
+ if (pausedByInteraction) {
+ pausedByInteraction = false;
+ run(autoplayTimeLeft);
+ }
+ else {
+ run();
+ }
+ swiper.autoplay.paused = false;
+ emit('autoplayResume');
+ };
+ const onVisibilityChange = () => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (document.visibilityState === 'hidden') {
+ pausedByInteraction = true;
+ pause(true);
+ }
+ if (document.visibilityState === 'visible') {
+ resume();
+ }
+ };
+ const onPointerEnter = (e) => {
+ if (e.pointerType !== 'mouse')
+ return;
+ pausedByInteraction = true;
+ pausedByPointerEnter = true;
+ if (swiper.animating || swiper.autoplay.paused)
+ return;
+ pause(true);
+ };
+ const onPointerLeave = (e) => {
+ if (e.pointerType !== 'mouse')
+ return;
+ pausedByPointerEnter = false;
+ if (swiper.autoplay.paused) {
+ resume();
+ }
+ };
+ const attachMouseEvents = () => {
+ if (getParams().pauseOnMouseEnter) {
+ swiper.el.addEventListener('pointerenter', onPointerEnter);
+ swiper.el.addEventListener('pointerleave', onPointerLeave);
+ }
+ };
+ const detachMouseEvents = () => {
+ if (swiper.el && typeof swiper.el !== 'string') {
+ swiper.el.removeEventListener('pointerenter', onPointerEnter);
+ swiper.el.removeEventListener('pointerleave', onPointerLeave);
+ }
+ };
+ const attachDocumentEvents = () => {
+ document.addEventListener('visibilitychange', onVisibilityChange);
+ };
+ const detachDocumentEvents = () => {
+ document.removeEventListener('visibilitychange', onVisibilityChange);
+ };
+ on('init', () => {
+ if (getParams().enabled) {
+ attachMouseEvents();
+ attachDocumentEvents();
+ start();
+ }
+ });
+ on('destroy', () => {
+ detachMouseEvents();
+ detachDocumentEvents();
+ if (swiper.autoplay.running) {
+ stop();
+ }
+ });
+ on('_freeModeStaticRelease', () => {
+ if (pausedByTouch || pausedByInteraction) {
+ resume();
+ }
+ });
+ on('_freeModeNoMomentumRelease', () => {
+ if (!getParams().disableOnInteraction) {
+ pause(true, true);
+ }
+ else {
+ stop();
+ }
+ });
+ on('beforeTransitionStart', (_s, _speed, internal) => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (internal || !getParams().disableOnInteraction) {
+ pause(true, true);
+ }
+ else {
+ stop();
+ }
+ });
+ on('sliderFirstMove', () => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (getParams().disableOnInteraction) {
+ stop();
+ return;
+ }
+ isTouched = true;
+ pausedByTouch = false;
+ pausedByInteraction = false;
+ touchStartTimeout = setTimeout(() => {
+ pausedByInteraction = true;
+ pausedByTouch = true;
+ pause(true);
+ }, 200);
+ });
+ on('touchEnd', () => {
+ if (swiper.destroyed || !swiper.autoplay.running || !isTouched)
+ return;
+ if (touchStartTimeout !== undefined)
+ clearTimeout(touchStartTimeout);
+ if (timeout !== undefined)
+ clearTimeout(timeout);
+ if (getParams().disableOnInteraction) {
+ pausedByTouch = false;
+ isTouched = false;
+ return;
+ }
+ if (pausedByTouch && swiper.params.cssMode)
+ resume();
+ pausedByTouch = false;
+ isTouched = false;
+ });
+ on('slideChange', () => {
+ if (swiper.destroyed || !swiper.autoplay.running)
+ return;
+ if (swiper.autoplay.paused) {
+ autoplayTimeLeft = getTotalDelay();
+ autoplayDelayTotal = getTotalDelay();
+ }
+ });
+ Object.assign(swiper.autoplay, {
+ start,
+ stop,
+ pause,
+ resume,
});
- }
-
- // eslint-disable-next-line
- return delay;
- };
- const start = () => {
- autoplayStartTime = new Date().getTime();
- swiper.autoplay.running = true;
- run();
- emit('autoplayStart');
- };
- const stop = () => {
- swiper.autoplay.running = false;
- clearTimeout(timeout);
- cancelAnimationFrame(raf);
- emit('autoplayStop');
- };
- const pause = (internal, reset) => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- clearTimeout(timeout);
- if (!internal) {
- pausedByInteraction = true;
- }
- const proceed = () => {
- emit('autoplayPause');
- if (swiper.params.autoplay.waitForTransition) {
- swiper.wrapperEl.addEventListener('transitionend', onTransitionEnd);
- } else {
- resume();
- }
- };
- swiper.autoplay.paused = true;
- if (reset) {
- proceed();
- return;
- }
- const delay = autoplayTimeLeft || swiper.params.autoplay.delay;
- autoplayTimeLeft = delay - (new Date().getTime() - autoplayStartTime);
- if (swiper.isEnd && autoplayTimeLeft < 0 && !swiper.params.loop) return;
- if (autoplayTimeLeft < 0) autoplayTimeLeft = 0;
- proceed();
- };
- const resume = () => {
- if (swiper.isEnd && autoplayTimeLeft < 0 && !swiper.params.loop || swiper.destroyed || !swiper.autoplay.running) return;
- autoplayStartTime = new Date().getTime();
- if (pausedByInteraction) {
- pausedByInteraction = false;
- run(autoplayTimeLeft);
- } else {
- run();
- }
- swiper.autoplay.paused = false;
- emit('autoplayResume');
- };
- const onVisibilityChange = () => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- const document = getDocument();
- if (document.visibilityState === 'hidden') {
- pausedByInteraction = true;
- pause(true);
- }
- if (document.visibilityState === 'visible') {
- resume();
- }
- };
- const onPointerEnter = e => {
- if (e.pointerType !== 'mouse') return;
- pausedByInteraction = true;
- pausedByPointerEnter = true;
- if (swiper.animating || swiper.autoplay.paused) return;
- pause(true);
- };
- const onPointerLeave = e => {
- if (e.pointerType !== 'mouse') return;
- pausedByPointerEnter = false;
- if (swiper.autoplay.paused) {
- resume();
- }
- };
- const attachMouseEvents = () => {
- if (swiper.params.autoplay.pauseOnMouseEnter) {
- swiper.el.addEventListener('pointerenter', onPointerEnter);
- swiper.el.addEventListener('pointerleave', onPointerLeave);
- }
- };
- const detachMouseEvents = () => {
- if (swiper.el && typeof swiper.el !== 'string') {
- swiper.el.removeEventListener('pointerenter', onPointerEnter);
- swiper.el.removeEventListener('pointerleave', onPointerLeave);
- }
- };
- const attachDocumentEvents = () => {
- const document = getDocument();
- document.addEventListener('visibilitychange', onVisibilityChange);
- };
- const detachDocumentEvents = () => {
- const document = getDocument();
- document.removeEventListener('visibilitychange', onVisibilityChange);
- };
- on('init', () => {
- if (swiper.params.autoplay.enabled) {
- attachMouseEvents();
- attachDocumentEvents();
- start();
- }
- });
- on('destroy', () => {
- detachMouseEvents();
- detachDocumentEvents();
- if (swiper.autoplay.running) {
- stop();
- }
- });
- on('_freeModeStaticRelease', () => {
- if (pausedByTouch || pausedByInteraction) {
- resume();
- }
- });
- on('_freeModeNoMomentumRelease', () => {
- if (!swiper.params.autoplay.disableOnInteraction) {
- pause(true, true);
- } else {
- stop();
- }
- });
- on('beforeTransitionStart', (_s, speed, internal) => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- if (internal || !swiper.params.autoplay.disableOnInteraction) {
- pause(true, true);
- } else {
- stop();
- }
- });
- on('sliderFirstMove', () => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- if (swiper.params.autoplay.disableOnInteraction) {
- stop();
- return;
- }
- isTouched = true;
- pausedByTouch = false;
- pausedByInteraction = false;
- touchStartTimeout = setTimeout(() => {
- pausedByInteraction = true;
- pausedByTouch = true;
- pause(true);
- }, 200);
- });
- on('touchEnd', () => {
- if (swiper.destroyed || !swiper.autoplay.running || !isTouched) return;
- clearTimeout(touchStartTimeout);
- clearTimeout(timeout);
- if (swiper.params.autoplay.disableOnInteraction) {
- pausedByTouch = false;
- isTouched = false;
- return;
- }
- if (pausedByTouch && swiper.params.cssMode) resume();
- pausedByTouch = false;
- isTouched = false;
- });
- on('slideChange', () => {
- if (swiper.destroyed || !swiper.autoplay.running) return;
- if (swiper.autoplay.paused) {
- autoplayTimeLeft = getTotalDelay();
- autoplayDelayTotal = getTotalDelay();
- }
- });
- Object.assign(swiper.autoplay, {
- start,
- stop,
- pause,
- resume
- });
- }
-
- function Thumb({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- thumbs: {
- swiper: null,
- multipleActiveThumbs: true,
- autoScrollOffset: 0,
- slideThumbActiveClass: 'swiper-slide-thumb-active',
- thumbsContainerClass: 'swiper-thumbs'
- }
- });
- let initialized = false;
- let swiperCreated = false;
- swiper.thumbs = {
- swiper: null
};
- function isVirtualEnabled() {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return false;
- return thumbsSwiper.params.virtual && thumbsSwiper.params.virtual.enabled;
- }
- function onThumbClick() {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return;
- const clickedIndex = thumbsSwiper.clickedIndex;
- const clickedSlide = thumbsSwiper.clickedSlide;
- if (clickedSlide && clickedSlide.classList.contains(swiper.params.thumbs.slideThumbActiveClass)) return;
- if (typeof clickedIndex === 'undefined' || clickedIndex === null) return;
- let slideToIndex;
- if (thumbsSwiper.params.loop) {
- slideToIndex = parseInt(thumbsSwiper.clickedSlide.getAttribute('data-swiper-slide-index'), 10);
- } else {
- slideToIndex = clickedIndex;
- }
- if (swiper.params.loop) {
- swiper.slideToLoop(slideToIndex);
- } else {
- swiper.slideTo(slideToIndex);
- }
- }
- function init() {
- const {
- thumbs: thumbsParams
- } = swiper.params;
- if (initialized) return false;
- initialized = true;
- const SwiperClass = swiper.constructor;
- if (thumbsParams.swiper instanceof SwiperClass) {
- if (thumbsParams.swiper.destroyed) {
- initialized = false;
- return false;
- }
- swiper.thumbs.swiper = thumbsParams.swiper;
- Object.assign(swiper.thumbs.swiper.originalParams, {
- watchSlidesProgress: true,
- slideToClickedSlide: false
- });
- Object.assign(swiper.thumbs.swiper.params, {
- watchSlidesProgress: true,
- slideToClickedSlide: false
- });
- swiper.thumbs.swiper.update();
- } else if (isObject(thumbsParams.swiper)) {
- const thumbsSwiperParams = Object.assign({}, thumbsParams.swiper);
- Object.assign(thumbsSwiperParams, {
- watchSlidesProgress: true,
- slideToClickedSlide: false
- });
- swiper.thumbs.swiper = new SwiperClass(thumbsSwiperParams);
- swiperCreated = true;
- }
- swiper.thumbs.swiper.el.classList.add(swiper.params.thumbs.thumbsContainerClass);
- swiper.thumbs.swiper.on('tap', onThumbClick);
- if (isVirtualEnabled()) {
- swiper.thumbs.swiper.on('virtualUpdate', () => {
- update(false, {
- autoScroll: false
- });
- });
- }
- return true;
- }
- function update(initial, p) {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return;
- // Activate thumbs
- let thumbsToActivate = 1;
- const thumbActiveClass = swiper.params.thumbs.slideThumbActiveClass;
- if (swiper.params.slidesPerView > 1 && !swiper.params.centeredSlides) {
- thumbsToActivate = swiper.params.slidesPerView;
- }
- if (!swiper.params.thumbs.multipleActiveThumbs) {
- thumbsToActivate = 1;
- }
- thumbsToActivate = Math.floor(thumbsToActivate);
- thumbsSwiper.slides.forEach(slideEl => slideEl.classList.remove(thumbActiveClass));
- if (thumbsSwiper.params.loop || isVirtualEnabled()) {
- for (let i = 0; i < thumbsToActivate; i += 1) {
- elementChildren(thumbsSwiper.slidesEl, `[data-swiper-slide-index="${swiper.realIndex + i}"]`).forEach(slideEl => {
- slideEl.classList.add(thumbActiveClass);
- });
- }
- } else {
- for (let i = 0; i < thumbsToActivate; i += 1) {
- if (thumbsSwiper.slides[swiper.realIndex + i]) {
- thumbsSwiper.slides[swiper.realIndex + i].classList.add(thumbActiveClass);
- }
- }
- }
- if (p?.autoScroll ?? true) {
- autoScroll(initial ? 0 : undefined);
- }
- }
- function autoScroll(slideSpeed) {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return;
- const slidesPerView = thumbsSwiper.params.slidesPerView === 'auto' ? thumbsSwiper.slidesPerViewDynamic() : thumbsSwiper.params.slidesPerView;
- const autoScrollOffset = swiper.params.thumbs.autoScrollOffset;
- const useOffset = autoScrollOffset && !thumbsSwiper.params.loop;
- if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) {
- const currentThumbsIndex = thumbsSwiper.activeIndex;
- let newThumbsIndex;
- let direction;
- if (thumbsSwiper.params.loop) {
- const newThumbsSlide = thumbsSwiper.slides.find(slideEl => slideEl.getAttribute('data-swiper-slide-index') === `${swiper.realIndex}`);
- newThumbsIndex = thumbsSwiper.slides.indexOf(newThumbsSlide);
- direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';
- } else {
- newThumbsIndex = swiper.realIndex;
- direction = newThumbsIndex > swiper.previousIndex ? 'next' : 'prev';
- }
- if (useOffset) {
- newThumbsIndex += direction === 'next' ? autoScrollOffset : -1 * autoScrollOffset;
- }
- if (thumbsSwiper.visibleSlidesIndexes && thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {
- if (thumbsSwiper.params.centeredSlides) {
- if (newThumbsIndex > currentThumbsIndex) {
- newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;
- } else {
- newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
- }
- } else if (newThumbsIndex > currentThumbsIndex && thumbsSwiper.params.slidesPerGroup === 1) ;
- thumbsSwiper.slideTo(newThumbsIndex, slideSpeed);
- }
- }
- }
- on('beforeInit', () => {
- const {
- thumbs
- } = swiper.params;
- if (!thumbs || !thumbs.swiper) return;
- if (typeof thumbs.swiper === 'string' || thumbs.swiper instanceof HTMLElement) {
- const document = getDocument();
- 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);
- } else if (thumbsElement) {
- const eventName = `${swiper.params.eventsPrefix}init`;
- const onThumbsSwiper = e => {
- thumbs.swiper = e.detail[0];
- thumbsElement.removeEventListener(eventName, onThumbsSwiper);
- init();
- update(true);
- thumbs.swiper.update();
- swiper.update();
- };
- thumbsElement.addEventListener(eventName, onThumbsSwiper);
- }
- return thumbsElement;
- };
- const watchForThumbsToAppear = () => {
- if (swiper.destroyed) return;
- const thumbsElement = getThumbsElementAndInit();
- if (!thumbsElement) {
- requestAnimationFrame(watchForThumbsToAppear);
- }
+ const Thumb = ({ swiper, extendParams, on }) => {
+ extendParams({
+ thumbs: {
+ swiper: null,
+ multipleActiveThumbs: true,
+ autoScrollOffset: 0,
+ slideThumbActiveClass: 'swiper-slide-thumb-active',
+ thumbsContainerClass: 'swiper-thumbs',
+ },
+ });
+ let initialized = false;
+ let swiperCreated = false;
+ swiper.thumbs = {
+ swiper: null,
};
- requestAnimationFrame(watchForThumbsToAppear);
- } else {
- init();
- update(true);
- }
- });
- on('slideChange update resize observerUpdate', () => {
- update();
- });
- on('setTransition', (_s, duration) => {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return;
- thumbsSwiper.setTransition(duration);
- });
- on('beforeDestroy', () => {
- const thumbsSwiper = swiper.thumbs.swiper;
- if (!thumbsSwiper || thumbsSwiper.destroyed) return;
- if (swiperCreated) {
- thumbsSwiper.destroy();
- }
- });
- Object.assign(swiper.thumbs, {
- init,
- update
- });
- }
+ function getParams() {
+ return swiper.params.thumbs;
+ }
+ function isVirtualEnabled() {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return false;
+ const virtual = thumbsSwiper.params.virtual;
+ return !!virtual && !!virtual.enabled;
+ }
+ function onThumbClick() {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return;
+ const clickedIndex = thumbsSwiper.clickedIndex;
+ const clickedSlide = thumbsSwiper.clickedSlide;
+ const thumbsParams = getParams();
+ if (clickedSlide && clickedSlide.classList.contains(thumbsParams.slideThumbActiveClass))
+ return;
+ if (typeof clickedIndex === 'undefined' || clickedIndex === null)
+ return;
+ let slideToIndex;
+ if (thumbsSwiper.params.loop) {
+ const attr = thumbsSwiper.clickedSlide?.getAttribute('data-swiper-slide-index');
+ slideToIndex = attr == null ? clickedIndex : parseInt(attr, 10);
+ }
+ else {
+ slideToIndex = clickedIndex;
+ }
+ if (swiper.params.loop) {
+ swiper.slideToLoop(slideToIndex);
+ }
+ else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+ function init() {
+ const thumbsParams = getParams();
+ if (initialized)
+ return false;
+ initialized = true;
+ const SwiperClass = swiper.constructor;
+ if (thumbsParams.swiper instanceof SwiperClass) {
+ if (thumbsParams.swiper.destroyed) {
+ initialized = false;
+ return false;
+ }
+ const thumbsSwiper = thumbsParams.swiper;
+ swiper.thumbs.swiper = thumbsSwiper;
+ Object.assign(thumbsSwiper.originalParams, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ });
+ Object.assign(thumbsSwiper.params, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ });
+ thumbsSwiper.update();
+ }
+ else if (isObject(thumbsParams.swiper)) {
+ const thumbsSwiperParams = Object.assign({}, thumbsParams.swiper);
+ Object.assign(thumbsSwiperParams, {
+ watchSlidesProgress: true,
+ slideToClickedSlide: false,
+ });
+ swiper.thumbs.swiper = new SwiperClass(thumbsSwiperParams);
+ swiperCreated = true;
+ }
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper)
+ return false;
+ thumbsSwiper.el.classList.add(thumbsParams.thumbsContainerClass);
+ thumbsSwiper.on('tap', onThumbClick);
+ if (isVirtualEnabled()) {
+ thumbsSwiper.on('virtualUpdate', () => {
+ update(false, { autoScroll: false });
+ });
+ }
+ return true;
+ }
+ function update(initial, p) {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return;
+ // Activate thumbs
+ let thumbsToActivate = 1;
+ const thumbsParams = getParams();
+ const thumbActiveClass = thumbsParams.slideThumbActiveClass;
+ const slidesPerView = swiper.params.slidesPerView;
+ if (typeof slidesPerView === 'number' && slidesPerView > 1 && !swiper.params.centeredSlides) {
+ thumbsToActivate = slidesPerView;
+ }
+ if (!thumbsParams.multipleActiveThumbs) {
+ thumbsToActivate = 1;
+ }
+ thumbsToActivate = Math.floor(thumbsToActivate);
+ thumbsSwiper.slides.forEach((slideEl) => slideEl.classList.remove(thumbActiveClass));
+ if (thumbsSwiper.params.loop || isVirtualEnabled()) {
+ for (let i = 0; i < thumbsToActivate; i += 1) {
+ elementChildren(thumbsSwiper.slidesEl, `[data-swiper-slide-index="${swiper.realIndex + i}"]`).forEach((slideEl) => {
+ slideEl.classList.add(thumbActiveClass);
+ });
+ }
+ }
+ else {
+ for (let i = 0; i < thumbsToActivate; i += 1) {
+ const slide = thumbsSwiper.slides[swiper.realIndex + i];
+ if (slide) {
+ slide.classList.add(thumbActiveClass);
+ }
+ }
+ }
+ if (p?.autoScroll ?? true) {
+ autoScroll(initial ? 0 : undefined);
+ }
+ }
+ function autoScroll(slideSpeed) {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return;
+ const thumbsSlidesPerView = thumbsSwiper.params.slidesPerView;
+ const slidesPerView = thumbsSlidesPerView === 'auto'
+ ? thumbsSwiper.slidesPerViewDynamic()
+ : (thumbsSlidesPerView ?? 1);
+ const autoScrollOffset = getParams().autoScrollOffset;
+ const useOffset = autoScrollOffset && !thumbsSwiper.params.loop;
+ if (swiper.realIndex !== thumbsSwiper.realIndex || useOffset) {
+ const currentThumbsIndex = thumbsSwiper.activeIndex;
+ let newThumbsIndex;
+ let direction;
+ if (thumbsSwiper.params.loop) {
+ const newThumbsSlide = thumbsSwiper.slides.find((slideEl) => slideEl.getAttribute('data-swiper-slide-index') === `${swiper.realIndex}`);
+ newThumbsIndex = newThumbsSlide ? thumbsSwiper.slides.indexOf(newThumbsSlide) : -1;
+ direction = swiper.activeIndex > swiper.previousIndex ? 'next' : 'prev';
+ }
+ else {
+ newThumbsIndex = swiper.realIndex;
+ direction = newThumbsIndex > swiper.previousIndex ? 'next' : 'prev';
+ }
+ if (useOffset) {
+ newThumbsIndex += direction === 'next' ? autoScrollOffset : -1 * autoScrollOffset;
+ }
+ if (thumbsSwiper.visibleSlidesIndexes &&
+ thumbsSwiper.visibleSlidesIndexes.indexOf(newThumbsIndex) < 0) {
+ if (thumbsSwiper.params.centeredSlides) {
+ if (newThumbsIndex > currentThumbsIndex) {
+ newThumbsIndex = newThumbsIndex - Math.floor(slidesPerView / 2) + 1;
+ }
+ else {
+ newThumbsIndex = newThumbsIndex + Math.floor(slidesPerView / 2) - 1;
+ }
+ }
+ else if (newThumbsIndex > currentThumbsIndex &&
+ thumbsSwiper.params.slidesPerGroup === 1) ;
+ thumbsSwiper.slideTo(newThumbsIndex, slideSpeed);
+ }
+ }
+ }
+ on('beforeInit', () => {
+ const thumbs = swiper.params.thumbs;
+ if (!thumbs || !thumbs.swiper)
+ return;
+ if (typeof thumbs.swiper === 'string' || thumbs.swiper instanceof HTMLElement) {
+ 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);
+ }
+ else if (thumbsElement) {
+ const eventName = `${swiper.params.eventsPrefix}init`;
+ const onThumbsSwiper = (e) => {
+ const detail = e.detail;
+ thumbs.swiper = detail[0];
+ thumbsElement.removeEventListener(eventName, onThumbsSwiper);
+ init();
+ update(true);
+ thumbs.swiper.update();
+ swiper.update();
+ };
+ thumbsElement.addEventListener(eventName, onThumbsSwiper);
+ }
+ return thumbsElement;
+ };
+ const watchForThumbsToAppear = () => {
+ if (swiper.destroyed)
+ return;
+ const thumbsElement = getThumbsElementAndInit();
+ if (!thumbsElement) {
+ requestAnimationFrame(watchForThumbsToAppear);
+ }
+ };
+ requestAnimationFrame(watchForThumbsToAppear);
+ }
+ else {
+ init();
+ update(true);
+ }
+ });
+ on('slideChange update resize observerUpdate', () => {
+ update();
+ });
+ on('setTransition', (_s, duration) => {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return;
+ thumbsSwiper.setTransition(duration);
+ });
+ on('beforeDestroy', () => {
+ const thumbsSwiper = swiper.thumbs.swiper;
+ if (!thumbsSwiper || thumbsSwiper.destroyed)
+ return;
+ if (swiperCreated) {
+ thumbsSwiper.destroy();
+ }
+ });
+ Object.assign(swiper.thumbs, {
+ init,
+ update,
+ });
+ };
- function freeMode({
- swiper,
- extendParams,
- emit,
- once
- }) {
- extendParams({
- freeMode: {
- enabled: false,
- momentum: true,
- momentumRatio: 1,
- momentumBounce: true,
- momentumBounceRatio: 1,
- momentumVelocityRatio: 1,
- sticky: false,
- minimumVelocity: 0.02
- }
- });
- function onTouchStart() {
- if (swiper.params.cssMode) return;
- const translate = swiper.getTranslate();
- swiper.setTranslate(translate);
- swiper.setTransition(0);
- swiper.touchEventsData.velocities.length = 0;
- swiper.freeMode.onTouchEnd({
- currentPos: swiper.rtl ? swiper.translate : -swiper.translate
- });
- }
- function onTouchMove() {
- if (swiper.params.cssMode) return;
- const {
- touchEventsData: data,
- touches
- } = swiper;
- // Velocity
- if (data.velocities.length === 0) {
- data.velocities.push({
- position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
- time: data.touchStartTime
- });
- }
- data.velocities.push({
- position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
- time: now()
- });
- }
- function onTouchEnd({
- currentPos
- }) {
- if (swiper.params.cssMode) return;
- const {
- params,
- wrapperEl,
- rtlTranslate: rtl,
- snapGrid,
- touchEventsData: data
- } = swiper;
- // Time diff
- const touchEndTime = now();
- const timeDiff = touchEndTime - data.touchStartTime;
- if (currentPos < -swiper.minTranslate()) {
- swiper.slideTo(swiper.activeIndex);
- return;
- }
- if (currentPos > -swiper.maxTranslate()) {
- if (swiper.slides.length < snapGrid.length) {
- swiper.slideTo(snapGrid.length - 1);
- } else {
- swiper.slideTo(swiper.slides.length - 1);
- }
- return;
- }
- if (params.freeMode.momentum) {
- if (data.velocities.length > 1) {
- const lastMoveEvent = data.velocities.pop();
- const velocityEvent = data.velocities.pop();
- const distance = lastMoveEvent.position - velocityEvent.position;
- const time = lastMoveEvent.time - velocityEvent.time;
- swiper.velocity = distance / time;
- 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.
- // There would be no events with distance zero, so the last event is stale.
- if (time > 150 || now() - lastMoveEvent.time > 300) {
- swiper.velocity = 0;
- }
- } else {
- swiper.velocity = 0;
- }
- swiper.velocity *= params.freeMode.momentumVelocityRatio;
- data.velocities.length = 0;
- let momentumDuration = 1000 * params.freeMode.momentumRatio;
- const momentumDistance = swiper.velocity * momentumDuration;
- let newPosition = swiper.translate + momentumDistance;
- if (rtl) newPosition = -newPosition;
- let doBounce = false;
- let afterBouncePosition;
- const bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeMode.momentumBounceRatio;
- let needsLoopFix;
- if (newPosition < swiper.maxTranslate()) {
- if (params.freeMode.momentumBounce) {
- if (newPosition + swiper.maxTranslate() < -bounceAmount) {
- newPosition = swiper.maxTranslate() - bounceAmount;
- }
- afterBouncePosition = swiper.maxTranslate();
- doBounce = true;
- data.allowMomentumBounce = true;
- } else {
- newPosition = swiper.maxTranslate();
- }
- if (params.loop && params.centeredSlides) needsLoopFix = true;
- } else if (newPosition > swiper.minTranslate()) {
- if (params.freeMode.momentumBounce) {
- if (newPosition - swiper.minTranslate() > bounceAmount) {
- newPosition = swiper.minTranslate() + bounceAmount;
- }
- afterBouncePosition = swiper.minTranslate();
- doBounce = true;
- data.allowMomentumBounce = true;
- } else {
- newPosition = swiper.minTranslate();
- }
- if (params.loop && params.centeredSlides) needsLoopFix = true;
- } else if (params.freeMode.sticky) {
- let nextSlide;
- for (let j = 0; j < snapGrid.length; j += 1) {
- if (snapGrid[j] > -newPosition) {
- nextSlide = j;
- break;
- }
- }
- if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {
- newPosition = snapGrid[nextSlide];
- } else {
- newPosition = snapGrid[nextSlide - 1];
- }
- newPosition = -newPosition;
- }
- if (needsLoopFix) {
- once('transitionEnd', () => {
- swiper.loopFix();
- });
- }
- // Fix duration
- if (swiper.velocity !== 0) {
- if (rtl) {
- momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
- } else {
- momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
- }
- if (params.freeMode.sticky) {
- // If freeMode.sticky is active and the user ends a swipe with a slow-velocity
- // event, then durations can be 20+ seconds to slide one (or zero!) slides.
- // It's easy to see this when simulating touch with mouse events. To fix this,
- // limit single-slide swipes to the default slide duration. This also has the
- // nice side effect of matching slide speed if the user stopped moving before
- // lifting finger or mouse vs. moving slowly before lifting the finger/mouse.
- // For faster swipes, also apply limits (albeit higher ones).
- const moveDistance = Math.abs((rtl ? -newPosition : newPosition) - swiper.translate);
- const currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex];
- if (moveDistance < currentSlideSize) {
- momentumDuration = params.speed;
- } else if (moveDistance < 2 * currentSlideSize) {
- momentumDuration = params.speed * 1.5;
- } else {
- momentumDuration = params.speed * 2.5;
- }
- }
- } else if (params.freeMode.sticky) {
- swiper.slideToClosest();
- return;
- }
- if (params.freeMode.momentumBounce && doBounce) {
- swiper.updateProgress(afterBouncePosition);
- swiper.setTransition(momentumDuration);
- swiper.setTranslate(newPosition);
- swiper.transitionStart(true, swiper.swipeDirection);
- swiper.animating = true;
- elementTransitionEnd(wrapperEl, () => {
- if (!swiper || swiper.destroyed || !data.allowMomentumBounce) return;
- emit('momentumBounce');
- swiper.setTransition(params.speed);
- setTimeout(() => {
- swiper.setTranslate(afterBouncePosition);
- elementTransitionEnd(wrapperEl, () => {
- if (!swiper || swiper.destroyed) return;
- swiper.transitionEnd();
- });
- }, 0);
- });
- } else if (swiper.velocity) {
- emit('_freeModeNoMomentumRelease');
- swiper.updateProgress(newPosition);
- swiper.setTransition(momentumDuration);
- swiper.setTranslate(newPosition);
- swiper.transitionStart(true, swiper.swipeDirection);
- if (!swiper.animating) {
- swiper.animating = true;
- elementTransitionEnd(wrapperEl, () => {
- if (!swiper || swiper.destroyed) return;
- swiper.transitionEnd();
+ const FreeMode = ({ swiper, extendParams, emit, once }) => {
+ extendParams({
+ freeMode: {
+ enabled: false,
+ momentum: true,
+ momentumRatio: 1,
+ momentumBounce: true,
+ momentumBounceRatio: 1,
+ momentumVelocityRatio: 1,
+ sticky: false,
+ minimumVelocity: 0.02,
+ },
+ });
+ function getParams() {
+ return swiper.params.freeMode;
+ }
+ function onTouchStart() {
+ if (swiper.params.cssMode)
+ return;
+ const translate = swiper.getTranslate();
+ swiper.setTranslate(translate);
+ swiper.setTransition(0);
+ swiper.touchEventsData.velocities.length = 0;
+ swiper.freeMode.onTouchEnd({ currentPos: swiper.rtl ? swiper.translate : -swiper.translate });
+ }
+ function onTouchMove() {
+ if (swiper.params.cssMode)
+ return;
+ const { touchEventsData: data, touches } = swiper;
+ // Velocity
+ if (data.velocities.length === 0) {
+ data.velocities.push({
+ position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
+ time: data.touchStartTime ?? now(),
+ });
+ }
+ data.velocities.push({
+ position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
+ time: now(),
});
- }
- } else {
- swiper.updateProgress(newPosition);
}
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- } else if (params.freeMode.sticky) {
- swiper.slideToClosest();
- return;
- } else if (params.freeMode) {
- emit('_freeModeNoMomentumRelease');
- }
- if (!params.freeMode.momentum || timeDiff >= params.longSwipesMs) {
- emit('_freeModeStaticRelease');
- swiper.updateProgress();
- swiper.updateActiveIndex();
- swiper.updateSlidesClasses();
- }
- }
- Object.assign(swiper, {
- freeMode: {
- onTouchStart,
- onTouchMove,
- onTouchEnd
- }
- });
- }
-
- function Grid({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- grid: {
- rows: 1,
- fill: 'column'
- }
- });
- let slidesNumberEvenToRows;
- let slidesPerRow;
- let numFullColumns;
- let wasMultiRow;
- const getSpaceBetween = () => {
- let spaceBetween = swiper.params.spaceBetween;
- if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
- spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * swiper.size;
- } else if (typeof spaceBetween === 'string') {
- spaceBetween = parseFloat(spaceBetween);
- }
- return spaceBetween;
- };
- const initSlides = slides => {
- const {
- slidesPerView
- } = swiper.params;
- const {
- rows,
- fill
- } = swiper.params.grid;
- const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : slides.length;
- numFullColumns = Math.floor(slidesLength / rows);
- if (Math.floor(slidesLength / rows) === slidesLength / rows) {
- slidesNumberEvenToRows = slidesLength;
- } else {
- slidesNumberEvenToRows = Math.ceil(slidesLength / rows) * rows;
- }
- if (slidesPerView !== 'auto' && fill === 'row') {
- slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, Math.floor(slidesPerView) * rows);
- }
- slidesPerRow = slidesNumberEvenToRows / rows;
- };
- const unsetSlides = () => {
- if (swiper.slides) {
- swiper.slides.forEach(slide => {
- if (slide.swiperSlideGridSet) {
- slide.style.height = '';
- slide.style[swiper.getDirectionLabel('margin-top')] = '';
- }
- });
- }
- };
- const updateSlide = (i, slide, slides) => {
- const {
- slidesPerGroup
- } = swiper.params;
- const spaceBetween = getSpaceBetween();
- const {
- rows,
- fill
- } = swiper.params.grid;
- const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : slides.length;
- // Set slides order
- let newSlideOrderIndex;
- let column;
- let row;
- if (fill === 'row' && slidesPerGroup > 1) {
- const groupIndex = Math.floor(i / (slidesPerGroup * rows));
- const slideIndexInGroup = i - rows * slidesPerGroup * groupIndex;
- const columnsInGroup = groupIndex === 0 ? slidesPerGroup : Math.min(Math.ceil((slidesLength - groupIndex * rows * slidesPerGroup) / rows), slidesPerGroup);
- row = Math.floor(slideIndexInGroup / columnsInGroup);
- column = slideIndexInGroup - row * columnsInGroup + groupIndex * slidesPerGroup;
- newSlideOrderIndex = column + row * slidesNumberEvenToRows / rows;
- slide.style.order = newSlideOrderIndex;
- } else if (fill === 'column') {
- column = Math.floor(i / rows);
- row = i - column * rows;
- if (column > numFullColumns || column === numFullColumns && row === rows - 1) {
- row += 1;
- if (row >= rows) {
- row = 0;
- column += 1;
- }
- }
- } else {
- row = Math.floor(i / slidesPerRow);
- column = i - row * slidesPerRow;
- }
- slide.row = row;
- slide.column = column;
- slide.style.height = `calc((100% - ${(rows - 1) * spaceBetween}px) / ${rows})`;
- slide.style[swiper.getDirectionLabel('margin-top')] = row !== 0 ? spaceBetween && `${spaceBetween}px` : '';
- slide.swiperSlideGridSet = true;
- };
- const updateWrapperSize = (slideSize, snapGrid) => {
- const {
- centeredSlides,
- roundLengths
- } = swiper.params;
- const spaceBetween = getSpaceBetween();
- const {
- rows
- } = swiper.params.grid;
- swiper.virtualSize = (slideSize + spaceBetween) * slidesNumberEvenToRows;
- swiper.virtualSize = Math.ceil(swiper.virtualSize / rows) - spaceBetween;
- if (!swiper.params.cssMode) {
- swiper.wrapperEl.style[swiper.getDirectionLabel('width')] = `${swiper.virtualSize + spaceBetween}px`;
- }
- if (centeredSlides) {
- const newSlidesGrid = [];
- for (let i = 0; i < snapGrid.length; i += 1) {
- let slidesGridItem = snapGrid[i];
- if (roundLengths) slidesGridItem = Math.floor(slidesGridItem);
- if (snapGrid[i] < swiper.virtualSize + snapGrid[0]) newSlidesGrid.push(slidesGridItem);
- }
- snapGrid.splice(0, snapGrid.length);
- snapGrid.push(...newSlidesGrid);
- }
- };
- const onInit = () => {
- wasMultiRow = swiper.params.grid && swiper.params.grid.rows > 1;
- };
- const onUpdate = () => {
- const {
- params,
- el
- } = swiper;
- const isMultiRow = params.grid && params.grid.rows > 1;
- if (wasMultiRow && !isMultiRow) {
- el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
- numFullColumns = 1;
- swiper.emitContainerClasses();
- } else if (!wasMultiRow && isMultiRow) {
- el.classList.add(`${params.containerModifierClass}grid`);
- if (params.grid.fill === 'column') {
- el.classList.add(`${params.containerModifierClass}grid-column`);
+ function onTouchEnd({ currentPos }) {
+ if (swiper.params.cssMode)
+ return;
+ const { wrapperEl, rtlTranslate: rtl, snapGrid, touchEventsData: data } = swiper;
+ const params = swiper.params;
+ const freeModeParams = getParams();
+ // Time diff
+ const touchEndTime = now();
+ const timeDiff = touchEndTime - (data.touchStartTime ?? touchEndTime);
+ if (currentPos < -swiper.minTranslate()) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+ if (currentPos > -swiper.maxTranslate()) {
+ if (swiper.slides.length < snapGrid.length) {
+ swiper.slideTo(snapGrid.length - 1);
+ }
+ else {
+ swiper.slideTo(swiper.slides.length - 1);
+ }
+ return;
+ }
+ if (freeModeParams.momentum) {
+ if (data.velocities.length > 1) {
+ const lastMoveEvent = data.velocities.pop();
+ const velocityEvent = data.velocities.pop();
+ const distance = lastMoveEvent.position - velocityEvent.position;
+ const time = lastMoveEvent.time - velocityEvent.time;
+ swiper.velocity = distance / time;
+ swiper.velocity /= 2;
+ if (Math.abs(swiper.velocity) < freeModeParams.minimumVelocity) {
+ swiper.velocity = 0;
+ }
+ // 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;
+ }
+ }
+ else {
+ swiper.velocity = 0;
+ }
+ swiper.velocity *= freeModeParams.momentumVelocityRatio;
+ data.velocities.length = 0;
+ let momentumDuration = 1000 * freeModeParams.momentumRatio;
+ const momentumDistance = swiper.velocity * momentumDuration;
+ let newPosition = swiper.translate + momentumDistance;
+ if (rtl)
+ newPosition = -newPosition;
+ let doBounce = false;
+ let afterBouncePosition;
+ const bounceAmount = Math.abs(swiper.velocity) * 20 * freeModeParams.momentumBounceRatio;
+ let needsLoopFix = false;
+ if (newPosition < swiper.maxTranslate()) {
+ if (freeModeParams.momentumBounce) {
+ if (newPosition + swiper.maxTranslate() < -bounceAmount) {
+ newPosition = swiper.maxTranslate() - bounceAmount;
+ }
+ afterBouncePosition = swiper.maxTranslate();
+ doBounce = true;
+ data.allowMomentumBounce = true;
+ }
+ else {
+ newPosition = swiper.maxTranslate();
+ }
+ if (params.loop && params.centeredSlides)
+ needsLoopFix = true;
+ }
+ else if (newPosition > swiper.minTranslate()) {
+ if (freeModeParams.momentumBounce) {
+ if (newPosition - swiper.minTranslate() > bounceAmount) {
+ newPosition = swiper.minTranslate() + bounceAmount;
+ }
+ afterBouncePosition = swiper.minTranslate();
+ doBounce = true;
+ data.allowMomentumBounce = true;
+ }
+ else {
+ newPosition = swiper.minTranslate();
+ }
+ if (params.loop && params.centeredSlides)
+ needsLoopFix = true;
+ }
+ else if (freeModeParams.sticky) {
+ let nextSlide = 0;
+ for (let j = 0; j < snapGrid.length; j += 1) {
+ if (snapGrid[j] > -newPosition) {
+ nextSlide = j;
+ break;
+ }
+ }
+ if (Math.abs(snapGrid[nextSlide] - newPosition) <
+ Math.abs((snapGrid[nextSlide - 1] ?? snapGrid[nextSlide]) - newPosition) ||
+ swiper.swipeDirection === 'next') {
+ newPosition = snapGrid[nextSlide];
+ }
+ else {
+ newPosition = snapGrid[nextSlide - 1];
+ }
+ newPosition = -newPosition;
+ }
+ if (needsLoopFix) {
+ once('transitionEnd', () => {
+ swiper.loopFix();
+ });
+ }
+ // Fix duration
+ if (swiper.velocity !== 0) {
+ if (rtl) {
+ momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
+ }
+ else {
+ momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
+ }
+ if (freeModeParams.sticky) {
+ // If freeMode.sticky is active and the user ends a swipe with a slow-velocity
+ // event, then durations can be 20+ seconds to slide one (or zero!) slides.
+ // It's easy to see this when simulating touch with mouse events. To fix this,
+ // limit single-slide swipes to the default slide duration. This also has the
+ // nice side effect of matching slide speed if the user stopped moving before
+ // lifting finger or mouse vs. moving slowly before lifting the finger/mouse.
+ // For faster swipes, also apply limits (albeit higher ones).
+ const moveDistance = Math.abs((rtl ? -newPosition : newPosition) - swiper.translate);
+ const currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex];
+ const speed = params.speed;
+ if (moveDistance < currentSlideSize) {
+ momentumDuration = speed;
+ }
+ else if (moveDistance < 2 * currentSlideSize) {
+ momentumDuration = speed * 1.5;
+ }
+ else {
+ momentumDuration = speed * 2.5;
+ }
+ }
+ }
+ else if (freeModeParams.sticky) {
+ swiper.slideToClosest();
+ return;
+ }
+ if (freeModeParams.momentumBounce && doBounce && afterBouncePosition !== undefined) {
+ swiper.updateProgress(afterBouncePosition);
+ swiper.setTransition(momentumDuration);
+ swiper.setTranslate(newPosition);
+ swiper.transitionStart(true, swiper.swipeDirection);
+ swiper.animating = true;
+ elementTransitionEnd(wrapperEl, () => {
+ if (!swiper || swiper.destroyed || !data.allowMomentumBounce)
+ return;
+ emit('momentumBounce');
+ swiper.setTransition(params.speed);
+ setTimeout(() => {
+ swiper.setTranslate(afterBouncePosition);
+ elementTransitionEnd(wrapperEl, () => {
+ if (!swiper || swiper.destroyed)
+ return;
+ swiper.transitionEnd();
+ });
+ }, 0);
+ });
+ }
+ else if (swiper.velocity) {
+ emit('_freeModeNoMomentumRelease');
+ swiper.updateProgress(newPosition);
+ swiper.setTransition(momentumDuration);
+ swiper.setTranslate(newPosition);
+ swiper.transitionStart(true, swiper.swipeDirection);
+ if (!swiper.animating) {
+ swiper.animating = true;
+ elementTransitionEnd(wrapperEl, () => {
+ if (!swiper || swiper.destroyed)
+ return;
+ swiper.transitionEnd();
+ });
+ }
+ }
+ else {
+ swiper.updateProgress(newPosition);
+ }
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+ else if (freeModeParams.sticky) {
+ swiper.slideToClosest();
+ return;
+ }
+ else {
+ emit('_freeModeNoMomentumRelease');
+ }
+ if (!freeModeParams.momentum || timeDiff >= params.longSwipesMs) {
+ emit('_freeModeStaticRelease');
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
}
- swiper.emitContainerClasses();
- }
- wasMultiRow = isMultiRow;
- };
- on('init', onInit);
- on('update', onUpdate);
- swiper.grid = {
- initSlides,
- unsetSlides,
- updateSlide,
- updateWrapperSize
+ swiper.freeMode = {
+ onTouchStart,
+ onTouchMove,
+ onTouchEnd,
+ };
};
- }
- function appendSlide(slides) {
- const swiper = this;
- const {
- params,
- slidesEl
- } = swiper;
- if (params.loop) {
- swiper.loopDestroy();
- }
- const appendElement = slideEl => {
- if (typeof slideEl === 'string') {
- const tempDOM = document.createElement('div');
- setInnerHTML(tempDOM, slideEl);
- slidesEl.append(tempDOM.children[0]);
- setInnerHTML(tempDOM, '');
- } else {
- slidesEl.append(slideEl);
- }
+ const Grid = ({ swiper, extendParams, on }) => {
+ extendParams({
+ grid: {
+ rows: 1,
+ fill: 'column',
+ },
+ });
+ function getParams() {
+ return swiper.params.grid;
+ }
+ let slidesNumberEvenToRows;
+ let slidesPerRow;
+ let numFullColumns;
+ let wasMultiRow;
+ const getSpaceBetween = () => {
+ let spaceBetween = swiper.params.spaceBetween ?? 0;
+ if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
+ spaceBetween = (parseFloat(spaceBetween.replace('%', '')) / 100) * swiper.size;
+ }
+ else if (typeof spaceBetween === 'string') {
+ spaceBetween = parseFloat(spaceBetween);
+ }
+ return spaceBetween;
+ };
+ const isVirtualEnabled = () => {
+ const virtualParams = swiper.params.virtual;
+ return (!!swiper.virtual &&
+ typeof virtualParams === 'object' &&
+ virtualParams !== null &&
+ !!virtualParams.enabled);
+ };
+ const initSlides = (slides) => {
+ const { slidesPerView } = swiper.params;
+ const { rows, fill } = getParams();
+ const slidesLength = isVirtualEnabled() ? swiper.virtual.slides.length : slides.length;
+ numFullColumns = Math.floor(slidesLength / rows);
+ if (Math.floor(slidesLength / rows) === slidesLength / rows) {
+ slidesNumberEvenToRows = slidesLength;
+ }
+ else {
+ slidesNumberEvenToRows = Math.ceil(slidesLength / rows) * rows;
+ }
+ if (slidesPerView !== 'auto' && fill === 'row') {
+ slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, Math.floor(slidesPerView ?? 1) * rows);
+ }
+ slidesPerRow = slidesNumberEvenToRows / rows;
+ };
+ const unsetSlides = () => {
+ if (swiper.slides) {
+ swiper.slides.forEach((slide) => {
+ const gridSlide = slide;
+ if (gridSlide.swiperSlideGridSet) {
+ slide.style.height = '';
+ slide.style.setProperty(swiper.getDirectionLabel('margin-top'), '');
+ }
+ });
+ }
+ };
+ const updateSlide = (i, slide, slides) => {
+ const { slidesPerGroup } = swiper.params;
+ const spaceBetween = getSpaceBetween();
+ const { rows, fill } = getParams();
+ const slidesLength = isVirtualEnabled() ? swiper.virtual.slides.length : slides.length;
+ // Set slides order
+ let newSlideOrderIndex;
+ let column;
+ let row;
+ if (fill === 'row' && (slidesPerGroup ?? 1) > 1) {
+ const groupsPer = slidesPerGroup ?? 1;
+ const groupIndex = Math.floor(i / (groupsPer * rows));
+ const slideIndexInGroup = i - rows * groupsPer * groupIndex;
+ const columnsInGroup = groupIndex === 0
+ ? groupsPer
+ : Math.min(Math.ceil((slidesLength - groupIndex * rows * groupsPer) / rows), groupsPer);
+ row = Math.floor(slideIndexInGroup / columnsInGroup);
+ column = slideIndexInGroup - row * columnsInGroup + groupIndex * groupsPer;
+ newSlideOrderIndex = column + (row * slidesNumberEvenToRows) / rows;
+ slide.style.order = String(newSlideOrderIndex);
+ }
+ else if (fill === 'column') {
+ column = Math.floor(i / rows);
+ row = i - column * rows;
+ if (column > numFullColumns || (column === numFullColumns && row === rows - 1)) {
+ row += 1;
+ if (row >= rows) {
+ row = 0;
+ column += 1;
+ }
+ }
+ }
+ else {
+ row = Math.floor(i / slidesPerRow);
+ column = i - row * slidesPerRow;
+ }
+ const gridSlide = slide;
+ gridSlide.row = row;
+ gridSlide.column = column;
+ slide.style.height = `calc((100% - ${(rows - 1) * spaceBetween}px) / ${rows})`;
+ slide.style.setProperty(swiper.getDirectionLabel('margin-top'), row !== 0 && spaceBetween ? `${spaceBetween}px` : '');
+ gridSlide.swiperSlideGridSet = true;
+ };
+ const updateWrapperSize = (slideSize, snapGrid) => {
+ const { centeredSlides, roundLengths } = swiper.params;
+ const spaceBetween = getSpaceBetween();
+ const { rows } = getParams();
+ swiper.virtualSize = (slideSize + spaceBetween) * slidesNumberEvenToRows;
+ swiper.virtualSize = Math.ceil(swiper.virtualSize / rows) - spaceBetween;
+ if (!swiper.params.cssMode) {
+ swiper.wrapperEl.style.setProperty(swiper.getDirectionLabel('width'), `${swiper.virtualSize + spaceBetween}px`);
+ }
+ if (centeredSlides) {
+ const newSlidesGrid = [];
+ for (let i = 0; i < snapGrid.length; i += 1) {
+ let slidesGridItem = snapGrid[i];
+ if (roundLengths)
+ slidesGridItem = Math.floor(slidesGridItem);
+ if (snapGrid[i] < swiper.virtualSize + snapGrid[0])
+ newSlidesGrid.push(slidesGridItem);
+ }
+ snapGrid.splice(0, snapGrid.length);
+ snapGrid.push(...newSlidesGrid);
+ }
+ };
+ const onInit = () => {
+ const gridParams = swiper.params.grid;
+ wasMultiRow = !!(gridParams && (gridParams.rows ?? 1) > 1);
+ };
+ const onUpdate = () => {
+ const { params, el } = swiper;
+ const gridParams = params.grid;
+ const isMultiRow = !!(gridParams && (gridParams.rows ?? 1) > 1);
+ if (wasMultiRow && !isMultiRow) {
+ el.classList.remove(`${params.containerModifierClass}grid`, `${params.containerModifierClass}grid-column`);
+ numFullColumns = 1;
+ swiper.emitContainerClasses();
+ }
+ else if (!wasMultiRow && isMultiRow) {
+ el.classList.add(`${params.containerModifierClass}grid`);
+ if (gridParams.fill === 'column') {
+ el.classList.add(`${params.containerModifierClass}grid-column`);
+ }
+ swiper.emitContainerClasses();
+ }
+ wasMultiRow = isMultiRow;
+ };
+ on('init', onInit);
+ on('update', onUpdate);
+ swiper.grid = {
+ initSlides,
+ unsetSlides,
+ updateSlide,
+ updateWrapperSize,
+ };
};
- if (typeof slides === 'object' && 'length' in slides) {
- for (let i = 0; i < slides.length; i += 1) {
- if (slides[i]) appendElement(slides[i]);
- }
- } else {
- appendElement(slides);
- }
- swiper.recalcSlides();
- if (params.loop) {
- swiper.loopCreate();
- }
- if (!params.observer || swiper.isElement) {
- swiper.update();
- }
- }
- function prependSlide(slides) {
- const swiper = this;
- const {
- params,
- activeIndex,
- slidesEl
- } = swiper;
- if (params.loop) {
- swiper.loopDestroy();
- }
- let newActiveIndex = activeIndex + 1;
- const prependElement = slideEl => {
- if (typeof slideEl === 'string') {
- const tempDOM = document.createElement('div');
- setInnerHTML(tempDOM, slideEl);
- slidesEl.prepend(tempDOM.children[0]);
- setInnerHTML(tempDOM, '');
- } else {
- slidesEl.prepend(slideEl);
- }
- };
- if (typeof slides === 'object' && 'length' in slides) {
- for (let i = 0; i < slides.length; i += 1) {
- if (slides[i]) prependElement(slides[i]);
- }
- newActiveIndex = activeIndex + slides.length;
- } else {
- prependElement(slides);
- }
- swiper.recalcSlides();
- if (params.loop) {
- swiper.loopCreate();
- }
- if (!params.observer || swiper.isElement) {
- swiper.update();
+ function addSlide(index, slides) {
+ const swiper = this;
+ const { params, activeIndex, slidesEl } = swiper;
+ let activeIndexBuffer = activeIndex;
+ if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides ?? 0;
+ swiper.loopDestroy();
+ swiper.recalcSlides();
+ }
+ const baseLength = swiper.slides.length;
+ if (index <= 0) {
+ swiper.prependSlide(slides);
+ return;
+ }
+ if (index >= baseLength) {
+ swiper.appendSlide(slides);
+ return;
+ }
+ let newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;
+ const slidesBuffer = [];
+ for (let i = baseLength - 1; i >= index; i -= 1) {
+ const currentSlide = swiper.slides[i];
+ if (!currentSlide)
+ continue;
+ currentSlide.remove();
+ slidesBuffer.unshift(currentSlide);
+ }
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ if (slide)
+ slidesEl.append(slide);
+ }
+ newActiveIndex =
+ activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;
+ }
+ else {
+ slidesEl.append(slides);
+ }
+ for (let i = 0; i < slidesBuffer.length; i += 1) {
+ slidesEl.append(slidesBuffer[i]);
+ }
+ swiper.recalcSlides();
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!params.observer || swiper.isElement) {
+ swiper.update();
+ }
+ if (params.loop) {
+ swiper.slideTo(newActiveIndex + (swiper.loopedSlides ?? 0), 0, false);
+ }
+ else {
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
}
- swiper.slideTo(newActiveIndex, 0, false);
- }
- function addSlide(index, slides) {
- const swiper = this;
- const {
- params,
- activeIndex,
- slidesEl
- } = swiper;
- let activeIndexBuffer = activeIndex;
- if (params.loop) {
- activeIndexBuffer -= swiper.loopedSlides;
- swiper.loopDestroy();
- swiper.recalcSlides();
- }
- const baseLength = swiper.slides.length;
- if (index <= 0) {
- swiper.prependSlide(slides);
- return;
- }
- if (index >= baseLength) {
- swiper.appendSlide(slides);
- return;
- }
- let newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + 1 : activeIndexBuffer;
- const slidesBuffer = [];
- for (let i = baseLength - 1; i >= index; i -= 1) {
- const currentSlide = swiper.slides[i];
- currentSlide.remove();
- slidesBuffer.unshift(currentSlide);
- }
- if (typeof slides === 'object' && 'length' in slides) {
- for (let i = 0; i < slides.length; i += 1) {
- if (slides[i]) slidesEl.append(slides[i]);
- }
- newActiveIndex = activeIndexBuffer > index ? activeIndexBuffer + slides.length : activeIndexBuffer;
- } else {
- slidesEl.append(slides);
- }
- for (let i = 0; i < slidesBuffer.length; i += 1) {
- slidesEl.append(slidesBuffer[i]);
- }
- swiper.recalcSlides();
- if (params.loop) {
- swiper.loopCreate();
- }
- if (!params.observer || swiper.isElement) {
- swiper.update();
- }
- if (params.loop) {
- swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
- } else {
- swiper.slideTo(newActiveIndex, 0, false);
+ function appendSlide(slides) {
+ const swiper = this;
+ const { params, slidesEl } = swiper;
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+ const appendElement = (slideEl) => {
+ if (typeof slideEl === 'string') {
+ const tempDOM = document.createElement('div');
+ setInnerHTML(tempDOM, slideEl);
+ const child = tempDOM.children[0];
+ if (child)
+ slidesEl.append(child);
+ setInnerHTML(tempDOM, '');
+ }
+ else {
+ slidesEl.append(slideEl);
+ }
+ };
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ if (slide)
+ appendElement(slide);
+ }
+ }
+ else {
+ appendElement(slides);
+ }
+ swiper.recalcSlides();
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!params.observer || swiper.isElement) {
+ swiper.update();
+ }
}
- }
- function removeSlide(slidesIndexes) {
- const swiper = this;
- const {
- params,
- activeIndex
- } = swiper;
- let activeIndexBuffer = activeIndex;
- if (params.loop) {
- activeIndexBuffer -= swiper.loopedSlides;
- swiper.loopDestroy();
- }
- let newActiveIndex = activeIndexBuffer;
- let indexToRemove;
- if (typeof slidesIndexes === 'object' && 'length' in slidesIndexes) {
- for (let i = 0; i < slidesIndexes.length; i += 1) {
- indexToRemove = slidesIndexes[i];
- if (swiper.slides[indexToRemove]) swiper.slides[indexToRemove].remove();
- if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
- }
- newActiveIndex = Math.max(newActiveIndex, 0);
- } else {
- indexToRemove = slidesIndexes;
- if (swiper.slides[indexToRemove]) swiper.slides[indexToRemove].remove();
- if (indexToRemove < newActiveIndex) newActiveIndex -= 1;
- newActiveIndex = Math.max(newActiveIndex, 0);
- }
- swiper.recalcSlides();
- if (params.loop) {
- swiper.loopCreate();
- }
- if (!params.observer || swiper.isElement) {
- swiper.update();
- }
- if (params.loop) {
- swiper.slideTo(newActiveIndex + swiper.loopedSlides, 0, false);
- } else {
- swiper.slideTo(newActiveIndex, 0, false);
+ function prependSlide(slides) {
+ const swiper = this;
+ const { params, activeIndex, slidesEl } = swiper;
+ if (params.loop) {
+ swiper.loopDestroy();
+ }
+ let newActiveIndex = activeIndex + 1;
+ const prependElement = (slideEl) => {
+ if (typeof slideEl === 'string') {
+ const tempDOM = document.createElement('div');
+ setInnerHTML(tempDOM, slideEl);
+ const child = tempDOM.children[0];
+ if (child)
+ slidesEl.prepend(child);
+ setInnerHTML(tempDOM, '');
+ }
+ else {
+ slidesEl.prepend(slideEl);
+ }
+ };
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ if (slide)
+ prependElement(slide);
+ }
+ newActiveIndex = activeIndex + slides.length;
+ }
+ else {
+ prependElement(slides);
+ }
+ swiper.recalcSlides();
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!params.observer || swiper.isElement) {
+ swiper.update();
+ }
+ swiper.slideTo(newActiveIndex, 0, false);
}
- }
- function removeAllSlides() {
- const swiper = this;
- const slidesIndexes = [];
- for (let i = 0; i < swiper.slides.length; i += 1) {
- slidesIndexes.push(i);
+ function removeAllSlides() {
+ const swiper = this;
+ const slidesIndexes = [];
+ for (let i = 0; i < swiper.slides.length; i += 1) {
+ slidesIndexes.push(i);
+ }
+ swiper.removeSlide(slidesIndexes);
}
- swiper.removeSlide(slidesIndexes);
- }
-
- function Manipulation({
- swiper
- }) {
- Object.assign(swiper, {
- appendSlide: appendSlide.bind(swiper),
- prependSlide: prependSlide.bind(swiper),
- addSlide: addSlide.bind(swiper),
- removeSlide: removeSlide.bind(swiper),
- removeAllSlides: removeAllSlides.bind(swiper)
- });
- }
-
- function effectInit(params) {
- const {
- effect,
- swiper,
- on,
- setTranslate,
- setTransition,
- overwriteParams,
- perspective,
- recreateShadows,
- getEffectParams
- } = params;
- on('beforeInit', () => {
- if (swiper.params.effect !== effect) return;
- swiper.classNames.push(`${swiper.params.containerModifierClass}${effect}`);
- if (perspective && perspective()) {
- swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
- }
- const overwriteParamsResult = overwriteParams ? overwriteParams() : {};
- Object.assign(swiper.params, overwriteParamsResult);
- Object.assign(swiper.originalParams, overwriteParamsResult);
- });
- on('setTranslate _virtualUpdated', () => {
- if (swiper.params.effect !== effect) return;
- setTranslate();
- });
- on('setTransition', (_s, duration) => {
- if (swiper.params.effect !== effect) return;
- setTransition(duration);
- });
- on('transitionEnd', () => {
- if (swiper.params.effect !== effect) return;
- if (recreateShadows) {
- 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
- recreateShadows();
- }
- });
- let requireUpdateOnVirtual;
- on('virtualUpdate', () => {
- if (swiper.params.effect !== effect) return;
- if (!swiper.slides.length) {
- requireUpdateOnVirtual = true;
- }
- requestAnimationFrame(() => {
- if (requireUpdateOnVirtual && swiper.slides && swiper.slides.length) {
- setTranslate();
- requireUpdateOnVirtual = false;
- }
- });
- });
- }
- function effectTarget(effectParams, slideEl) {
- const transformEl = getSlideTransformEl(slideEl);
- if (transformEl !== slideEl) {
- transformEl.style.backfaceVisibility = 'hidden';
- transformEl.style['-webkit-backface-visibility'] = 'hidden';
+ function removeSlide(slidesIndexes) {
+ const swiper = this;
+ const { params, activeIndex } = swiper;
+ let activeIndexBuffer = activeIndex;
+ if (params.loop) {
+ activeIndexBuffer -= swiper.loopedSlides ?? 0;
+ swiper.loopDestroy();
+ }
+ let newActiveIndex = activeIndexBuffer;
+ if (Array.isArray(slidesIndexes)) {
+ for (let i = 0; i < slidesIndexes.length; i += 1) {
+ const indexToRemove = slidesIndexes[i];
+ if (swiper.slides[indexToRemove])
+ swiper.slides[indexToRemove].remove();
+ if (indexToRemove < newActiveIndex)
+ newActiveIndex -= 1;
+ }
+ newActiveIndex = Math.max(newActiveIndex, 0);
+ }
+ else {
+ const indexToRemove = slidesIndexes;
+ if (swiper.slides[indexToRemove])
+ swiper.slides[indexToRemove].remove();
+ if (indexToRemove < newActiveIndex)
+ newActiveIndex -= 1;
+ newActiveIndex = Math.max(newActiveIndex, 0);
+ }
+ swiper.recalcSlides();
+ if (params.loop) {
+ swiper.loopCreate();
+ }
+ if (!params.observer || swiper.isElement) {
+ swiper.update();
+ }
+ if (params.loop) {
+ swiper.slideTo(newActiveIndex + (swiper.loopedSlides ?? 0), 0, false);
+ }
+ else {
+ swiper.slideTo(newActiveIndex, 0, false);
+ }
}
- return transformEl;
- }
- function effectVirtualTransitionEnd({
- swiper,
- duration,
- transformElements,
- allSlides
- }) {
- const {
- activeIndex
- } = swiper;
- const getSlide = el => {
- if (!el.parentElement) {
- // assume shadow root
- const slide = swiper.slides.find(slideEl => slideEl.shadowRoot && slideEl.shadowRoot === el.parentNode);
- return slide;
- }
- return el.parentElement;
+ const Manipulation = ({ swiper }) => {
+ Object.assign(swiper, {
+ appendSlide: appendSlide.bind(swiper),
+ prependSlide: prependSlide.bind(swiper),
+ addSlide: addSlide.bind(swiper),
+ removeSlide: removeSlide.bind(swiper),
+ removeAllSlides: removeAllSlides.bind(swiper),
+ });
};
- if (swiper.params.virtualTranslate && duration !== 0) {
- let eventTriggered = false;
- let transitionEndTarget;
- if (allSlides) {
- transitionEndTarget = transformElements;
- } else {
- transitionEndTarget = transformElements.filter(transformEl => {
- const el = transformEl.classList.contains('swiper-slide-transform') ? getSlide(transformEl) : transformEl;
- return swiper.getSlideIndex(el) === activeIndex;
- });
- }
- transitionEndTarget.forEach(el => {
- elementTransitionEnd(el, () => {
- if (eventTriggered) return;
- if (!swiper || swiper.destroyed) return;
- eventTriggered = true;
- swiper.animating = false;
- const evt = new window.CustomEvent('transitionend', {
- bubbles: true,
- cancelable: true
- });
- swiper.wrapperEl.dispatchEvent(evt);
- });
- });
- }
- }
- function EffectFade({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- fadeEffect: {
- crossFade: false
- }
- });
- const setTranslate = () => {
- const {
- slides
- } = swiper;
- const params = swiper.params.fadeEffect;
- for (let i = 0; i < slides.length; i += 1) {
- const slideEl = swiper.slides[i];
- const offset = slideEl.swiperSlideOffset;
- let tx = -offset;
- if (!swiper.params.virtualTranslate) tx -= swiper.translate;
- let ty = 0;
- if (!swiper.isHorizontal()) {
- ty = tx;
- tx = 0;
- }
- const slideOpacity = swiper.params.fadeEffect.crossFade ? Math.max(1 - Math.abs(slideEl.progress), 0) : 1 + Math.min(Math.max(slideEl.progress, -1), 0);
- const targetEl = effectTarget(params, slideEl);
- targetEl.style.opacity = slideOpacity;
- targetEl.style.transform = `translate3d(${tx}px, ${ty}px, 0px)`;
- }
- };
- const setTransition = duration => {
- const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
- transformElements.forEach(el => {
- el.style.transitionDuration = `${duration}ms`;
- });
- effectVirtualTransitionEnd({
- swiper,
- duration,
- transformElements,
- allSlides: true
- });
- };
- effectInit({
- effect: 'fade',
- swiper,
- on,
- setTranslate,
- setTransition,
- overwriteParams: () => ({
- slidesPerView: 1,
- slidesPerGroup: 1,
- watchSlidesProgress: true,
- spaceBetween: 0,
- virtualTranslate: !swiper.params.cssMode
- })
- });
- }
+ function effectInit(params) {
+ const { effect, swiper, on, setTranslate, setTransition, overwriteParams, perspective, recreateShadows, getEffectParams, } = params;
+ on('beforeInit', () => {
+ if (swiper.params.effect !== effect)
+ return;
+ swiper.classNames.push(`${swiper.params.containerModifierClass}${effect}`);
+ if (perspective && perspective()) {
+ swiper.classNames.push(`${swiper.params.containerModifierClass}3d`);
+ }
+ const overwriteParamsResult = overwriteParams ? overwriteParams() : {};
+ Object.assign(swiper.params, overwriteParamsResult);
+ Object.assign(swiper.originalParams, overwriteParamsResult);
+ });
+ on('setTranslate _virtualUpdated', () => {
+ if (swiper.params.effect !== effect)
+ return;
+ setTranslate();
+ });
+ on('setTransition', (_s, duration) => {
+ if (swiper.params.effect !== effect)
+ return;
+ setTransition(duration);
+ });
+ on('transitionEnd', () => {
+ if (swiper.params.effect !== effect)
+ return;
+ if (recreateShadows) {
+ const effectParams = getEffectParams ? getEffectParams() : undefined;
+ if (!effectParams || !effectParams.slideShadows)
+ return;
+ 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());
+ });
+ recreateShadows();
+ }
+ });
+ let requireUpdateOnVirtual = false;
+ on('virtualUpdate', () => {
+ if (swiper.params.effect !== effect)
+ return;
+ if (!swiper.slides.length) {
+ requireUpdateOnVirtual = true;
+ }
+ requestAnimationFrame(() => {
+ if (requireUpdateOnVirtual && swiper.slides && swiper.slides.length) {
+ setTranslate();
+ requireUpdateOnVirtual = false;
+ }
+ });
+ });
+ }
- function EffectCube({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- cubeEffect: {
- slideShadows: true,
- shadow: true,
- shadowOffset: 20,
- shadowScale: 0.94
- }
- });
- const createSlideShadows = (slideEl, progress, isHorizontal) => {
- let shadowBefore = isHorizontal ? slideEl.querySelector('.swiper-slide-shadow-left') : slideEl.querySelector('.swiper-slide-shadow-top');
- let shadowAfter = isHorizontal ? slideEl.querySelector('.swiper-slide-shadow-right') : slideEl.querySelector('.swiper-slide-shadow-bottom');
- if (!shadowBefore) {
- shadowBefore = createElement('div', `swiper-slide-shadow-cube swiper-slide-shadow-${isHorizontal ? 'left' : 'top'}`.split(' '));
- slideEl.append(shadowBefore);
- }
- if (!shadowAfter) {
- shadowAfter = createElement('div', `swiper-slide-shadow-cube swiper-slide-shadow-${isHorizontal ? 'right' : 'bottom'}`.split(' '));
- slideEl.append(shadowAfter);
- }
- if (shadowBefore) shadowBefore.style.opacity = Math.max(-progress, 0);
- if (shadowAfter) shadowAfter.style.opacity = Math.max(progress, 0);
- };
- const recreateShadows = () => {
- // create new ones
- const isHorizontal = swiper.isHorizontal();
- swiper.slides.forEach(slideEl => {
- const progress = Math.max(Math.min(slideEl.progress, 1), -1);
- createSlideShadows(slideEl, progress, isHorizontal);
- });
- };
- const setTranslate = () => {
- const {
- el,
- wrapperEl,
- slides,
- width: swiperWidth,
- height: swiperHeight,
- rtlTranslate: rtl,
- size: swiperSize,
- browser
- } = swiper;
- const r = getRotateFix(swiper);
- const params = swiper.params.cubeEffect;
- const isHorizontal = swiper.isHorizontal();
- const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
- let wrapperRotate = 0;
- let cubeShadowEl;
- if (params.shadow) {
- if (isHorizontal) {
- cubeShadowEl = swiper.wrapperEl.querySelector('.swiper-cube-shadow');
- if (!cubeShadowEl) {
- cubeShadowEl = createElement('div', 'swiper-cube-shadow');
- swiper.wrapperEl.append(cubeShadowEl);
- }
- cubeShadowEl.style.height = `${swiperWidth}px`;
- } else {
- cubeShadowEl = el.querySelector('.swiper-cube-shadow');
- if (!cubeShadowEl) {
- cubeShadowEl = createElement('div', 'swiper-cube-shadow');
- el.append(cubeShadowEl);
- }
- }
- }
- for (let i = 0; i < slides.length; i += 1) {
- const slideEl = slides[i];
- let slideIndex = i;
- if (isVirtual) {
- slideIndex = parseInt(slideEl.getAttribute('data-swiper-slide-index'), 10);
+ function effectTarget(_effectParams, slideEl) {
+ const transformEl = getSlideTransformEl(slideEl);
+ if (transformEl !== slideEl) {
+ transformEl.style.backfaceVisibility = 'hidden';
+ transformEl.style.setProperty('-webkit-backface-visibility', 'hidden');
}
- let slideAngle = slideIndex * 90;
- let round = Math.floor(slideAngle / 360);
- if (rtl) {
- slideAngle = -slideAngle;
- round = Math.floor(-slideAngle / 360);
- }
- const progress = Math.max(Math.min(slideEl.progress, 1), -1);
- let tx = 0;
- let ty = 0;
- let tz = 0;
- if (slideIndex % 4 === 0) {
- tx = -round * 4 * swiperSize;
- tz = 0;
- } else if ((slideIndex - 1) % 4 === 0) {
- tx = 0;
- tz = -round * 4 * swiperSize;
- } else if ((slideIndex - 2) % 4 === 0) {
- tx = swiperSize + round * 4 * swiperSize;
- tz = swiperSize;
- } else if ((slideIndex - 3) % 4 === 0) {
- tx = -swiperSize;
- tz = 3 * swiperSize + swiperSize * 4 * round;
- }
- if (rtl) {
- tx = -tx;
- }
- if (!isHorizontal) {
- ty = tx;
- tx = 0;
- }
- const transform = `rotateX(${r(isHorizontal ? 0 : -slideAngle)}deg) rotateY(${r(isHorizontal ? slideAngle : 0)}deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
- if (progress <= 1 && progress > -1) {
- wrapperRotate = slideIndex * 90 + progress * 90;
- if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90;
- }
- slideEl.style.transform = transform;
- if (params.slideShadows) {
- createSlideShadows(slideEl, progress, isHorizontal);
- }
- }
- wrapperEl.style.transformOrigin = `50% 50% -${swiperSize / 2}px`;
- wrapperEl.style['-webkit-transform-origin'] = `50% 50% -${swiperSize / 2}px`;
- if (params.shadow) {
- if (isHorizontal) {
- cubeShadowEl.style.transform = `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${-swiperWidth / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${params.shadowScale})`;
- } else {
- const shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
- const multiplier = 1.5 - (Math.sin(shadowAngle * 2 * Math.PI / 360) / 2 + Math.cos(shadowAngle * 2 * Math.PI / 360) / 2);
- const scale1 = params.shadowScale;
- const scale2 = params.shadowScale / multiplier;
- const offset = params.shadowOffset;
- cubeShadowEl.style.transform = `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${swiperHeight / 2 + offset}px, ${-swiperHeight / 2 / scale2}px) rotateX(-89.99deg)`;
- }
- }
- const zFactor = (browser.isSafari || browser.isWebView) && browser.needPerspectiveFix ? -swiperSize / 2 : 0;
- wrapperEl.style.transform = `translate3d(0px,0,${zFactor}px) rotateX(${r(swiper.isHorizontal() ? 0 : wrapperRotate)}deg) rotateY(${r(swiper.isHorizontal() ? -wrapperRotate : 0)}deg)`;
- wrapperEl.style.setProperty('--swiper-cube-translate-z', `${zFactor}px`);
- };
- const setTransition = duration => {
- const {
- el,
- slides
- } = swiper;
- slides.forEach(slideEl => {
- slideEl.style.transitionDuration = `${duration}ms`;
- slideEl.querySelectorAll('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').forEach(subEl => {
- subEl.style.transitionDuration = `${duration}ms`;
- });
- });
- if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
- const shadowEl = el.querySelector('.swiper-cube-shadow');
- if (shadowEl) shadowEl.style.transitionDuration = `${duration}ms`;
- }
- };
- effectInit({
- effect: 'cube',
- swiper,
- on,
- setTranslate,
- setTransition,
- recreateShadows,
- getEffectParams: () => swiper.params.cubeEffect,
- perspective: () => true,
- overwriteParams: () => ({
- slidesPerView: 1,
- slidesPerGroup: 1,
- watchSlidesProgress: true,
- resistanceRatio: 0,
- spaceBetween: 0,
- centeredSlides: false,
- virtualTranslate: true
- })
- });
- }
+ return transformEl;
+ }
- function createShadow(suffix, slideEl, side) {
- const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ''}${suffix ? ` swiper-slide-shadow-${suffix}` : ''}`;
- const shadowContainer = getSlideTransformEl(slideEl);
- let shadowEl = shadowContainer.querySelector(`.${shadowClass.split(' ').join('.')}`);
- if (!shadowEl) {
- shadowEl = createElement('div', shadowClass.split(' '));
- shadowContainer.append(shadowEl);
+ function effectVirtualTransitionEnd({ swiper, duration, transformElements, allSlides, }) {
+ const { activeIndex } = swiper;
+ const getSlide = (el) => {
+ if (!el.parentElement) {
+ // assume shadow root
+ return swiper.slides.find((slideEl) => slideEl.shadowRoot && slideEl.shadowRoot === el.parentNode);
+ }
+ if (el.parentElement instanceof HTMLElement)
+ return el.parentElement;
+ return undefined;
+ };
+ if (swiper.params.virtualTranslate && duration !== 0) {
+ let eventTriggered = false;
+ let transitionEndTarget;
+ if (allSlides) {
+ transitionEndTarget = transformElements;
+ }
+ else {
+ transitionEndTarget = transformElements.filter((transformEl) => {
+ const el = transformEl.classList.contains('swiper-slide-transform')
+ ? getSlide(transformEl)
+ : transformEl;
+ return !!el && swiper.getSlideIndex(el) === activeIndex;
+ });
+ }
+ transitionEndTarget.forEach((el) => {
+ elementTransitionEnd(el, () => {
+ if (eventTriggered)
+ return;
+ if (!swiper || swiper.destroyed)
+ return;
+ eventTriggered = true;
+ swiper.animating = false;
+ const evt = new CustomEvent('transitionend', { bubbles: true, cancelable: true });
+ swiper.wrapperEl.dispatchEvent(evt);
+ });
+ });
+ }
}
- return shadowEl;
- }
- function EffectFlip({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- flipEffect: {
- slideShadows: true,
- limitRotation: true
- }
- });
- const createSlideShadows = (slideEl, progress) => {
- let shadowBefore = swiper.isHorizontal() ? slideEl.querySelector('.swiper-slide-shadow-left') : slideEl.querySelector('.swiper-slide-shadow-top');
- let shadowAfter = swiper.isHorizontal() ? slideEl.querySelector('.swiper-slide-shadow-right') : slideEl.querySelector('.swiper-slide-shadow-bottom');
- if (!shadowBefore) {
- shadowBefore = createShadow('flip', slideEl, swiper.isHorizontal() ? 'left' : 'top');
- }
- if (!shadowAfter) {
- shadowAfter = createShadow('flip', slideEl, swiper.isHorizontal() ? 'right' : 'bottom');
- }
- if (shadowBefore) shadowBefore.style.opacity = Math.max(-progress, 0);
- if (shadowAfter) shadowAfter.style.opacity = Math.max(progress, 0);
- };
- const recreateShadows = () => {
- // Set shadows
- swiper.params.flipEffect;
- swiper.slides.forEach(slideEl => {
- let progress = slideEl.progress;
- if (swiper.params.flipEffect.limitRotation) {
- progress = Math.max(Math.min(slideEl.progress, 1), -1);
- }
- createSlideShadows(slideEl, progress);
- });
- };
- const setTranslate = () => {
- const {
- slides,
- rtlTranslate: rtl
- } = swiper;
- const params = swiper.params.flipEffect;
- const rotateFix = getRotateFix(swiper);
- for (let i = 0; i < slides.length; i += 1) {
- const slideEl = slides[i];
- let progress = slideEl.progress;
- if (swiper.params.flipEffect.limitRotation) {
- progress = Math.max(Math.min(slideEl.progress, 1), -1);
- }
- const offset = slideEl.swiperSlideOffset;
- const rotate = -180 * progress;
- let rotateY = rotate;
- let rotateX = 0;
- let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset;
- let ty = 0;
- if (!swiper.isHorizontal()) {
- ty = tx;
- tx = 0;
- rotateX = -rotateY;
- rotateY = 0;
- } else if (rtl) {
- rotateY = -rotateY;
- }
- slideEl.style.zIndex = -Math.abs(Math.round(progress)) + slides.length;
- if (params.slideShadows) {
- createSlideShadows(slideEl, progress);
- }
- const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateFix(rotateX)}deg) rotateY(${rotateFix(rotateY)}deg)`;
- const targetEl = effectTarget(params, slideEl);
- targetEl.style.transform = transform;
- }
- };
- const setTransition = duration => {
- const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
- transformElements.forEach(el => {
- 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.transitionDuration = `${duration}ms`;
- });
- });
- effectVirtualTransitionEnd({
- swiper,
- duration,
- transformElements
- });
+ const EffectFade = ({ swiper, extendParams, on }) => {
+ extendParams({
+ fadeEffect: {
+ crossFade: false,
+ },
+ });
+ function getParams() {
+ return swiper.params.fadeEffect;
+ }
+ const setTranslate = () => {
+ const { slides } = swiper;
+ const params = getParams();
+ for (let i = 0; i < slides.length; i += 1) {
+ const slideEl = slides[i];
+ const offset = slideEl.swiperSlideOffset ?? 0;
+ let tx = -offset;
+ if (!swiper.params.virtualTranslate)
+ tx -= swiper.translate;
+ let ty = 0;
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ }
+ const slideProgress = slideEl.progress ?? 0;
+ const slideOpacity = params.crossFade
+ ? Math.max(1 - Math.abs(slideProgress), 0)
+ : 1 + Math.min(Math.max(slideProgress, -1), 0);
+ const targetEl = effectTarget(params, slideEl);
+ targetEl.style.opacity = String(slideOpacity);
+ targetEl.style.transform = `translate3d(${tx}px, ${ty}px, 0px)`;
+ }
+ };
+ const setTransition = (duration) => {
+ const transformElements = swiper.slides.map((slideEl) => getSlideTransformEl(slideEl));
+ transformElements.forEach((el) => {
+ el.style.transitionDuration = `${duration}ms`;
+ });
+ effectVirtualTransitionEnd({ swiper, duration, transformElements, allSlides: true });
+ };
+ effectInit({
+ effect: 'fade',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
};
- effectInit({
- effect: 'flip',
- swiper,
- on,
- setTranslate,
- setTransition,
- recreateShadows,
- getEffectParams: () => swiper.params.flipEffect,
- perspective: () => true,
- overwriteParams: () => ({
- slidesPerView: 1,
- slidesPerGroup: 1,
- watchSlidesProgress: true,
- spaceBetween: 0,
- virtualTranslate: !swiper.params.cssMode
- })
- });
- }
- function EffectCoverflow({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- coverflowEffect: {
- rotate: 50,
- stretch: 0,
- depth: 100,
- scale: 1,
- modifier: 1,
- slideShadows: true
- }
- });
- const setTranslate = () => {
- const {
- width: swiperWidth,
- height: swiperHeight,
- slides,
- slidesSizesGrid
- } = swiper;
- const params = swiper.params.coverflowEffect;
- const isHorizontal = swiper.isHorizontal();
- const transform = swiper.translate;
- const center = isHorizontal ? -transform + swiperWidth / 2 : -transform + swiperHeight / 2;
- const rotate = isHorizontal ? params.rotate : -params.rotate;
- const translate = params.depth;
- const r = getRotateFix(swiper);
- // Each slide offset from center
- for (let i = 0, length = slides.length; i < length; i += 1) {
- const slideEl = slides[i];
- const slideSize = slidesSizesGrid[i];
- const slideOffset = slideEl.swiperSlideOffset;
- 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 translateZ = -translate * Math.abs(offsetMultiplier);
- 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);
+ const EffectCube = ({ swiper, extendParams, on }) => {
+ extendParams({
+ cubeEffect: {
+ slideShadows: true,
+ shadow: true,
+ shadowOffset: 20,
+ shadowScale: 0.94,
+ },
+ });
+ function getParams() {
+ return swiper.params.cubeEffect;
+ }
+ const createSlideShadows = (slideEl, progress, isHorizontal) => {
+ let shadowBefore = isHorizontal
+ ? slideEl.querySelector('.swiper-slide-shadow-left')
+ : slideEl.querySelector('.swiper-slide-shadow-top');
+ let shadowAfter = isHorizontal
+ ? slideEl.querySelector('.swiper-slide-shadow-right')
+ : slideEl.querySelector('.swiper-slide-shadow-bottom');
+ if (!shadowBefore) {
+ shadowBefore = createElement('div', `swiper-slide-shadow-cube swiper-slide-shadow-${isHorizontal ? 'left' : 'top'}`.split(' '));
+ slideEl.append(shadowBefore);
+ }
+ if (!shadowAfter) {
+ shadowAfter = createElement('div', `swiper-slide-shadow-cube swiper-slide-shadow-${isHorizontal ? 'right' : 'bottom'}`.split(' '));
+ slideEl.append(shadowAfter);
+ }
+ if (shadowBefore)
+ shadowBefore.style.opacity = String(Math.max(-progress, 0));
+ if (shadowAfter)
+ shadowAfter.style.opacity = String(Math.max(progress, 0));
+ };
+ const recreateShadows = () => {
+ // create new ones
+ const isHorizontal = swiper.isHorizontal();
+ swiper.slides.forEach((slideEl) => {
+ const progress = Math.max(Math.min(slideEl.progress ?? 0, 1), -1);
+ createSlideShadows(slideEl, progress, isHorizontal);
+ });
+ };
+ const setTranslate = () => {
+ const { el, wrapperEl, slides, width: swiperWidth, height: swiperHeight, rtlTranslate: rtl, size: swiperSize, } = swiper;
+ const r = getRotateFix(swiper);
+ const params = getParams();
+ const isHorizontal = swiper.isHorizontal();
+ const isVirtual = !!(swiper.virtual && swiper.params.virtual?.enabled);
+ let wrapperRotate = 0;
+ let cubeShadowEl = null;
+ if (params.shadow) {
+ if (isHorizontal) {
+ cubeShadowEl = swiper.wrapperEl.querySelector('.swiper-cube-shadow');
+ if (!cubeShadowEl) {
+ cubeShadowEl = createElement('div', 'swiper-cube-shadow');
+ swiper.wrapperEl.append(cubeShadowEl);
+ }
+ cubeShadowEl.style.height = `${swiperWidth}px`;
+ }
+ else {
+ cubeShadowEl = el.querySelector('.swiper-cube-shadow');
+ if (!cubeShadowEl) {
+ cubeShadowEl = createElement('div', 'swiper-cube-shadow');
+ el.append(cubeShadowEl);
+ }
+ }
+ }
+ for (let i = 0; i < slides.length; i += 1) {
+ const slideEl = slides[i];
+ let slideIndex = i;
+ if (isVirtual) {
+ slideIndex = parseInt(slideEl.getAttribute('data-swiper-slide-index') ?? '0', 10);
+ }
+ let slideAngle = slideIndex * 90;
+ let round = Math.floor(slideAngle / 360);
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+ const progress = Math.max(Math.min(slideEl.progress ?? 0, 1), -1);
+ let tx = 0;
+ let ty = 0;
+ let tz = 0;
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ }
+ else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ }
+ else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + round * 4 * swiperSize;
+ tz = swiperSize;
+ }
+ else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = 3 * swiperSize + swiperSize * 4 * round;
+ }
+ if (rtl) {
+ tx = -tx;
+ }
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+ const transform = `rotateX(${r(isHorizontal ? 0 : -slideAngle)}deg) rotateY(${r(isHorizontal ? slideAngle : 0)}deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = slideIndex * 90 + progress * 90;
+ if (rtl)
+ wrapperRotate = -slideIndex * 90 - progress * 90;
+ }
+ slideEl.style.transform = transform;
+ if (params.slideShadows) {
+ createSlideShadows(slideEl, progress, isHorizontal);
+ }
+ }
+ wrapperEl.style.transformOrigin = `50% 50% -${swiperSize / 2}px`;
+ wrapperEl.style.setProperty('-webkit-transform-origin', `50% 50% -${swiperSize / 2}px`);
+ if (params.shadow && cubeShadowEl) {
+ if (isHorizontal) {
+ cubeShadowEl.style.transform = `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${-swiperWidth / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${params.shadowScale})`;
+ }
+ else {
+ const shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
+ const multiplier = 1.5 -
+ (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2 +
+ Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2);
+ const scale1 = params.shadowScale;
+ const scale2 = params.shadowScale / multiplier;
+ const offset = params.shadowOffset;
+ cubeShadowEl.style.transform = `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${swiperHeight / 2 + offset}px, ${-swiperHeight / 2 / scale2}px) rotateX(-89.99deg)`;
+ }
+ }
+ wrapperEl.style.transform = `translate3d(0px,0,0px) rotateX(${r(swiper.isHorizontal() ? 0 : wrapperRotate)}deg) rotateY(${r(swiper.isHorizontal() ? -wrapperRotate : 0)}deg)`;
+ wrapperEl.style.setProperty('--swiper-cube-translate-z', '0px');
+ };
+ const setTransition = (duration) => {
+ const { el, slides } = swiper;
+ slides.forEach((slideEl) => {
+ slideEl.style.transitionDuration = `${duration}ms`;
+ slideEl
+ .querySelectorAll('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left')
+ .forEach((subEl) => {
+ subEl.style.transitionDuration = `${duration}ms`;
+ });
+ });
+ if (swiper.params.cubeEffect?.shadow && !swiper.isHorizontal()) {
+ const shadowEl = el.querySelector('.swiper-cube-shadow');
+ if (shadowEl)
+ shadowEl.style.transitionDuration = `${duration}ms`;
+ }
+ };
+ effectInit({
+ effect: 'cube',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ recreateShadows,
+ getEffectParams: () => swiper.params.cubeEffect,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true,
+ }),
+ });
+ };
- // 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;
- if (Math.abs(rotateY) < 0.001) rotateY = 0;
- if (Math.abs(rotateX) < 0.001) rotateX = 0;
- if (Math.abs(scale) < 0.001) scale = 0;
- const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${r(rotateX)}deg) rotateY(${r(rotateY)}deg) scale(${scale})`;
- const targetEl = effectTarget(params, slideEl);
- targetEl.style.transform = slideTransform;
- slideEl.style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
- if (params.slideShadows) {
- // Set shadows
- let shadowBeforeEl = isHorizontal ? slideEl.querySelector('.swiper-slide-shadow-left') : slideEl.querySelector('.swiper-slide-shadow-top');
- let shadowAfterEl = isHorizontal ? slideEl.querySelector('.swiper-slide-shadow-right') : slideEl.querySelector('.swiper-slide-shadow-bottom');
- if (!shadowBeforeEl) {
- shadowBeforeEl = createShadow('coverflow', slideEl, isHorizontal ? 'left' : 'top');
- }
- if (!shadowAfterEl) {
- shadowAfterEl = createShadow('coverflow', slideEl, isHorizontal ? 'right' : 'bottom');
- }
- if (shadowBeforeEl) shadowBeforeEl.style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;
- if (shadowAfterEl) shadowAfterEl.style.opacity = -offsetMultiplier > 0 ? -offsetMultiplier : 0;
- }
- }
+ function createShadow(suffix, slideEl, side) {
+ const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ''}${suffix ? ` swiper-slide-shadow-${suffix}` : ''}`;
+ const shadowContainer = getSlideTransformEl(slideEl);
+ const selector = `.${shadowClass.split(' ').join('.')}`;
+ const existing = shadowContainer.querySelector(selector);
+ if (existing)
+ return existing;
+ const created = createElement('div', shadowClass.split(' '));
+ shadowContainer.append(created);
+ return created;
+ }
+
+ const EffectFlip = ({ swiper, extendParams, on }) => {
+ extendParams({
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true,
+ },
+ });
+ function getParams() {
+ return swiper.params.flipEffect;
+ }
+ const createSlideShadows = (slideEl, progress) => {
+ let shadowBefore = swiper.isHorizontal()
+ ? slideEl.querySelector('.swiper-slide-shadow-left')
+ : slideEl.querySelector('.swiper-slide-shadow-top');
+ let shadowAfter = swiper.isHorizontal()
+ ? slideEl.querySelector('.swiper-slide-shadow-right')
+ : slideEl.querySelector('.swiper-slide-shadow-bottom');
+ if (!shadowBefore) {
+ shadowBefore = createShadow('flip', slideEl, swiper.isHorizontal() ? 'left' : 'top');
+ }
+ if (!shadowAfter) {
+ shadowAfter = createShadow('flip', slideEl, swiper.isHorizontal() ? 'right' : 'bottom');
+ }
+ if (shadowBefore)
+ shadowBefore.style.opacity = String(Math.max(-progress, 0));
+ if (shadowAfter)
+ shadowAfter.style.opacity = String(Math.max(progress, 0));
+ };
+ const recreateShadows = () => {
+ // Set shadows
+ const params = getParams();
+ swiper.slides.forEach((slideEl) => {
+ let progress = slideEl.progress ?? 0;
+ if (params.limitRotation) {
+ progress = Math.max(Math.min(progress, 1), -1);
+ }
+ createSlideShadows(slideEl, progress);
+ });
+ };
+ const setTranslate = () => {
+ const { slides, rtlTranslate: rtl } = swiper;
+ const params = getParams();
+ const rotateFix = getRotateFix(swiper);
+ for (let i = 0; i < slides.length; i += 1) {
+ const slideEl = slides[i];
+ let progress = slideEl.progress ?? 0;
+ if (params.limitRotation) {
+ progress = Math.max(Math.min(progress, 1), -1);
+ }
+ const offset = slideEl.swiperSlideOffset ?? 0;
+ const rotate = -180 * progress;
+ let rotateY = rotate;
+ let rotateX = 0;
+ let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let ty = 0;
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ }
+ else if (rtl) {
+ rotateY = -rotateY;
+ }
+ slideEl.style.zIndex = String(-Math.abs(Math.round(progress)) + slides.length);
+ if (params.slideShadows) {
+ createSlideShadows(slideEl, progress);
+ }
+ const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateFix(rotateX)}deg) rotateY(${rotateFix(rotateY)}deg)`;
+ const targetEl = effectTarget(params, slideEl);
+ targetEl.style.transform = transform;
+ }
+ };
+ const setTransition = (duration) => {
+ const transformElements = swiper.slides.map((slideEl) => getSlideTransformEl(slideEl));
+ transformElements.forEach((el) => {
+ 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.transitionDuration = `${duration}ms`;
+ });
+ });
+ effectVirtualTransitionEnd({ swiper, duration, transformElements });
+ };
+ effectInit({
+ effect: 'flip',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ recreateShadows,
+ getEffectParams: () => swiper.params.flipEffect,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
};
- const setTransition = duration => {
- const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
- transformElements.forEach(el => {
- 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.transitionDuration = `${duration}ms`;
- });
- });
+
+ const EffectCoverflow = ({ swiper, extendParams, on }) => {
+ extendParams({
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ scale: 1,
+ modifier: 1,
+ slideShadows: true,
+ },
+ });
+ function getParams() {
+ return swiper.params.coverflowEffect;
+ }
+ const setTranslate = () => {
+ const { width: swiperWidth, height: swiperHeight, slides, slidesSizesGrid } = swiper;
+ const params = getParams();
+ const isHorizontal = swiper.isHorizontal();
+ const transform = swiper.translate;
+ const center = isHorizontal ? -transform + swiperWidth / 2 : -transform + swiperHeight / 2;
+ const rotate = isHorizontal ? params.rotate : -params.rotate;
+ const translate = params.depth;
+ const r = getRotateFix(swiper);
+ // Each slide offset from center
+ for (let i = 0, length = slides.length; i < length; i += 1) {
+ const slideEl = slides[i];
+ const slideSize = slidesSizesGrid[i];
+ const slideOffset = slideEl.swiperSlideOffset ?? 0;
+ 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 translateZ = -translate * Math.abs(offsetMultiplier);
+ let stretch = typeof params.stretch === 'string' && params.stretch.indexOf('%') !== -1
+ ? (parseFloat(params.stretch) / 100) * slideSize
+ : params.stretch;
+ 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
+ if (Math.abs(translateX) < 0.001)
+ translateX = 0;
+ if (Math.abs(translateY) < 0.001)
+ translateY = 0;
+ if (Math.abs(translateZ) < 0.001)
+ translateZ = 0;
+ if (Math.abs(rotateY) < 0.001)
+ rotateY = 0;
+ if (Math.abs(rotateX) < 0.001)
+ rotateX = 0;
+ if (Math.abs(scale) < 0.001)
+ scale = 0;
+ const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${r(rotateX)}deg) rotateY(${r(rotateY)}deg) scale(${scale})`;
+ const targetEl = effectTarget(params, slideEl);
+ targetEl.style.transform = slideTransform;
+ slideEl.style.zIndex = String(-Math.abs(Math.round(offsetMultiplier)) + 1);
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBeforeEl = isHorizontal
+ ? slideEl.querySelector('.swiper-slide-shadow-left')
+ : slideEl.querySelector('.swiper-slide-shadow-top');
+ let shadowAfterEl = isHorizontal
+ ? slideEl.querySelector('.swiper-slide-shadow-right')
+ : slideEl.querySelector('.swiper-slide-shadow-bottom');
+ if (!shadowBeforeEl) {
+ shadowBeforeEl = createShadow('coverflow', slideEl, isHorizontal ? 'left' : 'top');
+ }
+ if (!shadowAfterEl) {
+ shadowAfterEl = createShadow('coverflow', slideEl, isHorizontal ? 'right' : 'bottom');
+ }
+ if (shadowBeforeEl)
+ shadowBeforeEl.style.opacity = String(offsetMultiplier > 0 ? offsetMultiplier : 0);
+ if (shadowAfterEl)
+ shadowAfterEl.style.opacity = String(-offsetMultiplier > 0 ? -offsetMultiplier : 0);
+ }
+ }
+ };
+ const setTransition = (duration) => {
+ const transformElements = swiper.slides.map((slideEl) => getSlideTransformEl(slideEl));
+ transformElements.forEach((el) => {
+ 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.transitionDuration = `${duration}ms`;
+ });
+ });
+ };
+ effectInit({
+ effect: 'coverflow',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ }),
+ });
};
- effectInit({
- effect: 'coverflow',
- swiper,
- on,
- setTranslate,
- setTransition,
- perspective: () => true,
- overwriteParams: () => ({
- watchSlidesProgress: true
- })
- });
- }
- function EffectCreative({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- creativeEffect: {
- limitProgress: 1,
- shadowPerProgress: false,
- progressMultiplier: 1,
- perspective: true,
- prev: {
- translate: [0, 0, 0],
- rotate: [0, 0, 0],
- opacity: 1,
- scale: 1
- },
- next: {
- translate: [0, 0, 0],
- rotate: [0, 0, 0],
- opacity: 1,
- scale: 1
+ const EffectCreative = ({ swiper, extendParams, on }) => {
+ extendParams({
+ creativeEffect: {
+ limitProgress: 1,
+ shadowPerProgress: false,
+ progressMultiplier: 1,
+ perspective: true,
+ prev: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ next: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ },
+ });
+ function getParams() {
+ return swiper.params.creativeEffect;
}
- }
- });
- const getTranslateValue = value => {
- if (typeof value === 'string') return value;
- return `${value}px`;
- };
- const setTranslate = () => {
- const {
- slides,
- wrapperEl,
- slidesSizesGrid
- } = swiper;
- const params = swiper.params.creativeEffect;
- const {
- progressMultiplier: multiplier
- } = params;
- const isCenteredSlides = swiper.params.centeredSlides;
- const rotateFix = getRotateFix(swiper);
- if (isCenteredSlides) {
- const margin = slidesSizesGrid[0] / 2 - swiper.params.slidesOffsetBefore || 0;
- wrapperEl.style.transform = `translateX(calc(50% - ${margin}px))`;
- }
- for (let i = 0; i < slides.length; i += 1) {
- const slideEl = slides[i];
- const slideProgress = slideEl.progress;
- const progress = Math.min(Math.max(slideEl.progress, -params.limitProgress), params.limitProgress);
- let originalProgress = progress;
- if (!isCenteredSlides) {
- originalProgress = Math.min(Math.max(slideEl.originalProgress, -params.limitProgress), params.limitProgress);
- }
- const offset = slideEl.swiperSlideOffset;
- const t = [swiper.params.cssMode ? -offset - swiper.translate : -offset, 0, 0];
- const r = [0, 0, 0];
- let custom = false;
- if (!swiper.isHorizontal()) {
- t[1] = t[0];
- t[0] = 0;
- }
- let data = {
- translate: [0, 0, 0],
- rotate: [0, 0, 0],
- scale: 1,
- opacity: 1
+ const getTranslateValue = (value) => {
+ if (typeof value === 'string')
+ return value;
+ return `${value}px`;
};
- if (progress < 0) {
- data = params.next;
- custom = true;
- } else if (progress > 0) {
- data = params.prev;
- custom = true;
- }
- // set translate
- t.forEach((value, index) => {
- t[index] = `calc(${value}px + (${getTranslateValue(data.translate[index])} * ${Math.abs(progress * multiplier)}))`;
- });
- // set rotates
- r.forEach((value, index) => {
- let val = data.rotate[index] * Math.abs(progress * multiplier);
- r[index] = val;
- });
- slideEl.style.zIndex = -Math.abs(Math.round(slideProgress)) + slides.length;
- const translateString = t.join(', ');
- const rotateString = `rotateX(${rotateFix(r[0])}deg) rotateY(${rotateFix(r[1])}deg) rotateZ(${rotateFix(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
- if (custom && data.shadow || !custom) {
- let shadowEl = slideEl.querySelector('.swiper-slide-shadow');
- if (!shadowEl && data.shadow) {
- shadowEl = createShadow('creative', slideEl);
- }
- if (shadowEl) {
- const shadowOpacity = params.shadowPerProgress ? progress * (1 / params.limitProgress) : progress;
- shadowEl.style.opacity = Math.min(Math.max(Math.abs(shadowOpacity), 0), 1);
- }
- }
- const targetEl = effectTarget(params, slideEl);
- targetEl.style.transform = transform;
- targetEl.style.opacity = opacityString;
- if (data.origin) {
- targetEl.style.transformOrigin = data.origin;
- }
- }
- };
- const setTransition = duration => {
- const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
- transformElements.forEach(el => {
- el.style.transitionDuration = `${duration}ms`;
- el.querySelectorAll('.swiper-slide-shadow').forEach(shadowEl => {
- shadowEl.style.transitionDuration = `${duration}ms`;
- });
- });
- effectVirtualTransitionEnd({
- swiper,
- duration,
- transformElements,
- allSlides: true
- });
+ const setTranslate = () => {
+ const { slides, wrapperEl, slidesSizesGrid } = swiper;
+ const params = getParams();
+ const { progressMultiplier: multiplier } = params;
+ const isCenteredSlides = swiper.params.centeredSlides;
+ const rotateFix = getRotateFix(swiper);
+ if (isCenteredSlides) {
+ const margin = slidesSizesGrid[0] / 2 - (swiper.params.slidesOffsetBefore ?? 0);
+ wrapperEl.style.transform = `translateX(calc(50% - ${margin}px))`;
+ }
+ for (let i = 0; i < slides.length; i += 1) {
+ const slideEl = slides[i];
+ const slideProgress = slideEl.progress ?? 0;
+ const progress = Math.min(Math.max(slideProgress, -params.limitProgress), params.limitProgress);
+ let originalProgress = progress;
+ if (!isCenteredSlides) {
+ originalProgress = Math.min(Math.max(slideEl.originalProgress ?? 0, -params.limitProgress), params.limitProgress);
+ }
+ const offset = slideEl.swiperSlideOffset ?? 0;
+ const t = [
+ swiper.params.cssMode ? -offset - swiper.translate : -offset,
+ 0,
+ 0,
+ ];
+ const r = [0, 0, 0];
+ let custom = false;
+ if (!swiper.isHorizontal()) {
+ t[1] = t[0];
+ t[0] = 0;
+ }
+ let data = {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ scale: 1,
+ opacity: 1,
+ };
+ if (progress < 0) {
+ data = params.next;
+ custom = true;
+ }
+ else if (progress > 0) {
+ data = params.prev;
+ custom = true;
+ }
+ // set translate
+ t.forEach((value, index) => {
+ t[index] = `calc(${value}px + (${getTranslateValue(data.translate[index])} * ${Math.abs(progress * multiplier)}))`;
+ });
+ // set rotates
+ r.forEach((_value, index) => {
+ r[index] = data.rotate[index] * Math.abs(progress * multiplier);
+ });
+ slideEl.style.zIndex = String(-Math.abs(Math.round(slideProgress)) + slides.length);
+ const translateString = t.join(', ');
+ const rotateString = `rotateX(${rotateFix(r[0])}deg) rotateY(${rotateFix(r[1])}deg) rotateZ(${rotateFix(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
+ if ((custom && data.shadow) || !custom) {
+ let shadowEl = slideEl.querySelector('.swiper-slide-shadow');
+ if (!shadowEl && data.shadow) {
+ shadowEl = createShadow('creative', slideEl);
+ }
+ if (shadowEl) {
+ const shadowOpacity = params.shadowPerProgress
+ ? progress * (1 / params.limitProgress)
+ : progress;
+ shadowEl.style.opacity = String(Math.min(Math.max(Math.abs(shadowOpacity), 0), 1));
+ }
+ }
+ const targetEl = effectTarget(params, slideEl);
+ targetEl.style.transform = transform;
+ targetEl.style.opacity = String(opacityString);
+ if (data.origin) {
+ targetEl.style.transformOrigin = data.origin;
+ }
+ }
+ };
+ const setTransition = (duration) => {
+ const transformElements = swiper.slides.map((slideEl) => getSlideTransformEl(slideEl));
+ transformElements.forEach((el) => {
+ el.style.transitionDuration = `${duration}ms`;
+ el.querySelectorAll('.swiper-slide-shadow').forEach((shadowEl) => {
+ shadowEl.style.transitionDuration = `${duration}ms`;
+ });
+ });
+ effectVirtualTransitionEnd({ swiper, duration, transformElements, allSlides: true });
+ };
+ effectInit({
+ effect: 'creative',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => getParams().perspective,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
};
- effectInit({
- effect: 'creative',
- swiper,
- on,
- setTranslate,
- setTransition,
- perspective: () => swiper.params.creativeEffect.perspective,
- overwriteParams: () => ({
- watchSlidesProgress: true,
- virtualTranslate: !swiper.params.cssMode
- })
- });
- }
- function EffectCards({
- swiper,
- extendParams,
- on
- }) {
- extendParams({
- cardsEffect: {
- slideShadows: true,
- rotate: true,
- perSlideRotate: 2,
- perSlideOffset: 8
- }
- });
- const setTranslate = () => {
- const {
- slides,
- activeIndex,
- rtlTranslate: rtl
- } = swiper;
- const params = swiper.params.cardsEffect;
- const {
- startTranslate,
- isTouched
- } = swiper.touchEventsData;
- const currentTranslate = rtl ? -swiper.translate : swiper.translate;
- for (let i = 0; i < slides.length; i += 1) {
- const slideEl = slides[i];
- const slideProgress = slideEl.progress;
- const progress = Math.min(Math.max(slideProgress, -4), 4);
- let offset = slideEl.swiperSlideOffset;
- if (swiper.params.centeredSlides && !swiper.params.cssMode) {
- swiper.wrapperEl.style.transform = `translateX(${swiper.minTranslate()}px)`;
- }
- if (swiper.params.centeredSlides && swiper.params.cssMode) {
- offset -= slides[0].swiperSlideOffset;
- }
- let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset;
- let tY = 0;
- const tZ = -100 * Math.abs(progress);
- let scale = 1;
- let rotate = -params.perSlideRotate * progress;
- let tXAdd = params.perSlideOffset - Math.abs(progress) * 0.75;
- const slideIndex = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.from + i : i;
- const isSwipeToNext = (slideIndex === activeIndex || slideIndex === activeIndex - 1) && progress > 0 && progress < 1 && (isTouched || swiper.params.cssMode) && currentTranslate < startTranslate;
- const isSwipeToPrev = (slideIndex === activeIndex || slideIndex === activeIndex + 1) && progress < 0 && progress > -1 && (isTouched || swiper.params.cssMode) && currentTranslate > startTranslate;
- if (isSwipeToNext || isSwipeToPrev) {
- const subProgress = (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5;
- rotate += -28 * progress * subProgress;
- scale += -0.5 * subProgress;
- tXAdd += 96 * subProgress;
- tY = `${(params.rotate || swiper.isHorizontal() ? -25 : 0) * subProgress * Math.abs(progress)}%`;
- }
- if (progress < 0) {
- // next
- tX = `calc(${tX}px ${rtl ? '-' : '+'} (${tXAdd * Math.abs(progress)}%))`;
- } else if (progress > 0) {
- // prev
- tX = `calc(${tX}px ${rtl ? '-' : '+'} (-${tXAdd * Math.abs(progress)}%))`;
- } else {
- tX = `${tX}px`;
- }
- if (!swiper.isHorizontal()) {
- const prevY = tY;
- tY = tX;
- tX = prevY;
- }
- const scaleString = progress < 0 ? `${1 + (1 - scale) * progress}` : `${1 - (1 - scale) * progress}`;
-
- /* eslint-disable */
- const transform = `
+ const EffectCards = ({ swiper, extendParams, on }) => {
+ extendParams({
+ cardsEffect: {
+ slideShadows: true,
+ rotate: true,
+ perSlideRotate: 2,
+ perSlideOffset: 8,
+ },
+ });
+ function getParams() {
+ return swiper.params.cardsEffect;
+ }
+ const setTranslate = () => {
+ const { slides, activeIndex, rtlTranslate: rtl } = swiper;
+ const params = getParams();
+ const { startTranslate, isTouched } = swiper.touchEventsData;
+ const currentTranslate = rtl ? -swiper.translate : swiper.translate;
+ for (let i = 0; i < slides.length; i += 1) {
+ const slideEl = slides[i];
+ const slideProgress = slideEl.progress ?? 0;
+ const progress = Math.min(Math.max(slideProgress, -4), 4);
+ let offset = slideEl.swiperSlideOffset ?? 0;
+ if (swiper.params.centeredSlides && !swiper.params.cssMode) {
+ swiper.wrapperEl.style.transform = `translateX(${swiper.minTranslate()}px)`;
+ }
+ if (swiper.params.centeredSlides && swiper.params.cssMode) {
+ offset -= slides[0].swiperSlideOffset ?? 0;
+ }
+ let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let tY = 0;
+ const tZ = -100 * Math.abs(progress);
+ let scale = 1;
+ let rotate = -params.perSlideRotate * progress;
+ let tXAdd = params.perSlideOffset - Math.abs(progress) * 0.75;
+ const slideIndex = swiper.virtual && swiper.params.virtual?.enabled ? swiper.virtual.from + i : i;
+ const isSwipeToNext = (slideIndex === activeIndex || slideIndex === activeIndex - 1) &&
+ progress > 0 &&
+ progress < 1 &&
+ (isTouched || swiper.params.cssMode) &&
+ (currentTranslate ?? 0) < (startTranslate ?? 0);
+ const isSwipeToPrev = (slideIndex === activeIndex || slideIndex === activeIndex + 1) &&
+ progress < 0 &&
+ progress > -1 &&
+ (isTouched || swiper.params.cssMode) &&
+ (currentTranslate ?? 0) > (startTranslate ?? 0);
+ if (isSwipeToNext || isSwipeToPrev) {
+ const subProgress = (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5;
+ rotate += -28 * progress * subProgress;
+ scale += -0.5 * subProgress;
+ tXAdd += 96 * subProgress;
+ tY = `${(params.rotate || swiper.isHorizontal() ? -25 : 0) * subProgress * Math.abs(progress)}%`;
+ }
+ if (progress < 0) {
+ // next
+ tX = `calc(${tX}px ${rtl ? '-' : '+'} (${tXAdd * Math.abs(progress)}%))`;
+ }
+ else if (progress > 0) {
+ // prev
+ tX = `calc(${tX}px ${rtl ? '-' : '+'} (-${tXAdd * Math.abs(progress)}%))`;
+ }
+ else {
+ tX = `${tX}px`;
+ }
+ if (!swiper.isHorizontal()) {
+ const prevY = tY;
+ tY = tX;
+ tX = prevY;
+ }
+ const scaleString = progress < 0 ? `${1 + (1 - scale) * progress}` : `${1 - (1 - scale) * progress}`;
+ const transform = `
translate3d(${tX}, ${tY}, ${tZ}px)
- rotateZ(${params.rotate ? rtl ? -rotate : rotate : 0}deg)
+ rotateZ(${params.rotate ? (rtl ? -rotate : rotate) : 0}deg)
scale(${scaleString})
`;
- /* eslint-enable */
-
- if (params.slideShadows) {
- // Set shadows
- let shadowEl = slideEl.querySelector('.swiper-slide-shadow');
- if (!shadowEl) {
- shadowEl = createShadow('cards', slideEl);
- }
- if (shadowEl) shadowEl.style.opacity = Math.min(Math.max((Math.abs(progress) - 0.5) / 0.5, 0), 1);
- }
- slideEl.style.zIndex = -Math.abs(Math.round(slideProgress)) + slides.length;
- const targetEl = effectTarget(params, slideEl);
- targetEl.style.transform = transform;
- }
- };
- const setTransition = duration => {
- const transformElements = swiper.slides.map(slideEl => getSlideTransformEl(slideEl));
- transformElements.forEach(el => {
- el.style.transitionDuration = `${duration}ms`;
- el.querySelectorAll('.swiper-slide-shadow').forEach(shadowEl => {
- shadowEl.style.transitionDuration = `${duration}ms`;
- });
- });
- effectVirtualTransitionEnd({
- swiper,
- duration,
- transformElements
- });
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowEl = slideEl.querySelector('.swiper-slide-shadow');
+ if (!shadowEl) {
+ shadowEl = createShadow('cards', slideEl);
+ }
+ if (shadowEl)
+ shadowEl.style.opacity = String(Math.min(Math.max((Math.abs(progress) - 0.5) / 0.5, 0), 1));
+ }
+ slideEl.style.zIndex = String(-Math.abs(Math.round(slideProgress)) + slides.length);
+ const targetEl = effectTarget(params, slideEl);
+ targetEl.style.transform = transform;
+ }
+ };
+ const setTransition = (duration) => {
+ const transformElements = swiper.slides.map((slideEl) => getSlideTransformEl(slideEl));
+ transformElements.forEach((el) => {
+ el.style.transitionDuration = `${duration}ms`;
+ el.querySelectorAll('.swiper-slide-shadow').forEach((shadowEl) => {
+ shadowEl.style.transitionDuration = `${duration}ms`;
+ });
+ });
+ effectVirtualTransitionEnd({ swiper, duration, transformElements });
+ };
+ effectInit({
+ effect: 'cards',
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ _loopSwapReset: false,
+ watchSlidesProgress: true,
+ loopAdditionalSlides: getParams().rotate ? 3 : 2,
+ centeredSlides: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
};
- effectInit({
- effect: 'cards',
- swiper,
- on,
- setTranslate,
- setTransition,
- perspective: () => true,
- overwriteParams: () => ({
- _loopSwapReset: false,
- watchSlidesProgress: true,
- loopAdditionalSlides: swiper.params.cardsEffect.rotate ? 3 : 2,
- centeredSlides: true,
- virtualTranslate: !swiper.params.cssMode
- })
- });
- }
-
- /**
- * Swiper 12.2.0
- * Most modern mobile touch slider and framework with hardware accelerated transitions
- * https://swiperjs.com
- *
- * Copyright 2014-2026 Vladimir Kharlampidi
- *
- * Released under the MIT License
- *
- * Released on: May 27, 2026
- */
-
-
- // Swiper Class
- const modules = [Virtual, Keyboard, Mousewheel, Navigation, Pagination, Scrollbar, Parallax, Zoom, Controller, A11y, History, HashNavigation, Autoplay, Thumb, freeMode, Grid, Manipulation, EffectFade, EffectCube, EffectFlip, EffectCoverflow, EffectCreative, EffectCards];
- Swiper.use(modules);
- return Swiper;
+ /**
+ * Swiper 14.0.2
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2026 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: July 7, 2026
+ */
+
+
+ // Swiper Class
+ const modules = [
+ Virtual,
+ Keyboard,
+ Mousewheel,
+ Navigation,
+ Pagination,
+ Scrollbar,
+ Parallax,
+ Zoom,
+ Controller,
+ A11y,
+ History,
+ HashNavigation,
+ Autoplay,
+ Thumb,
+ FreeMode,
+ Grid,
+ Manipulation,
+ EffectFade,
+ EffectCube,
+ EffectFlip,
+ EffectCoverflow,
+ EffectCreative,
+ EffectCards
+ ];
+ Swiper.use(modules);
+
+ return Swiper;
})();
diff --git a/Resources/Public/JavaScript/Swiper/swiper-bundle.min.js b/Resources/Public/JavaScript/Swiper/swiper-bundle.min.js
index 8ea0dbea..ddcfb31a 100644
--- a/Resources/Public/JavaScript/Swiper/swiper-bundle.min.js
+++ b/Resources/Public/JavaScript/Swiper/swiper-bundle.min.js
@@ -1,5 +1,5 @@
/**
- * Swiper 12.2.0
+ * Swiper 14.0.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
@@ -7,8 +7,8 @@
*
* Released under the MIT License
*
- * Released on: May 27, 2026
+ * Released on: July 7, 2026
*/
-var Swiper=function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s={},a={}){const i=["__proto__","constructor","prototype"];Object.keys(a).filter(e=>i.indexOf(e)<0).forEach(i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])})}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}function n(e=""){return e.trim().split(" ").filter(e=>!!e.trim())}function l(e,t=0){return setTimeout(e,t)}function o(){return Date.now()}function d(e,t="x"){const s=r();let a,i,n;const l=function(e){const t=r();let s;return t.getComputedStyle&&(s=t.getComputedStyle(e,null)),!s&&e.currentStyle&&(s=e.currentStyle),s||(s=e.style),s}(e);return s.WebKitCSSMatrix?(i=l.transform||l.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map(e=>e.replace(",",".")).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function c(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function p(e){return"undefined"!=typeof window&&void 0!==window.HTMLElement?e instanceof HTMLElement:e&&(1===e.nodeType||11===e.nodeType)}function u(...e){const t=Object(e[0]);for(let s=1;s"__proto__"!==e&&"constructor"!==e&&"prototype"!==e);for(let s=0,i=e.length;si?"next":"prev",c=(e,t)=>"next"===d&&e>=t||"prev"===d&&e<=t,p=()=>{n=(new Date).getTime(),null===l&&(l=n);const r=Math.max(Math.min((n-l)/o,1),0),d=.5-Math.cos(r*Math.PI)/2;let u=i+d*(t-i);if(c(u,t)&&(u=t),e.wrapperEl.scrollTo({[s]:u}),c(u,t))return e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.scrollSnapType="",setTimeout(()=>{e.wrapperEl.style.overflow="",e.wrapperEl.scrollTo({[s]:u})}),void a.cancelAnimationFrame(e.cssModeFrameID);e.cssModeFrameID=a.requestAnimationFrame(p)};p()}function f(e){return e.querySelector(".swiper-slide-transform")||e.shadowRoot&&e.shadowRoot.querySelector(".swiper-slide-transform")||e}function g(e,t=""){const s=r(),a=[...e.children];return s.HTMLSlotElement&&e instanceof HTMLSlotElement&&a.push(...e.assignedElements()),t?a.filter(e=>e.matches(t)):a}function v(e){try{return void console.warn(e)}catch(e){}}function w(e,t=[]){const s=document.createElement(e);return s.classList.add(...Array.isArray(t)?t:n(t)),s}function b(e){const t=r(),s=a(),i=e.getBoundingClientRect(),n=s.body,l=e.clientTop||n.clientTop||0,o=e.clientLeft||n.clientLeft||0,d=e===t?t.scrollY:e.scrollTop,c=e===t?t.scrollX:e.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}function y(e,t){return r().getComputedStyle(e,null).getPropertyValue(t)}function E(e){let t,s=e;if(s){for(t=0;null!==(s=s.previousSibling);)1===s.nodeType&&(t+=1);return t}}function x(e,t){const s=[];let a=e.parentElement;for(;a;)t?a.matches(t)&&s.push(a):s.push(a),a=a.parentElement;return s}function S(e,t){t&&e.addEventListener("transitionend",function s(a){a.target===e&&(t.call(e,a),e.removeEventListener("transitionend",s))})}function T(e,t,s){const a=r();return s?e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(a.getComputedStyle(e,null).getPropertyValue("width"===t?"margin-left":"margin-bottom")):e.offsetWidth}function M(e){return(Array.isArray(e)?e:[e]).filter(e=>!!e)}function C(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function P(e,t=""){"undefined"!=typeof trustedTypes?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:e=>e}).createHTML(t):e.innerHTML=t}let L,I,z;function A(){return L||(L=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&t.documentElement.style&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch)}}()),L}function $(e={}){return I||(I=function({userAgent:e}={}){const t=A(),s=r(),a=s.navigator.platform,i=e||s.navigator.userAgent,n={ios:!1,android:!1},l=s.screen.width,o=s.screen.height,d=i.match(/(Android);?[\s\/]+([\d.]+)?/);let c=i.match(/(iPad)(?!\1).*OS\s([\d_]+)/);const p=i.match(/(iPod)(.*OS\s([\d_]+))?/),u=!c&&i.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m="Win32"===a;let h="MacIntel"===a;return!c&&h&&t.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${l}x${o}`)>=0&&(c=i.match(/(Version)\/([\d.]+)/),c||(c=[0,1,"13_0_0"]),h=!1),d&&!m&&(n.os="android",n.android=!0),(c||u||p)&&(n.os="ios",n.ios=!0),n}(e)),I}function k(){return z||(z=function(){const e=r(),t=$();let s=!1;function a(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}if(a()){const t=String(e.navigator.userAgent);if(t.includes("Version/")){const[e,a]=t.split("Version/")[1].split(" ")[0].split(".").map(e=>Number(e));s=e<16||16===e&&a<2}}const i=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent),n=a();return{isSafari:s||n,needPerspectiveFix:s,need3dFix:n||i&&t.ios,isWebView:i}}()),z}var O={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach(e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)}),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(...s){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy,t.apply(a,s)}return i.__emitterProxy=t,a.on(e,i,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const a=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[a](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach(e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)})}),s):s},emit(...e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsListeners)return t;let s,a,i;"string"==typeof e[0]||Array.isArray(e[0])?(s=e[0],a=e.slice(1,e.length),i=t):(s=e[0].events,a=e[0].data,i=e[0].context||t),a.unshift(i);return(Array.isArray(s)?s:s.split(" ")).forEach(e=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(t=>{t.apply(i,[e,...a])}),t.eventsListeners&&t.eventsListeners[e]&&t.eventsListeners[e].forEach(e=>{e.apply(i,a)})}),t}};const D=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const G=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const X=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{s.shadowRoot&&(t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`),t&&!t.lazyPreloaderManaged&&t.remove())})),t&&!t.lazyPreloaderManaged&&t.remove()}},B=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},Y=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const a="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),i=e.activeIndex;if(e.params.grid&&e.params.grid.rows>1){const s=i,r=[s-t];return r.push(...Array.from({length:t}).map((e,t)=>s+a+t)),void e.slides.forEach((t,s)=>{r.includes(t.column)&&B(e,s)})}const r=i+a-1;if(e.params.rewind||e.params.loop)for(let a=i-t;a<=r+t;a+=1){const t=(a%s+s)%s;(tr)&&B(e,t)}else for(let a=Math.max(i-t,0);a<=Math.min(r+t,s-1);a+=1)a!==i&&(a>r||a=0?x=parseFloat(x.replace("%",""))/100*E:"string"==typeof x&&(x=parseFloat(x)),e.virtualSize=-x-f-v,d.forEach(e=>{r?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""}),s.centeredSlides&&s.cssMode&&(m(a,"--swiper-centered-offset-before",""),m(a,"--swiper-centered-offset-after","")),s.cssMode&&(m(a,"--swiper-slides-offset-before",`${f}px`),m(a,"--swiper-slides-offset-after",`${v}px`));const P=s.grid&&s.grid.rows>1&&e.grid;let L;P?e.grid.initSlides(d):e.grid&&e.grid.unsetSlides();const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter(e=>void 0!==s.breakpoints[e].slidesPerView).length>0;for(let a=0;a=0&&(t+=h[s]+(s1&&(a||p.push(e.virtualSize-E))}if(l&&s.loop){const t=h[0]+x;if(s.slidesPerGroup>1){const a=Math.ceil((e.virtual.slidesBefore+e.virtual.slidesAfter)/s.slidesPerGroup),i=t*s.slidesPerGroup;for(let e=0;e!(s.cssMode&&!s.loop)||t!==d.length-1).forEach(e=>{e.style[t]=`${x}px`})}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;h.forEach(t=>{e+=t+(x||0)}),e-=x;const t=e>E?e-E:0;p=p.map(e=>e<=0?-f:e>t?t+v:e)}if(s.centerInsufficientSlides){let e=0;if(h.forEach(t=>{e+=t+(x||0)}),e-=x,e{p[s]=e-t}),u.forEach((e,s)=>{u[s]=e+t})}}if(Object.assign(e,{slides:d,snapGrid:p,slidesGrid:u,slidesSizesGrid:h}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){m(a,"--swiper-centered-offset-before",-p[0]+"px"),m(a,"--swiper-centered-offset-after",e.size/2-h[h.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map(e=>e+t),e.slidesGrid=e.slidesGrid.map(e=>e+s)}if(c!==o&&e.emit("slidesLengthChange"),p.length!==w&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),u.length!==b&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(l||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,a=e.el.classList.contains(t);c<=s.maxBackfaceHiddenSlides?a||e.el.classList.add(t):a&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach(e=>{s.push(e)});else for(i=0;it.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;ir?e:r}(r||0===r)&&(t.wrapperEl.style.height=`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let a=0;a=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e=0&&u<=t.size-t.slidesSizesGrid[e],f=u>=0&&u1&&m<=t.size||u<=0&&m>=t.size;f&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),D(o,f,s.slideVisibleClass),D(o,h,s.slideFullyVisibleClass),o.progress=i?-c:c,o.originalProgress=i?-p:p}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n,progressLoop:l}=t;const o=r,d=n;if(0===a)i=0,r=!0,n=!0;else{i=(e-t.minTranslate())/a;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;r=s||i<=0,n=l||i>=1,s&&(i=0),l&&(i=1)}if(s.loop){const s=t.getSlideIndexByData(0),a=t.getSlideIndexByData(t.slides.length-1),i=t.slidesGrid[s],r=t.slidesGrid[a],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=i?(o-i)/n:(o+n-r)/n,l>1&&(l-=1)}Object.assign(t,{progress:i,progressLoop:l,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!r||d&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:a,activeIndex:i}=e,r=e.virtual&&s.virtual.enabled,n=e.grid&&s.grid&&s.grid.rows>1,l=e=>g(a,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,d,c;if(r)if(s.loop){let t=i-e.virtual.slidesBefore;t<0&&(t=e.virtual.slides.length+t),t>=e.virtual.slides.length&&(t-=e.virtual.slides.length),o=l(`[data-swiper-slide-index="${t}"]`)}else o=l(`[data-swiper-slide-index="${i}"]`);else n?(o=t.find(e=>e.column===i),c=t.find(e=>e.column===i+1),d=t.find(e=>e.column===i-1)):o=t[i];o&&(n||(c=function(e,t){const s=[];for(;e.nextElementSibling;){const a=e.nextElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!c&&(c=t[0]),d=function(e,t){const s=[];for(;e.previousElementSibling;){const a=e.previousElementSibling;t?a.matches(t)&&s.push(a):s.push(a),e=a}return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!d&&(d=t[t.length-1]))),t.forEach(e=>{G(e,e===o,s.slideActiveClass),G(e,e===c,s.slideNextClass),G(e,e===d,s.slidePrevClass)}),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:a,params:i,activeIndex:r,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{let s=e-t.virtual.slidesBefore;return s<0&&(s=t.virtual.slides.length+s),s>=t.virtual.slides.length&&(s-=t.virtual.slides.length),s};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,a=e.rtlTranslate?e.translate:-e.translate;let i;for(let e=0;e=t[e]&&a=t[e]&&a=t[e]&&(i=e);return s.normalizeSlideIndex&&(i<0||void 0===i)&&(i=0),i}(t)),a.indexOf(s)>=0)o=a.indexOf(s);else{const e=Math.min(i.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/i.slidesPerGroup)}if(o>=a.length&&(o=a.length-1),d===r&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===r&&t.params.loop&&t.virtual&&t.params.virtual.enabled)return void(t.realIndex=c(d));const p=t.grid&&i.grid&&i.grid.rows>1;let u;if(t.virtual&&i.virtual.enabled)u=i.loop?c(d):d;else if(p){const e=t.slides.find(e=>e.column===d);let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/i.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:r,activeIndex:d}),t.initialized&&Y(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,a=s.params;let i=e.closest(`.${a.slideClass}, swiper-slide`);!i&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach(e=>{!i&&e.matches&&e.matches(`.${a.slideClass}, swiper-slide`)&&(i=e)});let r,n=!1;if(i)for(let e=0;eo?o:a&&er?"next":i=o.length&&(v=o.length-1);const w=-o[v];if(l.normalizeSlideIndex)for(let e=0;e=s&&t=s&&t=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&(u?w>r.translate&&w>r.minTranslate():wr.translate&&w>r.maxTranslate()&&(p||0)!==n)return!1}let b;n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(w),b=n>p?"next":n0?(r._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{m[e?"scrollLeft":"scrollTop"]=s})):m[e?"scrollLeft":"scrollTop"]=s,y&&requestAnimationFrame(()=>{r.wrapperEl.style.scrollSnapType="",r._immediateVirtual=!1});else{if(!r.support.smoothScroll)return h({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;m.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}const E=k().isSafari;return y&&!i&&E&&r.isElement&&r.virtual.update(!1,!1,n),r.setTransition(t),r.setTranslate(w),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.wrapperEl.removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.wrapperEl.addEventListener("transitionend",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e=0,t,s=!0,a){if("string"==typeof e){e=parseInt(e,10)}const i=this;if(i.destroyed)return;void 0===t&&(t=i.params.speed);const r=i.grid&&i.params.grid&&i.params.grid.rows>1;let n=e;if(i.params.loop)if(i.virtual&&i.params.virtual.enabled)n+=i.virtual.slidesBefore;else{let e;if(r){const t=n*i.params.grid.rows;e=i.slides.find(e=>1*e.getAttribute("data-swiper-slide-index")===t).column}else e=i.getSlideIndexByData(n);const t=r?Math.ceil(i.slides.length/i.params.grid.rows):i.slides.length,{centeredSlides:s,slidesOffsetBefore:l,slidesOffsetAfter:o}=i.params,d=s||!!l||!!o;let c=i.params.slidesPerView;"auto"===c?c=i.slidesPerViewDynamic():(c=Math.ceil(parseFloat(i.params.slidesPerView,10)),d&&c%2==0&&(c+=1));let p=t-e1*t.getAttribute("data-swiper-slide-index")===e).column}else n=i.getSlideIndexByData(n)}return requestAnimationFrame(()=>{i.slideTo(n,t,s,a)}),i},slideNext:function(e,t=!0,s){const a=this,{enabled:i,params:r,animating:n}=a;if(!i||a.destroyed)return a;void 0===e&&(e=a.params.speed);let l=r.slidesPerGroup;"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndex{a.slideTo(a.activeIndex+o,e,t,s)}),!0}return r.rewind&&a.isEnd?a.slideTo(0,e,t,s):a.slideTo(a.activeIndex+o,e,t,s)},slidePrev:function(e,t=!0,s){const a=this,{params:i,snapGrid:r,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=a;if(!o||a.destroyed)return a;void 0===e&&(e=a.params.speed);const c=a.virtual&&i.virtual.enabled;if(i.loop){if(d&&!c&&i.loopPreventsSliding)return!1;a.loopFix({direction:"prev"}),a._clientLeft=a.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?a.translate:-a.translate),m=r.map(e=>p(e)),h=i.freeMode&&i.freeMode.enabled;let f=r[m.indexOf(u)-1];if(void 0===f&&(i.cssMode||h)){let e;r.forEach((t,s)=>{u>=t&&(e=s)}),void 0!==e&&(f=h?r[e]:r[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(g=g-a.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return i.loop&&0===a.activeIndex&&i.cssMode?(requestAnimationFrame(()=>{a.slideTo(g,e,t,s)}),!0):a.slideTo(g,e,t,s)},slideReset:function(e,t=!0,s){const a=this;if(!a.destroyed)return void 0===e&&(e=a.params.speed),a.slideTo(a.activeIndex,e,t,s)},slideToClosest:function(e,t=!0,s,a=.5){const i=this;if(i.destroyed)return;void 0===e&&(e=i.params.speed);let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:t,slidesEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.getSlideIndexWhenGrid(e.clickedIndex);const n=e.isElement?"swiper-slide":`.${t.slideClass}`,o=e.grid&&e.params.grid&&e.params.grid.rows>1;if(t.loop){if(e.animating)return;i=parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"),10),t.centeredSlides?e.slideToLoop(i):r>(o?(e.slides.length-a)/2-(e.params.grid.rows-1):e.slides.length-a)?(e.loopFix(),r=e.getSlideIndex(g(s,`${n}[data-swiper-slide-index="${i}"]`)[0]),l(()=>{e.slideTo(r)})):e.slideTo(r)}else e.slideTo(r)}};var q={loopCreate:function(e,t){const s=this,{params:a,slidesEl:i}=s;if(!a.loop||s.virtual&&s.params.virtual.enabled)return;const r=()=>{g(i,`.${a.slideClass}, swiper-slide`).forEach((e,t)=>{e.setAttribute("data-swiper-slide-index",t)})},n=s.grid&&a.grid&&a.grid.rows>1;a.loopAddBlankSlides&&(a.slidesPerGroup>1||n)&&(()=>{const e=g(i,`.${a.slideBlankClass}`);e.forEach(e=>{e.remove()}),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=a.slidesPerGroup*(n?a.grid.rows:1),o=s.slides.length%l!==0,d=n&&s.slides.length%a.grid.rows!==0,c=e=>{for(let t=0;t1;d.lengthe.classList.contains(m.slideActiveClass))):L=i;const I="next"===s||!s,z="prev"===s||!s;let A=0,$=0;const k=(S?d[i].column:i)+(b&&void 0===a?-y/2+.5:0);if(k=0;t-=1)d[t].column===e&&T.push(t)}else T.push(C-t-1)}}else if(k+y>C-x){$=Math.max(k-(C-2*x),E),P&&($=Math.max($,y-C+w+1));for(let e=0;e<$;e+=1){const t=e-Math.floor(e/C)*C;S?d.forEach((e,s)=>{e.column===t&&M.push(s)}):M.push(t)}}if(o.__preventObserver__=!0,requestAnimationFrame(()=>{o.__preventObserver__=!1}),"cards"===o.params.effect&&d.length{d[e].swiperLoopMoveDOM=!0,u.prepend(d[e]),d[e].swiperLoopMoveDOM=!1}),I&&M.forEach(e=>{d[e].swiperLoopMoveDOM=!0,u.append(d[e]),d[e].swiperLoopMoveDOM=!1}),o.recalcSlides(),"auto"===m.slidesPerView?o.updateSlides():S&&(T.length>0&&z||M.length>0&&I)&&o.slides.forEach((e,t)=>{o.grid.updateSlide(t,e,o.slides)}),m.watchSlidesProgress&&o.updateSlidesOffset(),t)if(T.length>0&&z){if(void 0===e){const e=o.slidesGrid[L],t=o.slidesGrid[L+A]-e;l?o.setTranslate(o.translate-t):(o.slideTo(L+Math.ceil(A),0,!1,!0),a&&(o.touchEventsData.startTranslate=o.touchEventsData.startTranslate-t,o.touchEventsData.currentTranslate=o.touchEventsData.currentTranslate-t))}else if(a){const e=S?T.length/m.grid.rows:T.length;o.slideTo(o.activeIndex+e,0,!1,!0),o.touchEventsData.currentTranslate=o.translate}}else if(M.length>0&&I)if(void 0===e){const e=o.slidesGrid[L],t=o.slidesGrid[L-$]-e;l?o.setTranslate(o.translate-t):(o.slideTo(L-$,0,!1,!0),a&&(o.touchEventsData.startTranslate=o.touchEventsData.startTranslate-t,o.touchEventsData.currentTranslate=o.touchEventsData.currentTranslate-t))}else{const e=S?M.length/m.grid.rows:M.length;o.slideTo(o.activeIndex-e,0,!1,!0)}if(o.allowSlidePrev=c,o.allowSlideNext=p,o.controller&&o.controller.control&&!n){const r={slideRealIndex:e,direction:s,setTranslate:a,activeSlideIndex:i,byController:!0};Array.isArray(o.controller.control)?o.controller.control.forEach(e=>{!e.destroyed&&e.params.loop&&e.loopFix({...r,slideTo:e.params.slidesPerView===m.slidesPerView&&t})}):o.controller.control instanceof o.constructor&&o.controller.control.params.loop&&o.controller.control.loopFix({...r,slideTo:o.controller.control.params.slidesPerView===m.slidesPerView&&t})}o.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual.enabled)return;e.recalcSlides();const a=[];e.slides.forEach(e=>{const t=void 0===e.swiperSlideIndex?1*e.getAttribute("data-swiper-slide-index"):e.swiperSlideIndex;a[t]=e}),e.slides.forEach(e=>{e.removeAttribute("data-swiper-slide-index")}),a.forEach(e=>{s.append(e)}),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function _(e,t,s){const a=r(),{params:i}=e,n=i.edgeSwipeDetection,l=i.edgeSwipeThreshold;return!n||!(s<=l||s>=a.innerWidth-l)||"prevent"===n&&(t.preventDefault(),!0)}function F(e){const t=this;if(t.destroyed)return;const s=a();let i=e;i.originalEvent&&(i=i.originalEvent);const n=t.touchEventsData;if("pointerdown"===i.type){if(null!==n.pointerId&&n.pointerId!==i.pointerId)return;n.pointerId=i.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(n.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void _(t,i,i.targetTouches[0].pageX);const{params:l,touches:d,enabled:c}=t;if(!c)return;if(!l.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=i.target;if("wrapper"===l.touchEventsTarget&&!function(e,t){const s=r();let a=t.contains(e);!a&&s.HTMLSlotElement&&t instanceof HTMLSlotElement&&(a=[...t.assignedElements()].includes(e),a||(a=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}}(e,t)));return a}(p,t.wrapperEl))return;if("which"in i&&3===i.which)return;if("button"in i&&i.button>0)return;if(n.isTouched&&n.isMoved)return;const u=!!l.noSwipingClass&&""!==l.noSwipingClass,m=i.composedPath?i.composedPath():i.path;u&&i.target&&i.target.shadowRoot&&m&&(p=m[0]);const h=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,f=!(!i.target||!i.target.shadowRoot);if(l.noSwiping&&(f?function(e,t=this){return function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(h,p):p.closest(h)))return void(t.allowClick=!0);if(l.swipeHandler&&!p.closest(l.swipeHandler))return;d.currentX=i.pageX,d.currentY=i.pageY;const g=d.currentX,v=d.currentY;if(!_(t,i,g))return;Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),d.startX=g,d.startY=v,n.touchStartTime=o(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1);let w=!0;p.matches(n.focusableElements)&&(w=!1,"SELECT"===p.nodeName&&(n.isTouched=!1)),s.activeElement&&s.activeElement.matches(n.focusableElements)&&s.activeElement!==p&&("mouse"===i.pointerType||"mouse"!==i.pointerType&&!p.matches(n.focusableElements))&&s.activeElement.blur();const b=w&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!b||p.isContentEditable||i.preventDefault(),l.freeMode&&l.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}function W(e){const t=a(),s=this;if(s.destroyed)return;const i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:d}=s;if(!d)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;let c,p=e;if(p.originalEvent&&(p=p.originalEvent),"pointermove"===p.type){if(null!==i.touchId)return;if(p.pointerId!==i.pointerId)return}if("touchmove"===p.type){if(c=[...p.changedTouches].find(e=>e.identifier===i.touchId),!c||c.identifier!==i.touchId)return}else c=p;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",p));const u=c.pageX,m=c.pageY;if(p.preventedByNestedSwiper)return n.startX=u,void(n.startY=m);if(!s.allowTouchMove)return p.target.matches(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m}),i.touchStartTime=o()));if(r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(mn.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(l&&(u>n.startX&&-s.translate<=s.maxTranslate()||u=s.minTranslate()))return;if(!l&&(un.startX&&s.translate>=s.minTranslate()))return}if(t.activeElement&&t.activeElement.matches(i.focusableElements)&&t.activeElement!==p.target&&"mouse"!==p.pointerType&&t.activeElement.blur(),t.activeElement&&p.target===t.activeElement&&p.target.matches(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);i.allowTouchCallbacks&&s.emit("touchMove",p),n.previousX=n.currentX,n.previousY=n.currentY,n.currentX=u,n.currentY=m;const h=n.currentX-n.startX,f=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(h**2+f**2)=25&&(e=180*Math.atan2(Math.abs(f),Math.abs(h))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",p),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===p.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&p.cancelable&&p.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&p.stopPropagation();let g=s.isHorizontal()?h:f,v=s.isHorizontal()?n.currentX-n.previousX:n.currentY-n.previousY;r.oneWayMovement&&(g=Math.abs(g)*(l?1:-1),v=Math.abs(v)*(l?1:-1)),n.diff=g,g*=r.touchRatio,l&&(g=-g,v=-v);const w=s.touchesDirection;s.swipeDirection=g>0?"prev":"next",s.touchesDirection=v>0?"prev":"next";const b=s.params.loop&&!r.cssMode,y="next"===s.touchesDirection&&s.allowSlideNext||"prev"===s.touchesDirection&&s.allowSlidePrev;if(!i.isMoved){if(b&&y&&s.loopFix({direction:s.swipeDirection}),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});s.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",p)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&w!==s.touchesDirection&&b&&y&&Math.abs(g)>=1)return Object.assign(n,{startX:u,startY:m,currentX:u,currentY:m,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);s.emit("sliderMove",p),i.isMoved=!0,i.currentTranslate=g+i.startTranslate;let E=!0,x=r.resistanceRatio;if(r.touchReleaseOnEdges&&(x=0),g>0?(b&&y&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?s.minTranslate()-s.slidesSizesGrid[s.activeIndex+1]-("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.activeIndex+1]+s.params.spaceBetween:0)-s.params.spaceBetween:s.minTranslate())&&s.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>s.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+g)**x))):g<0&&(b&&y&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?s.maxTranslate()+s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween+("auto"!==r.slidesPerView&&s.slides.length-r.slidesPerView>=2?s.slidesSizesGrid[s.slidesSizesGrid.length-1]+s.params.spaceBetween:0):s.maxTranslate())&&s.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:s.slides.length-("auto"===r.slidesPerView?s.slidesPerViewDynamic():Math.ceil(parseFloat(r.slidesPerView,10)))}),i.currentTranslatei.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(g)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function j(e){const t=this;if(t.destroyed)return;const s=t.touchEventsData;let a,i=e;i.originalEvent&&(i=i.originalEvent);if("touchend"===i.type||"touchcancel"===i.type){if(a=[...i.changedTouches].find(e=>e.identifier===s.touchId),!a||a.identifier!==s.touchId)return}else{if(null!==s.touchId)return;if(i.pointerId!==s.pointerId)return;a=i}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(i.type)){if(!(["pointercancel","contextmenu"].includes(i.type)&&(t.browser.isSafari||t.browser.isWebView)))return}s.pointerId=null,s.touchId=null;const{params:r,touches:n,rtlTranslate:d,slidesGrid:c,enabled:p}=t;if(!p)return;if(!r.simulateTouch&&"mouse"===i.pointerType)return;if(s.allowTouchCallbacks&&t.emit("touchEnd",i),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&r.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);r.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const u=o(),m=u-s.touchStartTime;if(t.allowClick){const e=i.path||i.composedPath&&i.composedPath();t.updateClickedSlide(e&&e[0]||i.target,e),t.emit("tap click",i),m<300&&u-s.lastClickTime<300&&t.emit("doubleTap doubleClick",i)}if(s.lastClickTime=o(),l(()=>{t.destroyed||(t.allowClick=!0)}),!s.isTouched||!s.isMoved||!t.swipeDirection||0===n.diff&&!s.loopSwapReset||s.currentTranslate===s.startTranslate&&!s.loopSwapReset)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=r.followFinger?d?t.translate:-t.translate:-s.currentTranslate,r.cssMode)return;if(r.freeMode&&r.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});const f=h>=-t.maxTranslate()&&!t.params.loop;let g=0,v=t.slidesSizesGrid[0];for(let e=0;e=c[e]&&h=c[e])&&(g=e,v=c[c.length-1]-c[c.length-2])}let w=null,b=null;r.rewind&&(t.isBeginning?b=r.virtual&&r.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(w=0));const y=(h-c[g])/v,E=gr.longSwipesMs){if(!r.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(y>=r.longSwipesRatio?t.slideTo(r.rewind&&t.isEnd?w:g+E):t.slideTo(g)),"prev"===t.swipeDirection&&(y>1-r.longSwipesRatio?t.slideTo(g+E):null!==b&&y<0&&Math.abs(y)>r.longSwipesRatio?t.slideTo(b):t.slideTo(g))}else{if(!r.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(i.target===t.navigation.nextEl||i.target===t.navigation.prevEl)?i.target===t.navigation.nextEl?t.slideTo(g+E):t.slideTo(g):("next"===t.swipeDirection&&t.slideTo(null!==w?w:g+E),"prev"===t.swipeDirection&&t.slideTo(null!==b?b:g))}}function U(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e,n=e.virtual&&e.params.virtual.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;if(!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l)e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0);else{const t=n?e.virtual.slides:e.slides;e.slideTo(t.length-1,0,!1,!0)}e.autoplay&&e.autoplay.running&&e.autoplay.paused&&(clearTimeout(e.autoplay.resizeTimeout),e.autoplay.resizeTimeout=setTimeout(()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()},500)),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function K(e){const t=this;t.destroyed||t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function Z(){const e=this;if(e.destroyed)return;const{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function Q(e){const t=this;t.destroyed||(X(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update())}function J(){const e=this;e.destroyed||e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}const ee=(e,t)=>{const s=a(),{params:i,el:r,wrapperEl:n,device:l}=e,o=!!i.nested,d="on"===t?"addEventListener":"removeEventListener",c=t;r&&"string"!=typeof r&&(s[d]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:o}),r[d]("touchstart",e.onTouchStart,{passive:!1}),r[d]("pointerdown",e.onTouchStart,{passive:!1}),s[d]("touchmove",e.onTouchMove,{passive:!1,capture:o}),s[d]("pointermove",e.onTouchMove,{passive:!1,capture:o}),s[d]("touchend",e.onTouchEnd,{passive:!0}),s[d]("pointerup",e.onTouchEnd,{passive:!0}),s[d]("pointercancel",e.onTouchEnd,{passive:!0}),s[d]("touchcancel",e.onTouchEnd,{passive:!0}),s[d]("pointerout",e.onTouchEnd,{passive:!0}),s[d]("pointerleave",e.onTouchEnd,{passive:!0}),s[d]("contextmenu",e.onTouchEnd,{passive:!0}),(i.preventClicks||i.preventClicksPropagation)&&r[d]("click",e.onClick,!0),i.cssMode&&n[d]("scroll",e.onScroll),i.updateOnWindowResize?e[c](l.ios||l.android?"resize orientationchange observerUpdate":"resize observerUpdate",U,!0):e[c]("observerUpdate",U,!0),r[d]("load",e.onLoad,{capture:!0}))};const te=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var se={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,snapToSlideEdge:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};function ae(e,t){return function(s={}){const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(!0===e[a]&&(e[a]={enabled:!0}),"navigation"===a&&e[a]&&e[a].enabled&&!e[a].prevEl&&!e[a].nextEl&&(e[a].auto=!0),["pagination","scrollbar"].indexOf(a)>=0&&e[a]&&e[a].enabled&&!e[a].el&&(e[a].auto=!0),a in e&&"enabled"in i?("object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),u(t,s)):u(t,s)):u(t,s)}}const ie={eventsEmitter:O,update:H,translate:N,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||(s.wrapperEl.style.transitionDuration=`${e}ms`,s.wrapperEl.style.transitionDelay=0===e?"0ms":""),s.emit("setTransition",e,t)},transitionStart:function(e=!0,t){const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),R({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e=!0,t){const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),R({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:V,loop:q,grabCursor:{setGrabCursor:function(e){const t=this;if(!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;t.isElement&&(t.__preventObserver__=!0),s.style.cursor="move",s.style.cursor=e?"grabbing":"grab",t.isElement&&requestAnimationFrame(()=>{t.__preventObserver__=!1})},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame(()=>{e.__preventObserver__=!1}))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=F.bind(e),e.onTouchMove=W.bind(e),e.onTouchEnd=j.bind(e),e.onDocumentTouchStart=J.bind(e),t.cssMode&&(e.onScroll=Z.bind(e)),e.onClick=K.bind(e),e.onLoad=Q.bind(e),ee(e,"on")},detachEvents:function(){ee(this,"off")}},breakpoints:{setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=a(),o="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,d=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:l.querySelector(i.breakpointsBase),c=e.getBreakpoint(n,o,d);if(!c||e.currentBreakpoint===c)return;const p=(c in n?n[c]:void 0)||e.originalParams,m=te(e,i),h=te(e,p),f=e.params.grabCursor,g=p.grabCursor,v=i.enabled;m&&!h?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!m&&h&&(r.classList.add(`${i.containerModifierClass}grid`),(p.grid.fill&&"column"===p.grid.fill||!p.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),f&&!g?e.unsetGrabCursor():!f&&g&&e.setGrabCursor(),["navigation","pagination","scrollbar"].forEach(t=>{if(void 0===p[t])return;const s=i[t]&&i[t].enabled,a=p[t]&&p[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()});const w=p.direction&&p.direction!==i.direction,b=i.loop&&(p.slidesPerView!==i.slidesPerView||w),y=i.loop;w&&s&&e.changeDirection(),u(e.params,p);const E=e.params.enabled,x=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),v&&!E?e.disable():!v&&E&&e.enable(),e.currentBreakpoint=c,e.emit("_beforeBreakpoint",p),s&&(b?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!y&&x?(e.loopCreate(t),e.updateSlides()):y&&!x&&e.loopDestroy()),e.emit("breakpoint",p)},getBreakpoint:function(e,t="window",s){if(!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map(e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}});l.sort((e,t)=>parseInt(e.value,10)-parseInt(t.value,10));for(let e=0;es}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:{addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,el:i,device:r}=e,n=function(e,t){const s=[];return e.forEach(e=>{"object"==typeof e?Object.keys(e).forEach(a=>{e[a]&&s.push(t+a)}):"string"==typeof e&&s.push(t+e)}),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),i.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}}},re={};class ne{constructor(...e){let t,s;1===e.length&&e[0].constructor&&"Object"===Object.prototype.toString.call(e[0]).slice(8,-1)?s=e[0]:[t,s]=e,s||(s={}),s=u({},s),t&&!s.el&&(s.el=t);const i=a();if(s.el&&"string"==typeof s.el&&i.querySelectorAll(s.el).length>1){const e=[];return i.querySelectorAll(s.el).forEach(t=>{const a=u({},s,{el:t});e.push(new ne(a))}),e}const r=this;r.__swiper__=!0,r.support=A(),r.device=$({userAgent:s.userAgent}),r.browser=k(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],s.modules&&Array.isArray(s.modules)&&s.modules.forEach(e=>{"function"==typeof e&&r.modules.indexOf(e)<0&&r.modules.push(e)});const n={};r.modules.forEach(e=>{e({params:s,swiper:r,extendParams:ae(s,n),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})});const l=u({},se,n);return r.params=u({},l,re,s),r.originalParams=u({},r.params),r.passedParams=u({},s),r.params&&r.params.on&&Object.keys(r.params.on).forEach(e=>{r.on(e,r.params.on[e])}),r.params&&r.params.onAny&&r.onAny(r.params.onAny),Object.assign(r,{enabled:r.params.enabled,el:t,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===r.params.direction,isVertical:()=>"vertical"===r.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:r.params.allowSlideNext,allowSlidePrev:r.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:r.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}getSlideIndex(e){const{slidesEl:t,params:s}=this,a=E(g(t,`.${s.slideClass}, swiper-slide`)[0]);return E(e)-a}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find(t=>1*t.getAttribute("data-swiper-slide-index")===e))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=g(e,`.${t.slideClass}, swiper-slide`)}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter(t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter(e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass)).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.forEach(s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)}),e.emit("_slideClasses",t)}slidesPerViewDynamic(e="current",t=!1){const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e,t=a[l]?Math.ceil(a[l].swiperSlideSize):0;for(let s=l+1;sn&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e=0;e-=1){i[l]-i[e]{t.complete&&X(e,t)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode&&s.freeMode.enabled&&!s.cssMode)a(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual.enabled?e.virtual.slides:e.slides;i=e.slideTo(t.length-1,0,!1,!0)}else i=e.slideTo(e.activeIndex,0,!1,!0);i||a()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t=!0){const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${a}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach(t=>{"vertical"===e?t.style.width="":t.style.height=""}),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;let s=e||t.params.el;if("string"==typeof s&&(s=document.querySelector(s)),!s)return!1;s.swiper=t,s.parentNode&&s.parentNode.host&&s.parentNode.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let i=(()=>{if(s&&s.shadowRoot&&s.shadowRoot.querySelector){return s.shadowRoot.querySelector(a())}return g(s,a())[0]})();return!i&&t.params.createElements&&(i=w("div",t.params.wrapperClass),s.append(i),g(s,`.${t.params.slideClass}`).forEach(e=>{i.append(e)})),Object.assign(t,{el:s,wrapperEl:i,slidesEl:t.isElement&&!s.parentNode.host.slideSlots?s.parentNode.host:i,hostEl:t.isElement?s.parentNode.host:s,mounted:!0,rtl:"rtl"===s.dir.toLowerCase()||"rtl"===y(s,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===s.dir.toLowerCase()||"rtl"===y(s,"direction")),wrongRTL:"-webkit-box"===y(i,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual.enabled?t.slideTo(t.params.initialSlide+t.virtual.slidesBefore,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach(e=>{e.complete?X(t,e):e.addEventListener("load",e=>{X(t,e.target)})}),Y(t),t.initialized=!0,Y(t),t.emit("init"),t.emit("afterInit"),t}destroy(e=!0,t=!0){const s=this,{params:a,el:i,wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i&&"string"!=typeof i&&i.removeAttribute("style"),r&&r.removeAttribute("style"),n&&n.length&&n.forEach(e=>{e.classList.remove(a.slideVisibleClass,a.slideFullyVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")})),s.emit("destroy"),Object.keys(s.eventsListeners).forEach(e=>{s.off(e)}),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),function(e){const t=e;Object.keys(t).forEach(e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}})}(s)),s.destroyed=!0),null}static extendDefaults(e){u(re,e)}static get extendedDefaults(){return re}static get defaults(){return se}static installModule(e){ne.prototype.__modules__||(ne.prototype.__modules__=[]);const t=ne.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach(e=>ne.installModule(e)),ne):(ne.installModule(e),ne)}}function le(e,t,s,a){return e.params.createElements&&Object.keys(a).forEach(i=>{if(!s[i]&&!0===s.auto){let r=g(e.el,`.${a[i]}`)[0];r||(r=w("div",a[i]),r.className=a[i],e.el.append(r)),s[i]=r,t[i]=r}}),s}Object.keys(ie).forEach(e=>{Object.keys(ie[e]).forEach(t=>{ne.prototype[t]=ie[e][t]})}),ne.use([function({swiper:e,on:t,emit:s}){const a=r();let i=null,n=null;const l=()=>{e&&!e.destroyed&&e.initialized&&(s("beforeResize"),s("resize"))},o=()=>{e&&!e.destroyed&&e.initialized&&s("orientationchange")};t("init",()=>{e.params.resizeObserver&&void 0!==a.ResizeObserver?e&&!e.destroyed&&e.initialized&&(i=new ResizeObserver(t=>{n=a.requestAnimationFrame(()=>{const{width:s,height:a}=e;let i=s,r=a;t.forEach(({contentBoxSize:t,contentRect:s,target:a})=>{a&&a!==e.el||(i=s?s.width:(t[0]||t).inlineSize,r=s?s.height:(t[0]||t).blockSize)}),i===s&&r===a||l()})}),i.observe(e.el)):(a.addEventListener("resize",l),a.addEventListener("orientationchange",o))}),t("destroy",()=>{n&&a.cancelAnimationFrame(n),i&&i.unobserve&&e.el&&(i.unobserve(e.el),i=null),a.removeEventListener("resize",l),a.removeEventListener("orientationchange",o)})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=[],n=r(),l=(t,s={})=>{const r=new(n.MutationObserver||n.WebkitMutationObserver)(t=>{if(e.__preventObserver__)return;if(1===t.length)return void a("observerUpdate",t[0]);const s=function(){a("observerUpdate",t[0])};n.requestAnimationFrame?n.requestAnimationFrame(s):n.setTimeout(s,0)});r.observe(t,{attributes:void 0===s.attributes||s.attributes,childList:e.isElement||(void 0===s.childList||s).childList,characterData:void 0===s.characterData||s.characterData}),i.push(r)};t({observer:!1,observeParents:!1,observeSlideChildren:!1}),s("init",()=>{if(e.params.observer){if(e.params.observeParents){const t=x(e.hostEl);for(let e=0;e{i.forEach(e=>{e.disconnect()}),i.splice(0,i.length)})}]);const oe='';function de(e=""){return`.${e.trim().replace(/([\.:!+\/()[\]#>~*^$|=,'"@{}\\])/g,"\\$1").replace(/ /g,".")}`}function ce(e){const t=this,{params:s,slidesEl:a}=t;s.loop&&t.loopDestroy();const i=e=>{if("string"==typeof e){const t=document.createElement("div");P(t,e),a.append(t.children[0]),P(t,"")}else a.append(e)};if("object"==typeof e&&"length"in e)for(let t=0;t{if("string"==typeof e){const t=document.createElement("div");P(t,e),i.prepend(t.children[0]),P(t,"")}else i.prepend(e)};if("object"==typeof e&&"length"in e){for(let t=0;t=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;ee?n+t.length:n}else r.append(t);for(let e=0;e{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)}),a("setTranslate _virtualUpdated",()=>{s.params.effect===t&&i()}),a("setTransition",(e,a)=>{s.params.effect===t&&r(a)}),a("transitionEnd",()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.forEach(e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>e.remove())}),o()}}),a("virtualUpdate",()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame(()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)}))})}function ge(e,t){const s=f(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style["-webkit-backface-visibility"]="hidden"),s}function ve({swiper:e,duration:t,transformElements:s,allSlides:a}){const{activeIndex:i}=e;if(e.params.virtualTranslate&&0!==t){let t,r=!1;t=a?s:s.filter(t=>{const s=t.classList.contains("swiper-slide-transform")?(t=>{if(!t.parentElement)return e.slides.find(e=>e.shadowRoot&&e.shadowRoot===t.parentNode);return t.parentElement})(t):t;return e.getSlideIndex(s)===i}),t.forEach(t=>{S(t,()=>{if(r)return;if(!e||e.destroyed)return;r=!0,e.animating=!1;const t=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(t)})})}}function we(e,t,s){const a=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,i=f(t);let r=i.querySelector(`.${a.split(" ").join(".")}`);return r||(r=w("div",a.split(" ")),i.append(r)),r}const be=[function({swiper:e,extendParams:t,on:s,emit:i}){let r;t({virtual:{enabled:!1,slides:[],cache:!0,slidesPerViewAutoSlideSize:320,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});const n=a();e.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const l=n.createElement("div");function o(t,s){const a=e.params.virtual;if(a.cache&&e.virtual.cache[s])return e.virtual.cache[s];let i;return a.renderSlide?(i=a.renderSlide.call(e,t,s),"string"==typeof i&&(P(l,i),i=l.children[0])):i=e.isElement?w("swiper-slide"):w("div",e.params.slideClass),i.setAttribute("data-swiper-slide-index",s),a.renderSlide||P(i,t),a.cache&&(e.virtual.cache[s]=i),i}function d(t,s,a){const{slidesPerGroup:r,centeredSlides:n,slidesPerView:l,loop:d,initialSlide:c}=e.params;if(s&&!d&&c>0)return;const{addSlidesBefore:p,addSlidesAfter:u,slidesPerViewAutoSlideSize:m}=e.params.virtual,{from:h,to:f,slides:v,slidesGrid:w,offset:b}=e.virtual;e.params.cssMode||e.updateActiveIndex();const y=void 0===a?e.activeIndex||0:a;let E,x,S,T;if(E=e.rtlTranslate?"right":e.isHorizontal()?"left":"top","auto"===l)if(m){let t=e.size;t||(t=e.isHorizontal()?e.el.getBoundingClientRect().width:e.el.getBoundingClientRect().height),x=Math.max(1,Math.ceil(t/m))}else x=1;else x=l;n?(S=Math.floor(x/2)+r+u,T=Math.floor(x/2)+r+p):(S=x+(r-1)+u,T=(d?x:r)+p);let M=y-T,C=y+S;d||(M=Math.max(M,0),C=Math.min(C,v.length-1));let P=(e.slidesGrid[M]||0)-(e.slidesGrid[0]||0);function L(){e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),i("virtualUpdate")}if(d&&y>=T?(M-=T,n||(P+=e.slidesGrid[0])):d&&y{t.style[E]=P-Math.abs(e.cssOverflowAdjustment())+"px"}),e.updateProgress(),void i("virtualUpdate");if(e.params.virtual.renderExternal)return e.params.virtual.renderExternal.call(e,{offset:P,from:M,to:C,slides:function(){const e=[];for(let t=M;t<=C;t+=1)e.push(v[t]);return e}()}),void(e.params.virtual.renderExternalUpdate?L():i("virtualUpdate"));const I=[],z=[],A=e=>{let t=e;return e<0?t=v.length+e:t>=v.length&&(t-=v.length),t};if(t)e.slides.filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`)).forEach(e=>{e.remove()});else for(let t=h;t<=f;t+=1)if(tC){const s=A(t);e.slides.filter(t=>t.matches(`.${e.params.slideClass}[data-swiper-slide-index="${s}"], swiper-slide[data-swiper-slide-index="${s}"]`)).forEach(e=>{e.remove()})}const $=d?-v.length:0,k=d?2*v.length:v.length;for(let e=$;e=M&&e<=C){const s=A(e);void 0===f||t?z.push(s):(e>f&&z.push(s),e{e.slidesEl.append(o(v[t],t))}),d)for(let t=I.length-1;t>=0;t-=1){const s=I[t];e.slidesEl.prepend(o(v[s],s))}else I.sort((e,t)=>t-e),I.forEach(t=>{e.slidesEl.prepend(o(v[t],t))});g(e.slidesEl,".swiper-slide, swiper-slide").forEach(t=>{t.style[E]=P-Math.abs(e.cssOverflowAdjustment())+"px"}),L()}s("beforeInit",()=>{if(!e.params.virtual.enabled)return;let t;if(void 0===e.passedParams.virtual.slides){const s=[...e.slidesEl.children].filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`));s&&s.length&&(e.virtual.slides=[...s],t=!0,s.forEach((t,s)=>{t.setAttribute("data-swiper-slide-index",s),e.virtual.cache[s]=t,t.remove()}))}t||(e.virtual.slides=e.params.virtual.slides),e.classNames.push(`${e.params.containerModifierClass}virtual`),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0,d(!1,!0)}),s("setTranslate",()=>{e.params.virtual.enabled&&(e.params.cssMode&&!e._immediateVirtual?(clearTimeout(r),r=setTimeout(()=>{d()},100)):d())}),s("init update resize",()=>{e.params.virtual.enabled&&e.params.cssMode&&m(e.wrapperEl,"--swiper-virtual-size",`${e.virtualSize}px`)}),Object.assign(e.virtual,{appendSlide:function(t){if("object"==typeof t&&"length"in t)for(let s=0;s{const a=t[e],r=a.getAttribute("data-swiper-slide-index");r&&a.setAttribute("data-swiper-slide-index",parseInt(r,10)+i),s[parseInt(e,10)+i]=a}),e.virtual.cache=s}d(!0),e.slideTo(a,0)},removeSlide:function(t){if(null==t)return;let s=e.activeIndex;if(Array.isArray(t))for(let a=t.length-1;a>=0;a-=1)e.params.virtual.cache&&(delete e.virtual.cache[t[a]],Object.keys(e.virtual.cache).forEach(s=>{s>t&&(e.virtual.cache[s-1]=e.virtual.cache[s],e.virtual.cache[s-1].setAttribute("data-swiper-slide-index",s-1),delete e.virtual.cache[s])})),e.virtual.slides.splice(t[a],1),t[a]{s>t&&(e.virtual.cache[s-1]=e.virtual.cache[s],e.virtual.cache[s-1].setAttribute("data-swiper-slide-index",s-1),delete e.virtual.cache[s])})),e.virtual.slides.splice(t,1),t0&&0===x(e.el,`.${e.params.slideActiveClass}`).length)return;const a=e.el,i=a.clientWidth,r=a.clientHeight,n=l.innerWidth,o=l.innerHeight,d=b(a);s&&(d.left-=a.scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let e=0;e=0&&s[0]<=n&&s[1]>=0&&s[1]<=o){if(0===s[0]&&0===s[1])continue;t=!0}}if(!t)return}const f=e.params.keyboard.speed;e.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&e.slideNext(f),((d||p)&&!s||(c||u)&&s)&&e.slidePrev(f)):((d||c||m||h)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||h)&&e.slideNext(f),(d||m)&&e.slidePrev(f)),i("keyPress",r)}function d(){e.keyboard.enabled||(n.addEventListener("keydown",o),e.keyboard.enabled=!0)}function c(){e.keyboard.enabled&&(n.removeEventListener("keydown",o),e.keyboard.enabled=!1)}e.keyboard={enabled:!1},t({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0,speed:void 0}}),s("init",()=>{e.params.keyboard.enabled&&d()}),s("destroy",()=>{e.keyboard.enabled&&c()}),Object.assign(e.keyboard,{enable:d,disable:c})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=r();let n;t({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}}),e.mousewheel={enabled:!1};let d,c=o();const p=[];function u(){e.enabled&&(e.mouseEntered=!0)}function m(){e.enabled&&(e.mouseEntered=!1)}function h(t){return!(e.params.mousewheel.thresholdDelta&&t.delta=6&&o()-c<60||(t.direction<0?e.isEnd&&!e.params.loop||e.animating||(e.slideNext(),a("scroll",t.raw)):e.isBeginning&&!e.params.loop||e.animating||(e.slidePrev(),a("scroll",t.raw)),c=(new i.Date).getTime(),!1)))}function f(t){let s=t,i=!0;if(!e.enabled)return;if(t.target.closest(`.${e.params.mousewheel.noMousewheelClass}`))return;const r=e.params.mousewheel;e.params.cssMode&&s.preventDefault();let c=e.el;"container"!==e.params.mousewheel.eventsTarget&&(c=document.querySelector(e.params.mousewheel.eventsTarget));const u=c&&c.contains(s.target);if(!e.mouseEntered&&!u&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let m=0;const f=e.rtlTranslate?-1:1,g=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(e.isHorizontal()){if(!(Math.abs(g.pixelX)>Math.abs(g.pixelY)))return!0;m=-g.pixelX*f}else{if(!(Math.abs(g.pixelY)>Math.abs(g.pixelX)))return!0;m=-g.pixelY}else m=Math.abs(g.pixelX)>Math.abs(g.pixelY)?-g.pixelX*f:-g.pixelY;if(0===m)return!0;r.invert&&(m=-m);let v=e.getTranslate()+m*r.sensitivity;if(v>=e.minTranslate()&&(v=e.minTranslate()),v<=e.maxTranslate()&&(v=e.maxTranslate()),i=!!e.params.loop||!(v===e.minTranslate()||v===e.maxTranslate()),i&&e.params.nested&&s.stopPropagation(),e.params.freeMode&&e.params.freeMode.enabled){const t={time:o(),delta:Math.abs(m),direction:Math.sign(m)},i=d&&t.time=e.minTranslate()&&(o=e.minTranslate()),o<=e.maxTranslate()&&(o=e.maxTranslate()),e.setTransition(0),e.setTranslate(o),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!c&&e.isBeginning||!u&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:t.direction<0?"next":"prev",byMousewheel:!0}),e.params.freeMode.sticky){clearTimeout(n),n=void 0,p.length>=15&&p.shift();const s=p.length?p[p.length-1]:void 0,a=p[0];if(p.push(t),s&&(t.delta>s.delta||t.direction!==s.direction))p.splice(0);else if(p.length>=15&&t.time-a.time<500&&a.delta-t.delta>=1&&t.delta<=6){const s=m>0?.8:.2;d=t,p.splice(0),n=l(()=>{!e.destroyed&&e.params&&e.slideToClosest(e.params.speed,!0,void 0,s)},0)}n||(n=l(()=>{if(e.destroyed||!e.params)return;d=t,p.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}if(i||a("scroll",s),e.params.autoplay&&e.params.autoplay.disableOnInteraction&&e.autoplay.stop(),r.releaseOnEdges&&(o===e.minTranslate()||o===e.maxTranslate()))return!0}}else{const s={time:o(),delta:Math.abs(m),direction:Math.sign(m),raw:t};p.length>=2&&p.shift();const a=p.length?p[p.length-1]:void 0;if(p.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&h(s):h(s),function(t){const s=e.params.mousewheel;if(t.direction<0){if(e.isEnd&&!e.params.loop&&s.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function g(t){let s=e.el;"container"!==e.params.mousewheel.eventsTarget&&(s=document.querySelector(e.params.mousewheel.eventsTarget)),s[t]("mouseenter",u),s[t]("mouseleave",m),s[t]("wheel",f)}function v(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",f),!0):!e.mousewheel.enabled&&(g("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener(event,f),!0):!!e.mousewheel.enabled&&(g("removeEventListener"),e.mousewheel.enabled=!1,!0)}s("init",()=>{!e.params.mousewheel.enabled&&e.params.cssMode&&w(),e.params.mousewheel.enabled&&v()}),s("destroy",()=>{e.params.cssMode&&v(),e.mousewheel.enabled&&w()}),Object.assign(e.mousewheel,{enable:v,disable:w})},function({swiper:e,extendParams:t,on:s,emit:a}){function i(t){let s;return t&&"string"==typeof t&&e.isElement&&(s=e.el.querySelector(t)||e.hostEl.querySelector(t),s)?s:(t&&("string"==typeof t&&(s=[...document.querySelectorAll(t)]),e.params.uniqueNavElements&&"string"==typeof t&&s&&s.length>1&&1===e.el.querySelectorAll(t).length?s=e.el.querySelector(t):s&&1===s.length&&(s=s[0])),t&&!s?t:s)}function r(t,s){const a=e.params.navigation;(t=M(t)).forEach(t=>{t&&(t.classList[s?"add":"remove"](...a.disabledClass.split(" ")),"BUTTON"===t.tagName&&(t.disabled=s),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](a.lockClass))})}function n(){const{nextEl:t,prevEl:s}=e.navigation;if(e.params.loop)return r(s,!1),void r(t,!1);r(s,e.isBeginning&&!e.params.rewind),r(t,e.isEnd&&!e.params.rewind)}function l(t){t.preventDefault(),(!e.isBeginning||e.params.loop||e.params.rewind)&&(e.slidePrev(),a("navigationPrev"))}function o(t){t.preventDefault(),(!e.isEnd||e.params.loop||e.params.rewind)&&(e.slideNext(),a("navigationNext"))}function d(){const t=e.params.navigation;if(e.params.navigation=le(e,e.originalParams.navigation,e.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!t.nextEl&&!t.prevEl)return;let s=i(t.nextEl),a=i(t.prevEl);Object.assign(e.navigation,{nextEl:s,prevEl:a}),s=M(s),a=M(a);const r=(s,a)=>{if(s){if(t.addIcons&&s.matches(".swiper-button-next,.swiper-button-prev")&&!s.querySelector("svg")){const e=document.createElement("div");P(e,oe),s.appendChild(e.querySelector("svg")),e.remove()}s.addEventListener("click","next"===a?o:l)}!e.enabled&&s&&s.classList.add(...t.lockClass.split(" "))};s.forEach(e=>r(e,"next")),a.forEach(e=>r(e,"prev"))}function c(){let{nextEl:t,prevEl:s}=e.navigation;t=M(t),s=M(s);const a=(t,s)=>{t.removeEventListener("click","next"===s?o:l),t.classList.remove(...e.params.navigation.disabledClass.split(" "))};t.forEach(e=>a(e,"next")),s.forEach(e=>a(e,"prev"))}t({navigation:{nextEl:null,prevEl:null,addIcons:!0,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),e.navigation={nextEl:null,prevEl:null,arrowSvg:oe},s("init",()=>{!1===e.params.navigation.enabled?p():(d(),n())}),s("toEdge fromEdge lock unlock",()=>{n()}),s("destroy",()=>{c()}),s("enable disable",()=>{let{nextEl:t,prevEl:s}=e.navigation;t=M(t),s=M(s),e.enabled?n():[...t,...s].filter(e=>!!e).forEach(t=>t.classList.add(e.params.navigation.lockClass))}),s("click",(t,s)=>{let{nextEl:i,prevEl:r}=e.navigation;i=M(i),r=M(r);const n=s.target;let l=r.includes(n)||i.includes(n);if(e.isElement&&!l){const e=s.path||s.composedPath&&s.composedPath();e&&(l=e.find(e=>i.includes(e)||r.includes(e)))}if(e.params.navigation.hideOnClick&&!l){if(e.pagination&&e.params.pagination&&e.params.pagination.clickable&&(e.pagination.el===n||e.pagination.el.contains(n)))return;let t;i.length?t=i[0].classList.contains(e.params.navigation.hiddenClass):r.length&&(t=r[0].classList.contains(e.params.navigation.hiddenClass)),a(!0===t?"navigationShow":"navigationHide"),[...i,...r].filter(e=>!!e).forEach(t=>t.classList.toggle(e.params.navigation.hiddenClass))}});const p=()=>{e.el.classList.add(...e.params.navigation.navigationDisabledClass.split(" ")),c()};Object.assign(e.navigation,{enable:()=>{e.el.classList.remove(...e.params.navigation.navigationDisabledClass.split(" ")),d(),n()},disable:p,update:n,init:d,destroy:c})},function({swiper:e,extendParams:t,on:s,emit:a}){const i="swiper-pagination";let r;t({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${i}-bullet`,bulletActiveClass:`${i}-bullet-active`,modifierClass:`${i}-`,currentClass:`${i}-current`,totalClass:`${i}-total`,hiddenClass:`${i}-hidden`,progressbarFillClass:`${i}-progressbar-fill`,progressbarOppositeClass:`${i}-progressbar-opposite`,clickableClass:`${i}-clickable`,lockClass:`${i}-lock`,horizontalClass:`${i}-horizontal`,verticalClass:`${i}-vertical`,paginationDisabledClass:`${i}-disabled`}}),e.pagination={el:null,bullets:[]};let n=0;function l(){return!e.params.pagination.el||!e.pagination.el||Array.isArray(e.pagination.el)&&0===e.pagination.el.length}function o(t,s){const{bulletActiveClass:a}=e.params.pagination;t&&(t=t[("prev"===s?"previous":"next")+"ElementSibling"])&&(t.classList.add(`${a}-${s}`),(t=t[("prev"===s?"previous":"next")+"ElementSibling"])&&t.classList.add(`${a}-${s}-${s}`))}function d(t){const s=t.target.closest(de(e.params.pagination.bulletClass));if(!s)return;t.preventDefault();const a=E(s)*e.params.slidesPerGroup;if(e.params.loop){if(e.realIndex===a)return;const t=(i=e.realIndex,r=a,n=e.slides.length,(r%=n)===1+(i%=n)?"next":r===i-1?"previous":void 0);"next"===t?e.slideNext():"previous"===t?e.slidePrev():e.slideToLoop(a)}else e.slideTo(a);var i,r,n}function c(){const t=e.rtl,s=e.params.pagination;if(l())return;let i,d,c=e.pagination.el;c=M(c);const p=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.slides.length,u=e.params.loop?Math.ceil(p/e.params.slidesPerGroup):e.snapGrid.length;if(e.params.loop?(d=e.previousRealIndex||0,i=e.params.slidesPerGroup>1?Math.floor(e.realIndex/e.params.slidesPerGroup):e.realIndex):void 0!==e.snapIndex?(i=e.snapIndex,d=e.previousSnapIndex):(d=e.previousIndex||0,i=e.activeIndex||0),"bullets"===s.type&&e.pagination.bullets&&e.pagination.bullets.length>0){const a=e.pagination.bullets;let l,p,u;if(s.dynamicBullets&&(r=T(a[0],e.isHorizontal()?"width":"height",!0),c.forEach(t=>{t.style[e.isHorizontal()?"width":"height"]=r*(s.dynamicMainBullets+4)+"px"}),s.dynamicMainBullets>1&&void 0!==d&&(n+=i-(d||0),n>s.dynamicMainBullets-1?n=s.dynamicMainBullets-1:n<0&&(n=0)),l=Math.max(i-n,0),p=l+(Math.min(a.length,s.dynamicMainBullets)-1),u=(p+l)/2),a.forEach(e=>{const t=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(e=>`${s.bulletActiveClass}${e}`)].map(e=>"string"==typeof e&&e.includes(" ")?e.split(" "):e).flat();e.classList.remove(...t)}),c.length>1)a.forEach(t=>{const a=E(t);a===i?t.classList.add(...s.bulletActiveClass.split(" ")):e.isElement&&t.setAttribute("part","bullet"),s.dynamicBullets&&(a>=l&&a<=p&&t.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),a===l&&o(t,"prev"),a===p&&o(t,"next"))});else{const t=a[i];if(t&&t.classList.add(...s.bulletActiveClass.split(" ")),e.isElement&&a.forEach((e,t)=>{e.setAttribute("part",t===i?"bullet-active":"bullet")}),s.dynamicBullets){const e=a[l],t=a[p];for(let e=l;e<=p;e+=1)a[e]&&a[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));o(e,"prev"),o(t,"next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),n=(r*i-r)/2-u*r,l=t?"right":"left";a.forEach(t=>{t.style[e.isHorizontal()?l:"top"]=`${n}px`})}}c.forEach((t,r)=>{if("fraction"===s.type&&(t.querySelectorAll(de(s.currentClass)).forEach(e=>{e.textContent=s.formatFractionCurrent(i+1)}),t.querySelectorAll(de(s.totalClass)).forEach(e=>{e.textContent=s.formatFractionTotal(u)})),"progressbar"===s.type){let a;a=s.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";const r=(i+1)/u;let n=1,l=1;"horizontal"===a?n=r:l=r,t.querySelectorAll(de(s.progressbarFillClass)).forEach(t=>{t.style.transform=`translate3d(0,0,0) scaleX(${n}) scaleY(${l})`,t.style.transitionDuration=`${e.params.speed}ms`})}"custom"===s.type&&s.renderCustom?(P(t,s.renderCustom(e,i+1,u)),0===r&&a("paginationRender",t)):(0===r&&a("paginationRender",t),a("paginationUpdate",t)),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](s.lockClass)})}function p(){const t=e.params.pagination;if(l())return;const s=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:e.grid&&e.params.grid.rows>1?e.slides.length/Math.ceil(e.params.grid.rows):e.slides.length;let i=e.pagination.el;i=M(i);let r="";if("bullets"===t.type){let a=e.params.loop?Math.ceil(s/e.params.slidesPerGroup):e.snapGrid.length;e.params.freeMode&&e.params.freeMode.enabled&&a>s&&(a=s);for(let s=0;s`}"fraction"===t.type&&(r=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):` / `),"progressbar"===t.type&&(r=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):``),e.pagination.bullets=[],i.forEach(s=>{"custom"!==t.type&&P(s,r||""),"bullets"===t.type&&e.pagination.bullets.push(...s.querySelectorAll(de(t.bulletClass)))}),"custom"!==t.type&&a("paginationRender",i[0])}function u(){e.params.pagination=le(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const t=e.params.pagination;if(!t.el)return;let s;"string"==typeof t.el&&e.isElement&&(s=e.el.querySelector(t.el)),s||"string"!=typeof t.el||(s=[...document.querySelectorAll(t.el)]),s||(s=t.el),s&&0!==s.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&Array.isArray(s)&&s.length>1&&(s=[...e.el.querySelectorAll(t.el)],s.length>1&&(s=s.find(t=>x(t,".swiper")[0]===e.el))),Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(e.pagination,{el:s}),s=M(s),s.forEach(s=>{"bullets"===t.type&&t.clickable&&s.classList.add(...(t.clickableClass||"").split(" ")),s.classList.add(t.modifierClass+t.type),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass),"bullets"===t.type&&t.dynamicBullets&&(s.classList.add(`${t.modifierClass}${t.type}-dynamic`),n=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&s.classList.add(t.progressbarOppositeClass),t.clickable&&s.addEventListener("click",d),e.enabled||s.classList.add(t.lockClass)}))}function m(){const t=e.params.pagination;if(l())return;let s=e.pagination.el;s&&(s=M(s),s.forEach(s=>{s.classList.remove(t.hiddenClass),s.classList.remove(t.modifierClass+t.type),s.classList.remove(e.isHorizontal()?t.horizontalClass:t.verticalClass),t.clickable&&(s.classList.remove(...(t.clickableClass||"").split(" ")),s.removeEventListener("click",d))})),e.pagination.bullets&&e.pagination.bullets.forEach(e=>e.classList.remove(...t.bulletActiveClass.split(" ")))}s("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const t=e.params.pagination;let{el:s}=e.pagination;s=M(s),s.forEach(s=>{s.classList.remove(t.horizontalClass,t.verticalClass),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass)})}),s("init",()=>{!1===e.params.pagination.enabled?h():(u(),p(),c())}),s("activeIndexChange",()=>{void 0===e.snapIndex&&c()}),s("snapIndexChange",()=>{c()}),s("snapGridLengthChange",()=>{p(),c()}),s("destroy",()=>{m()}),s("enable disable",()=>{let{el:t}=e.pagination;t&&(t=M(t),t.forEach(t=>t.classList[e.enabled?"remove":"add"](e.params.pagination.lockClass)))}),s("lock unlock",()=>{c()}),s("click",(t,s)=>{const i=s.target,r=M(e.pagination.el);if(e.params.pagination.el&&e.params.pagination.hideOnClick&&r&&r.length>0&&!i.classList.contains(e.params.pagination.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&i===e.navigation.nextEl||e.navigation.prevEl&&i===e.navigation.prevEl))return;const t=r[0].classList.contains(e.params.pagination.hiddenClass);a(!0===t?"paginationShow":"paginationHide"),r.forEach(t=>t.classList.toggle(e.params.pagination.hiddenClass))}});const h=()=>{e.el.classList.add(e.params.pagination.paginationDisabledClass);let{el:t}=e.pagination;t&&(t=M(t),t.forEach(t=>t.classList.add(e.params.pagination.paginationDisabledClass))),m()};Object.assign(e.pagination,{enable:()=>{e.el.classList.remove(e.params.pagination.paginationDisabledClass);let{el:t}=e.pagination;t&&(t=M(t),t.forEach(t=>t.classList.remove(e.params.pagination.paginationDisabledClass))),u(),p(),c()},disable:h,render:p,update:c,init:u,destroy:m})},function({swiper:e,extendParams:t,on:s,emit:i}){const r=a();let o,d,c,p,u=!1,m=null,h=null;function f(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t,rtlTranslate:s}=e,{dragEl:a,el:i}=t,r=e.params.scrollbar,n=e.params.loop?e.progressLoop:e.progress;let l=d,o=(c-d)*n;s?(o=-o,o>0?(l=d-o,o=0):-o+d>c&&(l=c+o)):o<0?(l=d+o,o=0):o+d>c&&(l=c-o),e.isHorizontal()?(a.style.transform=`translate3d(${o}px, 0, 0)`,a.style.width=`${l}px`):(a.style.transform=`translate3d(0px, ${o}px, 0)`,a.style.height=`${l}px`),r.hide&&(clearTimeout(m),i.style.opacity=1,m=setTimeout(()=>{i.style.opacity=0,i.style.transitionDuration="400ms"},1e3))}function g(){if(!e.params.scrollbar.el||!e.scrollbar.el)return;const{scrollbar:t}=e,{dragEl:s,el:a}=t;s.style.width="",s.style.height="",c=e.isHorizontal()?a.offsetWidth:a.offsetHeight,p=e.size/(e.virtualSize+e.params.slidesOffsetBefore-(e.params.centeredSlides?e.snapGrid[0]:0)),d="auto"===e.params.scrollbar.dragSize?c*p:parseInt(e.params.scrollbar.dragSize,10),e.isHorizontal()?s.style.width=`${d}px`:s.style.height=`${d}px`,a.style.display=p>=1?"none":"",e.params.scrollbar.hide&&(a.style.opacity=0),e.params.watchOverflow&&e.enabled&&t.el.classList[e.isLocked?"add":"remove"](e.params.scrollbar.lockClass)}function v(t){return e.isHorizontal()?t.clientX:t.clientY}function y(t){const{scrollbar:s,rtlTranslate:a}=e,{el:i}=s;let r;r=(v(t)-b(i)[e.isHorizontal()?"left":"top"]-(null!==o?o:d/2))/(c-d),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=e.minTranslate()+(e.maxTranslate()-e.minTranslate())*r;e.updateProgress(n),e.setTranslate(n),e.updateActiveIndex(),e.updateSlidesClasses()}function E(t){const s=e.params.scrollbar,{scrollbar:a,wrapperEl:r}=e,{el:n,dragEl:l}=a;u=!0,o=t.target===l?v(t)-t.target.getBoundingClientRect()[e.isHorizontal()?"left":"top"]:null,t.preventDefault(),t.stopPropagation(),r.style.transitionDuration="100ms",l.style.transitionDuration="100ms",y(t),clearTimeout(h),n.style.transitionDuration="0ms",s.hide&&(n.style.opacity=1),e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="none"),i("scrollbarDragStart",t)}function x(t){const{scrollbar:s,wrapperEl:a}=e,{el:r,dragEl:n}=s;u&&(t.preventDefault&&t.cancelable?t.preventDefault():t.returnValue=!1,y(t),a.style.transitionDuration="0ms",r.style.transitionDuration="0ms",n.style.transitionDuration="0ms",i("scrollbarDragMove",t))}function S(t){const s=e.params.scrollbar,{scrollbar:a,wrapperEl:r}=e,{el:n}=a;u&&(u=!1,e.params.cssMode&&(e.wrapperEl.style["scroll-snap-type"]="",r.style.transitionDuration=""),s.hide&&(clearTimeout(h),h=l(()=>{n.style.opacity=0,n.style.transitionDuration="400ms"},1e3)),i("scrollbarDragEnd",t),s.snapOnRelease&&e.slideToClosest())}function T(t){const{scrollbar:s,params:a}=e,i=s.el;if(!i)return;const n=i,l=!!a.passiveListeners&&{passive:!1,capture:!1},o=!!a.passiveListeners&&{passive:!0,capture:!1};if(!n)return;const d="on"===t?"addEventListener":"removeEventListener";n[d]("pointerdown",E,l),r[d]("pointermove",x,l),r[d]("pointerup",S,o)}function C(){const{scrollbar:t,el:s}=e;e.params.scrollbar=le(e,e.originalParams.scrollbar,e.params.scrollbar,{el:"swiper-scrollbar"});const a=e.params.scrollbar;if(!a.el)return;let i,l;if("string"==typeof a.el&&e.isElement&&(i=e.el.querySelector(a.el)),i||"string"!=typeof a.el)i||(i=a.el);else if(i=r.querySelectorAll(a.el),!i.length)return;e.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.querySelectorAll(a.el).length&&(i=s.querySelector(a.el)),i.length>0&&(i=i[0]),i.classList.add(e.isHorizontal()?a.horizontalClass:a.verticalClass),i&&(l=i.querySelector(de(e.params.scrollbar.dragClass)),l||(l=w("div",e.params.scrollbar.dragClass),i.append(l))),Object.assign(t,{el:i,dragEl:l}),a.draggable&&e.params.scrollbar.el&&e.scrollbar.el&&T("on"),i&&i.classList[e.enabled?"remove":"add"](...n(e.params.scrollbar.lockClass))}function P(){const t=e.params.scrollbar,s=e.scrollbar.el;s&&s.classList.remove(...n(e.isHorizontal()?t.horizontalClass:t.verticalClass)),e.params.scrollbar.el&&e.scrollbar.el&&T("off")}t({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),e.scrollbar={el:null,dragEl:null},s("changeDirection",()=>{if(!e.scrollbar||!e.scrollbar.el)return;const t=e.params.scrollbar;let{el:s}=e.scrollbar;s=M(s),s.forEach(s=>{s.classList.remove(t.horizontalClass,t.verticalClass),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass)})}),s("init",()=>{!1===e.params.scrollbar.enabled?L():(C(),g(),f())}),s("update resize observerUpdate lock unlock changeDirection",()=>{g()}),s("setTranslate",()=>{f()}),s("setTransition",(t,s)=>{!function(t){e.params.scrollbar.el&&e.scrollbar.el&&(e.scrollbar.dragEl.style.transitionDuration=`${t}ms`)}(s)}),s("enable disable",()=>{const{el:t}=e.scrollbar;t&&t.classList[e.enabled?"remove":"add"](...n(e.params.scrollbar.lockClass))}),s("destroy",()=>{P()});const L=()=>{e.el.classList.add(...n(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.add(...n(e.params.scrollbar.scrollbarDisabledClass)),P()};Object.assign(e.scrollbar,{enable:()=>{e.el.classList.remove(...n(e.params.scrollbar.scrollbarDisabledClass)),e.scrollbar.el&&e.scrollbar.el.classList.remove(...n(e.params.scrollbar.scrollbarDisabledClass)),C(),g(),f()},disable:L,updateSize:g,setTranslate:f,init:C,destroy:P})},function({swiper:e,extendParams:t,on:s}){t({parallax:{enabled:!1}});const a="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",i=(t,s)=>{const{rtl:a}=e,i=a?-1:1,r=t.getAttribute("data-swiper-parallax")||"0";let n=t.getAttribute("data-swiper-parallax-x"),l=t.getAttribute("data-swiper-parallax-y");const o=t.getAttribute("data-swiper-parallax-scale"),d=t.getAttribute("data-swiper-parallax-opacity"),c=t.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):e.isHorizontal()?(n=r,l="0"):(l=r,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*i+"%":n*s*i+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":l*s+"px",null!=d){const e=d-(d-1)*(1-Math.abs(s));t.style.opacity=e}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){p+=` scale(${o-(o-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${c*s*-1}deg)`}t.style.transform=p},r=()=>{const{el:t,slides:s,progress:r,snapGrid:n,isElement:l}=e,o=g(t,a);e.isElement&&o.push(...g(e.hostEl,a)),o.forEach(e=>{i(e,r)}),s.forEach((t,s)=>{let l=t.progress;e.params.slidesPerGroup>1&&"auto"!==e.params.slidesPerView&&(l+=Math.ceil(s/2)-r*(n.length-1)),l=Math.min(Math.max(l,-1),1),t.querySelectorAll(`${a}, [data-swiper-parallax-rotate]`).forEach(e=>{i(e,l)})})};s("beforeInit",()=>{e.params.parallax.enabled&&(e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)}),s("init",()=>{e.params.parallax.enabled&&r()}),s("setTranslate",()=>{e.params.parallax.enabled&&r()}),s("setTransition",(t,s)=>{e.params.parallax.enabled&&((t=e.params.speed)=>{const{el:s,hostEl:i}=e,r=[...s.querySelectorAll(a)];e.isElement&&r.push(...i.querySelectorAll(a)),r.forEach(e=>{let s=parseInt(e.getAttribute("data-swiper-parallax-duration"),10)||t;0===t&&(s=0),e.style.transitionDuration=`${s}ms`})})(s)})},function({swiper:e,extendParams:t,on:s,emit:a}){const i=r();t({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),e.zoom={enabled:!1};let n,l,o=1,c=!1,p=!1,u={x:0,y:0};const m=[],h={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},f={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},v={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let w,y=1;function E(){if(m.length<2)return 1;const e=m[0].pageX,t=m[0].pageY,s=m[1].pageX,a=m[1].pageY;return Math.sqrt((s-e)**2+(a-t)**2)}function S(){const t=e.params.zoom,s=h.imageWrapEl.getAttribute("data-swiper-zoom")||t.maxRatio;if(t.limitToOriginalSize&&h.imageEl&&h.imageEl.naturalWidth){const e=h.imageEl.naturalWidth/h.imageEl.offsetWidth;return Math.min(e,s)}return s}function T(t){const s=e.isElement?"swiper-slide":`.${e.params.slideClass}`;return!!t.target.matches(s)||e.slides.filter(e=>e.contains(t.target)).length>0}function M(t){const s=`.${e.params.zoom.containerClass}`;return!!t.target.matches(s)||[...e.hostEl.querySelectorAll(s)].filter(e=>e.contains(t.target)).length>0}function C(t){if("mouse"===t.pointerType&&m.splice(0,m.length),!T(t))return;const s=e.params.zoom;if(n=!1,l=!1,m.push(t),!(m.length<2)){if(n=!0,h.scaleStart=E(),!h.slideEl){h.slideEl=t.target.closest(`.${e.params.slideClass}, swiper-slide`),h.slideEl||(h.slideEl=e.slides[e.activeIndex]);let a=h.slideEl.querySelector(`.${s.containerClass}`);if(a&&(a=a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),h.imageEl=a,h.imageWrapEl=a?x(h.imageEl,`.${s.containerClass}`)[0]:void 0,!h.imageWrapEl)return void(h.imageEl=void 0);h.maxRatio=S()}if(h.imageEl){const[e,t]=function(){if(m.length<2)return{x:null,y:null};const e=h.imageEl.getBoundingClientRect();return[(m[0].pageX+(m[1].pageX-m[0].pageX)/2-e.x-i.scrollX)/o,(m[0].pageY+(m[1].pageY-m[0].pageY)/2-e.y-i.scrollY)/o]}();h.originX=e,h.originY=t,h.imageEl.style.transitionDuration="0ms"}c=!0}}function P(t){if(!T(t))return;const s=e.params.zoom,a=e.zoom,i=m.findIndex(e=>e.pointerId===t.pointerId);i>=0&&(m[i]=t),m.length<2||(l=!0,h.scaleMove=E(),h.imageEl&&(a.scale=h.scaleMove/h.scaleStart*o,a.scale>h.maxRatio&&(a.scale=h.maxRatio-1+(a.scale-h.maxRatio+1)**.5),a.scalee.pointerId===t.pointerId);i>=0&&m.splice(i,1),n&&l&&(n=!1,l=!1,h.imageEl&&(a.scale=Math.max(Math.min(a.scale,h.maxRatio),s.minRatio),h.imageEl.style.transitionDuration=`${e.params.speed}ms`,h.imageEl.style.transform=`translate3d(0,0,0) scale(${a.scale})`,o=a.scale,c=!1,a.scale>1&&h.slideEl?h.slideEl.classList.add(`${s.zoomedSlideClass}`):a.scale<=1&&h.slideEl&&h.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===a.scale&&(h.originX=0,h.originY=0,h.slideEl=void 0)))}function I(){e.touchEventsData.preventTouchMoveFromPointerMove=!1}function z(t){const s="mouse"===t.pointerType&&e.params.zoom.panOnMouseMove;if(!T(t)||!M(t))return;const a=e.zoom;if(!h.imageEl)return;if(!f.isTouched||!h.slideEl)return void(s&&$(t));if(s)return void $(t);f.isMoved||(f.width=h.imageEl.offsetWidth||h.imageEl.clientWidth,f.height=h.imageEl.offsetHeight||h.imageEl.clientHeight,f.startX=d(h.imageWrapEl,"x")||0,f.startY=d(h.imageWrapEl,"y")||0,h.slideWidth=h.slideEl.offsetWidth,h.slideHeight=h.slideEl.offsetHeight,h.imageWrapEl.style.transitionDuration="0ms");const i=f.width*a.scale,r=f.height*a.scale;f.minX=Math.min(h.slideWidth/2-i/2,0),f.maxX=-f.minX,f.minY=Math.min(h.slideHeight/2-r/2,0),f.maxY=-f.minY,f.touchesCurrent.x=m.length>0?m[0].pageX:t.pageX,f.touchesCurrent.y=m.length>0?m[0].pageY:t.pageY;if(Math.max(Math.abs(f.touchesCurrent.x-f.touchesStart.x),Math.abs(f.touchesCurrent.y-f.touchesStart.y))>5&&(e.allowClick=!1),!f.isMoved&&!c){if(e.isHorizontal()&&(Math.floor(f.minX)===Math.floor(f.startX)&&f.touchesCurrent.xf.touchesStart.x))return f.isTouched=!1,void I();if(!e.isHorizontal()&&(Math.floor(f.minY)===Math.floor(f.startY)&&f.touchesCurrent.yf.touchesStart.y))return f.isTouched=!1,void I()}t.cancelable&&t.preventDefault(),t.stopPropagation(),clearTimeout(w),e.touchEventsData.preventTouchMoveFromPointerMove=!0,w=setTimeout(()=>{e.destroyed||I()}),f.isMoved=!0;const n=(a.scale-o)/(h.maxRatio-e.params.zoom.minRatio),{originX:l,originY:p}=h;f.currentX=f.touchesCurrent.x-f.touchesStart.x+f.startX+n*(f.width-2*l),f.currentY=f.touchesCurrent.y-f.touchesStart.y+f.startY+n*(f.height-2*p),f.currentXf.maxX&&(f.currentX=f.maxX-1+(f.currentX-f.maxX+1)**.8),f.currentYf.maxY&&(f.currentY=f.maxY-1+(f.currentY-f.maxY+1)**.8),v.prevPositionX||(v.prevPositionX=f.touchesCurrent.x),v.prevPositionY||(v.prevPositionY=f.touchesCurrent.y),v.prevTime||(v.prevTime=Date.now()),v.x=(f.touchesCurrent.x-v.prevPositionX)/(Date.now()-v.prevTime)/2,v.y=(f.touchesCurrent.y-v.prevPositionY)/(Date.now()-v.prevTime)/2,Math.abs(f.touchesCurrent.x-v.prevPositionX)<2&&(v.x=0),Math.abs(f.touchesCurrent.y-v.prevPositionY)<2&&(v.y=0),v.prevPositionX=f.touchesCurrent.x,v.prevPositionY=f.touchesCurrent.y,v.prevTime=Date.now(),h.imageWrapEl.style.transform=`translate3d(${f.currentX}px, ${f.currentY}px,0)`}function A(){const t=e.zoom;h.slideEl&&e.activeIndex!==e.slides.indexOf(h.slideEl)&&(h.imageEl&&(h.imageEl.style.transform="translate3d(0,0,0) scale(1)"),h.imageWrapEl&&(h.imageWrapEl.style.transform="translate3d(0,0,0)"),h.slideEl.classList.remove(`${e.params.zoom.zoomedSlideClass}`),t.scale=1,o=1,h.slideEl=void 0,h.imageEl=void 0,h.imageWrapEl=void 0,h.originX=0,h.originY=0)}function $(e){if(o<=1||!h.imageWrapEl)return;if(!T(e)||!M(e))return;const t=i.getComputedStyle(h.imageWrapEl).transform,s=new i.DOMMatrix(t);if(!p)return p=!0,u.x=e.clientX,u.y=e.clientY,f.startX=s.e,f.startY=s.f,f.width=h.imageEl.offsetWidth||h.imageEl.clientWidth,f.height=h.imageEl.offsetHeight||h.imageEl.clientHeight,h.slideWidth=h.slideEl.offsetWidth,void(h.slideHeight=h.slideEl.offsetHeight);const a=-3*(e.clientX-u.x),r=-3*(e.clientY-u.y),n=f.width*o,l=f.height*o,d=h.slideWidth,c=h.slideHeight,m=Math.min(d/2-n/2,0),g=-m,v=Math.min(c/2-l/2,0),w=-v,b=Math.max(Math.min(f.startX+a,g),m),y=Math.max(Math.min(f.startY+r,w),v);h.imageWrapEl.style.transitionDuration="0ms",h.imageWrapEl.style.transform=`translate3d(${b}px, ${y}px, 0)`,u.x=e.clientX,u.y=e.clientY,f.startX=b,f.startY=y,f.currentX=b,f.currentY=y}function k(t){const s=e.zoom,a=e.params.zoom;if(!h.slideEl){t&&t.target&&(h.slideEl=t.target.closest(`.${e.params.slideClass}, swiper-slide`)),h.slideEl||(e.params.virtual&&e.params.virtual.enabled&&e.virtual?h.slideEl=g(e.slidesEl,`.${e.params.slideActiveClass}`)[0]:h.slideEl=e.slides[e.activeIndex]);let s=h.slideEl.querySelector(`.${a.containerClass}`);s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),h.imageEl=s,h.imageWrapEl=s?x(h.imageEl,`.${a.containerClass}`)[0]:void 0}if(!h.imageEl||!h.imageWrapEl)return;let r,n,l,d,c,p,u,m,v,w,y,E,T,M,C,P,L,I;h.maxRatio=S(),e.params.cssMode&&(e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.touchAction="none"),h.slideEl.classList.add(`${a.zoomedSlideClass}`),void 0===f.touchesStart.x&&t?(r=t.pageX,n=t.pageY):(r=f.touchesStart.x,n=f.touchesStart.y);const z=o,A="number"==typeof t?t:null;1===o&&A&&(r=void 0,n=void 0,f.touchesStart.x=void 0,f.touchesStart.y=void 0);const $=S();s.scale=A||$,o=A||$,!t||1===o&&A?(u=0,m=0):(L=h.slideEl.offsetWidth,I=h.slideEl.offsetHeight,l=b(h.slideEl).left+i.scrollX,d=b(h.slideEl).top+i.scrollY,c=l+L/2-r,p=d+I/2-n,v=h.imageEl.offsetWidth||h.imageEl.clientWidth,w=h.imageEl.offsetHeight||h.imageEl.clientHeight,y=v*s.scale,E=w*s.scale,T=Math.min(L/2-y/2,0),M=Math.min(I/2-E/2,0),C=-T,P=-M,z>0&&A&&"number"==typeof f.currentX&&"number"==typeof f.currentY?(u=f.currentX*s.scale/z,m=f.currentY*s.scale/z):(u=c*s.scale,m=p*s.scale),uC&&(u=C),mP&&(m=P)),A&&1===s.scale&&(h.originX=0,h.originY=0),f.currentX=u,f.currentY=m,h.imageWrapEl.style.transitionDuration="300ms",h.imageWrapEl.style.transform=`translate3d(${u}px, ${m}px,0)`,h.imageEl.style.transitionDuration="300ms",h.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function O(){const t=e.zoom,s=e.params.zoom;if(!h.slideEl){e.params.virtual&&e.params.virtual.enabled&&e.virtual?h.slideEl=g(e.slidesEl,`.${e.params.slideActiveClass}`)[0]:h.slideEl=e.slides[e.activeIndex];let t=h.slideEl.querySelector(`.${s.containerClass}`);t&&(t=t.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]),h.imageEl=t,h.imageWrapEl=t?x(h.imageEl,`.${s.containerClass}`)[0]:void 0}h.imageEl&&h.imageWrapEl&&(h.maxRatio=S(),e.params.cssMode&&(e.wrapperEl.style.overflow="",e.wrapperEl.style.touchAction=""),t.scale=1,o=1,f.currentX=void 0,f.currentY=void 0,f.touchesStart.x=void 0,f.touchesStart.y=void 0,h.imageWrapEl.style.transitionDuration="300ms",h.imageWrapEl.style.transform="translate3d(0,0,0)",h.imageEl.style.transitionDuration="300ms",h.imageEl.style.transform="translate3d(0,0,0) scale(1)",h.slideEl.classList.remove(`${s.zoomedSlideClass}`),h.slideEl=void 0,h.originX=0,h.originY=0,e.params.zoom.panOnMouseMove&&(u={x:0,y:0},p&&(p=!1,f.startX=0,f.startY=0)))}function D(t){const s=e.zoom;s.scale&&1!==s.scale?O():k(t)}function G(){return{passiveListener:!!e.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!e.params.passiveListeners||{passive:!1,capture:!0}}}function X(){const t=e.zoom;if(t.enabled)return;t.enabled=!0;const{passiveListener:s,activeListenerWithCapture:a}=G();e.wrapperEl.addEventListener("pointerdown",C,s),e.wrapperEl.addEventListener("pointermove",P,a),["pointerup","pointercancel","pointerout"].forEach(t=>{e.wrapperEl.addEventListener(t,L,s)}),e.wrapperEl.addEventListener("pointermove",z,a)}function B(){const t=e.zoom;if(!t.enabled)return;t.enabled=!1;const{passiveListener:s,activeListenerWithCapture:a}=G();e.wrapperEl.removeEventListener("pointerdown",C,s),e.wrapperEl.removeEventListener("pointermove",P,a),["pointerup","pointercancel","pointerout"].forEach(t=>{e.wrapperEl.removeEventListener(t,L,s)}),e.wrapperEl.removeEventListener("pointermove",z,a)}Object.defineProperty(e.zoom,"scale",{get:()=>y,set(e){if(y!==e){const t=h.imageEl,s=h.slideEl;a("zoomChange",e,t,s)}y=e}}),s("init",()=>{e.params.zoom.enabled&&X()}),s("destroy",()=>{B()}),s("touchStart",(t,s)=>{e.zoom.enabled&&function(t){const s=e.device;if(!h.imageEl)return;if(f.isTouched)return;s.android&&t.cancelable&&t.preventDefault(),f.isTouched=!0;const a=m.length>0?m[0]:t;f.touchesStart.x=a.pageX,f.touchesStart.y=a.pageY}(s)}),s("touchEnd",(t,s)=>{e.zoom.enabled&&function(){const t=e.zoom;if(m.length=0,!h.imageEl)return;if(!f.isTouched||!f.isMoved)return f.isTouched=!1,void(f.isMoved=!1);f.isTouched=!1,f.isMoved=!1;let s=300,a=300;const i=v.x*s,r=f.currentX+i,n=v.y*a,l=f.currentY+n;0!==v.x&&(s=Math.abs((r-f.currentX)/v.x)),0!==v.y&&(a=Math.abs((l-f.currentY)/v.y));const o=Math.max(s,a);f.currentX=r,f.currentY=l;const d=f.width*t.scale,c=f.height*t.scale;f.minX=Math.min(h.slideWidth/2-d/2,0),f.maxX=-f.minX,f.minY=Math.min(h.slideHeight/2-c/2,0),f.maxY=-f.minY,f.currentX=Math.max(Math.min(f.currentX,f.maxX),f.minX),f.currentY=Math.max(Math.min(f.currentY,f.maxY),f.minY),h.imageWrapEl.style.transitionDuration=`${o}ms`,h.imageWrapEl.style.transform=`translate3d(${f.currentX}px, ${f.currentY}px,0)`}()}),s("doubleTap",(t,s)=>{!e.animating&&e.params.zoom.enabled&&e.zoom.enabled&&e.params.zoom.toggle&&D(s)}),s("transitionEnd",()=>{e.zoom.enabled&&e.params.zoom.enabled&&A()}),s("slideChange",()=>{e.zoom.enabled&&e.params.zoom.enabled&&e.params.cssMode&&A()}),Object.assign(e.zoom,{enable:X,disable:B,in:k,out:O,toggle:D})},function({swiper:e,extendParams:t,on:s}){function a(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function i(){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)}t({controller:{control:void 0,inverse:!1,by:"slide"}}),e.controller={control:void 0},s("beforeInit",()=>{if("undefined"!=typeof window&&("string"==typeof e.params.controller.control||e.params.controller.control instanceof HTMLElement)){return void("string"==typeof e.params.controller.control?[...document.querySelectorAll(e.params.controller.control)]:[e.params.controller.control]).forEach(t=>{if(e.controller.control||(e.controller.control=[]),t&&t.swiper)e.controller.control.push(t.swiper);else if(t){const s=`${e.params.eventsPrefix}init`,a=i=>{e.controller.control.push(i.detail[0]),e.update(),t.removeEventListener(s,a)};t.addEventListener(s,a)}})}e.controller.control=e.params.controller.control}),s("update",()=>{i()}),s("resize",()=>{i()}),s("observerUpdate",()=>{i()}),s("setTranslate",(t,s,a)=>{e.controller.control&&!e.controller.control.destroyed&&e.controller.setTranslate(s,a)}),s("setTransition",(t,s,a)=>{e.controller.control&&!e.controller.control.destroyed&&e.controller.setTransition(s,a)}),Object.assign(e.controller,{setTranslate:function(t,s){const i=e.controller.control;let r,n;const l=e.constructor;function o(t){if(t.destroyed)return;const s=e.rtlTranslate?-e.translate:e.translate;"slide"===e.params.controller.by&&(!function(t){e.controller.spline=e.params.loop?new a(e.slidesGrid,t.slidesGrid):new a(e.snapGrid,t.snapGrid)}(t),n=-e.controller.spline.interpolate(-s)),n&&"container"!==e.params.controller.by||(r=(t.maxTranslate()-t.minTranslate())/(e.maxTranslate()-e.minTranslate()),!Number.isNaN(r)&&Number.isFinite(r)||(r=1),n=(s-e.minTranslate())*r+t.minTranslate()),e.params.controller.inverse&&(n=t.maxTranslate()-n),t.updateProgress(n),t.setTranslate(n,e),t.updateActiveIndex(),t.updateSlidesClasses()}if(Array.isArray(i))for(let e=0;e{s.updateAutoHeight()}),S(s.wrapperEl,()=>{i&&s.transitionEnd()})))}if(Array.isArray(i))for(r=0;r{e.setAttribute("tabIndex","0")})}function c(e){(e=M(e)).forEach(e=>{e.setAttribute("tabIndex","-1")})}function p(e,t){(e=M(e)).forEach(e=>{e.setAttribute("role",t)})}function u(e,t){(e=M(e)).forEach(e=>{e.setAttribute("aria-roledescription",t)})}function m(e,t){(e=M(e)).forEach(e=>{e.setAttribute("aria-label",t)})}function h(e){(e=M(e)).forEach(e=>{e.setAttribute("aria-disabled",!0)})}function f(e){(e=M(e)).forEach(e=>{e.removeAttribute("aria-disabled")})}function g(t){if(13!==t.keyCode&&32!==t.keyCode)return;const s=e.params.a11y,a=t.target;if(!e.pagination||!e.pagination.el||a!==e.pagination.el&&!e.pagination.el.contains(t.target)||t.target.matches(de(e.params.pagination.bulletClass))){if(e.navigation&&e.navigation.prevEl&&e.navigation.nextEl){const t=M(e.navigation.prevEl);M(e.navigation.nextEl).includes(a)&&(e.isEnd&&!e.params.loop||e.slideNext(),e.isEnd?o(s.lastSlideMessage):o(s.nextSlideMessage)),t.includes(a)&&(e.isBeginning&&!e.params.loop||e.slidePrev(),e.isBeginning?o(s.firstSlideMessage):o(s.prevSlideMessage))}e.pagination&&a.matches(de(e.params.pagination.bulletClass))&&a.click()}}function v(){return e.pagination&&e.pagination.bullets&&e.pagination.bullets.length}function b(){return v()&&e.params.pagination.clickable}const y=(e,t,s)=>{d(e),"BUTTON"!==e.tagName&&(p(e,"button"),e.addEventListener("keydown",g)),m(e,s)},x=t=>{r&&r!==t.target&&!r.contains(t.target)&&(i=!0),e.a11y.clicked=!0},S=()=>{i=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.destroyed||(e.a11y.clicked=!1)})})},T=e=>{l=(new Date).getTime()},C=t=>{if(e.a11y.clicked||!e.params.a11y.scrollOnFocus)return;if((new Date).getTime()-l<100)return;const s=t.target.closest(`.${e.params.slideClass}, swiper-slide`);if(!s||!e.slides.includes(s))return;r=s;const a=e.virtual&&e.params.virtual.enabled,n=(a?parseInt(s.getAttribute("data-swiper-slide-index"),10):e.slides.indexOf(s))===e.activeIndex,o=e.params.watchSlidesProgress&&e.visibleSlides&&e.visibleSlides.includes(s);n||o||t.sourceCapabilities&&t.sourceCapabilities.firesTouchEvents||(e.isHorizontal()?e.el.scrollLeft=0:e.el.scrollTop=0,requestAnimationFrame(()=>{i||(e.params.loop?e.slideToLoop(e.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"))),0):a?e.slideTo(e.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index"),10)),0):e.slideTo(e.getSlideIndexWhenGrid(e.slides.indexOf(s)),0),i=!1)}))},L=()=>{const t=e.params.a11y;t.itemRoleDescriptionMessage&&u(e.slides,t.itemRoleDescriptionMessage),t.slideRole&&p(e.slides,t.slideRole);const s=e.slides.length;t.slideLabelMessage&&e.slides.forEach((a,i)=>{const r=e.params.loop?parseInt(a.getAttribute("data-swiper-slide-index"),10):i;m(a,t.slideLabelMessage.replace(/\{\{index\}\}/,r+1).replace(/\{\{slidesLength\}\}/,s))})},I=()=>{const t=e.params.a11y;e.el.append(n);const s=e.el;t.containerRoleDescriptionMessage&&u(s,t.containerRoleDescriptionMessage),t.containerMessage&&m(s,t.containerMessage),t.containerRole&&p(s,t.containerRole);const i=e.wrapperEl,r=t.id||i.getAttribute("id")||`swiper-wrapper-${function(e=16){return"x".repeat(e).replace(/x/g,()=>Math.round(16*Math.random()).toString(16))}(16)}`;var l;if(l=r,M(i).forEach(e=>{e.setAttribute("id",l)}),t.wrapperLiveRegion){!function(e,t){(e=M(e)).forEach(e=>{e.setAttribute("aria-live",t)})}(i,e.params.autoplay&&e.params.autoplay.enabled?"off":"polite")}L();let{nextEl:o,prevEl:d}=e.navigation?e.navigation:{};if(o=M(o),d=M(d),o&&o.forEach(e=>y(e,0,t.nextSlideMessage)),d&&d.forEach(e=>y(e,0,t.prevSlideMessage)),b()){M(e.pagination.el).forEach(e=>{e.addEventListener("keydown",g)})}a().addEventListener("visibilitychange",T),e.el.addEventListener("focus",C,!0),e.el.addEventListener("pointerdown",x,!0),e.el.addEventListener("pointerup",S,!0)};s("beforeInit",()=>{n=w("span",e.params.a11y.notificationClass),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true")}),s("afterInit",()=>{e.params.a11y.enabled&&I()}),s("slidesLengthChange snapGridLengthChange slidesGridLengthChange",()=>{e.params.a11y.enabled&&L()}),s("fromEdge toEdge afterInit lock unlock",()=>{e.params.a11y.enabled&&function(){if(e.params.loop||e.params.rewind||!e.navigation)return;const{nextEl:t,prevEl:s}=e.navigation;s&&(e.isBeginning?(h(s),c(s)):(f(s),d(s))),t&&(e.isEnd?(h(t),c(t)):(f(t),d(t)))}()}),s("paginationUpdate",()=>{e.params.a11y.enabled&&function(){const t=e.params.a11y;v()&&e.pagination.bullets.forEach(s=>{e.params.pagination.clickable&&(d(s),e.params.pagination.renderBullet||(p(s,"button"),m(s,t.paginationBulletMessage.replace(/\{\{index\}\}/,E(s)+1)))),s.matches(de(e.params.pagination.bulletActiveClass))?s.setAttribute("aria-current","true"):s.removeAttribute("aria-current")})}()}),s("destroy",()=>{e.params.a11y.enabled&&function(){n&&n.remove();let{nextEl:t,prevEl:s}=e.navigation?e.navigation:{};t=M(t),s=M(s),t&&t.forEach(e=>e.removeEventListener("keydown",g)),s&&s.forEach(e=>e.removeEventListener("keydown",g)),b()&&M(e.pagination.el).forEach(e=>{e.removeEventListener("keydown",g)});a().removeEventListener("visibilitychange",T),e.el&&"string"!=typeof e.el&&(e.el.removeEventListener("focus",C,!0),e.el.removeEventListener("pointerdown",x,!0),e.el.removeEventListener("pointerup",S,!0))}()})},function({swiper:e,extendParams:t,on:s}){t({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let a=!1,i={};const n=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),l=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter(e=>""!==e),i=a.length;return{key:a[i-2],value:a[i-1]}},o=(t,s)=>{const i=r();if(!a||!e.params.history.enabled)return;let l;l=e.params.url?new URL(e.params.url):i.location;const o=e.virtual&&e.params.virtual.enabled?e.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):e.slides[s];let d=n(o.getAttribute("data-history"));if(e.params.history.root.length>0){let s=e.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${t?`${t}/`:""}${d}`}else l.pathname.includes(t)||(d=`${t?`${t}/`:""}${d}`);e.params.history.keepQuery&&(d+=l.search);const c=i.history.state;c&&c.value===d||(e.params.history.replaceState?i.history.replaceState({value:d},null,d):i.history.pushState({value:d},null,d))},d=(t,s,a)=>{if(s)for(let i=0,r=e.slides.length;i{i=l(e.params.url),d(e.params.speed,i.value,!1)};s("init",()=>{e.params.history.enabled&&(()=>{const t=r();if(e.params.history){if(!t.history||!t.history.pushState)return e.params.history.enabled=!1,void(e.params.hashNavigation.enabled=!0);a=!0,i=l(e.params.url),i.key||i.value?(d(0,i.value,e.params.runCallbacksOnInit),e.params.history.replaceState||t.addEventListener("popstate",c)):e.params.history.replaceState||t.addEventListener("popstate",c)}})()}),s("destroy",()=>{e.params.history.enabled&&(()=>{const t=r();e.params.history.replaceState||t.removeEventListener("popstate",c)})()}),s("transitionEnd _freeModeNoMomentumRelease",()=>{a&&o(e.params.history.key,e.activeIndex)}),s("slideChange",()=>{a&&e.params.cssMode&&o(e.params.history.key,e.activeIndex)})},function({swiper:e,extendParams:t,emit:s,on:i}){let n=!1;const l=a(),o=r();t({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(t,s){if(e.virtual&&e.params.virtual.enabled){const t=e.slides.find(e=>e.getAttribute("data-hash")===s);if(!t)return 0;return parseInt(t.getAttribute("data-swiper-slide-index"),10)}return e.getSlideIndex(g(e.slidesEl,`.${e.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0])}}});const d=()=>{s("hashChange");const t=l.location.hash.replace("#",""),a=e.virtual&&e.params.virtual.enabled?e.slidesEl.querySelector(`[data-swiper-slide-index="${e.activeIndex}"]`):e.slides[e.activeIndex];if(t!==(a?a.getAttribute("data-hash"):"")){const s=e.params.hashNavigation.getSlideIndex(e,t);if(void 0===s||Number.isNaN(s))return;e.slideTo(s)}},c=()=>{if(!n||!e.params.hashNavigation.enabled)return;const t=e.virtual&&e.params.virtual.enabled?e.slidesEl.querySelector(`[data-swiper-slide-index="${e.activeIndex}"]`):e.slides[e.activeIndex],a=t?t.getAttribute("data-hash")||t.getAttribute("data-history"):"";e.params.hashNavigation.replaceState&&o.history&&o.history.replaceState?(o.history.replaceState(null,null,`#${a}`||""),s("hashSet")):(l.location.hash=a||"",s("hashSet"))};i("init",()=>{e.params.hashNavigation.enabled&&(()=>{if(!e.params.hashNavigation.enabled||e.params.history&&e.params.history.enabled)return;n=!0;const t=l.location.hash.replace("#","");if(t){const s=0,a=e.params.hashNavigation.getSlideIndex(e,t);e.slideTo(a||0,s,e.params.runCallbacksOnInit,!0)}e.params.hashNavigation.watchState&&o.addEventListener("hashchange",d)})()}),i("destroy",()=>{e.params.hashNavigation.enabled&&e.params.hashNavigation.watchState&&o.removeEventListener("hashchange",d)}),i("transitionEnd _freeModeNoMomentumRelease",()=>{n&&c()}),i("slideChange",()=>{n&&e.params.cssMode&&c()})},function({swiper:e,extendParams:t,on:s,emit:i,params:r}){let n,l;e.autoplay={running:!1,paused:!1,timeLeft:0},t({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let o,d,c,p,u,m,h,f=r&&r.autoplay?r.autoplay.delay:3e3,g=r&&r.autoplay?r.autoplay.delay:3e3,v=(new Date).getTime();function w(t){e&&!e.destroyed&&e.wrapperEl&&t.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",w),h||t.detail&&t.detail.bySwiperTouchMove||M())}const b=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?d=!0:d&&(g=o,d=!1);const t=e.autoplay.paused?o:v+g-(new Date).getTime();e.autoplay.timeLeft=t,i("autoplayTimeLeft",t,t/f),l=requestAnimationFrame(()=>{b()})},y=()=>{let t=e.params.autoplay.delay;const s=(()=>{let t;if(t=e.virtual&&e.params.virtual.enabled?e.slides.find(e=>e.classList.contains("swiper-slide-active")):e.slides[e.activeIndex],!t)return;return parseInt(t.getAttribute("data-swiper-autoplay"),10)})();return!Number.isNaN(s)&&s>0&&(t=s),t},E=t=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(l),b();let s=t;void 0===s&&(s=y(),f=s,g=s),o=s;const a=e.params.speed,r=()=>{e&&!e.destroyed&&(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(a,!0,!0),i("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,a,!0,!0),i("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(a,!0,!0),i("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,a,!0,!0),i("autoplay")),e.params.cssMode&&(v=(new Date).getTime(),requestAnimationFrame(()=>{E()})))};return s>0?(clearTimeout(n),n=setTimeout(()=>{r()},s)):requestAnimationFrame(()=>{r()}),s},x=()=>{v=(new Date).getTime(),e.autoplay.running=!0,E(),i("autoplayStart")},S=()=>{e.autoplay.running=!1,clearTimeout(n),cancelAnimationFrame(l),i("autoplayStop")},T=(t,s)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(n),t||(m=!0);const a=()=>{i("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",w):M()};if(e.autoplay.paused=!0,s)return void a();const r=o||e.params.autoplay.delay;o=r-((new Date).getTime()-v),e.isEnd&&o<0&&!e.params.loop||(o<0&&(o=0),a())},M=()=>{e.isEnd&&o<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(v=(new Date).getTime(),m?(m=!1,E(o)):E(),e.autoplay.paused=!1,i("autoplayResume"))},C=()=>{if(e.destroyed||!e.autoplay.running)return;const t=a();"hidden"===t.visibilityState&&(m=!0,T(!0)),"visible"===t.visibilityState&&M()},P=t=>{"mouse"===t.pointerType&&(m=!0,h=!0,e.animating||e.autoplay.paused||T(!0))},L=t=>{"mouse"===t.pointerType&&(h=!1,e.autoplay.paused&&M())};s("init",()=>{e.params.autoplay.enabled&&(e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",P),e.el.addEventListener("pointerleave",L)),a().addEventListener("visibilitychange",C),x())}),s("destroy",()=>{e.el&&"string"!=typeof e.el&&(e.el.removeEventListener("pointerenter",P),e.el.removeEventListener("pointerleave",L)),a().removeEventListener("visibilitychange",C),e.autoplay.running&&S()}),s("_freeModeStaticRelease",()=>{(p||m)&&M()}),s("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?S():T(!0,!0)}),s("beforeTransitionStart",(t,s,a)=>{!e.destroyed&&e.autoplay.running&&(a||!e.params.autoplay.disableOnInteraction?T(!0,!0):S())}),s("sliderFirstMove",()=>{!e.destroyed&&e.autoplay.running&&(e.params.autoplay.disableOnInteraction?S():(c=!0,p=!1,m=!1,u=setTimeout(()=>{m=!0,p=!0,T(!0)},200)))}),s("touchEnd",()=>{if(!e.destroyed&&e.autoplay.running&&c){if(clearTimeout(u),clearTimeout(n),e.params.autoplay.disableOnInteraction)return p=!1,void(c=!1);p&&e.params.cssMode&&M(),p=!1,c=!1}}),s("slideChange",()=>{!e.destroyed&&e.autoplay.running&&e.autoplay.paused&&(o=y(),f=y())}),Object.assign(e.autoplay,{start:x,stop:S,pause:T,resume:M})},function({swiper:e,extendParams:t,on:s}){t({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let i=!1,r=!1;function n(){const t=e.thumbs.swiper;return!(!t||t.destroyed)&&(t.params.virtual&&t.params.virtual.enabled)}function l(){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const s=t.clickedIndex,a=t.clickedSlide;if(a&&a.classList.contains(e.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;i=t.params.loop?parseInt(t.clickedSlide.getAttribute("data-swiper-slide-index"),10):s,e.params.loop?e.slideToLoop(i):e.slideTo(i)}function o(){const{thumbs:t}=e.params;if(i)return!1;i=!0;const s=e.constructor;if(t.swiper instanceof s){if(t.swiper.destroyed)return i=!1,!1;e.thumbs.swiper=t.swiper,Object.assign(e.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(e.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper.update()}else if(c(t.swiper)){const a=Object.assign({},t.swiper);Object.assign(a,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new s(a),r=!0}return e.thumbs.swiper.el.classList.add(e.params.thumbs.thumbsContainerClass),e.thumbs.swiper.on("tap",l),n()&&e.thumbs.swiper.on("virtualUpdate",()=>{d(!1,{autoScroll:!1})}),!0}function d(t,s){const a=e.thumbs.swiper;if(!a||a.destroyed)return;let i=1;const r=e.params.thumbs.slideThumbActiveClass;if(e.params.slidesPerView>1&&!e.params.centeredSlides&&(i=e.params.slidesPerView),e.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),a.slides.forEach(e=>e.classList.remove(r)),a.params.loop||n())for(let t=0;t{e.classList.add(r)});else for(let t=0;tt.getAttribute("data-swiper-slide-index")===`${e.realIndex}`);l=s.slides.indexOf(t),o=e.activeIndex>e.previousIndex?"next":"prev"}else l=e.realIndex,o=l>e.previousIndex?"next":"prev";r&&(l+="next"===o?i:-1*i),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(l)<0&&(s.params.centeredSlides?l=l>n?l-Math.floor(a/2)+1:l+Math.floor(a/2)-1:l>n&&s.params.slidesPerGroup,s.slideTo(l,t))}}(t?0:void 0)}e.thumbs={swiper:null},s("beforeInit",()=>{const{thumbs:t}=e.params;if(t&&t.swiper)if("string"==typeof t.swiper||t.swiper instanceof HTMLElement){const s=a(),i=()=>{const a="string"==typeof t.swiper?s.querySelector(t.swiper):t.swiper;if(a&&a.swiper)t.swiper=a.swiper,o(),d(!0);else if(a){const s=`${e.params.eventsPrefix}init`,i=r=>{t.swiper=r.detail[0],a.removeEventListener(s,i),o(),d(!0),t.swiper.update(),e.update()};a.addEventListener(s,i)}return a},r=()=>{if(e.destroyed)return;i()||requestAnimationFrame(r)};requestAnimationFrame(r)}else o(),d(!0)}),s("slideChange update resize observerUpdate",()=>{d()}),s("setTransition",(t,s)=>{const a=e.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)}),s("beforeDestroy",()=>{const t=e.thumbs.swiper;t&&!t.destroyed&&r&&t.destroy()}),Object.assign(e.thumbs,{init:o,update:d})},function({swiper:e,extendParams:t,emit:s,once:a}){t({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(e,{freeMode:{onTouchStart:function(){if(e.params.cssMode)return;const t=e.getTranslate();e.setTranslate(t),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})},onTouchMove:function(){if(e.params.cssMode)return;const{touchEventsData:t,touches:s}=e;0===t.velocities.length&&t.velocities.push({position:s[e.isHorizontal()?"startX":"startY"],time:t.touchStartTime}),t.velocities.push({position:s[e.isHorizontal()?"currentX":"currentY"],time:o()})},onTouchEnd:function({currentPos:t}){if(e.params.cssMode)return;const{params:i,wrapperEl:r,rtlTranslate:n,snapGrid:l,touchEventsData:d}=e,c=o()-d.touchStartTime;if(t<-e.minTranslate())e.slideTo(e.activeIndex);else if(t>-e.maxTranslate())e.slides.length1){const t=d.velocities.pop(),s=d.velocities.pop(),a=t.position-s.position,r=t.time-s.time;e.velocity=a/r,e.velocity/=2,Math.abs(e.velocity)150||o()-t.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=i.freeMode.momentumVelocityRatio,d.velocities.length=0;let t=1e3*i.freeMode.momentumRatio;const c=e.velocity*t;let p=e.translate+c;n&&(p=-p);let u,m=!1;const h=20*Math.abs(e.velocity)*i.freeMode.momentumBounceRatio;let f;if(pe.minTranslate())i.freeMode.momentumBounce?(p-e.minTranslate()>h&&(p=e.minTranslate()+h),u=e.minTranslate(),m=!0,d.allowMomentumBounce=!0):p=e.minTranslate(),i.loop&&i.centeredSlides&&(f=!0);else if(i.freeMode.sticky){let t;for(let e=0;e-p){t=e;break}p=Math.abs(l[t]-p){e.loopFix()}),0!==e.velocity){if(t=n?Math.abs((-p-e.translate)/e.velocity):Math.abs((p-e.translate)/e.velocity),i.freeMode.sticky){const s=Math.abs((n?-p:p)-e.translate),a=e.slidesSizesGrid[e.activeIndex];t=s{e&&!e.destroyed&&d.allowMomentumBounce&&(s("momentumBounce"),e.setTransition(i.speed),setTimeout(()=>{e.setTranslate(u),S(r,()=>{e&&!e.destroyed&&e.transitionEnd()})},0))})):e.velocity?(s("_freeModeNoMomentumRelease"),e.updateProgress(p),e.setTransition(t),e.setTranslate(p),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,S(r,()=>{e&&!e.destroyed&&e.transitionEnd()}))):e.updateProgress(p),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(i.freeMode.sticky)return void e.slideToClosest();i.freeMode&&s("_freeModeNoMomentumRelease")}(!i.freeMode.momentum||c>=i.longSwipesMs)&&(s("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}})},function({swiper:e,extendParams:t,on:s}){let a,i,r,n;t({grid:{rows:1,fill:"column"}});const l=()=>{let t=e.params.spaceBetween;return"string"==typeof t&&t.indexOf("%")>=0?t=parseFloat(t.replace("%",""))/100*e.size:"string"==typeof t&&(t=parseFloat(t)),t};s("init",()=>{n=e.params.grid&&e.params.grid.rows>1}),s("update",()=>{const{params:t,el:s}=e,a=t.grid&&t.grid.rows>1;n&&!a?(s.classList.remove(`${t.containerModifierClass}grid`,`${t.containerModifierClass}grid-column`),r=1,e.emitContainerClasses()):!n&&a&&(s.classList.add(`${t.containerModifierClass}grid`),"column"===t.grid.fill&&s.classList.add(`${t.containerModifierClass}grid-column`),e.emitContainerClasses()),n=a}),e.grid={initSlides:t=>{const{slidesPerView:s}=e.params,{rows:n,fill:l}=e.params.grid,o=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:t.length;r=Math.floor(o/n),a=Math.floor(o/n)===o/n?o:Math.ceil(o/n)*n,"auto"!==s&&"row"===l&&(a=Math.max(a,Math.floor(s)*n)),i=a/n},unsetSlides:()=>{e.slides&&e.slides.forEach(t=>{t.swiperSlideGridSet&&(t.style.height="",t.style[e.getDirectionLabel("margin-top")]="")})},updateSlide:(t,s,n)=>{const{slidesPerGroup:o}=e.params,d=l(),{rows:c,fill:p}=e.params.grid,u=e.virtual&&e.params.virtual.enabled?e.virtual.slides.length:n.length;let m,h,f;if("row"===p&&o>1){const e=Math.floor(t/(o*c)),i=t-c*o*e,r=0===e?o:Math.min(Math.ceil((u-e*c*o)/c),o);f=Math.floor(i/r),h=i-f*r+e*o,m=h+f*a/c,s.style.order=m}else"column"===p?(h=Math.floor(t/c),f=t-h*c,(h>r||h===r&&f===c-1)&&(f+=1,f>=c&&(f=0,h+=1))):(f=Math.floor(t/i),h=t-f*i);s.row=f,s.column=h,s.style.height=`calc((100% - ${(c-1)*d}px) / ${c})`,s.style[e.getDirectionLabel("margin-top")]=0!==f?d&&`${d}px`:"",s.swiperSlideGridSet=!0},updateWrapperSize:(t,s)=>{const{centeredSlides:i,roundLengths:r}=e.params,n=l(),{rows:o}=e.params.grid;if(e.virtualSize=(t+n)*a,e.virtualSize=Math.ceil(e.virtualSize/o)-n,e.params.cssMode||(e.wrapperEl.style[e.getDirectionLabel("width")]=`${e.virtualSize+n}px`),i){const t=[];for(let a=0;a{const{slides:t}=e;e.params.fadeEffect;for(let s=0;s{const s=e.slides.map(e=>f(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`}),ve({swiper:e,duration:t,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const a=(e,t,s)=>{let a=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),i=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");a||(a=w("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(a)),i||(i=w("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(i)),a&&(a.style.opacity=Math.max(-t,0)),i&&(i.style.opacity=Math.max(t,0))};fe({effect:"cube",swiper:e,on:s,setTranslate:()=>{const{el:t,wrapperEl:s,slides:i,width:r,height:n,rtlTranslate:l,size:o,browser:d}=e,c=C(e),p=e.params.cubeEffect,u=e.isHorizontal(),m=e.virtual&&e.params.virtual.enabled;let h,f=0;p.shadow&&(u?(h=e.wrapperEl.querySelector(".swiper-cube-shadow"),h||(h=w("div","swiper-cube-shadow"),e.wrapperEl.append(h)),h.style.height=`${r}px`):(h=t.querySelector(".swiper-cube-shadow"),h||(h=w("div","swiper-cube-shadow"),t.append(h))));for(let e=0;e-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.style.transform=w,p.slideShadows&&a(t,d,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style["-webkit-transform-origin"]=`50% 50% -${o/2}px`,p.shadow)if(u)h.style.transform=`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${p.shadowScale})`;else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;h.style.transform=`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-89.99deg)`}const g=(d.isSafari||d.isWebView)&&d.needPerspectiveFix?-o/2:0;s.style.transform=`translate3d(0px,0,${g}px) rotateX(${c(e.isHorizontal()?0:f)}deg) rotateY(${c(e.isHorizontal()?-f:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:t=>{const{el:s,slides:a}=e;if(a.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),e.params.cubeEffect.shadow&&!e.isHorizontal()){const e=s.querySelector(".swiper-cube-shadow");e&&(e.style.transitionDuration=`${t}ms`)}},recreateShadows:()=>{const t=e.isHorizontal();e.slides.forEach(e=>{const s=Math.max(Math.min(e.progress,1),-1);a(e,s,t)})},getEffectParams:()=>e.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function({swiper:e,extendParams:t,on:s}){t({flipEffect:{slideShadows:!0,limitRotation:!0}});const a=(t,s)=>{let a=e.isHorizontal()?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),i=e.isHorizontal()?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");a||(a=we("flip",t,e.isHorizontal()?"left":"top")),i||(i=we("flip",t,e.isHorizontal()?"right":"bottom")),a&&(a.style.opacity=Math.max(-s,0)),i&&(i.style.opacity=Math.max(s,0))};fe({effect:"flip",swiper:e,on:s,setTranslate:()=>{const{slides:t,rtlTranslate:s}=e,i=e.params.flipEffect,r=C(e);for(let n=0;n{const s=e.slides.map(e=>f(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),ve({swiper:e,duration:t,transformElements:s})},recreateShadows:()=>{e.params.flipEffect,e.slides.forEach(t=>{let s=t.progress;e.params.flipEffect.limitRotation&&(s=Math.max(Math.min(t.progress,1),-1)),a(t,s)})},getEffectParams:()=>e.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}}),fe({effect:"coverflow",swiper:e,on:s,setTranslate:()=>{const{width:t,height:s,slides:a,slidesSizesGrid:i}=e,r=e.params.coverflowEffect,n=e.isHorizontal(),l=e.translate,o=n?t/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth,p=C(e);for(let e=0,t=a.length;e0?u:0),s&&(s.style.opacity=-u>0?-u:0)}}},setTransition:t=>{e.slides.map(e=>f(e)).forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function({swiper:e,extendParams:t,on:s}){t({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const a=e=>"string"==typeof e?e:`${e}px`;fe({effect:"creative",swiper:e,on:s,setTranslate:()=>{const{slides:t,wrapperEl:s,slidesSizesGrid:i}=e,r=e.params.creativeEffect,{progressMultiplier:n}=r,l=e.params.centeredSlides,o=C(e);if(l){const t=i[0]/2-e.params.slidesOffsetBefore||0;s.style.transform=`translateX(calc(50% - ${t}px))`}for(let s=0;s0&&(g=r.prev,f=!0),m.forEach((e,t)=>{m[t]=`calc(${e}px + (${a(g.translate[t])} * ${Math.abs(c*n)}))`}),h.forEach((e,t)=>{let s=g.rotate[t]*Math.abs(c*n);h[t]=s}),i.style.zIndex=-Math.abs(Math.round(d))+t.length;const v=m.join(", "),w=`rotateX(${o(h[0])}deg) rotateY(${o(h[1])}deg) rotateZ(${o(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*n})`:`scale(${1-(1-g.scale)*p*n})`,y=p<0?1+(1-g.opacity)*p*n:1-(1-g.opacity)*p*n,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=i.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=we("creative",i)),e){const t=r.shadowPerProgress?c*(1/r.limitProgress):c;e.style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const x=ge(0,i);x.style.transform=E,x.style.opacity=y,g.origin&&(x.style.transformOrigin=g.origin)}},setTransition:t=>{const s=e.slides.map(e=>f(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),ve({swiper:e,duration:t,transformElements:s,allSlides:!0})},perspective:()=>e.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})},function({swiper:e,extendParams:t,on:s}){t({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),fe({effect:"cards",swiper:e,on:s,setTranslate:()=>{const{slides:t,activeIndex:s,rtlTranslate:a}=e,i=e.params.cardsEffect,{startTranslate:r,isTouched:n}=e.touchEventsData,l=a?-e.translate:e.translate;for(let o=0;o0&&p<1&&(n||e.params.cssMode)&&l-1&&(n||e.params.cssMode)&&l>r;if(y||E){const t=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*t,g+=-.5*t,w+=96*t,h=(i.rotate||e.isHorizontal()?-25:0)*t*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${a?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${a?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!e.isHorizontal()){const e=h;h=m,m=e}const x=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),S=`\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${i.rotate?a?-v:v:0}deg)\n scale(${x})\n `;if(i.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=we("cards",d)),e&&(e.style.opacity=Math.min(Math.max((Math.abs(p)-.5)/.5,0),1))}d.style.zIndex=-Math.abs(Math.round(c))+t.length;ge(0,d).style.transform=S}},setTransition:t=>{const s=e.slides.map(e=>f(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),ve({swiper:e,duration:t,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:e.params.cardsEffect.rotate?3:2,centeredSlides:!0,virtualTranslate:!e.params.cssMode})})}];return ne.use(be),ne}();
+var Swiper=function(){"use strict";function e(e=""){return e.trim().split(" ").filter(e=>!!e.trim())}function t(e,t=0){return setTimeout(e,t)}function s(){return Date.now()}function i(e,t="x"){const s=function(e){return window.getComputedStyle(e,null)}(e),i=s.transform||s.webkitTransform;if(!i||"none"===i)return 0;const r=new DOMMatrixReadOnly(i);return"x"===t?r.m41:r.m42}function r(e){return"object"==typeof e&&null!==e&&e.constructor===Object&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function a(e){return"undefined"!=typeof HTMLElement&&e instanceof HTMLElement||!!e&&"object"==typeof e&&(1===e.nodeType||11===e.nodeType)}function n(e,...t){const s=Object(e);for(let e=0;e"__proto__"!==e&&"constructor"!==e&&"prototype"!==e);for(const e of o){const t=Object.getOwnPropertyDescriptor(l,e);if(!t||!t.enumerable)continue;const i=l[e];r(s[e])&&r(i)?i.__swiper__?s[e]=i:n(s[e],i):!r(s[e])&&r(i)?(s[e]={},i.__swiper__?s[e]=i:n(s[e],i)):s[e]=i}}return s}function l(e,t,s){e.style.setProperty(t,s)}function o(e){const t=e.querySelector(".swiper-slide-transform");if(t)return t;if(e.shadowRoot){const t=e.shadowRoot.querySelector(".swiper-slide-transform");if(t)return t}return e}function d(e,t=""){const s=[...e.children];return e instanceof HTMLSlotElement&&s.push(...e.assignedElements()),t?s.filter(e=>e.matches(t)):s}function c(e){try{console.warn(e)}catch{}}function p(t,s=[]){const i=document.createElement(t);return i.classList.add(...Array.isArray(s)?s:e(s)),i}function u(e){const t=e.getBoundingClientRect();return{top:t.top+window.scrollY-(e.clientTop||0),left:t.left+window.scrollX-(e.clientLeft||0)}}function m(e,t){return window.getComputedStyle(e,null).getPropertyValue(t)}function h(e){if(e&&e.parentNode)return[...e.parentNode.children].indexOf(e)}function f(e,t){const s=[];let i=e.parentElement;for(;i;)t&&!i.matches(t)||s.push(i),i=i.parentElement;return s}function g(e,t){t&&e.addEventListener("transitionend",function(s){s.target===e&&t.call(e,s)},{once:!0})}function v(e,t,s){{const s=window.getComputedStyle(e,null);return e["width"===t?"offsetWidth":"offsetHeight"]+parseFloat(s.getPropertyValue("width"===t?"margin-right":"margin-top"))+parseFloat(s.getPropertyValue("width"===t?"margin-left":"margin-bottom"))}}function w(e){return(Array.isArray(e)?e:[e]).filter(e=>!!e)}function b(e){return t=>Math.abs(t)>0&&e.browser&&e.browser.need3dFix&&Math.abs(t)%90==0?t+.001:t}function y(e,t=""){const s=globalThis.trustedTypes;e.innerHTML=void 0!==s?s.createPolicy("html",{createHTML:e=>e}).createHTML(t):t}let E,S,x;function T(){return E||(E="undefined"==typeof window?{touch:!1}:{touch:"ontouchstart"in window||navigator.maxTouchPoints>0}),E}function M(e={}){return S||(S=function({userAgent:e}={}){if("undefined"==typeof window)return{ios:!1,android:!1};const t=T(),s=navigator.platform,i=e||navigator.userAgent,r={ios:!1,android:!1},a=/(Android);?[\s/]+([\d.]+)?/.test(i),n=/(iPhone\sOS|iOS|iPod)/.test(i),l=/iPad/.test(i),o="MacIntel"===s&&t.touch&&navigator.maxTouchPoints>1,d=l||o;return a&&!("Win32"===s)&&(r.os="android",r.android=!0),(d||n)&&(r.os="ios",r.ios=!0),r}(e)),S}function C(){return x||(x=function(){if("undefined"==typeof window)return{isSafari:!1,isWebView:!1,need3dFix:!1};const e=M(),t=navigator.userAgent,s=t.toLowerCase(),i=s.includes("safari")&&!s.includes("chrome")&&!s.includes("android"),r=/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t);return{isSafari:i,isWebView:r,need3dFix:i||r&&e.ios}}()),x}const P=(e,t)=>{if(!e||e.destroyed||!e.params)return;const s=t.closest(e.isElement?"swiper-slide":`.${e.params.slideClass}`);if(s){let t=s.querySelector(`.${e.params.lazyPreloaderClass}`);!t&&e.isElement&&(s.shadowRoot?t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`):requestAnimationFrame(()=>{if(s.shadowRoot){const t=s.shadowRoot.querySelector(`.${e.params.lazyPreloaderClass}`);t&&!t.lazyPreloaderManaged&&t.remove()}})),t&&!t.lazyPreloaderManaged&&t.remove()}},L=(e,t)=>{if(!e.slides[t])return;const s=e.slides[t].querySelector('[loading="lazy"]');s&&s.removeAttribute("loading")},A=e=>{if(!e||e.destroyed||!e.params)return;let t=e.params.lazyPreloadPrevNext;const s=e.slides.length;if(!s||!t||t<0)return;t=Math.min(t,s);const i="auto"===e.params.slidesPerView?e.slidesPerViewDynamic():Math.ceil(e.params.slidesPerView),r=e.activeIndex;if(e.params.grid&&(e.params.grid.rows??1)>1){const s=r,a=[s-t];return a.push(...Array.from({length:t}).map((e,t)=>s+i+t)),void e.slides.forEach((t,s)=>{void 0!==t.column&&a.includes(t.column)&&L(e,s)})}const a=r+i-1;if(e.params.rewind||e.params.loop)for(let i=r-t;i<=a+t;i+=1){const t=(i%s+s)%s;(ta)&&L(e,t)}else for(let i=Math.max(r-t,0);i<=Math.min(a+t,s-1);i+=1)i!==r&&(i>a||i!!(e.grid&&t.grid&&t.grid.rows>1);var z={setBreakpoint:function(){const e=this,{realIndex:t,initialized:s,params:i,el:r}=e,a=i.breakpoints;if(!a||a&&0===Object.keys(a).length)return;const l="window"!==i.breakpointsBase&&i.breakpointsBase?"container":i.breakpointsBase,o=["window","container"].includes(i.breakpointsBase)||!i.breakpointsBase?e.el:document.querySelector(i.breakpointsBase),d=e.getBreakpoint(a,l,o);if(!d||e.currentBreakpoint===d)return;const c=(d in a?a[d]:void 0)||e.originalParams,p=I(e,i),u=I(e,c),m=e.params.grabCursor,h=c.grabCursor,f=i.enabled;p&&!u?(r.classList.remove(`${i.containerModifierClass}grid`,`${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!p&&u&&(r.classList.add(`${i.containerModifierClass}grid`),(c.grid.fill&&"column"===c.grid.fill||!c.grid.fill&&"column"===i.grid.fill)&&r.classList.add(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),m&&!h?e.unsetGrabCursor():!m&&h&&e.setGrabCursor();const g=(e,t)=>e[t];["navigation","pagination","scrollbar"].forEach(t=>{const s=g(c,t);if(void 0===s)return;const r=g(i,t),a="object"==typeof r&&null!==r&&r.enabled,n="object"==typeof s&&null!==s&&s.enabled,l=e[t];a&&!n&&l?.disable?.(),!a&&n&&l?.enable?.()});const v=c.direction&&c.direction!==i.direction,w=i.loop&&(c.slidesPerView!==i.slidesPerView||v),b=i.loop;v&&s&&e.changeDirection(),n(e.params,c);const y=e.params.enabled,E=e.params.loop;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),f&&!y?e.disable():!f&&y&&e.enable(),e.currentBreakpoint=d,e.emit("_beforeBreakpoint",c),s&&(w?(e.loopDestroy(),e.loopCreate(t),e.updateSlides()):!b&&E?(e.loopCreate(t),e.updateSlides()):b&&!E&&e.loopDestroy()),e.emit("breakpoint",c)},getBreakpoint:function(e,t="window",s){if(!e||"container"===t&&!s)return;let i=!1;const r="window"===t?window.innerHeight:s.clientHeight,a=Object.keys(e).map(e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:r*t,point:e}}return{value:e,point:e}});a.sort((e,t)=>parseInt(String(e.value),10)-parseInt(String(t.value),10));for(let e=0;es}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}};var k={addClasses:function(){const e=this,{classNames:t,params:s,rtl:i,el:r,device:a}=e,n=function(e,t){const s=[];return e.forEach(e=>{"object"==typeof e?Object.keys(e).forEach(i=>{e[i]&&s.push(t+i)}):"string"==typeof e&&s.push(t+e)}),s}(["initialized",s.direction,{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:i},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:a.android},{ios:a.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...n),r.classList.add(...t),e.emitContainerClasses()},removeClasses:function(){const{el:e,classNames:t}=this;e&&"string"!=typeof e&&(e.classList.remove(...t),this.emitContainerClasses())}};const O={init:!0,direction:"horizontal",oneWayMovement:!1,swiperElementNodeName:"SWIPER-CONTAINER",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,eventsPrefix:"swiper",enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,snapToSlideEdge:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:5,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,loop:!1,loopAddBlankSlides:!0,loopAdditionalSlides:0,loopPreventsSliding:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-blank",slideActiveClass:"swiper-slide-active",slideVisibleClass:"swiper-slide-visible",slideFullyVisibleClass:"swiper-slide-fully-visible",slideNextClass:"swiper-slide-next",slidePrevClass:"swiper-slide-prev",wrapperClass:"swiper-wrapper",lazyPreloaderClass:"swiper-lazy-preloader",lazyPreloadPrevNext:0,runCallbacksOnInit:!0,_emitClasses:!1};var D={on(e,t,s){const i=this;if(!i.eventsListeners||i.destroyed)return i;if("function"!=typeof t)return i;const r=s?"unshift":"push";return e.split(" ").forEach(e=>{i.eventsListeners[e]||(i.eventsListeners[e]=[]),i.eventsListeners[e][r](t)}),i},once(e,t,s){const i=this;if(!i.eventsListeners||i.destroyed)return i;if("function"!=typeof t)return i;const r=function(...s){i.off(e,r),r.__emitterProxy&&delete r.__emitterProxy,t.apply(i,s)};return r.__emitterProxy=t,i.on(e,r,s)},onAny(e,t){const s=this;if(!s.eventsListeners||s.destroyed)return s;if("function"!=typeof e)return s;const i=t?"unshift":"push";return s.eventsAnyListeners.indexOf(e)<0&&s.eventsAnyListeners[i](e),s},offAny(e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsAnyListeners)return t;const s=t.eventsAnyListeners.indexOf(e);return s>=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach(e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach((i,r)=>{(i===t||i.__emitterProxy&&i.__emitterProxy===t)&&s.eventsListeners[e].splice(r,1)})}),s):s},emit(...e){const t=this;if(!t.eventsListeners||t.destroyed)return t;if(!t.eventsListeners)return t;let s,i,r;if("string"==typeof e[0]||Array.isArray(e[0]))s=e[0],i=e.slice(1,e.length),r=t;else{const a=e[0];s=a.events,i=a.data??[],r=a.context||t}i.unshift(r);return(Array.isArray(s)?s:s.split(" ")).forEach(e=>{t.eventsAnyListeners&&t.eventsAnyListeners.length&&t.eventsAnyListeners.forEach(t=>{t.apply(r,[e,...i])}),t.eventsListeners&&t.eventsListeners[e]&&t.eventsListeners[e].forEach(e=>{e.apply(r,i)})}),t}};function G(e){const t=this;t.destroyed||t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function X(){const e=this;e.destroyed||e.documentTouchHandlerProceeded||(e.documentTouchHandlerProceeded=!0,e.params.touchReleaseOnEdges&&(e.el.style.touchAction="auto"))}function B(e){const t=this;t.destroyed||(P(t,e.target),t.params.cssMode||"auto"!==t.params.slidesPerView&&!t.params.autoHeight||t.update())}function H(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:i,allowSlidePrev:r,snapGrid:a}=e,n=e.virtual&&e.params.virtual?.enabled;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses();const l=n&&t.loop;if(!("auto"===t.slidesPerView||t.slidesPerView>1)||!e.isEnd||e.isBeginning||e.params.centeredSlides||l)e.params.loop&&!n?e.slideToLoop(e.realIndex,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0);else{const t=n?e.virtual.slides.length:e.slides.length;e.slideTo(t-1,0,!1,!0)}if(e.autoplay&&e.autoplay.running&&e.autoplay.paused){const t=e.autoplay;clearTimeout(t.resizeTimeout),t.resizeTimeout=setTimeout(()=>{e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.resume()},500)}e.allowSlidePrev=r,e.allowSlideNext=i,e.params.watchOverflow&&a!==e.snapGrid&&e.checkOverflow()}function Y(){const e=this;if(e.destroyed)return;const{wrapperEl:t,rtlTranslate:s,enabled:i}=e;if(!i)return;let r;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const a=e.maxTranslate()-e.minTranslate();r=0===a?0:(e.translate-e.minTranslate())/a,r!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}function R(e){const i=this;if(i.destroyed)return;const r=i.touchEventsData;let a=e.originalEvent??e;if("touchend"===a.type||"touchcancel"===a.type){const e=[...a.changedTouches].find(e=>e.identifier===r.touchId);if(!e||e.identifier!==r.touchId)return}else{if(null!==r.touchId)return;if(a.pointerId!==r.pointerId)return}if(["pointercancel","pointerout","pointerleave","contextmenu"].includes(a.type)){if(!(["pointercancel","contextmenu"].includes(a.type)&&(i.browser.isSafari||i.browser.isWebView)))return}r.pointerId=null,r.touchId=null;const{params:n,touches:l,rtlTranslate:o,slidesGrid:d,enabled:c}=i;if(!c)return;if(!n.simulateTouch&&"mouse"===a.pointerType)return;if(r.allowTouchCallbacks&&i.emit("touchEnd",a),r.allowTouchCallbacks=!1,!r.isTouched)return r.isMoved&&n.grabCursor&&i.setGrabCursor(!1),r.isMoved=!1,void(r.startMoving=!1);n.grabCursor&&r.isMoved&&r.isTouched&&(!0===i.allowSlideNext||!0===i.allowSlidePrev)&&i.setGrabCursor(!1);const p=s(),u=p-r.touchStartTime;if(i.allowClick){const e=a.path??(a.composedPath&&a.composedPath());i.updateClickedSlide(e&&e[0],e),i.emit("tap click",a),u<300&&p-r.lastClickTime<300&&i.emit("doubleTap doubleClick",a)}if(r.lastClickTime=s(),t(()=>{i.destroyed||(i.allowClick=!0)}),!r.isTouched||!r.isMoved||!i.swipeDirection||0===l.diff&&!r.loopSwapReset||r.currentTranslate===r.startTranslate&&!r.loopSwapReset)return r.isTouched=!1,r.isMoved=!1,void(r.startMoving=!1);let m;if(r.isTouched=!1,r.isMoved=!1,r.startMoving=!1,m=n.followFinger?o?i.translate:-i.translate:-(r.currentTranslate??0),n.cssMode)return;if(n.freeMode&&n.freeMode.enabled)return void i.freeMode.onTouchEnd({currentPos:m});const h=m>=-i.maxTranslate()&&!i.params.loop;let f=0,g=i.slidesSizesGrid[0];for(let e=0;e=d[e]&&m=d[e])&&(f=e,g=d[d.length-1]-d[d.length-2])}let v=null,w=null;n.rewind&&(i.isBeginning?w=n.virtual?.enabled&&i.virtual?i.virtual.slides.length-1:i.slides.length-1:i.isEnd&&(v=0));const b=(m-d[f])/g,y=fn.longSwipesMs){if(!n.longSwipes)return void i.slideTo(i.activeIndex);"next"===i.swipeDirection&&(b>=n.longSwipesRatio?i.slideTo(n.rewind&&i.isEnd?v:f+y):i.slideTo(f)),"prev"===i.swipeDirection&&(b>1-n.longSwipesRatio?i.slideTo(f+y):null!==w&&b<0&&Math.abs(b)>n.longSwipesRatio?i.slideTo(w):i.slideTo(f))}else{if(!n.shortSwipes)return void i.slideTo(i.activeIndex);i.navigation&&(a.target===i.navigation.nextEl||a.target===i.navigation.prevEl)?a.target===i.navigation.nextEl?i.slideTo(f+y):i.slideTo(f):("next"===i.swipeDirection&&i.slideTo(null!==v?v:f+y),"prev"===i.swipeDirection&&i.slideTo(null!==w?w:f))}}function N(e){const t=this;if(t.destroyed)return;const i=t.touchEventsData,{params:r,touches:a,rtlTranslate:n,enabled:l}=t;if(!l)return;if(!r.simulateTouch&&"mouse"===e.pointerType)return;const o=e,d=o.originalEvent??o;if("pointermove"===d.type){if(null!==i.touchId)return;if(d.pointerId!==i.pointerId)return}let c;if("touchmove"===d.type){const e=[...d.changedTouches].find(e=>e.identifier===i.touchId);if(!e||e.identifier!==i.touchId)return;c=e}else c=d;if(!i.isTouched)return void(i.startMoving&&i.isScrolling&&t.emit("touchMoveOpposite",d));const p=c.pageX,u=c.pageY;if(d.preventedByNestedSwiper)return a.startX=p,void(a.startY=u);if(!t.allowTouchMove)return d.target.matches(i.focusableElements)||(t.allowClick=!1),void(i.isTouched&&(Object.assign(a,{startX:p,startY:u,currentX:p,currentY:u}),i.touchStartTime=s()));if(r.touchReleaseOnEdges&&!r.loop)if(t.isVertical()){if(ua.startY&&t.translate>=t.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else{if(n&&(p>a.startX&&-t.translate<=t.maxTranslate()||p=t.minTranslate()))return;if(!n&&(pa.startX&&t.translate>=t.minTranslate()))return}if(document.activeElement&&document.activeElement.matches(i.focusableElements)&&document.activeElement!==d.target&&"mouse"!==d.pointerType&&document.activeElement.blur(),document.activeElement&&d.target===document.activeElement&&d.target.matches(i.focusableElements))return i.isMoved=!0,void(t.allowClick=!1);i.allowTouchCallbacks&&t.emit("touchMove",d),a.previousX=a.currentX,a.previousY=a.currentY,a.currentX=p,a.currentY=u;const m=a.currentX-a.startX,h=a.currentY-a.startY;if(t.params.threshold&&Math.sqrt(m**2+h**2)=25&&(e=180*Math.atan2(Math.abs(h),Math.abs(m))/Math.PI,i.isScrolling=t.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&t.emit("touchMoveOpposite",d),void 0===i.startMoving&&(a.currentX===a.startX&&a.currentY===a.startY||(i.startMoving=!0)),i.isScrolling||"touchmove"===d.type&&i.preventTouchMoveFromPointerMove)return void(i.isTouched=!1);if(!i.startMoving)return;t.allowClick=!1,!r.cssMode&&d.cancelable&&d.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&d.stopPropagation();let f=t.isHorizontal()?m:h,g=t.isHorizontal()?a.currentX-a.previousX:a.currentY-a.previousY;r.oneWayMovement&&(f=Math.abs(f)*(n?1:-1),g=Math.abs(g)*(n?1:-1)),a.diff=f,f*=r.touchRatio,n&&(f=-f,g=-g);const v=t.touchesDirection;t.swipeDirection=f>0?"prev":"next",t.touchesDirection=g>0?"prev":"next";const w=t.params.loop&&!r.cssMode,b="next"===t.touchesDirection&&t.allowSlideNext||"prev"===t.touchesDirection&&t.allowSlidePrev;if(!i.isMoved){if(w&&b&&t.loopFix({direction:t.swipeDirection}),i.startTranslate=t.getTranslate(),t.setTransition(0),t.animating){const e=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0,detail:{bySwiperTouchMove:!0}});t.wrapperEl.dispatchEvent(e)}i.allowMomentumBounce=!1,!r.grabCursor||!0!==t.allowSlideNext&&!0!==t.allowSlidePrev||t.setGrabCursor(!0),t.emit("sliderFirstMove",d)}if((new Date).getTime(),!1!==r._loopSwapReset&&i.isMoved&&i.allowThresholdMove&&v!==t.touchesDirection&&w&&b&&Math.abs(f)>=1)return Object.assign(a,{startX:p,startY:u,currentX:p,currentY:u,startTranslate:i.currentTranslate}),i.loopSwapReset=!0,void(i.startTranslate=i.currentTranslate);t.emit("sliderMove",d),i.isMoved=!0;const y=i.startTranslate??0;i.currentTranslate=f+y;let E=!0,S=r.resistanceRatio;if(r.touchReleaseOnEdges&&(S=0),f>0?(w&&b&&i.allowThresholdMove&&i.currentTranslate>(r.centeredSlides?t.minTranslate()-t.slidesSizesGrid[t.activeIndex+1]-("auto"!==r.slidesPerView&&t.slides.length-r.slidesPerView>=2?t.slidesSizesGrid[t.activeIndex+1]+t.params.spaceBetween:0)-t.params.spaceBetween:t.minTranslate())&&t.loopFix({direction:"prev",setTranslate:!0,activeSlideIndex:0}),i.currentTranslate>t.minTranslate()&&(E=!1,r.resistance&&(i.currentTranslate=t.minTranslate()-1+(-t.minTranslate()+y+f)**S))):f<0&&(w&&b&&i.allowThresholdMove&&i.currentTranslate<(r.centeredSlides?t.maxTranslate()+t.slidesSizesGrid[t.slidesSizesGrid.length-1]+t.params.spaceBetween+("auto"!==r.slidesPerView&&t.slides.length-r.slidesPerView>=2?t.slidesSizesGrid[t.slidesSizesGrid.length-1]+t.params.spaceBetween:0):t.maxTranslate())&&t.loopFix({direction:"next",setTranslate:!0,activeSlideIndex:t.slides.length-("auto"===r.slidesPerView?t.slidesPerViewDynamic():Math.ceil(parseFloat(String(r.slidesPerView))))}),i.currentTranslatey&&(i.currentTranslate=y),t.allowSlidePrev||t.allowSlideNext||(i.currentTranslate=y),r.threshold>0){if(!(Math.abs(f)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,a.startX=a.currentX,a.startY=a.currentY,i.currentTranslate=i.startTranslate,void(a.diff=t.isHorizontal()?a.currentX-a.startX:a.currentY-a.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&t.freeMode||r.watchSlidesProgress)&&(t.updateActiveIndex(),t.updateSlidesClasses()),r.freeMode&&r.freeMode.enabled&&t.freeMode&&t.freeMode.onTouchMove(),t.updateProgress(i.currentTranslate),t.setTranslate(i.currentTranslate??0))}function V(e,t,s){const{params:i}=e,r=i.edgeSwipeDetection,a=i.edgeSwipeThreshold;return!r||!(s<=a||s>=window.innerWidth-a)||"prevent"===r&&(t.preventDefault(),!0)}function q(e){const t=this;if(t.destroyed)return;const i=e.originalEvent??e,r=t.touchEventsData;if("pointerdown"===i.type){const e=i;if(null!==r.pointerId&&r.pointerId!==e.pointerId)return;r.pointerId=e.pointerId}else"touchstart"===i.type&&1===i.targetTouches.length&&(r.touchId=i.targetTouches[0].identifier);if("touchstart"===i.type)return void V(t,i,i.targetTouches[0].pageX);const{params:a,touches:n,enabled:l}=t;if(!l)return;if(!a.simulateTouch&&"mouse"===i.pointerType)return;if(t.animating&&a.preventInteractionOnTransition)return;!t.animating&&a.cssMode&&a.loop&&t.loopFix();let o=i.target;if("wrapper"===a.touchEventsTarget&&!function(e,t){let s=t.contains(e);!s&&t instanceof HTMLSlotElement&&(s=[...t.assignedElements()].includes(e),s||(s=function(e,t){const s=[t];for(;s.length>0;){const t=s.shift();if(e===t)return!0;s.push(...t.children,...t.shadowRoot?t.shadowRoot.children:[],...t.assignedElements?t.assignedElements():[])}return!1}(e,t)));return s}(o,t.wrapperEl))return;const d=i;if("number"==typeof d.which&&3===d.which)return;if("number"==typeof d.button&&d.button>0)return;if(r.isTouched&&r.isMoved)return;const c=!!a.noSwipingClass&&""!==a.noSwipingClass,p=i.composedPath?i.composedPath():i.path;c&&i.target&&i.target.shadowRoot&&p&&(o=p[0]);const u=a.noSwipingSelector?a.noSwipingSelector:`.${a.noSwipingClass}`,m=!(!i.target||!i.target.shadowRoot);if(a.noSwiping&&(m?(h=u,function e(t){if(!t||t===document||t===window)return null;let s=t;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(h);if(!i&&!s.getRootNode)return null;const r=s.getRootNode();return i||e(r.host)}(o)):o.closest(u)))return void(t.allowClick=!0);var h;if(a.swipeHandler&&"string"==typeof a.swipeHandler&&!o.closest(a.swipeHandler))return;const f=i;n.currentX=f.pageX,n.currentY=f.pageY;const g=n.currentX,v=n.currentY;if(!V(t,i,g))return;Object.assign(r,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),n.startX=g,n.startY=v,r.touchStartTime=s(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,a.threshold>0&&(r.allowThresholdMove=!1);let w=!0;o.matches(r.focusableElements)&&(w=!1,"SELECT"===o.nodeName&&(r.isTouched=!1)),document.activeElement&&document.activeElement.matches(r.focusableElements)&&document.activeElement!==o&&("mouse"===f.pointerType||"mouse"!==f.pointerType&&!o.matches(r.focusableElements))&&document.activeElement.blur();const b=w&&t.allowTouchMove&&a.touchStartPreventDefault;!a.touchStartForcePreventDefault&&!b||o.isContentEditable||i.preventDefault(),a.freeMode&&a.freeMode.enabled&&t.freeMode&&t.animating&&!a.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",i)}const _=(e,t)=>{const{params:s,el:i,wrapperEl:r,device:a}=e,n=!!s.nested,l="on"===t?"addEventListener":"removeEventListener",o=t;if(!i||"string"==typeof i)return;document[l]("touchstart",e.onDocumentTouchStart,{passive:!1,capture:n}),i[l]("touchstart",e.onTouchStart,{passive:!1}),i[l]("pointerdown",e.onTouchStart,{passive:!1}),document[l]("touchmove",e.onTouchMove,{passive:!1,capture:n}),document[l]("pointermove",e.onTouchMove,{passive:!1,capture:n}),document[l]("touchend",e.onTouchEnd,{passive:!0}),document[l]("pointerup",e.onTouchEnd,{passive:!0}),document[l]("pointercancel",e.onTouchEnd,{passive:!0}),document[l]("touchcancel",e.onTouchEnd,{passive:!0}),document[l]("pointerout",e.onTouchEnd,{passive:!0}),document[l]("pointerleave",e.onTouchEnd,{passive:!0}),document[l]("contextmenu",e.onTouchEnd,{passive:!0}),(s.preventClicks||s.preventClicksPropagation)&&i[l]("click",e.onClick,!0),s.cssMode&&r[l]("scroll",e.onScroll);const d=t=>{e[o](t,H,!0)};s.updateOnWindowResize?d(a.ios||a.android?"resize orientationchange observerUpdate":"resize observerUpdate"):d("observerUpdate"),i[l]("load",e.onLoad,{capture:!0})};var W={loopCreate:function(e,t){const s=this,{params:i,slidesEl:r}=s;if(!i.loop||s.virtual&&s.params.virtual?.enabled)return;const a=()=>{d(r,`.${i.slideClass}, swiper-slide`).forEach((e,t)=>{e.setAttribute("data-swiper-slide-index",String(t))})},n=s.grid&&i.grid&&i.grid.rows>1;i.loopAddBlankSlides&&(i.slidesPerGroup>1||n)&&(()=>{const e=d(r,`.${i.slideBlankClass}`);e.forEach(e=>{e.remove()}),e.length>0&&(s.recalcSlides(),s.updateSlides())})();const l=i.slidesPerGroup*(n?i.grid.rows:1),o=s.slides.length%l!==0,u=n&&s.slides.length%i.grid.rows!==0,m=e=>{for(let t=0;t1;u.lengthe.classList.contains(g.slideActiveClass))):I=d;const z="next"===i||!i,$="prev"===i||!i;let k=0,O=0;const D=(M?u[d].column??0:d)+(E&&void 0===r?-S/2+.5:0);if(D=0;t-=1)u[t].column===e&&C.push(t)}else C.push(L-t-1)}}else if(D+S>L-T){O=Math.max(D-(L-2*T),x),A&&(O=Math.max(O,S-L+y+1));for(let e=0;e{e.column===t&&P.push(s)}):P.push(t)}}if(p.__preventObserver__=!0,requestAnimationFrame(()=>{p.__preventObserver__=!1}),"cards"===p.params.effect&&u.length{const t=u[e];t.swiperLoopMoveDOM=!0,f.prepend(t),t.swiperLoopMoveDOM=!1}),z&&P.forEach(e=>{const t=u[e];t.swiperLoopMoveDOM=!0,f.append(t),t.swiperLoopMoveDOM=!1}),p.recalcSlides(),"auto"===g.slidesPerView?p.updateSlides():M&&(C.length>0&&$||P.length>0&&z)&&p.slides.forEach((e,t)=>{p.grid.updateSlide(t,e,p.slides)}),g.watchSlidesProgress&&p.updateSlidesOffset(),s)if(C.length>0&&$){if(void 0===t){const e=p.slidesGrid[I],t=p.slidesGrid[I+k]-e;o?p.setTranslate(p.translate-t):(p.slideTo(I+Math.ceil(k),0,!1,!0),r&&(p.touchEventsData.startTranslate=p.touchEventsData.startTranslate-t,p.touchEventsData.currentTranslate=p.touchEventsData.currentTranslate-t))}else if(r){const e=M?C.length/g.grid.rows:C.length;p.slideTo(p.activeIndex+e,0,!1,!0),p.touchEventsData.currentTranslate=p.translate}}else if(P.length>0&&z)if(void 0===t){const e=p.slidesGrid[I],t=p.slidesGrid[I-O]-e;o?p.setTranslate(p.translate-t):(p.slideTo(I-O,0,!1,!0),r&&(p.touchEventsData.startTranslate=p.touchEventsData.startTranslate-t,p.touchEventsData.currentTranslate=p.touchEventsData.currentTranslate-t))}else{const e=M?P.length/g.grid.rows:P.length;p.slideTo(p.activeIndex-e,0,!1,!0)}p.allowSlidePrev=m,p.allowSlideNext=h;const G=p.controller?.control;if(G&&!l){const e={slideRealIndex:t,direction:i,setTranslate:r,activeSlideIndex:d,byController:!0};Array.isArray(G)?G.forEach(t=>{!t.destroyed&&t.params.loop&&t.loopFix({...e,slideTo:t.params.slidesPerView===g.slidesPerView&&s})}):G instanceof p.constructor&&G.params.loop&&G.loopFix({...e,slideTo:G.params.slidesPerView===g.slidesPerView&&s})}p.emit("loopFix")},loopDestroy:function(){const e=this,{params:t,slidesEl:s}=e;if(!t.loop||!s||e.virtual&&e.params.virtual?.enabled)return;e.recalcSlides();const i=[];e.slides.forEach(e=>{const t=e,s=void 0===t.swiperSlideIndex?Number(e.getAttribute("data-swiper-slide-index")):t.swiperSlideIndex;i[s]=e}),e.slides.forEach(e=>{e.removeAttribute("data-swiper-slide-index")}),i.forEach(e=>{s.append(e)}),e.recalcSlides(),e.slideTo(e.realIndex,0)}};function F(e,t){return function(s={}){const i=Object.keys(s)[0],r=s[i];"object"==typeof r&&null!==r?(!0===e[i]&&(e[i]={enabled:!0}),"navigation"===i&&e[i]&&e[i].enabled&&!e[i].prevEl&&!e[i].nextEl&&(e[i].auto=!0),["pagination","scrollbar"].indexOf(i)>=0&&e[i]&&e[i].enabled&&!e[i].el&&(e[i].auto=!0),i in e&&"enabled"in r?("object"!=typeof e[i]||"enabled"in e[i]||(e[i].enabled=!0),e[i]||(e[i]={enabled:!1}),n(t,s)):n(t,s)):n(t,s)}}var j={slideTo:function(e=0,t,s=!0,i,r){"string"==typeof e&&(e=parseInt(e,10));const a=this;let n=e;n<0&&(n=0);const{params:l,snapGrid:o,slidesGrid:d,previousIndex:c,activeIndex:p,rtlTranslate:u,wrapperEl:m,enabled:h}=a;if(!h&&!i&&!r||a.destroyed||a.animating&&l.preventInteractionOnTransition)return!1;void 0===t&&(t=a.params.speed);const f=Math.min(a.params.slidesPerGroupSkip,n);let g=f+Math.floor((n-f)/a.params.slidesPerGroup);g>=o.length&&(g=o.length-1);const v=-o[g];if(l.normalizeSlideIndex)for(let e=0;e=s&&t=s&&t=s&&(n=e)}if(a.initialized&&n!==p){if(!a.allowSlideNext&&(u?v>a.translate&&v>a.minTranslate():va.translate&&v>a.maxTranslate()&&(p||0)!==n)return!1}let w;n!==(c||0)&&s&&a.emit("beforeSlideChangeStart"),a.updateProgress(v),w=n>p?"next":n0?(a._cssModeVirtualInitialSet=!0,requestAnimationFrame(()=>{m[e?"scrollLeft":"scrollTop"]=s})):m[e?"scrollLeft":"scrollTop"]=s,b&&requestAnimationFrame(()=>{a.wrapperEl.style.scrollSnapType="",a._immediateVirtual=!1})):m.scrollTo({[e?"left":"top"]:s,behavior:"smooth"}),!0}const y=C().isSafari;return b&&!r&&y&&a.isElement&&a.virtual.update(!1,!1,n),a.setTransition(t),a.setTranslate(v),a.updateActiveIndex(n),a.updateSlidesClasses(),a.emit("beforeTransitionStart",t,i),a.transitionStart(s,w),0===t?a.transitionEnd(s,w):a.animating||(a.animating=!0,a.onSlideToWrapperTransitionEnd||(a.onSlideToWrapperTransitionEnd=function(e){a&&!a.destroyed&&e.target===this&&(a.wrapperEl.removeEventListener("transitionend",a.onSlideToWrapperTransitionEnd),a.onSlideToWrapperTransitionEnd=null,delete a.onSlideToWrapperTransitionEnd,a.transitionEnd(s,w))}),a.wrapperEl.addEventListener("transitionend",a.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e=0,t,s=!0,i){if("string"==typeof e){e=parseInt(e,10)}const r=this;if(r.destroyed)return;void 0===t&&(t=r.params.speed);const a=r.grid&&r.params.grid&&r.params.grid.rows>1;let n=e;if(r.params.loop)if(r.virtual&&r.params.virtual?.enabled)n+=r.virtual.slidesBefore??0;else{let e;if(a){const t=n*r.params.grid.rows,s=r.slides.find(e=>Number(e.getAttribute("data-swiper-slide-index"))===t);e=s?.column??0}else e=r.getSlideIndexByData(n);const t=a?Math.ceil(r.slides.length/r.params.grid.rows):r.slides.length,{centeredSlides:s,slidesOffsetBefore:l,slidesOffsetAfter:o}=r.params,d=s||!!l||!!o;let c;"auto"===r.params.slidesPerView?c=r.slidesPerViewDynamic():(c=Math.ceil(parseFloat(String(r.params.slidesPerView))),d&&c%2==0&&(c+=1));let p=t-eNumber(t.getAttribute("data-swiper-slide-index"))===e);n=t?.column??0}else n=r.getSlideIndexByData(n)}return requestAnimationFrame(()=>{r.slideTo(n,t,s,i)}),r},slideNext:function(e,t=!0,s){const i=this,{enabled:r,params:a,animating:n}=i;if(!r||i.destroyed)return i;void 0===e&&(e=i.params.speed);let l=a.slidesPerGroup;"auto"===a.slidesPerView&&1===a.slidesPerGroup&&a.slidesPerGroupAuto&&(l=Math.max(i.slidesPerViewDynamic("current",!0),1));const o=i.activeIndex{i.slideTo(i.activeIndex+o,e,t,s)}),!0}return a.rewind&&i.isEnd?i.slideTo(0,e,t,s):i.slideTo(i.activeIndex+o,e,t,s)},slidePrev:function(e,t=!0,s){const i=this,{params:r,snapGrid:a,slidesGrid:n,rtlTranslate:l,enabled:o,animating:d}=i;if(!o||i.destroyed)return i;void 0===e&&(e=i.params.speed);const c=i.virtual&&r.virtual?.enabled;if(r.loop){if(d&&!c&&r.loopPreventsSliding)return!1;i.loopFix({direction:"prev"}),i._clientLeft=i.wrapperEl.clientLeft}function p(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}const u=p(l?i.translate:-i.translate),m=a.map(e=>p(e)),h=r.freeMode&&r.freeMode.enabled;let f=a[m.indexOf(u)-1];if(void 0===f&&(r.cssMode||h)){let e;a.forEach((t,s)=>{u>=t&&(e=s)}),void 0!==e&&(f=h?a[e]:a[e>0?e-1:e])}let g=0;if(void 0!==f&&(g=n.indexOf(f),g<0&&(g=i.activeIndex-1),"auto"===r.slidesPerView&&1===r.slidesPerGroup&&r.slidesPerGroupAuto&&(g=g-i.slidesPerViewDynamic("previous",!0)+1,g=Math.max(g,0))),r.rewind&&i.isBeginning){const r=i.params.virtual?.enabled&&i.virtual?i.virtual.slides.length-1:i.slides.length-1;return i.slideTo(r,e,t,s)}return r.loop&&0===i.activeIndex&&r.cssMode?(requestAnimationFrame(()=>{i.slideTo(g,e,t,s)}),!0):i.slideTo(g,e,t,s)},slideReset:function(e,t=!0,s){const i=this;if(!i.destroyed)return void 0===e&&(e=i.params.speed),i.slideTo(i.activeIndex,e,t,s)},slideToClosest:function(e,t=!0,s,i=.5){const r=this;if(r.destroyed)return;void 0===e&&(e=r.params.speed);let a=r.activeIndex;const n=Math.min(r.params.slidesPerGroupSkip,a),l=n+Math.floor((a-n)/r.params.slidesPerGroup),o=r.rtlTranslate?r.translate:-r.translate;if(o>=r.snapGrid[l]){const e=r.snapGrid[l];o-e>(r.snapGrid[l+1]-e)*i&&(a+=r.params.slidesPerGroup)}else{const e=r.snapGrid[l-1];o-e<=(r.snapGrid[l]-e)*i&&(a-=r.params.slidesPerGroup)}return a=Math.max(a,0),a=Math.min(a,r.slidesGrid.length-1),r.slideTo(a,e,t,s)},slideToClickedSlide:function(){const e=this;if(e.destroyed)return;const{params:s,slidesEl:i,clickedSlide:r,clickedIndex:a}=e;if(void 0===r||void 0===a)return;const n="auto"===s.slidesPerView?e.slidesPerViewDynamic():s.slidesPerView;let l,o=e.getSlideIndexWhenGrid(a);const c=e.isElement?"swiper-slide":`.${s.slideClass}`,p=e.grid&&e.params.grid&&e.params.grid.rows>1;if(s.loop){if(e.animating)return;l=parseInt(r.getAttribute("data-swiper-slide-index"),10),s.centeredSlides?e.slideToLoop(l):o>(p?(e.slides.length-n)/2-(e.params.grid.rows-1):e.slides.length-n)?(e.loopFix(),o=e.getSlideIndex(d(i,`${c}[data-swiper-slide-index="${l}"]`)[0]),t(()=>{e.slideTo(o)})):e.slideTo(o)}else e.slideTo(o)}};function U({swiper:e,runCallbacks:t,direction:s,step:i}){const{activeIndex:r,previousIndex:a}=e;let n=s;n||(n=r>a?"next":ro?o:i&&e{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};const Q=(e,t,s)=>{t&&!e.classList.contains(s)?e.classList.add(s):!t&&e.classList.contains(s)&&e.classList.remove(s)};var J={updateSize:function(){const e=this;let t,s;const i=e.el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:i.clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:i.clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(m(i,"padding-left")||"0",10)-parseInt(m(i,"padding-right")||"0",10),s=s-parseInt(m(i,"padding-top")||"0",10)-parseInt(m(i,"padding-bottom")||"0",10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t,s){return parseFloat(t.getPropertyValue(e.getDirectionLabel(s))||"0")}const s=e.params,{wrapperEl:i,slidesEl:r,rtlTranslate:a,wrongRTL:n}=e,o=!(!e.virtual||!s.virtual?.enabled),c=o?e.virtual.slides.length:e.slides.length,p=d(r,`.${e.params.slideClass}, swiper-slide`),u=o?e.virtual.slides.length:p.length;let h=[];const f=[],g=[],w=t=>"function"==typeof t?t.call(e):t,b=w(s.slidesOffsetBefore),y=w(s.slidesOffsetAfter),E=e.snapGrid.length,S=e.slidesGrid.length,x=e.size-b-y;let T=s.spaceBetween,M=-b,C=0,P=0;if(void 0===x)return;"string"==typeof T&&T.indexOf("%")>=0?T=parseFloat(T.replace("%",""))/100*x:"string"==typeof T&&(T=parseFloat(T)),e.virtualSize=-T-b-y,p.forEach(e=>{a?e.style.marginLeft="":e.style.marginRight="",e.style.marginBottom="",e.style.marginTop=""}),s.centeredSlides&&s.cssMode&&(l(i,"--swiper-centered-offset-before",""),l(i,"--swiper-centered-offset-after","")),s.cssMode&&(l(i,"--swiper-slides-offset-before",`${b}px`),l(i,"--swiper-slides-offset-after",`${y}px`));const L=s.grid&&s.grid.rows>1&&e.grid;L?e.grid.initSlides(p):e.grid&&e.grid.unsetSlides();let A=0;const I="auto"===s.slidesPerView&&s.breakpoints&&Object.keys(s.breakpoints).filter(e=>{const t=s.breakpoints[e];return void 0!==t?.slidesPerView}).length>0;for(let i=0;i=0&&(t+=g[s]+(s1&&(i||h.push(e.virtualSize-x))}if(o&&s.loop){const t=g[0]+T,i=(e.virtual.slidesBefore??0)+(e.virtual.slidesAfter??0);if(s.slidesPerGroup>1){const e=Math.ceil(i/s.slidesPerGroup),r=t*s.slidesPerGroup;for(let t=0;t!(s.cssMode&&!s.loop)||t!==p.length-1).forEach(e=>{e.style[t]=`${T}px`})}if(s.centeredSlides&&s.centeredSlidesBounds){let e=0;g.forEach(t=>{e+=t+(T||0)}),e-=T;const t=e>x?e-x:0;h=h.map(e=>e<=0?-b:e>t?t+y:e)}if(s.centerInsufficientSlides){let e=0;if(g.forEach(t=>{e+=t+(T||0)}),e-=T,e{h[s]=e-t}),f.forEach((e,s)=>{f[s]=e+t})}}if(Object.assign(e,{slides:p,snapGrid:h,slidesGrid:f,slidesSizesGrid:g}),s.centeredSlides&&s.cssMode&&!s.centeredSlidesBounds){l(i,"--swiper-centered-offset-before",-h[0]+"px"),l(i,"--swiper-centered-offset-after",e.size/2-g[g.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map(e=>e+t),e.slidesGrid=e.slidesGrid.map(e=>e+s)}if(u!==c&&e.emit("slidesLengthChange"),h.length!==E&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),f.length!==S&&e.emit("slidesGridLengthChange"),s.watchSlidesProgress&&e.updateSlidesOffset(),e.emit("slidesUpdated"),!(o||s.cssMode||"slide"!==s.effect&&"fade"!==s.effect)){const t=`${s.containerModifierClass}backface-hidden`,i=e.el.classList.contains(t);u<=s.maxBackfaceHiddenSlides?i||e.el.classList.add(t):i&&e.el.classList.remove(t)}},updateAutoHeight:function(e){const t=this,s=[],i=t.virtual&&t.params.virtual?.enabled;let r,a=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>i?t.slides[t.getSlideIndexByData(e)]:t.slides[e];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||[]).forEach(e=>{s.push(e)});else for(r=0;rt.slides.length&&!i)break;const a=n(e);a&&s.push(a)}else{const e=n(t.activeIndex);e&&s.push(e)}for(r=0;ra?e:a}(a||0===a)&&(t.wrapperEl.style.height=`${a}px`)},updateSlidesOffset:function(){const e=this,t=e.slides,s=e.isElement?e.isHorizontal()?e.wrapperEl.offsetLeft:e.wrapperEl.offsetTop:0;for(let i=0;i=0?l=parseFloat(l.replace("%",""))/100*t.size:"string"==typeof l&&(l=parseFloat(l));for(let e=0;e=0&&m<=t.size-t.slidesSizesGrid[e],g=m>=0&&m1&&h<=t.size||m<=0&&h>=t.size;g&&(t.visibleSlides.push(o),t.visibleSlidesIndexes.push(e)),Q(o,g,s.slideVisibleClass),Q(o,f,s.slideFullyVisibleClass),o.progress=r?-p:p,o.originalProgress=r?-u:u}},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,i=t.maxTranslate()-t.minTranslate();let{progress:r,isBeginning:a,isEnd:n}=t,l=t.progressLoop;const o=a,d=n;if(0===i)r=0,a=!0,n=!0;else{r=(e-t.minTranslate())/i;const s=Math.abs(e-t.minTranslate())<1,l=Math.abs(e-t.maxTranslate())<1;a=s||r<=0,n=l||r>=1,s&&(r=0),l&&(r=1)}if(s.loop){const s=t.getSlideIndexByData(0),i=t.getSlideIndexByData(t.slides.length-1),r=t.slidesGrid[s],a=t.slidesGrid[i],n=t.slidesGrid[t.slidesGrid.length-1],o=Math.abs(e);l=o>=r?(o-r)/n:(o+n-a)/n,l>1&&(l-=1)}Object.assign(t,{progress:r,progressLoop:l,isBeginning:a,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),a&&!o&&t.emit("reachBeginning toEdge"),n&&!d&&t.emit("reachEnd toEdge"),(o&&!a||d&&!n)&&t.emit("fromEdge"),t.emit("progress",r)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,slidesEl:i,activeIndex:r}=e,a=!(!e.virtual||!s.virtual?.enabled),n=e.grid&&s.grid&&s.grid.rows>1,l=e=>d(i,`.${s.slideClass}${e}, swiper-slide${e}`)[0];let o,c,p;if(a)if(s.loop){const t=e.virtual.slides;let s=r-(e.virtual.slidesBefore??0);s<0&&(s=t.length+s),s>=t.length&&(s-=t.length),o=l(`[data-swiper-slide-index="${s}"]`)}else o=l(`[data-swiper-slide-index="${r}"]`);else n?(o=t.find(e=>e.column===r),p=t.find(e=>e.column===r+1),c=t.find(e=>e.column===r-1)):o=t[r];o&&(n||(p=function(e,t){const s=[];let i=e.nextElementSibling;for(;i;)t&&!i.matches(t)||s.push(i),i=i.nextElementSibling;return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&!p&&(p=t[0]),c=function(e,t){const s=[];let i=e.previousElementSibling;for(;i;)t&&!i.matches(t)||s.push(i),i=i.previousElementSibling;return s}(o,`.${s.slideClass}, swiper-slide`)[0],s.loop&&0===!c&&(c=t[t.length-1]))),t.forEach(e=>{Z(e,e===o,s.slideActiveClass),Z(e,e===p,s.slideNextClass),Z(e,e===c,s.slidePrevClass)}),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{snapGrid:i,params:r,activeIndex:a,realIndex:n,snapIndex:l}=t;let o,d=e;const c=e=>{const s=t.virtual.slides;let i=e-(t.virtual.slidesBefore??0);return i<0&&(i=s.length+i),i>=s.length&&(i-=s.length),i};if(void 0===d&&(d=function(e){const{slidesGrid:t,params:s}=e,i=e.rtlTranslate?e.translate:-e.translate;let r;for(let e=0;e=t[e]&&i=t[e]&&i=t[e]&&(r=e);return s.normalizeSlideIndex&&(r<0||void 0===r)&&(r=0),r}(t)),i.indexOf(s)>=0)o=i.indexOf(s);else{const e=Math.min(r.slidesPerGroupSkip,d);o=e+Math.floor((d-e)/r.slidesPerGroup)}if(o>=i.length&&(o=i.length-1),d===a&&!t.params.loop)return void(o!==l&&(t.snapIndex=o,t.emit("snapIndexChange")));if(d===a&&t.params.loop&&t.virtual&&t.params.virtual?.enabled)return void(t.realIndex=c(d));const p=t.grid&&r.grid&&r.grid.rows>1;let u;if(t.virtual&&r.virtual?.enabled)u=r.loop?c(d):d;else if(p){const e=t.slides.find(e=>e.column===d);let s=parseInt(e.getAttribute("data-swiper-slide-index"),10);Number.isNaN(s)&&(s=Math.max(t.slides.indexOf(e),0)),u=Math.floor(s/r.grid.rows)}else if(t.slides[d]){const e=t.slides[d].getAttribute("data-swiper-slide-index");u=e?parseInt(e,10):d}else u=d;Object.assign(t,{previousSnapIndex:l,snapIndex:o,previousRealIndex:n,realIndex:u,previousIndex:a,activeIndex:d}),t.initialized&&A(t),t.emit("activeIndexChange"),t.emit("snapIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&(n!==u&&t.emit("realIndexChange"),t.emit("slideChange"))},updateClickedSlide:function(e,t){const s=this,i=s.params;let r=e.closest(`.${i.slideClass}, swiper-slide`);!r&&s.isElement&&t&&t.length>1&&t.includes(e)&&[...t.slice(t.indexOf(e)+1,t.length)].forEach(e=>{!r&&e.matches&&e.matches(`.${i.slideClass}, swiper-slide`)&&(r=e)});let a,n=!1;if(r)for(let e=0;e{t.__preventObserver__=!1})},unsetGrabCursor:function(){const e=this;e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e.isElement&&(e.__preventObserver__=!0),e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="",e.isElement&&requestAnimationFrame(()=>{e.__preventObserver__=!1}))}},events:{attachEvents:function(){const e=this,{params:t}=e;e.onTouchStart=q.bind(e),e.onTouchMove=N.bind(e),e.onTouchEnd=R.bind(e),e.onDocumentTouchStart=X.bind(e),t.cssMode&&(e.onScroll=Y.bind(e)),e.onClick=G.bind(e),e.onLoad=B.bind(e),_(e,"on")},detachEvents:function(){_(this,"off")}},breakpoints:z,checkOverflow:$,classes:k},te={};class se{static extendedDefaults;static defaults;constructor(...e){let t,s;if(1===e.length&&null!==e[0]&&"object"==typeof e[0]&&"Object"===Object.prototype.toString.call(e[0]).slice(8,-1)?s=e[0]:[t,s]=e,s||(s={}),s=n({},s),t&&!s.el&&(s.el=t),s.el&&"string"==typeof s.el&&"undefined"!=typeof document&&document.querySelectorAll(s.el).length>1){const e=[];return document.querySelectorAll(s.el).forEach(t=>{const i=n({},s,{el:t});e.push(new se(i))}),e}const i=this;i.__swiper__=!0,i.support=T(),i.device=M({userAgent:s.userAgent??void 0}),i.browser=C(),i.eventsListeners={},i.eventsAnyListeners=[],i.modules=[...i.__modules__||[]],s.modules&&Array.isArray(s.modules)&&s.modules.forEach(e=>{const t=e;"function"==typeof t&&i.modules.indexOf(t)<0&&i.modules.push(t)});const r={};i.modules.forEach(e=>{e({params:s,swiper:i,extendParams:F(s,r),on:i.on.bind(i),once:i.once.bind(i),off:i.off.bind(i),emit:i.emit.bind(i)})});const a=n({},O,r);if(i.params=n({},a,te,s),i.originalParams=n({},i.params),i.passedParams=n({},s),i.params&&i.params.on){const e=i.params.on;Object.keys(e).forEach(t=>{const s=e[t];s&&i.on(t,s)})}return i.params&&i.params.onAny&&i.onAny(i.params.onAny),Object.assign(i,{enabled:i.params.enabled,el:t,classNames:[],slides:[],slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===i.params.direction,isVertical:()=>"vertical"===i.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23},allowSlideNext:i.params.allowSlideNext,allowSlidePrev:i.params.allowSlidePrev,touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:i.params.focusableElements,lastClickTime:0,clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,startMoving:void 0,pointerId:null,touchId:null},allowClick:!0,allowTouchMove:i.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),i.emit("_swiper"),i.params.init&&i.init(),i}getDirectionLabel(e){return this.isHorizontal()?e:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[e]}isHorizontal(){return"horizontal"===this.params.direction}isVertical(){return"vertical"===this.params.direction}cssOverflowAdjustment(){return Math.trunc(this.translate/2**23)*2**23}getSlideIndex(e){const{slidesEl:t,params:s}=this,i=h(d(t,`.${s.slideClass}, swiper-slide`)[0]);return h(e)-(i??0)}getSlideIndexByData(e){return this.getSlideIndex(this.slides.find(t=>Number(t.getAttribute("data-swiper-slide-index"))===e))}getSlideIndexWhenGrid(e){return this.grid&&this.params.grid&&this.params.grid.rows>1&&("column"===this.params.grid.fill?e=Math.floor(e/this.params.grid.rows):"row"===this.params.grid.fill&&(e%=Math.ceil(this.slides.length/this.params.grid.rows))),e}recalcSlides(){const{slidesEl:e,params:t}=this;this.slides=d(e,`.${t.slideClass}, swiper-slide`)}enable(){this.enabled||(this.enabled=!0,this.params.grabCursor&&this.setGrabCursor(),this.emit("enable"))}disable(){this.enabled&&(this.enabled=!1,this.params.grabCursor&&this.unsetGrabCursor(),this.emit("disable"))}setProgress(e,t){e=Math.min(Math.max(e,0),1);const s=this.minTranslate(),i=(this.maxTranslate()-s)*e+s;this.translateTo(i,void 0===t?0:t),this.updateActiveIndex(),this.updateSlidesClasses()}emitContainerClasses(){if(!this.params._emitClasses||!this.el)return;const e=this.el.className.split(" ").filter(e=>0===e.indexOf("swiper")||0===e.indexOf(this.params.containerModifierClass));this.emit("_containerClasses",e.join(" "))}getSlideClasses(e){return this.destroyed?"":e.className.split(" ").filter(e=>0===e.indexOf("swiper-slide")||0===e.indexOf(this.params.slideClass)).join(" ")}emitSlidesClasses(){if(!this.params._emitClasses||!this.el)return;const e=[];this.slides.forEach(t=>{const s=this.getSlideClasses(t);e.push({slideEl:t,classNames:s}),this.emit("_slideClass",t,s)}),this.emit("_slideClasses",e)}slidesPerViewDynamic(e="current",t=!1){const{params:s,slides:i,slidesGrid:r,slidesSizesGrid:a,size:n,activeIndex:l}=this;let o=1;if("number"==typeof s.slidesPerView)return s.slidesPerView;if(s.centeredSlides){let e=i[l]?Math.ceil(i[l].swiperSlideSize??0):0,t=!1;for(let s=l+1;sn&&(t=!0));for(let s=l-1;s>=0;s-=1)i[s]&&!t&&(e+=i[s].swiperSlideSize??0,o+=1,e>n&&(t=!0))}else if("current"===e)for(let e=l+1;e=0;e-=1){r[l]-r[e]{t.complete&&P(e,t)}),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),s.freeMode?.enabled&&!s.cssMode)i(),s.autoHeight&&e.updateAutoHeight();else{if(("auto"===s.slidesPerView||s.slidesPerView>1)&&e.isEnd&&!s.centeredSlides){const t=e.virtual&&s.virtual?.enabled?e.virtual.slides.length:e.slides.length;r=e.slideTo(t-1,0,!1,!0)}else r=e.slideTo(e.activeIndex,0,!1,!0);r||i()}s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t=!0){const s=this,i=s.params.direction;return e||(e="horizontal"===i?"vertical":"horizontal"),e===i||"horizontal"!==e&&"vertical"!==e||(s.el.classList.remove(`${s.params.containerModifierClass}${i}`),s.el.classList.add(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.forEach(t=>{"vertical"===e?t.style.width="":t.style.height=""}),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.el.classList.add(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.el.classList.remove(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;if("undefined"==typeof document)return!1;const s=e??t.params.el;let i=null;if("string"==typeof s?i=document.querySelector(s):s instanceof HTMLElement&&(i=s),!i)return!1;i.swiper=t;const r=i.parentNode;r&&r.host&&r.host.nodeName===t.params.swiperElementNodeName.toUpperCase()&&(t.isElement=!0);const a=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let n=(()=>{if(i&&i.shadowRoot){return i.shadowRoot.querySelector(a())}return d(i,a())[0]})();!n&&t.params.createElements&&(n=p("div",t.params.wrapperClass),i.append(n),d(i,`.${t.params.slideClass}`).forEach(e=>{n.append(e)}));const l=t.isElement?i.parentNode.host:null;return Object.assign(t,{el:i,wrapperEl:n,slidesEl:t.isElement&&!l.slideSlots?l:n,hostEl:t.isElement?l:i,mounted:!0,rtl:"rtl"===i.dir.toLowerCase()||"rtl"===m(i,"direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===i.dir.toLowerCase()||"rtl"===m(i,"direction")),wrongRTL:"-webkit-box"===m(n,"display")}),!0}init(e){const t=this;if(t.initialized)return t;if(!1===t.mount(e))return t;t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.loop&&t.virtual&&t.params.virtual?.enabled?t.slideTo((t.params.initialSlide??0)+(t.virtual.slidesBefore??0),0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.params.loop&&t.loopCreate(void 0,!0),t.attachEvents();const s=[...t.el.querySelectorAll('[loading="lazy"]')];return t.isElement&&s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),s.forEach(e=>{e.complete?P(t,e):e.addEventListener("load",e=>{P(t,e.target)})}),A(t),t.initialized=!0,A(t),t.emit("init"),t.emit("afterInit"),t}destroy(e=!0,t=!0){const s=this,{params:i,el:r,wrapperEl:a,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),i.loop&&s.loopDestroy(),t&&(s.removeClasses(),r&&"string"!=typeof r&&r.removeAttribute("style"),a&&a.removeAttribute("style"),n&&n.length&&n.forEach(e=>{e.classList.remove(i.slideVisibleClass,i.slideFullyVisibleClass,i.slideActiveClass,i.slideNextClass,i.slidePrevClass),e.removeAttribute("style"),e.removeAttribute("data-swiper-slide-index")})),s.emit("destroy"),Object.keys(s.eventsListeners).forEach(e=>{s.off(e)}),!1!==e&&(s.el&&"string"!=typeof s.el&&(s.el.swiper=null),l=s,Object.keys(l).forEach(e=>{try{l[e]=null}catch{}try{delete l[e]}catch{}})),s.destroyed=!0),null;var l}static extendDefaults(e){n(te,e)}static installModule(e){se.prototype.__modules__||(se.prototype.__modules__=[]);const t=se.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach(e=>se.installModule(e)),se):(se.installModule(e),se)}}Object.defineProperty(se,"extendedDefaults",{get:()=>te}),Object.defineProperty(se,"defaults",{get:()=>O});const ie=ee,re=se.prototype;Object.keys(ie).forEach(e=>{const t=ie[e];Object.keys(t).forEach(e=>{re[e]=t[e]})}),se.use([({swiper:e,on:t,emit:s})=>{let i=null,r=null;const a=()=>{e&&!e.destroyed&&e.initialized&&(s("beforeResize"),s("resize"))},n=()=>{e&&!e.destroyed&&e.initialized&&s("orientationchange")};t("init",()=>{e.params.resizeObserver&&void 0!==window.ResizeObserver?e&&!e.destroyed&&e.initialized&&(i=new ResizeObserver(t=>{r=window.requestAnimationFrame(()=>{const{width:s,height:i}=e;let r=s,n=i;t.forEach(({contentBoxSize:t,contentRect:s,target:i})=>{if(i&&i!==e.el)return;const a=Array.isArray(t)?t[0]:t;r=s?s.width:a.inlineSize,n=s?s.height:a.blockSize}),r===s&&n===i||a()})}),i.observe(e.el)):(window.addEventListener("resize",a),window.addEventListener("orientationchange",n))}),t("destroy",()=>{r&&window.cancelAnimationFrame(r),i&&i.unobserve&&e.el&&(i.unobserve(e.el),i=null),window.removeEventListener("resize",a),window.removeEventListener("orientationchange",n)})},({swiper:e,extendParams:t,on:s})=>{const i=[],r=(t,s={})=>{const r=window.MutationObserver||window.WebkitMutationObserver;if(!r)return;const a=new r(t=>{if(e.__preventObserver__)return;if(1===t.length)return void e.emit("observerUpdate",t[0]);const s=function(){e.emit("observerUpdate",t[0])};window.requestAnimationFrame?window.requestAnimationFrame(s):window.setTimeout(s,0)});a.observe(t,{attributes:void 0===s.attributes||s.attributes,childList:e.isElement||void 0===s.childList||s.childList,characterData:void 0===s.characterData||s.characterData}),i.push(a)};t({observer:!1,observeParents:!1,observeSlideChildren:!1}),s("init",()=>{if(e.params.observer){if(e.params.observeParents){const t=f(e.hostEl);for(let e=0;e{i.forEach(e=>{e.disconnect()}),i.splice(0,i.length)})}]);function ae(e,t,s,i){const r=s??{},a=t??{};return e.params.createElements&&Object.keys(i).forEach(t=>{if(!r[t]&&!0===r.auto){let s=d(e.el,`.${i[t]}`)[0];s||(s=p("div",i[t]),s.className=i[t],e.el.append(s)),r[t]=s,a[t]=s}}),r}const ne='';function le(e=""){return`.${e.trim().replace(/([.:!+/()[\]#>~*^$|=,'"@{}\\])/g,"\\$1").replace(/ /g,".")}`}const oe=e=>{if((e=>!!e.virtual&&!!e.params.virtual?.enabled)(e))return e.virtual.slides.length;const t=e.params.grid?.rows;return e.grid&&t&&t>1?e.slides.length/Math.ceil(t):e.slides.length};class de{x;y;lastIndex;binarySearch;constructor(e,t){let s,i,r;this.binarySearch=(e,t)=>{for(i=-1,s=e.length;s-i>1;)r=s+i>>1,e[r]<=t?i=r:s=r;return s},this.x=e,this.y=t,this.lastIndex=e.length-1}interpolate(e){if(!e)return 0;const t=this.binarySearch(this.x,e),s=t-1;return(e-this.x[s])*(this.y[t]-this.y[s])/(this.x[t]-this.x[s])+this.y[s]}}const ce=e=>!!e.virtual&&!!e.params.virtual?.enabled;function pe(e,t){const s=this,{params:i,activeIndex:r,slidesEl:a}=s;let n=r;i.loop&&(n-=s.loopedSlides??0,s.loopDestroy(),s.recalcSlides());const l=s.slides.length;if(e<=0)return void s.prependSlide(t);if(e>=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides[t];e&&(e.remove(),d.unshift(e))}if(Array.isArray(t)){for(let e=0;ee?n+t.length:n}else a.append(t);for(let e=0;e{if("string"==typeof e){const t=document.createElement("div");y(t,e);const s=t.children[0];s&&i.append(s),y(t,"")}else i.append(e)};if(Array.isArray(e))for(let t=0;t{if("string"==typeof e){const t=document.createElement("div");y(t,e);const s=t.children[0];s&&r.prepend(s),y(t,"")}else r.prepend(e)};if(Array.isArray(e)){for(let t=0;t{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)}),i("setTranslate _virtualUpdated",()=>{s.params.effect===t&&r()}),i("setTransition",(e,i)=>{s.params.effect===t&&a(i)}),i("transitionEnd",()=>{if(s.params.effect===t&&o){const e=d?d():void 0;if(!e||!e.slideShadows)return;s.slides.forEach(e=>{e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>e.remove())}),o()}});let c=!1;i("virtualUpdate",()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame(()=>{c&&s.slides&&s.slides.length&&(r(),c=!1)}))})}function ve(e,t){const s=o(t);return s!==t&&(s.style.backfaceVisibility="hidden",s.style.setProperty("-webkit-backface-visibility","hidden")),s}function we({swiper:e,duration:t,transformElements:s,allSlides:i}){const{activeIndex:r}=e;if(e.params.virtualTranslate&&0!==t){let t,a=!1;t=i?s:s.filter(t=>{const s=t.classList.contains("swiper-slide-transform")?(t=>t.parentElement?t.parentElement instanceof HTMLElement?t.parentElement:void 0:e.slides.find(e=>e.shadowRoot&&e.shadowRoot===t.parentNode))(t):t;return!!s&&e.getSlideIndex(s)===r}),t.forEach(t=>{g(t,()=>{if(a)return;if(!e||e.destroyed)return;a=!0,e.animating=!1;const t=new CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(t)})})}}function be(e,t,s){const i=`swiper-slide-shadow${s?`-${s}`:""}${e?` swiper-slide-shadow-${e}`:""}`,r=o(t),a=`.${i.split(" ").join(".")}`,n=r.querySelector(a);if(n)return n;const l=p("div",i.split(" "));return r.append(l),l}const ye=[({swiper:e,extendParams:t,on:s,emit:i})=>{let r,a;function n(){return e.params.virtual}t({virtual:{enabled:!1,slides:[],cache:!0,slidesPerViewAutoSlideSize:320,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}}),e.virtual={cache:{},from:0,to:0,slides:[],offset:0,slidesGrid:[]};function o(t,s){const i=n();if(i.cache&&e.virtual.cache[s])return e.virtual.cache[s];let r;if(i.renderSlide){const n=i.renderSlide.call(e,t,s);if("string"==typeof n){const e=a??=document.createElement("div");y(e,n),r=e.children[0]}else r=n}else r=e.isElement?p("swiper-slide"):p("div",e.params.slideClass);return r.setAttribute("data-swiper-slide-index",String(s)),i.renderSlide||y(r,t),i.cache&&(e.virtual.cache[s]=r),r}function c(t,s,r){const{slidesPerGroup:a,centeredSlides:l,slidesPerView:c,loop:p,initialSlide:u}=e.params;if(s&&!p&&(u??0)>0)return;const{addSlidesBefore:m,addSlidesAfter:h,slidesPerViewAutoSlideSize:f}=n(),{from:g,to:v,slides:w,slidesGrid:b,offset:y}=e.virtual;e.params.cssMode||e.updateActiveIndex();const E=void 0===r?e.activeIndex||0:r;let S,x;if(S=e.rtlTranslate?"right":e.isHorizontal()?"left":"top","auto"===c)if(f){let t=e.size;t||(t=e.isHorizontal()?e.el.getBoundingClientRect().width:e.el.getBoundingClientRect().height),x=Math.max(1,Math.ceil(t/f))}else x=1;else x=c??1;const T=a??1;let M,C;l?(M=Math.floor(x/2)+T+h,C=Math.floor(x/2)+T+m):(M=x+(T-1)+h,C=(p?x:T)+m);let P=E-C,L=E+M;p||(P=Math.max(P,0),L=Math.min(L,w.length-1));let A=(e.slidesGrid[P]||0)-(e.slidesGrid[0]||0);function I(){e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),i("virtualUpdate")}if(p&&E>=C?(P-=C,l||(A+=e.slidesGrid[0])):p&&E{t.style.setProperty(S,A-Math.abs(e.cssOverflowAdjustment())+"px")}),e.updateProgress(),void i("virtualUpdate");const z=n();if(z.renderExternal){const t=[];for(let e=P;e<=L;e+=1)t.push(w[e]);return z.renderExternal.call(e,{offset:A,from:P,to:L,slides:t}),void(z.renderExternalUpdate?I():i("virtualUpdate"))}const $=[],k=[],O=e=>{let t=e;return e<0?t=w.length+e:t>=w.length&&(t-=w.length),t};if(t)e.slides.filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`)).forEach(e=>{e.remove()});else for(let t=g;t<=v;t+=1)if(tL){const s=O(t);e.slides.filter(t=>t.matches(`.${e.params.slideClass}[data-swiper-slide-index="${s}"], swiper-slide[data-swiper-slide-index="${s}"]`)).forEach(e=>{e.remove()})}const D=p?-w.length:0,G=p?2*w.length:w.length;for(let e=D;e=P&&e<=L){const s=O(e);void 0===v||t?k.push(s):(e>v&&k.push(s),e{e.slidesEl.append(o(w[t],t))}),p)for(let t=$.length-1;t>=0;t-=1){const s=$[t];e.slidesEl.prepend(o(w[s],s))}else $.sort((e,t)=>t-e),$.forEach(t=>{e.slidesEl.prepend(o(w[t],t))});d(e.slidesEl,".swiper-slide, swiper-slide").forEach(t=>{t.style.setProperty(S,A-Math.abs(e.cssOverflowAdjustment())+"px")}),I()}s("beforeInit",()=>{if(!n().enabled)return;let t=!1;const s=e.passedParams.virtual;if(!s||"object"!=typeof s||void 0===s.slides){const s=[...e.slidesEl.children].filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`));s&&s.length&&(e.virtual.slides=[...s],t=!0,s.forEach((t,s)=>{t.setAttribute("data-swiper-slide-index",String(s)),e.virtual.cache[s]=t,t.remove()}))}t||(e.virtual.slides=n().slides),e.classNames.push(`${e.params.containerModifierClass}virtual`),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0,c(!1,!0)}),s("setTranslate",()=>{n().enabled&&(e.params.cssMode&&!e._immediateVirtual?(clearTimeout(r),r=setTimeout(()=>{c()},100)):c())}),s("init update resize",()=>{n().enabled&&e.params.cssMode&&l(e.wrapperEl,"--swiper-virtual-size",`${e.virtualSize}px`)}),Object.assign(e.virtual,{appendSlide:function(t){if(null!==t&&"object"==typeof t&&"length"in t){const s=t;for(let t=0;t{const i=t[Number(e)],a=i.getAttribute("data-swiper-slide-index");a&&i.setAttribute("data-swiper-slide-index",String(parseInt(a,10)+r)),s[parseInt(e,10)+r]=i}),e.virtual.cache=s}c(!0),e.slideTo(i,0)},removeSlide:function(t){if(null==t)return;let s=e.activeIndex;const i=t=>{Object.keys(e.virtual.cache).forEach(s=>{const i=Number(s);if(i>t){const t=e.virtual.cache[i];e.virtual.cache[i-1]=t,t.setAttribute("data-swiper-slide-index",String(i-1)),delete e.virtual.cache[i]}})};if(Array.isArray(t))for(let r=t.length-1;r>=0;r-=1)n().cache&&(delete e.virtual.cache[t[r]],i(t[r])),e.virtual.slides.splice(t[r],1),t[r]{function r(){return e.params.keyboard}function a(t){if(!e.enabled)return;const{rtlTranslate:s}=e,a="originalEvent"in t&&t.originalEvent?t.originalEvent:t,n=a.keyCode||a.charCode,l=r(),o=!!l.pageUpDown,d=o&&33===n,c=o&&34===n,p=37===n,m=39===n,h=38===n,g=40===n;if(!e.allowSlideNext&&(e.isHorizontal()&&m||e.isVertical()&&g||c))return!1;if(!e.allowSlidePrev&&(e.isHorizontal()&&p||e.isVertical()&&h||d))return!1;if(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey)return;const v=document.activeElement;if(v&&(v.isContentEditable||v.nodeName&&("input"===v.nodeName.toLowerCase()||"textarea"===v.nodeName.toLowerCase())))return;if(l.onlyInViewport&&(d||c||p||m||h||g)){let t=!1;if(f(e.el,`.${e.params.slideClass}, swiper-slide`).length>0&&0===f(e.el,`.${e.params.slideActiveClass}`).length)return;const i=e.el,r=i.clientWidth,a=i.clientHeight,n=window.innerWidth,l=window.innerHeight,o=u(i);s&&(o.left-=i.scrollLeft);const d=[[o.left,o.top],[o.left+r,o.top],[o.left,o.top+a],[o.left+r,o.top+a]];for(let e=0;e=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;t=!0}}if(!t)return}const w=l.speed;e.isHorizontal()?((d||c||p||m)&&a.cancelable&&a.preventDefault(),((c||m)&&!s||(d||p)&&s)&&e.slideNext(w),((d||p)&&!s||(c||m)&&s)&&e.slidePrev(w)):((d||c||h||g)&&a.cancelable&&a.preventDefault(),(c||g)&&e.slideNext(w),(d||h)&&e.slidePrev(w)),i("keyPress",n)}function n(){e.keyboard.enabled||(document.addEventListener("keydown",a),e.keyboard.enabled=!0)}function l(){e.keyboard.enabled&&(document.removeEventListener("keydown",a),e.keyboard.enabled=!1)}t({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0,speed:void 0}}),e.keyboard={enabled:!1,enable:n,disable:l},s("init",()=>{r().enabled&&n()}),s("destroy",()=>{e.keyboard.enabled&&l()})},({swiper:e,extendParams:i,on:r,emit:a})=>{let n;i({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null,noMousewheelClass:"swiper-no-mousewheel"}});let l,o=s(),d=!1;const c=[];function p(){return e.params.mousewheel}function u(){e.enabled&&(d=!0)}function m(){e.enabled&&(d=!1)}function h(t){const i=p();return!(i.thresholdDelta&&t.delta=6&&s()-o<60||(t.direction<0?e.isEnd&&!e.params.loop||e.animating||(e.slideNext(),a("scroll",t.raw)):e.isBeginning&&!e.params.loop||e.animating||(e.slidePrev(),a("scroll",t.raw)),o=(new window.Date).getTime(),!1)))}function f(i){let r="originalEvent"in i&&i.originalEvent?i.originalEvent:i,o=!0;if(!e.enabled)return!1;const u=p();if(i.target.closest(`.${u.noMousewheelClass}`))return!1;e.params.cssMode&&r.preventDefault();let m=e.el;"container"!==u.eventsTarget&&(m=document.querySelector(u.eventsTarget));const f=m&&m.contains(r.target);if(!d&&!f&&!u.releaseOnEdges)return!0;let g=0;const v=e.rtlTranslate?-1:1,w=function(e){const t=e;let s=0,i=0,r=0,a=0;return void 0!==t.detail&&(i=t.detail),void 0!==t.wheelDelta&&(i=-t.wheelDelta/120),void 0!==t.wheelDeltaY&&(i=-t.wheelDeltaY/120),void 0!==t.wheelDeltaX&&(s=-t.wheelDeltaX/120),void 0!==t.axis&&void 0!==t.HORIZONTAL_AXIS&&t.axis===t.HORIZONTAL_AXIS&&(s=i,i=0),r=10*s,a=10*i,void 0!==t.deltaY&&(a=t.deltaY),void 0!==t.deltaX&&(r=t.deltaX),t.shiftKey&&!r&&(r=a,a=0),(r||a)&&t.deltaMode&&(1===t.deltaMode?(r*=40,a*=40):(r*=800,a*=800)),r&&!s&&(s=r<1?-1:1),a&&!i&&(i=a<1?-1:1),{spinX:s,spinY:i,pixelX:r,pixelY:a}}(r);if(u.forceToAxis)if(e.isHorizontal()){if(!(Math.abs(w.pixelX)>Math.abs(w.pixelY)))return!0;g=-w.pixelX*v}else{if(!(Math.abs(w.pixelY)>Math.abs(w.pixelX)))return!0;g=-w.pixelY}else g=Math.abs(w.pixelX)>Math.abs(w.pixelY)?-w.pixelX*v:-w.pixelY;if(0===g)return!0;u.invert&&(g=-g);let b=e.getTranslate()+g*(u.sensitivity??1);b>=e.minTranslate()&&(b=e.minTranslate()),b<=e.maxTranslate()&&(b=e.maxTranslate()),o=!!e.params.loop||!(b===e.minTranslate()||b===e.maxTranslate()),o&&e.params.nested&&r.stopPropagation();const y=e.params.freeMode;if(e.params.freeMode&&y?.enabled){const i={time:s(),delta:Math.abs(g),direction:Math.sign(g)},o=l&&i.time=e.minTranslate()&&(s=e.minTranslate()),s<=e.maxTranslate()&&(s=e.maxTranslate()),e.setTransition(0),e.setTranslate(s),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses(),(!d&&e.isBeginning||!p&&e.isEnd)&&e.updateSlidesClasses(),e.params.loop&&e.loopFix({direction:i.direction<0?"next":"prev",byMousewheel:!0}),y?.sticky){clearTimeout(n),n=void 0,c.length>=15&&c.shift();const s=c.length?c[c.length-1]:void 0,r=c[0];if(c.push(i),s&&(i.delta>s.delta||i.direction!==s.direction))c.splice(0);else if(c.length>=15&&r&&i.time-r.time<500&&r.delta-i.delta>=1&&i.delta<=6){const s=g>0?.8:.2;l=i,c.splice(0),n=t(()=>{!e.destroyed&&e.params&&e.slideToClosest(e.params.speed,!0,void 0,s)},0)}n||(n=t(()=>{if(e.destroyed||!e.params)return;l=i,c.splice(0),e.slideToClosest(e.params.speed,!0,void 0,.5)},500))}o||a("scroll",r);const m=e.params.autoplay;if(e.params.autoplay&&m?.disableOnInteraction&&e.autoplay.stop(),u.releaseOnEdges&&(s===e.minTranslate()||s===e.maxTranslate()))return!0}}else{const t={time:s(),delta:Math.abs(g),direction:Math.sign(g),raw:i};c.length>=2&&c.shift();const r=c.length?c[c.length-1]:void 0;if(c.push(t),r?(t.direction!==r.direction||t.delta>r.delta||t.time>r.time+150)&&h(t):h(t),function(t){const s=p();if(t.direction<0){if(e.isEnd&&!e.params.loop&&s.releaseOnEdges)return!0}else if(e.isBeginning&&!e.params.loop&&s.releaseOnEdges)return!0;return!1}(t))return!0}return r.cancelable&&r.preventDefault(),!1}function g(t){const s=p();let i=e.el;"container"!==s.eventsTarget&&(i=document.querySelector(s.eventsTarget)),i[t]("mouseenter",u),i[t]("mouseleave",m),i[t]("wheel",f)}function v(){return e.params.cssMode?(e.wrapperEl.removeEventListener("wheel",f),!0):!e.mousewheel.enabled&&(g("addEventListener"),e.mousewheel.enabled=!0,!0)}function w(){return e.params.cssMode?(e.wrapperEl.addEventListener("wheel",f),!0):!!e.mousewheel.enabled&&(g("removeEventListener"),e.mousewheel.enabled=!1,!0)}r("init",()=>{const t=p();!t.enabled&&e.params.cssMode&&w(),t.enabled&&v()}),e.mousewheel={enabled:!1,enable:v,disable:w},r("destroy",()=>{e.params.cssMode&&v(),e.mousewheel.enabled&&w()})},({swiper:e,extendParams:t,on:s,emit:i})=>{function r(){return e.params.navigation}function a(t){let s;return t&&"string"==typeof t&&e.isElement&&(s=e.el.querySelector(t)||e.hostEl.querySelector(t),s)?s:(t&&("string"==typeof t&&(s=[...document.querySelectorAll(t)]),e.params.uniqueNavElements&&"string"==typeof t&&s&&s.length>1&&1===e.el.querySelectorAll(t).length?s=e.el.querySelector(t):s&&1===s.length&&(s=s[0])),t&&!s?t:s)}function n(t,s){const i=r();w(t).forEach(t=>{t&&(t.classList[s?"add":"remove"](...i.disabledClass.split(" ")),"BUTTON"===t.tagName&&(t.disabled=s),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](i.lockClass))})}function l(){const{nextEl:t,prevEl:s}=e.navigation;if(e.params.loop)return n(s,!1),void n(t,!1);n(s,e.isBeginning&&!e.params.rewind),n(t,e.isEnd&&!e.params.rewind)}function o(t){t.preventDefault(),(!e.isBeginning||e.params.loop||e.params.rewind)&&(e.slidePrev(),i("navigationPrev"))}function d(t){t.preventDefault(),(!e.isEnd||e.params.loop||e.params.rewind)&&(e.slideNext(),i("navigationNext"))}function c(){e.params.navigation=ae(e,e.originalParams.navigation,e.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"});const t=r();if(!t.nextEl&&!t.prevEl)return;const s=a(t.nextEl),i=a(t.prevEl);Object.assign(e.navigation,{nextEl:s,prevEl:i});const n=w(s),l=w(i),c=(s,i)=>{if(s){if(t.addIcons&&s.matches(".swiper-button-next,.swiper-button-prev")&&!s.querySelector("svg")){const e=document.createElement("div");y(e,ne);const t=e.querySelector("svg");t&&s.appendChild(t),e.remove()}s.addEventListener("click","next"===i?d:o)}!e.enabled&&s&&s.classList.add(...t.lockClass.split(" "))};n.forEach(e=>c(e,"next")),l.forEach(e=>c(e,"prev"))}function p(){const t=r(),{nextEl:s,prevEl:i}=e.navigation,a=w(s),n=w(i),l=(e,s)=>{e.removeEventListener("click","next"===s?d:o),e.classList.remove(...t.disabledClass.split(" "))};a.forEach(e=>l(e,"next")),n.forEach(e=>l(e,"prev"))}t({navigation:{nextEl:null,prevEl:null,addIcons:!0,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),e.navigation={nextEl:null,prevEl:null,arrowSvg:ne},s("init",()=>{!1===r().enabled?u():(c(),l())}),s("toEdge fromEdge lock unlock",()=>{l()}),s("destroy",()=>{p()}),s("enable disable",()=>{const t=r(),{nextEl:s,prevEl:i}=e.navigation,a=w(s),n=w(i);e.enabled?l():[...a,...n].filter(e=>!!e).forEach(e=>e.classList.add(t.lockClass))}),s("click",(t,s)=>{const a=r(),{nextEl:n,prevEl:l}=e.navigation,o=w(n),d=w(l),c=s.target;let p=d.includes(c)||o.includes(c);if(e.isElement&&!p){const e=s.composedPath?s.composedPath():[];e.length&&(p=e.find(e=>o.includes(e)||d.includes(e)))}if(a.hideOnClick&&!p){if(e.pagination&&e.params.pagination&&e.params.pagination.clickable&&(e.pagination.el===c||e.pagination.el.contains(c)))return;let t;o.length?t=o[0].classList.contains(a.hiddenClass):d.length&&(t=d[0].classList.contains(a.hiddenClass)),i(!0===t?"navigationShow":"navigationHide"),[...o,...d].filter(e=>!!e).forEach(e=>e.classList.toggle(a.hiddenClass))}});const u=()=>{const t=r();e.el.classList.add(...t.navigationDisabledClass.split(" ")),p()};Object.assign(e.navigation,{enable:()=>{const t=r();e.el.classList.remove(...t.navigationDisabledClass.split(" ")),c(),l()},disable:u,update:l,init:c,destroy:p})},({swiper:e,extendParams:t,on:s,emit:i})=>{const r="swiper-pagination";let a;t({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),e.pagination={el:null,bullets:[]};let n=0;function l(){return e.params.pagination}function o(){return!l().el||!e.pagination.el||Array.isArray(e.pagination.el)&&0===e.pagination.el.length}function d(e,t){const{bulletActiveClass:s}=l();if(!e)return;let i=e[("prev"===t?"previous":"next")+"ElementSibling"];i&&(i.classList.add(`${s}-${t}`),i=i[("prev"===t?"previous":"next")+"ElementSibling"],i&&i.classList.add(`${s}-${t}-${t}`))}function c(t){const s=t.target.closest(le(l().bulletClass));if(!s)return;t.preventDefault();const i=(h(s)??0)*(e.params.slidesPerGroup??1);if(e.params.loop){if(e.realIndex===i)return;const t=(r=e.realIndex,a=i,n=e.slides.length,(a%=n)===1+(r%=n)?"next":a===r-1?"previous":void 0);"next"===t?e.slideNext():"previous"===t?e.slidePrev():e.slideToLoop(i)}else e.slideTo(i);var r,a,n}function p(){const t=e.rtl,s=l();if(o())return;const r=w(e.pagination.el);let c,p;const u=oe(e),m=e.params.loop?Math.ceil(u/(e.params.slidesPerGroup??1)):e.snapGrid.length;if(e.params.loop?(p=e.previousRealIndex||0,c=(e.params.slidesPerGroup??1)>1?Math.floor(e.realIndex/(e.params.slidesPerGroup??1)):e.realIndex):void 0!==e.snapIndex?(c=e.snapIndex,p=e.previousSnapIndex):(p=e.previousIndex||0,c=e.activeIndex||0),"bullets"===s.type&&e.pagination.bullets&&e.pagination.bullets.length>0){const i=e.pagination.bullets;let l=0,o=0,u=0;if(s.dynamicBullets){a=v(i[0],e.isHorizontal()?"width":"height");const t=e.isHorizontal()?"width":"height";r.forEach(e=>{e.style[t]=(a??0)*(s.dynamicMainBullets+4)+"px"}),s.dynamicMainBullets>1&&void 0!==p&&(n+=c-(p||0),n>s.dynamicMainBullets-1?n=s.dynamicMainBullets-1:n<0&&(n=0)),l=Math.max(c-n,0),o=l+(Math.min(i.length,s.dynamicMainBullets)-1),u=(o+l)/2}if(i.forEach(e=>{const t=["","-next","-next-next","-prev","-prev-prev","-main"].map(e=>`${s.bulletActiveClass}${e}`).flatMap(e=>"string"==typeof e&&e.includes(" ")?e.split(" "):[e]);e.classList.remove(...t)}),r.length>1)i.forEach(t=>{const i=h(t);i===c?t.classList.add(...s.bulletActiveClass.split(" ")):e.isElement&&t.setAttribute("part","bullet"),s.dynamicBullets&&void 0!==i&&(i>=l&&i<=o&&t.classList.add(...`${s.bulletActiveClass}-main`.split(" ")),i===l&&d(t,"prev"),i===o&&d(t,"next"))});else{const t=i[c];if(t&&t.classList.add(...s.bulletActiveClass.split(" ")),e.isElement&&i.forEach((e,t)=>{e.setAttribute("part",t===c?"bullet-active":"bullet")}),s.dynamicBullets){const e=i[l],t=i[o];for(let e=l;e<=o;e+=1)i[e]&&i[e].classList.add(...`${s.bulletActiveClass}-main`.split(" "));d(e,"prev"),d(t,"next")}}if(s.dynamicBullets){const r=Math.min(i.length,s.dynamicMainBullets+4),n=((a??0)*r-(a??0))/2-u*(a??0),l=t?"right":"left",o=e.isHorizontal()?l:"top";i.forEach(e=>{e.style[o]=`${n}px`})}}r.forEach((t,r)=>{if("fraction"===s.type&&(t.querySelectorAll(le(s.currentClass)).forEach(e=>{e.textContent=String(s.formatFractionCurrent(c+1))}),t.querySelectorAll(le(s.totalClass)).forEach(e=>{e.textContent=String(s.formatFractionTotal(m))})),"progressbar"===s.type){let i;i=s.progressbarOpposite?e.isHorizontal()?"vertical":"horizontal":e.isHorizontal()?"horizontal":"vertical";const r=(c+1)/m;let a=1,n=1;"horizontal"===i?a=r:n=r,t.querySelectorAll(le(s.progressbarFillClass)).forEach(t=>{t.style.transform=`translate3d(0,0,0) scaleX(${a}) scaleY(${n})`,t.style.transitionDuration=`${e.params.speed}ms`})}"custom"===s.type&&s.renderCustom?(y(t,s.renderCustom(e,c+1,m)),0===r&&i("paginationRender",t)):(0===r&&i("paginationRender",t),i("paginationUpdate",t)),e.params.watchOverflow&&e.enabled&&t.classList[e.isLocked?"add":"remove"](s.lockClass)})}function u(){const t=l();if(o())return;const s=oe(e),r=w(e.pagination.el);let a="";if("bullets"===t.type){let i=e.params.loop?Math.ceil(s/(e.params.slidesPerGroup??1)):e.snapGrid.length;e.params.freeMode&&(e=>!!e.params.freeMode?.enabled)(e)&&i>s&&(i=s);for(let s=0;s`}"fraction"===t.type&&(a=t.renderFraction?t.renderFraction.call(e,t.currentClass,t.totalClass):` / `),"progressbar"===t.type&&(a=t.renderProgressbar?t.renderProgressbar.call(e,t.progressbarFillClass):``),e.pagination.bullets=[],r.forEach(s=>{"custom"!==t.type&&y(s,a||""),"bullets"===t.type&&e.pagination.bullets.push(...Array.from(s.querySelectorAll(le(t.bulletClass))))}),"custom"!==t.type&&i("paginationRender",r[0])}function m(){e.params.pagination=ae(e,e.originalParams.pagination,e.params.pagination,{el:"swiper-pagination"});const t=l();if(!t.el)return;let s;if("string"==typeof t.el&&e.isElement&&(s=e.el.querySelector(t.el)),s||"string"!=typeof t.el||(s=[...document.querySelectorAll(t.el)]),s||(s=t.el),!s||Array.isArray(s)&&0===s.length)return;if(e.params.uniqueNavElements&&"string"==typeof t.el&&Array.isArray(s)&&s.length>1&&(s=[...e.el.querySelectorAll(t.el)],s.length>1)){const t=s.find(t=>f(t,".swiper")[0]===e.el);t&&(s=t)}Array.isArray(s)&&1===s.length&&(s=s[0]),Object.assign(e.pagination,{el:s});w(s).forEach(s=>{"bullets"===t.type&&t.clickable&&s.classList.add(...(t.clickableClass||"").split(" ")),s.classList.add(t.modifierClass+t.type),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass),"bullets"===t.type&&t.dynamicBullets&&(s.classList.add(`${t.modifierClass}${t.type}-dynamic`),n=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&s.classList.add(t.progressbarOppositeClass),t.clickable&&s.addEventListener("click",c),e.enabled||s.classList.add(t.lockClass)})}function g(){const t=l();if(o())return;const s=e.pagination.el;if(s){w(s).forEach(s=>{s.classList.remove(t.hiddenClass),s.classList.remove(t.modifierClass+t.type),s.classList.remove(e.isHorizontal()?t.horizontalClass:t.verticalClass),t.clickable&&(s.classList.remove(...(t.clickableClass||"").split(" ")),s.removeEventListener("click",c))})}e.pagination.bullets&&e.pagination.bullets.forEach(e=>e.classList.remove(...t.bulletActiveClass.split(" ")))}s("changeDirection",()=>{if(!e.pagination||!e.pagination.el)return;const t=l();w(e.pagination.el).forEach(s=>{s.classList.remove(t.horizontalClass,t.verticalClass),s.classList.add(e.isHorizontal()?t.horizontalClass:t.verticalClass)})}),s("init",()=>{!1===l().enabled?b():(m(),u(),p())}),s("activeIndexChange",()=>{void 0===e.snapIndex&&p()}),s("snapIndexChange",()=>{p()}),s("snapGridLengthChange",()=>{u(),p()}),s("destroy",()=>{g()}),s("enable disable",()=>{const{el:t}=e.pagination;if(t){const s=l();w(t).forEach(t=>t.classList[e.enabled?"remove":"add"](s.lockClass))}}),s("lock unlock",()=>{p()}),s("click",(t,s)=>{const r=s.target,a=w(e.pagination.el),n=l();if(n.el&&n.hideOnClick&&a&&a.length>0&&!r.classList.contains(n.bulletClass)){if(e.navigation&&(e.navigation.nextEl&&r===e.navigation.nextEl||e.navigation.prevEl&&r===e.navigation.prevEl))return;const t=a[0].classList.contains(n.hiddenClass);i(!0===t?"paginationShow":"paginationHide"),a.forEach(e=>e.classList.toggle(n.hiddenClass))}});const b=()=>{const t=l();e.el.classList.add(t.paginationDisabledClass);const{el:s}=e.pagination;if(s){w(s).forEach(e=>e.classList.add(t.paginationDisabledClass))}g()};Object.assign(e.pagination,{enable:()=>{const t=l();e.el.classList.remove(t.paginationDisabledClass);const{el:s}=e.pagination;if(s){w(s).forEach(e=>e.classList.remove(t.paginationDisabledClass))}m(),u(),p()},disable:b,render:u,update:p,init:m,destroy:g})},({swiper:s,extendParams:i,on:r,emit:a})=>{let n=!1,l=null,o=null,d=0,c=0,m=0,h=0;function f(){return s.params.scrollbar}function g(){const e=f();if(!e.el||!s.scrollbar.el)return;const{scrollbar:t,rtlTranslate:i}=s,{dragEl:r,el:a}=t,n=s.params.loop?s.progressLoop??0:s.progress;let o=c,d=(m-c)*n;i?(d=-d,d>0?(o=c-d,d=0):-d+c>m&&(o=m+d)):d<0?(o=c+d,d=0):d+c>m&&(o=m-d),s.isHorizontal()?(r.style.transform=`translate3d(${d}px, 0, 0)`,r.style.width=`${o}px`):(r.style.transform=`translate3d(0px, ${d}px, 0)`,r.style.height=`${o}px`),e.hide&&(l&&clearTimeout(l),a.style.opacity="1",l=setTimeout(()=>{a.style.opacity="0",a.style.transitionDuration="400ms"},1e3))}function v(){const e=f();if(!e.el||!s.scrollbar.el)return;const{scrollbar:t}=s,{dragEl:i,el:r}=t;i.style.width="",i.style.height="",m=s.isHorizontal()?r.offsetWidth:r.offsetHeight,h=s.size/(s.virtualSize+(s.params.slidesOffsetBefore??0)-(s.params.centeredSlides?s.snapGrid[0]:0)),c="auto"===e.dragSize?m*h:parseInt(String(e.dragSize),10),s.isHorizontal()?i.style.width=`${c}px`:i.style.height=`${c}px`,r.style.display=h>=1?"none":"",e.hide&&(r.style.opacity="0"),s.params.watchOverflow&&s.enabled&&t.el.classList[s.isLocked?"add":"remove"](e.lockClass)}function b(e){return s.isHorizontal()?e.clientX??e.touches?.[0]?.clientX??0:e.clientY??e.touches?.[0]?.clientY??0}function y(e){const{scrollbar:t,rtlTranslate:i}=s,{el:r}=t;let a;a=(b(e)-u(r)[s.isHorizontal()?"left":"top"]-(null!==d?d:c/2))/(m-c),a=Math.max(Math.min(a,1),0),i&&(a=1-a);const n=s.minTranslate()+(s.maxTranslate()-s.minTranslate())*a;s.updateProgress(n),s.setTranslate(n),s.updateActiveIndex(),s.updateSlidesClasses()}function E(e){const t=f(),{scrollbar:i,wrapperEl:r}=s,{el:l,dragEl:c}=i;n=!0,d=e.target===c?b(e)-e.target.getBoundingClientRect()[s.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),r.style.transitionDuration="100ms",c.style.transitionDuration="100ms",y(e),o&&clearTimeout(o),l.style.transitionDuration="0ms",t.hide&&(l.style.opacity="1"),s.params.cssMode&&(s.wrapperEl.style.scrollSnapType="none"),a("scrollbarDragStart",e)}function S(e){const{scrollbar:t,wrapperEl:i}=s,{el:r,dragEl:l}=t;n&&(e.cancelable&&e.preventDefault(),y(e),i.style.transitionDuration="0ms",r.style.transitionDuration="0ms",l.style.transitionDuration="0ms",a("scrollbarDragMove",e))}function x(e){const i=f(),{scrollbar:r,wrapperEl:l}=s,{el:d}=r;n&&(n=!1,s.params.cssMode&&(s.wrapperEl.style.scrollSnapType="",l.style.transitionDuration=""),i.hide&&(o&&clearTimeout(o),o=t(()=>{d.style.opacity="0",d.style.transitionDuration="400ms"},1e3)),a("scrollbarDragEnd",e),i.snapOnRelease&&s.slideToClosest())}function T(e){const{scrollbar:t,params:i}=s,r=t.el;if(!r)return;const a=!!i.passiveListeners&&{passive:!1,capture:!1},n=!!i.passiveListeners&&{passive:!0,capture:!1},l="on"===e?"addEventListener":"removeEventListener";r[l]("pointerdown",E,a),document[l]("pointermove",S,a),document[l]("pointerup",x,n)}function M(){const{scrollbar:t,el:i}=s;s.params.scrollbar=ae(s,s.originalParams.scrollbar,s.params.scrollbar,{el:"swiper-scrollbar"});const r=f();if(!r.el)return;let a;if(a="string"==typeof r.el&&s.isElement?s.el.querySelector(r.el):r.el,a||"string"!=typeof r.el)a||(a=r.el);else if(a=document.querySelectorAll(r.el),!a.length)return;s.params.uniqueNavElements&&"string"==typeof r.el&&a.length>1&&1===i.querySelectorAll(r.el).length&&(a=i.querySelector(r.el)),a.length>0&&(a=a[0]);const n=a;n.classList.add(s.isHorizontal()?r.horizontalClass:r.verticalClass);let l=null;n&&(l=n.querySelector(le(r.dragClass)),l||(l=p("div",r.dragClass),n.append(l))),Object.assign(t,{el:n,dragEl:l}),r.draggable&&f().el&&s.scrollbar.el&&T("on"),n&&n.classList[s.enabled?"remove":"add"](...e(r.lockClass))}function C(){const t=f(),i=s.scrollbar.el;i&&i.classList.remove(...e(s.isHorizontal()?t.horizontalClass:t.verticalClass)),f().el&&s.scrollbar.el&&T("off")}i({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),s.scrollbar={el:null,dragEl:null},r("changeDirection",()=>{if(!s.scrollbar||!s.scrollbar.el)return;const e=f();w(s.scrollbar.el).forEach(t=>{t.classList.remove(e.horizontalClass,e.verticalClass),t.classList.add(s.isHorizontal()?e.horizontalClass:e.verticalClass)})}),r("init",()=>{!1===f().enabled?P():(M(),v(),g())}),r("update resize observerUpdate lock unlock changeDirection",()=>{v()}),r("setTranslate",()=>{g()}),r("setTransition",(e,t)=>{!function(e){f().el&&s.scrollbar.el&&(s.scrollbar.dragEl.style.transitionDuration=`${e}ms`)}(t)}),r("enable disable",()=>{const{el:t}=s.scrollbar;t&&t.classList[s.enabled?"remove":"add"](...e(f().lockClass))}),r("destroy",()=>{C()});const P=()=>{const t=f();s.el.classList.add(...e(t.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.add(...e(t.scrollbarDisabledClass)),C()};Object.assign(s.scrollbar,{enable:()=>{const t=f();s.el.classList.remove(...e(t.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.remove(...e(t.scrollbarDisabledClass)),M(),v(),g()},disable:P,updateSize:v,setTranslate:g,init:M,destroy:C})},({swiper:e,extendParams:t,on:s})=>{function i(){return e.params.parallax}t({parallax:{enabled:!1}});const r="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",a=(t,s)=>{const{rtl:i}=e,r=i?-1:1,a=t.getAttribute("data-swiper-parallax")||"0";let n=t.getAttribute("data-swiper-parallax-x"),l=t.getAttribute("data-swiper-parallax-y");const o=t.getAttribute("data-swiper-parallax-scale"),d=t.getAttribute("data-swiper-parallax-opacity"),c=t.getAttribute("data-swiper-parallax-rotate");if(n||l?(n=n||"0",l=l||"0"):e.isHorizontal()?(n=a,l="0"):(l=a,n="0"),n=n.indexOf("%")>=0?parseInt(n,10)*s*r+"%":Number(n)*s*r+"px",l=l.indexOf("%")>=0?parseInt(l,10)*s+"%":Number(l)*s+"px",null!=d){const e=Number(d),i=e-(e-1)*(1-Math.abs(s));t.style.opacity=String(i)}let p=`translate3d(${n}, ${l}, 0px)`;if(null!=o){const e=Number(o);p+=` scale(${e-(e-1)*(1-Math.abs(s))})`}if(c&&null!=c){p+=` rotate(${Number(c)*s*-1}deg)`}t.style.transform=p},n=()=>{const{el:t,slides:s,progress:i,snapGrid:n}=e,l=d(t,r);e.isElement&&l.push(...d(e.hostEl,r)),l.forEach(e=>{a(e,i)}),s.forEach((t,s)=>{let l=t.progress??0;(e.params.slidesPerGroup??1)>1&&"auto"!==e.params.slidesPerView&&(l+=Math.ceil(s/2)-i*(n.length-1)),l=Math.min(Math.max(l,-1),1),t.querySelectorAll(`${r}, [data-swiper-parallax-rotate]`).forEach(e=>{a(e,l)})})};s("beforeInit",()=>{i().enabled&&(e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0)}),s("init",()=>{i().enabled&&n()}),s("setTranslate",()=>{i().enabled&&n()}),s("setTransition",(t,s)=>{i().enabled&&((t=e.params.speed??300)=>{const{el:s,hostEl:i}=e,a=[...s.querySelectorAll(r)];e.isElement&&a.push(...i.querySelectorAll(r)),a.forEach(e=>{const s=e.getAttribute("data-swiper-parallax-duration");let i=(s?parseInt(s,10):0)||t;0===t&&(i=0),e.style.transitionDuration=`${i}ms`})})(s)})},({swiper:e,extendParams:t,on:s,emit:r})=>{function a(){return e.params.zoom}t({zoom:{enabled:!1,limitToOriginalSize:!1,maxRatio:3,minRatio:1,panOnMouseMove:!1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),e.zoom={enabled:!1};let n=1,l=!1,o=!1,c={x:0,y:0};let p=!1,m=!1;const h=[],g={originX:0,originY:0,slideEl:void 0,slideWidth:void 0,slideHeight:void 0,imageEl:void 0,imageWrapEl:void 0,maxRatio:3},v={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},w={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let b,y=1;function E(){if(h.length<2)return 1;const e=h[0].pageX,t=h[0].pageY,s=h[1].pageX,i=h[1].pageY;return Math.sqrt((s-e)**2+(i-t)**2)}function S(){const e=a(),t=g.imageWrapEl?.getAttribute("data-swiper-zoom"),s=null!=t?Number(t):e.maxRatio,i=g.imageEl;if(e.limitToOriginalSize&&i&&i.naturalWidth){const e=i.naturalWidth/i.offsetWidth;return Math.min(e,s)}return s}function x(t){const s=e.isElement?"swiper-slide":`.${e.params.slideClass}`,i=t.target;return!!i&&(!!i.matches(s)||e.slides.filter(e=>e.contains(i)).length>0)}function T(t){const s=`.${a().containerClass}`,i=t.target;return!!i&&(!!i.matches(s)||[...e.hostEl.querySelectorAll(s)].filter(e=>e.contains(i)).length>0)}function M(t){if("mouse"===t.pointerType&&h.splice(0,h.length),!x(t))return;const s=a();if(p=!1,m=!1,h.push(t),!(h.length<2)){if(p=!0,g.scaleStart=E(),!g.slideEl){const i=t.target;g.slideEl=i?.closest(`.${e.params.slideClass}, swiper-slide`)??void 0,g.slideEl||(g.slideEl=e.slides[e.activeIndex]);let r=g.slideEl?.querySelector(`.${s.containerClass}`)??null;if(r&&(r=r.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]??null),g.imageEl=r??void 0,g.imageWrapEl=r?f(r,`.${s.containerClass}`)[0]??void 0:void 0,!g.imageWrapEl)return void(g.imageEl=void 0);g.maxRatio=S()}if(g.imageEl){const[e,t]=function(){if(h.length<2||!g.imageEl)return[null,null];const e=g.imageEl.getBoundingClientRect();return[(h[0].pageX+(h[1].pageX-h[0].pageX)/2-e.x-window.scrollX)/n,(h[0].pageY+(h[1].pageY-h[0].pageY)/2-e.y-window.scrollY)/n]}();g.originX=e??0,g.originY=t??0,g.imageEl.style.transitionDuration="0ms"}l=!0}}function C(t){if(!x(t))return;const s=a(),i=e.zoom,r=h.findIndex(e=>e.pointerId===t.pointerId);r>=0&&(h[r]=t),h.length<2||(m=!0,g.scaleMove=E(),g.imageEl&&(i.scale=g.scaleMove/(g.scaleStart??1)*n,i.scale>g.maxRatio&&(i.scale=g.maxRatio-1+(i.scale-g.maxRatio+1)**.5),i.scalee.pointerId===t.pointerId);r>=0&&h.splice(r,1),p&&m&&(p=!1,m=!1,g.imageEl&&(i.scale=Math.max(Math.min(i.scale,g.maxRatio),s.minRatio),g.imageEl.style.transitionDuration=`${e.params.speed}ms`,g.imageEl.style.transform=`translate3d(0,0,0) scale(${i.scale})`,n=i.scale,l=!1,i.scale>1&&g.slideEl?g.slideEl.classList.add(`${s.zoomedSlideClass}`):i.scale<=1&&g.slideEl&&g.slideEl.classList.remove(`${s.zoomedSlideClass}`),1===i.scale&&(g.originX=0,g.originY=0,g.slideEl=void 0)))}function L(){e.touchEventsData.preventTouchMoveFromPointerMove=!1}function A(t){const s="mouse"===t.pointerType&&a().panOnMouseMove;if(!x(t)||!T(t))return;const r=e.zoom;if(!g.imageEl)return;if(!v.isTouched||!g.slideEl)return void(s&&z(t));if(s)return void z(t);v.isMoved||(v.width=g.imageEl.offsetWidth||g.imageEl.clientWidth,v.height=g.imageEl.offsetHeight||g.imageEl.clientHeight,v.startX=i(g.imageWrapEl,"x")||0,v.startY=i(g.imageWrapEl,"y")||0,g.slideWidth=g.slideEl.offsetWidth,g.slideHeight=g.slideEl.offsetHeight,g.imageWrapEl.style.transitionDuration="0ms");const o=v.width*r.scale,d=v.height*r.scale;v.minX=Math.min(g.slideWidth/2-o/2,0),v.maxX=-v.minX,v.minY=Math.min(g.slideHeight/2-d/2,0),v.maxY=-v.minY,v.touchesCurrent.x=h.length>0?h[0].pageX:t.pageX,v.touchesCurrent.y=h.length>0?h[0].pageY:t.pageY;Math.max(Math.abs(v.touchesCurrent.x-(v.touchesStart.x??0)),Math.abs(v.touchesCurrent.y-(v.touchesStart.y??0)))>5&&(e.allowClick=!1);const c=v.startX??0,p=v.startY??0;if(!v.isMoved&&!l){if(e.isHorizontal()&&(Math.floor(v.minX)===Math.floor(c)&&v.touchesCurrent.x<(v.touchesStart.x??0)||Math.floor(v.maxX)===Math.floor(c)&&v.touchesCurrent.x>(v.touchesStart.x??0)))return v.isTouched=!1,void L();if(!e.isHorizontal()&&(Math.floor(v.minY)===Math.floor(p)&&v.touchesCurrent.y<(v.touchesStart.y??0)||Math.floor(v.maxY)===Math.floor(p)&&v.touchesCurrent.y>(v.touchesStart.y??0)))return v.isTouched=!1,void L()}t.cancelable&&t.preventDefault(),t.stopPropagation(),void 0!==b&&clearTimeout(b),e.touchEventsData.preventTouchMoveFromPointerMove=!0,b=setTimeout(()=>{e.destroyed||L()}),v.isMoved=!0;const u=(r.scale-n)/(g.maxRatio-a().minRatio),{originX:m,originY:f}=g;v.currentX=v.touchesCurrent.x-(v.touchesStart.x??0)+c+u*(v.width-2*m),v.currentY=v.touchesCurrent.y-(v.touchesStart.y??0)+p+u*(v.height-2*f),v.currentXv.maxX&&(v.currentX=v.maxX-1+(v.currentX-v.maxX+1)**.8),v.currentYv.maxY&&(v.currentY=v.maxY-1+(v.currentY-v.maxY+1)**.8),w.prevPositionX||(w.prevPositionX=v.touchesCurrent.x),w.prevPositionY||(w.prevPositionY=v.touchesCurrent.y),w.prevTime||(w.prevTime=Date.now()),w.x=(v.touchesCurrent.x-w.prevPositionX)/(Date.now()-w.prevTime)/2,w.y=(v.touchesCurrent.y-w.prevPositionY)/(Date.now()-w.prevTime)/2,Math.abs(v.touchesCurrent.x-w.prevPositionX)<2&&(w.x=0),Math.abs(v.touchesCurrent.y-w.prevPositionY)<2&&(w.y=0),w.prevPositionX=v.touchesCurrent.x,w.prevPositionY=v.touchesCurrent.y,w.prevTime=Date.now(),g.imageWrapEl.style.transform=`translate3d(${v.currentX}px, ${v.currentY}px,0)`}function I(){const t=e.zoom;g.slideEl&&e.activeIndex!==e.slides.indexOf(g.slideEl)&&(g.imageEl&&(g.imageEl.style.transform="translate3d(0,0,0) scale(1)"),g.imageWrapEl&&(g.imageWrapEl.style.transform="translate3d(0,0,0)"),g.slideEl.classList.remove(`${a().zoomedSlideClass}`),t.scale=1,n=1,g.slideEl=void 0,g.imageEl=void 0,g.imageWrapEl=void 0,g.originX=0,g.originY=0)}function z(e){if(n<=1||!g.imageWrapEl)return;if(!x(e)||!T(e))return;const t=window.getComputedStyle(g.imageWrapEl).transform,s=new window.DOMMatrix(t);if(!o)return o=!0,c.x=e.clientX,c.y=e.clientY,v.startX=s.e,v.startY=s.f,v.width=g.imageEl.offsetWidth||g.imageEl.clientWidth,v.height=g.imageEl.offsetHeight||g.imageEl.clientHeight,g.slideWidth=g.slideEl.offsetWidth,void(g.slideHeight=g.slideEl.offsetHeight);const i=-3*(e.clientX-c.x),r=-3*(e.clientY-c.y),a=v.width*n,l=v.height*n,d=g.slideWidth,p=g.slideHeight,u=Math.min(d/2-a/2,0),m=-u,h=Math.min(p/2-l/2,0),f=-h,w=Math.max(Math.min(v.startX+i,m),u),b=Math.max(Math.min(v.startY+r,f),h);g.imageWrapEl.style.transitionDuration="0ms",g.imageWrapEl.style.transform=`translate3d(${w}px, ${b}px, 0)`,c.x=e.clientX,c.y=e.clientY,v.startX=w,v.startY=b,v.currentX=w,v.currentY=b}function $(t){const s=e.zoom,i=a();if(!g.slideEl){if(t&&"number"!=typeof t&&"target"in t&&t.target&&(g.slideEl=t.target.closest(`.${e.params.slideClass}, swiper-slide`)??void 0),!g.slideEl){const t=e.params.virtual;t&&t.enabled&&e.virtual?g.slideEl=d(e.slidesEl,`.${e.params.slideActiveClass}`)[0]??void 0:g.slideEl=e.slides[e.activeIndex]}let s=g.slideEl?.querySelector(`.${i.containerClass}`)??null;s&&(s=s.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]??null),g.imageEl=s??void 0,g.imageWrapEl=s?f(s,`.${i.containerClass}`)[0]??void 0:void 0}if(!g.imageEl||!g.imageWrapEl||!g.slideEl)return;let r,l,o,c,p,m,h,w,b,y,E,x,T,M,C,P,L,A;g.maxRatio=S(),e.params.cssMode&&(e.wrapperEl.style.overflow="hidden",e.wrapperEl.style.touchAction="none"),g.slideEl.classList.add(`${i.zoomedSlideClass}`);const I=t&&"number"!=typeof t;void 0===v.touchesStart.x&&I?(r=t.pageX,l=t.pageY):(r=v.touchesStart.x,l=v.touchesStart.y);const z=n,$="number"==typeof t?t:null;1===n&&$&&(r=void 0,l=void 0,v.touchesStart.x=void 0,v.touchesStart.y=void 0);const k=S();s.scale=$||k,n=$||k,!t||1===n&&$?(h=0,w=0):(L=g.slideEl.offsetWidth,A=g.slideEl.offsetHeight,o=u(g.slideEl).left+window.scrollX,c=u(g.slideEl).top+window.scrollY,p=o+L/2-(r??0),m=c+A/2-(l??0),b=g.imageEl.offsetWidth||g.imageEl.clientWidth,y=g.imageEl.offsetHeight||g.imageEl.clientHeight,E=b*s.scale,x=y*s.scale,T=Math.min(L/2-E/2,0),M=Math.min(A/2-x/2,0),C=-T,P=-M,z>0&&$&&"number"==typeof v.currentX&&"number"==typeof v.currentY?(h=v.currentX*s.scale/z,w=v.currentY*s.scale/z):(h=p*s.scale,w=m*s.scale),hC&&(h=C),wP&&(w=P)),$&&1===s.scale&&(g.originX=0,g.originY=0),v.currentX=h,v.currentY=w,g.imageWrapEl.style.transitionDuration="300ms",g.imageWrapEl.style.transform=`translate3d(${h}px, ${w}px,0)`,g.imageEl.style.transitionDuration="300ms",g.imageEl.style.transform=`translate3d(0,0,0) scale(${s.scale})`}function k(){const t=e.zoom,s=a();if(!g.slideEl){const t=e.params.virtual;t&&t.enabled&&e.virtual?g.slideEl=d(e.slidesEl,`.${e.params.slideActiveClass}`)[0]??void 0:g.slideEl=e.slides[e.activeIndex];let i=g.slideEl?.querySelector(`.${s.containerClass}`)??null;i&&(i=i.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]??null),g.imageEl=i??void 0,g.imageWrapEl=i?f(i,`.${s.containerClass}`)[0]??void 0:void 0}g.imageEl&&g.imageWrapEl&&g.slideEl&&(g.maxRatio=S(),e.params.cssMode&&(e.wrapperEl.style.overflow="",e.wrapperEl.style.touchAction=""),t.scale=1,n=1,v.currentX=void 0,v.currentY=void 0,v.touchesStart.x=void 0,v.touchesStart.y=void 0,g.imageWrapEl.style.transitionDuration="300ms",g.imageWrapEl.style.transform="translate3d(0,0,0)",g.imageEl.style.transitionDuration="300ms",g.imageEl.style.transform="translate3d(0,0,0) scale(1)",g.slideEl.classList.remove(`${s.zoomedSlideClass}`),g.slideEl=void 0,g.originX=0,g.originY=0,s.panOnMouseMove&&(c={x:0,y:0},o&&(o=!1,v.startX=0,v.startY=0)))}function O(t){const s=e.zoom;s.scale&&1!==s.scale?k():$(t)}function D(){return{passiveListener:!!e.params.passiveListeners&&{passive:!0,capture:!1},activeListenerWithCapture:!e.params.passiveListeners||{passive:!1,capture:!0}}}function G(){const t=e.zoom;if(t.enabled)return;t.enabled=!0;const{passiveListener:s,activeListenerWithCapture:i}=D();e.wrapperEl.addEventListener("pointerdown",M,s),e.wrapperEl.addEventListener("pointermove",C,i),["pointerup","pointercancel","pointerout"].forEach(t=>{e.wrapperEl.addEventListener(t,P,s)}),e.wrapperEl.addEventListener("pointermove",A,i)}function X(){const t=e.zoom;if(!t.enabled)return;t.enabled=!1;const{passiveListener:s,activeListenerWithCapture:i}=D();e.wrapperEl.removeEventListener("pointerdown",M,s),e.wrapperEl.removeEventListener("pointermove",C,i),["pointerup","pointercancel","pointerout"].forEach(t=>{e.wrapperEl.removeEventListener(t,P,s)}),e.wrapperEl.removeEventListener("pointermove",A,i)}Object.defineProperty(e.zoom,"scale",{get:()=>y,set(e){if(y!==e){const t=g.imageEl,s=g.slideEl;r("zoomChange",e,t,s)}y=e}}),s("init",()=>{a().enabled&&G()}),s("destroy",()=>{X()}),s("touchStart",(t,s)=>{e.zoom.enabled&&function(t){const s=e.device;if(!g.imageEl)return;if(v.isTouched)return;s.android&&t.cancelable&&t.preventDefault(),v.isTouched=!0;const i=h.length>0?h[0]:t;v.touchesStart.x=i.pageX,v.touchesStart.y=i.pageY}(s)}),s("touchEnd",()=>{e.zoom.enabled&&function(){const t=e.zoom;if(h.length=0,!g.imageEl)return;if(!v.isTouched||!v.isMoved)return v.isTouched=!1,void(v.isMoved=!1);v.isTouched=!1,v.isMoved=!1;let s=300,i=300;const r=w.x??0,a=w.y??0,n=r*s,l=v.currentX+n,o=a*i,d=v.currentY+o;0!==r&&(s=Math.abs((l-v.currentX)/r)),0!==a&&(i=Math.abs((d-v.currentY)/a));const c=Math.max(s,i);v.currentX=l,v.currentY=d;const p=v.width*t.scale,u=v.height*t.scale;v.minX=Math.min(g.slideWidth/2-p/2,0),v.maxX=-v.minX,v.minY=Math.min(g.slideHeight/2-u/2,0),v.maxY=-v.minY,v.currentX=Math.max(Math.min(v.currentX,v.maxX),v.minX),v.currentY=Math.max(Math.min(v.currentY,v.maxY),v.minY),g.imageWrapEl.style.transitionDuration=`${c}ms`,g.imageWrapEl.style.transform=`translate3d(${v.currentX}px, ${v.currentY}px,0)`}()}),s("doubleTap",(t,s)=>{!e.animating&&a().enabled&&e.zoom.enabled&&a().toggle&&O(s)}),s("transitionEnd",()=>{e.zoom.enabled&&a().enabled&&I()}),s("slideChange",()=>{e.zoom.enabled&&a().enabled&&e.params.cssMode&&I()}),Object.assign(e.zoom,{enable:G,disable:X,in:$,out:k,toggle:O})},({swiper:e,extendParams:s,on:i})=>{function r(){return e.params.controller}function a(){e.controller.control&&e.controller.spline&&(e.controller.spline=void 0,delete e.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),e.controller={control:void 0},i("beforeInit",()=>{const t=r().control;if("undefined"!=typeof window&&("string"==typeof t||t instanceof HTMLElement)){return void("string"==typeof t?[...document.querySelectorAll(t)]:[t]).forEach(t=>{e.controller.control||(e.controller.control=[]);const s=e.controller.control;if(t&&t.swiper)s.push(t.swiper);else if(t){const i=`${e.params.eventsPrefix}init`,r=a=>{const n=a.detail;n&&n[0]&&s.push(n[0]),e.update(),t.removeEventListener(i,r)};t.addEventListener(i,r)}})}e.controller.control=t}),i("update",()=>{a()}),i("resize",()=>{a()}),i("observerUpdate",()=>{a()}),i("setTranslate",(t,s,i)=>{e.controller.control&&(!Array.isArray(e.controller.control)&&e.controller.control.destroyed||e.controller.setTranslate(s,i))}),i("setTransition",(t,s,i)=>{e.controller.control&&(!Array.isArray(e.controller.control)&&e.controller.control.destroyed||e.controller.setTransition(s,i))}),Object.assign(e.controller,{setTranslate:function(t,s){const i=e.controller.control;let a,n;const l=e.constructor;function o(t){if(t.destroyed)return;const s=e.rtlTranslate?-e.translate:e.translate,i=r();"slide"===i.by?(!function(t){e.controller.spline=e.params.loop?new de(e.slidesGrid,t.slidesGrid):new de(e.snapGrid,t.snapGrid)}(t),n=-e.controller.spline.interpolate(-s)):n=0,n&&"container"!==i.by||(a=(t.maxTranslate()-t.minTranslate())/(e.maxTranslate()-e.minTranslate()),!Number.isNaN(a)&&Number.isFinite(a)||(a=1),n=(s-e.minTranslate())*a+t.minTranslate()),i.inverse&&(n=t.maxTranslate()-n),t.updateProgress(n),t.setTranslate(n,e),t.updateActiveIndex(),t.updateSlidesClasses()}if(Array.isArray(i))for(let e=0;e{i.updateAutoHeight()}),g(i.wrapperEl,()=>{a&&i.transitionEnd()})))}if(Array.isArray(a))for(let e=0;e{t({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0,wrapperLiveRegion:!0}}),e.a11y={clicked:!1};let i,r=null,a=!1,n=(new Date).getTime();function l(){return e.params.a11y}function o(e){r&&e&&y(r,e)}function d(e){w(e).forEach(e=>{e.setAttribute("tabIndex","0")})}function c(e){w(e).forEach(e=>{e.setAttribute("tabIndex","-1")})}function u(e,t){w(e).forEach(e=>{e.setAttribute("role",t)})}function m(e,t){w(e).forEach(e=>{e.setAttribute("aria-roledescription",t)})}function f(e,t){w(e).forEach(e=>{e.setAttribute("aria-label",t)})}function g(e){w(e).forEach(e=>{e.setAttribute("aria-disabled","true")})}function v(e){w(e).forEach(e=>{e.removeAttribute("aria-disabled")})}function b(t){if(13!==t.keyCode&&32!==t.keyCode)return;const s=l(),i=e.params.pagination,r=t.target;if(!e.pagination||!e.pagination.el||r!==e.pagination.el&&!e.pagination.el.contains(r)||r.matches(le(i?.bulletClass))){if(e.navigation&&e.navigation.prevEl&&e.navigation.nextEl){const t=w(e.navigation.prevEl);w(e.navigation.nextEl).includes(r)&&(e.isEnd&&!e.params.loop||e.slideNext(),e.isEnd?o(s.lastSlideMessage):o(s.nextSlideMessage)),t.includes(r)&&(e.isBeginning&&!e.params.loop||e.slidePrev(),e.isBeginning?o(s.firstSlideMessage):o(s.prevSlideMessage))}e.pagination&&r.matches(le(i?.bulletClass))&&r.click()}}function E(){return!!(e.pagination&&e.pagination.bullets&&e.pagination.bullets.length)}function S(){const t=e.params.pagination;return E()&&!!t?.clickable}const x=(e,t,s)=>{d(e),"BUTTON"!==e.tagName&&(u(e,"button"),e.addEventListener("keydown",b)),f(e,s)},T=t=>{i&&i!==t.target&&!i.contains(t.target)&&(a=!0),e.a11y.clicked=!0},M=()=>{a=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.destroyed||(e.a11y.clicked=!1)})})},C=e=>{n=(new Date).getTime()},P=t=>{const s=l();if(e.a11y.clicked||!s.scrollOnFocus)return;if((new Date).getTime()-n<100)return;const r=t.target.closest(`.${e.params.slideClass}, swiper-slide`);if(!r||!e.slides.includes(r))return;i=r;const o=(e=>!!e.virtual&&!!e.params.virtual?.enabled)(e),d=(o?parseInt(r.getAttribute("data-swiper-slide-index")||"0",10):e.slides.indexOf(r))===e.activeIndex,c=e.params.watchSlidesProgress&&e.visibleSlides&&e.visibleSlides.includes(r);if(d||c)return;const p=t.sourceCapabilities;p&&p.firesTouchEvents||(e.isHorizontal()?e.el.scrollLeft=0:e.el.scrollTop=0,requestAnimationFrame(()=>{a||(e.params.loop?e.slideToLoop(e.getSlideIndexWhenGrid(parseInt(r.getAttribute("data-swiper-slide-index")||"0",10)),0):o?e.slideTo(e.getSlideIndexWhenGrid(parseInt(r.getAttribute("data-swiper-slide-index")||"0",10)),0):e.slideTo(e.getSlideIndexWhenGrid(e.slides.indexOf(r)),0),a=!1)}))},L=()=>{const t=l();t.itemRoleDescriptionMessage&&m(e.slides,t.itemRoleDescriptionMessage),t.slideRole&&u(e.slides,t.slideRole);const s=e.slides.length,i=t.slideLabelMessage;i&&e.slides.forEach((t,r)=>{const a=e.params.loop?parseInt(t.getAttribute("data-swiper-slide-index")||"0",10):r;f(t,i.replace(/\{\{index\}\}/,String(a+1)).replace(/\{\{slidesLength\}\}/,String(s)))})},A=()=>{const t=l();r&&e.el.append(r);const s=e.el;t.containerRoleDescriptionMessage&&m(s,t.containerRoleDescriptionMessage),t.containerMessage&&f(s,t.containerMessage),t.containerRole&&u(s,t.containerRole);const i=e.wrapperEl,a=String(t.id||i.getAttribute("id")||`swiper-wrapper-${function(e=16){return"x".repeat(e).replace(/x/g,()=>Math.round(16*Math.random()).toString(16))}(16)}`);var n;if(n=a,w(i).forEach(e=>{e.setAttribute("id",n)}),t.wrapperLiveRegion){const t=e.params.autoplay;!function(e,t){w(e).forEach(e=>{e.setAttribute("aria-live",t)})}(i,e.params.autoplay&&t?.enabled?"off":"polite")}L();const o=e.navigation?e.navigation:{nextEl:void 0,prevEl:void 0},d=w(o.nextEl),c=w(o.prevEl);if(d&&d.forEach(e=>x(e,0,t.nextSlideMessage)),c&&c.forEach(e=>x(e,0,t.prevSlideMessage)),S()){w(e.pagination.el).forEach(e=>{e.addEventListener("keydown",b)})}document.addEventListener("visibilitychange",C),e.el.addEventListener("focus",P,!0),e.el.addEventListener("pointerdown",T,!0),e.el.addEventListener("pointerup",M,!0)};s("beforeInit",()=>{r=p("span",l().notificationClass),r.setAttribute("aria-live","assertive"),r.setAttribute("aria-atomic","true")}),s("afterInit",()=>{l().enabled&&A()}),s("slidesLengthChange snapGridLengthChange slidesGridLengthChange",()=>{l().enabled&&L()}),s("fromEdge toEdge afterInit lock unlock",()=>{l().enabled&&function(){if(e.params.loop||e.params.rewind||!e.navigation)return;const{nextEl:t,prevEl:s}=e.navigation;s&&(e.isBeginning?(g(s),c(s)):(v(s),d(s))),t&&(e.isEnd?(g(t),c(t)):(v(t),d(t)))}()}),s("paginationUpdate",()=>{l().enabled&&function(){const t=l();if(!E())return;const s=e.params.pagination;e.pagination.bullets.forEach(e=>{s.clickable&&(d(e),s.renderBullet||(u(e,"button"),f(e,t.paginationBulletMessage.replace(/\{\{index\}\}/,String((h(e)??0)+1))))),e.matches(le(s.bulletActiveClass))?e.setAttribute("aria-current","true"):e.removeAttribute("aria-current")})}()}),s("destroy",()=>{l().enabled&&function(){r&&r.remove();const t=e.navigation?e.navigation:{nextEl:void 0,prevEl:void 0},s=w(t.nextEl),i=w(t.prevEl);s&&s.forEach(e=>e.removeEventListener("keydown",b)),i&&i.forEach(e=>e.removeEventListener("keydown",b)),S()&&w(e.pagination.el).forEach(e=>{e.removeEventListener("keydown",b)});document.removeEventListener("visibilitychange",C),e.el&&"string"!=typeof e.el&&(e.el.removeEventListener("focus",P,!0),e.el.removeEventListener("pointerdown",T,!0),e.el.removeEventListener("pointerup",M,!0))}()})},({swiper:e,extendParams:t,on:s})=>{t({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,r={key:void 0,value:void 0};function a(){return e.params.history}const n=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),l=e=>{let t;t=e?new URL(e):window.location;const s=t.pathname.slice(1).split("/").filter(e=>""!==e),i=s.length;return{key:s[i-2],value:s[i-1]}},o=(t,s)=>{const r=a();if(!i||!r.enabled)return;let l;l=e.params.url?new URL(e.params.url):window.location;const o=!!e.params.virtual?.enabled,d=e.virtual&&o?e.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`):e.slides[s];if(!d)return;let c=n(d.getAttribute("data-history")||"");const p=r.root;if(p.length>0){c=`${"/"===p[p.length-1]?p.slice(0,p.length-1):p}/${t?`${t}/`:""}${c}`}else l.pathname.includes(t||"")||(c=`${t?`${t}/`:""}${c}`);r.keepQuery&&(c+=l.search);const u=window.history.state;u&&u.value===c||(r.replaceState?window.history.replaceState({value:c},"",c):window.history.pushState({value:c},"",c))},d=(t,s,i)=>{if(s)for(let r=0,a=e.slides.length;r{r=l(e.params.url),d(e.params.speed,r.value,!1)};s("init",()=>{a().enabled&&(()=>{const t=e.params.history;if(t){if(!window.history||!window.history.pushState){t.enabled=!1;const s=e.params.hashNavigation;return void(s&&(s.enabled=!0))}i=!0,r=l(e.params.url),r.key||r.value?(d(0,r.value,e.params.runCallbacksOnInit),t.replaceState||window.addEventListener("popstate",c)):t.replaceState||window.addEventListener("popstate",c)}})()}),s("destroy",()=>{a().enabled&&(a().replaceState||window.removeEventListener("popstate",c))}),s("transitionEnd _freeModeNoMomentumRelease",()=>{i&&o(a().key,e.activeIndex)}),s("slideChange",()=>{i&&e.params.cssMode&&o(a().key,e.activeIndex)})},({swiper:e,extendParams:t,emit:s,on:i})=>{let r=!1;function a(){return e.params.hashNavigation}t({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1,getSlideIndex(t,s){if(ce(e)){const t=e.slides.find(e=>e.getAttribute("data-hash")===s);if(!t)return 0;return parseInt(t.getAttribute("data-swiper-slide-index")||"0",10)}const i=d(e.slidesEl,`.${e.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`)[0];return i?e.getSlideIndex(i):0}}});const n=()=>{s("hashChange");const t=document.location.hash.replace("#",""),i=ce(e)?e.slidesEl.querySelector(`[data-swiper-slide-index="${e.activeIndex}"]`):e.slides[e.activeIndex];if(t!==(i?i.getAttribute("data-hash"):"")){const s=a().getSlideIndex(e,t);if(void 0===s||Number.isNaN(s))return;e.slideTo(s)}},l=()=>{const t=a();if(!r||!t.enabled)return;const i=ce(e)?e.slidesEl.querySelector(`[data-swiper-slide-index="${e.activeIndex}"]`):e.slides[e.activeIndex],n=i?i.getAttribute("data-hash")||i.getAttribute("data-history"):"";t.replaceState&&window.history&&window.history.replaceState?(window.history.replaceState(null,"",`#${n}`||""),s("hashSet")):(document.location.hash=n||"",s("hashSet"))};i("init",()=>{a().enabled&&(()=>{const t=a(),s=e.params.history;if(!t.enabled||s&&s.enabled)return;r=!0;const i=document.location.hash.replace("#","");if(i){const s=0,r=t.getSlideIndex(e,i);e.slideTo(r||0,s,e.params.runCallbacksOnInit,!0)}t.watchState&&window.addEventListener("hashchange",n)})()}),i("destroy",()=>{a().enabled&&a().watchState&&window.removeEventListener("hashchange",n)}),i("transitionEnd _freeModeNoMomentumRelease",()=>{r&&l()}),i("slideChange",()=>{r&&e.params.cssMode&&l()})},({swiper:e,extendParams:t,on:s,emit:i,params:r})=>{function a(){return e.params.autoplay}e.autoplay={running:!1,paused:!1,timeLeft:0},t({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});const n="object"==typeof r.autoplay&&r.autoplay&&"number"==typeof r.autoplay.delay?r.autoplay.delay:3e3;let l,o,d,c=n,p=n,u=0,m=(new Date).getTime(),h=!1,f=!1,g=!1,v=!1,w=!1;function b(t){if(!e||e.destroyed||!e.wrapperEl)return;if(t.target!==e.wrapperEl)return;e.wrapperEl.removeEventListener("transitionend",b);const s=t.detail;w||s&&s.bySwiperTouchMove||C()}const y=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?h=!0:h&&(p=u,h=!1);const t=e.autoplay.paused?u:m+p-(new Date).getTime();e.autoplay.timeLeft=t,i("autoplayTimeLeft",t,t/c),o=requestAnimationFrame(()=>{y()})},E=()=>{let t=a().delay;const s=(()=>{let t;const s=!!e.params.virtual?.enabled;if(t=e.virtual&&s?e.slides.find(e=>e.classList.contains("swiper-slide-active")):e.slides[e.activeIndex],!t)return;const i=t.getAttribute("data-swiper-autoplay");return null!=i?parseInt(i,10):void 0})();return"number"==typeof s&&!Number.isNaN(s)&&s>0&&(t=s),t},S=t=>{if(e.destroyed||!e.autoplay.running)return 0;void 0!==o&&cancelAnimationFrame(o),y();let s=t;void 0===s&&(s=E(),c=s,p=s),u=s;const r=e.params.speed,n=()=>{if(!e||e.destroyed)return;const t=a();t.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(r,!0,!0),i("autoplay")):t.stopOnLastSlide||(e.slideTo(e.slides.length-1,r,!0,!0),i("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(r,!0,!0),i("autoplay")):t.stopOnLastSlide||(e.slideTo(0,r,!0,!0),i("autoplay")),e.params.cssMode&&(m=(new Date).getTime(),requestAnimationFrame(()=>{S()}))};return s>0?(void 0!==l&&clearTimeout(l),l=setTimeout(()=>{n()},s)):requestAnimationFrame(()=>{n()}),s},x=()=>(m=(new Date).getTime(),e.autoplay.running=!0,S(),i("autoplayStart"),!0),T=()=>(e.autoplay.running=!1,void 0!==l&&clearTimeout(l),void 0!==o&&cancelAnimationFrame(o),i("autoplayStop"),!0),M=(t,s)=>{if(e.destroyed||!e.autoplay.running)return;void 0!==l&&clearTimeout(l),t||(v=!0);const r=()=>{i("autoplayPause"),a().waitForTransition?e.wrapperEl.addEventListener("transitionend",b):C()};if(e.autoplay.paused=!0,s)return void r();const n=u||a().delay;u=n-((new Date).getTime()-m),e.isEnd&&u<0&&!e.params.loop||(u<0&&(u=0),r())},C=()=>{e.isEnd&&u<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(m=(new Date).getTime(),v?(v=!1,S(u)):S(),e.autoplay.paused=!1,i("autoplayResume"))},P=()=>{!e.destroyed&&e.autoplay.running&&("hidden"===document.visibilityState&&(v=!0,M(!0)),"visible"===document.visibilityState&&C())},L=t=>{"mouse"===t.pointerType&&(v=!0,w=!0,e.animating||e.autoplay.paused||M(!0))},A=t=>{"mouse"===t.pointerType&&(w=!1,e.autoplay.paused&&C())};s("init",()=>{a().enabled&&(a().pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",L),e.el.addEventListener("pointerleave",A)),document.addEventListener("visibilitychange",P),x())}),s("destroy",()=>{e.el&&"string"!=typeof e.el&&(e.el.removeEventListener("pointerenter",L),e.el.removeEventListener("pointerleave",A)),document.removeEventListener("visibilitychange",P),e.autoplay.running&&T()}),s("_freeModeStaticRelease",()=>{(g||v)&&C()}),s("_freeModeNoMomentumRelease",()=>{a().disableOnInteraction?T():M(!0,!0)}),s("beforeTransitionStart",(t,s,i)=>{!e.destroyed&&e.autoplay.running&&(i||!a().disableOnInteraction?M(!0,!0):T())}),s("sliderFirstMove",()=>{!e.destroyed&&e.autoplay.running&&(a().disableOnInteraction?T():(f=!0,g=!1,v=!1,d=setTimeout(()=>{v=!0,g=!0,M(!0)},200)))}),s("touchEnd",()=>{if(!e.destroyed&&e.autoplay.running&&f){if(void 0!==d&&clearTimeout(d),void 0!==l&&clearTimeout(l),a().disableOnInteraction)return g=!1,void(f=!1);g&&e.params.cssMode&&C(),g=!1,f=!1}}),s("slideChange",()=>{!e.destroyed&&e.autoplay.running&&e.autoplay.paused&&(u=E(),c=E())}),Object.assign(e.autoplay,{start:x,stop:T,pause:M,resume:C})},({swiper:e,extendParams:t,on:s})=>{t({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let i=!1,a=!1;function n(){return e.params.thumbs}function l(){const t=e.thumbs.swiper;if(!t||t.destroyed)return!1;const s=t.params.virtual;return!!s&&!!s.enabled}function o(){const t=e.thumbs.swiper;if(!t||t.destroyed)return;const s=t.clickedIndex,i=t.clickedSlide,r=n();if(i&&i.classList.contains(r.slideThumbActiveClass))return;if(null==s)return;let a;if(t.params.loop){const e=t.clickedSlide?.getAttribute("data-swiper-slide-index");a=null==e?s:parseInt(e,10)}else a=s;e.params.loop?e.slideToLoop(a):e.slideTo(a)}function c(){const t=n();if(i)return!1;i=!0;const s=e.constructor;if(t.swiper instanceof s){if(t.swiper.destroyed)return i=!1,!1;const s=t.swiper;e.thumbs.swiper=s,Object.assign(s.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),Object.assign(s.params,{watchSlidesProgress:!0,slideToClickedSlide:!1}),s.update()}else if(r(t.swiper)){const i=Object.assign({},t.swiper);Object.assign(i,{watchSlidesProgress:!0,slideToClickedSlide:!1}),e.thumbs.swiper=new s(i),a=!0}const d=e.thumbs.swiper;return!!d&&(d.el.classList.add(t.thumbsContainerClass),d.on("tap",o),l()&&d.on("virtualUpdate",()=>{p(!1,{autoScroll:!1})}),!0)}function p(t,s){const i=e.thumbs.swiper;if(!i||i.destroyed)return;let r=1;const a=n(),o=a.slideThumbActiveClass,c=e.params.slidesPerView;if("number"==typeof c&&c>1&&!e.params.centeredSlides&&(r=c),a.multipleActiveThumbs||(r=1),r=Math.floor(r),i.slides.forEach(e=>e.classList.remove(o)),i.params.loop||l())for(let t=0;t{e.classList.add(o)});else for(let t=0;tt.getAttribute("data-swiper-slide-index")===`${e.realIndex}`);n=t?s.slides.indexOf(t):-1,o=e.activeIndex>e.previousIndex?"next":"prev"}else n=e.realIndex,o=n>e.previousIndex?"next":"prev";l&&(n+="next"===o?a:-1*a),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(n)<0&&(s.params.centeredSlides?n=n>i?n-Math.floor(r/2)+1:n+Math.floor(r/2)-1:n>i&&s.params.slidesPerGroup,s.slideTo(n,t))}}(t?0:void 0)}e.thumbs={swiper:null},s("beforeInit",()=>{const t=e.params.thumbs;if(t&&t.swiper)if("string"==typeof t.swiper||t.swiper instanceof HTMLElement){const s=()=>{const s="string"==typeof t.swiper?document.querySelector(t.swiper):t.swiper;if(s&&s.swiper)t.swiper=s.swiper,c(),p(!0);else if(s){const i=`${e.params.eventsPrefix}init`,r=a=>{const n=a.detail;t.swiper=n[0],s.removeEventListener(i,r),c(),p(!0),t.swiper.update(),e.update()};s.addEventListener(i,r)}return s},i=()=>{if(e.destroyed)return;s()||requestAnimationFrame(i)};requestAnimationFrame(i)}else c(),p(!0)}),s("slideChange update resize observerUpdate",()=>{p()}),s("setTransition",(t,s)=>{const i=e.thumbs.swiper;i&&!i.destroyed&&i.setTransition(s)}),s("beforeDestroy",()=>{const t=e.thumbs.swiper;t&&!t.destroyed&&a&&t.destroy()}),Object.assign(e.thumbs,{init:c,update:p})},({swiper:e,extendParams:t,emit:i,once:r})=>{t({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),e.freeMode={onTouchStart:function(){if(e.params.cssMode)return;const t=e.getTranslate();e.setTranslate(t),e.setTransition(0),e.touchEventsData.velocities.length=0,e.freeMode.onTouchEnd({currentPos:e.rtl?e.translate:-e.translate})},onTouchMove:function(){if(e.params.cssMode)return;const{touchEventsData:t,touches:i}=e;0===t.velocities.length&&t.velocities.push({position:i[e.isHorizontal()?"startX":"startY"],time:t.touchStartTime??s()}),t.velocities.push({position:i[e.isHorizontal()?"currentX":"currentY"],time:s()})},onTouchEnd:function({currentPos:t}){if(e.params.cssMode)return;const{wrapperEl:a,rtlTranslate:n,snapGrid:l,touchEventsData:o}=e,d=e.params,c=e.params.freeMode,p=s(),u=p-(o.touchStartTime??p);if(t<-e.minTranslate())e.slideTo(e.activeIndex);else if(t>-e.maxTranslate())e.slides.length1){const t=o.velocities.pop(),i=o.velocities.pop(),r=t.position-i.position,a=t.time-i.time;e.velocity=r/a,e.velocity/=2,Math.abs(e.velocity)150||s()-t.time>300)&&(e.velocity=0)}else e.velocity=0;e.velocity*=c.momentumVelocityRatio,o.velocities.length=0;let t=1e3*c.momentumRatio;const p=e.velocity*t;let u=e.translate+p;n&&(u=-u);let m,h=!1;const f=20*Math.abs(e.velocity)*c.momentumBounceRatio;let v=!1;if(ue.minTranslate())c.momentumBounce?(u-e.minTranslate()>f&&(u=e.minTranslate()+f),m=e.minTranslate(),h=!0,o.allowMomentumBounce=!0):u=e.minTranslate(),d.loop&&d.centeredSlides&&(v=!0);else if(c.sticky){let t=0;for(let e=0;e-u){t=e;break}u=Math.abs(l[t]-u){e.loopFix()}),0!==e.velocity){if(t=n?Math.abs((-u-e.translate)/e.velocity):Math.abs((u-e.translate)/e.velocity),c.sticky){const s=Math.abs((n?-u:u)-e.translate),i=e.slidesSizesGrid[e.activeIndex],r=d.speed;t=s{e&&!e.destroyed&&o.allowMomentumBounce&&(i("momentumBounce"),e.setTransition(d.speed),setTimeout(()=>{e.setTranslate(m),g(a,()=>{e&&!e.destroyed&&e.transitionEnd()})},0))})):e.velocity?(i("_freeModeNoMomentumRelease"),e.updateProgress(u),e.setTransition(t),e.setTranslate(u),e.transitionStart(!0,e.swipeDirection),e.animating||(e.animating=!0,g(a,()=>{e&&!e.destroyed&&e.transitionEnd()}))):e.updateProgress(u),e.updateActiveIndex(),e.updateSlidesClasses()}else{if(c.sticky)return void e.slideToClosest();i("_freeModeNoMomentumRelease")}(!c.momentum||u>=d.longSwipesMs)&&(i("_freeModeStaticRelease"),e.updateProgress(),e.updateActiveIndex(),e.updateSlidesClasses())}}}},({swiper:e,extendParams:t,on:s})=>{function i(){return e.params.grid}let r,a,n,l;t({grid:{rows:1,fill:"column"}});const o=()=>{let t=e.params.spaceBetween??0;return"string"==typeof t&&t.indexOf("%")>=0?t=parseFloat(t.replace("%",""))/100*e.size:"string"==typeof t&&(t=parseFloat(t)),t},d=()=>{const t=e.params.virtual;return!!e.virtual&&"object"==typeof t&&null!==t&&!!t.enabled};s("init",()=>{const t=e.params.grid;l=!!(t&&(t.rows??1)>1)}),s("update",()=>{const{params:t,el:s}=e,i=t.grid,r=!!(i&&(i.rows??1)>1);l&&!r?(s.classList.remove(`${t.containerModifierClass}grid`,`${t.containerModifierClass}grid-column`),n=1,e.emitContainerClasses()):!l&&r&&(s.classList.add(`${t.containerModifierClass}grid`),"column"===i.fill&&s.classList.add(`${t.containerModifierClass}grid-column`),e.emitContainerClasses()),l=r}),e.grid={initSlides:t=>{const{slidesPerView:s}=e.params,{rows:l,fill:o}=i(),c=d()?e.virtual.slides.length:t.length;n=Math.floor(c/l),r=Math.floor(c/l)===c/l?c:Math.ceil(c/l)*l,"auto"!==s&&"row"===o&&(r=Math.max(r,Math.floor(s??1)*l)),a=r/l},unsetSlides:()=>{e.slides&&e.slides.forEach(t=>{t.swiperSlideGridSet&&(t.style.height="",t.style.setProperty(e.getDirectionLabel("margin-top"),""))})},updateSlide:(t,s,l)=>{const{slidesPerGroup:c}=e.params,p=o(),{rows:u,fill:m}=i(),h=d()?e.virtual.slides.length:l.length;let f,g,v;if("row"===m&&(c??1)>1){const e=c??1,i=Math.floor(t/(e*u)),a=t-u*e*i,n=0===i?e:Math.min(Math.ceil((h-i*u*e)/u),e);v=Math.floor(a/n),g=a-v*n+i*e,f=g+v*r/u,s.style.order=String(f)}else"column"===m?(g=Math.floor(t/u),v=t-g*u,(g>n||g===n&&v===u-1)&&(v+=1,v>=u&&(v=0,g+=1))):(v=Math.floor(t/a),g=t-v*a);const w=s;w.row=v,w.column=g,s.style.height=`calc((100% - ${(u-1)*p}px) / ${u})`,s.style.setProperty(e.getDirectionLabel("margin-top"),0!==v&&p?`${p}px`:""),w.swiperSlideGridSet=!0},updateWrapperSize:(t,s)=>{const{centeredSlides:a,roundLengths:n}=e.params,l=o(),{rows:d}=i();if(e.virtualSize=(t+l)*r,e.virtualSize=Math.ceil(e.virtualSize/d)-l,e.params.cssMode||e.wrapperEl.style.setProperty(e.getDirectionLabel("width"),`${e.virtualSize+l}px`),a){const t=[];for(let i=0;i{Object.assign(e,{appendSlide:ue.bind(e),prependSlide:me.bind(e),addSlide:pe.bind(e),removeSlide:fe.bind(e),removeAllSlides:he.bind(e)})},({swiper:e,extendParams:t,on:s})=>{t({fadeEffect:{crossFade:!1}});ge({effect:"fade",swiper:e,on:s,setTranslate:()=>{const{slides:t}=e,s=e.params.fadeEffect;for(let i=0;i{const s=e.slides.map(e=>o(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`}),we({swiper:e,duration:t,transformElements:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},({swiper:e,extendParams:t,on:s})=>{t({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let i=s?e.querySelector(".swiper-slide-shadow-left"):e.querySelector(".swiper-slide-shadow-top"),r=s?e.querySelector(".swiper-slide-shadow-right"):e.querySelector(".swiper-slide-shadow-bottom");i||(i=p("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"left":"top")).split(" ")),e.append(i)),r||(r=p("div",("swiper-slide-shadow-cube swiper-slide-shadow-"+(s?"right":"bottom")).split(" ")),e.append(r)),i&&(i.style.opacity=String(Math.max(-t,0))),r&&(r.style.opacity=String(Math.max(t,0)))};ge({effect:"cube",swiper:e,on:s,setTranslate:()=>{const{el:t,wrapperEl:s,slides:r,width:a,height:n,rtlTranslate:l,size:o}=e,d=b(e),c=e.params.cubeEffect,u=e.isHorizontal(),m=!(!e.virtual||!e.params.virtual?.enabled);let h=0,f=null;c.shadow&&(u?(f=e.wrapperEl.querySelector(".swiper-cube-shadow"),f||(f=p("div","swiper-cube-shadow"),e.wrapperEl.append(f)),f.style.height=`${a}px`):(f=t.querySelector(".swiper-cube-shadow"),f||(f=p("div","swiper-cube-shadow"),t.append(f))));for(let e=0;e-1&&(h=90*s+90*p,l&&(h=90*-s-90*p)),t.style.transform=w,c.slideShadows&&i(t,p,u)}if(s.style.transformOrigin=`50% 50% -${o/2}px`,s.style.setProperty("-webkit-transform-origin",`50% 50% -${o/2}px`),c.shadow&&f)if(u)f.style.transform=`translate3d(0px, ${a/2+c.shadowOffset}px, ${-a/2}px) rotateX(89.99deg) rotateZ(0deg) scale(${c.shadowScale})`;else{const e=Math.abs(h)-90*Math.floor(Math.abs(h)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=c.shadowScale,i=c.shadowScale/t,r=c.shadowOffset;f.style.transform=`scale3d(${s}, 1, ${i}) translate3d(0px, ${n/2+r}px, ${-n/2/i}px) rotateX(-89.99deg)`}s.style.transform=`translate3d(0px,0,0px) rotateX(${d(e.isHorizontal()?0:h)}deg) rotateY(${d(e.isHorizontal()?-h:0)}deg)`,s.style.setProperty("--swiper-cube-translate-z","0px")},setTransition:t=>{const{el:s,slides:i}=e;if(i.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),e.params.cubeEffect?.shadow&&!e.isHorizontal()){const e=s.querySelector(".swiper-cube-shadow");e&&(e.style.transitionDuration=`${t}ms`)}},recreateShadows:()=>{const t=e.isHorizontal();e.slides.forEach(e=>{const s=Math.max(Math.min(e.progress??0,1),-1);i(e,s,t)})},getEffectParams:()=>e.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},({swiper:e,extendParams:t,on:s})=>{function i(){return e.params.flipEffect}t({flipEffect:{slideShadows:!0,limitRotation:!0}});const r=(t,s)=>{let i=e.isHorizontal()?t.querySelector(".swiper-slide-shadow-left"):t.querySelector(".swiper-slide-shadow-top"),r=e.isHorizontal()?t.querySelector(".swiper-slide-shadow-right"):t.querySelector(".swiper-slide-shadow-bottom");i||(i=be("flip",t,e.isHorizontal()?"left":"top")),r||(r=be("flip",t,e.isHorizontal()?"right":"bottom")),i&&(i.style.opacity=String(Math.max(-s,0))),r&&(r.style.opacity=String(Math.max(s,0)))};ge({effect:"flip",swiper:e,on:s,setTranslate:()=>{const{slides:t,rtlTranslate:s}=e,a=i(),n=b(e);for(let i=0;i{const s=e.slides.map(e=>o(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),we({swiper:e,duration:t,transformElements:s})},recreateShadows:()=>{const t=i();e.slides.forEach(e=>{let s=e.progress??0;t.limitRotation&&(s=Math.max(Math.min(s,1),-1)),r(e,s)})},getEffectParams:()=>e.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!e.params.cssMode})})},({swiper:e,extendParams:t,on:s})=>{t({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0}});ge({effect:"coverflow",swiper:e,on:s,setTranslate:()=>{const{width:t,height:s,slides:i,slidesSizesGrid:r}=e,a=e.params.coverflowEffect,n=e.isHorizontal(),l=e.translate,o=n?t/2-l:s/2-l,d=n?a.rotate:-a.rotate,c=a.depth,p=b(e);for(let e=0,t=i.length;e0?u:0)),s&&(s.style.opacity=String(-u>0?-u:0))}}},setTransition:t=>{e.slides.map(e=>o(e)).forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(e=>{e.style.transitionDuration=`${t}ms`})})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},({swiper:e,extendParams:t,on:s})=>{function i(){return e.params.creativeEffect}t({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const r=e=>"string"==typeof e?e:`${e}px`;ge({effect:"creative",swiper:e,on:s,setTranslate:()=>{const{slides:t,wrapperEl:s,slidesSizesGrid:a}=e,n=i(),{progressMultiplier:l}=n,o=e.params.centeredSlides,d=b(e);if(o){const t=a[0]/2-(e.params.slidesOffsetBefore??0);s.style.transform=`translateX(calc(50% - ${t}px))`}for(let s=0;s0&&(g=n.prev,f=!0),m.forEach((e,t)=>{m[t]=`calc(${e}px + (${r(g.translate[t])} * ${Math.abs(c*l)}))`}),h.forEach((e,t)=>{h[t]=g.rotate[t]*Math.abs(c*l)}),i.style.zIndex=String(-Math.abs(Math.round(a))+t.length);const v=m.join(", "),w=`rotateX(${d(h[0])}deg) rotateY(${d(h[1])}deg) rotateZ(${d(h[2])}deg)`,b=p<0?`scale(${1+(1-g.scale)*p*l})`:`scale(${1-(1-g.scale)*p*l})`,y=p<0?1+(1-g.opacity)*p*l:1-(1-g.opacity)*p*l,E=`translate3d(${v}) ${w} ${b}`;if(f&&g.shadow||!f){let e=i.querySelector(".swiper-slide-shadow");if(!e&&g.shadow&&(e=be("creative",i)),e){const t=n.shadowPerProgress?c*(1/n.limitProgress):c;e.style.opacity=String(Math.min(Math.max(Math.abs(t),0),1))}}const S=ve(0,i);S.style.transform=E,S.style.opacity=String(y),g.origin&&(S.style.transformOrigin=g.origin)}},setTransition:t=>{const s=e.slides.map(e=>o(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),we({swiper:e,duration:t,transformElements:s,allSlides:!0})},perspective:()=>i().perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})},({swiper:e,extendParams:t,on:s})=>{function i(){return e.params.cardsEffect}t({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}});ge({effect:"cards",swiper:e,on:s,setTranslate:()=>{const{slides:t,activeIndex:s,rtlTranslate:r}=e,a=i(),{startTranslate:n,isTouched:l}=e.touchEventsData,o=r?-e.translate:e.translate;for(let i=0;i0&&p<1&&(l||e.params.cssMode)&&(o??0)<(n??0),E=(b===s||b===s+1)&&p<0&&p>-1&&(l||e.params.cssMode)&&(o??0)>(n??0);if(y||E){const t=(1-Math.abs((Math.abs(p)-.5)/.5))**.5;v+=-28*p*t,g+=-.5*t,w+=96*t,h=(a.rotate||e.isHorizontal()?-25:0)*t*Math.abs(p)+"%"}if(m=p<0?`calc(${m}px ${r?"-":"+"} (${w*Math.abs(p)}%))`:p>0?`calc(${m}px ${r?"-":"+"} (-${w*Math.abs(p)}%))`:`${m}px`,!e.isHorizontal()){const e=h;h=m,m=e}const S=p<0?""+(1+(1-g)*p):""+(1-(1-g)*p),x=`\n translate3d(${m}, ${h}, ${f}px)\n rotateZ(${a.rotate?r?-v:v:0}deg)\n scale(${S})\n `;if(a.slideShadows){let e=d.querySelector(".swiper-slide-shadow");e||(e=be("cards",d)),e&&(e.style.opacity=String(Math.min(Math.max((Math.abs(p)-.5)/.5,0),1)))}d.style.zIndex=String(-Math.abs(Math.round(c))+t.length);ve(0,d).style.transform=x}},setTransition:t=>{const s=e.slides.map(e=>o(e));s.forEach(e=>{e.style.transitionDuration=`${t}ms`,e.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${t}ms`})}),we({swiper:e,duration:t,transformElements:s})},perspective:()=>!0,overwriteParams:()=>({_loopSwapReset:!1,watchSlidesProgress:!0,loopAdditionalSlides:i().rotate?3:2,centeredSlides:!0,virtualTranslate:!e.params.cssMode})})}];return se.use(ye),se}();
//# sourceMappingURL=swiper-bundle.min.js.map
\ No newline at end of file