/**
* swiper 8.0.7
* most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* copyright 2014-2022 vladimir kharlampidi
*
* released under the mit license
*
* released on: march 4, 2022
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global = typeof globalthis !== 'undefined' ? globalthis : global || self, global.swiper = factory());
})(this, (function () { 'use strict';
/**
* ssr window 4.0.2
* better handling for window object in ssr environment
* https://github.com/nolimits4web/ssr-window
*
* copyright 2021, vladimir kharlampidi
*
* licensed under mit
*
* released on: december 13, 2021
*/
/* 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) {
if (target === void 0) {
target = {};
}
if (src === void 0) {
src = {};
}
object.keys(src).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 getwindow() {
const win = typeof window !== 'undefined' ? window : {};
extend$1(win, ssrwindow);
return win;
}
/**
* dom7 4.0.4
* minimalistic javascript library for dom manipulation, with a jquery-compatible api
* https://framework7.io/docs/dom7.html
*
* copyright 2022, vladimir kharlampidi
*
* licensed under mit
*
* released on: january 11, 2022
*/
/* eslint-disable no-proto */
function makereactive(obj) {
const proto = obj.__proto__;
object.defineproperty(obj, '__proto__', {
get() {
return proto;
},
set(value) {
proto.__proto__ = value;
}
});
}
class dom7 extends array {
constructor(items) {
if (typeof items === 'number') {
super(items);
} else {
super(...(items || []));
makereactive(this);
}
}
}
function arrayflat(arr) {
if (arr === void 0) {
arr = [];
}
const res = [];
arr.foreach(el => {
if (array.isarray(el)) {
res.push(...arrayflat(el));
} else {
res.push(el);
}
});
return res;
}
function arrayfilter(arr, callback) {
return array.prototype.filter.call(arr, callback);
}
function arrayunique(arr) {
const uniquearray = [];
for (let i = 0; i < arr.length; i += 1) {
if (uniquearray.indexof(arr[i]) === -1) uniquearray.push(arr[i]);
}
return uniquearray;
}
function qsa(selector, context) {
if (typeof selector !== 'string') {
return [selector];
}
const a = [];
const res = context.queryselectorall(selector);
for (let i = 0; i < res.length; i += 1) {
a.push(res[i]);
}
return a;
}
function $(selector, context) {
const window = getwindow();
const document = getdocument();
let arr = [];
if (!context && selector instanceof dom7) {
return selector;
}
if (!selector) {
return new dom7(arr);
}
if (typeof selector === 'string') {
const html = selector.trim();
if (html.indexof('<') >= 0 && html.indexof('>') >= 0) {
let tocreate = 'div';
if (html.indexof('
c.split(' ')));
this.foreach(el => {
el.classlist.add(...classnames);
});
return this;
}
function removeclass() {
for (var _len2 = arguments.length, classes = new array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
classes[_key2] = arguments[_key2];
}
const classnames = arrayflat(classes.map(c => c.split(' ')));
this.foreach(el => {
el.classlist.remove(...classnames);
});
return this;
}
function toggleclass() {
for (var _len3 = arguments.length, classes = new array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
classes[_key3] = arguments[_key3];
}
const classnames = arrayflat(classes.map(c => c.split(' ')));
this.foreach(el => {
classnames.foreach(classname => {
el.classlist.toggle(classname);
});
});
}
function hasclass() {
for (var _len4 = arguments.length, classes = new array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
classes[_key4] = arguments[_key4];
}
const classnames = arrayflat(classes.map(c => c.split(' ')));
return arrayfilter(this, el => {
return classnames.filter(classname => el.classlist.contains(classname)).length > 0;
}).length > 0;
}
function attr(attrs, value) {
if (arguments.length === 1 && typeof attrs === 'string') {
// get attr
if (this[0]) return this[0].getattribute(attrs);
return undefined;
} // set attrs
for (let i = 0; i < this.length; i += 1) {
if (arguments.length === 2) {
// string
this[i].setattribute(attrs, value);
} else {
// object
for (const attrname in attrs) {
this[i][attrname] = attrs[attrname];
this[i].setattribute(attrname, attrs[attrname]);
}
}
}
return this;
}
function removeattr(attr) {
for (let i = 0; i < this.length; i += 1) {
this[i].removeattribute(attr);
}
return this;
}
function transform(transform) {
for (let i = 0; i < this.length; i += 1) {
this[i].style.transform = transform;
}
return this;
}
function transition$1(duration) {
for (let i = 0; i < this.length; i += 1) {
this[i].style.transitionduration = typeof duration !== 'string' ? `${duration}ms` : duration;
}
return this;
}
function on() {
for (var _len5 = arguments.length, args = new array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
args[_key5] = arguments[_key5];
}
let [eventtype, targetselector, listener, capture] = args;
if (typeof args[1] === 'function') {
[eventtype, listener, capture] = args;
targetselector = undefined;
}
if (!capture) capture = false;
function handleliveevent(e) {
const target = e.target;
if (!target) return;
const eventdata = e.target.dom7eventdata || [];
if (eventdata.indexof(e) < 0) {
eventdata.unshift(e);
}
if ($(target).is(targetselector)) listener.apply(target, eventdata);else {
const parents = $(target).parents(); // eslint-disable-line
for (let k = 0; k < parents.length; k += 1) {
if ($(parents[k]).is(targetselector)) listener.apply(parents[k], eventdata);
}
}
}
function handleevent(e) {
const eventdata = e && e.target ? e.target.dom7eventdata || [] : [];
if (eventdata.indexof(e) < 0) {
eventdata.unshift(e);
}
listener.apply(this, eventdata);
}
const events = eventtype.split(' ');
let j;
for (let i = 0; i < this.length; i += 1) {
const el = this[i];
if (!targetselector) {
for (j = 0; j < events.length; j += 1) {
const event = events[j];
if (!el.dom7listeners) el.dom7listeners = {};
if (!el.dom7listeners[event]) el.dom7listeners[event] = [];
el.dom7listeners[event].push({
listener,
proxylistener: handleevent
});
el.addeventlistener(event, handleevent, capture);
}
} else {
// live events
for (j = 0; j < events.length; j += 1) {
const event = events[j];
if (!el.dom7livelisteners) el.dom7livelisteners = {};
if (!el.dom7livelisteners[event]) el.dom7livelisteners[event] = [];
el.dom7livelisteners[event].push({
listener,
proxylistener: handleliveevent
});
el.addeventlistener(event, handleliveevent, capture);
}
}
}
return this;
}
function off() {
for (var _len6 = arguments.length, args = new array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
args[_key6] = arguments[_key6];
}
let [eventtype, targetselector, listener, capture] = args;
if (typeof args[1] === 'function') {
[eventtype, listener, capture] = args;
targetselector = undefined;
}
if (!capture) capture = false;
const events = eventtype.split(' ');
for (let i = 0; i < events.length; i += 1) {
const event = events[i];
for (let j = 0; j < this.length; j += 1) {
const el = this[j];
let handlers;
if (!targetselector && el.dom7listeners) {
handlers = el.dom7listeners[event];
} else if (targetselector && el.dom7livelisteners) {
handlers = el.dom7livelisteners[event];
}
if (handlers && handlers.length) {
for (let k = handlers.length - 1; k >= 0; k -= 1) {
const handler = handlers[k];
if (listener && handler.listener === listener) {
el.removeeventlistener(event, handler.proxylistener, capture);
handlers.splice(k, 1);
} else if (listener && handler.listener && handler.listener.dom7proxy && handler.listener.dom7proxy === listener) {
el.removeeventlistener(event, handler.proxylistener, capture);
handlers.splice(k, 1);
} else if (!listener) {
el.removeeventlistener(event, handler.proxylistener, capture);
handlers.splice(k, 1);
}
}
}
}
}
return this;
}
function trigger() {
const window = getwindow();
for (var _len9 = arguments.length, args = new array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
args[_key9] = arguments[_key9];
}
const events = args[0].split(' ');
const eventdata = args[1];
for (let i = 0; i < events.length; i += 1) {
const event = events[i];
for (let j = 0; j < this.length; j += 1) {
const el = this[j];
if (window.customevent) {
const evt = new window.customevent(event, {
detail: eventdata,
bubbles: true,
cancelable: true
});
el.dom7eventdata = args.filter((data, dataindex) => dataindex > 0);
el.dispatchevent(evt);
el.dom7eventdata = [];
delete el.dom7eventdata;
}
}
}
return this;
}
function transitionend$1(callback) {
const dom = this;
function firecallback(e) {
if (e.target !== this) return;
callback.call(this, e);
dom.off('transitionend', firecallback);
}
if (callback) {
dom.on('transitionend', firecallback);
}
return this;
}
function outerwidth(includemargins) {
if (this.length > 0) {
if (includemargins) {
const styles = this.styles();
return this[0].offsetwidth + parsefloat(styles.getpropertyvalue('margin-right')) + parsefloat(styles.getpropertyvalue('margin-left'));
}
return this[0].offsetwidth;
}
return null;
}
function outerheight(includemargins) {
if (this.length > 0) {
if (includemargins) {
const styles = this.styles();
return this[0].offsetheight + parsefloat(styles.getpropertyvalue('margin-top')) + parsefloat(styles.getpropertyvalue('margin-bottom'));
}
return this[0].offsetheight;
}
return null;
}
function offset() {
if (this.length > 0) {
const window = getwindow();
const document = getdocument();
const el = this[0];
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
};
}
return null;
}
function styles() {
const window = getwindow();
if (this[0]) return window.getcomputedstyle(this[0], null);
return {};
}
function css(props, value) {
const window = getwindow();
let i;
if (arguments.length === 1) {
if (typeof props === 'string') {
// .css('width')
if (this[0]) return window.getcomputedstyle(this[0], null).getpropertyvalue(props);
} else {
// .css({ width: '100px' })
for (i = 0; i < this.length; i += 1) {
for (const prop in props) {
this[i].style[prop] = props[prop];
}
}
return this;
}
}
if (arguments.length === 2 && typeof props === 'string') {
// .css('width', '100px')
for (i = 0; i < this.length; i += 1) {
this[i].style[props] = value;
}
return this;
}
return this;
}
function each(callback) {
if (!callback) return this;
this.foreach((el, index) => {
callback.apply(el, [el, index]);
});
return this;
}
function filter(callback) {
const result = arrayfilter(this, callback);
return $(result);
}
function html(html) {
if (typeof html === 'undefined') {
return this[0] ? this[0].innerhtml : null;
}
for (let i = 0; i < this.length; i += 1) {
this[i].innerhtml = html;
}
return this;
}
function text(text) {
if (typeof text === 'undefined') {
return this[0] ? this[0].textcontent.trim() : null;
}
for (let i = 0; i < this.length; i += 1) {
this[i].textcontent = text;
}
return this;
}
function is(selector) {
const window = getwindow();
const document = getdocument();
const el = this[0];
let comparewith;
let i;
if (!el || typeof selector === 'undefined') return false;
if (typeof selector === 'string') {
if (el.matches) return el.matches(selector);
if (el.webkitmatchesselector) return el.webkitmatchesselector(selector);
if (el.msmatchesselector) return el.msmatchesselector(selector);
comparewith = $(selector);
for (i = 0; i < comparewith.length; i += 1) {
if (comparewith[i] === el) return true;
}
return false;
}
if (selector === document) {
return el === document;
}
if (selector === window) {
return el === window;
}
if (selector.nodetype || selector instanceof dom7) {
comparewith = selector.nodetype ? [selector] : selector;
for (i = 0; i < comparewith.length; i += 1) {
if (comparewith[i] === el) return true;
}
return false;
}
return false;
}
function index() {
let child = this[0];
let i;
if (child) {
i = 0; // eslint-disable-next-line
while ((child = child.previoussibling) !== null) {
if (child.nodetype === 1) i += 1;
}
return i;
}
return undefined;
}
function eq(index) {
if (typeof index === 'undefined') return this;
const length = this.length;
if (index > length - 1) {
return $([]);
}
if (index < 0) {
const returnindex = length + index;
if (returnindex < 0) return $([]);
return $([this[returnindex]]);
}
return $([this[index]]);
}
function append() {
let newchild;
const document = getdocument();
for (let k = 0; k < arguments.length; k += 1) {
newchild = k < 0 || arguments.length <= k ? undefined : arguments[k];
for (let i = 0; i < this.length; i += 1) {
if (typeof newchild === 'string') {
const tempdiv = document.createelement('div');
tempdiv.innerhtml = newchild;
while (tempdiv.firstchild) {
this[i].appendchild(tempdiv.firstchild);
}
} else if (newchild instanceof dom7) {
for (let j = 0; j < newchild.length; j += 1) {
this[i].appendchild(newchild[j]);
}
} else {
this[i].appendchild(newchild);
}
}
}
return this;
}
function prepend(newchild) {
const document = getdocument();
let i;
let j;
for (i = 0; i < this.length; i += 1) {
if (typeof newchild === 'string') {
const tempdiv = document.createelement('div');
tempdiv.innerhtml = newchild;
for (j = tempdiv.childnodes.length - 1; j >= 0; j -= 1) {
this[i].insertbefore(tempdiv.childnodes[j], this[i].childnodes[0]);
}
} else if (newchild instanceof dom7) {
for (j = 0; j < newchild.length; j += 1) {
this[i].insertbefore(newchild[j], this[i].childnodes[0]);
}
} else {
this[i].insertbefore(newchild, this[i].childnodes[0]);
}
}
return this;
}
function next(selector) {
if (this.length > 0) {
if (selector) {
if (this[0].nextelementsibling && $(this[0].nextelementsibling).is(selector)) {
return $([this[0].nextelementsibling]);
}
return $([]);
}
if (this[0].nextelementsibling) return $([this[0].nextelementsibling]);
return $([]);
}
return $([]);
}
function nextall(selector) {
const nextels = [];
let el = this[0];
if (!el) return $([]);
while (el.nextelementsibling) {
const next = el.nextelementsibling; // eslint-disable-line
if (selector) {
if ($(next).is(selector)) nextels.push(next);
} else nextels.push(next);
el = next;
}
return $(nextels);
}
function prev(selector) {
if (this.length > 0) {
const el = this[0];
if (selector) {
if (el.previouselementsibling && $(el.previouselementsibling).is(selector)) {
return $([el.previouselementsibling]);
}
return $([]);
}
if (el.previouselementsibling) return $([el.previouselementsibling]);
return $([]);
}
return $([]);
}
function prevall(selector) {
const prevels = [];
let el = this[0];
if (!el) return $([]);
while (el.previouselementsibling) {
const prev = el.previouselementsibling; // eslint-disable-line
if (selector) {
if ($(prev).is(selector)) prevels.push(prev);
} else prevels.push(prev);
el = prev;
}
return $(prevels);
}
function parent(selector) {
const parents = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
if (this[i].parentnode !== null) {
if (selector) {
if ($(this[i].parentnode).is(selector)) parents.push(this[i].parentnode);
} else {
parents.push(this[i].parentnode);
}
}
}
return $(parents);
}
function parents(selector) {
const parents = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
let parent = this[i].parentnode; // eslint-disable-line
while (parent) {
if (selector) {
if ($(parent).is(selector)) parents.push(parent);
} else {
parents.push(parent);
}
parent = parent.parentnode;
}
}
return $(parents);
}
function closest(selector) {
let closest = this; // eslint-disable-line
if (typeof selector === 'undefined') {
return $([]);
}
if (!closest.is(selector)) {
closest = closest.parents(selector).eq(0);
}
return closest;
}
function find(selector) {
const foundelements = [];
for (let i = 0; i < this.length; i += 1) {
const found = this[i].queryselectorall(selector);
for (let j = 0; j < found.length; j += 1) {
foundelements.push(found[j]);
}
}
return $(foundelements);
}
function children(selector) {
const children = []; // eslint-disable-line
for (let i = 0; i < this.length; i += 1) {
const childnodes = this[i].children;
for (let j = 0; j < childnodes.length; j += 1) {
if (!selector || $(childnodes[j]).is(selector)) {
children.push(childnodes[j]);
}
}
}
return $(children);
}
function remove() {
for (let i = 0; i < this.length; i += 1) {
if (this[i].parentnode) this[i].parentnode.removechild(this[i]);
}
return this;
}
const methods = {
addclass,
removeclass,
hasclass,
toggleclass,
attr,
removeattr,
transform,
transition: transition$1,
on,
off,
trigger,
transitionend: transitionend$1,
outerwidth,
outerheight,
styles,
offset,
css,
each,
html,
text,
is,
index,
eq,
append,
prepend,
next,
nextall,
prev,
prevall,
parent,
parents,
closest,
find,
children,
filter,
remove
};
object.keys(methods).foreach(methodname => {
object.defineproperty($.fn, methodname, {
value: methods[methodname],
writable: true
});
});
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) {
if (delay === void 0) {
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;
}
return style;
}
function gettranslate(el, axis) {
if (axis === void 0) {
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(',');
}
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]);
}
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]);
}
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;
}
return node && (node.nodetype === 1 || node.nodetype === 11);
}
function extend() {
const to = object(arguments.length <= 0 ? undefined : arguments[0]);
const noextend = ['__proto__', 'constructor', 'prototype'];
for (let i = 1; i < arguments.length; i += 1) {
const nextsource = i < 0 || arguments.length <= i ? undefined : arguments[i];
if (nextsource !== undefined && nextsource !== null && !isnode(nextsource)) {
const keysarray = object.keys(object(nextsource)).filter(key => noextend.indexof(key) < 0);
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];
}
}
}
}
}
return to;
}
function setcssproperty(el, varname, varvalue) {
el.style.setproperty(varname, varvalue);
}
function animatecssmodescroll(_ref) {
let {
swiper,
targetposition,
side
} = _ref;
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();
}
let support;
function calcsupport() {
const window = getwindow();
const document = getdocument();
return {
smoothscroll: document.documentelement && 'scrollbehavior' in document.documentelement.style,
touch: !!('ontouchstart' in window || window.documenttouch && document instanceof window.documenttouch),
passivelistener: function checkpassivelistener() {
let supportspassive = false;
try {
const opts = object.defineproperty({}, 'passive', {
// eslint-disable-next-line
get() {
supportspassive = true;
}
});
window.addeventlistener('testpassivelistener', null, opts);
} catch (e) {// no support
}
return supportspassive;
}(),
gestures: function checkgestures() {
return 'ongesturestart' in window;
}()
};
}
function getsupport() {
if (!support) {
support = calcsupport();
}
return support;
}
let devicecached;
function calcdevice(_temp) {
let {
useragent
} = _temp === void 0 ? {} : _temp;
const support = getsupport();
const window = getwindow();
const platform = window.navigator.platform;
const ua = useragent || window.navigator.useragent;
const device = {
ios: false,
android: false
};
const screenwidth = window.screen.width;
const screenheight = window.screen.height;
const android = ua.match(/(android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
let ipad = ua.match(/(ipad).*os\s([\d_]+)/);
const ipod = ua.match(/(ipod)(.*os\s([\d_]+))?/);
const iphone = !ipad && ua.match(/(iphone\sos|ios)\s([\d_]+)/);
const windows = platform === 'win32';
let macos = platform === 'macintel'; // ipados 13 fix
const ipadscreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];
if (!ipad && macos && support.touch && ipadscreens.indexof(`${screenwidth}x${screenheight}`) >= 0) {
ipad = ua.match(/(version)\/([\d.]+)/);
if (!ipad) ipad = [0, 1, '13_0_0'];
macos = false;
} // android
if (android && !windows) {
device.os = 'android';
device.android = true;
}
if (ipad || iphone || ipod) {
device.os = 'ios';
device.ios = true;
} // export object
return device;
}
function getdevice(overrides) {
if (overrides === void 0) {
overrides = {};
}
if (!devicecached) {
devicecached = calcdevice(overrides);
}
return devicecached;
}
let browser;
function calcbrowser() {
const window = getwindow();
function issafari() {
const ua = window.navigator.useragent.tolowercase();
return ua.indexof('safari') >= 0 && ua.indexof('chrome') < 0 && ua.indexof('android') < 0;
}
return {
issafari: issafari(),
iswebview: /(iphone|ipod|ipad).*applewebkit(?!.*safari)/i.test(window.navigator.useragent)
};
}
function getbrowser() {
if (!browser) {
browser = calcbrowser();
}
return browser;
}
function resize(_ref) {
let {
swiper,
on,
emit
} = _ref;
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(_ref2 => {
let {
contentboxsize,
contentrect,
target
} = _ref2;
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 observer(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
const observers = [];
const window = getwindow();
const attach = function (target, options) {
if (options === void 0) {
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 (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: 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 = swiper.$el.parents();
for (let i = 0; i < containerparents.length; i += 1) {
attach(containerparents[i]);
}
} // observe container
attach(swiper.$el[0], {
childlist: swiper.params.observeslidechildren
}); // observe wrapper
attach(swiper.$wrapperel[0], {
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);
}
/* eslint-disable no-underscore-dangle */
var eventsemitter = {
on(events, handler, priority) {
const self = this;
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 (typeof handler !== 'function') return self;
function oncehandler() {
self.off(events, oncehandler);
if (oncehandler.__emitterproxy) {
delete oncehandler.__emitterproxy;
}
for (var _len = arguments.length, args = new array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
handler.apply(self, args);
}
oncehandler.__emitterproxy = handler;
return self.on(events, oncehandler, priority);
},
onany(handler, priority) {
const self = this;
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.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) 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() {
const self = this;
if (!self.eventslisteners) return self;
let events;
let data;
let context;
for (var _len2 = arguments.length, args = new array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
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[0].clientwidth;
}
if (typeof swiper.params.height !== 'undefined' && swiper.params.height !== null) {
height = swiper.params.height;
} else {
height = $el[0].clientheight;
}
if (width === 0 && swiper.ishorizontal() || height === 0 && swiper.isvertical()) {
return;
} // subtract paddings
width = width - parseint($el.css('padding-left') || 0, 10) - parseint($el.css('padding-right') || 0, 10);
height = height - parseint($el.css('padding-top') || 0, 10) - parseint($el.css('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 getdirectionlabel(property) {
if (swiper.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];
}
function getdirectionpropertyvalue(node, label) {
return parsefloat(node.getpropertyvalue(getdirectionlabel(label)) || 0);
}
const params = swiper.params;
const {
$wrapperel,
size: swipersize,
rtltranslate: rtl,
wrongrtl
} = swiper;
const isvirtual = swiper.virtual && params.virtual.enabled;
const previousslideslength = isvirtual ? swiper.virtual.slides.length : swiper.slides.length;
const slides = $wrapperel.children(`.${swiper.params.slideclass}`);
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;
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;
}
swiper.virtualsize = -spacebetween; // reset margins
if (rtl) slides.css({
marginleft: '',
marginbottom: '',
margintop: ''
});else slides.css({
marginright: '',
marginbottom: '',
margintop: ''
}); // reset cssmode offsets
if (params.centeredslides && params.cssmode) {
setcssproperty(swiper.wrapperel, '--swiper-centered-offset-before', '');
setcssproperty(swiper.wrapperel, '--swiper-centered-offset-after', '');
}
const gridenabled = params.grid && params.grid.rows > 1 && swiper.grid;
if (gridenabled) {
swiper.grid.initslides(slideslength);
} // 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.eq(i);
if (gridenabled) {
swiper.grid.updateslide(i, slide, slideslength, getdirectionlabel);
}
if (slide.css('display') === 'none') continue; // eslint-disable-line
if (params.slidesperview === 'auto') {
if (shouldresetslidesize) {
slides[i].style[getdirectionlabel('width')] = ``;
}
const slidestyles = getcomputedstyle(slide[0]);
const currenttransform = slide[0].style.transform;
const currentwebkittransform = slide[0].style.webkittransform;
if (currenttransform) {
slide[0].style.transform = 'none';
}
if (currentwebkittransform) {
slide[0].style.webkittransform = 'none';
}
if (params.roundlengths) {
slidesize = swiper.ishorizontal() ? slide.outerwidth(true) : slide.outerheight(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[0];
slidesize = width + paddingleft + paddingright + marginleft + marginright + (offsetwidth - clientwidth);
}
}
if (currenttransform) {
slide[0].style.transform = currenttransform;
}
if (currentwebkittransform) {
slide[0].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 (slides[i]) {
slides[i].style[getdirectionlabel('width')] = `${slidesize}px`;
}
}
if (slides[i]) {
slides[i].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.css({
width: `${swiper.virtualsize + params.spacebetween}px`
});
}
if (params.setwrappersize) {
$wrapperel.css({
[getdirectionlabel('width')]: `${swiper.virtualsize + params.spacebetween}px`
});
}
if (gridenabled) {
swiper.grid.updatewrappersize(slidesize, snapgrid, getdirectionlabel);
} // remove last grid elements depending on width
if (!params.centeredslides) {
const newslidesgrid = [];
for (let i = 0; i < snapgrid.length; i += 1) {
let slidesgriditem = snapgrid[i];
if (params.roundlengths) slidesgriditem = math.floor(slidesgriditem);
if (snapgrid[i] <= swiper.virtualsize - swipersize) {
newslidesgrid.push(slidesgriditem);
}
}
snapgrid = newslidesgrid;
if (math.floor(swiper.virtualsize - swipersize) - math.floor(snapgrid[snapgrid.length - 1]) > 1) {
snapgrid.push(swiper.virtualsize - swipersize);
}
}
if (snapgrid.length === 0) snapgrid = [0];
if (params.spacebetween !== 0) {
const key = swiper.ishorizontal() && rtl ? 'marginleft' : getdirectionlabel('marginright');
slides.filter((_, slideindex) => {
if (!params.cssmode) return true;
if (slideindex === slides.length - 1) {
return false;
}
return true;
}).css({
[key]: `${spacebetween}px`
});
}
if (params.centeredslides && params.centeredslidesbounds) {
let allslidessize = 0;
slidessizesgrid.foreach(slidesizevalue => {
allslidessize += slidesizevalue + (params.spacebetween ? params.spacebetween : 0);
});
allslidessize -= params.spacebetween;
const maxsnap = allslidessize - swipersize;
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 + (params.spacebetween ? params.spacebetween : 0);
});
allslidessize -= params.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(swiper.wrapperel, '--swiper-centered-offset-before', `${-snapgrid[0]}px`);
setcssproperty(swiper.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();
}
if (!isvirtual && !params.cssmode && (params.effect === 'slide' || params.effect === 'fade')) {
const backfacehiddenclass = `${params.containermodifierclass}backface-hidden`;
const hasclassbackfaceclassadded = swiper.$el.hasclass(backfacehiddenclass);
if (slideslength <= params.maxbackfacehiddenslides) {
if (!hasclassbackfaceclassadded) swiper.$el.addclass(backfacehiddenclass);
} else if (hasclassbackfaceclassadded) {
swiper.$el.removeclass(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.filter(el => parseint(el.getattribute('data-swiper-slide-index'), 10) === index)[0];
}
return swiper.slides.eq(index)[0];
}; // find slides currently in view
if (swiper.params.slidesperview !== 'auto' && swiper.params.slidesperview > 1) {
if (swiper.params.centeredslides) {
swiper.visibleslides.each(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;
}
} // update height
if (newheight || newheight === 0) swiper.$wrapperel.css('height', `${newheight}px`);
}
function updateslidesoffset() {
const swiper = this;
const slides = swiper.slides;
for (let i = 0; i < slides.length; i += 1) {
slides[i].swiperslideoffset = swiper.ishorizontal() ? slides[i].offsetleft : slides[i].offsettop;
}
}
function updateslidesprogress(translate) {
if (translate === void 0) {
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; // visible slides
slides.removeclass(params.slidevisibleclass);
swiper.visibleslidesindexes = [];
swiper.visibleslides = [];
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 + params.spacebetween);
const originalslideprogress = (offsetcenter - snapgrid[0] + (params.centeredslides ? swiper.mintranslate() : 0) - slideoffset) / (slide.swiperslidesize + params.spacebetween);
const slidebefore = -(offsetcenter - slideoffset);
const slideafter = slidebefore + 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);
slides.eq(i).addclass(params.slidevisibleclass);
}
slide.progress = rtl ? -slideprogress : slideprogress;
slide.originalprogress = rtl ? -originalslideprogress : originalslideprogress;
}
swiper.visibleslides = $(swiper.visibleslides);
}
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
} = swiper;
const wasbeginning = isbeginning;
const wasend = isend;
if (translatesdiff === 0) {
progress = 0;
isbeginning = true;
isend = true;
} else {
progress = (translate - swiper.mintranslate()) / translatesdiff;
isbeginning = progress <= 0;
isend = progress >= 1;
}
object.assign(swiper, {
progress,
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);
}
function updateslidesclasses() {
const swiper = this;
const {
slides,
params,
$wrapperel,
activeindex,
realindex
} = swiper;
const isvirtual = swiper.virtual && params.virtual.enabled;
slides.removeclass(`${params.slideactiveclass} ${params.slidenextclass} ${params.slideprevclass} ${params.slideduplicateactiveclass} ${params.slideduplicatenextclass} ${params.slideduplicateprevclass}`);
let activeslide;
if (isvirtual) {
activeslide = swiper.$wrapperel.find(`.${params.slideclass}[data-swiper-slide-index="${activeindex}"]`);
} else {
activeslide = slides.eq(activeindex);
} // active classes
activeslide.addclass(params.slideactiveclass);
if (params.loop) {
// duplicate to all looped slides
if (activeslide.hasclass(params.slideduplicateclass)) {
$wrapperel.children(`.${params.slideclass}:not(.${params.slideduplicateclass})[data-swiper-slide-index="${realindex}"]`).addclass(params.slideduplicateactiveclass);
} else {
$wrapperel.children(`.${params.slideclass}.${params.slideduplicateclass}[data-swiper-slide-index="${realindex}"]`).addclass(params.slideduplicateactiveclass);
}
} // next slide
let nextslide = activeslide.nextall(`.${params.slideclass}`).eq(0).addclass(params.slidenextclass);
if (params.loop && nextslide.length === 0) {
nextslide = slides.eq(0);
nextslide.addclass(params.slidenextclass);
} // prev slide
let prevslide = activeslide.prevall(`.${params.slideclass}`).eq(0).addclass(params.slideprevclass);
if (params.loop && prevslide.length === 0) {
prevslide = slides.eq(-1);
prevslide.addclass(params.slideprevclass);
}
if (params.loop) {
// duplicate to all looped slides
if (nextslide.hasclass(params.slideduplicateclass)) {
$wrapperel.children(`.${params.slideclass}:not(.${params.slideduplicateclass})[data-swiper-slide-index="${nextslide.attr('data-swiper-slide-index')}"]`).addclass(params.slideduplicatenextclass);
} else {
$wrapperel.children(`.${params.slideclass}.${params.slideduplicateclass}[data-swiper-slide-index="${nextslide.attr('data-swiper-slide-index')}"]`).addclass(params.slideduplicatenextclass);
}
if (prevslide.hasclass(params.slideduplicateclass)) {
$wrapperel.children(`.${params.slideclass}:not(.${params.slideduplicateclass})[data-swiper-slide-index="${prevslide.attr('data-swiper-slide-index')}"]`).addclass(params.slideduplicateprevclass);
} else {
$wrapperel.children(`.${params.slideclass}.${params.slideduplicateclass}[data-swiper-slide-index="${prevslide.attr('data-swiper-slide-index')}"]`).addclass(params.slideduplicateprevclass);
}
}
swiper.emitslidesclasses();
}
function updateactiveindex(newactiveindex) {
const swiper = this;
const translate = swiper.rtltranslate ? swiper.translate : -swiper.translate;
const {
slidesgrid,
snapgrid,
params,
activeindex: previousindex,
realindex: previousrealindex,
snapindex: previoussnapindex
} = swiper;
let activeindex = newactiveindex;
let snapindex;
if (typeof activeindex === 'undefined') {
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;
}
}
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) {
if (snapindex !== previoussnapindex) {
swiper.snapindex = snapindex;
swiper.emit('snapindexchange');
}
return;
} // get real index
const realindex = parseint(swiper.slides.eq(activeindex).attr('data-swiper-slide-index') || activeindex, 10);
object.assign(swiper, {
snapindex,
realindex,
previousindex,
activeindex
});
swiper.emit('activeindexchange');
swiper.emit('snapindexchange');
if (previousrealindex !== realindex) {
swiper.emit('realindexchange');
}
if (swiper.initialized || swiper.params.runcallbacksoninit) {
swiper.emit('slidechange');
}
}
function updateclickedslide(e) {
const swiper = this;
const params = swiper.params;
const slide = $(e).closest(`.${params.slideclass}`)[0];
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).attr('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) {
if (axis === void 0) {
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[0], axis);
if (rtl) currenttranslate = -currenttranslate;
return currenttranslate || 0;
}
function settranslate(translate, bycontroller) {
const swiper = this;
const {
rtltranslate: rtl,
params,
$wrapperel,
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);
}
if (params.cssmode) {
wrapperel[swiper.ishorizontal() ? 'scrollleft' : 'scrolltop'] = swiper.ishorizontal() ? -x : -y;
} else if (!params.virtualtranslate) {
$wrapperel.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
}
swiper.previoustranslate = swiper.translate;
swiper.translate = swiper.ishorizontal() ? x : y; // check if we need to update progress
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 mintranslate() {
return -this.snapgrid[0];
}
function maxtranslate() {
return -this.snapgrid[this.snapgrid.length - 1];
}
function translateto(translate, speed, runcallbacks, translatebounds, internal) {
if (translate === void 0) {
translate = 0;
}
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
if (translatebounds === void 0) {
translatebounds = true;
}
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 {
if (!swiper.support.smoothscroll) {
animatecssmodescroll({
swiper,
targetposition: -newtranslate,
side: ish ? 'left' : 'top'
});
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[0].removeeventlistener('transitionend', swiper.ontranslatetowrappertransitionend);
swiper.$wrapperel[0].removeeventlistener('webkittransitionend', swiper.ontranslatetowrappertransitionend);
swiper.ontranslatetowrappertransitionend = null;
delete swiper.ontranslatetowrappertransitionend;
if (runcallbacks) {
swiper.emit('transitionend');
}
};
}
swiper.$wrapperel[0].addeventlistener('transitionend', swiper.ontranslatetowrappertransitionend);
swiper.$wrapperel[0].addeventlistener('webkittransitionend', 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.transition(duration);
}
swiper.emit('settransition', duration, bycontroller);
}
function transitionemit(_ref) {
let {
swiper,
runcallbacks,
direction,
step
} = _ref;
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 && activeindex !== previousindex) {
if (dir === 'reset') {
swiper.emit(`slideresettransition${step}`);
return;
}
swiper.emit(`slidechangetransition${step}`);
if (dir === 'next') {
swiper.emit(`slidenexttransition${step}`);
} else {
swiper.emit(`slideprevtransition${step}`);
}
}
}
function transitionstart(runcallbacks, direction) {
if (runcallbacks === void 0) {
runcallbacks = true;
}
const swiper = this;
const {
params
} = swiper;
if (params.cssmode) return;
if (params.autoheight) {
swiper.updateautoheight();
}
transitionemit({
swiper,
runcallbacks,
direction,
step: 'start'
});
}
function transitionend(runcallbacks, direction) {
if (runcallbacks === void 0) {
runcallbacks = true;
}
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, speed, runcallbacks, internal, initial) {
if (index === void 0) {
index = 0;
}
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
if (typeof index !== 'number' && typeof index !== 'string') {
throw new error(`the 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`);
}
if (typeof index === 'string') {
/**
* the `index` argument converted from `string` to `number`.
* @type {number}
*/
const indexasnumber = parseint(index, 10);
/**
* determines whether the `index` argument is a valid `number`
* after being converted from the `string` type.
* @type {boolean}
*/
const isvalidnumber = isfinite(indexasnumber);
if (!isvalidnumber) {
throw new error(`the passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`);
} // knowing that the converted `index` is a valid number,
// we can update the original argument's value.
index = indexasnumber;
}
const swiper = this;
let slideindex = index;
if (slideindex < 0) slideindex = 0;
const {
params,
snapgrid,
slidesgrid,
previousindex,
activeindex,
rtltranslate: rtl,
wrapperel,
enabled
} = swiper;
if (swiper.animating && params.preventinteractionontransition || !enabled && !internal && !initial) {
return false;
}
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;
if ((activeindex || params.initialslide || 0) === (previousindex || 0) && runcallbacks) {
swiper.emit('beforeslidechangestart');
}
const translate = -snapgrid[snapindex]; // update progress
swiper.updateprogress(translate); // 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 && translate < swiper.translate && translate < swiper.mintranslate()) {
return false;
}
if (!swiper.allowslideprev && translate > swiper.translate && translate > swiper.maxtranslate()) {
if ((activeindex || 0) !== slideindex) return false;
}
}
let direction;
if (slideindex > activeindex) direction = 'next';else if (slideindex < activeindex) direction = 'prev';else direction = 'reset'; // update index
if (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate) {
swiper.updateactiveindex(slideindex); // update height
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) {
const isvirtual = swiper.virtual && swiper.params.virtual.enabled;
if (isvirtual) {
swiper.wrapperel.style.scrollsnaptype = 'none';
swiper._immediatevirtual = true;
}
wrapperel[ish ? 'scrollleft' : 'scrolltop'] = t;
if (isvirtual) {
requestanimationframe(() => {
swiper.wrapperel.style.scrollsnaptype = '';
swiper._swiperimmediatevirtual = false;
});
}
} else {
if (!swiper.support.smoothscroll) {
animatecssmodescroll({
swiper,
targetposition: t,
side: ish ? 'left' : 'top'
});
return true;
}
wrapperel.scrollto({
[ish ? 'left' : 'top']: t,
behavior: 'smooth'
});
}
return true;
}
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[0].removeeventlistener('transitionend', swiper.onslidetowrappertransitionend);
swiper.$wrapperel[0].removeeventlistener('webkittransitionend', swiper.onslidetowrappertransitionend);
swiper.onslidetowrappertransitionend = null;
delete swiper.onslidetowrappertransitionend;
swiper.transitionend(runcallbacks, direction);
};
}
swiper.$wrapperel[0].addeventlistener('transitionend', swiper.onslidetowrappertransitionend);
swiper.$wrapperel[0].addeventlistener('webkittransitionend', swiper.onslidetowrappertransitionend);
}
return true;
}
function slidetoloop(index, speed, runcallbacks, internal) {
if (index === void 0) {
index = 0;
}
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
const swiper = this;
let newindex = index;
if (swiper.params.loop) {
newindex += swiper.loopedslides;
}
return swiper.slideto(newindex, speed, runcallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slidenext(speed, runcallbacks, internal) {
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
const swiper = this;
const {
animating,
enabled,
params
} = swiper;
if (!enabled) return swiper;
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;
if (params.loop) {
if (animating && params.looppreventsslide) return false;
swiper.loopfix(); // eslint-disable-next-line
swiper._clientleft = swiper.$wrapperel[0].clientleft;
}
if (params.rewind && swiper.isend) {
return swiper.slideto(0, speed, runcallbacks, internal);
}
return swiper.slideto(swiper.activeindex + increment, speed, runcallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slideprev(speed, runcallbacks, internal) {
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
const swiper = this;
const {
params,
animating,
snapgrid,
slidesgrid,
rtltranslate,
enabled
} = swiper;
if (!enabled) return swiper;
if (params.loop) {
if (animating && params.looppreventsslide) return false;
swiper.loopfix(); // eslint-disable-next-line
swiper._clientleft = swiper.$wrapperel[0].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));
let prevsnap = snapgrid[normalizedsnapgrid.indexof(normalizedtranslate) - 1];
if (typeof prevsnap === 'undefined' && params.cssmode) {
let prevsnapindex;
snapgrid.foreach((snap, snapindex) => {
if (normalizedtranslate >= snap) {
// prevsnap = snap;
prevsnapindex = snapindex;
}
});
if (typeof prevsnapindex !== 'undefined') {
prevsnap = 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);
}
return swiper.slideto(previndex, speed, runcallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slidereset(speed, runcallbacks, internal) {
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
const swiper = this;
return swiper.slideto(swiper.activeindex, speed, runcallbacks, internal);
}
/* eslint no-unused-vars: "off" */
function slidetoclosest(speed, runcallbacks, internal, threshold) {
if (speed === void 0) {
speed = this.params.speed;
}
if (runcallbacks === void 0) {
runcallbacks = true;
}
if (threshold === void 0) {
threshold = 0.5;
}
const swiper = this;
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);
}
function slidetoclickedslide() {
const swiper = this;
const {
params,
$wrapperel
} = swiper;
const slidesperview = params.slidesperview === 'auto' ? swiper.slidesperviewdynamic() : params.slidesperview;
let slidetoindex = swiper.clickedindex;
let realindex;
if (params.loop) {
if (swiper.animating) return;
realindex = parseint($(swiper.clickedslide).attr('data-swiper-slide-index'), 10);
if (params.centeredslides) {
if (slidetoindex < swiper.loopedslides - slidesperview / 2 || slidetoindex > swiper.slides.length - swiper.loopedslides + slidesperview / 2) {
swiper.loopfix();
slidetoindex = $wrapperel.children(`.${params.slideclass}[data-swiper-slide-index="${realindex}"]:not(.${params.slideduplicateclass})`).eq(0).index();
nexttick(() => {
swiper.slideto(slidetoindex);
});
} else {
swiper.slideto(slidetoindex);
}
} else if (slidetoindex > swiper.slides.length - slidesperview) {
swiper.loopfix();
slidetoindex = $wrapperel.children(`.${params.slideclass}[data-swiper-slide-index="${realindex}"]:not(.${params.slideduplicateclass})`).eq(0).index();
nexttick(() => {
swiper.slideto(slidetoindex);
});
} else {
swiper.slideto(slidetoindex);
}
} else {
swiper.slideto(slidetoindex);
}
}
var slide = {
slideto,
slidetoloop,
slidenext,
slideprev,
slidereset,
slidetoclosest,
slidetoclickedslide
};
function loopcreate() {
const swiper = this;
const document = getdocument();
const {
params,
$wrapperel
} = swiper; // remove duplicated slides
const $selector = $wrapperel.children().length > 0 ? $($wrapperel.children()[0].parentnode) : $wrapperel;
$selector.children(`.${params.slideclass}.${params.slideduplicateclass}`).remove();
let slides = $selector.children(`.${params.slideclass}`);
if (params.loopfillgroupwithblank) {
const blankslidesnum = params.slidespergroup - slides.length % params.slidespergroup;
if (blankslidesnum !== params.slidespergroup) {
for (let i = 0; i < blankslidesnum; i += 1) {
const blanknode = $(document.createelement('div')).addclass(`${params.slideclass} ${params.slideblankclass}`);
$selector.append(blanknode);
}
slides = $selector.children(`.${params.slideclass}`);
}
}
if (params.slidesperview === 'auto' && !params.loopedslides) params.loopedslides = slides.length;
swiper.loopedslides = math.ceil(parsefloat(params.loopedslides || params.slidesperview, 10));
swiper.loopedslides += params.loopadditionalslides;
if (swiper.loopedslides > slides.length) {
swiper.loopedslides = slides.length;
}
const prependslides = [];
const appendslides = [];
slides.each((el, index) => {
const slide = $(el);
if (index < swiper.loopedslides) {
appendslides.push(el);
}
if (index < slides.length && index >= slides.length - swiper.loopedslides) {
prependslides.push(el);
}
slide.attr('data-swiper-slide-index', index);
});
for (let i = 0; i < appendslides.length; i += 1) {
$selector.append($(appendslides[i].clonenode(true)).addclass(params.slideduplicateclass));
}
for (let i = prependslides.length - 1; i >= 0; i -= 1) {
$selector.prepend($(prependslides[i].clonenode(true)).addclass(params.slideduplicateclass));
}
}
function loopfix() {
const swiper = this;
swiper.emit('beforeloopfix');
const {
activeindex,
slides,
loopedslides,
allowslideprev,
allowslidenext,
snapgrid,
rtltranslate: rtl
} = swiper;
let newindex;
swiper.allowslideprev = true;
swiper.allowslidenext = true;
const snaptranslate = -snapgrid[activeindex];
const diff = snaptranslate - swiper.gettranslate(); // fix for negative oversliding
if (activeindex < loopedslides) {
newindex = slides.length - loopedslides * 3 + activeindex;
newindex += loopedslides;
const slidechanged = swiper.slideto(newindex, 0, false, true);
if (slidechanged && diff !== 0) {
swiper.settranslate((rtl ? -swiper.translate : swiper.translate) - diff);
}
} else if (activeindex >= slides.length - loopedslides) {
// fix for positive oversliding
newindex = -slides.length + activeindex + loopedslides;
newindex += loopedslides;
const slidechanged = swiper.slideto(newindex, 0, false, true);
if (slidechanged && diff !== 0) {
swiper.settranslate((rtl ? -swiper.translate : swiper.translate) - diff);
}
}
swiper.allowslideprev = allowslideprev;
swiper.allowslidenext = allowslidenext;
swiper.emit('loopfix');
}
function loopdestroy() {
const swiper = this;
const {
$wrapperel,
params,
slides
} = swiper;
$wrapperel.children(`.${params.slideclass}.${params.slideduplicateclass},.${params.slideclass}.${params.slideblankclass}`).remove();
slides.removeattr('data-swiper-slide-index');
}
var loop = {
loopcreate,
loopfix,
loopdestroy
};
function setgrabcursor(moving) {
const swiper = this;
if (swiper.support.touch || !swiper.params.simulatetouch || swiper.params.watchoverflow && swiper.islocked || swiper.params.cssmode) return;
const el = swiper.params.toucheventstarget === 'container' ? swiper.el : swiper.wrapperel;
el.style.cursor = 'move';
el.style.cursor = moving ? '-webkit-grabbing' : '-webkit-grab';
el.style.cursor = moving ? '-moz-grabbin' : '-moz-grab';
el.style.cursor = moving ? 'grabbing' : 'grab';
}
function unsetgrabcursor() {
const swiper = this;
if (swiper.support.touch || swiper.params.watchoverflow && swiper.islocked || swiper.params.cssmode) {
return;
}
swiper[swiper.params.toucheventstarget === 'container' ? 'el' : 'wrapperel'].style.cursor = '';
}
var grabcursor = {
setgrabcursor,
unsetgrabcursor
};
function closestelement(selector, base) {
if (base === void 0) {
base = this;
}
function __closestfrom(el) {
if (!el || el === getdocument() || el === getwindow()) return null;
if (el.assignedslot) el = el.assignedslot;
const found = el.closest(selector);
return found || __closestfrom(el.getrootnode().host);
}
return __closestfrom(base);
}
function ontouchstart(event) {
const swiper = this;
const document = getdocument();
const window = getwindow();
const data = swiper.toucheventsdata;
const {
params,
touches,
enabled
} = swiper;
if (!enabled) return;
if (swiper.animating && params.preventinteractionontransition) {
return;
}
if (!swiper.animating && params.cssmode && params.loop) {
swiper.loopfix();
}
let e = event;
if (e.originalevent) e = e.originalevent;
let $targetel = $(e.target);
if (params.toucheventstarget === 'wrapper') {
if (!$targetel.closest(swiper.wrapperel).length) return;
}
data.istouchevent = e.type === 'touchstart';
if (!data.istouchevent && 'which' in e && e.which === 3) return;
if (!data.istouchevent && '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 !== '';
if (swipingclasshasvalue && e.target && e.target.shadowroot && event.path && event.path[0]) {
$targetel = $(event.path[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, e.target) : $targetel.closest(noswipingselector)[0])) {
swiper.allowclick = true;
return;
}
if (params.swipehandler) {
if (!$targetel.closest(params.swipehandler)[0]) return;
}
touches.currentx = e.type === 'touchstart' ? e.targettouches[0].pagex : e.pagex;
touches.currenty = e.type === 'touchstart' ? e.targettouches[0].pagey : e.pagey;
const startx = touches.currentx;
const starty = touches.currenty; // do not start if ios edge swipe is detected. otherwise ios app cannot swipe-to-go-back anymore
const edgeswipedetection = params.edgeswipedetection || params.iosedgeswipedetection;
const edgeswipethreshold = params.edgeswipethreshold || params.iosedgeswipethreshold;
if (edgeswipedetection && (startx <= edgeswipethreshold || startx >= window.innerwidth - edgeswipethreshold)) {
if (edgeswipedetection === 'prevent') {
event.preventdefault();
} else {
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;
if (e.type !== 'touchstart') {
let preventdefault = true;
if ($targetel.is(data.focusableelements)) {
preventdefault = false;
if ($targetel[0].nodename === 'select') {
data.istouched = false;
}
}
if (document.activeelement && $(document.activeelement).is(data.focusableelements) && document.activeelement !== $targetel[0]) {
document.activeelement.blur();
}
const shouldpreventdefault = preventdefault && swiper.allowtouchmove && params.touchstartpreventdefault;
if ((params.touchstartforcepreventdefault || shouldpreventdefault) && !$targetel[0].iscontenteditable) {
e.preventdefault();
}
}
if (swiper.params.freemode && swiper.params.freemode.enabled && swiper.freemode && swiper.animating && !params.cssmode) {
swiper.freemode.ontouchstart();
}
swiper.emit('touchstart', e);
}
function ontouchmove(event) {
const document = getdocument();
const swiper = this;
const data = swiper.toucheventsdata;
const {
params,
touches,
rtltranslate: rtl,
enabled
} = swiper;
if (!enabled) return;
let e = event;
if (e.originalevent) e = e.originalevent;
if (!data.istouched) {
if (data.startmoving && data.isscrolling) {
swiper.emit('touchmoveopposite', e);
}
return;
}
if (data.istouchevent && e.type !== 'touchmove') return;
const targettouch = e.type === 'touchmove' && e.targettouches && (e.targettouches[0] || e.changedtouches[0]);
const pagex = e.type === 'touchmove' ? targettouch.pagex : e.pagex;
const pagey = e.type === 'touchmove' ? targettouch.pagey : e.pagey;
if (e.preventedbynestedswiper) {
touches.startx = pagex;
touches.starty = pagey;
return;
}
if (!swiper.allowtouchmove) {
if (!$(e.target).is(data.focusableelements)) {
swiper.allowclick = false;
}
if (data.istouched) {
object.assign(touches, {
startx: pagex,
starty: pagey,
currentx: pagex,
currenty: pagey
});
data.touchstarttime = now();
}
return;
}
if (data.istouchevent && 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 (pagex < touches.startx && swiper.translate <= swiper.maxtranslate() || pagex > touches.startx && swiper.translate >= swiper.mintranslate()) {
return;
}
}
if (data.istouchevent && document.activeelement) {
if (e.target === document.activeelement && $(e.target).is(data.focusableelements)) {
data.ismoved = true;
swiper.allowclick = false;
return;
}
}
if (data.allowtouchcallbacks) {
swiper.emit('touchmove', e);
}
if (e.targettouches && e.targettouches.length > 1) return;
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) {
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();
}
if (!data.ismoved) {
if (params.loop && !params.cssmode) {
swiper.loopfix();
}
data.starttranslate = swiper.gettranslate();
swiper.settransition(0);
if (swiper.animating) {
swiper.$wrapperel.trigger('webkittransitionend transitionend');
}
data.allowmomentumbounce = false; // grab cursor
if (params.grabcursor && (swiper.allowslidenext === true || swiper.allowslideprev === true)) {
swiper.setgrabcursor(true);
}
swiper.emit('sliderfirstmove', e);
}
swiper.emit('slidermove', e);
data.ismoved = true;
let diff = swiper.ishorizontal() ? diffx : diffy;
touches.diff = diff;
diff *= params.touchratio;
if (rtl) diff = -diff;
swiper.swipedirection = diff > 0 ? 'prev' : 'next';
data.currenttranslate = diff + data.starttranslate;
let disableparentswiper = true;
let resistanceratio = params.resistanceratio;
if (params.touchreleaseonedges) {
resistanceratio = 0;
}
if (diff > 0 && data.currenttranslate > swiper.mintranslate()) {
disableparentswiper = false;
if (params.resistance) data.currenttranslate = swiper.mintranslate() - 1 + (-swiper.mintranslate() + data.starttranslate + diff) ** resistanceratio;
} else if (diff < 0 && data.currenttranslate < swiper.maxtranslate()) {
disableparentswiper = false;
if (params.resistance) data.currenttranslate = swiper.maxtranslate() + 1 - (swiper.maxtranslate() - data.starttranslate - diff) ** resistanceratio;
}
if (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;
} // 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 (swiper.params.freemode && params.freemode.enabled && swiper.freemode) {
swiper.freemode.ontouchmove();
} // update progress
swiper.updateprogress(data.currenttranslate); // update translate
swiper.settranslate(data.currenttranslate);
}
function ontouchend(event) {
const swiper = this;
const data = swiper.toucheventsdata;
const {
params,
touches,
rtltranslate: rtl,
slidesgrid,
enabled
} = swiper;
if (!enabled) return;
let e = event;
if (e.originalevent) e = e.originalevent;
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) {
const pathtree = e.path || e.composedpath && e.composedpath();
swiper.updateclickedslide(pathtree && pathtree[0] || e.target);
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.currenttranslate === data.starttranslate) {
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 (swiper.params.freemode && params.freemode.enabled) {
swiper.freemode.ontouchend({
currentpos
});
return;
} // find current slide
let stopindex = 0;
let groupsize = swiper.slidessizesgrid[0];
for (let i = 0; i < slidesgrid.length; i += i < params.slidespergroupskip ? 1 : params.slidespergroup) {
const increment = i < params.slidespergroupskip - 1 ? 1 : params.slidespergroup;
if (typeof slidesgrid[i + increment] !== 'undefined') {
if (currentpos >= slidesgrid[i] && currentpos < slidesgrid[i + increment]) {
stopindex = i;
groupsize = slidesgrid[i + increment] - slidesgrid[i];
}
} else if (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 = swiper.params.virtual && swiper.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; // disable locks on resize
swiper.allowslidenext = true;
swiper.allowslideprev = true;
swiper.updatesize();
swiper.updateslides();
swiper.updateslidesclasses();
if ((params.slidesperview === 'auto' || params.slidesperview > 1) && swiper.isend && !swiper.isbeginning && !swiper.params.centeredslides) {
swiper.slideto(swiper.slides.length - 1, 0, false, true);
} else {
swiper.slideto(swiper.activeindex, 0, false, true);
}
if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
swiper.autoplay.run();
} // 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.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;
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);
}
let dummyeventattached = false;
function dummyeventlistener() {}
const events = (swiper, method) => {
const document = getdocument();
const {
params,
touchevents,
el,
wrapperel,
device,
support
} = swiper;
const capture = !!params.nested;
const dommethod = method === 'on' ? 'addeventlistener' : 'removeeventlistener';
const swipermethod = method; // touch events
if (!support.touch) {
el[dommethod](touchevents.start, swiper.ontouchstart, false);
document[dommethod](touchevents.move, swiper.ontouchmove, capture);
document[dommethod](touchevents.end, swiper.ontouchend, false);
} else {
const passivelistener = touchevents.start === 'touchstart' && support.passivelistener && params.passivelisteners ? {
passive: true,
capture: false
} : false;
el[dommethod](touchevents.start, swiper.ontouchstart, passivelistener);
el[dommethod](touchevents.move, swiper.ontouchmove, support.passivelistener ? {
passive: false,
capture
} : capture);
el[dommethod](touchevents.end, swiper.ontouchend, passivelistener);
if (touchevents.cancel) {
el[dommethod](touchevents.cancel, swiper.ontouchend, passivelistener);
}
} // 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);
}
};
function attachevents() {
const swiper = this;
const document = getdocument();
const {
params,
support
} = swiper;
swiper.ontouchstart = ontouchstart.bind(swiper);
swiper.ontouchmove = ontouchmove.bind(swiper);
swiper.ontouchend = ontouchend.bind(swiper);
if (params.cssmode) {
swiper.onscroll = onscroll.bind(swiper);
}
swiper.onclick = onclick.bind(swiper);
if (support.touch && !dummyeventattached) {
document.addeventlistener('touchstart', dummyeventlistener);
dummyeventattached = true;
}
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 {
activeindex,
initialized,
loopedslides = 0,
params,
$el
} = swiper;
const breakpoints = params.breakpoints;
if (!breakpoints || breakpoints && object.keys(breakpoints).length === 0) return; // get breakpoint for window width and update parameters
const breakpoint = swiper.getbreakpoint(breakpoints, swiper.params.breakpointsbase, swiper.el);
if (!breakpoint || swiper.currentbreakpoint === breakpoint) return;
const breakpointonlyparams = breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
const breakpointparams = breakpointonlyparams || swiper.originalparams;
const wasmultirow = isgridenabled(swiper, params);
const ismultirow = isgridenabled(swiper, breakpointparams);
const wasenabled = params.enabled;
if (wasmultirow && !ismultirow) {
$el.removeclass(`${params.containermodifierclass}grid ${params.containermodifierclass}grid-column`);
swiper.emitcontainerclasses();
} else if (!wasmultirow && ismultirow) {
$el.addclass(`${params.containermodifierclass}grid`);
if (breakpointparams.grid.fill && breakpointparams.grid.fill === 'column' || !breakpointparams.grid.fill && params.grid.fill === 'column') {
$el.addclass(`${params.containermodifierclass}grid-column`);
}
swiper.emitcontainerclasses();
}
const directionchanged = breakpointparams.direction && breakpointparams.direction !== params.direction;
const needsreloop = params.loop && (breakpointparams.slidesperview !== params.slidesperview || directionchanged);
if (directionchanged && initialized) {
swiper.changedirection();
}
extend(swiper.params, breakpointparams);
const isenabled = swiper.params.enabled;
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 (needsreloop && initialized) {
swiper.loopdestroy();
swiper.loopcreate();
swiper.updateslides();
swiper.slideto(activeindex - loopedslides + swiper.loopedslides, 0, false);
}
swiper.emit('breakpoint', breakpointparams);
}
function getbreakpoint(breakpoints, base, containerel) {
if (base === void 0) {
base = 'window';
}
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
};
}
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,
support
} = swiper; // prettier-ignore
const suffixes = prepareclasses(['initialized', params.direction, {
'pointer-events': !support.touch
}, {
'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
}], params.containermodifierclass);
classnames.push(...suffixes);
$el.addclass([...classnames].join(' '));
swiper.emitcontainerclasses();
}
function removeclasses() {
const swiper = this;
const {
$el,
classnames
} = swiper;
$el.removeclass(classnames.join(' '));
swiper.emitcontainerclasses();
}
var classes = {
addclasses,
removeclasses
};
function loadimage(imageel, src, srcset, sizes, checkforcomplete, callback) {
const window = getwindow();
let image;
function onready() {
if (callback) callback();
}
const ispicture = $(imageel).parent('picture')[0];
if (!ispicture && (!imageel.complete || !checkforcomplete)) {
if (src) {
image = new window.image();
image.onload = onready;
image.onerror = onready;
if (sizes) {
image.sizes = sizes;
}
if (srcset) {
image.srcset = srcset;
}
if (src) {
image.src = src;
}
} else {
onready();
}
} else {
// image already loaded...
onready();
}
}
function preloadimages() {
const swiper = this;
swiper.imagestoload = swiper.$el.find('img');
function onready() {
if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper.destroyed) return;
if (swiper.imagesloaded !== undefined) swiper.imagesloaded += 1;
if (swiper.imagesloaded === swiper.imagestoload.length) {
if (swiper.params.updateonimagesready) swiper.update();
swiper.emit('imagesready');
}
}
for (let i = 0; i < swiper.imagestoload.length; i += 1) {
const imageel = swiper.imagestoload[i];
swiper.loadimage(imageel, imageel.currentsrc || imageel.getattribute('src'), imageel.srcset || imageel.getattribute('srcset'), imageel.sizes || imageel.getattribute('sizes'), true, onready);
}
}
var images = {
loadimage,
preloadimages
};
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',
toucheventstarget: 'wrapper',
initialslide: 0,
speed: 300,
cssmode: false,
updateonwindowresize: true,
resizeobserver: true,
nested: false,
createelements: false,
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,
// 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: 0,
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,
// images
preloadimages: true,
updateonimagesready: true,
// loop
loop: false,
loopadditionalslides: 0,
loopedslides: null,
loopfillgroupwithblank: false,
looppreventsslide: 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-invisible-blank',
slideactiveclass: 'swiper-slide-active',
slideduplicateactiveclass: 'swiper-slide-duplicate-active',
slidevisibleclass: 'swiper-slide-visible',
slideduplicateclass: 'swiper-slide-duplicate',
slidenextclass: 'swiper-slide-next',
slideduplicatenextclass: 'swiper-slide-duplicate-next',
slideprevclass: 'swiper-slide-prev',
slideduplicateprevclass: 'swiper-slide-duplicate-prev',
wrapperclass: 'swiper-wrapper',
// callbacks
runcallbacksoninit: true,
// internals
_emitclasses: false
};
function moduleextendparams(params, allmodulesparams) {
return function extendparams(obj) {
if (obj === void 0) {
obj = {};
}
const moduleparamname = object.keys(obj)[0];
const moduleparams = obj[moduleparamname];
if (typeof moduleparams !== 'object' || moduleparams === null) {
extend(allmodulesparams, obj);
return;
}
if (['navigation', 'pagination', 'scrollbar'].indexof(moduleparamname) >= 0 && params[moduleparamname] === true) {
params[moduleparamname] = {
auto: true
};
}
if (!(moduleparamname in params && 'enabled' in moduleparams)) {
extend(allmodulesparams, obj);
return;
}
if (params[moduleparamname] === true) {
params[moduleparamname] = {
enabled: true
};
}
if (typeof params[moduleparamname] === 'object' && !('enabled' in params[moduleparamname])) {
params[moduleparamname].enabled = true;
}
if (!params[moduleparamname]) params[moduleparamname] = {
enabled: false
};
extend(allmodulesparams, obj);
};
}
/* eslint no-param-reassign: "off" */
const prototypes = {
eventsemitter,
update,
translate,
transition,
slide,
loop,
grabcursor,
events: events$1,
breakpoints,
checkoverflow: checkoverflow$1,
classes,
images
};
const extendeddefaults = {};
class swiper {
constructor() {
let el;
let params;
for (var _len = arguments.length, args = new array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
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;
if (params.el && $(params.el).length > 1) {
const swipers = [];
$(params.el).each(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
});
swiper.browser = getbrowser();
swiper.eventslisteners = {};
swiper.eventsanylisteners = [];
swiper.modules = [...swiper.__modules__];
if (params.modules && array.isarray(params.modules)) {
swiper.modules.push(...params.modules);
}
const allmodulesparams = {};
swiper.modules.foreach(mod => {
mod({
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);
} // save dom lib
swiper.$ = $; // 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,
// locks
allowslidenext: swiper.params.allowslidenext,
allowslideprev: swiper.params.allowslideprev,
// touch events
touchevents: function touchevents() {
const touch = ['touchstart', 'touchmove', 'touchend', 'touchcancel'];
const desktop = ['pointerdown', 'pointermove', 'pointerup'];
swiper.toucheventstouch = {
start: touch[0],
move: touch[1],
end: touch[2],
cancel: touch[3]
};
swiper.toucheventsdesktop = {
start: desktop[0],
move: desktop[1],
end: desktop[2]
};
return swiper.support.touch || !swiper.params.simulatetouch ? swiper.toucheventstouch : swiper.toucheventsdesktop;
}(),
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: now(),
clicktimeout: undefined,
// velocities
velocities: [],
allowmomentumbounce: undefined,
istouchevent: undefined,
startmoving: undefined
},
// 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;
}
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;
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.each(slideel => {
const classnames = swiper.getslideclasses(slideel);
updates.push({
slideel,
classnames
});
swiper.emit('_slideclass', slideel, classnames);
});
swiper.emit('_slideclasses', updates);
}
slidesperviewdynamic(view, exact) {
if (view === void 0) {
view = 'current';
}
if (exact === void 0) {
exact = false;
}
const swiper = this;
const {
params,
slides,
slidesgrid,
slidessizesgrid,
size: swipersize,
activeindex
} = swiper;
let spv = 1;
if (params.centeredslides) {
let slidesize = slides[activeindex].swiperslidesize;
let breakloop;
for (let i = activeindex + 1; i < slides.length; i += 1) {
if (slides[i] && !breakloop) {
slidesize += 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.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 (swiper.params.freemode && swiper.params.freemode.enabled) {
settranslate();
if (swiper.params.autoheight) {
swiper.updateautoheight();
}
} else {
if ((swiper.params.slidesperview === 'auto' || swiper.params.slidesperview > 1) && swiper.isend && !swiper.params.centeredslides) {
translated = swiper.slideto(swiper.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) {
if (needupdate === void 0) {
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.removeclass(`${swiper.params.containermodifierclass}${currentdirection}`).addclass(`${swiper.params.containermodifierclass}${newdirection}`);
swiper.emitcontainerclasses();
swiper.params.direction = newdirection;
swiper.slides.each(slideel => {
if (newdirection === 'vertical') {
slideel.style.width = '';
} else {
slideel.style.height = '';
}
});
swiper.emit('changedirection');
if (needupdate) swiper.update();
return swiper;
}
mount(el) {
const swiper = this;
if (swiper.mounted) return true; // find el
const $el = $(el || swiper.params.el);
el = $el[0];
if (!el) {
return false;
}
el.swiper = swiper;
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
res.children = options => $el.children(options);
return res;
}
return $el.children(getwrapperselector());
}; // find wrapper
let $wrapperel = getwrapper();
if ($wrapperel.length === 0 && swiper.params.createelements) {
const document = getdocument();
const wrapper = document.createelement('div');
$wrapperel = $(wrapper);
wrapper.classname = swiper.params.wrapperclass;
$el.append(wrapper);
$el.children(`.${swiper.params.slideclass}`).each(slideel => {
$wrapperel.append(slideel);
});
}
object.assign(swiper, {
$el,
el,
$wrapperel,
wrapperel: $wrapperel[0],
mounted: true,
// rtl
rtl: el.dir.tolowercase() === 'rtl' || $el.css('direction') === 'rtl',
rtltranslate: swiper.params.direction === 'horizontal' && (el.dir.tolowercase() === 'rtl' || $el.css('direction') === 'rtl'),
wrongrtl: $wrapperel.css('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(); // create loop
if (swiper.params.loop) {
swiper.loopcreate();
} // 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();
}
if (swiper.params.preloadimages) {
swiper.preloadimages();
} // slide to initial slide
if (swiper.params.loop) {
swiper.slideto(swiper.params.initialslide + swiper.loopedslides, 0, swiper.params.runcallbacksoninit, false, true);
} else {
swiper.slideto(swiper.params.initialslide, 0, swiper.params.runcallbacksoninit, false, true);
} // attach events
swiper.attachevents(); // init flag
swiper.initialized = true; // emit
swiper.emit('init');
swiper.emit('afterinit');
return swiper;
}
destroy(deleteinstance, cleanstyles) {
if (deleteinstance === void 0) {
deleteinstance = true;
}
if (cleanstyles === void 0) {
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();
$el.removeattr('style');
$wrapperel.removeattr('style');
if (slides && slides.length) {
slides.removeclass([params.slidevisibleclass, params.slideactiveclass, params.slidenextclass, params.slideprevclass].join(' ')).removeattr('style').removeattr('data-swiper-slide-index');
}
}
swiper.emit('destroy'); // detach emitter events
object.keys(swiper.eventslisteners).foreach(eventname => {
swiper.off(eventname);
});
if (deleteinstance !== false) {
swiper.$el[0].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 virtual(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
extendparams({
virtual: {
enabled: false,
slides: [],
cache: true,
renderslide: null,
renderexternal: null,
renderexternalupdate: true,
addslidesbefore: 0,
addslidesafter: 0
}
});
let cssmodetimeout;
swiper.virtual = {
cache: {},
from: undefined,
to: undefined,
slides: [],
offset: 0,
slidesgrid: []
};
function renderslide(slide, index) {
const params = swiper.params.virtual;
if (params.cache && swiper.virtual.cache[index]) {
return swiper.virtual.cache[index];
}
const $slideel = params.renderslide ? $(params.renderslide.call(swiper, slide, index)) : $(`${slide}
`);
if (!$slideel.attr('data-swiper-slide-index')) $slideel.attr('data-swiper-slide-index', index);
if (params.cache) swiper.virtual.cache[index] = $slideel;
return $slideel;
}
function update(force) {
const {
slidesperview,
slidespergroup,
centeredslides
} = swiper.params;
const {
addslidesbefore,
addslidesafter
} = swiper.params.virtual;
const {
from: previousfrom,
to: previousto,
slides,
slidesgrid: previousslidesgrid,
offset: previousoffset
} = swiper.virtual;
if (!swiper.params.cssmode) {
swiper.updateactiveindex();
}
const activeindex = swiper.activeindex || 0;
let offsetprop;
if (swiper.rtltranslate) offsetprop = 'right';else offsetprop = swiper.ishorizontal() ? 'left' : 'top';
let slidesafter;
let slidesbefore;
if (centeredslides) {
slidesafter = math.floor(slidesperview / 2) + slidespergroup + addslidesafter;
slidesbefore = math.floor(slidesperview / 2) + slidespergroup + addslidesbefore;
} else {
slidesafter = slidesperview + (slidespergroup - 1) + addslidesafter;
slidesbefore = slidespergroup + addslidesbefore;
}
const from = math.max((activeindex || 0) - slidesbefore, 0);
const to = math.min((activeindex || 0) + slidesafter, slides.length - 1);
const offset = (swiper.slidesgrid[from] || 0) - (swiper.slidesgrid[0] || 0);
object.assign(swiper.virtual, {
from,
to,
offset,
slidesgrid: swiper.slidesgrid
});
function onrendered() {
swiper.updateslides();
swiper.updateprogress();
swiper.updateslidesclasses();
if (swiper.lazy && swiper.params.lazy.enabled) {
swiper.lazy.load();
}
emit('virtualupdate');
}
if (previousfrom === from && previousto === to && !force) {
if (swiper.slidesgrid !== previousslidesgrid && offset !== previousoffset) {
swiper.slides.css(offsetprop, `${offset}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 = [];
if (force) {
swiper.$wrapperel.find(`.${swiper.params.slideclass}`).remove();
} else {
for (let i = previousfrom; i <= previousto; i += 1) {
if (i < from || i > to) {
swiper.$wrapperel.find(`.${swiper.params.slideclass}[data-swiper-slide-index="${i}"]`).remove();
}
}
}
for (let i = 0; i < slides.length; i += 1) {
if (i >= from && i <= to) {
if (typeof previousto === 'undefined' || force) {
appendindexes.push(i);
} else {
if (i > previousto) appendindexes.push(i);
if (i < previousfrom) prependindexes.push(i);
}
}
}
appendindexes.foreach(index => {
swiper.$wrapperel.append(renderslide(slides[index], index));
});
prependindexes.sort((a, b) => b - a).foreach(index => {
swiper.$wrapperel.prepend(renderslide(slides[index], index));
});
swiper.$wrapperel.children('.swiper-slide').css(offsetprop, `${offset}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.attr('data-swiper-slide-index');
if (cachedelindex) {
$cachedel.attr('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) {
swiper.virtual.slides.splice(slidesindexes[i], 1);
if (swiper.params.virtual.cache) {
delete swiper.virtual.cache[slidesindexes[i]];
}
if (slidesindexes[i] < activeindex) activeindex -= 1;
activeindex = math.max(activeindex, 0);
}
} else {
swiper.virtual.slides.splice(slidesindexes, 1);
if (swiper.params.virtual.cache) {
delete swiper.virtual.cache[slidesindexes];
}
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;
swiper.virtual.slides = swiper.params.virtual.slides;
swiper.classnames.push(`${swiper.params.containermodifierclass}virtual`);
swiper.params.watchslidesprogress = true;
swiper.originalparams.watchslidesprogress = true;
if (!swiper.params.initialslide) {
update();
}
});
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(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
const document = getdocument();
const window = getwindow();
swiper.keyboard = {
enabled: false
};
extendparams({
keyboard: {
enabled: false,
onlyinviewport: true,
pageupdown: true
}
});
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.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 (swiper.$el.parents(`.${swiper.params.slideclass}`).length > 0 && swiper.$el.parents(`.${swiper.params.slideactiveclass}`).length === 0) {
return undefined;
}
const $el = swiper.$el;
const swiperwidth = $el[0].clientwidth;
const swiperheight = $el[0].clientheight;
const windowwidth = window.innerwidth;
const windowheight = window.innerheight;
const swiperoffset = swiper.$el.offset();
if (rtl) swiperoffset.left -= swiper.$el[0].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;
}
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();
if ((ispageup || isarrowleft) && !rtl || (ispagedown || isarrowright) && rtl) swiper.slideprev();
} else {
if (ispageup || ispagedown || isarrowup || isarrowdown) {
if (e.preventdefault) e.preventdefault();else e.returnvalue = false;
}
if (ispagedown || isarrowdown) swiper.slidenext();
if (ispageup || isarrowup) swiper.slideprev();
}
emit('keypress', kc);
return undefined;
}
function enable() {
if (swiper.keyboard.enabled) return;
$(document).on('keydown', handle);
swiper.keyboard.enabled = true;
}
function disable() {
if (!swiper.keyboard.enabled) return;
$(document).off('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
});
}
/* eslint-disable consistent-return */
function mousewheel(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
const window = getwindow();
extendparams({
mousewheel: {
enabled: false,
releaseonedges: false,
invert: false,
forcetoaxis: false,
sensitivity: 1,
eventstarget: 'container',
thresholddelta: null,
thresholdtime: null
}
});
swiper.mousewheel = {
enabled: false
};
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;
const params = swiper.params.mousewheel;
if (swiper.params.cssmode) {
e.preventdefault();
}
let target = swiper.$el;
if (swiper.params.mousewheel.eventstarget !== 'container') {
target = $(swiper.params.mousewheel.eventstarget);
}
if (!swiper.mouseentered && !target[0].contains(e.target) && !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
}; // keep the most recent events
if (recentwheelevents.length >= 2) {
recentwheelevents.shift(); // only store the last n events
}
const prevevent = recentwheelevents.length ? recentwheelevents[recentwheelevents.length - 1] : undefined;
recentwheelevents.push(newevent); // if there is at least one previous recorded event:
// if direction has changed or
// if the scroll is quicker than the previous one:
// animate the slider.
// else (this is the first time the wheel is moved):
// animate the slider.
if (prevevent) {
if (newevent.direction !== prevevent.direction || newevent.delta > prevevent.delta || newevent.time > prevevent.time + 150) {
animateslider(newevent);
}
} else {
animateslider(newevent);
} // if it's time to release the scroll:
// return now so you don't hit the preventdefault.
if (releasescroll(newevent)) {
return true;
}
} else {
// freemode or scrollcontainer:
// if we recently snapped after a momentum scroll, then ignore wheel events
// to give time for the deceleration to finish. stop ignoring after 500 msecs
// or if it's a new scroll (larger delta or inverse sign as last event before
// an end-of-momentum snap).
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;
if (swiper.params.loop) {
swiper.loopfix();
}
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.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
}
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(() => {
swiper.slidetoclosest(swiper.params.speed, true, undefined, snaptothreshold);
}, 0); // no delay; move on next tick
}
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(() => {
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.autoplaydisableoninteraction) swiper.autoplay.stop(); // return page scroll on edge positions
if (position === swiper.mintranslate() || position === swiper.maxtranslate()) return true;
}
}
if (e.preventdefault) e.preventdefault();else e.returnvalue = false;
return false;
}
function events(method) {
let target = swiper.$el;
if (swiper.params.mousewheel.eventstarget !== 'container') {
target = $(swiper.params.mousewheel.eventstarget);
}
target[method]('mouseenter', handlemouseenter);
target[method]('mouseleave', handlemouseleave);
target[method]('wheel', handle);
}
function enable() {
if (swiper.params.cssmode) {
swiper.wrapperel.removeeventlistener('wheel', handle);
return true;
}
if (swiper.mousewheel.enabled) return false;
events('on');
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('off');
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) {
const document = getdocument();
if (swiper.params.createelements) {
object.keys(checkprops).foreach(key => {
if (!params[key] && params.auto === true) {
let element = swiper.$el.children(`.${checkprops[key]}`)[0];
if (!element) {
element = document.createelement('div');
element.classname = checkprops[key];
swiper.$el.append(element);
}
params[key] = element;
originalparams[key] = element;
}
});
}
return params;
}
function navigation(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
extendparams({
navigation: {
nextel: null,
prevel: null,
hideonclick: false,
disabledclass: 'swiper-button-disabled',
hiddenclass: 'swiper-button-hidden',
lockclass: 'swiper-button-lock'
}
});
swiper.navigation = {
nextel: null,
$nextel: null,
prevel: null,
$prevel: null
};
function getel(el) {
let $el;
if (el) {
$el = $(el);
if (swiper.params.uniquenavelements && typeof el === 'string' && $el.length > 1 && swiper.$el.find(el).length === 1) {
$el = swiper.$el.find(el);
}
}
return $el;
}
function toggleel($el, disabled) {
const params = swiper.params.navigation;
if ($el && $el.length > 0) {
$el[disabled ? 'addclass' : 'removeclass'](params.disabledclass);
if ($el[0] && $el[0].tagname === 'button') $el[0].disabled = disabled;
if (swiper.params.watchoverflow && swiper.enabled) {
$el[swiper.islocked ? 'addclass' : 'removeclass'](params.lockclass);
}
}
}
function update() {
// update navigation buttons
if (swiper.params.loop) return;
const {
$nextel,
$prevel
} = swiper.navigation;
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();
}
function onnextclick(e) {
e.preventdefault();
if (swiper.isend && !swiper.params.loop && !swiper.params.rewind) return;
swiper.slidenext();
}
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;
const $nextel = getel(params.nextel);
const $prevel = getel(params.prevel);
if ($nextel && $nextel.length > 0) {
$nextel.on('click', onnextclick);
}
if ($prevel && $prevel.length > 0) {
$prevel.on('click', onprevclick);
}
object.assign(swiper.navigation, {
$nextel,
nextel: $nextel && $nextel[0],
$prevel,
prevel: $prevel && $prevel[0]
});
if (!swiper.enabled) {
if ($nextel) $nextel.addclass(params.lockclass);
if ($prevel) $prevel.addclass(params.lockclass);
}
}
function destroy() {
const {
$nextel,
$prevel
} = swiper.navigation;
if ($nextel && $nextel.length) {
$nextel.off('click', onnextclick);
$nextel.removeclass(swiper.params.navigation.disabledclass);
}
if ($prevel && $prevel.length) {
$prevel.off('click', onprevclick);
$prevel.removeclass(swiper.params.navigation.disabledclass);
}
}
on('init', () => {
init();
update();
});
on('toedge fromedge lock unlock', () => {
update();
});
on('destroy', () => {
destroy();
});
on('enable disable', () => {
const {
$nextel,
$prevel
} = swiper.navigation;
if ($nextel) {
$nextel[swiper.enabled ? 'removeclass' : 'addclass'](swiper.params.navigation.lockclass);
}
if ($prevel) {
$prevel[swiper.enabled ? 'removeclass' : 'addclass'](swiper.params.navigation.lockclass);
}
});
on('click', (_s, e) => {
const {
$nextel,
$prevel
} = swiper.navigation;
const targetel = e.target;
if (swiper.params.navigation.hideonclick && !$(targetel).is($prevel) && !$(targetel).is($nextel)) {
if (swiper.pagination && swiper.params.pagination && swiper.params.pagination.clickable && (swiper.pagination.el === targetel || swiper.pagination.el.contains(targetel))) return;
let ishidden;
if ($nextel) {
ishidden = $nextel.hasclass(swiper.params.navigation.hiddenclass);
} else if ($prevel) {
ishidden = $prevel.hasclass(swiper.params.navigation.hiddenclass);
}
if (ishidden === true) {
emit('navigationshow');
} else {
emit('navigationhide');
}
if ($nextel) {
$nextel.toggleclass(swiper.params.navigation.hiddenclass);
}
if ($prevel) {
$prevel.toggleclass(swiper.params.navigation.hiddenclass);
}
}
});
object.assign(swiper.navigation, {
update,
init,
destroy
});
}
function classestoselector(classes) {
if (classes === void 0) {
classes = '';
}
return `.${classes.trim().replace(/([\.:!\/])/g, '\\$1') // eslint-disable-line
.replace(/ /g, '.')}`;
}
function pagination(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
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`
}
});
swiper.pagination = {
el: null,
$el: null,
bullets: []
};
let bulletsize;
let dynamicbulletindex = 0;
function ispaginationdisabled() {
return !swiper.params.pagination.el || !swiper.pagination.el || !swiper.pagination.$el || swiper.pagination.$el.length === 0;
}
function setsidebullets($bulletel, position) {
const {
bulletactiveclass
} = swiper.params.pagination;
$bulletel[position]().addclass(`${bulletactiveclass}-${position}`)[position]().addclass(`${bulletactiveclass}-${position}-${position}`);
}
function update() {
// render || update pagination bullets/items
const rtl = swiper.rtl;
const params = swiper.params.pagination;
if (ispaginationdisabled()) return;
const slideslength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
const $el = swiper.pagination.$el; // current/total
let current;
const total = swiper.params.loop ? math.ceil((slideslength - swiper.loopedslides * 2) / swiper.params.slidespergroup) : swiper.snapgrid.length;
if (swiper.params.loop) {
current = math.ceil((swiper.activeindex - swiper.loopedslides) / swiper.params.slidespergroup);
if (current > slideslength - 1 - swiper.loopedslides * 2) {
current -= slideslength - swiper.loopedslides * 2;
}
if (current > total - 1) current -= total;
if (current < 0 && swiper.params.paginationtype !== 'bullets') current = total + current;
} else if (typeof swiper.snapindex !== 'undefined') {
current = swiper.snapindex;
} else {
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 = bullets.eq(0)[swiper.ishorizontal() ? 'outerwidth' : 'outerheight'](true);
$el.css(swiper.ishorizontal() ? 'width' : 'height', `${bulletsize * (params.dynamicmainbullets + 4)}px`);
if (params.dynamicmainbullets > 1 && swiper.previousindex !== undefined) {
dynamicbulletindex += current - (swiper.previousindex - swiper.loopedslides || 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.removeclass(['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map(suffix => `${params.bulletactiveclass}${suffix}`).join(' '));
if ($el.length > 1) {
bullets.each(bullet => {
const $bullet = $(bullet);
const bulletindex = $bullet.index();
if (bulletindex === current) {
$bullet.addclass(params.bulletactiveclass);
}
if (params.dynamicbullets) {
if (bulletindex >= firstindex && bulletindex <= lastindex) {
$bullet.addclass(`${params.bulletactiveclass}-main`);
}
if (bulletindex === firstindex) {
setsidebullets($bullet, 'prev');
}
if (bulletindex === lastindex) {
setsidebullets($bullet, 'next');
}
}
});
} else {
const $bullet = bullets.eq(current);
const bulletindex = $bullet.index();
$bullet.addclass(params.bulletactiveclass);
if (params.dynamicbullets) {
const $firstdisplayedbullet = bullets.eq(firstindex);
const $lastdisplayedbullet = bullets.eq(lastindex);
for (let i = firstindex; i <= lastindex; i += 1) {
bullets.eq(i).addclass(`${params.bulletactiveclass}-main`);
}
if (swiper.params.loop) {
if (bulletindex >= bullets.length) {
for (let i = params.dynamicmainbullets; i >= 0; i -= 1) {
bullets.eq(bullets.length - i).addclass(`${params.bulletactiveclass}-main`);
}
bullets.eq(bullets.length - params.dynamicmainbullets - 1).addclass(`${params.bulletactiveclass}-prev`);
} else {
setsidebullets($firstdisplayedbullet, 'prev');
setsidebullets($lastdisplayedbullet, 'next');
}
} else {
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.css(swiper.ishorizontal() ? offsetprop : 'top', `${bulletsoffset}px`);
}
}
if (params.type === 'fraction') {
$el.find(classestoselector(params.currentclass)).text(params.formatfractioncurrent(current + 1));
$el.find(classestoselector(params.totalclass)).text(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;
}
$el.find(classestoselector(params.progressbarfillclass)).transform(`translate3d(0,0,0) scalex(${scalex}) scaley(${scaley})`).transition(swiper.params.speed);
}
if (params.type === 'custom' && params.rendercustom) {
$el.html(params.rendercustom(swiper, current + 1, total));
emit('paginationrender', $el[0]);
} else {
emit('paginationupdate', $el[0]);
}
if (swiper.params.watchoverflow && swiper.enabled) {
$el[swiper.islocked ? 'addclass' : 'removeclass'](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.slides.length;
const $el = swiper.pagination.$el;
let paginationhtml = '';
if (params.type === 'bullets') {
let numberofbullets = swiper.params.loop ? math.ceil((slideslength - swiper.loopedslides * 2) / swiper.params.slidespergroup) : swiper.snapgrid.length;
if (swiper.params.freemode && swiper.params.freemode.enabled && !swiper.params.loop && numberofbullets > slideslength) {
numberofbullets = slideslength;
}
for (let i = 0; i < numberofbullets; i += 1) {
if (params.renderbullet) {
paginationhtml += params.renderbullet.call(swiper, i, params.bulletclass);
} else {
paginationhtml += `<${params.bulletelement} class="${params.bulletclass}">${params.bulletelement}>`;
}
}
$el.html(paginationhtml);
swiper.pagination.bullets = $el.find(classestoselector(params.bulletclass));
}
if (params.type === 'fraction') {
if (params.renderfraction) {
paginationhtml = params.renderfraction.call(swiper, params.currentclass, params.totalclass);
} else {
paginationhtml = `` + ' / ' + ``;
}
$el.html(paginationhtml);
}
if (params.type === 'progressbar') {
if (params.renderprogressbar) {
paginationhtml = params.renderprogressbar.call(swiper, params.progressbarfillclass);
} else {
paginationhtml = ``;
}
$el.html(paginationhtml);
}
if (params.type !== 'custom') {
emit('paginationrender', swiper.pagination.$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 = $(params.el);
if ($el.length === 0) return;
if (swiper.params.uniquenavelements && typeof params.el === 'string' && $el.length > 1) {
$el = swiper.$el.find(params.el); // check if it belongs to another nested swiper
if ($el.length > 1) {
$el = $el.filter(el => {
if ($(el).parents('.swiper')[0] !== swiper.el) return false;
return true;
});
}
}
if (params.type === 'bullets' && params.clickable) {
$el.addclass(params.clickableclass);
}
$el.addclass(params.modifierclass + params.type);
$el.addclass(swiper.ishorizontal() ? params.horizontalclass : params.verticalclass);
if (params.type === 'bullets' && params.dynamicbullets) {
$el.addclass(`${params.modifierclass}${params.type}-dynamic`);
dynamicbulletindex = 0;
if (params.dynamicmainbullets < 1) {
params.dynamicmainbullets = 1;
}
}
if (params.type === 'progressbar' && params.progressbaropposite) {
$el.addclass(params.progressbaroppositeclass);
}
if (params.clickable) {
$el.on('click', classestoselector(params.bulletclass), function onclick(e) {
e.preventdefault();
let index = $(this).index() * swiper.params.slidespergroup;
if (swiper.params.loop) index += swiper.loopedslides;
swiper.slideto(index);
});
}
object.assign(swiper.pagination, {
$el,
el: $el[0]
});
if (!swiper.enabled) {
$el.addclass(params.lockclass);
}
}
function destroy() {
const params = swiper.params.pagination;
if (ispaginationdisabled()) return;
const $el = swiper.pagination.$el;
$el.removeclass(params.hiddenclass);
$el.removeclass(params.modifierclass + params.type);
$el.removeclass(swiper.ishorizontal() ? params.horizontalclass : params.verticalclass);
if (swiper.pagination.bullets && swiper.pagination.bullets.removeclass) swiper.pagination.bullets.removeclass(params.bulletactiveclass);
if (params.clickable) {
$el.off('click', classestoselector(params.bulletclass));
}
}
on('init', () => {
init();
render();
update();
});
on('activeindexchange', () => {
if (swiper.params.loop) {
update();
} else if (typeof swiper.snapindex === 'undefined') {
update();
}
});
on('snapindexchange', () => {
if (!swiper.params.loop) {
update();
}
});
on('slideslengthchange', () => {
if (swiper.params.loop) {
render();
update();
}
});
on('snapgridlengthchange', () => {
if (!swiper.params.loop) {
render();
update();
}
});
on('destroy', () => {
destroy();
});
on('enable disable', () => {
const {
$el
} = swiper.pagination;
if ($el) {
$el[swiper.enabled ? 'removeclass' : 'addclass'](swiper.params.pagination.lockclass);
}
});
on('lock unlock', () => {
update();
});
on('click', (_s, e) => {
const targetel = e.target;
const {
$el
} = swiper.pagination;
if (swiper.params.pagination.el && swiper.params.pagination.hideonclick && $el.length > 0 && !$(targetel).hasclass(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.hasclass(swiper.params.pagination.hiddenclass);
if (ishidden === true) {
emit('paginationshow');
} else {
emit('paginationhide');
}
$el.toggleclass(swiper.params.pagination.hiddenclass);
}
});
object.assign(swiper.pagination, {
render,
update,
init,
destroy
});
}
function scrollbar(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
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'
}
});
swiper.scrollbar = {
el: null,
dragel: null,
$el: null,
$dragel: null
};
function settranslate() {
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
const {
scrollbar,
rtltranslate: rtl,
progress
} = swiper;
const {
$dragel,
$el
} = scrollbar;
const params = swiper.params.scrollbar;
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.transform(`translate3d(${newpos}px, 0, 0)`);
$dragel[0].style.width = `${newsize}px`;
} else {
$dragel.transform(`translate3d(0px, ${newpos}px, 0)`);
$dragel[0].style.height = `${newsize}px`;
}
if (params.hide) {
cleartimeout(timeout);
$el[0].style.opacity = 1;
timeout = settimeout(() => {
$el[0].style.opacity = 0;
$el.transition(400);
}, 1000);
}
}
function settransition(duration) {
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
swiper.scrollbar.$dragel.transition(duration);
}
function updatesize() {
if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
const {
scrollbar
} = swiper;
const {
$dragel,
$el
} = scrollbar;
$dragel[0].style.width = '';
$dragel[0].style.height = '';
tracksize = swiper.ishorizontal() ? $el[0].offsetwidth : $el[0].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[0].style.width = `${dragsize}px`;
} else {
$dragel[0].style.height = `${dragsize}px`;
}
if (divider >= 1) {
$el[0].style.display = 'none';
} else {
$el[0].style.display = '';
}
if (swiper.params.scrollbar.hide) {
$el[0].style.opacity = 0;
}
if (swiper.params.watchoverflow && swiper.enabled) {
scrollbar.$el[swiper.islocked ? 'addclass' : 'removeclass'](swiper.params.scrollbar.lockclass);
}
}
function getpointerposition(e) {
if (swiper.ishorizontal()) {
return e.type === 'touchstart' || e.type === 'touchmove' ? e.targettouches[0].clientx : e.clientx;
}
return e.type === 'touchstart' || e.type === 'touchmove' ? e.targettouches[0].clienty : e.clienty;
}
function setdragposition(e) {
const {
scrollbar,
rtltranslate: rtl
} = swiper;
const {
$el
} = scrollbar;
let positionratio;
positionratio = (getpointerposition(e) - $el.offset()[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[0] || e.target === $dragel ? getpointerposition(e) - e.target.getboundingclientrect()[swiper.ishorizontal() ? 'left' : 'top'] : null;
e.preventdefault();
e.stoppropagation();
$wrapperel.transition(100);
$dragel.transition(100);
setdragposition(e);
cleartimeout(dragtimeout);
$el.transition(0);
if (params.hide) {
$el.css('opacity', 1);
}
if (swiper.params.cssmode) {
swiper.$wrapperel.css('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.preventdefault();else e.returnvalue = false;
setdragposition(e);
$wrapperel.transition(0);
$el.transition(0);
$dragel.transition(0);
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.css('scroll-snap-type', '');
$wrapperel.transition('');
}
if (params.hide) {
cleartimeout(dragtimeout);
dragtimeout = nexttick(() => {
$el.css('opacity', 0);
$el.transition(400);
}, 1000);
}
emit('scrollbardragend', e);
if (params.snaponrelease) {
swiper.slidetoclosest();
}
}
function events(method) {
const {
scrollbar,
toucheventstouch,
toucheventsdesktop,
params,
support
} = swiper;
const $el = scrollbar.$el;
const target = $el[0];
const activelistener = support.passivelistener && params.passivelisteners ? {
passive: false,
capture: false
} : false;
const passivelistener = support.passivelistener && params.passivelisteners ? {
passive: true,
capture: false
} : false;
if (!target) return;
const eventmethod = method === 'on' ? 'addeventlistener' : 'removeeventlistener';
if (!support.touch) {
target[eventmethod](toucheventsdesktop.start, ondragstart, activelistener);
document[eventmethod](toucheventsdesktop.move, ondragmove, activelistener);
document[eventmethod](toucheventsdesktop.end, ondragend, passivelistener);
} else {
target[eventmethod](toucheventstouch.start, ondragstart, activelistener);
target[eventmethod](toucheventstouch.move, ondragmove, activelistener);
target[eventmethod](toucheventstouch.end, ondragend, passivelistener);
}
}
function enabledraggable() {
if (!swiper.params.scrollbar.el) return;
events('on');
}
function disabledraggable() {
if (!swiper.params.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 = $(params.el);
if (swiper.params.uniquenavelements && typeof params.el === 'string' && $el.length > 1 && $swiperel.find(params.el).length === 1) {
$el = $swiperel.find(params.el);
}
let $dragel = $el.find(`.${swiper.params.scrollbar.dragclass}`);
if ($dragel.length === 0) {
$dragel = $(``);
$el.append($dragel);
}
object.assign(scrollbar, {
$el,
el: $el[0],
$dragel,
dragel: $dragel[0]
});
if (params.draggable) {
enabledraggable();
}
if ($el) {
$el[swiper.enabled ? 'removeclass' : 'addclass'](swiper.params.scrollbar.lockclass);
}
}
function destroy() {
disabledraggable();
}
on('init', () => {
init();
updatesize();
settranslate();
});
on('update resize observerupdate lock unlock', () => {
updatesize();
});
on('settranslate', () => {
settranslate();
});
on('settransition', (_s, duration) => {
settransition(duration);
});
on('enable disable', () => {
const {
$el
} = swiper.scrollbar;
if ($el) {
$el[swiper.enabled ? 'removeclass' : 'addclass'](swiper.params.scrollbar.lockclass);
}
});
on('destroy', () => {
destroy();
});
object.assign(swiper.scrollbar, {
updatesize,
settranslate,
init,
destroy
});
}
function parallax(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
parallax: {
enabled: false
}
});
const settransform = (el, progress) => {
const {
rtl
} = swiper;
const $el = $(el);
const rtlfactor = rtl ? -1 : 1;
const p = $el.attr('data-swiper-parallax') || '0';
let x = $el.attr('data-swiper-parallax-x');
let y = $el.attr('data-swiper-parallax-y');
const scale = $el.attr('data-swiper-parallax-scale');
const opacity = $el.attr('data-swiper-parallax-opacity');
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[0].style.opacity = currentopacity;
}
if (typeof scale === 'undefined' || scale === null) {
$el.transform(`translate3d(${x}, ${y}, 0px)`);
} else {
const currentscale = scale - (scale - 1) * (1 - math.abs(progress));
$el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentscale})`);
}
};
const settranslate = () => {
const {
$el,
slides,
progress,
snapgrid
} = swiper;
$el.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(el => {
settransform(el, progress);
});
slides.each((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).find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(el => {
settransform(el, slideprogress);
});
});
};
const settransition = function (duration) {
if (duration === void 0) {
duration = swiper.params.speed;
}
const {
$el
} = swiper;
$el.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]').each(parallaxel => {
const $parallaxel = $(parallaxel);
let parallaxduration = parseint($parallaxel.attr('data-swiper-parallax-duration'), 10) || duration;
if (duration === 0) parallaxduration = 0;
$parallaxel.transition(parallaxduration);
});
};
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(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
const window = getwindow();
extendparams({
zoom: {
enabled: false,
maxratio: 3,
minratio: 1,
toggle: true,
containerclass: 'swiper-zoom-container',
zoomedslideclass: 'swiper-slide-zoomed'
}
});
swiper.zoom = {
enabled: false
};
let currentscale = 1;
let isscaling = false;
let gesturesenabled;
let fakegesturetouched;
let fakegesturemoved;
const gesture = {
$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 ? gesture.$imageel[0] : undefined;
const slideel = gesture.$slideel ? gesture.$slideel[0] : undefined;
emit('zoomchange', value, imageel, slideel);
}
scale = value;
}
});
function getdistancebetweentouches(e) {
if (e.targettouches.length < 2) return 1;
const x1 = e.targettouches[0].pagex;
const y1 = e.targettouches[0].pagey;
const x2 = e.targettouches[1].pagex;
const y2 = e.targettouches[1].pagey;
const distance = math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
return distance;
} // events
function ongesturestart(e) {
const support = swiper.support;
const params = swiper.params.zoom;
fakegesturetouched = false;
fakegesturemoved = false;
if (!support.gestures) {
if (e.type !== 'touchstart' || e.type === 'touchstart' && e.targettouches.length < 2) {
return;
}
fakegesturetouched = true;
gesture.scalestart = getdistancebetweentouches(e);
}
if (!gesture.$slideel || !gesture.$slideel.length) {
gesture.$slideel = $(e.target).closest(`.${swiper.params.slideclass}`);
if (gesture.$slideel.length === 0) gesture.$slideel = swiper.slides.eq(swiper.activeindex);
gesture.$imageel = gesture.$slideel.find(`.${params.containerclass}`).eq(0).find('picture, img, svg, canvas, .swiper-zoom-target').eq(0);
gesture.$imagewrapel = gesture.$imageel.parent(`.${params.containerclass}`);
gesture.maxratio = gesture.$imagewrapel.attr('data-swiper-zoom') || params.maxratio;
if (gesture.$imagewrapel.length === 0) {
gesture.$imageel = undefined;
return;
}
}
if (gesture.$imageel) {
gesture.$imageel.transition(0);
}
isscaling = true;
}
function ongesturechange(e) {
const support = swiper.support;
const params = swiper.params.zoom;
const zoom = swiper.zoom;
if (!support.gestures) {
if (e.type !== 'touchmove' || e.type === 'touchmove' && e.targettouches.length < 2) {
return;
}
fakegesturemoved = true;
gesture.scalemove = getdistancebetweentouches(e);
}
if (!gesture.$imageel || gesture.$imageel.length === 0) {
if (e.type === 'gesturechange') ongesturestart(e);
return;
}
if (support.gestures) {
zoom.scale = e.scale * currentscale;
} else {
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.transform(`translate3d(0,0,0) scale(${zoom.scale})`);
}
function ongestureend(e) {
const device = swiper.device;
const support = swiper.support;
const params = swiper.params.zoom;
const zoom = swiper.zoom;
if (!support.gestures) {
if (!fakegesturetouched || !fakegesturemoved) {
return;
}
if (e.type !== 'touchend' || e.type === 'touchend' && e.changedtouches.length < 2 && !device.android) {
return;
}
fakegesturetouched = false;
fakegesturemoved = false;
}
if (!gesture.$imageel || gesture.$imageel.length === 0) return;
zoom.scale = math.max(math.min(zoom.scale, gesture.maxratio), params.minratio);
gesture.$imageel.transition(swiper.params.speed).transform(`translate3d(0,0,0) scale(${zoom.scale})`);
currentscale = zoom.scale;
isscaling = false;
if (zoom.scale === 1) gesture.$slideel = undefined;
}
function ontouchstart(e) {
const device = swiper.device;
if (!gesture.$imageel || gesture.$imageel.length === 0) return;
if (image.istouched) return;
if (device.android && e.cancelable) e.preventdefault();
image.istouched = true;
image.touchesstart.x = e.type === 'touchstart' ? e.targettouches[0].pagex : e.pagex;
image.touchesstart.y = e.type === 'touchstart' ? e.targettouches[0].pagey : e.pagey;
}
function ontouchmove(e) {
const zoom = swiper.zoom;
if (!gesture.$imageel || gesture.$imageel.length === 0) return;
swiper.allowclick = false;
if (!image.istouched || !gesture.$slideel) return;
if (!image.ismoved) {
image.width = gesture.$imageel[0].offsetwidth;
image.height = gesture.$imageel[0].offsetheight;
image.startx = gettranslate(gesture.$imagewrapel[0], 'x') || 0;
image.starty = gettranslate(gesture.$imagewrapel[0], 'y') || 0;
gesture.slidewidth = gesture.$slideel[0].offsetwidth;
gesture.slideheight = gesture.$slideel[0].offsetheight;
gesture.$imagewrapel.transition(0);
} // define if we need image drag
const scaledwidth = image.width * zoom.scale;
const scaledheight = image.height * zoom.scale;
if (scaledwidth < gesture.slidewidth && scaledheight < gesture.slideheight) return;
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 = e.type === 'touchmove' ? e.targettouches[0].pagex : e.pagex;
image.touchescurrent.y = e.type === 'touchmove' ? e.targettouches[0].pagey : e.pagey;
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;
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;
return;
}
}
if (e.cancelable) {
e.preventdefault();
}
e.stoppropagation();
image.ismoved = true;
image.currentx = image.touchescurrent.x - image.touchesstart.x + image.startx;
image.currenty = image.touchescurrent.y - image.touchesstart.y + image.starty;
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.transform(`translate3d(${image.currentx}px, ${image.currenty}px,0)`);
}
function ontouchend() {
const zoom = swiper.zoom;
if (!gesture.$imageel || gesture.$imageel.length === 0) 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.transition(momentumduration).transform(`translate3d(${image.currentx}px, ${image.currenty}px,0)`);
}
function ontransitionend() {
const zoom = swiper.zoom;
if (gesture.$slideel && swiper.previousindex !== swiper.activeindex) {
if (gesture.$imageel) {
gesture.$imageel.transform('translate3d(0,0,0) scale(1)');
}
if (gesture.$imagewrapel) {
gesture.$imagewrapel.transform('translate3d(0,0,0)');
}
zoom.scale = 1;
currentscale = 1;
gesture.$slideel = undefined;
gesture.$imageel = undefined;
gesture.$imagewrapel = undefined;
}
}
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}`);
}
if (!gesture.$slideel) {
if (swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual) {
gesture.$slideel = swiper.$wrapperel.children(`.${swiper.params.slideactiveclass}`);
} else {
gesture.$slideel = swiper.slides.eq(swiper.activeindex);
}
}
gesture.$imageel = gesture.$slideel.find(`.${params.containerclass}`).eq(0).find('picture, img, svg, canvas, .swiper-zoom-target').eq(0);
gesture.$imagewrapel = gesture.$imageel.parent(`.${params.containerclass}`);
}
if (!gesture.$imageel || gesture.$imageel.length === 0 || !gesture.$imagewrapel || gesture.$imagewrapel.length === 0) return;
if (swiper.params.cssmode) {
swiper.wrapperel.style.overflow = 'hidden';
swiper.wrapperel.style.touchaction = 'none';
}
gesture.$slideel.addclass(`${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.type === 'touchend' ? e.changedtouches[0].pagex : e.pagex;
touchy = e.type === 'touchend' ? e.changedtouches[0].pagey : e.pagey;
} else {
touchx = image.touchesstart.x;
touchy = image.touchesstart.y;
}
zoom.scale = gesture.$imagewrapel.attr('data-swiper-zoom') || params.maxratio;
currentscale = gesture.$imagewrapel.attr('data-swiper-zoom') || params.maxratio;
if (e) {
slidewidth = gesture.$slideel[0].offsetwidth;
slideheight = gesture.$slideel[0].offsetheight;
offsetx = gesture.$slideel.offset().left + window.scrollx;
offsety = gesture.$slideel.offset().top + window.scrolly;
diffx = offsetx + slidewidth / 2 - touchx;
diffy = offsety + slideheight / 2 - touchy;
imagewidth = gesture.$imageel[0].offsetwidth;
imageheight = gesture.$imageel[0].offsetheight;
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;
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;
}
gesture.$imagewrapel.transition(300).transform(`translate3d(${translatex}px, ${translatey}px,0)`);
gesture.$imageel.transition(300).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 = swiper.$wrapperel.children(`.${swiper.params.slideactiveclass}`);
} else {
gesture.$slideel = swiper.slides.eq(swiper.activeindex);
}
gesture.$imageel = gesture.$slideel.find(`.${params.containerclass}`).eq(0).find('picture, img, svg, canvas, .swiper-zoom-target').eq(0);
gesture.$imagewrapel = gesture.$imageel.parent(`.${params.containerclass}`);
}
if (!gesture.$imageel || gesture.$imageel.length === 0 || !gesture.$imagewrapel || gesture.$imagewrapel.length === 0) return;
if (swiper.params.cssmode) {
swiper.wrapperel.style.overflow = '';
swiper.wrapperel.style.touchaction = '';
}
zoom.scale = 1;
currentscale = 1;
gesture.$imagewrapel.transition(300).transform('translate3d(0,0,0)');
gesture.$imageel.transition(300).transform('translate3d(0,0,0) scale(1)');
gesture.$slideel.removeclass(`${params.zoomedslideclass}`);
gesture.$slideel = undefined;
} // 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 support = swiper.support;
const passivelistener = swiper.touchevents.start === 'touchstart' && support.passivelistener && swiper.params.passivelisteners ? {
passive: true,
capture: false
} : false;
const activelistenerwithcapture = support.passivelistener ? {
passive: false,
capture: true
} : true;
return {
passivelistener,
activelistenerwithcapture
};
}
function getslideselector() {
return `.${swiper.params.slideclass}`;
}
function togglegestures(method) {
const {
passivelistener
} = getlisteners();
const slideselector = getslideselector();
swiper.$wrapperel[method]('gesturestart', slideselector, ongesturestart, passivelistener);
swiper.$wrapperel[method]('gesturechange', slideselector, ongesturechange, passivelistener);
swiper.$wrapperel[method]('gestureend', slideselector, ongestureend, passivelistener);
}
function enablegestures() {
if (gesturesenabled) return;
gesturesenabled = true;
togglegestures('on');
}
function disablegestures() {
if (!gesturesenabled) return;
gesturesenabled = false;
togglegestures('off');
} // attach/detach events
function enable() {
const zoom = swiper.zoom;
if (zoom.enabled) return;
zoom.enabled = true;
const support = swiper.support;
const {
passivelistener,
activelistenerwithcapture
} = getlisteners();
const slideselector = getslideselector(); // scale image
if (support.gestures) {
swiper.$wrapperel.on(swiper.touchevents.start, enablegestures, passivelistener);
swiper.$wrapperel.on(swiper.touchevents.end, disablegestures, passivelistener);
} else if (swiper.touchevents.start === 'touchstart') {
swiper.$wrapperel.on(swiper.touchevents.start, slideselector, ongesturestart, passivelistener);
swiper.$wrapperel.on(swiper.touchevents.move, slideselector, ongesturechange, activelistenerwithcapture);
swiper.$wrapperel.on(swiper.touchevents.end, slideselector, ongestureend, passivelistener);
if (swiper.touchevents.cancel) {
swiper.$wrapperel.on(swiper.touchevents.cancel, slideselector, ongestureend, passivelistener);
}
} // move image
swiper.$wrapperel.on(swiper.touchevents.move, `.${swiper.params.zoom.containerclass}`, ontouchmove, activelistenerwithcapture);
}
function disable() {
const zoom = swiper.zoom;
if (!zoom.enabled) return;
const support = swiper.support;
zoom.enabled = false;
const {
passivelistener,
activelistenerwithcapture
} = getlisteners();
const slideselector = getslideselector(); // scale image
if (support.gestures) {
swiper.$wrapperel.off(swiper.touchevents.start, enablegestures, passivelistener);
swiper.$wrapperel.off(swiper.touchevents.end, disablegestures, passivelistener);
} else if (swiper.touchevents.start === 'touchstart') {
swiper.$wrapperel.off(swiper.touchevents.start, slideselector, ongesturestart, passivelistener);
swiper.$wrapperel.off(swiper.touchevents.move, slideselector, ongesturechange, activelistenerwithcapture);
swiper.$wrapperel.off(swiper.touchevents.end, slideselector, ongestureend, passivelistener);
if (swiper.touchevents.cancel) {
swiper.$wrapperel.off(swiper.touchevents.cancel, slideselector, ongestureend, passivelistener);
}
} // move image
swiper.$wrapperel.off(swiper.touchevents.move, `.${swiper.params.zoom.containerclass}`, 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
});
}
function lazy(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
extendparams({
lazy: {
checkinview: false,
enabled: false,
loadprevnext: false,
loadprevnextamount: 1,
loadontransitionstart: false,
scrollingelement: '',
elementclass: 'swiper-lazy',
loadingclass: 'swiper-lazy-loading',
loadedclass: 'swiper-lazy-loaded',
preloaderclass: 'swiper-lazy-preloader'
}
});
swiper.lazy = {};
let scrollhandlerattached = false;
let initialimageloaded = false;
function loadinslide(index, loadinduplicate) {
if (loadinduplicate === void 0) {
loadinduplicate = true;
}
const params = swiper.params.lazy;
if (typeof index === 'undefined') return;
if (swiper.slides.length === 0) return;
const isvirtual = swiper.virtual && swiper.params.virtual.enabled;
const $slideel = isvirtual ? swiper.$wrapperel.children(`.${swiper.params.slideclass}[data-swiper-slide-index="${index}"]`) : swiper.slides.eq(index);
const $images = $slideel.find(`.${params.elementclass}:not(.${params.loadedclass}):not(.${params.loadingclass})`);
if ($slideel.hasclass(params.elementclass) && !$slideel.hasclass(params.loadedclass) && !$slideel.hasclass(params.loadingclass)) {
$images.push($slideel[0]);
}
if ($images.length === 0) return;
$images.each(imageel => {
const $imageel = $(imageel);
$imageel.addclass(params.loadingclass);
const background = $imageel.attr('data-background');
const src = $imageel.attr('data-src');
const srcset = $imageel.attr('data-srcset');
const sizes = $imageel.attr('data-sizes');
const $pictureel = $imageel.parent('picture');
swiper.loadimage($imageel[0], src || background, srcset, sizes, false, () => {
if (typeof swiper === 'undefined' || swiper === null || !swiper || swiper && !swiper.params || swiper.destroyed) return;
if (background) {
$imageel.css('background-image', `url("${background}")`);
$imageel.removeattr('data-background');
} else {
if (srcset) {
$imageel.attr('srcset', srcset);
$imageel.removeattr('data-srcset');
}
if (sizes) {
$imageel.attr('sizes', sizes);
$imageel.removeattr('data-sizes');
}
if ($pictureel.length) {
$pictureel.children('source').each(sourceel => {
const $source = $(sourceel);
if ($source.attr('data-srcset')) {
$source.attr('srcset', $source.attr('data-srcset'));
$source.removeattr('data-srcset');
}
});
}
if (src) {
$imageel.attr('src', src);
$imageel.removeattr('data-src');
}
}
$imageel.addclass(params.loadedclass).removeclass(params.loadingclass);
$slideel.find(`.${params.preloaderclass}`).remove();
if (swiper.params.loop && loadinduplicate) {
const slideoriginalindex = $slideel.attr('data-swiper-slide-index');
if ($slideel.hasclass(swiper.params.slideduplicateclass)) {
const originalslide = swiper.$wrapperel.children(`[data-swiper-slide-index="${slideoriginalindex}"]:not(.${swiper.params.slideduplicateclass})`);
loadinslide(originalslide.index(), false);
} else {
const duplicatedslide = swiper.$wrapperel.children(`.${swiper.params.slideduplicateclass}[data-swiper-slide-index="${slideoriginalindex}"]`);
loadinslide(duplicatedslide.index(), false);
}
}
emit('lazyimageready', $slideel[0], $imageel[0]);
if (swiper.params.autoheight) {
swiper.updateautoheight();
}
});
emit('lazyimageload', $slideel[0], $imageel[0]);
});
}
function load() {
const {
$wrapperel,
params: swiperparams,
slides,
activeindex
} = swiper;
const isvirtual = swiper.virtual && swiperparams.virtual.enabled;
const params = swiperparams.lazy;
let slidesperview = swiperparams.slidesperview;
if (slidesperview === 'auto') {
slidesperview = 0;
}
function slideexist(index) {
if (isvirtual) {
if ($wrapperel.children(`.${swiperparams.slideclass}[data-swiper-slide-index="${index}"]`).length) {
return true;
}
} else if (slides[index]) return true;
return false;
}
function slideindex(slideel) {
if (isvirtual) {
return $(slideel).attr('data-swiper-slide-index');
}
return $(slideel).index();
}
if (!initialimageloaded) initialimageloaded = true;
if (swiper.params.watchslidesprogress) {
$wrapperel.children(`.${swiperparams.slidevisibleclass}`).each(slideel => {
const index = isvirtual ? $(slideel).attr('data-swiper-slide-index') : $(slideel).index();
loadinslide(index);
});
} else if (slidesperview > 1) {
for (let i = activeindex; i < activeindex + slidesperview; i += 1) {
if (slideexist(i)) loadinslide(i);
}
} else {
loadinslide(activeindex);
}
if (params.loadprevnext) {
if (slidesperview > 1 || params.loadprevnextamount && params.loadprevnextamount > 1) {
const amount = params.loadprevnextamount;
const spv = slidesperview;
const maxindex = math.min(activeindex + spv + math.max(amount, spv), slides.length);
const minindex = math.max(activeindex - math.max(spv, amount), 0); // next slides
for (let i = activeindex + slidesperview; i < maxindex; i += 1) {
if (slideexist(i)) loadinslide(i);
} // prev slides
for (let i = minindex; i < activeindex; i += 1) {
if (slideexist(i)) loadinslide(i);
}
} else {
const nextslide = $wrapperel.children(`.${swiperparams.slidenextclass}`);
if (nextslide.length > 0) loadinslide(slideindex(nextslide));
const prevslide = $wrapperel.children(`.${swiperparams.slideprevclass}`);
if (prevslide.length > 0) loadinslide(slideindex(prevslide));
}
}
}
function checkinviewonload() {
const window = getwindow();
if (!swiper || swiper.destroyed) return;
const $scrollelement = swiper.params.lazy.scrollingelement ? $(swiper.params.lazy.scrollingelement) : $(window);
const iswindow = $scrollelement[0] === window;
const scrollelementwidth = iswindow ? window.innerwidth : $scrollelement[0].offsetwidth;
const scrollelementheight = iswindow ? window.innerheight : $scrollelement[0].offsetheight;
const swiperoffset = swiper.$el.offset();
const {
rtltranslate: rtl
} = swiper;
let inview = false;
if (rtl) swiperoffset.left -= swiper.$el[0].scrollleft;
const swipercoord = [[swiperoffset.left, swiperoffset.top], [swiperoffset.left + swiper.width, swiperoffset.top], [swiperoffset.left, swiperoffset.top + swiper.height], [swiperoffset.left + swiper.width, swiperoffset.top + swiper.height]];
for (let i = 0; i < swipercoord.length; i += 1) {
const point = swipercoord[i];
if (point[0] >= 0 && point[0] <= scrollelementwidth && point[1] >= 0 && point[1] <= scrollelementheight) {
if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
inview = true;
}
}
const passivelistener = swiper.touchevents.start === 'touchstart' && swiper.support.passivelistener && swiper.params.passivelisteners ? {
passive: true,
capture: false
} : false;
if (inview) {
load();
$scrollelement.off('scroll', checkinviewonload, passivelistener);
} else if (!scrollhandlerattached) {
scrollhandlerattached = true;
$scrollelement.on('scroll', checkinviewonload, passivelistener);
}
}
on('beforeinit', () => {
if (swiper.params.lazy.enabled && swiper.params.preloadimages) {
swiper.params.preloadimages = false;
}
});
on('init', () => {
if (swiper.params.lazy.enabled) {
if (swiper.params.lazy.checkinview) {
checkinviewonload();
} else {
load();
}
}
});
on('scroll', () => {
if (swiper.params.freemode && swiper.params.freemode.enabled && !swiper.params.freemode.sticky) {
load();
}
});
on('scrollbardragmove resize _freemodenomomentumrelease', () => {
if (swiper.params.lazy.enabled) {
if (swiper.params.lazy.checkinview) {
checkinviewonload();
} else {
load();
}
}
});
on('transitionstart', () => {
if (swiper.params.lazy.enabled) {
if (swiper.params.lazy.loadontransitionstart || !swiper.params.lazy.loadontransitionstart && !initialimageloaded) {
if (swiper.params.lazy.checkinview) {
checkinviewonload();
} else {
load();
}
}
}
});
on('transitionend', () => {
if (swiper.params.lazy.enabled && !swiper.params.lazy.loadontransitionstart) {
if (swiper.params.lazy.checkinview) {
checkinviewonload();
} else {
load();
}
}
});
on('slidechange', () => {
const {
lazy,
cssmode,
watchslidesprogress,
touchreleaseonedges,
resistanceratio
} = swiper.params;
if (lazy.enabled && (cssmode || watchslidesprogress && (touchreleaseonedges || resistanceratio === 0))) {
load();
}
});
object.assign(swiper.lazy, {
load,
loadinslide
});
}
/* eslint no-bitwise: ["error", { "allow": [">>"] }] */
function controller(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
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;
};
}();
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;
} // xxx: for now i will just save one spline function to to
function getinterpolatefunction(c) {
if (!swiper.controller.spline) {
swiper.controller.spline = swiper.params.loop ? new linearspline(swiper.slidesgrid, c.slidesgrid) : new linearspline(swiper.snapgrid, c.snapgrid);
}
}
function settranslate(_t, bycontroller) {
const controlled = swiper.controller.control;
let multiplier;
let controlledtranslate;
const swiper = swiper.constructor;
function setcontrolledtranslate(c) {
// 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());
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) {
c.settransition(duration, swiper);
if (duration !== 0) {
c.transitionstart();
if (c.params.autoheight) {
nexttick(() => {
c.updateautoheight();
});
}
c.$wrapperel.transitionend(() => {
if (!controlled) return;
if (c.params.loop && swiper.params.controller.by === 'slide') {
c.loopfix();
}
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', () => {
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) return;
swiper.controller.settranslate(translate, bycontroller);
});
on('settransition', (_s, duration, bycontroller) => {
if (!swiper.controller.control) return;
swiper.controller.settransition(duration, bycontroller);
});
object.assign(swiper.controller, {
settranslate,
settransition
});
}
function a11y(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
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,
itemroledescriptionmessage: null,
sliderole: 'group'
}
});
let liveregion = null;
function notify(message) {
const notification = liveregion;
if (notification.length === 0) return;
notification.html('');
notification.html(message);
}
function getrandomnumber(size) {
if (size === void 0) {
size = 16;
}
const randomchar = () => math.round(16 * math.random()).tostring(16);
return 'x'.repeat(size).replace(/x/g, randomchar);
}
function makeelfocusable($el) {
$el.attr('tabindex', '0');
}
function makeelnotfocusable($el) {
$el.attr('tabindex', '-1');
}
function addelrole($el, role) {
$el.attr('role', role);
}
function addelroledescription($el, description) {
$el.attr('aria-roledescription', description);
}
function addelcontrols($el, controls) {
$el.attr('aria-controls', controls);
}
function addellabel($el, label) {
$el.attr('aria-label', label);
}
function addelid($el, id) {
$el.attr('id', id);
}
function addellive($el, live) {
$el.attr('aria-live', live);
}
function disableel($el) {
$el.attr('aria-disabled', true);
}
function enableel($el) {
$el.attr('aria-disabled', false);
}
function onenterorspacekey(e) {
if (e.keycode !== 13 && e.keycode !== 32) return;
const params = swiper.params.a11y;
const $targetel = $(e.target);
if (swiper.navigation && swiper.navigation.$nextel && $targetel.is(swiper.navigation.$nextel)) {
if (!(swiper.isend && !swiper.params.loop)) {
swiper.slidenext();
}
if (swiper.isend) {
notify(params.lastslidemessage);
} else {
notify(params.nextslidemessage);
}
}
if (swiper.navigation && swiper.navigation.$prevel && $targetel.is(swiper.navigation.$prevel)) {
if (!(swiper.isbeginning && !swiper.params.loop)) {
swiper.slideprev();
}
if (swiper.isbeginning) {
notify(params.firstslidemessage);
} else {
notify(params.prevslidemessage);
}
}
if (swiper.pagination && $targetel.is(classestoselector(swiper.params.pagination.bulletclass))) {
$targetel[0].click();
}
}
function updatenavigation() {
if (swiper.params.loop || swiper.params.rewind || !swiper.navigation) return;
const {
$nextel,
$prevel
} = swiper.navigation;
if ($prevel && $prevel.length > 0) {
if (swiper.isbeginning) {
disableel($prevel);
makeelnotfocusable($prevel);
} else {
enableel($prevel);
makeelfocusable($prevel);
}
}
if ($nextel && $nextel.length > 0) {
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.each(bulletel => {
const $bulletel = $(bulletel);
if (swiper.params.pagination.clickable) {
makeelfocusable($bulletel);
if (!swiper.params.pagination.renderbullet) {
addelrole($bulletel, 'button');
addellabel($bulletel, params.paginationbulletmessage.replace(/\{\{index\}\}/, $bulletel.index() + 1));
}
}
if ($bulletel.is(`.${swiper.params.pagination.bulletactiveclass}`)) {
$bulletel.attr('aria-current', 'true');
} else {
$bulletel.removeattr('aria-current');
}
});
}
const initnavel = ($el, wrapperid, message) => {
makeelfocusable($el);
if ($el[0].tagname !== 'button') {
addelrole($el, 'button');
$el.on('keydown', onenterorspacekey);
}
addellabel($el, message);
addelcontrols($el, wrapperid);
};
const handlefocus = e => {
const slideel = e.target.closest(`.${swiper.params.slideclass}`);
if (!slideel || !swiper.slides.includes(slideel)) return;
const isactive = swiper.slides.indexof(slideel) === swiper.activeindex;
const isvisible = swiper.params.watchslidesprogress && swiper.visibleslides && swiper.visibleslides.includes(slideel);
if (isactive || isvisible) return;
swiper.slideto(swiper.slides.indexof(slideel), 0);
};
function 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);
} // wrapper
const $wrapperel = swiper.$wrapperel;
const wrapperid = $wrapperel.attr('id') || `swiper-wrapper-${getrandomnumber(16)}`;
const live = swiper.params.autoplay && swiper.params.autoplay.enabled ? 'off' : 'polite';
addelid($wrapperel, wrapperid);
addellive($wrapperel, live); // slide
if (params.itemroledescriptionmessage) {
addelroledescription($(swiper.slides), params.itemroledescriptionmessage);
}
addelrole($(swiper.slides), params.sliderole);
const slideslength = swiper.params.loop ? swiper.slides.filter(el => !el.classlist.contains(swiper.params.slideduplicateclass)).length : swiper.slides.length;
swiper.slides.each((slideel, index) => {
const $slideel = $(slideel);
const slideindex = swiper.params.loop ? parseint($slideel.attr('data-swiper-slide-index'), 10) : index;
const arialabelmessage = params.slidelabelmessage.replace(/\{\{index\}\}/, slideindex + 1).replace(/\{\{slideslength\}\}/, slideslength);
addellabel($slideel, arialabelmessage);
}); // navigation
let $nextel;
let $prevel;
if (swiper.navigation && swiper.navigation.$nextel) {
$nextel = swiper.navigation.$nextel;
}
if (swiper.navigation && swiper.navigation.$prevel) {
$prevel = swiper.navigation.$prevel;
}
if ($nextel && $nextel.length) {
initnavel($nextel, wrapperid, params.nextslidemessage);
}
if ($prevel && $prevel.length) {
initnavel($prevel, wrapperid, params.prevslidemessage);
} // pagination
if (hasclickablepagination()) {
swiper.pagination.$el.on('keydown', classestoselector(swiper.params.pagination.bulletclass), onenterorspacekey);
} // tab focus
swiper.$el.on('focus', handlefocus, true);
}
function destroy() {
if (liveregion && liveregion.length > 0) liveregion.remove();
let $nextel;
let $prevel;
if (swiper.navigation && swiper.navigation.$nextel) {
$nextel = swiper.navigation.$nextel;
}
if (swiper.navigation && swiper.navigation.$prevel) {
$prevel = swiper.navigation.$prevel;
}
if ($nextel) {
$nextel.off('keydown', onenterorspacekey);
}
if ($prevel) {
$prevel.off('keydown', onenterorspacekey);
} // pagination
if (hasclickablepagination()) {
swiper.pagination.$el.off('keydown', classestoselector(swiper.params.pagination.bulletclass), onenterorspacekey);
} // tab focus
swiper.$el.off('focus', handlefocus, true);
}
on('beforeinit', () => {
liveregion = $(``);
});
on('afterinit', () => {
if (!swiper.params.a11y.enabled) return;
init();
});
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(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
history: {
enabled: false,
root: '',
replacestate: false,
key: 'slides'
}
});
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.slides.eq(index);
let value = slugify(slide.attr('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}/${value}`;
} else if (!location.pathname.includes(key)) {
value = `${key}/${value}`;
}
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.eq(i);
const slidehistory = slugify(slide.attr('data-history'));
if (slidehistory === value && !slide.hasclass(swiper.params.slideduplicateclass)) {
const index = slide.index();
swiper.slideto(index, speed, runcallbacks);
}
}
} else {
swiper.slideto(0, speed, runcallbacks);
}
};
const sethistorypopstate = () => {
paths = getpathvalues(swiper.params.url);
scrolltoslide(swiper.params.speed, swiper.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) 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);
}
};
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(_ref) {
let {
swiper,
extendparams,
emit,
on
} = _ref;
let initialized = false;
const document = getdocument();
const window = getwindow();
extendparams({
hashnavigation: {
enabled: false,
replacestate: false,
watchstate: false
}
});
const onhashchange = () => {
emit('hashchange');
const newhash = document.location.hash.replace('#', '');
const activeslidehash = swiper.slides.eq(swiper.activeindex).attr('data-hash');
if (newhash !== activeslidehash) {
const newindex = swiper.$wrapperel.children(`.${swiper.params.slideclass}[data-hash="${newhash}"]`).index();
if (typeof newindex === 'undefined') return;
swiper.slideto(newindex);
}
};
const sethash = () => {
if (!initialized || !swiper.params.hashnavigation.enabled) return;
if (swiper.params.hashnavigation.replacestate && window.history && window.history.replacestate) {
window.history.replacestate(null, null, `#${swiper.slides.eq(swiper.activeindex).attr('data-hash')}` || '');
emit('hashset');
} else {
const slide = swiper.slides.eq(swiper.activeindex);
const hash = slide.attr('data-hash') || slide.attr('data-history');
document.location.hash = hash || '';
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;
for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
const slide = swiper.slides.eq(i);
const slidehash = slide.attr('data-hash') || slide.attr('data-history');
if (slidehash === hash && !slide.hasclass(swiper.params.slideduplicateclass)) {
const index = slide.index();
swiper.slideto(index, speed, swiper.params.runcallbacksoninit, true);
}
}
}
if (swiper.params.hashnavigation.watchstate) {
$(window).on('hashchange', onhashchange);
}
};
const destroy = () => {
if (swiper.params.hashnavigation.watchstate) {
$(window).off('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" */
function autoplay(_ref) {
let {
swiper,
extendparams,
on,
emit
} = _ref;
let timeout;
swiper.autoplay = {
running: false,
paused: false
};
extendparams({
autoplay: {
enabled: false,
delay: 3000,
waitfortransition: true,
disableoninteraction: true,
stoponlastslide: false,
reversedirection: false,
pauseonmouseenter: false
}
});
function run() {
const $activeslideel = swiper.slides.eq(swiper.activeindex);
let delay = swiper.params.autoplay.delay;
if ($activeslideel.attr('data-swiper-autoplay')) {
delay = $activeslideel.attr('data-swiper-autoplay') || swiper.params.autoplay.delay;
}
cleartimeout(timeout);
timeout = nexttick(() => {
let autoplayresult;
if (swiper.params.autoplay.reversedirection) {
if (swiper.params.loop) {
swiper.loopfix();
autoplayresult = swiper.slideprev(swiper.params.speed, true, true);
emit('autoplay');
} else if (!swiper.isbeginning) {
autoplayresult = swiper.slideprev(swiper.params.speed, true, true);
emit('autoplay');
} else if (!swiper.params.autoplay.stoponlastslide) {
autoplayresult = swiper.slideto(swiper.slides.length - 1, swiper.params.speed, true, true);
emit('autoplay');
} else {
stop();
}
} else if (swiper.params.loop) {
swiper.loopfix();
autoplayresult = swiper.slidenext(swiper.params.speed, true, true);
emit('autoplay');
} else if (!swiper.isend) {
autoplayresult = swiper.slidenext(swiper.params.speed, true, true);
emit('autoplay');
} else if (!swiper.params.autoplay.stoponlastslide) {
autoplayresult = swiper.slideto(0, swiper.params.speed, true, true);
emit('autoplay');
} else {
stop();
}
if (swiper.params.cssmode && swiper.autoplay.running) run();else if (autoplayresult === false) {
run();
}
}, delay);
}
function start() {
if (typeof timeout !== 'undefined') return false;
if (swiper.autoplay.running) return false;
swiper.autoplay.running = true;
emit('autoplaystart');
run();
return true;
}
function stop() {
if (!swiper.autoplay.running) return false;
if (typeof timeout === 'undefined') return false;
if (timeout) {
cleartimeout(timeout);
timeout = undefined;
}
swiper.autoplay.running = false;
emit('autoplaystop');
return true;
}
function pause(speed) {
if (!swiper.autoplay.running) return;
if (swiper.autoplay.paused) return;
if (timeout) cleartimeout(timeout);
swiper.autoplay.paused = true;
if (speed === 0 || !swiper.params.autoplay.waitfortransition) {
swiper.autoplay.paused = false;
run();
} else {
['transitionend', 'webkittransitionend'].foreach(event => {
swiper.$wrapperel[0].addeventlistener(event, ontransitionend);
});
}
}
function onvisibilitychange() {
const document = getdocument();
if (document.visibilitystate === 'hidden' && swiper.autoplay.running) {
pause();
}
if (document.visibilitystate === 'visible' && swiper.autoplay.paused) {
run();
swiper.autoplay.paused = false;
}
}
function ontransitionend(e) {
if (!swiper || swiper.destroyed || !swiper.$wrapperel) return;
if (e.target !== swiper.$wrapperel[0]) return;
['transitionend', 'webkittransitionend'].foreach(event => {
swiper.$wrapperel[0].removeeventlistener(event, ontransitionend);
});
swiper.autoplay.paused = false;
if (!swiper.autoplay.running) {
stop();
} else {
run();
}
}
function onmouseenter() {
if (swiper.params.autoplay.disableoninteraction) {
stop();
} else {
emit('autoplaypause');
pause();
}
['transitionend', 'webkittransitionend'].foreach(event => {
swiper.$wrapperel[0].removeeventlistener(event, ontransitionend);
});
}
function onmouseleave() {
if (swiper.params.autoplay.disableoninteraction) {
return;
}
swiper.autoplay.paused = false;
emit('autoplayresume');
run();
}
function attachmouseevents() {
if (swiper.params.autoplay.pauseonmouseenter) {
swiper.$el.on('mouseenter', onmouseenter);
swiper.$el.on('mouseleave', onmouseleave);
}
}
function detachmouseevents() {
swiper.$el.off('mouseenter', onmouseenter);
swiper.$el.off('mouseleave', onmouseleave);
}
on('init', () => {
if (swiper.params.autoplay.enabled) {
start();
const document = getdocument();
document.addeventlistener('visibilitychange', onvisibilitychange);
attachmouseevents();
}
});
on('beforetransitionstart', (_s, speed, internal) => {
if (swiper.autoplay.running) {
if (internal || !swiper.params.autoplay.disableoninteraction) {
swiper.autoplay.pause(speed);
} else {
stop();
}
}
});
on('sliderfirstmove', () => {
if (swiper.autoplay.running) {
if (swiper.params.autoplay.disableoninteraction) {
stop();
} else {
pause();
}
}
});
on('touchend', () => {
if (swiper.params.cssmode && swiper.autoplay.paused && !swiper.params.autoplay.disableoninteraction) {
run();
}
});
on('destroy', () => {
detachmouseevents();
if (swiper.autoplay.running) {
stop();
}
const document = getdocument();
document.removeeventlistener('visibilitychange', onvisibilitychange);
});
object.assign(swiper.autoplay, {
pause,
run,
start,
stop
});
}
function thumb(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
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 onthumbclick() {
const thumbsswiper = swiper.thumbs.swiper;
if (!thumbsswiper) return;
const clickedindex = thumbsswiper.clickedindex;
const clickedslide = thumbsswiper.clickedslide;
if (clickedslide && $(clickedslide).hasclass(swiper.params.thumbs.slidethumbactiveclass)) return;
if (typeof clickedindex === 'undefined' || clickedindex === null) return;
let slidetoindex;
if (thumbsswiper.params.loop) {
slidetoindex = parseint($(thumbsswiper.clickedslide).attr('data-swiper-slide-index'), 10);
} else {
slidetoindex = clickedindex;
}
if (swiper.params.loop) {
let currentindex = swiper.activeindex;
if (swiper.slides.eq(currentindex).hasclass(swiper.params.slideduplicateclass)) {
swiper.loopfix(); // eslint-disable-next-line
swiper._clientleft = swiper.$wrapperel[0].clientleft;
currentindex = swiper.activeindex;
}
const previndex = swiper.slides.eq(currentindex).prevall(`[data-swiper-slide-index="${slidetoindex}"]`).eq(0).index();
const nextindex = swiper.slides.eq(currentindex).nextall(`[data-swiper-slide-index="${slidetoindex}"]`).eq(0).index();
if (typeof previndex === 'undefined') slidetoindex = nextindex;else if (typeof nextindex === 'undefined') slidetoindex = previndex;else if (nextindex - currentindex < currentindex - previndex) slidetoindex = nextindex;else slidetoindex = previndex;
}
swiper.slideto(slidetoindex);
}
function init() {
const {
thumbs: thumbsparams
} = swiper.params;
if (initialized) return false;
initialized = true;
const swiperclass = swiper.constructor;
if (thumbsparams.swiper instanceof swiperclass) {
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
});
} 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.addclass(swiper.params.thumbs.thumbscontainerclass);
swiper.thumbs.swiper.on('tap', onthumbclick);
return true;
}
function update(initial) {
const thumbsswiper = swiper.thumbs.swiper;
if (!thumbsswiper) 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) {
let currentthumbsindex = thumbsswiper.activeindex;
let newthumbsindex;
let direction;
if (thumbsswiper.params.loop) {
if (thumbsswiper.slides.eq(currentthumbsindex).hasclass(thumbsswiper.params.slideduplicateclass)) {
thumbsswiper.loopfix(); // eslint-disable-next-line
thumbsswiper._clientleft = thumbsswiper.$wrapperel[0].clientleft;
currentthumbsindex = thumbsswiper.activeindex;
} // find actual thumbs index to slide to
const prevthumbsindex = thumbsswiper.slides.eq(currentthumbsindex).prevall(`[data-swiper-slide-index="${swiper.realindex}"]`).eq(0).index();
const nextthumbsindex = thumbsswiper.slides.eq(currentthumbsindex).nextall(`[data-swiper-slide-index="${swiper.realindex}"]`).eq(0).index();
if (typeof prevthumbsindex === 'undefined') {
newthumbsindex = nextthumbsindex;
} else if (typeof nextthumbsindex === 'undefined') {
newthumbsindex = prevthumbsindex;
} else if (nextthumbsindex - currentthumbsindex === currentthumbsindex - prevthumbsindex) {
newthumbsindex = thumbsswiper.params.slidespergroup > 1 ? nextthumbsindex : currentthumbsindex;
} else if (nextthumbsindex - currentthumbsindex < currentthumbsindex - prevthumbsindex) {
newthumbsindex = nextthumbsindex;
} else {
newthumbsindex = prevthumbsindex;
}
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, initial ? 0 : undefined);
}
} // 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.removeclass(thumbactiveclass);
if (thumbsswiper.params.loop || thumbsswiper.params.virtual && thumbsswiper.params.virtual.enabled) {
for (let i = 0; i < thumbstoactivate; i += 1) {
thumbsswiper.$wrapperel.children(`[data-swiper-slide-index="${swiper.realindex + i}"]`).addclass(thumbactiveclass);
}
} else {
for (let i = 0; i < thumbstoactivate; i += 1) {
thumbsswiper.slides.eq(swiper.realindex + i).addclass(thumbactiveclass);
}
}
}
on('beforeinit', () => {
const {
thumbs
} = swiper.params;
if (!thumbs || !thumbs.swiper) return;
init();
update(true);
});
on('slidechange update resize observerupdate', () => {
if (!swiper.thumbs.swiper) return;
update();
});
on('settransition', (_s, duration) => {
const thumbsswiper = swiper.thumbs.swiper;
if (!thumbsswiper) return;
thumbsswiper.settransition(duration);
});
on('beforedestroy', () => {
const thumbsswiper = swiper.thumbs.swiper;
if (!thumbsswiper) return;
if (swipercreated && thumbsswiper) {
thumbsswiper.destroy();
}
});
object.assign(swiper.thumbs, {
init,
update
});
}
function freemode(_ref) {
let {
swiper,
extendparams,
emit,
once
} = _ref;
extendparams({
freemode: {
enabled: false,
momentum: true,
momentumratio: 1,
momentumbounce: true,
momentumbounceratio: 1,
momentumvelocityratio: 1,
sticky: false,
minimumvelocity: 0.02
}
});
function ontouchstart() {
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() {
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(_ref2) {
let {
currentpos
} = _ref2;
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;
$wrapperel.transitionend(() => {
if (!swiper || swiper.destroyed || !data.allowmomentumbounce) return;
emit('momentumbounce');
swiper.settransition(params.speed);
settimeout(() => {
swiper.settranslate(afterbounceposition);
$wrapperel.transitionend(() => {
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;
$wrapperel.transitionend(() => {
if (!swiper || swiper.destroyed) return;
swiper.transitionend();
});
}
} 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) {
swiper.updateprogress();
swiper.updateactiveindex();
swiper.updateslidesclasses();
}
}
object.assign(swiper, {
freemode: {
ontouchstart,
ontouchmove,
ontouchend
}
});
}
function grid(_ref) {
let {
swiper,
extendparams
} = _ref;
extendparams({
grid: {
rows: 1,
fill: 'column'
}
});
let slidesnumbereventorows;
let slidesperrow;
let numfullcolumns;
const initslides = slideslength => {
const {
slidesperview
} = swiper.params;
const {
rows,
fill
} = swiper.params.grid;
slidesperrow = slidesnumbereventorows / rows;
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, slidesperview * rows);
}
};
const updateslide = (i, slide, slideslength, getdirectionlabel) => {
const {
slidespergroup,
spacebetween
} = swiper.params;
const {
rows,
fill
} = swiper.params.grid; // 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.css({
'-webkit-order': newslideorderindex,
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.css(getdirectionlabel('margin-top'), row !== 0 ? spacebetween && `${spacebetween}px` : '');
};
const updatewrappersize = (slidesize, snapgrid, getdirectionlabel) => {
const {
spacebetween,
centeredslides,
roundlengths
} = swiper.params;
const {
rows
} = swiper.params.grid;
swiper.virtualsize = (slidesize + spacebetween) * slidesnumbereventorows;
swiper.virtualsize = math.ceil(swiper.virtualsize / rows) - spacebetween;
swiper.$wrapperel.css({
[getdirectionlabel('width')]: `${swiper.virtualsize + spacebetween}px`
});
if (centeredslides) {
snapgrid.splice(0, snapgrid.length);
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.push(...newslidesgrid);
}
};
swiper.grid = {
initslides,
updateslide,
updatewrappersize
};
}
function appendslide(slides) {
const swiper = this;
const {
$wrapperel,
params
} = swiper;
if (params.loop) {
swiper.loopdestroy();
}
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) $wrapperel.append(slides[i]);
}
} else {
$wrapperel.append(slides);
}
if (params.loop) {
swiper.loopcreate();
}
if (!params.observer) {
swiper.update();
}
}
function prependslide(slides) {
const swiper = this;
const {
params,
$wrapperel,
activeindex
} = swiper;
if (params.loop) {
swiper.loopdestroy();
}
let newactiveindex = activeindex + 1;
if (typeof slides === 'object' && 'length' in slides) {
for (let i = 0; i < slides.length; i += 1) {
if (slides[i]) $wrapperel.prepend(slides[i]);
}
newactiveindex = activeindex + slides.length;
} else {
$wrapperel.prepend(slides);
}
if (params.loop) {
swiper.loopcreate();
}
if (!params.observer) {
swiper.update();
}
swiper.slideto(newactiveindex, 0, false);
}
function addslide(index, slides) {
const swiper = this;
const {
$wrapperel,
params,
activeindex
} = swiper;
let activeindexbuffer = activeindex;
if (params.loop) {
activeindexbuffer -= swiper.loopedslides;
swiper.loopdestroy();
swiper.slides = $wrapperel.children(`.${params.slideclass}`);
}
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.eq(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]) $wrapperel.append(slides[i]);
}
newactiveindex = activeindexbuffer > index ? activeindexbuffer + slides.length : activeindexbuffer;
} else {
$wrapperel.append(slides);
}
for (let i = 0; i < slidesbuffer.length; i += 1) {
$wrapperel.append(slidesbuffer[i]);
}
if (params.loop) {
swiper.loopcreate();
}
if (!params.observer) {
swiper.update();
}
if (params.loop) {
swiper.slideto(newactiveindex + swiper.loopedslides, 0, false);
} else {
swiper.slideto(newactiveindex, 0, false);
}
}
function removeslide(slidesindexes) {
const swiper = this;
const {
params,
$wrapperel,
activeindex
} = swiper;
let activeindexbuffer = activeindex;
if (params.loop) {
activeindexbuffer -= swiper.loopedslides;
swiper.loopdestroy();
swiper.slides = $wrapperel.children(`.${params.slideclass}`);
}
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.eq(indextoremove).remove();
if (indextoremove < newactiveindex) newactiveindex -= 1;
}
newactiveindex = math.max(newactiveindex, 0);
} else {
indextoremove = slidesindexes;
if (swiper.slides[indextoremove]) swiper.slides.eq(indextoremove).remove();
if (indextoremove < newactiveindex) newactiveindex -= 1;
newactiveindex = math.max(newactiveindex, 0);
}
if (params.loop) {
swiper.loopcreate();
}
if (!params.observer) {
swiper.update();
}
if (params.loop) {
swiper.slideto(newactiveindex + swiper.loopedslides, 0, false);
} else {
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);
}
swiper.removeslide(slidesindexes);
}
function manipulation(_ref) {
let {
swiper
} = _ref;
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
} = 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', () => {
if (swiper.params.effect !== effect) return;
settranslate();
});
on('settransition', (_s, duration) => {
if (swiper.params.effect !== effect) return;
settransition(duration);
});
let requireupdateonvirtual;
on('virtualupdate', () => {
if (!swiper.slides.length) {
requireupdateonvirtual = true;
}
requestanimationframe(() => {
if (requireupdateonvirtual && swiper.slides.length) {
settranslate();
requireupdateonvirtual = false;
}
});
});
}
function effecttarget(effectparams, $slideel) {
if (effectparams.transformel) {
return $slideel.find(effectparams.transformel).css({
'backface-visibility': 'hidden',
'-webkit-backface-visibility': 'hidden'
});
}
return $slideel;
}
function effectvirtualtransitionend(_ref) {
let {
swiper,
duration,
transformel,
allslides
} = _ref;
const {
slides,
activeindex,
$wrapperel
} = swiper;
if (swiper.params.virtualtranslate && duration !== 0) {
let eventtriggered = false;
let $transitionendtarget;
if (allslides) {
$transitionendtarget = transformel ? slides.find(transformel) : slides;
} else {
$transitionendtarget = transformel ? slides.eq(activeindex).find(transformel) : slides.eq(activeindex);
}
$transitionendtarget.transitionend(() => {
if (eventtriggered) return;
if (!swiper || swiper.destroyed) return;
eventtriggered = true;
swiper.animating = false;
const triggerevents = ['webkittransitionend', 'transitionend'];
for (let i = 0; i < triggerevents.length; i += 1) {
$wrapperel.trigger(triggerevents[i]);
}
});
}
}
function effectfade(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
fadeeffect: {
crossfade: false,
transformel: null
}
});
const settranslate = () => {
const {
slides
} = swiper;
const params = swiper.params.fadeeffect;
for (let i = 0; i < slides.length; i += 1) {
const $slideel = swiper.slides.eq(i);
const offset = $slideel[0].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[0].progress), 0) : 1 + math.min(math.max($slideel[0].progress, -1), 0);
const $targetel = effecttarget(params, $slideel);
$targetel.css({
opacity: slideopacity
}).transform(`translate3d(${tx}px, ${ty}px, 0px)`);
}
};
const settransition = duration => {
const {
transformel
} = swiper.params.fadeeffect;
const $transitionelements = transformel ? swiper.slides.find(transformel) : swiper.slides;
$transitionelements.transition(duration);
effectvirtualtransitionend({
swiper,
duration,
transformel,
allslides: true
});
};
effectinit({
effect: 'fade',
swiper,
on,
settranslate,
settransition,
overwriteparams: () => ({
slidesperview: 1,
slidespergroup: 1,
watchslidesprogress: true,
spacebetween: 0,
virtualtranslate: !swiper.params.cssmode
})
});
}
function effectcube(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
cubeeffect: {
slideshadows: true,
shadow: true,
shadowoffset: 20,
shadowscale: 0.94
}
});
const settranslate = () => {
const {
$el,
$wrapperel,
slides,
width: swiperwidth,
height: swiperheight,
rtltranslate: rtl,
size: swipersize,
browser
} = 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 = $wrapperel.find('.swiper-cube-shadow');
if ($cubeshadowel.length === 0) {
$cubeshadowel = $('');
$wrapperel.append($cubeshadowel);
}
$cubeshadowel.css({
height: `${swiperwidth}px`
});
} else {
$cubeshadowel = $el.find('.swiper-cube-shadow');
if ($cubeshadowel.length === 0) {
$cubeshadowel = $('');
$el.append($cubeshadowel);
}
}
}
for (let i = 0; i < slides.length; i += 1) {
const $slideel = slides.eq(i);
let slideindex = i;
if (isvirtual) {
slideindex = parseint($slideel.attr('data-swiper-slide-index'), 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[0].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(${ishorizontal ? 0 : -slideangle}deg) rotatey(${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.transform(transform);
if (params.slideshadows) {
// set shadows
let shadowbefore = ishorizontal ? $slideel.find('.swiper-slide-shadow-left') : $slideel.find('.swiper-slide-shadow-top');
let shadowafter = ishorizontal ? $slideel.find('.swiper-slide-shadow-right') : $slideel.find('.swiper-slide-shadow-bottom');
if (shadowbefore.length === 0) {
shadowbefore = $(``);
$slideel.append(shadowbefore);
}
if (shadowafter.length === 0) {
shadowafter = $(``);
$slideel.append(shadowafter);
}
if (shadowbefore.length) shadowbefore[0].style.opacity = math.max(-progress, 0);
if (shadowafter.length) shadowafter[0].style.opacity = math.max(progress, 0);
}
}
$wrapperel.css({
'-webkit-transform-origin': `50% 50% -${swipersize / 2}px`,
'transform-origin': `50% 50% -${swipersize / 2}px`
});
if (params.shadow) {
if (ishorizontal) {
$cubeshadowel.transform(`translate3d(0px, ${swiperwidth / 2 + params.shadowoffset}px, ${-swiperwidth / 2}px) rotatex(90deg) 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.transform(`scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${swiperheight / 2 + offset}px, ${-swiperheight / 2 / scale2}px) rotatex(-90deg)`);
}
}
const zfactor = browser.issafari || browser.iswebview ? -swipersize / 2 : 0;
$wrapperel.transform(`translate3d(0px,0,${zfactor}px) rotatex(${swiper.ishorizontal() ? 0 : wrapperrotate}deg) rotatey(${swiper.ishorizontal() ? -wrapperrotate : 0}deg)`);
};
const settransition = duration => {
const {
$el,
slides
} = swiper;
slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
if (swiper.params.cubeeffect.shadow && !swiper.ishorizontal()) {
$el.find('.swiper-cube-shadow').transition(duration);
}
};
effectinit({
effect: 'cube',
swiper,
on,
settranslate,
settransition,
perspective: () => true,
overwriteparams: () => ({
slidesperview: 1,
slidespergroup: 1,
watchslidesprogress: true,
resistanceratio: 0,
spacebetween: 0,
centeredslides: false,
virtualtranslate: true
})
});
}
function createshadow(params, $slideel, side) {
const shadowclass = `swiper-slide-shadow${side ? `-${side}` : ''}`;
const $shadowcontainer = params.transformel ? $slideel.find(params.transformel) : $slideel;
let $shadowel = $shadowcontainer.children(`.${shadowclass}`);
if (!$shadowel.length) {
$shadowel = $(``);
$shadowcontainer.append($shadowel);
}
return $shadowel;
}
function effectflip(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
flipeffect: {
slideshadows: true,
limitrotation: true,
transformel: null
}
});
const settranslate = () => {
const {
slides,
rtltranslate: rtl
} = swiper;
const params = swiper.params.flipeffect;
for (let i = 0; i < slides.length; i += 1) {
const $slideel = slides.eq(i);
let progress = $slideel[0].progress;
if (swiper.params.flipeffect.limitrotation) {
progress = math.max(math.min($slideel[0].progress, 1), -1);
}
const offset = $slideel[0].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[0].style.zindex = -math.abs(math.round(progress)) + slides.length;
if (params.slideshadows) {
// set shadows
let shadowbefore = swiper.ishorizontal() ? $slideel.find('.swiper-slide-shadow-left') : $slideel.find('.swiper-slide-shadow-top');
let shadowafter = swiper.ishorizontal() ? $slideel.find('.swiper-slide-shadow-right') : $slideel.find('.swiper-slide-shadow-bottom');
if (shadowbefore.length === 0) {
shadowbefore = createshadow(params, $slideel, swiper.ishorizontal() ? 'left' : 'top');
}
if (shadowafter.length === 0) {
shadowafter = createshadow(params, $slideel, swiper.ishorizontal() ? 'right' : 'bottom');
}
if (shadowbefore.length) shadowbefore[0].style.opacity = math.max(-progress, 0);
if (shadowafter.length) shadowafter[0].style.opacity = math.max(progress, 0);
}
const transform = `translate3d(${tx}px, ${ty}px, 0px) rotatex(${rotatex}deg) rotatey(${rotatey}deg)`;
const $targetel = effecttarget(params, $slideel);
$targetel.transform(transform);
}
};
const settransition = duration => {
const {
transformel
} = swiper.params.flipeffect;
const $transitionelements = transformel ? swiper.slides.find(transformel) : swiper.slides;
$transitionelements.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
effectvirtualtransitionend({
swiper,
duration,
transformel
});
};
effectinit({
effect: 'flip',
swiper,
on,
settranslate,
settransition,
perspective: () => true,
overwriteparams: () => ({
slidesperview: 1,
slidespergroup: 1,
watchslidesprogress: true,
spacebetween: 0,
virtualtranslate: !swiper.params.cssmode
})
});
}
function effectcoverflow(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
coverfloweffect: {
rotate: 50,
stretch: 0,
depth: 100,
scale: 1,
modifier: 1,
slideshadows: true,
transformel: null
}
});
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; // each slide offset from center
for (let i = 0, length = slides.length; i < length; i += 1) {
const $slideel = slides.eq(i);
const slidesize = slidessizesgrid[i];
const slideoffset = $slideel[0].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); // 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(${rotatex}deg) rotatey(${rotatey}deg) scale(${scale})`;
const $targetel = effecttarget(params, $slideel);
$targetel.transform(slidetransform);
$slideel[0].style.zindex = -math.abs(math.round(offsetmultiplier)) + 1;
if (params.slideshadows) {
// set shadows
let $shadowbeforeel = ishorizontal ? $slideel.find('.swiper-slide-shadow-left') : $slideel.find('.swiper-slide-shadow-top');
let $shadowafterel = ishorizontal ? $slideel.find('.swiper-slide-shadow-right') : $slideel.find('.swiper-slide-shadow-bottom');
if ($shadowbeforeel.length === 0) {
$shadowbeforeel = createshadow(params, $slideel, ishorizontal ? 'left' : 'top');
}
if ($shadowafterel.length === 0) {
$shadowafterel = createshadow(params, $slideel, ishorizontal ? 'right' : 'bottom');
}
if ($shadowbeforeel.length) $shadowbeforeel[0].style.opacity = offsetmultiplier > 0 ? offsetmultiplier : 0;
if ($shadowafterel.length) $shadowafterel[0].style.opacity = -offsetmultiplier > 0 ? -offsetmultiplier : 0;
}
}
};
const settransition = duration => {
const {
transformel
} = swiper.params.coverfloweffect;
const $transitionelements = transformel ? swiper.slides.find(transformel) : swiper.slides;
$transitionelements.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
};
effectinit({
effect: 'coverflow',
swiper,
on,
settranslate,
settransition,
perspective: () => true,
overwriteparams: () => ({
watchslidesprogress: true
})
});
}
function effectcreative(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
creativeeffect: {
transformel: null,
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 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;
if (iscenteredslides) {
const margin = slidessizesgrid[0] / 2 - swiper.params.slidesoffsetbefore || 0;
$wrapperel.transform(`translatex(calc(50% - ${margin}px))`);
}
for (let i = 0; i < slides.length; i += 1) {
const $slideel = slides.eq(i);
const slideprogress = $slideel[0].progress;
const progress = math.min(math.max($slideel[0].progress, -params.limitprogress), params.limitprogress);
let originalprogress = progress;
if (!iscenteredslides) {
originalprogress = math.min(math.max($slideel[0].originalprogress, -params.limitprogress), params.limitprogress);
}
const offset = $slideel[0].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
};
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[0].style.zindex = -math.abs(math.round(slideprogress)) + slides.length;
const translatestring = t.join(', ');
const rotatestring = `rotatex(${r[0]}deg) rotatey(${r[1]}deg) rotatez(${r[2]}deg)`;
const scalestring = originalprogress < 0 ? `scale(${1 + (1 - data.scale) * originalprogress * multiplier})` : `scale(${1 - (1 - data.scale) * originalprogress * multiplier})`;
const opacitystring = originalprogress < 0 ? 1 + (1 - data.opacity) * originalprogress * multiplier : 1 - (1 - data.opacity) * originalprogress * multiplier;
const transform = `translate3d(${translatestring}) ${rotatestring} ${scalestring}`; // set shadows
if (custom && data.shadow || !custom) {
let $shadowel = $slideel.children('.swiper-slide-shadow');
if ($shadowel.length === 0 && data.shadow) {
$shadowel = createshadow(params, $slideel);
}
if ($shadowel.length) {
const shadowopacity = params.shadowperprogress ? progress * (1 / params.limitprogress) : progress;
$shadowel[0].style.opacity = math.min(math.max(math.abs(shadowopacity), 0), 1);
}
}
const $targetel = effecttarget(params, $slideel);
$targetel.transform(transform).css({
opacity: opacitystring
});
if (data.origin) {
$targetel.css('transform-origin', data.origin);
}
}
};
const settransition = duration => {
const {
transformel
} = swiper.params.creativeeffect;
const $transitionelements = transformel ? swiper.slides.find(transformel) : swiper.slides;
$transitionelements.transition(duration).find('.swiper-slide-shadow').transition(duration);
effectvirtualtransitionend({
swiper,
duration,
transformel,
allslides: true
});
};
effectinit({
effect: 'creative',
swiper,
on,
settranslate,
settransition,
perspective: () => swiper.params.creativeeffect.perspective,
overwriteparams: () => ({
watchslidesprogress: true,
virtualtranslate: !swiper.params.cssmode
})
});
}
function effectcards(_ref) {
let {
swiper,
extendparams,
on
} = _ref;
extendparams({
cardseffect: {
slideshadows: true,
transformel: null
}
});
const settranslate = () => {
const {
slides,
activeindex
} = swiper;
const params = swiper.params.cardseffect;
const {
starttranslate,
istouched
} = swiper.toucheventsdata;
const currenttranslate = swiper.translate;
for (let i = 0; i < slides.length; i += 1) {
const $slideel = slides.eq(i);
const slideprogress = $slideel[0].progress;
const progress = math.min(math.max(slideprogress, -4), 4);
let offset = $slideel[0].swiperslideoffset;
if (swiper.params.centeredslides && !swiper.params.cssmode) {
swiper.$wrapperel.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 = -2 * progress;
let txadd = 8 - 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 = `${-25 * subprogress * math.abs(progress)}%`;
}
if (progress < 0) {
// next
tx = `calc(${tx}px + (${txadd * math.abs(progress)}%))`;
} else if (progress > 0) {
// prev
tx = `calc(${tx}px + (-${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(${rotate}deg)
scale(${scalestring})
`;
if (params.slideshadows) {
// set shadows
let $shadowel = $slideel.find('.swiper-slide-shadow');
if ($shadowel.length === 0) {
$shadowel = createshadow(params, $slideel);
}
if ($shadowel.length) $shadowel[0].style.opacity = math.min(math.max((math.abs(progress) - 0.5) / 0.5, 0), 1);
}
$slideel[0].style.zindex = -math.abs(math.round(slideprogress)) + slides.length;
const $targetel = effecttarget(params, $slideel);
$targetel.transform(transform);
}
};
const settransition = duration => {
const {
transformel
} = swiper.params.cardseffect;
const $transitionelements = transformel ? swiper.slides.find(transformel) : swiper.slides;
$transitionelements.transition(duration).find('.swiper-slide-shadow').transition(duration);
effectvirtualtransitionend({
swiper,
duration,
transformel
});
};
effectinit({
effect: 'cards',
swiper,
on,
settranslate,
settransition,
perspective: () => true,
overwriteparams: () => ({
watchslidesprogress: true,
virtualtranslate: !swiper.params.cssmode
})
});
}
// swiper class
const modules = [virtual, keyboard, mousewheel, navigation, pagination, scrollbar, parallax, zoom, lazy, controller, a11y, history, hashnavigation, autoplay, thumb, freemode, grid, manipulation, effectfade, effectcube, effectflip, effectcoverflow, effectcreative, effectcards];
swiper.use(modules);
return swiper;
}));
//# sourcemappingurl=swiper-bundle.js.map