(() => {
var __webpack_modules__ = {
732: function(module) {
!function(n, t) {
true ? module.exports = t() : 0;
}(0, (function() {
"use strict";
function n() {
return n = Object.assign || function(n) {
for (var t = 1; t < arguments.length; t++) {
var e = arguments[t];
for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
}
return n;
}, n.apply(this, arguments);
}
var t = "undefined" != typeof window, e = t && !("onscroll" in window) || "undefined" != typeof navigator && /(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent), i = t && "IntersectionObserver" in window, o = t && "classList" in document.createElement("p"), a = t && window.devicePixelRatio > 1, r = {
elements_selector: ".lazy",
container: e || t ? document : null,
threshold: 300,
thresholds: null,
data_src: "src",
data_srcset: "srcset",
data_sizes: "sizes",
data_bg: "bg",
data_bg_hidpi: "bg-hidpi",
data_bg_multi: "bg-multi",
data_bg_multi_hidpi: "bg-multi-hidpi",
data_bg_set: "bg-set",
data_poster: "poster",
class_applied: "applied",
class_loading: "loading",
class_loaded: "loaded",
class_error: "error",
class_entered: "entered",
class_exited: "exited",
unobserve_completed: !0,
unobserve_entered: !1,
cancel_on_exit: !0,
callback_enter: null,
callback_exit: null,
callback_applied: null,
callback_loading: null,
callback_loaded: null,
callback_error: null,
callback_finish: null,
callback_cancel: null,
use_native: !1,
restore_on_error: !1
}, c = function(t) {
return n({}, r, t);
}, l = function(n, t) {
var e, i = "LazyLoad::Initialized", o = new n(t);
try {
e = new CustomEvent(i, {
detail: {
instance: o
}
});
} catch (n) {
(e = document.createEvent("CustomEvent")).initCustomEvent(i, !1, !1, {
instance: o
});
}
window.dispatchEvent(e);
}, u = "src", s = "srcset", d = "sizes", f = "poster", _ = "llOriginalAttrs", g = "data", v = "loading", b = "loaded", m = "applied", p = "error", h = "native", E = "data-", I = "ll-status", y = function(n, t) {
return n.getAttribute(E + t);
}, k = function(n) {
return y(n, I);
}, w = function(n, t) {
return function(n, t, e) {
var i = "data-ll-status";
null !== e ? n.setAttribute(i, e) : n.removeAttribute(i);
}(n, 0, t);
}, A = function(n) {
return w(n, null);
}, L = function(n) {
return null === k(n);
}, O = function(n) {
return k(n) === h;
}, x = [ v, b, m, p ], C = function(n, t, e, i) {
n && (void 0 === i ? void 0 === e ? n(t) : n(t, e) : n(t, e, i));
}, N = function(n, t) {
o ? n.classList.add(t) : n.className += (n.className ? " " : "") + t;
}, M = function(n, t) {
o ? n.classList.remove(t) : n.className = n.className.replace(new RegExp("(^|\\s+)" + t + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "");
}, z = function(n) {
return n.llTempImage;
}, T = function(n, t) {
if (t) {
var e = t._observer;
e && e.unobserve(n);
}
}, R = function(n, t) {
n && (n.loadingCount += t);
}, G = function(n, t) {
n && (n.toLoadCount = t);
}, j = function(n) {
for (var t, e = [], i = 0; t = n.children[i]; i += 1) "SOURCE" === t.tagName && e.push(t);
return e;
}, D = function(n, t) {
var e = n.parentNode;
e && "PICTURE" === e.tagName && j(e).forEach(t);
}, H = function(n, t) {
j(n).forEach(t);
}, V = [ u ], F = [ u, f ], B = [ u, s, d ], J = [ g ], P = function(n) {
return !!n[_];
}, S = function(n) {
return n[_];
}, U = function(n) {
return delete n[_];
}, $ = function(n, t) {
if (!P(n)) {
var e = {};
t.forEach((function(t) {
e[t] = n.getAttribute(t);
})), n[_] = e;
}
}, q = function(n, t) {
if (P(n)) {
var e = S(n);
t.forEach((function(t) {
!function(n, t, e) {
e ? n.setAttribute(t, e) : n.removeAttribute(t);
}(n, t, e[t]);
}));
}
}, K = function(n, t, e) {
N(n, t.class_applied), w(n, m), e && (t.unobserve_completed && T(n, t), C(t.callback_applied, n, e));
}, Q = function(n, t, e) {
N(n, t.class_loading), w(n, v), e && (R(e, 1), C(t.callback_loading, n, e));
}, W = function(n, t, e) {
e && n.setAttribute(t, e);
}, X = function(n, t) {
W(n, d, y(n, t.data_sizes)), W(n, s, y(n, t.data_srcset)), W(n, u, y(n, t.data_src));
}, Y = {
IMG: function(n, t) {
D(n, (function(n) {
$(n, B), X(n, t);
})), $(n, B), X(n, t);
},
IFRAME: function(n, t) {
$(n, V), W(n, u, y(n, t.data_src));
},
VIDEO: function(n, t) {
H(n, (function(n) {
$(n, V), W(n, u, y(n, t.data_src));
})), $(n, F), W(n, f, y(n, t.data_poster)), W(n, u, y(n, t.data_src)), n.load();
},
OBJECT: function(n, t) {
$(n, J), W(n, g, y(n, t.data_src));
}
}, Z = [ "IMG", "IFRAME", "VIDEO", "OBJECT" ], nn = function(n, t) {
!t || function(n) {
return n.loadingCount > 0;
}(t) || function(n) {
return n.toLoadCount > 0;
}(t) || C(n.callback_finish, t);
}, tn = function(n, t, e) {
n.addEventListener(t, e), n.llEvLisnrs[t] = e;
}, en = function(n, t, e) {
n.removeEventListener(t, e);
}, on = function(n) {
return !!n.llEvLisnrs;
}, an = function(n) {
if (on(n)) {
var t = n.llEvLisnrs;
for (var e in t) {
var i = t[e];
en(n, e, i);
}
delete n.llEvLisnrs;
}
}, rn = function(n, t, e) {
!function(n) {
delete n.llTempImage;
}(n), R(e, -1), function(n) {
n && (n.toLoadCount -= 1);
}(e), M(n, t.class_loading), t.unobserve_completed && T(n, e);
}, cn = function(n, t, e) {
var i = z(n) || n;
on(i) || function(n, t, e) {
on(n) || (n.llEvLisnrs = {});
var i = "VIDEO" === n.tagName ? "loadeddata" : "load";
tn(n, i, t), tn(n, "error", e);
}(i, (function(o) {
!function(n, t, e, i) {
var o = O(t);
rn(t, e, i), N(t, e.class_loaded), w(t, b), C(e.callback_loaded, t, i), o || nn(e, i);
}(0, n, t, e), an(i);
}), (function(o) {
!function(n, t, e, i) {
var o = O(t);
rn(t, e, i), N(t, e.class_error), w(t, p), C(e.callback_error, t, i), e.restore_on_error && q(t, B),
o || nn(e, i);
}(0, n, t, e), an(i);
}));
}, ln = function(n, t, e) {
!function(n) {
return Z.indexOf(n.tagName) > -1;
}(n) ? function(n, t, e) {
!function(n) {
n.llTempImage = document.createElement("IMG");
}(n), cn(n, t, e), function(n) {
P(n) || (n[_] = {
backgroundImage: n.style.backgroundImage
});
}(n), function(n, t, e) {
var i = y(n, t.data_bg), o = y(n, t.data_bg_hidpi), r = a && o ? o : i;
r && (n.style.backgroundImage = 'url("'.concat(r, '")'), z(n).setAttribute(u, r),
Q(n, t, e));
}(n, t, e), function(n, t, e) {
var i = y(n, t.data_bg_multi), o = y(n, t.data_bg_multi_hidpi), r = a && o ? o : i;
r && (n.style.backgroundImage = r, K(n, t, e));
}(n, t, e), function(n, t, e) {
var i = y(n, t.data_bg_set);
if (i) {
var o = i.split("|"), a = o.map((function(n) {
return "image-set(".concat(n, ")");
}));
n.style.backgroundImage = a.join(), "" === n.style.backgroundImage && (a = o.map((function(n) {
return "-webkit-image-set(".concat(n, ")");
})), n.style.backgroundImage = a.join()), K(n, t, e);
}
}(n, t, e);
}(n, t, e) : function(n, t, e) {
cn(n, t, e), function(n, t, e) {
var i = Y[n.tagName];
i && (i(n, t), Q(n, t, e));
}(n, t, e);
}(n, t, e);
}, un = function(n) {
n.removeAttribute(u), n.removeAttribute(s), n.removeAttribute(d);
}, sn = function(n) {
D(n, (function(n) {
q(n, B);
})), q(n, B);
}, dn = {
IMG: sn,
IFRAME: function(n) {
q(n, V);
},
VIDEO: function(n) {
H(n, (function(n) {
q(n, V);
})), q(n, F), n.load();
},
OBJECT: function(n) {
q(n, J);
}
}, fn = function(n, t) {
(function(n) {
var t = dn[n.tagName];
t ? t(n) : function(n) {
if (P(n)) {
var t = S(n);
n.style.backgroundImage = t.backgroundImage;
}
}(n);
})(n), function(n, t) {
L(n) || O(n) || (M(n, t.class_entered), M(n, t.class_exited), M(n, t.class_applied),
M(n, t.class_loading), M(n, t.class_loaded), M(n, t.class_error));
}(n, t), A(n), U(n);
}, _n = [ "IMG", "IFRAME", "VIDEO" ], gn = function(n) {
return n.use_native && "loading" in HTMLImageElement.prototype;
}, vn = function(n, t, e) {
n.forEach((function(n) {
return function(n) {
return n.isIntersecting || n.intersectionRatio > 0;
}(n) ? function(n, t, e, i) {
var o = function(n) {
return x.indexOf(k(n)) >= 0;
}(n);
w(n, "entered"), N(n, e.class_entered), M(n, e.class_exited), function(n, t, e) {
t.unobserve_entered && T(n, e);
}(n, e, i), C(e.callback_enter, n, t, i), o || ln(n, e, i);
}(n.target, n, t, e) : function(n, t, e, i) {
L(n) || (N(n, e.class_exited), function(n, t, e, i) {
e.cancel_on_exit && function(n) {
return k(n) === v;
}(n) && "IMG" === n.tagName && (an(n), function(n) {
D(n, (function(n) {
un(n);
})), un(n);
}(n), sn(n), M(n, e.class_loading), R(i, -1), A(n), C(e.callback_cancel, n, t, i));
}(n, t, e, i), C(e.callback_exit, n, t, i));
}(n.target, n, t, e);
}));
}, bn = function(n) {
return Array.prototype.slice.call(n);
}, mn = function(n) {
return n.container.querySelectorAll(n.elements_selector);
}, pn = function(n) {
return function(n) {
return k(n) === p;
}(n);
}, hn = function(n, t) {
return function(n) {
return bn(n).filter(L);
}(n || mn(t));
}, En = function(n, e) {
var o = c(n);
this._settings = o, this.loadingCount = 0, function(n, t) {
i && !gn(n) && (t._observer = new IntersectionObserver((function(e) {
vn(e, n, t);
}), function(n) {
return {
root: n.container === document ? null : n.container,
rootMargin: n.thresholds || n.threshold + "px"
};
}(n)));
}(o, this), function(n, e) {
t && (e._onlineHandler = function() {
!function(n, t) {
var e;
(e = mn(n), bn(e).filter(pn)).forEach((function(t) {
M(t, n.class_error), A(t);
})), t.update();
}(n, e);
}, window.addEventListener("online", e._onlineHandler));
}(o, this), this.update(e);
};
return En.prototype = {
update: function(n) {
var t, o, a = this._settings, r = hn(n, a);
G(this, r.length), !e && i ? gn(a) ? function(n, t, e) {
n.forEach((function(n) {
-1 !== _n.indexOf(n.tagName) && function(n, t, e) {
n.setAttribute("loading", "lazy"), cn(n, t, e), function(n, t) {
var e = Y[n.tagName];
e && e(n, t);
}(n, t), w(n, h);
}(n, t, e);
})), G(e, 0);
}(r, a, this) : (o = r, function(n) {
n.disconnect();
}(t = this._observer), function(n, t) {
t.forEach((function(t) {
n.observe(t);
}));
}(t, o)) : this.loadAll(r);
},
destroy: function() {
this._observer && this._observer.disconnect(), t && window.removeEventListener("online", this._onlineHandler),
mn(this._settings).forEach((function(n) {
U(n);
})), delete this._observer, delete this._settings, delete this._onlineHandler, delete this.loadingCount,
delete this.toLoadCount;
},
loadAll: function(n) {
var t = this, e = this._settings;
hn(n, e).forEach((function(n) {
T(n, t), ln(n, e, t);
}));
},
restoreAll: function() {
var n = this._settings;
mn(n).forEach((function(t) {
fn(t, n);
}));
}
}, En.load = function(n, t) {
var e = c(t);
ln(n, e);
}, En.resetStatus = function(n) {
A(n);
}, t && function(n, t) {
if (t) if (t.length) for (var e, i = 0; e = t[i]; i += 1) l(n, e); else l(n, t);
}(En, window.lazyLoadOptions), En;
}));
}
};
var __webpack_module_cache__ = {};
function __webpack_require__(moduleId) {
var cachedModule = __webpack_module_cache__[moduleId];
if (void 0 !== cachedModule) return cachedModule.exports;
var module = __webpack_module_cache__[moduleId] = {
exports: {}
};
__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
return module.exports;
}
(() => {
"use strict";
const modules_flsModules = {};
function isWebp() {
function testWebP(callback) {
let webP = new Image;
webP.onload = webP.onerror = function() {
callback(2 == webP.height);
};
webP.src = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
}
testWebP((function(support) {
let className = true === support ? "webp" : "no-webp";
document.documentElement.classList.add(className);
}));
}
let _slideUp = (target, duration = 500, showmore = 0) => {
if (!target.classList.contains("_slide")) {
target.classList.add("_slide");
target.style.transitionProperty = "height, margin, padding";
target.style.transitionDuration = duration + "ms";
target.style.height = `${target.offsetHeight}px`;
target.offsetHeight;
target.style.overflow = "hidden";
target.style.height = showmore ? `${showmore}px` : `0px`;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
window.setTimeout((() => {
target.hidden = !showmore ? true : false;
!showmore ? target.style.removeProperty("height") : null;
target.style.removeProperty("padding-top");
target.style.removeProperty("padding-bottom");
target.style.removeProperty("margin-top");
target.style.removeProperty("margin-bottom");
!showmore ? target.style.removeProperty("overflow") : null;
target.style.removeProperty("transition-duration");
target.style.removeProperty("transition-property");
target.classList.remove("_slide");
document.dispatchEvent(new CustomEvent("slideUpDone", {
detail: {
target
}
}));
}), duration);
}
};
let _slideDown = (target, duration = 500, showmore = 0) => {
if (!target.classList.contains("_slide")) {
target.classList.add("_slide");
target.hidden = target.hidden ? false : null;
showmore ? target.style.removeProperty("height") : null;
let height = target.offsetHeight;
target.style.overflow = "hidden";
target.style.height = showmore ? `${showmore}px` : `0px`;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
target.offsetHeight;
target.style.transitionProperty = "height, margin, padding";
target.style.transitionDuration = duration + "ms";
target.style.height = height + "px";
target.style.removeProperty("padding-top");
target.style.removeProperty("padding-bottom");
target.style.removeProperty("margin-top");
target.style.removeProperty("margin-bottom");
window.setTimeout((() => {
target.style.removeProperty("height");
target.style.removeProperty("overflow");
target.style.removeProperty("transition-duration");
target.style.removeProperty("transition-property");
target.classList.remove("_slide");
document.dispatchEvent(new CustomEvent("slideDownDone", {
detail: {
target
}
}));
}), duration);
}
};
let _slideToggle = (target, duration = 500) => {
if (target.hidden) return _slideDown(target, duration); else return _slideUp(target, duration);
};
let bodyLockStatus = true;
let bodyLockToggle = (delay = 500) => {
if (document.documentElement.classList.contains("lock")) bodyUnlock(delay); else bodyLock(delay);
};
let bodyUnlock = (delay = 500) => {
let body = document.querySelector("body");
if (bodyLockStatus) {
let lock_padding = document.querySelectorAll("[data-lp]");
setTimeout((() => {
for (let index = 0; index < lock_padding.length; index++) {
const el = lock_padding[index];
el.style.paddingRight = "0px";
}
body.style.paddingRight = "0px";
document.documentElement.classList.remove("lock");
}), delay);
bodyLockStatus = false;
setTimeout((function() {
bodyLockStatus = true;
}), delay);
}
};
let bodyLock = (delay = 500) => {
let body = document.querySelector("body");
if (bodyLockStatus) {
let lock_padding = document.querySelectorAll("[data-lp]");
for (let index = 0; index < lock_padding.length; index++) {
const el = lock_padding[index];
el.style.paddingRight = window.innerWidth - document.querySelector(".wrapper").offsetWidth + "px";
}
body.style.paddingRight = window.innerWidth - document.querySelector(".wrapper").offsetWidth + "px";
document.documentElement.classList.add("lock");
bodyLockStatus = false;
setTimeout((function() {
bodyLockStatus = true;
}), delay);
}
};
function menuInit() {
if (document.querySelector(".icon-menu")) document.addEventListener("click", (function(e) {
if (bodyLockStatus && e.target.closest(".icon-menu")) {
bodyLockToggle();
document.documentElement.classList.toggle("menu-open");
}
}));
}
function showMore() {
window.addEventListener("load", (function(e) {
const showMoreBlocks = document.querySelectorAll("[data-showmore]");
let showMoreBlocksRegular;
let mdQueriesArray;
if (showMoreBlocks.length) {
showMoreBlocksRegular = Array.from(showMoreBlocks).filter((function(item, index, self) {
return !item.dataset.showmoreMedia;
}));
showMoreBlocksRegular.length ? initItems(showMoreBlocksRegular) : null;
document.addEventListener("click", showMoreActions);
window.addEventListener("resize", showMoreActions);
mdQueriesArray = dataMediaQueries(showMoreBlocks, "showmoreMedia");
if (mdQueriesArray && mdQueriesArray.length) {
mdQueriesArray.forEach((mdQueriesItem => {
mdQueriesItem.matchMedia.addEventListener("change", (function() {
initItems(mdQueriesItem.itemsArray, mdQueriesItem.matchMedia);
}));
}));
initItemsMedia(mdQueriesArray);
}
}
function initItemsMedia(mdQueriesArray) {
mdQueriesArray.forEach((mdQueriesItem => {
initItems(mdQueriesItem.itemsArray, mdQueriesItem.matchMedia);
}));
}
function initItems(showMoreBlocks, matchMedia) {
showMoreBlocks.forEach((showMoreBlock => {
initItem(showMoreBlock, matchMedia);
}));
}
function initItem(showMoreBlock, matchMedia = false) {
showMoreBlock = matchMedia ? showMoreBlock.item : showMoreBlock;
let showMoreContent = showMoreBlock.querySelectorAll("[data-showmore-content]");
let showMoreButton = showMoreBlock.querySelectorAll("[data-showmore-button]");
showMoreContent = Array.from(showMoreContent).filter((item => item.closest("[data-showmore]") === showMoreBlock))[0];
showMoreButton = Array.from(showMoreButton).filter((item => item.closest("[data-showmore]") === showMoreBlock))[0];
const hiddenHeight = getHeight(showMoreBlock, showMoreContent);
if (matchMedia.matches || !matchMedia) if (hiddenHeight < getOriginalHeight(showMoreContent)) {
_slideUp(showMoreContent, 0, hiddenHeight);
showMoreButton.hidden = false;
} else {
_slideDown(showMoreContent, 0, hiddenHeight);
showMoreButton.hidden = true;
} else {
_slideDown(showMoreContent, 0, hiddenHeight);
showMoreButton.hidden = true;
}
}
function getHeight(showMoreBlock, showMoreContent) {
let hiddenHeight = 0;
const showMoreType = showMoreBlock.dataset.showmore ? showMoreBlock.dataset.showmore : "size";
if ("items" === showMoreType) {
const showMoreTypeValue = showMoreContent.dataset.showmoreContent ? showMoreContent.dataset.showmoreContent : 3;
const showMoreItems = showMoreContent.children;
for (let index = 1; index < showMoreItems.length; index++) {
const showMoreItem = showMoreItems[index - 1];
hiddenHeight += showMoreItem.offsetHeight;
if (index == showMoreTypeValue) break;
}
} else {
const showMoreTypeValue = showMoreContent.dataset.showmoreContent ? showMoreContent.dataset.showmoreContent : 150;
hiddenHeight = showMoreTypeValue;
}
return hiddenHeight;
}
function getOriginalHeight(showMoreContent) {
let parentHidden;
let hiddenHeight = showMoreContent.offsetHeight;
showMoreContent.style.removeProperty("height");
if (showMoreContent.closest(`[hidden]`)) {
parentHidden = showMoreContent.closest(`[hidden]`);
parentHidden.hidden = false;
}
let originalHeight = showMoreContent.offsetHeight;
parentHidden ? parentHidden.hidden = true : null;
showMoreContent.style.height = `${hiddenHeight}px`;
return originalHeight;
}
function showMoreActions(e) {
const targetEvent = e.target;
const targetType = e.type;
if ("click" === targetType) {
if (targetEvent.closest("[data-showmore-button]")) {
const showMoreButton = targetEvent.closest("[data-showmore-button]");
const showMoreBlock = showMoreButton.closest("[data-showmore]");
const showMoreContent = showMoreBlock.querySelector("[data-showmore-content]");
const showMoreSpeed = showMoreBlock.dataset.showmoreButton ? showMoreBlock.dataset.showmoreButton : "500";
const hiddenHeight = getHeight(showMoreBlock, showMoreContent);
if (!showMoreContent.classList.contains("_slide")) {
showMoreBlock.classList.contains("_showmore-active") ? _slideUp(showMoreContent, showMoreSpeed, hiddenHeight) : _slideDown(showMoreContent, showMoreSpeed, hiddenHeight);
showMoreBlock.classList.toggle("_showmore-active");
}
}
} else if ("resize" === targetType) {
showMoreBlocksRegular && showMoreBlocksRegular.length ? initItems(showMoreBlocksRegular) : null;
mdQueriesArray && mdQueriesArray.length ? initItemsMedia(mdQueriesArray) : null;
}
}
}));
}
function functions_FLS(message) {
setTimeout((() => {
if (window.FLS) console.log(message);
}), 0);
}
function uniqArray(array) {
return array.filter((function(item, index, self) {
return self.indexOf(item) === index;
}));
}
function dataMediaQueries(array, dataSetValue) {
const media = Array.from(array).filter((function(item, index, self) {
if (item.dataset[dataSetValue]) return item.dataset[dataSetValue].split(",")[0];
}));
if (media.length) {
const breakpointsArray = [];
media.forEach((item => {
const params = item.dataset[dataSetValue];
const breakpoint = {};
const paramsArray = params.split(",");
breakpoint.value = paramsArray[0];
breakpoint.type = paramsArray[1] ? paramsArray[1].trim() : "max";
breakpoint.item = item;
breakpointsArray.push(breakpoint);
}));
let mdQueries = breakpointsArray.map((function(item) {
return "(" + item.type + "-width: " + item.value + "px)," + item.value + "," + item.type;
}));
mdQueries = uniqArray(mdQueries);
const mdQueriesArray = [];
if (mdQueries.length) {
mdQueries.forEach((breakpoint => {
const paramsArray = breakpoint.split(",");
const mediaBreakpoint = paramsArray[1];
const mediaType = paramsArray[2];
const matchMedia = window.matchMedia(paramsArray[0]);
const itemsArray = breakpointsArray.filter((function(item) {
if (item.value === mediaBreakpoint && item.type === mediaType) return true;
}));
mdQueriesArray.push({
itemsArray,
matchMedia
});
}));
return mdQueriesArray;
}
}
}
let formValidate = {
getErrors(form) {
let error = 0;
let formRequiredItems = form.querySelectorAll("*[data-required]");
if (formRequiredItems.length) formRequiredItems.forEach((formRequiredItem => {
if ((null !== formRequiredItem.offsetParent || "SELECT" === formRequiredItem.tagName) && !formRequiredItem.disabled) error += this.validateInput(formRequiredItem);
}));
return error;
},
validateInput(formRequiredItem) {
let error = 0;
if ("email" === formRequiredItem.dataset.required) {
formRequiredItem.value = formRequiredItem.value.replace(" ", "");
if (this.emailTest(formRequiredItem)) {
this.addError(formRequiredItem);
error++;
} else this.removeError(formRequiredItem);
} else if ("checkbox" === formRequiredItem.type && !formRequiredItem.checked) {
this.addError(formRequiredItem);
error++;
} else if (!formRequiredItem.value.trim()) {
this.addError(formRequiredItem);
error++;
} else this.removeError(formRequiredItem);
return error;
},
addError(formRequiredItem) {
formRequiredItem.classList.add("_form-error");
formRequiredItem.parentElement.classList.add("_form-error");
let inputError = formRequiredItem.parentElement.querySelector(".form__error");
if (inputError) formRequiredItem.parentElement.removeChild(inputError);
if (formRequiredItem.dataset.error) formRequiredItem.parentElement.insertAdjacentHTML("beforeend", `
${formRequiredItem.dataset.error}
`);
},
removeError(formRequiredItem) {
formRequiredItem.classList.remove("_form-error");
formRequiredItem.parentElement.classList.remove("_form-error");
if (formRequiredItem.parentElement.querySelector(".form__error")) formRequiredItem.parentElement.removeChild(formRequiredItem.parentElement.querySelector(".form__error"));
},
formClean(form) {
form.reset();
setTimeout((() => {
let inputs = form.querySelectorAll("input,textarea");
for (let index = 0; index < inputs.length; index++) {
const el = inputs[index];
el.parentElement.classList.remove("_form-focus");
el.classList.remove("_form-focus");
formValidate.removeError(el);
}
let checkboxes = form.querySelectorAll(".checkbox__input");
if (checkboxes.length > 0) for (let index = 0; index < checkboxes.length; index++) {
const checkbox = checkboxes[index];
checkbox.checked = false;
}
if (modules_flsModules.select) {
let selects = form.querySelectorAll(".select");
if (selects.length) for (let index = 0; index < selects.length; index++) {
const select = selects[index].querySelector("select");
modules_flsModules.select.selectBuild(select);
}
}
}), 0);
},
emailTest(formRequiredItem) {
return !/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,8})+$/.test(formRequiredItem.value);
}
};
class SelectConstructor {
constructor(props, data = null) {
let defaultConfig = {
init: true,
logging: true
};
this.config = Object.assign(defaultConfig, props);
this.selectClasses = {
classSelect: "select",
classSelectBody: "select__body",
classSelectTitle: "select__title",
classSelectValue: "select__value",
classSelectLabel: "select__label",
classSelectInput: "select__input",
classSelectText: "select__text",
classSelectLink: "select__link",
classSelectOptions: "select__options",
classSelectOptionsScroll: "select__scroll",
classSelectOption: "select__option",
classSelectContent: "select__content",
classSelectRow: "select__row",
classSelectData: "select__asset",
classSelectDisabled: "_select-disabled",
classSelectTag: "_select-tag",
classSelectOpen: "_select-open",
classSelectActive: "_select-active",
classSelectFocus: "_select-focus",
classSelectMultiple: "_select-multiple",
classSelectCheckBox: "_select-checkbox",
classSelectOptionSelected: "_select-selected",
classSelectPseudoLabel: "_select-pseudo-label"
};
this._this = this;
if (this.config.init) {
const selectItems = data ? document.querySelectorAll(data) : document.querySelectorAll("select");
if (selectItems.length) {
this.selectsInit(selectItems);
this.setLogging(`Проснулся, построил селектов: (${selectItems.length})`);
} else this.setLogging("Сплю, нет ни одного select zzZZZzZZz");
}
}
getSelectClass(className) {
return `.${className}`;
}
getSelectElement(selectItem, className) {
return {
originalSelect: selectItem.querySelector("select"),
selectElement: selectItem.querySelector(this.getSelectClass(className))
};
}
selectsInit(selectItems) {
selectItems.forEach(((originalSelect, index) => {
this.selectInit(originalSelect, index + 1);
}));
document.addEventListener("click", function(e) {
this.selectsActions(e);
}.bind(this));
document.addEventListener("keydown", function(e) {
this.selectsActions(e);
}.bind(this));
document.addEventListener("focusin", function(e) {
this.selectsActions(e);
}.bind(this));
document.addEventListener("focusout", function(e) {
this.selectsActions(e);
}.bind(this));
}
selectInit(originalSelect, index) {
const _this = this;
let selectItem = document.createElement("div");
selectItem.classList.add(this.selectClasses.classSelect);
originalSelect.parentNode.insertBefore(selectItem, originalSelect);
selectItem.appendChild(originalSelect);
originalSelect.hidden = true;
index ? originalSelect.dataset.id = index : null;
if (this.getSelectPlaceholder(originalSelect)) {
originalSelect.dataset.placeholder = this.getSelectPlaceholder(originalSelect).value;
if (this.getSelectPlaceholder(originalSelect).label.show) {
const selectItemTitle = this.getSelectElement(selectItem, this.selectClasses.classSelectTitle).selectElement;
selectItemTitle.insertAdjacentHTML("afterbegin", `${this.getSelectPlaceholder(originalSelect).label.text ? this.getSelectPlaceholder(originalSelect).label.text : this.getSelectPlaceholder(originalSelect).value}`);
}
}
selectItem.insertAdjacentHTML("beforeend", ``);
this.selectBuild(originalSelect);
originalSelect.dataset.speed = originalSelect.dataset.speed ? originalSelect.dataset.speed : "150";
originalSelect.addEventListener("change", (function(e) {
_this.selectChange(e);
}));
}
selectBuild(originalSelect) {
const selectItem = originalSelect.parentElement;
selectItem.dataset.id = originalSelect.dataset.id;
originalSelect.dataset.classModif ? selectItem.classList.add(`select_${originalSelect.dataset.classModif}`) : null;
originalSelect.multiple ? selectItem.classList.add(this.selectClasses.classSelectMultiple) : selectItem.classList.remove(this.selectClasses.classSelectMultiple);
originalSelect.hasAttribute("data-checkbox") && originalSelect.multiple ? selectItem.classList.add(this.selectClasses.classSelectCheckBox) : selectItem.classList.remove(this.selectClasses.classSelectCheckBox);
this.setSelectTitleValue(selectItem, originalSelect);
this.setOptions(selectItem, originalSelect);
originalSelect.hasAttribute("data-search") ? this.searchActions(selectItem) : null;
originalSelect.hasAttribute("data-open") ? this.selectAction(selectItem) : null;
this.selectDisabled(selectItem, originalSelect);
}
selectsActions(e) {
const targetElement = e.target;
const targetType = e.type;
if (targetElement.closest(this.getSelectClass(this.selectClasses.classSelect)) || targetElement.closest(this.getSelectClass(this.selectClasses.classSelectTag))) {
const selectItem = targetElement.closest(".select") ? targetElement.closest(".select") : document.querySelector(`.${this.selectClasses.classSelect}[data-id="${targetElement.closest(this.getSelectClass(this.selectClasses.classSelectTag)).dataset.selectId}"]`);
const originalSelect = this.getSelectElement(selectItem).originalSelect;
if ("click" === targetType) {
if (!originalSelect.disabled) if (targetElement.closest(this.getSelectClass(this.selectClasses.classSelectTag))) {
const targetTag = targetElement.closest(this.getSelectClass(this.selectClasses.classSelectTag));
const optionItem = document.querySelector(`.${this.selectClasses.classSelect}[data-id="${targetTag.dataset.selectId}"] .select__option[data-value="${targetTag.dataset.value}"]`);
this.optionAction(selectItem, originalSelect, optionItem);
} else if (targetElement.closest(this.getSelectClass(this.selectClasses.classSelectTitle))) this.selectAction(selectItem); else if (targetElement.closest(this.getSelectClass(this.selectClasses.classSelectOption))) {
const optionItem = targetElement.closest(this.getSelectClass(this.selectClasses.classSelectOption));
this.optionAction(selectItem, originalSelect, optionItem);
}
} else if ("focusin" === targetType || "focusout" === targetType) {
if (targetElement.closest(this.getSelectClass(this.selectClasses.classSelect))) "focusin" === targetType ? selectItem.classList.add(this.selectClasses.classSelectFocus) : selectItem.classList.remove(this.selectClasses.classSelectFocus);
} else if ("keydown" === targetType && "Escape" === e.code) this.selectsСlose();
} else this.selectsСlose();
}
selectsСlose(selectOneGroup) {
const selectsGroup = selectOneGroup ? selectOneGroup : document;
const selectActiveItems = selectsGroup.querySelectorAll(`${this.getSelectClass(this.selectClasses.classSelect)}${this.getSelectClass(this.selectClasses.classSelectOpen)}`);
if (selectActiveItems.length) selectActiveItems.forEach((selectActiveItem => {
this.selectСlose(selectActiveItem);
}));
}
selectСlose(selectItem) {
const originalSelect = this.getSelectElement(selectItem).originalSelect;
const selectOptions = this.getSelectElement(selectItem, this.selectClasses.classSelectOptions).selectElement;
if (!selectOptions.classList.contains("_slide")) {
selectItem.classList.remove(this.selectClasses.classSelectOpen);
_slideUp(selectOptions, originalSelect.dataset.speed);
}
}
selectAction(selectItem) {
const originalSelect = this.getSelectElement(selectItem).originalSelect;
const selectOptions = this.getSelectElement(selectItem, this.selectClasses.classSelectOptions).selectElement;
if (originalSelect.closest("[data-one-select]")) {
const selectOneGroup = originalSelect.closest("[data-one-select]");
this.selectsСlose(selectOneGroup);
}
if (!selectOptions.classList.contains("_slide")) {
selectItem.classList.toggle(this.selectClasses.classSelectOpen);
_slideToggle(selectOptions, originalSelect.dataset.speed);
}
}
setSelectTitleValue(selectItem, originalSelect) {
const selectItemBody = this.getSelectElement(selectItem, this.selectClasses.classSelectBody).selectElement;
const selectItemTitle = this.getSelectElement(selectItem, this.selectClasses.classSelectTitle).selectElement;
if (selectItemTitle) selectItemTitle.remove();
selectItemBody.insertAdjacentHTML("afterbegin", this.getSelectTitleValue(selectItem, originalSelect));
}
getSelectTitleValue(selectItem, originalSelect) {
let selectTitleValue = this.getSelectedOptionsData(originalSelect, 2).html;
if (originalSelect.multiple && originalSelect.hasAttribute("data-tags")) {
selectTitleValue = this.getSelectedOptionsData(originalSelect).elements.map((option => `${this.getSelectElementContent(option)}`)).join("");
if (originalSelect.dataset.tags && document.querySelector(originalSelect.dataset.tags)) {
document.querySelector(originalSelect.dataset.tags).innerHTML = selectTitleValue;
if (originalSelect.hasAttribute("data-search")) selectTitleValue = false;
}
}
selectTitleValue = selectTitleValue.length ? selectTitleValue : originalSelect.dataset.placeholder ? originalSelect.dataset.placeholder : "";
let pseudoAttribute = "";
let pseudoAttributeClass = "";
if (originalSelect.hasAttribute("data-pseudo-label")) {
pseudoAttribute = originalSelect.dataset.pseudoLabel ? ` data-pseudo-label="${originalSelect.dataset.pseudoLabel}"` : ` data-pseudo-label="Заполните атрибут"`;
pseudoAttributeClass = ` ${this.selectClasses.classSelectPseudoLabel}`;
}
this.getSelectedOptionsData(originalSelect).values.length ? selectItem.classList.add(this.selectClasses.classSelectActive) : selectItem.classList.remove(this.selectClasses.classSelectActive);
if (originalSelect.hasAttribute("data-search")) return `
`; else {
const customClass = this.getSelectedOptionsData(originalSelect).elements.length && this.getSelectedOptionsData(originalSelect).elements[0].dataset.class ? ` ${this.getSelectedOptionsData(originalSelect).elements[0].dataset.class}` : "";
return ``;
}
}
getSelectElementContent(selectOption) {
const selectOptionData = selectOption.dataset.asset ? `${selectOption.dataset.asset}` : "";
const selectOptionDataHTML = selectOptionData.indexOf("img") >= 0 ? `` : selectOptionData;
let selectOptionContentHTML = ``;
selectOptionContentHTML += selectOptionData ? `` : "";
selectOptionContentHTML += selectOptionData ? `` : "";
selectOptionContentHTML += selectOptionData ? selectOptionDataHTML : "";
selectOptionContentHTML += selectOptionData ? `` : "";
selectOptionContentHTML += selectOptionData ? `` : "";
selectOptionContentHTML += selectOption.textContent;
selectOptionContentHTML += selectOptionData ? `` : "";
selectOptionContentHTML += selectOptionData ? `` : "";
return selectOptionContentHTML;
}
getSelectPlaceholder(originalSelect) {
const selectPlaceholder = Array.from(originalSelect.options).find((option => !option.value));
if (selectPlaceholder) return {
value: selectPlaceholder.textContent,
show: selectPlaceholder.hasAttribute("data-show"),
label: {
show: selectPlaceholder.hasAttribute("data-label"),
text: selectPlaceholder.dataset.label
}
};
}
getSelectedOptionsData(originalSelect, type) {
let selectedOptions = [];
if (originalSelect.multiple) selectedOptions = Array.from(originalSelect.options).filter((option => option.value)).filter((option => option.selected)); else selectedOptions.push(originalSelect.options[originalSelect.selectedIndex]);
return {
elements: selectedOptions.map((option => option)),
values: selectedOptions.filter((option => option.value)).map((option => option.value)),
html: selectedOptions.map((option => this.getSelectElementContent(option)))
};
}
getOptions(originalSelect) {
let selectOptionsScroll = originalSelect.hasAttribute("data-scroll") ? `data-simplebar` : "";
let selectOptionsScrollHeight = originalSelect.dataset.scroll ? `style="max-height:${originalSelect.dataset.scroll}px"` : "";
let selectOptions = Array.from(originalSelect.options);
if (selectOptions.length > 0) {
let selectOptionsHTML = ``;
if (this.getSelectPlaceholder(originalSelect) && !this.getSelectPlaceholder(originalSelect).show || originalSelect.multiple) selectOptions = selectOptions.filter((option => option.value));
selectOptionsHTML += selectOptionsScroll ? `` : "";
selectOptions.forEach((selectOption => {
selectOptionsHTML += this.getOption(selectOption, originalSelect);
}));
selectOptionsHTML += selectOptionsScroll ? `
` : "";
return selectOptionsHTML;
}
}
getOption(selectOption, originalSelect) {
const selectOptionSelected = selectOption.selected && originalSelect.multiple ? ` ${this.selectClasses.classSelectOptionSelected}` : "";
const selectOptionHide = selectOption.selected && !originalSelect.hasAttribute("data-show-selected") && !originalSelect.multiple ? `hidden` : ``;
const selectOptionClass = selectOption.dataset.class ? ` ${selectOption.dataset.class}` : "";
const selectOptionLink = selectOption.dataset.href ? selectOption.dataset.href : false;
const selectOptionLinkTarget = selectOption.hasAttribute("data-href-blank") ? `target="_blank"` : "";
let selectOptionHTML = ``;
selectOptionHTML += selectOptionLink ? `` : `` : ``;
return selectOptionHTML;
}
setOptions(selectItem, originalSelect) {
const selectItemOptions = this.getSelectElement(selectItem, this.selectClasses.classSelectOptions).selectElement;
selectItemOptions.innerHTML = this.getOptions(originalSelect);
}
optionAction(selectItem, originalSelect, optionItem) {
if (originalSelect.multiple) {
optionItem.classList.toggle(this.selectClasses.classSelectOptionSelected);
const originalSelectSelectedItems = this.getSelectedOptionsData(originalSelect).elements;
originalSelectSelectedItems.forEach((originalSelectSelectedItem => {
originalSelectSelectedItem.removeAttribute("selected");
}));
const selectSelectedItems = selectItem.querySelectorAll(this.getSelectClass(this.selectClasses.classSelectOptionSelected));
selectSelectedItems.forEach((selectSelectedItems => {
originalSelect.querySelector(`option[value="${selectSelectedItems.dataset.value}"]`).setAttribute("selected", "selected");
}));
} else {
if (!originalSelect.hasAttribute("data-show-selected")) {
if (selectItem.querySelector(`${this.getSelectClass(this.selectClasses.classSelectOption)}[hidden]`)) selectItem.querySelector(`${this.getSelectClass(this.selectClasses.classSelectOption)}[hidden]`).hidden = false;
optionItem.hidden = true;
}
originalSelect.value = optionItem.hasAttribute("data-value") ? optionItem.dataset.value : optionItem.textContent;
this.selectAction(selectItem);
}
this.setSelectTitleValue(selectItem, originalSelect);
this.setSelectChange(originalSelect);
}
selectChange(e) {
const originalSelect = e.target;
this.selectBuild(originalSelect);
this.setSelectChange(originalSelect);
}
setSelectChange(originalSelect) {
if (originalSelect.hasAttribute("data-validate")) formValidate.validateInput(originalSelect);
if (originalSelect.hasAttribute("data-submit") && originalSelect.value) {
let tempButton = document.createElement("button");
tempButton.type = "submit";
originalSelect.closest("form").append(tempButton);
tempButton.click();
tempButton.remove();
}
const selectItem = originalSelect.parentElement;
this.selectCallback(selectItem, originalSelect);
}
selectDisabled(selectItem, originalSelect) {
if (originalSelect.disabled) {
selectItem.classList.add(this.selectClasses.classSelectDisabled);
this.getSelectElement(selectItem, this.selectClasses.classSelectTitle).selectElement.disabled = true;
} else {
selectItem.classList.remove(this.selectClasses.classSelectDisabled);
this.getSelectElement(selectItem, this.selectClasses.classSelectTitle).selectElement.disabled = false;
}
}
searchActions(selectItem) {
this.getSelectElement(selectItem).originalSelect;
const selectInput = this.getSelectElement(selectItem, this.selectClasses.classSelectInput).selectElement;
const selectOptions = this.getSelectElement(selectItem, this.selectClasses.classSelectOptions).selectElement;
const selectOptionsItems = selectOptions.querySelectorAll(`.${this.selectClasses.classSelectOption}`);
const _this = this;
selectInput.addEventListener("input", (function() {
selectOptionsItems.forEach((selectOptionsItem => {
if (selectOptionsItem.textContent.toUpperCase().indexOf(selectInput.value.toUpperCase()) >= 0) selectOptionsItem.hidden = false; else selectOptionsItem.hidden = true;
}));
true === selectOptions.hidden ? _this.selectAction(selectItem) : null;
}));
}
selectCallback(selectItem, originalSelect) {
document.dispatchEvent(new CustomEvent("selectCallback", {
detail: {
select: originalSelect
}
}));
}
setLogging(message) {
this.config.logging ? functions_FLS(`[select]: ${message}`) : null;
}
}
modules_flsModules.select = new SelectConstructor({});
function ssr_window_esm_isObject(obj) {
return null !== obj && "object" === typeof obj && "constructor" in obj && obj.constructor === Object;
}
function extend(target = {}, src = {}) {
Object.keys(src).forEach((key => {
if ("undefined" === typeof target[key]) target[key] = src[key]; else if (ssr_window_esm_isObject(src[key]) && ssr_window_esm_isObject(target[key]) && Object.keys(src[key]).length > 0) extend(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 ssr_window_esm_getDocument() {
const doc = "undefined" !== typeof document ? document : {};
extend(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 ("undefined" === typeof setTimeout) {
callback();
return null;
}
return setTimeout(callback, 0);
},
cancelAnimationFrame(id) {
if ("undefined" === typeof setTimeout) return;
clearTimeout(id);
}
};
function ssr_window_esm_getWindow() {
const win = "undefined" !== typeof window ? window : {};
extend(win, ssrWindow);
return win;
}
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 ("number" === typeof items) super(items); else {
super(...items || []);
makeReactive(this);
}
}
}
function arrayFlat(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 (-1 === uniqueArray.indexOf(arr[i])) uniqueArray.push(arr[i]);
return uniqueArray;
}
function qsa(selector, context) {
if ("string" !== typeof selector) 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 dom7_esm_$(selector, context) {
const window = ssr_window_esm_getWindow();
const document = ssr_window_esm_getDocument();
let arr = [];
if (!context && selector instanceof Dom7) return selector;
if (!selector) return new Dom7(arr);
if ("string" === typeof selector) {
const html = selector.trim();
if (html.indexOf("<") >= 0 && html.indexOf(">") >= 0) {
let toCreate = "div";
if (0 === html.indexOf(" c.split(" "))));
this.forEach((el => {
el.classList.add(...classNames);
}));
return this;
}
function removeClass(...classes) {
const classNames = arrayFlat(classes.map((c => c.split(" "))));
this.forEach((el => {
el.classList.remove(...classNames);
}));
return this;
}
function toggleClass(...classes) {
const classNames = arrayFlat(classes.map((c => c.split(" "))));
this.forEach((el => {
classNames.forEach((className => {
el.classList.toggle(className);
}));
}));
}
function hasClass(...classes) {
const classNames = arrayFlat(classes.map((c => c.split(" "))));
return arrayFilter(this, (el => classNames.filter((className => el.classList.contains(className))).length > 0)).length > 0;
}
function attr(attrs, value) {
if (1 === arguments.length && "string" === typeof attrs) {
if (this[0]) return this[0].getAttribute(attrs);
return;
}
for (let i = 0; i < this.length; i += 1) if (2 === arguments.length) this[i].setAttribute(attrs, value); else 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(duration) {
for (let i = 0; i < this.length; i += 1) this[i].style.transitionDuration = "string" !== typeof duration ? `${duration}ms` : duration;
return this;
}
function on(...args) {
let [eventType, targetSelector, listener, capture] = args;
if ("function" === typeof args[1]) {
[eventType, listener, capture] = args;
targetSelector = void 0;
}
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 (dom7_esm_$(target).is(targetSelector)) listener.apply(target, eventData); else {
const parents = dom7_esm_$(target).parents();
for (let k = 0; k < parents.length; k += 1) if (dom7_esm_$(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 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(...args) {
let [eventType, targetSelector, listener, capture] = args;
if ("function" === typeof args[1]) {
[eventType, listener, capture] = args;
targetSelector = void 0;
}
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(...args) {
const window = ssr_window_esm_getWindow();
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(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 dom7_esm_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 dom7_esm_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 = ssr_window_esm_getWindow();
const document = ssr_window_esm_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 = ssr_window_esm_getWindow();
if (this[0]) return window.getComputedStyle(this[0], null);
return {};
}
function css(props, value) {
const window = ssr_window_esm_getWindow();
let i;
if (1 === arguments.length) if ("string" === typeof props) {
if (this[0]) return window.getComputedStyle(this[0], null).getPropertyValue(props);
} else {
for (i = 0; i < this.length; i += 1) for (const prop in props) this[i].style[prop] = props[prop];
return this;
}
if (2 === arguments.length && "string" === typeof props) {
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 dom7_esm_$(result);
}
function html(html) {
if ("undefined" === typeof html) return this[0] ? this[0].innerHTML : null;
for (let i = 0; i < this.length; i += 1) this[i].innerHTML = html;
return this;
}
function dom7_esm_text(text) {
if ("undefined" === typeof text) 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 = ssr_window_esm_getWindow();
const document = ssr_window_esm_getDocument();
const el = this[0];
let compareWith;
let i;
if (!el || "undefined" === typeof selector) return false;
if ("string" === typeof selector) {
if (el.matches) return el.matches(selector);
if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
if (el.msMatchesSelector) return el.msMatchesSelector(selector);
compareWith = dom7_esm_$(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;
while (null !== (child = child.previousSibling)) if (1 === child.nodeType) i += 1;
return i;
}
return;
}
function eq(index) {
if ("undefined" === typeof index) return this;
const length = this.length;
if (index > length - 1) return dom7_esm_$([]);
if (index < 0) {
const returnIndex = length + index;
if (returnIndex < 0) return dom7_esm_$([]);
return dom7_esm_$([ this[returnIndex] ]);
}
return dom7_esm_$([ this[index] ]);
}
function append(...els) {
let newChild;
const document = ssr_window_esm_getDocument();
for (let k = 0; k < els.length; k += 1) {
newChild = els[k];
for (let i = 0; i < this.length; i += 1) if ("string" === typeof newChild) {
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 = ssr_window_esm_getDocument();
let i;
let j;
for (i = 0; i < this.length; i += 1) if ("string" === typeof newChild) {
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 && dom7_esm_$(this[0].nextElementSibling).is(selector)) return dom7_esm_$([ this[0].nextElementSibling ]);
return dom7_esm_$([]);
}
if (this[0].nextElementSibling) return dom7_esm_$([ this[0].nextElementSibling ]);
return dom7_esm_$([]);
}
return dom7_esm_$([]);
}
function nextAll(selector) {
const nextEls = [];
let el = this[0];
if (!el) return dom7_esm_$([]);
while (el.nextElementSibling) {
const next = el.nextElementSibling;
if (selector) {
if (dom7_esm_$(next).is(selector)) nextEls.push(next);
} else nextEls.push(next);
el = next;
}
return dom7_esm_$(nextEls);
}
function prev(selector) {
if (this.length > 0) {
const el = this[0];
if (selector) {
if (el.previousElementSibling && dom7_esm_$(el.previousElementSibling).is(selector)) return dom7_esm_$([ el.previousElementSibling ]);
return dom7_esm_$([]);
}
if (el.previousElementSibling) return dom7_esm_$([ el.previousElementSibling ]);
return dom7_esm_$([]);
}
return dom7_esm_$([]);
}
function prevAll(selector) {
const prevEls = [];
let el = this[0];
if (!el) return dom7_esm_$([]);
while (el.previousElementSibling) {
const prev = el.previousElementSibling;
if (selector) {
if (dom7_esm_$(prev).is(selector)) prevEls.push(prev);
} else prevEls.push(prev);
el = prev;
}
return dom7_esm_$(prevEls);
}
function dom7_esm_parent(selector) {
const parents = [];
for (let i = 0; i < this.length; i += 1) if (null !== this[i].parentNode) if (selector) {
if (dom7_esm_$(this[i].parentNode).is(selector)) parents.push(this[i].parentNode);
} else parents.push(this[i].parentNode);
return dom7_esm_$(parents);
}
function parents(selector) {
const parents = [];
for (let i = 0; i < this.length; i += 1) {
let parent = this[i].parentNode;
while (parent) {
if (selector) {
if (dom7_esm_$(parent).is(selector)) parents.push(parent);
} else parents.push(parent);
parent = parent.parentNode;
}
}
return dom7_esm_$(parents);
}
function closest(selector) {
let closest = this;
if ("undefined" === typeof selector) return dom7_esm_$([]);
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 dom7_esm_$(foundElements);
}
function children(selector) {
const children = [];
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 || dom7_esm_$(childNodes[j]).is(selector)) children.push(childNodes[j]);
}
return dom7_esm_$(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 noTrigger = "resize scroll".split(" ");
function shortcut(name) {
function eventHandler(...args) {
if ("undefined" === typeof args[0]) {
for (let i = 0; i < this.length; i += 1) if (noTrigger.indexOf(name) < 0) if (name in this[i]) this[i][name](); else dom7_esm_$(this[i]).trigger(name);
return this;
}
return this.on(name, ...args);
}
return eventHandler;
}
shortcut("click");
shortcut("blur");
shortcut("focus");
shortcut("focusin");
shortcut("focusout");
shortcut("keyup");
shortcut("keydown");
shortcut("keypress");
shortcut("submit");
shortcut("change");
shortcut("mousedown");
shortcut("mousemove");
shortcut("mouseup");
shortcut("mouseenter");
shortcut("mouseleave");
shortcut("mouseout");
shortcut("mouseover");
shortcut("touchstart");
shortcut("touchend");
shortcut("touchmove");
shortcut("resize");
shortcut("scroll");
const Methods = {
addClass,
removeClass,
hasClass,
toggleClass,
attr,
removeAttr,
transform,
transition,
on,
off,
trigger,
transitionEnd,
outerWidth: dom7_esm_outerWidth,
outerHeight: dom7_esm_outerHeight,
styles,
offset,
css,
each,
html,
text: dom7_esm_text,
is,
index,
eq,
append,
prepend,
next,
nextAll,
prev,
prevAll,
parent: dom7_esm_parent,
parents,
closest,
find,
children,
filter,
remove
};
Object.keys(Methods).forEach((methodName => {
Object.defineProperty(dom7_esm_$.fn, methodName, {
value: Methods[methodName],
writable: true
});
}));
const dom = dom7_esm_$;
function deleteProps(obj) {
const object = obj;
Object.keys(object).forEach((key => {
try {
object[key] = null;
} catch (e) {}
try {
delete object[key];
} catch (e) {}
}));
}
function utils_nextTick(callback, delay) {
if (void 0 === delay) delay = 0;
return setTimeout(callback, delay);
}
function utils_now() {
return Date.now();
}
function utils_getComputedStyle(el) {
const window = ssr_window_esm_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 utils_getTranslate(el, axis) {
if (void 0 === axis) axis = "x";
const window = ssr_window_esm_getWindow();
let matrix;
let curTransform;
let transformMatrix;
const curStyle = utils_getComputedStyle(el, null);
if (window.WebKitCSSMatrix) {
curTransform = curStyle.transform || curStyle.webkitTransform;
if (curTransform.split(",").length > 6) curTransform = curTransform.split(", ").map((a => a.replace(",", "."))).join(", ");
transformMatrix = new window.WebKitCSSMatrix("none" === curTransform ? "" : 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 ("x" === axis) if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41; else if (16 === matrix.length) curTransform = parseFloat(matrix[12]); else curTransform = parseFloat(matrix[4]);
if ("y" === axis) if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42; else if (16 === matrix.length) curTransform = parseFloat(matrix[13]); else curTransform = parseFloat(matrix[5]);
return curTransform || 0;
}
function utils_isObject(o) {
return "object" === typeof o && null !== o && o.constructor && "Object" === Object.prototype.toString.call(o).slice(8, -1);
}
function isNode(node) {
if ("undefined" !== typeof window && "undefined" !== typeof window.HTMLElement) return node instanceof HTMLElement;
return node && (1 === node.nodeType || 11 === node.nodeType);
}
function utils_extend() {
const to = Object(arguments.length <= 0 ? void 0 : arguments[0]);
const noExtend = [ "__proto__", "constructor", "prototype" ];
for (let i = 1; i < arguments.length; i += 1) {
const nextSource = i < 0 || arguments.length <= i ? void 0 : arguments[i];
if (void 0 !== nextSource && null !== nextSource && !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 (void 0 !== desc && desc.enumerable) if (utils_isObject(to[nextKey]) && utils_isObject(nextSource[nextKey])) if (nextSource[nextKey].__swiper__) to[nextKey] = nextSource[nextKey]; else utils_extend(to[nextKey], nextSource[nextKey]); else if (!utils_isObject(to[nextKey]) && utils_isObject(nextSource[nextKey])) {
to[nextKey] = {};
if (nextSource[nextKey].__swiper__) to[nextKey] = nextSource[nextKey]; else utils_extend(to[nextKey], nextSource[nextKey]);
} else to[nextKey] = nextSource[nextKey];
}
}
}
return to;
}
function utils_setCSSProperty(el, varName, varValue) {
el.style.setProperty(varName, varValue);
}
function animateCSSModeScroll(_ref) {
let {swiper, targetPosition, side} = _ref;
const window = ssr_window_esm_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) => "next" === dir && current >= target || "prev" === dir && current <= target;
const animate = () => {
time = (new Date).getTime();
if (null === startTime) startTime = time;
const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
const easeProgress = .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 = ssr_window_esm_getWindow();
const document = ssr_window_esm_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", {
get() {
supportsPassive = true;
}
});
window.addEventListener("testPassiveListener", null, opts);
} catch (e) {}
return supportsPassive;
}(),
gestures: function checkGestures() {
return "ongesturestart" in window;
}()
};
}
function getSupport() {
if (!support) support = calcSupport();
return support;
}
let deviceCached;
function calcDevice(_temp) {
let {userAgent} = void 0 === _temp ? {} : _temp;
const support = getSupport();
const window = ssr_window_esm_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.]+)?/);
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 = "Win32" === platform;
let macos = "MacIntel" === platform;
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;
}
if (android && !windows) {
device.os = "android";
device.android = true;
}
if (ipad || iphone || ipod) {
device.os = "ios";
device.ios = true;
}
return device;
}
function getDevice(overrides) {
if (void 0 === overrides) overrides = {};
if (!deviceCached) deviceCached = calcDevice(overrides);
return deviceCached;
}
let browser;
function calcBrowser() {
const window = ssr_window_esm_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 = ssr_window_esm_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 && "undefined" !== typeof window.ResizeObserver) {
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 = ssr_window_esm_getWindow();
const attach = function(target, options) {
if (void 0 === options) options = {};
const ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;
const observer = new ObserverFunc((mutations => {
if (1 === mutations.length) {
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: "undefined" === typeof options.attributes ? true : options.attributes,
childList: "undefined" === typeof options.childList ? true : options.childList,
characterData: "undefined" === typeof options.characterData ? 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]);
}
attach(swiper.$el[0], {
childList: swiper.params.observeSlideChildren
});
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);
}
const events_emitter = {
on(events, handler, priority) {
const self = this;
if (!self.eventsListeners || self.destroyed) return self;
if ("function" !== typeof handler) return self;
const method = priority ? "unshift" : "push";
events.split(" ").forEach((event => {
if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
self.eventsListeners[event][method](handler);
}));
return self;
},
once(events, handler, priority) {
const self = this;
if (!self.eventsListeners || self.destroyed) return self;
if ("function" !== typeof handler) 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 (!self.eventsListeners || self.destroyed) return self;
if ("function" !== typeof handler) return self;
const method = priority ? "unshift" : "push";
if (self.eventsAnyListeners.indexOf(handler) < 0) self.eventsAnyListeners[method](handler);
return self;
},
offAny(handler) {
const self = this;
if (!self.eventsListeners || self.destroyed) return self;
if (!self.eventsAnyListeners) return self;
const index = self.eventsAnyListeners.indexOf(handler);
if (index >= 0) self.eventsAnyListeners.splice(index, 1);
return self;
},
off(events, handler) {
const self = this;
if (!self.eventsListeners || self.destroyed) return self;
if (!self.eventsListeners) return self;
events.split(" ").forEach((event => {
if ("undefined" === typeof handler) 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 || self.destroyed) return self;
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 ("string" === typeof args[0] || 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 ("undefined" !== typeof swiper.params.width && null !== swiper.params.width) width = swiper.params.width; else width = $el[0].clientWidth;
if ("undefined" !== typeof swiper.params.height && null !== swiper.params.height) height = swiper.params.height; else height = $el[0].clientHeight;
if (0 === width && swiper.isHorizontal() || 0 === height && swiper.isVertical()) return;
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;
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 ("function" === typeof offsetBefore) offsetBefore = params.slidesOffsetBefore.call(swiper);
let offsetAfter = params.slidesOffsetAfter;
if ("function" === typeof offsetAfter) 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 ("undefined" === typeof swiperSize) return;
if ("string" === typeof spaceBetween && spaceBetween.indexOf("%") >= 0) spaceBetween = parseFloat(spaceBetween.replace("%", "")) / 100 * swiperSize;
swiper.virtualSize = -spaceBetween;
if (rtl) slides.css({
marginLeft: "",
marginBottom: "",
marginTop: ""
}); else slides.css({
marginRight: "",
marginBottom: "",
marginTop: ""
});
if (params.centeredSlides && params.cssMode) {
utils_setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", "");
utils_setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-after", "");
}
const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
if (gridEnabled) swiper.grid.initSlides(slidesLength);
let slideSize;
const shouldResetSlideSize = "auto" === params.slidesPerView && params.breakpoints && Object.keys(params.breakpoints).filter((key => "undefined" !== typeof params.breakpoints[key].slidesPerView)).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 ("none" === slide.css("display")) continue;
if ("auto" === params.slidesPerView) {
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 {
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 && "border-box" === boxSizing) 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 (0 === prevSlideSize && 0 !== i) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
if (0 === i) slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
if (Math.abs(slidePosition) < 1 / 1e3) 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 && ("slide" === params.effect || "coverflow" === params.effect)) $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);
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 (0 === snapGrid.length) snapGrid = [ 0 ];
if (0 !== params.spaceBetween) {
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) {
utils_setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", `${-snapGrid[0]}px`);
utils_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 && ("slide" === params.effect || "fade" === params.effect)) {
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 ("number" === typeof speed) swiper.setTransition(speed); else if (true === speed) 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];
};
if ("auto" !== swiper.params.slidesPerView && swiper.params.slidesPerView > 1) if (swiper.params.centeredSlides) (swiper.visibleSlides || dom([])).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));
for (i = 0; i < activeSlides.length; i += 1) if ("undefined" !== typeof activeSlides[i]) {
const height = activeSlides[i].offsetHeight;
newHeight = height > newHeight ? height : newHeight;
}
if (newHeight || 0 === newHeight) 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 (void 0 === translate) translate = this && this.translate || 0;
const swiper = this;
const params = swiper.params;
const {slides, rtlTranslate: rtl, snapGrid} = swiper;
if (0 === slides.length) return;
if ("undefined" === typeof slides[0].swiperSlideOffset) swiper.updateSlidesOffset();
let offsetCenter = -translate;
if (rtl) offsetCenter = translate;
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 = dom(swiper.visibleSlides);
}
function updateProgress(translate) {
const swiper = this;
if ("undefined" === typeof translate) {
const multiplier = swiper.rtlTranslate ? -1 : 1;
translate = swiper && swiper.translate && swiper.translate * multiplier || 0;
}
const params = swiper.params;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
let {progress, isBeginning, isEnd} = swiper;
const wasBeginning = isBeginning;
const wasEnd = isEnd;
if (0 === translatesDiff) {
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);
activeSlide.addClass(params.slideActiveClass);
if (params.loop) 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);
let nextSlide = activeSlide.nextAll(`.${params.slideClass}`).eq(0).addClass(params.slideNextClass);
if (params.loop && 0 === nextSlide.length) {
nextSlide = slides.eq(0);
nextSlide.addClass(params.slideNextClass);
}
let prevSlide = activeSlide.prevAll(`.${params.slideClass}`).eq(0).addClass(params.slidePrevClass);
if (params.loop && 0 === prevSlide.length) {
prevSlide = slides.eq(-1);
prevSlide.addClass(params.slidePrevClass);
}
if (params.loop) {
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 ("undefined" === typeof activeIndex) {
for (let i = 0; i < slidesGrid.length; i += 1) if ("undefined" !== typeof slidesGrid[i + 1]) {
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;
if (params.normalizeSlideIndex) if (activeIndex < 0 || "undefined" === typeof activeIndex) 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;
}
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 = dom(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(dom(slide).attr("data-swiper-slide-index"), 10); else swiper.clickedIndex = slideIndex;
} else {
swiper.clickedSlide = void 0;
swiper.clickedIndex = void 0;
return;
}
if (params.slideToClickedSlide && void 0 !== swiper.clickedIndex && swiper.clickedIndex !== swiper.activeIndex) swiper.slideToClickedSlide();
}
const update = {
updateSize,
updateSlides,
updateAutoHeight,
updateSlidesOffset,
updateSlidesProgress,
updateProgress,
updateSlidesClasses,
updateActiveIndex,
updateClickedSlide
};
function getSwiperTranslate(axis) {
if (void 0 === axis) 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 = utils_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;
let newProgress;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
if (0 === translatesDiff) 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 (void 0 === translate) translate = 0;
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
if (void 0 === translateBounds) 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;
swiper.updateProgress(newTranslate);
if (params.cssMode) {
const isH = swiper.isHorizontal();
if (0 === speed) 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 (0 === speed) {
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;
}
const 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 ("reset" === dir) {
swiper.emit(`slideResetTransition${step}`);
return;
}
swiper.emit(`slideChangeTransition${step}`);
if ("next" === dir) swiper.emit(`slideNextTransition${step}`); else swiper.emit(`slidePrevTransition${step}`);
}
}
function transitionStart(runCallbacks, direction) {
if (void 0 === runCallbacks) 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_transitionEnd(runCallbacks, direction) {
if (void 0 === runCallbacks) runCallbacks = true;
const swiper = this;
const {params} = swiper;
swiper.animating = false;
if (params.cssMode) return;
swiper.setTransition(0);
transitionEmit({
swiper,
runCallbacks,
direction,
step: "End"
});
}
const core_transition = {
setTransition,
transitionStart,
transitionEnd: transitionEnd_transitionEnd
};
function slideTo(index, speed, runCallbacks, internal, initial) {
if (void 0 === index) index = 0;
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
if ("number" !== typeof index && "string" !== typeof index) throw new Error(`The 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`);
if ("string" === typeof index) {
const indexAsNumber = parseInt(index, 10);
const isValidNumber = isFinite(indexAsNumber);
if (!isValidNumber) throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`);
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];
swiper.updateProgress(translate);
if (params.normalizeSlideIndex) for (let i = 0; i < slidesGrid.length; i += 1) {
const normalizedTranslate = -Math.floor(100 * translate);
const normalizedGrid = Math.floor(100 * slidesGrid[i]);
const normalizedGridNext = Math.floor(100 * slidesGrid[i + 1]);
if ("undefined" !== typeof slidesGrid[i + 1]) {
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;
}
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";
if (rtl && -translate === swiper.translate || !rtl && translate === swiper.translate) {
swiper.updateActiveIndex(slideIndex);
if (params.autoHeight) swiper.updateAutoHeight();
swiper.updateSlidesClasses();
if ("slide" !== params.effect) swiper.setTranslate(translate);
if ("reset" !== direction) {
swiper.transitionStart(runCallbacks, direction);
swiper.transitionEnd(runCallbacks, direction);
}
return false;
}
if (params.cssMode) {
const isH = swiper.isHorizontal();
const t = rtl ? translate : -translate;
if (0 === speed) {
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 (0 === speed) 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 (void 0 === index) index = 0;
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
if ("string" === typeof index) {
const indexAsNumber = parseInt(index, 10);
const isValidNumber = isFinite(indexAsNumber);
if (!isValidNumber) throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`);
index = indexAsNumber;
}
const swiper = this;
let newIndex = index;
if (swiper.params.loop) newIndex += swiper.loopedSlides;
return swiper.slideTo(newIndex, speed, runCallbacks, internal);
}
function slideNext(speed, runCallbacks, internal) {
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
const swiper = this;
const {animating, enabled, params} = swiper;
if (!enabled) return swiper;
let perGroup = params.slidesPerGroup;
if ("auto" === params.slidesPerView && 1 === params.slidesPerGroup && 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();
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);
}
function slidePrev(speed, runCallbacks, internal) {
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) 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();
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 ("undefined" === typeof prevSnap && params.cssMode) {
let prevSnapIndex;
snapGrid.forEach(((snap, snapIndex) => {
if (normalizedTranslate >= snap) prevSnapIndex = snapIndex;
}));
if ("undefined" !== typeof prevSnapIndex) prevSnap = snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
}
let prevIndex = 0;
if ("undefined" !== typeof prevSnap) {
prevIndex = slidesGrid.indexOf(prevSnap);
if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
if ("auto" === params.slidesPerView && 1 === params.slidesPerGroup && 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);
}
function slideReset(speed, runCallbacks, internal) {
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
const swiper = this;
return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
}
function slideToClosest(speed, runCallbacks, internal, threshold) {
if (void 0 === speed) speed = this.params.speed;
if (void 0 === runCallbacks) runCallbacks = true;
if (void 0 === threshold) threshold = .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]) {
const currentSnap = swiper.snapGrid[snapIndex];
const nextSnap = swiper.snapGrid[snapIndex + 1];
if (translate - currentSnap > (nextSnap - currentSnap) * threshold) index += swiper.params.slidesPerGroup;
} else {
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 = "auto" === params.slidesPerView ? swiper.slidesPerViewDynamic() : params.slidesPerView;
let slideToIndex = swiper.clickedIndex;
let realIndex;
if (params.loop) {
if (swiper.animating) return;
realIndex = parseInt(dom(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();
utils_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();
utils_nextTick((() => {
swiper.slideTo(slideToIndex);
}));
} else swiper.slideTo(slideToIndex);
} else swiper.slideTo(slideToIndex);
}
const slide = {
slideTo,
slideToLoop,
slideNext,
slidePrev,
slideReset,
slideToClosest,
slideToClickedSlide
};
function loopCreate() {
const swiper = this;
const document = ssr_window_esm_getDocument();
const {params, $wrapperEl} = swiper;
const $selector = $wrapperEl.children().length > 0 ? dom($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 = dom(document.createElement("div")).addClass(`${params.slideClass} ${params.slideBlankClass}`);
$selector.append(blankNode);
}
slides = $selector.children(`.${params.slideClass}`);
}
}
if ("auto" === params.slidesPerView && !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.params.loopedSlidesLimit) swiper.loopedSlides = slides.length;
const prependSlides = [];
const appendSlides = [];
slides.each(((el, index) => {
dom(el).attr("data-swiper-slide-index", index);
}));
for (let i = 0; i < swiper.loopedSlides; i += 1) {
const index = i - Math.floor(i / slides.length) * slides.length;
appendSlides.push(slides.eq(index)[0]);
prependSlides.unshift(slides.eq(slides.length - index - 1)[0]);
}
for (let i = 0; i < appendSlides.length; i += 1) $selector.append(dom(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass));
for (let i = prependSlides.length - 1; i >= 0; i -= 1) $selector.prepend(dom(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();
if (activeIndex < loopedSlides) {
newIndex = slides.length - 3 * loopedSlides + activeIndex;
newIndex += loopedSlides;
const slideChanged = swiper.slideTo(newIndex, 0, false, true);
if (slideChanged && 0 !== diff) swiper.setTranslate((rtl ? -swiper.translate : swiper.translate) - diff);
} else if (activeIndex >= slides.length - loopedSlides) {
newIndex = -slides.length + activeIndex + loopedSlides;
newIndex += loopedSlides;
const slideChanged = swiper.slideTo(newIndex, 0, false, true);
if (slideChanged && 0 !== diff) 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");
}
const 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 = "container" === swiper.params.touchEventsTarget ? swiper.el : swiper.wrapperEl;
el.style.cursor = "move";
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["container" === swiper.params.touchEventsTarget ? "el" : "wrapperEl"].style.cursor = "";
}
const grab_cursor = {
setGrabCursor,
unsetGrabCursor
};
function closestElement(selector, base) {
if (void 0 === base) base = this;
function __closestFrom(el) {
if (!el || el === ssr_window_esm_getDocument() || el === ssr_window_esm_getWindow()) return null;
if (el.assignedSlot) el = el.assignedSlot;
const found = el.closest(selector);
if (!found && !el.getRootNode) return null;
return found || __closestFrom(el.getRootNode().host);
}
return __closestFrom(base);
}
function onTouchStart(event) {
const swiper = this;
const document = ssr_window_esm_getDocument();
const window = ssr_window_esm_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 = dom(e.target);
if ("wrapper" === params.touchEventsTarget) if (!$targetEl.closest(swiper.wrapperEl).length) return;
data.isTouchEvent = "touchstart" === e.type;
if (!data.isTouchEvent && "which" in e && 3 === e.which) return;
if (!data.isTouchEvent && "button" in e && e.button > 0) return;
if (data.isTouched && data.isMoved) return;
const swipingClassHasValue = !!params.noSwipingClass && "" !== params.noSwipingClass;
if (swipingClassHasValue && e.target && e.target.shadowRoot && event.path && event.path[0]) $targetEl = dom(event.path[0]);
const noSwipingSelector = params.noSwipingSelector ? params.noSwipingSelector : `.${params.noSwipingClass}`;
const isTargetShadow = !!(e.target && e.target.shadowRoot);
if (params.noSwiping && (isTargetShadow ? closestElement(noSwipingSelector, $targetEl[0]) : $targetEl.closest(noSwipingSelector)[0])) {
swiper.allowClick = true;
return;
}
if (params.swipeHandler) if (!$targetEl.closest(params.swipeHandler)[0]) return;
touches.currentX = "touchstart" === e.type ? e.targetTouches[0].pageX : e.pageX;
touches.currentY = "touchstart" === e.type ? e.targetTouches[0].pageY : e.pageY;
const startX = touches.currentX;
const startY = touches.currentY;
const edgeSwipeDetection = params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
const edgeSwipeThreshold = params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
if (edgeSwipeDetection && (startX <= edgeSwipeThreshold || startX >= window.innerWidth - edgeSwipeThreshold)) if ("prevent" === edgeSwipeDetection) event.preventDefault(); else return;
Object.assign(data, {
isTouched: true,
isMoved: false,
allowTouchCallbacks: true,
isScrolling: void 0,
startMoving: void 0
});
touches.startX = startX;
touches.startY = startY;
data.touchStartTime = utils_now();
swiper.allowClick = true;
swiper.updateSize();
swiper.swipeDirection = void 0;
if (params.threshold > 0) data.allowThresholdMove = false;
if ("touchstart" !== e.type) {
let preventDefault = true;
if ($targetEl.is(data.focusableElements)) {
preventDefault = false;
if ("SELECT" === $targetEl[0].nodeName) data.isTouched = false;
}
if (document.activeElement && dom(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 = ssr_window_esm_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 && "touchmove" !== e.type) return;
const targetTouch = "touchmove" === e.type && e.targetTouches && (e.targetTouches[0] || e.changedTouches[0]);
const pageX = "touchmove" === e.type ? targetTouch.pageX : e.pageX;
const pageY = "touchmove" === e.type ? targetTouch.pageY : e.pageY;
if (e.preventedByNestedSwiper) {
touches.startX = pageX;
touches.startY = pageY;
return;
}
if (!swiper.allowTouchMove) {
if (!dom(e.target).is(data.focusableElements)) swiper.allowClick = false;
if (data.isTouched) {
Object.assign(touches, {
startX: pageX,
startY: pageY,
currentX: pageX,
currentY: pageY
});
data.touchStartTime = utils_now();
}
return;
}
if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) if (swiper.isVertical()) {
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 && dom(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 ("undefined" === typeof data.isScrolling) {
let touchAngle;
if (swiper.isHorizontal() && touches.currentY === touches.startY || swiper.isVertical() && touches.currentX === touches.startX) data.isScrolling = false; else if (diffX * diffX + diffY * diffY >= 25) {
touchAngle = 180 * Math.atan2(Math.abs(diffY), Math.abs(diffX)) / Math.PI;
data.isScrolling = swiper.isHorizontal() ? touchAngle > params.touchAngle : 90 - touchAngle > params.touchAngle;
}
}
if (data.isScrolling) swiper.emit("touchMoveOpposite", e);
if ("undefined" === typeof data.startMoving) 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;
if (params.grabCursor && (true === swiper.allowSlideNext || true === swiper.allowSlidePrev)) 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;
if (!swiper.allowSlideNext && "next" === swiper.swipeDirection && data.currentTranslate < data.startTranslate) data.currentTranslate = data.startTranslate;
if (!swiper.allowSlidePrev && "prev" === swiper.swipeDirection && data.currentTranslate > data.startTranslate) data.currentTranslate = data.startTranslate;
if (!swiper.allowSlidePrev && !swiper.allowSlideNext) data.currentTranslate = data.startTranslate;
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;
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();
swiper.updateProgress(data.currentTranslate);
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;
}
if (params.grabCursor && data.isMoved && data.isTouched && (true === swiper.allowSlideNext || true === swiper.allowSlidePrev)) swiper.setGrabCursor(false);
const touchEndTime = utils_now();
const timeDiff = touchEndTime - data.touchStartTime;
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 = utils_now();
utils_nextTick((() => {
if (!swiper.destroyed) swiper.allowClick = true;
}));
if (!data.isTouched || !data.isMoved || !swiper.swipeDirection || 0 === touches.diff || 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;
}
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 ("undefined" !== typeof slidesGrid[i + increment]) {
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;
const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
const increment = stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
if (timeDiff > params.longSwipesMs) {
if (!params.longSwipes) {
swiper.slideTo(swiper.activeIndex);
return;
}
if ("next" === swiper.swipeDirection) if (ratio >= params.longSwipesRatio) swiper.slideTo(params.rewind && swiper.isEnd ? rewindFirstIndex : stopIndex + increment); else swiper.slideTo(stopIndex);
if ("prev" === swiper.swipeDirection) if (ratio > 1 - params.longSwipesRatio) swiper.slideTo(stopIndex + increment); else if (null !== rewindLastIndex && ratio < 0 && Math.abs(ratio) > params.longSwipesRatio) swiper.slideTo(rewindLastIndex); else swiper.slideTo(stopIndex);
} else {
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 ("next" === swiper.swipeDirection) swiper.slideTo(null !== rewindFirstIndex ? rewindFirstIndex : stopIndex + increment);
if ("prev" === swiper.swipeDirection) swiper.slideTo(null !== rewindLastIndex ? 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 && 0 === el.offsetWidth) return;
if (params.breakpoints) swiper.setBreakpoint();
const {allowSlideNext, allowSlidePrev, snapGrid} = swiper;
swiper.allowSlideNext = true;
swiper.allowSlidePrev = true;
swiper.updateSize();
swiper.updateSlides();
swiper.updateSlidesClasses();
if (("auto" === params.slidesPerView || 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();
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;
if (0 === swiper.translate) swiper.translate = 0;
swiper.updateActiveIndex();
swiper.updateSlidesClasses();
let newProgress;
const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
if (0 === translatesDiff) 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 = ssr_window_esm_getDocument();
const {params, touchEvents, el, wrapperEl, device, support} = swiper;
const capture = !!params.nested;
const domMethod = "on" === method ? "addEventListener" : "removeEventListener";
const swiperMethod = method;
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 = "touchstart" === touchEvents.start && 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);
}
if (params.preventClicks || params.preventClicksPropagation) el[domMethod]("click", swiper.onClick, true);
if (params.cssMode) wrapperEl[domMethod]("scroll", swiper.onScroll);
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 = ssr_window_esm_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");
}
const core_events = {
attachEvents,
detachEvents
};
const isGridEnabled = (swiper, params) => 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 && 0 === Object.keys(breakpoints).length) return;
const breakpoint = swiper.getBreakpoint(breakpoints, swiper.params.breakpointsBase, swiper.el);
if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
const breakpointOnlyParams = breakpoint in breakpoints ? breakpoints[breakpoint] : void 0;
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 && "column" === breakpointParams.grid.fill || !breakpointParams.grid.fill && "column" === params.grid.fill) $el.addClass(`${params.containerModifierClass}grid-column`);
swiper.emitContainerClasses();
}
[ "navigation", "pagination", "scrollbar" ].forEach((prop => {
const wasModuleEnabled = params[prop] && params[prop].enabled;
const isModuleEnabled = breakpointParams[prop] && breakpointParams[prop].enabled;
if (wasModuleEnabled && !isModuleEnabled) swiper[prop].disable();
if (!wasModuleEnabled && isModuleEnabled) swiper[prop].enable();
}));
const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;
const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);
if (directionChanged && initialized) swiper.changeDirection();
utils_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 (void 0 === base) base = "window";
if (!breakpoints || "container" === base && !containerEl) return;
let breakpoint = false;
const window = ssr_window_esm_getWindow();
const currentHeight = "window" === base ? window.innerHeight : containerEl.clientHeight;
const points = Object.keys(breakpoints).map((point => {
if ("string" === typeof point && 0 === point.indexOf("@")) {
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 ("window" === base) {
if (window.matchMedia(`(min-width: ${value}px)`).matches) breakpoint = point;
} else if (value <= containerEl.clientWidth) breakpoint = point;
}
return breakpoint || "max";
}
const breakpoints = {
setBreakpoint,
getBreakpoint
};
function prepareClasses(entries, prefix) {
const resultClasses = [];
entries.forEach((item => {
if ("object" === typeof item) Object.keys(item).forEach((classNames => {
if (item[classNames]) resultClasses.push(prefix + classNames);
})); else if ("string" === typeof item) resultClasses.push(prefix + item);
}));
return resultClasses;
}
function addClasses() {
const swiper = this;
const {classNames, params, rtl, $el, device, support} = swiper;
const suffixes = prepareClasses([ "initialized", params.direction, {
"pointer-events": !support.touch
}, {
"free-mode": swiper.params.freeMode && params.freeMode.enabled
}, {
autoheight: params.autoHeight
}, {
rtl
}, {
grid: params.grid && params.grid.rows > 1
}, {
"grid-column": params.grid && params.grid.rows > 1 && "column" === params.grid.fill
}, {
android: device.android
}, {
ios: device.ios
}, {
"css-mode": params.cssMode
}, {
centered: params.cssMode && params.centeredSlides
}, {
"watch-progress": params.watchSlidesProgress
} ], params.containerModifierClass);
classNames.push(...suffixes);
$el.addClass([ ...classNames ].join(" "));
swiper.emitContainerClasses();
}
function removeClasses_removeClasses() {
const swiper = this;
const {$el, classNames} = swiper;
$el.removeClass(classNames.join(" "));
swiper.emitContainerClasses();
}
const classes = {
addClasses,
removeClasses: removeClasses_removeClasses
};
function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {
const window = ssr_window_esm_getWindow();
let image;
function onReady() {
if (callback) callback();
}
const isPicture = dom(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 onReady();
}
function preloadImages() {
const swiper = this;
swiper.imagesToLoad = swiper.$el.find("img");
function onReady() {
if ("undefined" === typeof swiper || null === swiper || !swiper || swiper.destroyed) return;
if (void 0 !== swiper.imagesLoaded) 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);
}
}
const core_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] + 2 * slidesOffsetBefore;
swiper.isLocked = swiper.size > lastSlideRightEdge;
} else swiper.isLocked = 1 === swiper.snapGrid.length;
if (true === params.allowSlideNext) swiper.allowSlideNext = !swiper.isLocked;
if (true === params.allowSlidePrev) swiper.allowSlidePrev = !swiper.isLocked;
if (wasLocked && wasLocked !== swiper.isLocked) swiper.isEnd = false;
if (wasLocked !== swiper.isLocked) swiper.emit(swiper.isLocked ? "lock" : "unlock");
}
const check_overflow = {
checkOverflow
};
const 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",
width: null,
height: null,
preventInteractionOnTransition: false,
userAgent: null,
url: null,
edgeSwipeDetection: false,
edgeSwipeThreshold: 20,
autoHeight: false,
setWrapperSize: false,
virtualTranslate: false,
effect: "slide",
breakpoints: void 0,
breakpointsBase: "window",
spaceBetween: 0,
slidesPerView: 1,
slidesPerGroup: 1,
slidesPerGroupSkip: 0,
slidesPerGroupAuto: false,
centeredSlides: false,
centeredSlidesBounds: false,
slidesOffsetBefore: 0,
slidesOffsetAfter: 0,
normalizeSlideIndex: true,
centerInsufficientSlides: false,
watchOverflow: true,
roundLengths: false,
touchRatio: 1,
touchAngle: 45,
simulateTouch: true,
shortSwipes: true,
longSwipes: true,
longSwipesRatio: .5,
longSwipesMs: 300,
followFinger: true,
allowTouchMove: true,
threshold: 0,
touchMoveStopPropagation: false,
touchStartPreventDefault: true,
touchStartForcePreventDefault: false,
touchReleaseOnEdges: false,
uniqueNavElements: true,
resistance: true,
resistanceRatio: .85,
watchSlidesProgress: false,
grabCursor: false,
preventClicks: true,
preventClicksPropagation: true,
slideToClickedSlide: false,
preloadImages: true,
updateOnImagesReady: true,
loop: false,
loopAdditionalSlides: 0,
loopedSlides: null,
loopedSlidesLimit: true,
loopFillGroupWithBlank: false,
loopPreventsSlide: true,
rewind: false,
allowSlidePrev: true,
allowSlideNext: true,
swipeHandler: null,
noSwiping: true,
noSwipingClass: "swiper-no-swiping",
noSwipingSelector: null,
passiveListeners: true,
maxBackfaceHiddenSlides: 10,
containerModifierClass: "swiper-",
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",
runCallbacksOnInit: true,
_emitClasses: false
};
function moduleExtendParams(params, allModulesParams) {
return function extendParams(obj) {
if (void 0 === obj) obj = {};
const moduleParamName = Object.keys(obj)[0];
const moduleParams = obj[moduleParamName];
if ("object" !== typeof moduleParams || null === moduleParams) {
utils_extend(allModulesParams, obj);
return;
}
if ([ "navigation", "pagination", "scrollbar" ].indexOf(moduleParamName) >= 0 && true === params[moduleParamName]) params[moduleParamName] = {
auto: true
};
if (!(moduleParamName in params && "enabled" in moduleParams)) {
utils_extend(allModulesParams, obj);
return;
}
if (true === params[moduleParamName]) params[moduleParamName] = {
enabled: true
};
if ("object" === typeof params[moduleParamName] && !("enabled" in params[moduleParamName])) params[moduleParamName].enabled = true;
if (!params[moduleParamName]) params[moduleParamName] = {
enabled: false
};
utils_extend(allModulesParams, obj);
};
}
const prototypes = {
eventsEmitter: events_emitter,
update,
translate,
transition: core_transition,
slide,
loop,
grabCursor: grab_cursor,
events: core_events,
breakpoints,
checkOverflow: check_overflow,
classes,
images: core_images
};
const extendedDefaults = {};
class core_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 (1 === args.length && args[0].constructor && "Object" === Object.prototype.toString.call(args[0]).slice(8, -1)) params = args[0]; else [el, params] = args;
if (!params) params = {};
params = utils_extend({}, params);
if (el && !params.el) params.el = el;
if (params.el && dom(params.el).length > 1) {
const swipers = [];
dom(params.el).each((containerEl => {
const newParams = utils_extend({}, params, {
el: containerEl
});
swipers.push(new core_Swiper(newParams));
}));
return swipers;
}
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)
});
}));
const swiperParams = utils_extend({}, defaults, allModulesParams);
swiper.params = utils_extend({}, swiperParams, extendedDefaults, params);
swiper.originalParams = utils_extend({}, swiper.params);
swiper.passedParams = utils_extend({}, params);
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);
swiper.$ = dom;
Object.assign(swiper, {
enabled: swiper.params.enabled,
el,
classNames: [],
slides: dom(),
slidesGrid: [],
snapGrid: [],
slidesSizesGrid: [],
isHorizontal() {
return "horizontal" === swiper.params.direction;
},
isVertical() {
return "vertical" === swiper.params.direction;
},
activeIndex: 0,
realIndex: 0,
isBeginning: true,
isEnd: false,
translate: 0,
previousTranslate: 0,
progress: 0,
velocity: 0,
animating: false,
allowSlideNext: swiper.params.allowSlideNext,
allowSlidePrev: swiper.params.allowSlidePrev,
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: void 0,
isMoved: void 0,
allowTouchCallbacks: void 0,
touchStartTime: void 0,
isScrolling: void 0,
currentTranslate: void 0,
startTranslate: void 0,
allowThresholdMove: void 0,
focusableElements: swiper.params.focusableElements,
lastClickTime: utils_now(),
clickTimeout: void 0,
velocities: [],
allowMomentumBounce: void 0,
isTouchEvent: void 0,
startMoving: void 0
},
allowClick: true,
allowTouchMove: swiper.params.allowTouchMove,
touches: {
startX: 0,
startY: 0,
currentX: 0,
currentY: 0,
diff: 0
},
imagesToLoad: [],
imagesLoaded: 0
});
swiper.emit("_swiper");
if (swiper.params.init) swiper.init();
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, "undefined" === typeof speed ? 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 => 0 === className.indexOf("swiper") || 0 === className.indexOf(swiper.params.containerModifierClass)));
swiper.emit("_containerClasses", cls.join(" "));
}
getSlideClasses(slideEl) {
const swiper = this;
if (swiper.destroyed) return "";
return slideEl.className.split(" ").filter((className => 0 === className.indexOf("swiper-slide") || 0 === className.indexOf(swiper.params.slideClass))).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 (void 0 === view) view = "current";
if (void 0 === exact) 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 if ("current" === view) 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 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;
if (params.breakpoints) swiper.setBreakpoint();
swiper.updateSize();
swiper.updateSlides();
swiper.updateProgress();
swiper.updateSlidesClasses();
function setTranslate() {
const translateValue = swiper.rtlTranslate ? -1 * swiper.translate : 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 (("auto" === swiper.params.slidesPerView || 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 (void 0 === needUpdate) needUpdate = true;
const swiper = this;
const currentDirection = swiper.params.direction;
if (!newDirection) newDirection = "horizontal" === currentDirection ? "vertical" : "horizontal";
if (newDirection === currentDirection || "horizontal" !== newDirection && "vertical" !== newDirection) 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 ("vertical" === newDirection) slideEl.style.width = ""; else slideEl.style.height = "";
}));
swiper.emit("changeDirection");
if (needUpdate) swiper.update();
return swiper;
}
changeLanguageDirection(direction) {
const swiper = this;
if (swiper.rtl && "rtl" === direction || !swiper.rtl && "ltr" === direction) return;
swiper.rtl = "rtl" === direction;
swiper.rtlTranslate = "horizontal" === swiper.params.direction && swiper.rtl;
if (swiper.rtl) {
swiper.$el.addClass(`${swiper.params.containerModifierClass}rtl`);
swiper.el.dir = "rtl";
} else {
swiper.$el.removeClass(`${swiper.params.containerModifierClass}rtl`);
swiper.el.dir = "ltr";
}
swiper.update();
}
mount(el) {
const swiper = this;
if (swiper.mounted) return true;
const $el = dom(el || swiper.params.el);
el = $el[0];
if (!el) return false;
el.swiper = swiper;
const getWrapperSelector = () => `.${(swiper.params.wrapperClass || "").trim().split(" ").join(".")}`;
const getWrapper = () => {
if (el && el.shadowRoot && el.shadowRoot.querySelector) {
const res = dom(el.shadowRoot.querySelector(getWrapperSelector()));
res.children = options => $el.children(options);
return res;
}
if (!$el.children) return dom($el).children(getWrapperSelector());
return $el.children(getWrapperSelector());
};
let $wrapperEl = getWrapper();
if (0 === $wrapperEl.length && swiper.params.createElements) {
const document = ssr_window_esm_getDocument();
const wrapper = document.createElement("div");
$wrapperEl = dom(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"),
rtlTranslate: "horizontal" === swiper.params.direction && ("rtl" === el.dir.toLowerCase() || "rtl" === $el.css("direction")),
wrongRTL: "-webkit-box" === $wrapperEl.css("display")
});
return true;
}
init(el) {
const swiper = this;
if (swiper.initialized) return swiper;
const mounted = swiper.mount(el);
if (false === mounted) return swiper;
swiper.emit("beforeInit");
if (swiper.params.breakpoints) swiper.setBreakpoint();
swiper.addClasses();
if (swiper.params.loop) swiper.loopCreate();
swiper.updateSize();
swiper.updateSlides();
if (swiper.params.watchOverflow) swiper.checkOverflow();
if (swiper.params.grabCursor && swiper.enabled) swiper.setGrabCursor();
if (swiper.params.preloadImages) swiper.preloadImages();
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);
swiper.attachEvents();
swiper.initialized = true;
swiper.emit("init");
swiper.emit("afterInit");
return swiper;
}
destroy(deleteInstance, cleanStyles) {
if (void 0 === deleteInstance) deleteInstance = true;
if (void 0 === cleanStyles) cleanStyles = true;
const swiper = this;
const {params, $el, $wrapperEl, slides} = swiper;
if ("undefined" === typeof swiper.params || swiper.destroyed) return null;
swiper.emit("beforeDestroy");
swiper.initialized = false;
swiper.detachEvents();
if (params.loop) swiper.loopDestroy();
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");
Object.keys(swiper.eventsListeners).forEach((eventName => {
swiper.off(eventName);
}));
if (false !== deleteInstance) {
swiper.$el[0].swiper = null;
deleteProps(swiper);
}
swiper.destroyed = true;
return null;
}
static extendDefaults(newDefaults) {
utils_extend(extendedDefaults, newDefaults);
}
static get extendedDefaults() {
return extendedDefaults;
}
static get defaults() {
return defaults;
}
static installModule(mod) {
if (!core_Swiper.prototype.__modules__) core_Swiper.prototype.__modules__ = [];
const modules = core_Swiper.prototype.__modules__;
if ("function" === typeof mod && modules.indexOf(mod) < 0) modules.push(mod);
}
static use(module) {
if (Array.isArray(module)) {
module.forEach((m => core_Swiper.installModule(m)));
return core_Swiper;
}
core_Swiper.installModule(module);
return core_Swiper;
}
}
Object.keys(prototypes).forEach((prototypeGroup => {
Object.keys(prototypes[prototypeGroup]).forEach((protoMethod => {
core_Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
}));
}));
core_Swiper.use([ Resize, Observer ]);
const core = core_Swiper;
function create_element_if_not_defined_createElementIfNotDefined(swiper, originalParams, params, checkProps) {
const document = ssr_window_esm_getDocument();
if (swiper.params.createElements) Object.keys(checkProps).forEach((key => {
if (!params[key] && true === params.auto) {
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",
navigationDisabledClass: "swiper-navigation-disabled"
}
});
swiper.navigation = {
nextEl: null,
$nextEl: null,
prevEl: null,
$prevEl: null
};
function getEl(el) {
let $el;
if (el) {
$el = dom(el);
if (swiper.params.uniqueNavElements && "string" === typeof el && $el.length > 1 && 1 === swiper.$el.find(el).length) $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] && "BUTTON" === $el[0].tagName) $el[0].disabled = disabled;
if (swiper.params.watchOverflow && swiper.enabled) $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
}
}
function update() {
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();
emit("navigationPrev");
}
function onNextClick(e) {
e.preventDefault();
if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;
swiper.slideNext();
emit("navigationNext");
}
function init() {
const params = swiper.params.navigation;
swiper.params.navigation = create_element_if_not_defined_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", (() => {
if (false === swiper.params.navigation.enabled) disable(); else {
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 && !dom(targetEl).is($prevEl) && !dom(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 (true === isHidden) emit("navigationShow"); else emit("navigationHide");
if ($nextEl) $nextEl.toggleClass(swiper.params.navigation.hiddenClass);
if ($prevEl) $prevEl.toggleClass(swiper.params.navigation.hiddenClass);
}
}));
const enable = () => {
swiper.$el.removeClass(swiper.params.navigation.navigationDisabledClass);
init();
update();
};
const disable = () => {
swiper.$el.addClass(swiper.params.navigation.navigationDisabledClass);
destroy();
};
Object.assign(swiper.navigation, {
enable,
disable,
update,
init,
destroy
});
}
function classes_to_selector_classesToSelector(classes) {
if (void 0 === classes) classes = "";
return `.${classes.trim().replace(/([\.:!\/])/g, "\\$1").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",
dynamicBullets: false,
dynamicMainBullets: 1,
formatFractionCurrent: number => number,
formatFractionTotal: number => number,
bulletClass: `${pfx}-bullet`,
bulletActiveClass: `${pfx}-bullet-active`,
modifierClass: `${pfx}-`,
currentClass: `${pfx}-current`,
totalClass: `${pfx}-total`,
hiddenClass: `${pfx}-hidden`,
progressbarFillClass: `${pfx}-progressbar-fill`,
progressbarOppositeClass: `${pfx}-progressbar-opposite`,
clickableClass: `${pfx}-clickable`,
lockClass: `${pfx}-lock`,
horizontalClass: `${pfx}-horizontal`,
verticalClass: `${pfx}-vertical`,
paginationDisabledClass: `${pfx}-disabled`
}
});
swiper.pagination = {
el: null,
$el: null,
bullets: []
};
let bulletSize;
let dynamicBulletIndex = 0;
function isPaginationDisabled() {
return !swiper.params.pagination.el || !swiper.pagination.el || !swiper.pagination.$el || 0 === swiper.pagination.$el.length;
}
function setSideBullets($bulletEl, position) {
const {bulletActiveClass} = swiper.params.pagination;
$bulletEl[position]().addClass(`${bulletActiveClass}-${position}`)[position]().addClass(`${bulletActiveClass}-${position}-${position}`);
}
function update() {
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;
let current;
const total = swiper.params.loop ? Math.ceil((slidesLength - 2 * swiper.loopedSlides) / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
if (swiper.params.loop) {
current = Math.ceil((swiper.activeIndex - swiper.loopedSlides) / swiper.params.slidesPerGroup);
if (current > slidesLength - 1 - 2 * swiper.loopedSlides) current -= slidesLength - 2 * swiper.loopedSlides;
if (current > total - 1) current -= total;
if (current < 0 && "bullets" !== swiper.params.paginationType) current = total + current;
} else if ("undefined" !== typeof swiper.snapIndex) current = swiper.snapIndex; else current = swiper.activeIndex || 0;
if ("bullets" === params.type && 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 && void 0 !== swiper.previousIndex) {
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 = dom(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 ("fraction" === params.type) {
$el.find(classes_to_selector_classesToSelector(params.currentClass)).text(params.formatFractionCurrent(current + 1));
$el.find(classes_to_selector_classesToSelector(params.totalClass)).text(params.formatFractionTotal(total));
}
if ("progressbar" === params.type) {
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 ("horizontal" === progressbarDirection) scaleX = scale; else scaleY = scale;
$el.find(classes_to_selector_classesToSelector(params.progressbarFillClass)).transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`).transition(swiper.params.speed);
}
if ("custom" === params.type && 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() {
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 ("bullets" === params.type) {
let numberOfBullets = swiper.params.loop ? Math.ceil((slidesLength - 2 * swiper.loopedSlides) / 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(classes_to_selector_classesToSelector(params.bulletClass));
}
if ("fraction" === params.type) {
if (params.renderFraction) paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass); else paginationHTML = `` + " / " + ``;
$el.html(paginationHTML);
}
if ("progressbar" === params.type) {
if (params.renderProgressbar) paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass); else paginationHTML = ``;
$el.html(paginationHTML);
}
if ("custom" !== params.type) emit("paginationRender", swiper.pagination.$el[0]);
}
function init() {
swiper.params.pagination = create_element_if_not_defined_createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, {
el: "swiper-pagination"
});
const params = swiper.params.pagination;
if (!params.el) return;
let $el = dom(params.el);
if (0 === $el.length) return;
if (swiper.params.uniqueNavElements && "string" === typeof params.el && $el.length > 1) {
$el = swiper.$el.find(params.el);
if ($el.length > 1) $el = $el.filter((el => {
if (dom(el).parents(".swiper")[0] !== swiper.el) return false;
return true;
}));
}
if ("bullets" === params.type && params.clickable) $el.addClass(params.clickableClass);
$el.addClass(params.modifierClass + params.type);
$el.addClass(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
if ("bullets" === params.type && params.dynamicBullets) {
$el.addClass(`${params.modifierClass}${params.type}-dynamic`);
dynamicBulletIndex = 0;
if (params.dynamicMainBullets < 1) params.dynamicMainBullets = 1;
}
if ("progressbar" === params.type && params.progressbarOpposite) $el.addClass(params.progressbarOppositeClass);
if (params.clickable) $el.on("click", classes_to_selector_classesToSelector(params.bulletClass), (function onClick(e) {
e.preventDefault();
let index = dom(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", classes_to_selector_classesToSelector(params.bulletClass));
}
on("init", (() => {
if (false === swiper.params.pagination.enabled) disable(); else {
init();
render();
update();
}
}));
on("activeIndexChange", (() => {
if (swiper.params.loop) update(); else if ("undefined" === typeof swiper.snapIndex) 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 && $el.length > 0 && !dom(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 (true === isHidden) emit("paginationShow"); else emit("paginationHide");
$el.toggleClass(swiper.params.pagination.hiddenClass);
}
}));
const enable = () => {
swiper.$el.removeClass(swiper.params.pagination.paginationDisabledClass);
if (swiper.pagination.$el) swiper.pagination.$el.removeClass(swiper.params.pagination.paginationDisabledClass);
init();
render();
update();
};
const disable = () => {
swiper.$el.addClass(swiper.params.pagination.paginationDisabledClass);
if (swiper.pagination.$el) swiper.pagination.$el.addClass(swiper.params.pagination.paginationDisabledClass);
destroy();
};
Object.assign(swiper.pagination, {
enable,
disable,
render,
update,
init,
destroy
});
}
function initSliders() {
if (document.querySelector(".news__slider")) new core(".news__slider", {
modules: [ Navigation, Pagination ],
observer: true,
observeParents: true,
slidesPerView: 1.2,
spaceBetween: 32,
autoHeight: true,
speed: 800,
centeredSlides: true,
initialSlide: 1,
pagination: {
el: ".swiper-pagination",
clickable: true
},
navigation: {
prevEl: ".swiper-button-prev",
nextEl: ".swiper-button-next"
},
breakpoints: {
320: {
slidesPerView: 1
},
1024: {
slidesPerView: 1.2,
spaceBetween: 32
}
},
on: {}
});
}
window.addEventListener("load", (function(e) {
initSliders();
}));
var lazyload_min = __webpack_require__(732);
new lazyload_min({
elements_selector: "[data-src],[data-srcset]"
});
let addWindowScrollEvent = false;
setTimeout((() => {
if (addWindowScrollEvent) {
let windowScroll = new Event("windowScroll");
window.addEventListener("scroll", (function(e) {
document.dispatchEvent(windowScroll);
}));
}
}), 0);
window["FLS"] = true;
isWebp();
menuInit();
showMore();
})();
})();