c.split(" ")));
+ this.forEach((el) => {
+ el.classList.add(...classNames);
+ });
+ return this;
+ }
+
+ function removeClass() {
+ for (
+ var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ classes[_key2] = arguments[_key2];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ el.classList.remove(...classNames);
+ });
+ return this;
+ }
+
+ function toggleClass() {
+ for (
+ var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0;
+ _key3 < _len3;
+ _key3++
+ ) {
+ classes[_key3] = arguments[_key3];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ classNames.forEach((className) => {
+ el.classList.toggle(className);
+ });
+ });
+ }
+
+ function hasClass() {
+ for (
+ var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0;
+ _key4 < _len4;
+ _key4++
+ ) {
+ classes[_key4] = arguments[_key4];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ return (
+ arrayFilter(this, (el) => {
+ return (
+ classNames.filter((className) => el.classList.contains(className))
+ .length > 0
+ );
+ }).length > 0
+ );
+ }
+
+ function attr(attrs, value) {
+ if (arguments.length === 1 && typeof attrs === "string") {
+ // Get attr
+ if (this[0]) return this[0].getAttribute(attrs);
+ return undefined;
+ } // Set attrs
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (arguments.length === 2) {
+ // String
+ this[i].setAttribute(attrs, value);
+ } else {
+ // Object
+ for (const attrName in attrs) {
+ this[i][attrName] = attrs[attrName];
+ this[i].setAttribute(attrName, attrs[attrName]);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function removeAttr(attr) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].removeAttribute(attr);
+ }
+
+ return this;
+ }
+
+ function transform(transform) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transform = transform;
+ }
+
+ return this;
+ }
+
+ function transition$1(duration) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transitionDuration =
+ typeof duration !== "string" ? `${duration}ms` : duration;
+ }
+
+ return this;
+ }
+
+ function on() {
+ for (
+ var _len5 = arguments.length, args = new Array(_len5), _key5 = 0;
+ _key5 < _len5;
+ _key5++
+ ) {
+ args[_key5] = arguments[_key5];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+
+ function handleLiveEvent(e) {
+ const target = e.target;
+ if (!target) return;
+ const eventData = e.target.dom7EventData || [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ if ($(target).is(targetSelector)) listener.apply(target, eventData);
+ else {
+ const parents = $(target).parents(); // eslint-disable-line
+
+ for (let k = 0; k < parents.length; k += 1) {
+ if ($(parents[k]).is(targetSelector))
+ listener.apply(parents[k], eventData);
+ }
+ }
+ }
+
+ function handleEvent(e) {
+ const eventData = e && e.target ? e.target.dom7EventData || [] : [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ listener.apply(this, eventData);
+ }
+
+ const events = eventType.split(" ");
+ let j;
+
+ for (let i = 0; i < this.length; i += 1) {
+ const el = this[i];
+
+ if (!targetSelector) {
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7Listeners) el.dom7Listeners = {};
+ if (!el.dom7Listeners[event]) el.dom7Listeners[event] = [];
+ el.dom7Listeners[event].push({
+ listener,
+ proxyListener: handleEvent,
+ });
+ el.addEventListener(event, handleEvent, capture);
+ }
+ } else {
+ // Live events
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7LiveListeners) el.dom7LiveListeners = {};
+ if (!el.dom7LiveListeners[event]) el.dom7LiveListeners[event] = [];
+ el.dom7LiveListeners[event].push({
+ listener,
+ proxyListener: handleLiveEvent,
+ });
+ el.addEventListener(event, handleLiveEvent, capture);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function off() {
+ for (
+ var _len6 = arguments.length, args = new Array(_len6), _key6 = 0;
+ _key6 < _len6;
+ _key6++
+ ) {
+ args[_key6] = arguments[_key6];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+ const events = eventType.split(" ");
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+ let handlers;
+
+ if (!targetSelector && el.dom7Listeners) {
+ handlers = el.dom7Listeners[event];
+ } else if (targetSelector && el.dom7LiveListeners) {
+ handlers = el.dom7LiveListeners[event];
+ }
+
+ if (handlers && handlers.length) {
+ for (let k = handlers.length - 1; k >= 0; k -= 1) {
+ const handler = handlers[k];
+
+ if (listener && handler.listener === listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (
+ listener &&
+ handler.listener &&
+ handler.listener.dom7proxy &&
+ handler.listener.dom7proxy === listener
+ ) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (!listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ }
+ }
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function trigger() {
+ const window = getWindow();
+
+ for (
+ var _len9 = arguments.length, args = new Array(_len9), _key9 = 0;
+ _key9 < _len9;
+ _key9++
+ ) {
+ args[_key9] = arguments[_key9];
+ }
+
+ const events = args[0].split(" ");
+ const eventData = args[1];
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+
+ if (window.CustomEvent) {
+ const evt = new window.CustomEvent(event, {
+ detail: eventData,
+ bubbles: true,
+ cancelable: true,
+ });
+ el.dom7EventData = args.filter((data, dataIndex) => dataIndex > 0);
+ el.dispatchEvent(evt);
+ el.dom7EventData = [];
+ delete el.dom7EventData;
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function transitionEnd$1(callback) {
+ const dom = this;
+
+ function fireCallBack(e) {
+ if (e.target !== this) return;
+ callback.call(this, e);
+ dom.off("transitionend", fireCallBack);
+ }
+
+ if (callback) {
+ dom.on("transitionend", fireCallBack);
+ }
+
+ return this;
+ }
+
+ function outerWidth(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetWidth +
+ parseFloat(styles.getPropertyValue("margin-right")) +
+ parseFloat(styles.getPropertyValue("margin-left"))
+ );
+ }
+
+ return this[0].offsetWidth;
+ }
+
+ return null;
+ }
+
+ function outerHeight(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetHeight +
+ parseFloat(styles.getPropertyValue("margin-top")) +
+ parseFloat(styles.getPropertyValue("margin-bottom"))
+ );
+ }
+
+ return this[0].offsetHeight;
+ }
+
+ return null;
+ }
+
+ function offset() {
+ if (this.length > 0) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ const box = el.getBoundingClientRect();
+ const body = document.body;
+ const clientTop = el.clientTop || body.clientTop || 0;
+ const clientLeft = el.clientLeft || body.clientLeft || 0;
+ const scrollTop = el === window ? window.scrollY : el.scrollTop;
+ const scrollLeft = el === window ? window.scrollX : el.scrollLeft;
+ return {
+ top: box.top + scrollTop - clientTop,
+ left: box.left + scrollLeft - clientLeft,
+ };
+ }
+
+ return null;
+ }
+
+ function styles() {
+ const window = getWindow();
+ if (this[0]) return window.getComputedStyle(this[0], null);
+ return {};
+ }
+
+ function css(props, value) {
+ const window = getWindow();
+ let i;
+
+ if (arguments.length === 1) {
+ if (typeof props === "string") {
+ // .css('width')
+ if (this[0])
+ return window.getComputedStyle(this[0], null).getPropertyValue(props);
+ } else {
+ // .css({ width: '100px' })
+ for (i = 0; i < this.length; i += 1) {
+ for (const prop in props) {
+ this[i].style[prop] = props[prop];
+ }
+ }
+
+ return this;
+ }
+ }
+
+ if (arguments.length === 2 && typeof props === "string") {
+ // .css('width', '100px')
+ for (i = 0; i < this.length; i += 1) {
+ this[i].style[props] = value;
+ }
+
+ return this;
+ }
+
+ return this;
+ }
+
+ function each(callback) {
+ if (!callback) return this;
+ this.forEach((el, index) => {
+ callback.apply(el, [el, index]);
+ });
+ return this;
+ }
+
+ function filter(callback) {
+ const result = arrayFilter(this, callback);
+ return $(result);
+ }
+
+ function html(html) {
+ if (typeof html === "undefined") {
+ return this[0] ? this[0].innerHTML : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].innerHTML = html;
+ }
+
+ return this;
+ }
+
+ function text(text) {
+ if (typeof text === "undefined") {
+ return this[0] ? this[0].textContent.trim() : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].textContent = text;
+ }
+
+ return this;
+ }
+
+ function is(selector) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ let compareWith;
+ let i;
+ if (!el || typeof selector === "undefined") return false;
+
+ if (typeof selector === "string") {
+ if (el.matches) return el.matches(selector);
+ if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
+ if (el.msMatchesSelector) return el.msMatchesSelector(selector);
+ compareWith = $(selector);
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ if (selector === document) {
+ return el === document;
+ }
+
+ if (selector === window) {
+ return el === window;
+ }
+
+ if (selector.nodeType || selector instanceof Dom7) {
+ compareWith = selector.nodeType ? [selector] : selector;
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ return false;
+ }
+
+ function index() {
+ let child = this[0];
+ let i;
+
+ if (child) {
+ i = 0; // eslint-disable-next-line
+
+ while ((child = child.previousSibling) !== null) {
+ if (child.nodeType === 1) i += 1;
+ }
+
+ return i;
+ }
+
+ return undefined;
+ }
+
+ function eq(index) {
+ if (typeof index === "undefined") return this;
+ const length = this.length;
+
+ if (index > length - 1) {
+ return $([]);
+ }
+
+ if (index < 0) {
+ const returnIndex = length + index;
+ if (returnIndex < 0) return $([]);
+ return $([this[returnIndex]]);
+ }
+
+ return $([this[index]]);
+ }
+
+ function append() {
+ let newChild;
+ const document = getDocument();
+
+ for (let k = 0; k < arguments.length; k += 1) {
+ newChild = k < 0 || arguments.length <= k ? undefined : arguments[k];
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ while (tempDiv.firstChild) {
+ this[i].appendChild(tempDiv.firstChild);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (let j = 0; j < newChild.length; j += 1) {
+ this[i].appendChild(newChild[j]);
+ }
+ } else {
+ this[i].appendChild(newChild);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function prepend(newChild) {
+ const document = getDocument();
+ let i;
+ let j;
+
+ for (i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {
+ this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (j = 0; j < newChild.length; j += 1) {
+ this[i].insertBefore(newChild[j], this[i].childNodes[0]);
+ }
+ } else {
+ this[i].insertBefore(newChild, this[i].childNodes[0]);
+ }
+ }
+
+ return this;
+ }
+
+ function next(selector) {
+ if (this.length > 0) {
+ if (selector) {
+ if (
+ this[0].nextElementSibling &&
+ $(this[0].nextElementSibling).is(selector)
+ ) {
+ return $([this[0].nextElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (this[0].nextElementSibling) return $([this[0].nextElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function nextAll(selector) {
+ const nextEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.nextElementSibling) {
+ const next = el.nextElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(next).is(selector)) nextEls.push(next);
+ } else nextEls.push(next);
+
+ el = next;
+ }
+
+ return $(nextEls);
+ }
+
+ function prev(selector) {
+ if (this.length > 0) {
+ const el = this[0];
+
+ if (selector) {
+ if (
+ el.previousElementSibling &&
+ $(el.previousElementSibling).is(selector)
+ ) {
+ return $([el.previousElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (el.previousElementSibling) return $([el.previousElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function prevAll(selector) {
+ const prevEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.previousElementSibling) {
+ const prev = el.previousElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(prev).is(selector)) prevEls.push(prev);
+ } else prevEls.push(prev);
+
+ el = prev;
+ }
+
+ return $(prevEls);
+ }
+
+ function parent(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode !== null) {
+ if (selector) {
+ if ($(this[i].parentNode).is(selector))
+ parents.push(this[i].parentNode);
+ } else {
+ parents.push(this[i].parentNode);
+ }
+ }
+ }
+
+ return $(parents);
+ }
+
+ function parents(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ let parent = this[i].parentNode; // eslint-disable-line
+
+ while (parent) {
+ if (selector) {
+ if ($(parent).is(selector)) parents.push(parent);
+ } else {
+ parents.push(parent);
+ }
+
+ parent = parent.parentNode;
+ }
+ }
+
+ return $(parents);
+ }
+
+ function closest(selector) {
+ let closest = this; // eslint-disable-line
+
+ if (typeof selector === "undefined") {
+ return $([]);
+ }
+
+ if (!closest.is(selector)) {
+ closest = closest.parents(selector).eq(0);
+ }
+
+ return closest;
+ }
+
+ function find(selector) {
+ const foundElements = [];
+
+ for (let i = 0; i < this.length; i += 1) {
+ const found = this[i].querySelectorAll(selector);
+
+ for (let j = 0; j < found.length; j += 1) {
+ foundElements.push(found[j]);
+ }
+ }
+
+ return $(foundElements);
+ }
+
+ function children(selector) {
+ const children = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ const childNodes = this[i].children;
+
+ for (let j = 0; j < childNodes.length; j += 1) {
+ if (!selector || $(childNodes[j]).is(selector)) {
+ children.push(childNodes[j]);
+ }
+ }
+ }
+
+ return $(children);
+ }
+
+ function remove() {
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode) this[i].parentNode.removeChild(this[i]);
+ }
+
+ return this;
+ }
+
+ const Methods = {
+ addClass,
+ removeClass,
+ hasClass,
+ toggleClass,
+ attr,
+ removeAttr,
+ transform,
+ transition: transition$1,
+ on,
+ off,
+ trigger,
+ transitionEnd: transitionEnd$1,
+ outerWidth,
+ outerHeight,
+ styles,
+ offset,
+ css,
+ each,
+ html,
+ text,
+ is,
+ index,
+ eq,
+ append,
+ prepend,
+ next,
+ nextAll,
+ prev,
+ prevAll,
+ parent,
+ parents,
+ closest,
+ find,
+ children,
+ filter,
+ remove,
+ };
+ Object.keys(Methods).forEach((methodName) => {
+ Object.defineProperty($.fn, methodName, {
+ value: Methods[methodName],
+ writable: true,
+ });
+ });
+
+ function deleteProps(obj) {
+ const object = obj;
+ Object.keys(object).forEach((key) => {
+ try {
+ object[key] = null;
+ } catch (e) {
+ // no getter for object
+ }
+
+ try {
+ delete object[key];
+ } catch (e) {
+ // something got wrong
+ }
+ });
+ }
+
+ function nextTick(callback, delay) {
+ if (delay === void 0) {
+ delay = 0;
+ }
+
+ return setTimeout(callback, delay);
+ }
+
+ function now() {
+ return Date.now();
+ }
+
+ function getComputedStyle$1(el) {
+ const window = getWindow();
+ let style;
+
+ if (window.getComputedStyle) {
+ style = window.getComputedStyle(el, null);
+ }
+
+ if (!style && el.currentStyle) {
+ style = el.currentStyle;
+ }
+
+ if (!style) {
+ style = el.style;
+ }
+
+ return style;
+ }
+
+ function getTranslate(el, axis) {
+ if (axis === void 0) {
+ axis = "x";
+ }
+
+ const window = getWindow();
+ let matrix;
+ let curTransform;
+ let transformMatrix;
+ const curStyle = getComputedStyle$1(el);
+
+ if (window.WebKitCSSMatrix) {
+ curTransform = curStyle.transform || curStyle.webkitTransform;
+
+ if (curTransform.split(",").length > 6) {
+ curTransform = curTransform
+ .split(", ")
+ .map((a) => a.replace(",", "."))
+ .join(", ");
+ } // Some old versions of Webkit choke when 'none' is passed; pass
+ // empty string instead in this case
+
+ transformMatrix = new window.WebKitCSSMatrix(
+ curTransform === "none" ? "" : curTransform,
+ );
+ } else {
+ transformMatrix =
+ curStyle.MozTransform ||
+ curStyle.OTransform ||
+ curStyle.MsTransform ||
+ curStyle.msTransform ||
+ curStyle.transform ||
+ curStyle
+ .getPropertyValue("transform")
+ .replace("translate(", "matrix(1, 0, 0, 1,");
+ matrix = transformMatrix.toString().split(",");
+ }
+
+ if (axis === "x") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m41; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[12]); // Normal Browsers
+ else curTransform = parseFloat(matrix[4]);
+ }
+
+ if (axis === "y") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m42; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[13]); // Normal Browsers
+ else curTransform = parseFloat(matrix[5]);
+ }
+
+ return curTransform || 0;
+ }
+
+ function isObject(o) {
+ return (
+ typeof o === "object" &&
+ o !== null &&
+ o.constructor &&
+ Object.prototype.toString.call(o).slice(8, -1) === "Object"
+ );
+ }
+
+ function isNode(node) {
+ // eslint-disable-next-line
+ if (
+ typeof window !== "undefined" &&
+ typeof window.HTMLElement !== "undefined"
+ ) {
+ return node instanceof HTMLElement;
+ }
+
+ return node && (node.nodeType === 1 || node.nodeType === 11);
+ }
+
+ function extend() {
+ const to = Object(arguments.length <= 0 ? undefined : arguments[0]);
+ const noExtend = ["__proto__", "constructor", "prototype"];
+
+ for (let i = 1; i < arguments.length; i += 1) {
+ const nextSource =
+ i < 0 || arguments.length <= i ? undefined : arguments[i];
+
+ if (
+ nextSource !== undefined &&
+ nextSource !== null &&
+ !isNode(nextSource)
+ ) {
+ const keysArray = Object.keys(Object(nextSource)).filter(
+ (key) => noExtend.indexOf(key) < 0,
+ );
+
+ for (
+ let nextIndex = 0, len = keysArray.length;
+ nextIndex < len;
+ nextIndex += 1
+ ) {
+ const nextKey = keysArray[nextIndex];
+ const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+
+ if (desc !== undefined && desc.enumerable) {
+ if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else if (
+ !isObject(to[nextKey]) &&
+ isObject(nextSource[nextKey])
+ ) {
+ to[nextKey] = {};
+
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ }
+
+ return to;
+ }
+
+ function setCSSProperty(el, varName, varValue) {
+ el.style.setProperty(varName, varValue);
+ }
+
+ function animateCSSModeScroll(_ref) {
+ let { swiper, targetPosition, side } = _ref;
+ const window = getWindow();
+ const startPosition = -swiper.translate;
+ let startTime = null;
+ let time;
+ const duration = swiper.params.speed;
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ const dir = targetPosition > startPosition ? "next" : "prev";
+
+ const isOutOfBound = (current, target) => {
+ return (
+ (dir === "next" && current >= target) ||
+ (dir === "prev" && current <= target)
+ );
+ };
+
+ const animate = () => {
+ time = new Date().getTime();
+
+ if (startTime === null) {
+ startTime = time;
+ }
+
+ const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
+ const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
+ let currentPosition =
+ startPosition + easeProgress * (targetPosition - startPosition);
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ currentPosition = targetPosition;
+ }
+
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.scrollSnapType = "";
+ setTimeout(() => {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+ });
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ return;
+ }
+
+ swiper.cssModeFrameID = window.requestAnimationFrame(animate);
+ };
+
+ animate();
+ }
+
+ let support;
+
+ function calcSupport() {
+ const window = getWindow();
+ const document = getDocument();
+ return {
+ smoothScroll:
+ document.documentElement &&
+ "scrollBehavior" in document.documentElement.style,
+ touch: !!(
+ "ontouchstart" in window ||
+ (window.DocumentTouch && document instanceof window.DocumentTouch)
+ ),
+ passiveListener: (function checkPassiveListener() {
+ let supportsPassive = false;
+
+ try {
+ const opts = Object.defineProperty({}, "passive", {
+ // eslint-disable-next-line
+ get() {
+ supportsPassive = true;
+ },
+ });
+ window.addEventListener("testPassiveListener", null, opts);
+ } catch (e) {
+ // No support
+ }
+
+ return supportsPassive;
+ })(),
+ gestures: (function checkGestures() {
+ return "ongesturestart" in window;
+ })(),
+ };
+ }
+
+ function getSupport() {
+ if (!support) {
+ support = calcSupport();
+ }
+
+ return support;
+ }
+
+ let deviceCached;
+
+ function calcDevice(_temp) {
+ let { userAgent } = _temp === void 0 ? {} : _temp;
+ const support = getSupport();
+ const window = getWindow();
+ const platform = window.navigator.platform;
+ const ua = userAgent || window.navigator.userAgent;
+ const device = {
+ ios: false,
+ android: false,
+ };
+ const screenWidth = window.screen.width;
+ const screenHeight = window.screen.height;
+ const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
+
+ let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
+ const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
+ const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
+ const windows = platform === "Win32";
+ let macos = platform === "MacIntel"; // iPadOs 13 fix
+
+ const iPadScreens = [
+ "1024x1366",
+ "1366x1024",
+ "834x1194",
+ "1194x834",
+ "834x1112",
+ "1112x834",
+ "768x1024",
+ "1024x768",
+ "820x1180",
+ "1180x820",
+ "810x1080",
+ "1080x810",
+ ];
+
+ if (
+ !ipad &&
+ macos &&
+ support.touch &&
+ iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0
+ ) {
+ ipad = ua.match(/(Version)\/([\d.]+)/);
+ if (!ipad) ipad = [0, 1, "13_0_0"];
+ macos = false;
+ } // Android
+
+ if (android && !windows) {
+ device.os = "android";
+ device.android = true;
+ }
+
+ if (ipad || iphone || ipod) {
+ device.os = "ios";
+ device.ios = true;
+ } // Export object
+
+ return device;
+ }
+
+ function getDevice(overrides) {
+ if (overrides === void 0) {
+ overrides = {};
+ }
+
+ if (!deviceCached) {
+ deviceCached = calcDevice(overrides);
+ }
+
+ return deviceCached;
+ }
+
+ let browser;
+
+ function calcBrowser() {
+ const window = getWindow();
+
+ function isSafari() {
+ const ua = window.navigator.userAgent.toLowerCase();
+ return (
+ ua.indexOf("safari") >= 0 &&
+ ua.indexOf("chrome") < 0 &&
+ ua.indexOf("android") < 0
+ );
+ }
+
+ return {
+ isSafari: isSafari(),
+ isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(
+ window.navigator.userAgent,
+ ),
+ };
+ }
+
+ function getBrowser() {
+ if (!browser) {
+ browser = calcBrowser();
+ }
+
+ return browser;
+ }
+
+ function Resize(_ref) {
+ let { swiper, on, emit } = _ref;
+ const window = getWindow();
+ let observer = null;
+ let animationFrame = null;
+
+ const resizeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("beforeResize");
+ emit("resize");
+ };
+
+ const createObserver = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ observer = new ResizeObserver((entries) => {
+ animationFrame = window.requestAnimationFrame(() => {
+ const { width, height } = swiper;
+ let newWidth = width;
+ let newHeight = height;
+ entries.forEach((_ref2) => {
+ let { contentBoxSize, contentRect, target } = _ref2;
+ if (target && target !== swiper.el) return;
+ newWidth = contentRect
+ ? contentRect.width
+ : (contentBoxSize[0] || contentBoxSize).inlineSize;
+ newHeight = contentRect
+ ? contentRect.height
+ : (contentBoxSize[0] || contentBoxSize).blockSize;
+ });
+
+ if (newWidth !== width || newHeight !== height) {
+ resizeHandler();
+ }
+ });
+ });
+ observer.observe(swiper.el);
+ };
+
+ const removeObserver = () => {
+ if (animationFrame) {
+ window.cancelAnimationFrame(animationFrame);
+ }
+
+ if (observer && observer.unobserve && swiper.el) {
+ observer.unobserve(swiper.el);
+ observer = null;
+ }
+ };
+
+ const orientationChangeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("orientationchange");
+ };
+
+ on("init", () => {
+ if (
+ swiper.params.resizeObserver &&
+ typeof window.ResizeObserver !== "undefined"
+ ) {
+ createObserver();
+ return;
+ }
+
+ window.addEventListener("resize", resizeHandler);
+ window.addEventListener("orientationchange", orientationChangeHandler);
+ });
+ on("destroy", () => {
+ removeObserver();
+ window.removeEventListener("resize", resizeHandler);
+ window.removeEventListener("orientationchange", orientationChangeHandler);
+ });
+ }
+
+ function Observer(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const observers = [];
+ const window = getWindow();
+
+ const attach = function (target, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ const ObserverFunc =
+ window.MutationObserver || window.WebkitMutationObserver;
+ const observer = new ObserverFunc((mutations) => {
+ // The observerUpdate event should only be triggered
+ // once despite the number of mutations. Additional
+ // triggers are redundant and are very costly
+ if (mutations.length === 1) {
+ emit("observerUpdate", mutations[0]);
+ return;
+ }
+
+ const observerUpdate = function observerUpdate() {
+ emit("observerUpdate", mutations[0]);
+ };
+
+ if (window.requestAnimationFrame) {
+ window.requestAnimationFrame(observerUpdate);
+ } else {
+ window.setTimeout(observerUpdate, 0);
+ }
+ });
+ observer.observe(target, {
+ attributes:
+ typeof options.attributes === "undefined" ? true : options.attributes,
+ childList:
+ typeof options.childList === "undefined" ? true : options.childList,
+ characterData:
+ typeof options.characterData === "undefined"
+ ? true
+ : options.characterData,
+ });
+ observers.push(observer);
+ };
+
+ const init = () => {
+ if (!swiper.params.observer) return;
+
+ if (swiper.params.observeParents) {
+ const containerParents = swiper.$el.parents();
+
+ for (let i = 0; i < containerParents.length; i += 1) {
+ attach(containerParents[i]);
+ }
+ } // Observe container
+
+ attach(swiper.$el[0], {
+ childList: swiper.params.observeSlideChildren,
+ }); // Observe wrapper
+
+ attach(swiper.$wrapperEl[0], {
+ attributes: false,
+ });
+ };
+
+ const destroy = () => {
+ observers.forEach((observer) => {
+ observer.disconnect();
+ });
+ observers.splice(0, observers.length);
+ };
+
+ extendParams({
+ observer: false,
+ observeParents: false,
+ observeSlideChildren: false,
+ });
+ on("init", init);
+ on("destroy", destroy);
+ }
+
+ /* eslint-disable no-underscore-dangle */
+ var eventsEmitter = {
+ on(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+ events.split(" ").forEach((event) => {
+ if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
+ self.eventsListeners[event][method](handler);
+ });
+ return self;
+ },
+
+ once(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+
+ function onceHandler() {
+ self.off(events, onceHandler);
+
+ if (onceHandler.__emitterProxy) {
+ delete onceHandler.__emitterProxy;
+ }
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ handler.apply(self, args);
+ }
+
+ onceHandler.__emitterProxy = handler;
+ return self.on(events, onceHandler, priority);
+ },
+
+ onAny(handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+
+ if (self.eventsAnyListeners.indexOf(handler) < 0) {
+ self.eventsAnyListeners[method](handler);
+ }
+
+ return self;
+ },
+
+ offAny(handler) {
+ const self = this;
+ if (!self.eventsAnyListeners) return self;
+ const index = self.eventsAnyListeners.indexOf(handler);
+
+ if (index >= 0) {
+ self.eventsAnyListeners.splice(index, 1);
+ }
+
+ return self;
+ },
+
+ off(events, handler) {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ events.split(" ").forEach((event) => {
+ if (typeof handler === "undefined") {
+ self.eventsListeners[event] = [];
+ } else if (self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler, index) => {
+ if (
+ eventHandler === handler ||
+ (eventHandler.__emitterProxy &&
+ eventHandler.__emitterProxy === handler)
+ ) {
+ self.eventsListeners[event].splice(index, 1);
+ }
+ });
+ }
+ });
+ return self;
+ },
+
+ emit() {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ let events;
+ let data;
+ let context;
+
+ for (
+ var _len2 = arguments.length, args = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ args[_key2] = arguments[_key2];
+ }
+
+ if (typeof args[0] === "string" || Array.isArray(args[0])) {
+ events = args[0];
+ data = args.slice(1, args.length);
+ context = self;
+ } else {
+ events = args[0].events;
+ data = args[0].data;
+ context = args[0].context || self;
+ }
+
+ data.unshift(context);
+ const eventsArray = Array.isArray(events) ? events : events.split(" ");
+ eventsArray.forEach((event) => {
+ if (self.eventsAnyListeners && self.eventsAnyListeners.length) {
+ self.eventsAnyListeners.forEach((eventHandler) => {
+ eventHandler.apply(context, [event, ...data]);
+ });
+ }
+
+ if (self.eventsListeners && self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler) => {
+ eventHandler.apply(context, data);
+ });
+ }
+ });
+ return self;
+ },
+ };
+
+ function updateSize() {
+ const swiper = this;
+ let width;
+ let height;
+ const $el = swiper.$el;
+
+ if (
+ typeof swiper.params.width !== "undefined" &&
+ swiper.params.width !== null
+ ) {
+ width = swiper.params.width;
+ } else {
+ width = $el[0].clientWidth;
+ }
+
+ if (
+ typeof swiper.params.height !== "undefined" &&
+ swiper.params.height !== null
+ ) {
+ height = swiper.params.height;
+ } else {
+ height = $el[0].clientHeight;
+ }
+
+ if (
+ (width === 0 && swiper.isHorizontal()) ||
+ (height === 0 && swiper.isVertical())
+ ) {
+ return;
+ } // Subtract paddings
+
+ width =
+ width -
+ parseInt($el.css("padding-left") || 0, 10) -
+ parseInt($el.css("padding-right") || 0, 10);
+ height =
+ height -
+ parseInt($el.css("padding-top") || 0, 10) -
+ parseInt($el.css("padding-bottom") || 0, 10);
+ if (Number.isNaN(width)) width = 0;
+ if (Number.isNaN(height)) height = 0;
+ Object.assign(swiper, {
+ width,
+ height,
+ size: swiper.isHorizontal() ? width : height,
+ });
+ }
+
+ function updateSlides() {
+ const swiper = this;
+
+ function getDirectionLabel(property) {
+ if (swiper.isHorizontal()) {
+ return property;
+ } // prettier-ignore
+
+ return {
+ width: "height",
+ "margin-top": "margin-left",
+ "margin-bottom ": "margin-right",
+ "margin-left": "margin-top",
+ "margin-right": "margin-bottom",
+ "padding-left": "padding-top",
+ "padding-right": "padding-bottom",
+ marginRight: "marginBottom",
+ }[property];
+ }
+
+ function getDirectionPropertyValue(node, label) {
+ return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);
+ }
+
+ const params = swiper.params;
+ const {
+ $wrapperEl,
+ size: swiperSize,
+ rtlTranslate: rtl,
+ wrongRTL,
+ } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ const previousSlidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
+ const slidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : slides.length;
+ let snapGrid = [];
+ const slidesGrid = [];
+ const slidesSizesGrid = [];
+ let offsetBefore = params.slidesOffsetBefore;
+
+ if (typeof offsetBefore === "function") {
+ offsetBefore = params.slidesOffsetBefore.call(swiper);
+ }
+
+ let offsetAfter = params.slidesOffsetAfter;
+
+ if (typeof offsetAfter === "function") {
+ offsetAfter = params.slidesOffsetAfter.call(swiper);
+ }
+
+ const previousSnapGridLength = swiper.snapGrid.length;
+ const previousSlidesGridLength = swiper.slidesGrid.length;
+ let spaceBetween = params.spaceBetween;
+ let slidePosition = -offsetBefore;
+ let prevSlideSize = 0;
+ let index = 0;
+
+ if (typeof swiperSize === "undefined") {
+ return;
+ }
+
+ if (typeof spaceBetween === "string" && spaceBetween.indexOf("%") >= 0) {
+ spaceBetween =
+ (parseFloat(spaceBetween.replace("%", "")) / 100) * swiperSize;
+ }
+
+ swiper.virtualSize = -spaceBetween; // reset margins
+
+ if (rtl)
+ slides.css({
+ marginLeft: "",
+ marginBottom: "",
+ marginTop: "",
+ });
+ else
+ slides.css({
+ marginRight: "",
+ marginBottom: "",
+ marginTop: "",
+ }); // reset cssMode offsets
+
+ if (params.centeredSlides && params.cssMode) {
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", "");
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-after", "");
+ }
+
+ const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
+
+ if (gridEnabled) {
+ swiper.grid.initSlides(slidesLength);
+ } // Calc slides
+
+ let slideSize;
+ const shouldResetSlideSize =
+ params.slidesPerView === "auto" &&
+ params.breakpoints &&
+ Object.keys(params.breakpoints).filter((key) => {
+ return typeof params.breakpoints[key].slidesPerView !== "undefined";
+ }).length > 0;
+
+ for (let i = 0; i < slidesLength; i += 1) {
+ slideSize = 0;
+ const slide = slides.eq(i);
+
+ if (gridEnabled) {
+ swiper.grid.updateSlide(i, slide, slidesLength, getDirectionLabel);
+ }
+
+ if (slide.css("display") === "none") continue; // eslint-disable-line
+
+ if (params.slidesPerView === "auto") {
+ if (shouldResetSlideSize) {
+ slides[i].style[getDirectionLabel("width")] = ``;
+ }
+
+ const slideStyles = getComputedStyle(slide[0]);
+ const currentTransform = slide[0].style.transform;
+ const currentWebKitTransform = slide[0].style.webkitTransform;
+
+ if (currentTransform) {
+ slide[0].style.transform = "none";
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = "none";
+ }
+
+ if (params.roundLengths) {
+ slideSize = swiper.isHorizontal()
+ ? slide.outerWidth(true)
+ : slide.outerHeight(true);
+ } else {
+ // eslint-disable-next-line
+ const width = getDirectionPropertyValue(slideStyles, "width");
+ const paddingLeft = getDirectionPropertyValue(
+ slideStyles,
+ "padding-left",
+ );
+ const paddingRight = getDirectionPropertyValue(
+ slideStyles,
+ "padding-right",
+ );
+ const marginLeft = getDirectionPropertyValue(
+ slideStyles,
+ "margin-left",
+ );
+ const marginRight = getDirectionPropertyValue(
+ slideStyles,
+ "margin-right",
+ );
+ const boxSizing = slideStyles.getPropertyValue("box-sizing");
+
+ if (boxSizing && boxSizing === "border-box") {
+ slideSize = width + marginLeft + marginRight;
+ } else {
+ const { clientWidth, offsetWidth } = slide[0];
+ slideSize =
+ width +
+ paddingLeft +
+ paddingRight +
+ marginLeft +
+ marginRight +
+ (offsetWidth - clientWidth);
+ }
+ }
+
+ if (currentTransform) {
+ slide[0].style.transform = currentTransform;
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = currentWebKitTransform;
+ }
+
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+ } else {
+ slideSize =
+ (swiperSize - (params.slidesPerView - 1) * spaceBetween) /
+ params.slidesPerView;
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+
+ if (slides[i]) {
+ slides[i].style[getDirectionLabel("width")] = `${slideSize}px`;
+ }
+ }
+
+ if (slides[i]) {
+ slides[i].swiperSlideSize = slideSize;
+ }
+
+ slidesSizesGrid.push(slideSize);
+
+ if (params.centeredSlides) {
+ slidePosition =
+ slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
+ if (prevSlideSize === 0 && i !== 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (i === 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ } else {
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (
+ (index - Math.min(swiper.params.slidesPerGroupSkip, index)) %
+ swiper.params.slidesPerGroup ===
+ 0
+ )
+ snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ slidePosition = slidePosition + slideSize + spaceBetween;
+ }
+
+ swiper.virtualSize += slideSize + spaceBetween;
+ prevSlideSize = slideSize;
+ index += 1;
+ }
+
+ swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
+
+ if (
+ rtl &&
+ wrongRTL &&
+ (params.effect === "slide" || params.effect === "coverflow")
+ ) {
+ $wrapperEl.css({
+ width: `${swiper.virtualSize + params.spaceBetween}px`,
+ });
+ }
+
+ if (params.setWrapperSize) {
+ $wrapperEl.css({
+ [getDirectionLabel("width")]: `${
+ swiper.virtualSize + params.spaceBetween
+ }px`,
+ });
+ }
+
+ if (gridEnabled) {
+ swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);
+ } // Remove last grid elements depending on width
+
+ if (!params.centeredSlides) {
+ const newSlidesGrid = [];
+
+ for (let i = 0; i < snapGrid.length; i += 1) {
+ let slidesGridItem = snapGrid[i];
+ if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
+
+ if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
+ newSlidesGrid.push(slidesGridItem);
+ }
+ }
+
+ snapGrid = newSlidesGrid;
+
+ if (
+ Math.floor(swiper.virtualSize - swiperSize) -
+ Math.floor(snapGrid[snapGrid.length - 1]) >
+ 1
+ ) {
+ snapGrid.push(swiper.virtualSize - swiperSize);
+ }
+ }
+
+ if (snapGrid.length === 0) snapGrid = [0];
+
+ if (params.spaceBetween !== 0) {
+ const key =
+ swiper.isHorizontal() && rtl
+ ? "marginLeft"
+ : getDirectionLabel("marginRight");
+ slides
+ .filter((_, slideIndex) => {
+ if (!params.cssMode) return true;
+
+ if (slideIndex === slides.length - 1) {
+ return false;
+ }
+
+ return true;
+ })
+ .css({
+ [key]: `${spaceBetween}px`,
+ });
+ }
+
+ if (params.centeredSlides && params.centeredSlidesBounds) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+ const maxSnap = allSlidesSize - swiperSize;
+ snapGrid = snapGrid.map((snap) => {
+ if (snap < 0) return -offsetBefore;
+ if (snap > maxSnap) return maxSnap + offsetAfter;
+ return snap;
+ });
+ }
+
+ if (params.centerInsufficientSlides) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+
+ if (allSlidesSize < swiperSize) {
+ const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+ snapGrid.forEach((snap, snapIndex) => {
+ snapGrid[snapIndex] = snap - allSlidesOffset;
+ });
+ slidesGrid.forEach((snap, snapIndex) => {
+ slidesGrid[snapIndex] = snap + allSlidesOffset;
+ });
+ }
+ }
+
+ Object.assign(swiper, {
+ slides,
+ snapGrid,
+ slidesGrid,
+ slidesSizesGrid,
+ });
+
+ if (
+ params.centeredSlides &&
+ params.cssMode &&
+ !params.centeredSlidesBounds
+ ) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-before",
+ `${-snapGrid[0]}px`,
+ );
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-after",
+ `${
+ swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2
+ }px`,
+ );
+ const addToSnapGrid = -swiper.snapGrid[0];
+ const addToSlidesGrid = -swiper.slidesGrid[0];
+ swiper.snapGrid = swiper.snapGrid.map((v) => v + addToSnapGrid);
+ swiper.slidesGrid = swiper.slidesGrid.map((v) => v + addToSlidesGrid);
+ }
+
+ if (slidesLength !== previousSlidesLength) {
+ swiper.emit("slidesLengthChange");
+ }
+
+ if (snapGrid.length !== previousSnapGridLength) {
+ if (swiper.params.watchOverflow) swiper.checkOverflow();
+ swiper.emit("snapGridLengthChange");
+ }
+
+ if (slidesGrid.length !== previousSlidesGridLength) {
+ swiper.emit("slidesGridLengthChange");
+ }
+
+ if (params.watchSlidesProgress) {
+ swiper.updateSlidesOffset();
+ }
+
+ if (
+ !isVirtual &&
+ !params.cssMode &&
+ (params.effect === "slide" || params.effect === "fade")
+ ) {
+ const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
+ const hasClassBackfaceClassAdded =
+ swiper.$el.hasClass(backFaceHiddenClass);
+
+ if (slidesLength <= params.maxBackfaceHiddenSlides) {
+ if (!hasClassBackfaceClassAdded)
+ swiper.$el.addClass(backFaceHiddenClass);
+ } else if (hasClassBackfaceClassAdded) {
+ swiper.$el.removeClass(backFaceHiddenClass);
+ }
+ }
+ }
+
+ function updateAutoHeight(speed) {
+ const swiper = this;
+ const activeSlides = [];
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ let newHeight = 0;
+ let i;
+
+ if (typeof speed === "number") {
+ swiper.setTransition(speed);
+ } else if (speed === true) {
+ swiper.setTransition(swiper.params.speed);
+ }
+
+ const getSlideByIndex = (index) => {
+ if (isVirtual) {
+ return swiper.slides.filter(
+ (el) =>
+ parseInt(el.getAttribute("data-swiper-slide-index"), 10) === index,
+ )[0];
+ }
+
+ return swiper.slides.eq(index)[0];
+ }; // Find slides currently in view
+
+ if (
+ swiper.params.slidesPerView !== "auto" &&
+ swiper.params.slidesPerView > 1
+ ) {
+ if (swiper.params.centeredSlides) {
+ swiper.visibleSlides.each((slide) => {
+ activeSlides.push(slide);
+ });
+ } else {
+ for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
+ const index = swiper.activeIndex + i;
+ if (index > swiper.slides.length && !isVirtual) break;
+ activeSlides.push(getSlideByIndex(index));
+ }
+ }
+ } else {
+ activeSlides.push(getSlideByIndex(swiper.activeIndex));
+ } // Find new height from highest slide in view
+
+ for (i = 0; i < activeSlides.length; i += 1) {
+ if (typeof activeSlides[i] !== "undefined") {
+ const height = activeSlides[i].offsetHeight;
+ newHeight = height > newHeight ? height : newHeight;
+ }
+ } // Update Height
+
+ if (newHeight || newHeight === 0)
+ swiper.$wrapperEl.css("height", `${newHeight}px`);
+ }
+
+ function updateSlidesOffset() {
+ const swiper = this;
+ const slides = swiper.slides;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ slides[i].swiperSlideOffset = swiper.isHorizontal()
+ ? slides[i].offsetLeft
+ : slides[i].offsetTop;
+ }
+ }
+
+ function updateSlidesProgress(translate) {
+ if (translate === void 0) {
+ translate = (this && this.translate) || 0;
+ }
+
+ const swiper = this;
+ const params = swiper.params;
+ const { slides, rtlTranslate: rtl, snapGrid } = swiper;
+ if (slides.length === 0) return;
+ if (typeof slides[0].swiperSlideOffset === "undefined")
+ swiper.updateSlidesOffset();
+ let offsetCenter = -translate;
+ if (rtl) offsetCenter = translate; // Visible Slides
+
+ slides.removeClass(params.slideVisibleClass);
+ swiper.visibleSlidesIndexes = [];
+ swiper.visibleSlides = [];
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ let slideOffset = slide.swiperSlideOffset;
+
+ if (params.cssMode && params.centeredSlides) {
+ slideOffset -= slides[0].swiperSlideOffset;
+ }
+
+ const slideProgress =
+ (offsetCenter +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const originalSlideProgress =
+ (offsetCenter -
+ snapGrid[0] +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const slideBefore = -(offsetCenter - slideOffset);
+ const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
+ const isVisible =
+ (slideBefore >= 0 && slideBefore < swiper.size - 1) ||
+ (slideAfter > 1 && slideAfter <= swiper.size) ||
+ (slideBefore <= 0 && slideAfter >= swiper.size);
+
+ if (isVisible) {
+ swiper.visibleSlides.push(slide);
+ swiper.visibleSlidesIndexes.push(i);
+ slides.eq(i).addClass(params.slideVisibleClass);
+ }
+
+ slide.progress = rtl ? -slideProgress : slideProgress;
+ slide.originalProgress = rtl
+ ? -originalSlideProgress
+ : originalSlideProgress;
+ }
+
+ swiper.visibleSlides = $(swiper.visibleSlides);
+ }
+
+ function updateProgress(translate) {
+ const swiper = this;
+
+ if (typeof translate === "undefined") {
+ const multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line
+
+ translate =
+ (swiper && swiper.translate && swiper.translate * multiplier) || 0;
+ }
+
+ const params = swiper.params;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ let { progress, isBeginning, isEnd } = swiper;
+ const wasBeginning = isBeginning;
+ const wasEnd = isEnd;
+
+ if (translatesDiff === 0) {
+ progress = 0;
+ isBeginning = true;
+ isEnd = true;
+ } else {
+ progress = (translate - swiper.minTranslate()) / translatesDiff;
+ isBeginning = progress <= 0;
+ isEnd = progress >= 1;
+ }
+
+ Object.assign(swiper, {
+ progress,
+ isBeginning,
+ isEnd,
+ });
+ if (
+ params.watchSlidesProgress ||
+ (params.centeredSlides && params.autoHeight)
+ )
+ swiper.updateSlidesProgress(translate);
+
+ if (isBeginning && !wasBeginning) {
+ swiper.emit("reachBeginning toEdge");
+ }
+
+ if (isEnd && !wasEnd) {
+ swiper.emit("reachEnd toEdge");
+ }
+
+ if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
+ swiper.emit("fromEdge");
+ }
+
+ swiper.emit("progress", progress);
+ }
+
+ function updateSlidesClasses() {
+ const swiper = this;
+ const { slides, params, $wrapperEl, activeIndex, realIndex } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ slides.removeClass(
+ `${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`,
+ );
+ let activeSlide;
+
+ if (isVirtual) {
+ activeSlide = swiper.$wrapperEl.find(
+ `.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`,
+ );
+ } else {
+ activeSlide = slides.eq(activeIndex);
+ } // Active classes
+
+ activeSlide.addClass(params.slideActiveClass);
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (activeSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ }
+ } // Next Slide
+
+ let nextSlide = activeSlide
+ .nextAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slideNextClass);
+
+ if (params.loop && nextSlide.length === 0) {
+ nextSlide = slides.eq(0);
+ nextSlide.addClass(params.slideNextClass);
+ } // Prev Slide
+
+ let prevSlide = activeSlide
+ .prevAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slidePrevClass);
+
+ if (params.loop && prevSlide.length === 0) {
+ prevSlide = slides.eq(-1);
+ prevSlide.addClass(params.slidePrevClass);
+ }
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (nextSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ }
+
+ if (prevSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ }
+ }
+
+ swiper.emitSlidesClasses();
+ }
+
+ function updateActiveIndex(newActiveIndex) {
+ const swiper = this;
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+ const {
+ slidesGrid,
+ snapGrid,
+ params,
+ activeIndex: previousIndex,
+ realIndex: previousRealIndex,
+ snapIndex: previousSnapIndex,
+ } = swiper;
+ let activeIndex = newActiveIndex;
+ let snapIndex;
+
+ if (typeof activeIndex === "undefined") {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ translate >= slidesGrid[i] &&
+ translate <
+ slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2
+ ) {
+ activeIndex = i;
+ } else if (
+ translate >= slidesGrid[i] &&
+ translate < slidesGrid[i + 1]
+ ) {
+ activeIndex = i + 1;
+ }
+ } else if (translate >= slidesGrid[i]) {
+ activeIndex = i;
+ }
+ } // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ if (activeIndex < 0 || typeof activeIndex === "undefined")
+ activeIndex = 0;
+ }
+ }
+
+ if (snapGrid.indexOf(translate) >= 0) {
+ snapIndex = snapGrid.indexOf(translate);
+ } else {
+ const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
+ snapIndex =
+ skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
+ }
+
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (activeIndex === previousIndex) {
+ if (snapIndex !== previousSnapIndex) {
+ swiper.snapIndex = snapIndex;
+ swiper.emit("snapIndexChange");
+ }
+
+ return;
+ } // Get real index
+
+ const realIndex = parseInt(
+ swiper.slides.eq(activeIndex).attr("data-swiper-slide-index") ||
+ activeIndex,
+ 10,
+ );
+ Object.assign(swiper, {
+ snapIndex,
+ realIndex,
+ previousIndex,
+ activeIndex,
+ });
+ swiper.emit("activeIndexChange");
+ swiper.emit("snapIndexChange");
+
+ if (previousRealIndex !== realIndex) {
+ swiper.emit("realIndexChange");
+ }
+
+ if (swiper.initialized || swiper.params.runCallbacksOnInit) {
+ swiper.emit("slideChange");
+ }
+ }
+
+ function updateClickedSlide(e) {
+ const swiper = this;
+ const params = swiper.params;
+ const slide = $(e).closest(`.${params.slideClass}`)[0];
+ let slideFound = false;
+ let slideIndex;
+
+ if (slide) {
+ for (let i = 0; i < swiper.slides.length; i += 1) {
+ if (swiper.slides[i] === slide) {
+ slideFound = true;
+ slideIndex = i;
+ break;
+ }
+ }
+ }
+
+ if (slide && slideFound) {
+ swiper.clickedSlide = slide;
+
+ if (swiper.virtual && swiper.params.virtual.enabled) {
+ swiper.clickedIndex = parseInt(
+ $(slide).attr("data-swiper-slide-index"),
+ 10,
+ );
+ } else {
+ swiper.clickedIndex = slideIndex;
+ }
+ } else {
+ swiper.clickedSlide = undefined;
+ swiper.clickedIndex = undefined;
+ return;
+ }
+
+ if (
+ params.slideToClickedSlide &&
+ swiper.clickedIndex !== undefined &&
+ swiper.clickedIndex !== swiper.activeIndex
+ ) {
+ swiper.slideToClickedSlide();
+ }
+ }
+
+ var update = {
+ updateSize,
+ updateSlides,
+ updateAutoHeight,
+ updateSlidesOffset,
+ updateSlidesProgress,
+ updateProgress,
+ updateSlidesClasses,
+ updateActiveIndex,
+ updateClickedSlide,
+ };
+
+ function getSwiperTranslate(axis) {
+ if (axis === void 0) {
+ axis = this.isHorizontal() ? "x" : "y";
+ }
+
+ const swiper = this;
+ const { params, rtlTranslate: rtl, translate, $wrapperEl } = swiper;
+
+ if (params.virtualTranslate) {
+ return rtl ? -translate : translate;
+ }
+
+ if (params.cssMode) {
+ return translate;
+ }
+
+ let currentTranslate = getTranslate($wrapperEl[0], axis);
+ if (rtl) currentTranslate = -currentTranslate;
+ return currentTranslate || 0;
+ }
+
+ function setTranslate(translate, byController) {
+ const swiper = this;
+ const {
+ rtlTranslate: rtl,
+ params,
+ $wrapperEl,
+ wrapperEl,
+ progress,
+ } = swiper;
+ let x = 0;
+ let y = 0;
+ const z = 0;
+
+ if (swiper.isHorizontal()) {
+ x = rtl ? -translate : translate;
+ } else {
+ y = translate;
+ }
+
+ if (params.roundLengths) {
+ x = Math.floor(x);
+ y = Math.floor(y);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[swiper.isHorizontal() ? "scrollLeft" : "scrollTop"] =
+ swiper.isHorizontal() ? -x : -y;
+ } else if (!params.virtualTranslate) {
+ $wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
+ }
+
+ swiper.previousTranslate = swiper.translate;
+ swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress
+
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== progress) {
+ swiper.updateProgress(translate);
+ }
+
+ swiper.emit("setTranslate", swiper.translate, byController);
+ }
+
+ function minTranslate() {
+ return -this.snapGrid[0];
+ }
+
+ function maxTranslate() {
+ return -this.snapGrid[this.snapGrid.length - 1];
+ }
+
+ function translateTo(
+ translate,
+ speed,
+ runCallbacks,
+ translateBounds,
+ internal,
+ ) {
+ if (translate === void 0) {
+ translate = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (translateBounds === void 0) {
+ translateBounds = true;
+ }
+
+ const swiper = this;
+ const { params, wrapperEl } = swiper;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return false;
+ }
+
+ const minTranslate = swiper.minTranslate();
+ const maxTranslate = swiper.maxTranslate();
+ let newTranslate;
+ if (translateBounds && translate > minTranslate)
+ newTranslate = minTranslate;
+ else if (translateBounds && translate < maxTranslate)
+ newTranslate = maxTranslate;
+ else newTranslate = translate; // Update progress
+
+ swiper.updateProgress(newTranslate);
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+
+ if (speed === 0) {
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = -newTranslate;
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: -newTranslate,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: -newTranslate,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ if (speed === 0) {
+ swiper.setTransition(0);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionEnd");
+ }
+ } else {
+ swiper.setTransition(speed);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionStart");
+ }
+
+ if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onTranslateToWrapperTransitionEnd) {
+ swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.onTranslateToWrapperTransitionEnd = null;
+ delete swiper.onTranslateToWrapperTransitionEnd;
+
+ if (runCallbacks) {
+ swiper.emit("transitionEnd");
+ }
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ }
+ }
+
+ return true;
+ }
+
+ var translate = {
+ getTranslate: getSwiperTranslate,
+ setTranslate,
+ minTranslate,
+ maxTranslate,
+ translateTo,
+ };
+
+ function setTransition(duration, byController) {
+ const swiper = this;
+
+ if (!swiper.params.cssMode) {
+ swiper.$wrapperEl.transition(duration);
+ }
+
+ swiper.emit("setTransition", duration, byController);
+ }
+
+ function transitionEmit(_ref) {
+ let { swiper, runCallbacks, direction, step } = _ref;
+ const { activeIndex, previousIndex } = swiper;
+ let dir = direction;
+
+ if (!dir) {
+ if (activeIndex > previousIndex) dir = "next";
+ else if (activeIndex < previousIndex) dir = "prev";
+ else dir = "reset";
+ }
+
+ swiper.emit(`transition${step}`);
+
+ if (runCallbacks && activeIndex !== previousIndex) {
+ if (dir === "reset") {
+ swiper.emit(`slideResetTransition${step}`);
+ return;
+ }
+
+ swiper.emit(`slideChangeTransition${step}`);
+
+ if (dir === "next") {
+ swiper.emit(`slideNextTransition${step}`);
+ } else {
+ swiper.emit(`slidePrevTransition${step}`);
+ }
+ }
+ }
+
+ function transitionStart(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ if (params.cssMode) return;
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "Start",
+ });
+ }
+
+ function transitionEnd(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ swiper.animating = false;
+ if (params.cssMode) return;
+ swiper.setTransition(0);
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "End",
+ });
+ }
+
+ var transition = {
+ setTransition,
+ transitionStart,
+ transitionEnd,
+ };
+
+ function slideTo(index, speed, runCallbacks, internal, initial) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (typeof index !== "number" && typeof index !== "string") {
+ throw new Error(
+ `The 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`,
+ );
+ }
+
+ if (typeof index === "string") {
+ /**
+ * The `index` argument converted from `string` to `number`.
+ * @type {number}
+ */
+ const indexAsNumber = parseInt(index, 10);
+ /**
+ * Determines whether the `index` argument is a valid `number`
+ * after being converted from the `string` type.
+ * @type {boolean}
+ */
+
+ const isValidNumber = isFinite(indexAsNumber);
+
+ if (!isValidNumber) {
+ throw new Error(
+ `The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`,
+ );
+ } // Knowing that the converted `index` is a valid number,
+ // we can update the original argument's value.
+
+ index = indexAsNumber;
+ }
+
+ const swiper = this;
+ let slideIndex = index;
+ if (slideIndex < 0) slideIndex = 0;
+ const {
+ params,
+ snapGrid,
+ slidesGrid,
+ previousIndex,
+ activeIndex,
+ rtlTranslate: rtl,
+ wrapperEl,
+ enabled,
+ } = swiper;
+
+ if (
+ (swiper.animating && params.preventInteractionOnTransition) ||
+ (!enabled && !internal && !initial)
+ ) {
+ return false;
+ }
+
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
+ let snapIndex =
+ skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (
+ (activeIndex || params.initialSlide || 0) === (previousIndex || 0) &&
+ runCallbacks
+ ) {
+ swiper.emit("beforeSlideChangeStart");
+ }
+
+ const translate = -snapGrid[snapIndex]; // Update progress
+
+ swiper.updateProgress(translate); // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ const normalizedTranslate = -Math.floor(translate * 100);
+ const normalizedGrid = Math.floor(slidesGrid[i] * 100);
+ const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);
+
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate <
+ normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2
+ ) {
+ slideIndex = i;
+ } else if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate < normalizedGridNext
+ ) {
+ slideIndex = i + 1;
+ }
+ } else if (normalizedTranslate >= normalizedGrid) {
+ slideIndex = i;
+ }
+ }
+ } // Directions locks
+
+ if (swiper.initialized && slideIndex !== activeIndex) {
+ if (
+ !swiper.allowSlideNext &&
+ translate < swiper.translate &&
+ translate < swiper.minTranslate()
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ translate > swiper.translate &&
+ translate > swiper.maxTranslate()
+ ) {
+ if ((activeIndex || 0) !== slideIndex) return false;
+ }
+ }
+
+ let direction;
+ if (slideIndex > activeIndex) direction = "next";
+ else if (slideIndex < activeIndex) direction = "prev";
+ else direction = "reset"; // Update Index
+
+ if (
+ (rtl && -translate === swiper.translate) ||
+ (!rtl && translate === swiper.translate)
+ ) {
+ swiper.updateActiveIndex(slideIndex); // Update Height
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ swiper.updateSlidesClasses();
+
+ if (params.effect !== "slide") {
+ swiper.setTranslate(translate);
+ }
+
+ if (direction !== "reset") {
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ }
+
+ return false;
+ }
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+ const t = rtl ? translate : -translate;
+
+ if (speed === 0) {
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+
+ if (isVirtual) {
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ swiper._immediateVirtual = true;
+ }
+
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = t;
+
+ if (isVirtual) {
+ requestAnimationFrame(() => {
+ swiper.wrapperEl.style.scrollSnapType = "";
+ swiper._swiperImmediateVirtual = false;
+ });
+ }
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: t,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: t,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ swiper.setTransition(speed);
+ swiper.setTranslate(translate);
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.transitionStart(runCallbacks, direction);
+
+ if (speed === 0) {
+ swiper.transitionEnd(runCallbacks, direction);
+ } else if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onSlideToWrapperTransitionEnd) {
+ swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.onSlideToWrapperTransitionEnd = null;
+ delete swiper.onSlideToWrapperTransitionEnd;
+ swiper.transitionEnd(runCallbacks, direction);
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ }
+
+ return true;
+ }
+
+ function slideToLoop(index, speed, runCallbacks, internal) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ let newIndex = index;
+
+ if (swiper.params.loop) {
+ newIndex += swiper.loopedSlides;
+ }
+
+ return swiper.slideTo(newIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideNext(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { animating, enabled, params } = swiper;
+ if (!enabled) return swiper;
+ let perGroup = params.slidesPerGroup;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ perGroup = Math.max(swiper.slidesPerViewDynamic("current", true), 1);
+ }
+
+ const increment =
+ swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ if (params.rewind && swiper.isEnd) {
+ return swiper.slideTo(0, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(
+ swiper.activeIndex + increment,
+ speed,
+ runCallbacks,
+ internal,
+ );
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slidePrev(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params, animating, snapGrid, slidesGrid, rtlTranslate, enabled } =
+ swiper;
+ if (!enabled) return swiper;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ const translate = rtlTranslate ? swiper.translate : -swiper.translate;
+
+ function normalize(val) {
+ if (val < 0) return -Math.floor(Math.abs(val));
+ return Math.floor(val);
+ }
+
+ const normalizedTranslate = normalize(translate);
+ const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
+ let prevSnap =
+ snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
+
+ if (typeof prevSnap === "undefined" && params.cssMode) {
+ let prevSnapIndex;
+ snapGrid.forEach((snap, snapIndex) => {
+ if (normalizedTranslate >= snap) {
+ // prevSnap = snap;
+ prevSnapIndex = snapIndex;
+ }
+ });
+
+ if (typeof prevSnapIndex !== "undefined") {
+ prevSnap =
+ snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
+ }
+ }
+
+ let prevIndex = 0;
+
+ if (typeof prevSnap !== "undefined") {
+ prevIndex = slidesGrid.indexOf(prevSnap);
+ if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ prevIndex =
+ prevIndex - swiper.slidesPerViewDynamic("previous", true) + 1;
+ prevIndex = Math.max(prevIndex, 0);
+ }
+ }
+
+ if (params.rewind && swiper.isBeginning) {
+ const lastIndex =
+ swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ return swiper.slideTo(lastIndex, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideReset(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideToClosest(speed, runCallbacks, internal, threshold) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (threshold === void 0) {
+ threshold = 0.5;
+ }
+
+ const swiper = this;
+ let index = swiper.activeIndex;
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
+ const snapIndex =
+ skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+
+ if (translate >= swiper.snapGrid[snapIndex]) {
+ // The current translate is on or after the current snap index, so the choice
+ // is between the current index and the one after it.
+ const currentSnap = swiper.snapGrid[snapIndex];
+ const nextSnap = swiper.snapGrid[snapIndex + 1];
+
+ if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {
+ index += swiper.params.slidesPerGroup;
+ }
+ } else {
+ // The current translate is before the current snap index, so the choice
+ // is between the current index and the one before it.
+ const prevSnap = swiper.snapGrid[snapIndex - 1];
+ const currentSnap = swiper.snapGrid[snapIndex];
+
+ if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {
+ index -= swiper.params.slidesPerGroup;
+ }
+ }
+
+ index = Math.max(index, 0);
+ index = Math.min(index, swiper.slidesGrid.length - 1);
+ return swiper.slideTo(index, speed, runCallbacks, internal);
+ }
+
+ function slideToClickedSlide() {
+ const swiper = this;
+ const { params, $wrapperEl } = swiper;
+ const slidesPerView =
+ params.slidesPerView === "auto"
+ ? swiper.slidesPerViewDynamic()
+ : params.slidesPerView;
+ let slideToIndex = swiper.clickedIndex;
+ let realIndex;
+
+ if (params.loop) {
+ if (swiper.animating) return;
+ realIndex = parseInt(
+ $(swiper.clickedSlide).attr("data-swiper-slide-index"),
+ 10,
+ );
+
+ if (params.centeredSlides) {
+ if (
+ slideToIndex < swiper.loopedSlides - slidesPerView / 2 ||
+ slideToIndex >
+ swiper.slides.length - swiper.loopedSlides + slidesPerView / 2
+ ) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else if (slideToIndex > swiper.slides.length - slidesPerView) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+
+ var slide = {
+ slideTo,
+ slideToLoop,
+ slideNext,
+ slidePrev,
+ slideReset,
+ slideToClosest,
+ slideToClickedSlide,
+ };
+
+ function loopCreate() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, $wrapperEl } = swiper; // Remove duplicated slides
+
+ const $selector =
+ $wrapperEl.children().length > 0
+ ? $($wrapperEl.children()[0].parentNode)
+ : $wrapperEl;
+ $selector
+ .children(`.${params.slideClass}.${params.slideDuplicateClass}`)
+ .remove();
+ let slides = $selector.children(`.${params.slideClass}`);
+
+ if (params.loopFillGroupWithBlank) {
+ const blankSlidesNum =
+ params.slidesPerGroup - (slides.length % params.slidesPerGroup);
+
+ if (blankSlidesNum !== params.slidesPerGroup) {
+ for (let i = 0; i < blankSlidesNum; i += 1) {
+ const blankNode = $(document.createElement("div")).addClass(
+ `${params.slideClass} ${params.slideBlankClass}`,
+ );
+ $selector.append(blankNode);
+ }
+
+ slides = $selector.children(`.${params.slideClass}`);
+ }
+ }
+
+ if (params.slidesPerView === "auto" && !params.loopedSlides)
+ params.loopedSlides = slides.length;
+ swiper.loopedSlides = Math.ceil(
+ parseFloat(params.loopedSlides || params.slidesPerView, 10),
+ );
+ swiper.loopedSlides += params.loopAdditionalSlides;
+
+ if (swiper.loopedSlides > slides.length) {
+ swiper.loopedSlides = slides.length;
+ }
+
+ const prependSlides = [];
+ const appendSlides = [];
+ slides.each((el, index) => {
+ const slide = $(el);
+
+ if (index < swiper.loopedSlides) {
+ appendSlides.push(el);
+ }
+
+ if (
+ index < slides.length &&
+ index >= slides.length - swiper.loopedSlides
+ ) {
+ prependSlides.push(el);
+ }
+
+ slide.attr("data-swiper-slide-index", index);
+ });
+
+ for (let i = 0; i < appendSlides.length; i += 1) {
+ $selector.append(
+ $(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass),
+ );
+ }
+
+ for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
+ $selector.prepend(
+ $(prependSlides[i].cloneNode(true)).addClass(
+ params.slideDuplicateClass,
+ ),
+ );
+ }
+ }
+
+ function loopFix() {
+ const swiper = this;
+ swiper.emit("beforeLoopFix");
+ const {
+ activeIndex,
+ slides,
+ loopedSlides,
+ allowSlidePrev,
+ allowSlideNext,
+ snapGrid,
+ rtlTranslate: rtl,
+ } = swiper;
+ let newIndex;
+ swiper.allowSlidePrev = true;
+ swiper.allowSlideNext = true;
+ const snapTranslate = -snapGrid[activeIndex];
+ const diff = snapTranslate - swiper.getTranslate(); // Fix For Negative Oversliding
+
+ if (activeIndex < loopedSlides) {
+ newIndex = slides.length - loopedSlides * 3 + activeIndex;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ } else if (activeIndex >= slides.length - loopedSlides) {
+ // Fix For Positive Oversliding
+ newIndex = -slides.length + activeIndex + loopedSlides;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ }
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ swiper.emit("loopFix");
+ }
+
+ function loopDestroy() {
+ const swiper = this;
+ const { $wrapperEl, params, slides } = swiper;
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`,
+ )
+ .remove();
+ slides.removeAttr("data-swiper-slide-index");
+ }
+
+ var loop = {
+ loopCreate,
+ loopFix,
+ loopDestroy,
+ };
+
+ function setGrabCursor(moving) {
+ const swiper = this;
+ if (
+ swiper.support.touch ||
+ !swiper.params.simulateTouch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ )
+ return;
+ const el =
+ swiper.params.touchEventsTarget === "container"
+ ? swiper.el
+ : swiper.wrapperEl;
+ el.style.cursor = "move";
+ el.style.cursor = moving ? "-webkit-grabbing" : "-webkit-grab";
+ el.style.cursor = moving ? "-moz-grabbin" : "-moz-grab";
+ el.style.cursor = moving ? "grabbing" : "grab";
+ }
+
+ function unsetGrabCursor() {
+ const swiper = this;
+
+ if (
+ swiper.support.touch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ ) {
+ return;
+ }
+
+ swiper[
+ swiper.params.touchEventsTarget === "container" ? "el" : "wrapperEl"
+ ].style.cursor = "";
+ }
+
+ var grabCursor = {
+ setGrabCursor,
+ unsetGrabCursor,
+ };
+
+ function closestElement(selector, base) {
+ if (base === void 0) {
+ base = this;
+ }
+
+ function __closestFrom(el) {
+ if (!el || el === getDocument() || el === getWindow()) return null;
+ if (el.assignedSlot) el = el.assignedSlot;
+ const found = el.closest(selector);
+ return found || __closestFrom(el.getRootNode().host);
+ }
+
+ return __closestFrom(base);
+ }
+
+ function onTouchStart(event) {
+ const swiper = this;
+ const document = getDocument();
+ const window = getWindow();
+ const data = swiper.touchEventsData;
+ const { params, touches, enabled } = swiper;
+ if (!enabled) return;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return;
+ }
+
+ if (!swiper.animating && params.cssMode && params.loop) {
+ swiper.loopFix();
+ }
+
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+ let $targetEl = $(e.target);
+
+ if (params.touchEventsTarget === "wrapper") {
+ if (!$targetEl.closest(swiper.wrapperEl).length) return;
+ }
+
+ data.isTouchEvent = e.type === "touchstart";
+ if (!data.isTouchEvent && "which" in e && e.which === 3) return;
+ if (!data.isTouchEvent && "button" in e && e.button > 0) return;
+ if (data.isTouched && data.isMoved) return; // change target el for shadow root component
+
+ const swipingClassHasValue =
+ !!params.noSwipingClass && params.noSwipingClass !== "";
+
+ if (
+ swipingClassHasValue &&
+ e.target &&
+ e.target.shadowRoot &&
+ event.path &&
+ event.path[0]
+ ) {
+ $targetEl = $(event.path[0]);
+ }
+
+ const noSwipingSelector = params.noSwipingSelector
+ ? params.noSwipingSelector
+ : `.${params.noSwipingClass}`;
+ const isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element
+
+ if (
+ params.noSwiping &&
+ (isTargetShadow
+ ? closestElement(noSwipingSelector, e.target)
+ : $targetEl.closest(noSwipingSelector)[0])
+ ) {
+ swiper.allowClick = true;
+ return;
+ }
+
+ if (params.swipeHandler) {
+ if (!$targetEl.closest(params.swipeHandler)[0]) return;
+ }
+
+ touches.currentX =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ touches.currentY =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ const startX = touches.currentX;
+ const startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
+
+ const edgeSwipeDetection =
+ params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
+ const edgeSwipeThreshold =
+ params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
+
+ if (
+ edgeSwipeDetection &&
+ (startX <= edgeSwipeThreshold ||
+ startX >= window.innerWidth - edgeSwipeThreshold)
+ ) {
+ if (edgeSwipeDetection === "prevent") {
+ event.preventDefault();
+ } else {
+ return;
+ }
+ }
+
+ Object.assign(data, {
+ isTouched: true,
+ isMoved: false,
+ allowTouchCallbacks: true,
+ isScrolling: undefined,
+ startMoving: undefined,
+ });
+ touches.startX = startX;
+ touches.startY = startY;
+ data.touchStartTime = now();
+ swiper.allowClick = true;
+ swiper.updateSize();
+ swiper.swipeDirection = undefined;
+ if (params.threshold > 0) data.allowThresholdMove = false;
+
+ if (e.type !== "touchstart") {
+ let preventDefault = true;
+
+ if ($targetEl.is(data.focusableElements)) {
+ preventDefault = false;
+
+ if ($targetEl[0].nodeName === "SELECT") {
+ data.isTouched = false;
+ }
+ }
+
+ if (
+ document.activeElement &&
+ $(document.activeElement).is(data.focusableElements) &&
+ document.activeElement !== $targetEl[0]
+ ) {
+ document.activeElement.blur();
+ }
+
+ const shouldPreventDefault =
+ preventDefault &&
+ swiper.allowTouchMove &&
+ params.touchStartPreventDefault;
+
+ if (
+ (params.touchStartForcePreventDefault || shouldPreventDefault) &&
+ !$targetEl[0].isContentEditable
+ ) {
+ e.preventDefault();
+ }
+ }
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ swiper.freeMode &&
+ swiper.animating &&
+ !params.cssMode
+ ) {
+ swiper.freeMode.onTouchStart();
+ }
+
+ swiper.emit("touchStart", e);
+ }
+
+ function onTouchMove(event) {
+ const document = getDocument();
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (!data.isTouched) {
+ if (data.startMoving && data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && e.type !== "touchmove") return;
+ const targetTouch =
+ e.type === "touchmove" &&
+ e.targetTouches &&
+ (e.targetTouches[0] || e.changedTouches[0]);
+ const pageX = e.type === "touchmove" ? targetTouch.pageX : e.pageX;
+ const pageY = e.type === "touchmove" ? targetTouch.pageY : e.pageY;
+
+ if (e.preventedByNestedSwiper) {
+ touches.startX = pageX;
+ touches.startY = pageY;
+ return;
+ }
+
+ if (!swiper.allowTouchMove) {
+ if (!$(e.target).is(data.focusableElements)) {
+ swiper.allowClick = false;
+ }
+
+ if (data.isTouched) {
+ Object.assign(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ });
+ data.touchStartTime = now();
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
+ if (swiper.isVertical()) {
+ // Vertical
+ if (
+ (pageY < touches.startY &&
+ swiper.translate <= swiper.maxTranslate()) ||
+ (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ return;
+ }
+ } else if (
+ (pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) ||
+ (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
+ ) {
+ return;
+ }
+ }
+
+ if (data.isTouchEvent && document.activeElement) {
+ if (
+ e.target === document.activeElement &&
+ $(e.target).is(data.focusableElements)
+ ) {
+ data.isMoved = true;
+ swiper.allowClick = false;
+ return;
+ }
+ }
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchMove", e);
+ }
+
+ if (e.targetTouches && e.targetTouches.length > 1) return;
+ touches.currentX = pageX;
+ touches.currentY = pageY;
+ const diffX = touches.currentX - touches.startX;
+ const diffY = touches.currentY - touches.startY;
+ if (
+ swiper.params.threshold &&
+ Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold
+ )
+ return;
+
+ if (typeof data.isScrolling === "undefined") {
+ let touchAngle;
+
+ if (
+ (swiper.isHorizontal() && touches.currentY === touches.startY) ||
+ (swiper.isVertical() && touches.currentX === touches.startX)
+ ) {
+ data.isScrolling = false;
+ } else {
+ // eslint-disable-next-line
+ if (diffX * diffX + diffY * diffY >= 25) {
+ touchAngle =
+ (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
+ data.isScrolling = swiper.isHorizontal()
+ ? touchAngle > params.touchAngle
+ : 90 - touchAngle > params.touchAngle;
+ }
+ }
+ }
+
+ if (data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ if (typeof data.startMoving === "undefined") {
+ if (
+ touches.currentX !== touches.startX ||
+ touches.currentY !== touches.startY
+ ) {
+ data.startMoving = true;
+ }
+ }
+
+ if (data.isScrolling) {
+ data.isTouched = false;
+ return;
+ }
+
+ if (!data.startMoving) {
+ return;
+ }
+
+ swiper.allowClick = false;
+
+ if (!params.cssMode && e.cancelable) {
+ e.preventDefault();
+ }
+
+ if (params.touchMoveStopPropagation && !params.nested) {
+ e.stopPropagation();
+ }
+
+ if (!data.isMoved) {
+ if (params.loop && !params.cssMode) {
+ swiper.loopFix();
+ }
+
+ data.startTranslate = swiper.getTranslate();
+ swiper.setTransition(0);
+
+ if (swiper.animating) {
+ swiper.$wrapperEl.trigger("webkitTransitionEnd transitionend");
+ }
+
+ data.allowMomentumBounce = false; // Grab Cursor
+
+ if (
+ params.grabCursor &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(true);
+ }
+
+ swiper.emit("sliderFirstMove", e);
+ }
+
+ swiper.emit("sliderMove", e);
+ data.isMoved = true;
+ let diff = swiper.isHorizontal() ? diffX : diffY;
+ touches.diff = diff;
+ diff *= params.touchRatio;
+ if (rtl) diff = -diff;
+ swiper.swipeDirection = diff > 0 ? "prev" : "next";
+ data.currentTranslate = diff + data.startTranslate;
+ let disableParentSwiper = true;
+ let resistanceRatio = params.resistanceRatio;
+
+ if (params.touchReleaseOnEdges) {
+ resistanceRatio = 0;
+ }
+
+ if (diff > 0 && data.currentTranslate > swiper.minTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.minTranslate() -
+ 1 +
+ (-swiper.minTranslate() + data.startTranslate + diff) **
+ resistanceRatio;
+ } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.maxTranslate() +
+ 1 -
+ (swiper.maxTranslate() - data.startTranslate - diff) **
+ resistanceRatio;
+ }
+
+ if (disableParentSwiper) {
+ e.preventedByNestedSwiper = true;
+ } // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ swiper.swipeDirection === "next" &&
+ data.currentTranslate < data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ swiper.swipeDirection === "prev" &&
+ data.currentTranslate > data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
+ data.currentTranslate = data.startTranslate;
+ } // Threshold
+
+ if (params.threshold > 0) {
+ if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
+ if (!data.allowThresholdMove) {
+ data.allowThresholdMove = true;
+ touches.startX = touches.currentX;
+ touches.startY = touches.currentY;
+ data.currentTranslate = data.startTranslate;
+ touches.diff = swiper.isHorizontal()
+ ? touches.currentX - touches.startX
+ : touches.currentY - touches.startY;
+ return;
+ }
+ } else {
+ data.currentTranslate = data.startTranslate;
+ return;
+ }
+ }
+
+ if (!params.followFinger || params.cssMode) return; // Update active index in free mode
+
+ if (
+ (params.freeMode && params.freeMode.enabled && swiper.freeMode) ||
+ params.watchSlidesProgress
+ ) {
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled && swiper.freeMode) {
+ swiper.freeMode.onTouchMove();
+ } // Update progress
+
+ swiper.updateProgress(data.currentTranslate); // Update translate
+
+ swiper.setTranslate(data.currentTranslate);
+ }
+
+ function onTouchEnd(event) {
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, slidesGrid, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchEnd", e);
+ }
+
+ data.allowTouchCallbacks = false;
+
+ if (!data.isTouched) {
+ if (data.isMoved && params.grabCursor) {
+ swiper.setGrabCursor(false);
+ }
+
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ } // Return Grab Cursor
+
+ if (
+ params.grabCursor &&
+ data.isMoved &&
+ data.isTouched &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(false);
+ } // Time diff
+
+ const touchEndTime = now();
+ const timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click
+
+ if (swiper.allowClick) {
+ const pathTree = e.path || (e.composedPath && e.composedPath());
+ swiper.updateClickedSlide((pathTree && pathTree[0]) || e.target);
+ swiper.emit("tap click", e);
+
+ if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {
+ swiper.emit("doubleTap doubleClick", e);
+ }
+ }
+
+ data.lastClickTime = now();
+ nextTick(() => {
+ if (!swiper.destroyed) swiper.allowClick = true;
+ });
+
+ if (
+ !data.isTouched ||
+ !data.isMoved ||
+ !swiper.swipeDirection ||
+ touches.diff === 0 ||
+ data.currentTranslate === data.startTranslate
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ let currentPos;
+
+ if (params.followFinger) {
+ currentPos = rtl ? swiper.translate : -swiper.translate;
+ } else {
+ currentPos = -data.currentTranslate;
+ }
+
+ if (params.cssMode) {
+ return;
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled) {
+ swiper.freeMode.onTouchEnd({
+ currentPos,
+ });
+ return;
+ } // Find current slide
+
+ let stopIndex = 0;
+ let groupSize = swiper.slidesSizesGrid[0];
+
+ for (
+ let i = 0;
+ i < slidesGrid.length;
+ i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup
+ ) {
+ const increment =
+ i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (typeof slidesGrid[i + increment] !== "undefined") {
+ if (
+ currentPos >= slidesGrid[i] &&
+ currentPos < slidesGrid[i + increment]
+ ) {
+ stopIndex = i;
+ groupSize = slidesGrid[i + increment] - slidesGrid[i];
+ }
+ } else if (currentPos >= slidesGrid[i]) {
+ stopIndex = i;
+ groupSize =
+ slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
+ }
+ }
+
+ let rewindFirstIndex = null;
+ let rewindLastIndex = null;
+
+ if (params.rewind) {
+ if (swiper.isBeginning) {
+ rewindLastIndex =
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ } else if (swiper.isEnd) {
+ rewindFirstIndex = 0;
+ }
+ } // Find current slide size
+
+ const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
+ const increment =
+ stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (timeDiff > params.longSwipesMs) {
+ // Long touches
+ if (!params.longSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ if (swiper.swipeDirection === "next") {
+ if (ratio >= params.longSwipesRatio)
+ swiper.slideTo(
+ params.rewind && swiper.isEnd
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ else swiper.slideTo(stopIndex);
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ if (ratio > 1 - params.longSwipesRatio) {
+ swiper.slideTo(stopIndex + increment);
+ } else if (
+ rewindLastIndex !== null &&
+ ratio < 0 &&
+ Math.abs(ratio) > params.longSwipesRatio
+ ) {
+ swiper.slideTo(rewindLastIndex);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ } else {
+ // Short swipes
+ if (!params.shortSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ const isNavButtonTarget =
+ swiper.navigation &&
+ (e.target === swiper.navigation.nextEl ||
+ e.target === swiper.navigation.prevEl);
+
+ if (!isNavButtonTarget) {
+ if (swiper.swipeDirection === "next") {
+ swiper.slideTo(
+ rewindFirstIndex !== null
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ swiper.slideTo(
+ rewindLastIndex !== null ? rewindLastIndex : stopIndex,
+ );
+ }
+ } else if (e.target === swiper.navigation.nextEl) {
+ swiper.slideTo(stopIndex + increment);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ }
+
+ function onResize() {
+ const swiper = this;
+ const { params, el } = swiper;
+ if (el && el.offsetWidth === 0) return; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Save locks
+
+ const { allowSlideNext, allowSlidePrev, snapGrid } = swiper; // Disable locks on resize
+
+ swiper.allowSlideNext = true;
+ swiper.allowSlidePrev = true;
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateSlidesClasses();
+
+ if (
+ (params.slidesPerView === "auto" || params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.isBeginning &&
+ !swiper.params.centeredSlides
+ ) {
+ swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
+ swiper.autoplay.run();
+ } // Return locks after resize
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+
+ if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ }
+
+ function onClick(e) {
+ const swiper = this;
+ if (!swiper.enabled) return;
+
+ if (!swiper.allowClick) {
+ if (swiper.params.preventClicks) e.preventDefault();
+
+ if (swiper.params.preventClicksPropagation && swiper.animating) {
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ }
+ }
+ }
+
+ function onScroll() {
+ const swiper = this;
+ const { wrapperEl, rtlTranslate, enabled } = swiper;
+ if (!enabled) return;
+ swiper.previousTranslate = swiper.translate;
+
+ if (swiper.isHorizontal()) {
+ swiper.translate = -wrapperEl.scrollLeft;
+ } else {
+ swiper.translate = -wrapperEl.scrollTop;
+ } // eslint-disable-next-line
+
+ if (swiper.translate === -0) swiper.translate = 0;
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== swiper.progress) {
+ swiper.updateProgress(
+ rtlTranslate ? -swiper.translate : swiper.translate,
+ );
+ }
+
+ swiper.emit("setTranslate", swiper.translate, false);
+ }
+
+ let dummyEventAttached = false;
+
+ function dummyEventListener() {}
+
+ const events = (swiper, method) => {
+ const document = getDocument();
+ const { params, touchEvents, el, wrapperEl, device, support } = swiper;
+ const capture = !!params.nested;
+ const domMethod =
+ method === "on" ? "addEventListener" : "removeEventListener";
+ const swiperMethod = method; // Touch Events
+
+ if (!support.touch) {
+ el[domMethod](touchEvents.start, swiper.onTouchStart, false);
+ document[domMethod](touchEvents.move, swiper.onTouchMove, capture);
+ document[domMethod](touchEvents.end, swiper.onTouchEnd, false);
+ } else {
+ const passiveListener =
+ touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ el[domMethod](touchEvents.start, swiper.onTouchStart, passiveListener);
+ el[domMethod](
+ touchEvents.move,
+ swiper.onTouchMove,
+ support.passiveListener
+ ? {
+ passive: false,
+ capture,
+ }
+ : capture,
+ );
+ el[domMethod](touchEvents.end, swiper.onTouchEnd, passiveListener);
+
+ if (touchEvents.cancel) {
+ el[domMethod](touchEvents.cancel, swiper.onTouchEnd, passiveListener);
+ }
+ } // Prevent Links Clicks
+
+ if (params.preventClicks || params.preventClicksPropagation) {
+ el[domMethod]("click", swiper.onClick, true);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[domMethod]("scroll", swiper.onScroll);
+ } // Resize handler
+
+ if (params.updateOnWindowResize) {
+ swiper[swiperMethod](
+ device.ios || device.android
+ ? "resize orientationchange observerUpdate"
+ : "resize observerUpdate",
+ onResize,
+ true,
+ );
+ } else {
+ swiper[swiperMethod]("observerUpdate", onResize, true);
+ }
+ };
+
+ function attachEvents() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, support } = swiper;
+ swiper.onTouchStart = onTouchStart.bind(swiper);
+ swiper.onTouchMove = onTouchMove.bind(swiper);
+ swiper.onTouchEnd = onTouchEnd.bind(swiper);
+
+ if (params.cssMode) {
+ swiper.onScroll = onScroll.bind(swiper);
+ }
+
+ swiper.onClick = onClick.bind(swiper);
+
+ if (support.touch && !dummyEventAttached) {
+ document.addEventListener("touchstart", dummyEventListener);
+ dummyEventAttached = true;
+ }
+
+ events(swiper, "on");
+ }
+
+ function detachEvents() {
+ const swiper = this;
+ events(swiper, "off");
+ }
+
+ var events$1 = {
+ attachEvents,
+ detachEvents,
+ };
+
+ const isGridEnabled = (swiper, params) => {
+ return swiper.grid && params.grid && params.grid.rows > 1;
+ };
+
+ function setBreakpoint() {
+ const swiper = this;
+ const { activeIndex, initialized, loopedSlides = 0, params, $el } = swiper;
+ const breakpoints = params.breakpoints;
+ if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0))
+ return; // Get breakpoint for window width and update parameters
+
+ const breakpoint = swiper.getBreakpoint(
+ breakpoints,
+ swiper.params.breakpointsBase,
+ swiper.el,
+ );
+ if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
+ const breakpointOnlyParams =
+ breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
+ const breakpointParams = breakpointOnlyParams || swiper.originalParams;
+ const wasMultiRow = isGridEnabled(swiper, params);
+ const isMultiRow = isGridEnabled(swiper, breakpointParams);
+ const wasEnabled = params.enabled;
+
+ if (wasMultiRow && !isMultiRow) {
+ $el.removeClass(
+ `${params.containerModifierClass}grid ${params.containerModifierClass}grid-column`,
+ );
+ swiper.emitContainerClasses();
+ } else if (!wasMultiRow && isMultiRow) {
+ $el.addClass(`${params.containerModifierClass}grid`);
+
+ if (
+ (breakpointParams.grid.fill &&
+ breakpointParams.grid.fill === "column") ||
+ (!breakpointParams.grid.fill && params.grid.fill === "column")
+ ) {
+ $el.addClass(`${params.containerModifierClass}grid-column`);
+ }
+
+ swiper.emitContainerClasses();
+ }
+
+ const directionChanged =
+ breakpointParams.direction &&
+ breakpointParams.direction !== params.direction;
+ const needsReLoop =
+ params.loop &&
+ (breakpointParams.slidesPerView !== params.slidesPerView ||
+ directionChanged);
+
+ if (directionChanged && initialized) {
+ swiper.changeDirection();
+ }
+
+ extend(swiper.params, breakpointParams);
+ const isEnabled = swiper.params.enabled;
+ Object.assign(swiper, {
+ allowTouchMove: swiper.params.allowTouchMove,
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ });
+
+ if (wasEnabled && !isEnabled) {
+ swiper.disable();
+ } else if (!wasEnabled && isEnabled) {
+ swiper.enable();
+ }
+
+ swiper.currentBreakpoint = breakpoint;
+ swiper.emit("_beforeBreakpoint", breakpointParams);
+
+ if (needsReLoop && initialized) {
+ swiper.loopDestroy();
+ swiper.loopCreate();
+ swiper.updateSlides();
+ swiper.slideTo(
+ activeIndex - loopedSlides + swiper.loopedSlides,
+ 0,
+ false,
+ );
+ }
+
+ swiper.emit("breakpoint", breakpointParams);
+ }
+
+ function getBreakpoint(breakpoints, base, containerEl) {
+ if (base === void 0) {
+ base = "window";
+ }
+
+ if (!breakpoints || (base === "container" && !containerEl))
+ return undefined;
+ let breakpoint = false;
+ const window = getWindow();
+ const currentHeight =
+ base === "window" ? window.innerHeight : containerEl.clientHeight;
+ const points = Object.keys(breakpoints).map((point) => {
+ if (typeof point === "string" && point.indexOf("@") === 0) {
+ const minRatio = parseFloat(point.substr(1));
+ const value = currentHeight * minRatio;
+ return {
+ value,
+ point,
+ };
+ }
+
+ return {
+ value: point,
+ point,
+ };
+ });
+ points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));
+
+ for (let i = 0; i < points.length; i += 1) {
+ const { point, value } = points[i];
+
+ if (base === "window") {
+ if (window.matchMedia(`(min-width: ${value}px)`).matches) {
+ breakpoint = point;
+ }
+ } else if (value <= containerEl.clientWidth) {
+ breakpoint = point;
+ }
+ }
+
+ return breakpoint || "max";
+ }
+
+ var breakpoints = {
+ setBreakpoint,
+ getBreakpoint,
+ };
+
+ function prepareClasses(entries, prefix) {
+ const resultClasses = [];
+ entries.forEach((item) => {
+ if (typeof item === "object") {
+ Object.keys(item).forEach((classNames) => {
+ if (item[classNames]) {
+ resultClasses.push(prefix + classNames);
+ }
+ });
+ } else if (typeof item === "string") {
+ resultClasses.push(prefix + item);
+ }
+ });
+ return resultClasses;
+ }
+
+ function addClasses() {
+ const swiper = this;
+ const {
+ classNames,
+ params,
+ rtl,
+ $el,
+ device,
+ support
+ } = swiper; // prettier-ignore
+
+ const suffixes = prepareClasses(
+ [
+ "initialized",
+ params.direction,
+ {
+ "pointer-events": !support.touch,
+ },
+ {
+ "free-mode": swiper.params.freeMode && params.freeMode.enabled,
+ },
+ {
+ autoheight: params.autoHeight,
+ },
+ {
+ rtl: rtl,
+ },
+ {
+ grid: params.grid && params.grid.rows > 1,
+ },
+ {
+ "grid-column":
+ params.grid &&
+ params.grid.rows > 1 &&
+ params.grid.fill === "column",
+ },
+ {
+ android: device.android,
+ },
+ {
+ ios: device.ios,
+ },
+ {
+ "css-mode": params.cssMode,
+ },
+ {
+ centered: params.cssMode && params.centeredSlides,
+ },
+ ],
+ params.containerModifierClass,
+ );
+ classNames.push(...suffixes);
+ $el.addClass([...classNames].join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ function removeClasses() {
+ const swiper = this;
+ const { $el, classNames } = swiper;
+ $el.removeClass(classNames.join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ var classes = {
+ addClasses,
+ removeClasses,
+ };
+
+ function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {
+ const window = getWindow();
+ let image;
+
+ function onReady() {
+ if (callback) callback();
+ }
+
+ const isPicture = $(imageEl).parent("picture")[0];
+
+ if (!isPicture && (!imageEl.complete || !checkForComplete)) {
+ if (src) {
+ image = new window.Image();
+ image.onload = onReady;
+ image.onerror = onReady;
+
+ if (sizes) {
+ image.sizes = sizes;
+ }
+
+ if (srcset) {
+ image.srcset = srcset;
+ }
+
+ if (src) {
+ image.src = src;
+ }
+ } else {
+ onReady();
+ }
+ } else {
+ // image already loaded...
+ onReady();
+ }
+ }
+
+ function preloadImages() {
+ const swiper = this;
+ swiper.imagesToLoad = swiper.$el.find("img");
+
+ function onReady() {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ swiper.destroyed
+ )
+ return;
+ if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;
+
+ if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
+ if (swiper.params.updateOnImagesReady) swiper.update();
+ swiper.emit("imagesReady");
+ }
+ }
+
+ for (let i = 0; i < swiper.imagesToLoad.length; i += 1) {
+ const imageEl = swiper.imagesToLoad[i];
+ swiper.loadImage(
+ imageEl,
+ imageEl.currentSrc || imageEl.getAttribute("src"),
+ imageEl.srcset || imageEl.getAttribute("srcset"),
+ imageEl.sizes || imageEl.getAttribute("sizes"),
+ true,
+ onReady,
+ );
+ }
+ }
+
+ var images = {
+ loadImage,
+ preloadImages,
+ };
+
+ function checkOverflow() {
+ const swiper = this;
+ const { isLocked: wasLocked, params } = swiper;
+ const { slidesOffsetBefore } = params;
+
+ if (slidesOffsetBefore) {
+ const lastSlideIndex = swiper.slides.length - 1;
+ const lastSlideRightEdge =
+ swiper.slidesGrid[lastSlideIndex] +
+ swiper.slidesSizesGrid[lastSlideIndex] +
+ slidesOffsetBefore * 2;
+ swiper.isLocked = swiper.size > lastSlideRightEdge;
+ } else {
+ swiper.isLocked = swiper.snapGrid.length === 1;
+ }
+
+ if (params.allowSlideNext === true) {
+ swiper.allowSlideNext = !swiper.isLocked;
+ }
+
+ if (params.allowSlidePrev === true) {
+ swiper.allowSlidePrev = !swiper.isLocked;
+ }
+
+ if (wasLocked && wasLocked !== swiper.isLocked) {
+ swiper.isEnd = false;
+ }
+
+ if (wasLocked !== swiper.isLocked) {
+ swiper.emit(swiper.isLocked ? "lock" : "unlock");
+ }
+ }
+
+ var checkOverflow$1 = {
+ checkOverflow,
+ };
+
+ var defaults = {
+ init: true,
+ direction: "horizontal",
+ touchEventsTarget: "wrapper",
+ initialSlide: 0,
+ speed: 300,
+ cssMode: false,
+ updateOnWindowResize: true,
+ resizeObserver: true,
+ nested: false,
+ createElements: false,
+ enabled: true,
+ focusableElements: "input, select, option, textarea, button, video, label",
+ // Overrides
+ width: null,
+ height: null,
+ //
+ preventInteractionOnTransition: false,
+ // ssr
+ userAgent: null,
+ url: null,
+ // To support iOS's swipe-to-go-back gesture (when being used in-app).
+ edgeSwipeDetection: false,
+ edgeSwipeThreshold: 20,
+ // Autoheight
+ autoHeight: false,
+ // Set wrapper width
+ setWrapperSize: false,
+ // Virtual Translate
+ virtualTranslate: false,
+ // Effects
+ effect: "slide",
+ // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
+ // Breakpoints
+ breakpoints: undefined,
+ breakpointsBase: "window",
+ // Slides grid
+ spaceBetween: 0,
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ slidesPerGroupSkip: 0,
+ slidesPerGroupAuto: false,
+ centeredSlides: false,
+ centeredSlidesBounds: false,
+ slidesOffsetBefore: 0,
+ // in px
+ slidesOffsetAfter: 0,
+ // in px
+ normalizeSlideIndex: true,
+ centerInsufficientSlides: false,
+ // Disable swiper and hide navigation when container not overflow
+ watchOverflow: true,
+ // Round length
+ roundLengths: false,
+ // Touches
+ touchRatio: 1,
+ touchAngle: 45,
+ simulateTouch: true,
+ shortSwipes: true,
+ longSwipes: true,
+ longSwipesRatio: 0.5,
+ longSwipesMs: 300,
+ followFinger: true,
+ allowTouchMove: true,
+ threshold: 0,
+ touchMoveStopPropagation: false,
+ touchStartPreventDefault: true,
+ touchStartForcePreventDefault: false,
+ touchReleaseOnEdges: false,
+ // Unique Navigation Elements
+ uniqueNavElements: true,
+ // Resistance
+ resistance: true,
+ resistanceRatio: 0.85,
+ // Progress
+ watchSlidesProgress: false,
+ // Cursor
+ grabCursor: false,
+ // Clicks
+ preventClicks: true,
+ preventClicksPropagation: true,
+ slideToClickedSlide: false,
+ // Images
+ preloadImages: true,
+ updateOnImagesReady: true,
+ // loop
+ loop: false,
+ loopAdditionalSlides: 0,
+ loopedSlides: null,
+ loopFillGroupWithBlank: false,
+ loopPreventsSlide: true,
+ // rewind
+ rewind: false,
+ // Swiping/no swiping
+ allowSlidePrev: true,
+ allowSlideNext: true,
+ swipeHandler: null,
+ // '.swipe-handler',
+ noSwiping: true,
+ noSwipingClass: "swiper-no-swiping",
+ noSwipingSelector: null,
+ // Passive Listeners
+ passiveListeners: true,
+ maxBackfaceHiddenSlides: 10,
+ // NS
+ containerModifierClass: "swiper-",
+ // NEW
+ slideClass: "swiper-slide",
+ slideBlankClass: "swiper-slide-invisible-blank",
+ slideActiveClass: "swiper-slide-active",
+ slideDuplicateActiveClass: "swiper-slide-duplicate-active",
+ slideVisibleClass: "swiper-slide-visible",
+ slideDuplicateClass: "swiper-slide-duplicate",
+ slideNextClass: "swiper-slide-next",
+ slideDuplicateNextClass: "swiper-slide-duplicate-next",
+ slidePrevClass: "swiper-slide-prev",
+ slideDuplicatePrevClass: "swiper-slide-duplicate-prev",
+ wrapperClass: "swiper-wrapper",
+ // Callbacks
+ runCallbacksOnInit: true,
+ // Internals
+ _emitClasses: false,
+ };
+
+ function moduleExtendParams(params, allModulesParams) {
+ return function extendParams(obj) {
+ if (obj === void 0) {
+ obj = {};
+ }
+
+ const moduleParamName = Object.keys(obj)[0];
+ const moduleParams = obj[moduleParamName];
+
+ if (typeof moduleParams !== "object" || moduleParams === null) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (
+ ["navigation", "pagination", "scrollbar"].indexOf(moduleParamName) >=
+ 0 &&
+ params[moduleParamName] === true
+ ) {
+ params[moduleParamName] = {
+ auto: true,
+ };
+ }
+
+ if (!(moduleParamName in params && "enabled" in moduleParams)) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (params[moduleParamName] === true) {
+ params[moduleParamName] = {
+ enabled: true,
+ };
+ }
+
+ if (
+ typeof params[moduleParamName] === "object" &&
+ !("enabled" in params[moduleParamName])
+ ) {
+ params[moduleParamName].enabled = true;
+ }
+
+ if (!params[moduleParamName])
+ params[moduleParamName] = {
+ enabled: false,
+ };
+ extend(allModulesParams, obj);
+ };
+ }
+
+ /* eslint no-param-reassign: "off" */
+ const prototypes = {
+ eventsEmitter,
+ update,
+ translate,
+ transition,
+ slide,
+ loop,
+ grabCursor,
+ events: events$1,
+ breakpoints,
+ checkOverflow: checkOverflow$1,
+ classes,
+ images,
+ };
+ const extendedDefaults = {};
+
+ class Swiper {
+ constructor() {
+ let el;
+ let params;
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ if (
+ args.length === 1 &&
+ args[0].constructor &&
+ Object.prototype.toString.call(args[0]).slice(8, -1) === "Object"
+ ) {
+ params = args[0];
+ } else {
+ [el, params] = args;
+ }
+
+ if (!params) params = {};
+ params = extend({}, params);
+ if (el && !params.el) params.el = el;
+
+ if (params.el && $(params.el).length > 1) {
+ const swipers = [];
+ $(params.el).each((containerEl) => {
+ const newParams = extend({}, params, {
+ el: containerEl,
+ });
+ swipers.push(new Swiper(newParams));
+ });
+ return swipers;
+ } // Swiper Instance
+
+ const swiper = this;
+ swiper.__swiper__ = true;
+ swiper.support = getSupport();
+ swiper.device = getDevice({
+ userAgent: params.userAgent,
+ });
+ swiper.browser = getBrowser();
+ swiper.eventsListeners = {};
+ swiper.eventsAnyListeners = [];
+ swiper.modules = [...swiper.__modules__];
+
+ if (params.modules && Array.isArray(params.modules)) {
+ swiper.modules.push(...params.modules);
+ }
+
+ const allModulesParams = {};
+ swiper.modules.forEach((mod) => {
+ mod({
+ swiper,
+ extendParams: moduleExtendParams(params, allModulesParams),
+ on: swiper.on.bind(swiper),
+ once: swiper.once.bind(swiper),
+ off: swiper.off.bind(swiper),
+ emit: swiper.emit.bind(swiper),
+ });
+ }); // Extend defaults with modules params
+
+ const swiperParams = extend({}, defaults, allModulesParams); // Extend defaults with passed params
+
+ swiper.params = extend({}, swiperParams, extendedDefaults, params);
+ swiper.originalParams = extend({}, swiper.params);
+ swiper.passedParams = extend({}, params); // add event listeners
+
+ if (swiper.params && swiper.params.on) {
+ Object.keys(swiper.params.on).forEach((eventName) => {
+ swiper.on(eventName, swiper.params.on[eventName]);
+ });
+ }
+
+ if (swiper.params && swiper.params.onAny) {
+ swiper.onAny(swiper.params.onAny);
+ } // Save Dom lib
+
+ swiper.$ = $; // Extend Swiper
+
+ Object.assign(swiper, {
+ enabled: swiper.params.enabled,
+ el,
+ // Classes
+ classNames: [],
+ // Slides
+ slides: $(),
+ slidesGrid: [],
+ snapGrid: [],
+ slidesSizesGrid: [],
+
+ // isDirection
+ isHorizontal() {
+ return swiper.params.direction === "horizontal";
+ },
+
+ isVertical() {
+ return swiper.params.direction === "vertical";
+ },
+
+ // Indexes
+ activeIndex: 0,
+ realIndex: 0,
+ //
+ isBeginning: true,
+ isEnd: false,
+ // Props
+ translate: 0,
+ previousTranslate: 0,
+ progress: 0,
+ velocity: 0,
+ animating: false,
+ // Locks
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ // Touch Events
+ touchEvents: (function touchEvents() {
+ const touch = ["touchstart", "touchmove", "touchend", "touchcancel"];
+ const desktop = ["pointerdown", "pointermove", "pointerup"];
+ swiper.touchEventsTouch = {
+ start: touch[0],
+ move: touch[1],
+ end: touch[2],
+ cancel: touch[3],
+ };
+ swiper.touchEventsDesktop = {
+ start: desktop[0],
+ move: desktop[1],
+ end: desktop[2],
+ };
+ return swiper.support.touch || !swiper.params.simulateTouch
+ ? swiper.touchEventsTouch
+ : swiper.touchEventsDesktop;
+ })(),
+ touchEventsData: {
+ isTouched: undefined,
+ isMoved: undefined,
+ allowTouchCallbacks: undefined,
+ touchStartTime: undefined,
+ isScrolling: undefined,
+ currentTranslate: undefined,
+ startTranslate: undefined,
+ allowThresholdMove: undefined,
+ // Form elements to match
+ focusableElements: swiper.params.focusableElements,
+ // Last click time
+ lastClickTime: now(),
+ clickTimeout: undefined,
+ // Velocities
+ velocities: [],
+ allowMomentumBounce: undefined,
+ isTouchEvent: undefined,
+ startMoving: undefined,
+ },
+ // Clicks
+ allowClick: true,
+ // Touches
+ allowTouchMove: swiper.params.allowTouchMove,
+ touches: {
+ startX: 0,
+ startY: 0,
+ currentX: 0,
+ currentY: 0,
+ diff: 0,
+ },
+ // Images
+ imagesToLoad: [],
+ imagesLoaded: 0,
+ });
+ swiper.emit("_swiper"); // Init
+
+ if (swiper.params.init) {
+ swiper.init();
+ } // Return app instance
+
+ return swiper;
+ }
+
+ enable() {
+ const swiper = this;
+ if (swiper.enabled) return;
+ swiper.enabled = true;
+
+ if (swiper.params.grabCursor) {
+ swiper.setGrabCursor();
+ }
+
+ swiper.emit("enable");
+ }
+
+ disable() {
+ const swiper = this;
+ if (!swiper.enabled) return;
+ swiper.enabled = false;
+
+ if (swiper.params.grabCursor) {
+ swiper.unsetGrabCursor();
+ }
+
+ swiper.emit("disable");
+ }
+
+ setProgress(progress, speed) {
+ const swiper = this;
+ progress = Math.min(Math.max(progress, 0), 1);
+ const min = swiper.minTranslate();
+ const max = swiper.maxTranslate();
+ const current = (max - min) * progress + min;
+ swiper.translateTo(current, typeof speed === "undefined" ? 0 : speed);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ emitContainerClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const cls = swiper.el.className.split(" ").filter((className) => {
+ return (
+ className.indexOf("swiper") === 0 ||
+ className.indexOf(swiper.params.containerModifierClass) === 0
+ );
+ });
+ swiper.emit("_containerClasses", cls.join(" "));
+ }
+
+ getSlideClasses(slideEl) {
+ const swiper = this;
+ return slideEl.className
+ .split(" ")
+ .filter((className) => {
+ return (
+ className.indexOf("swiper-slide") === 0 ||
+ className.indexOf(swiper.params.slideClass) === 0
+ );
+ })
+ .join(" ");
+ }
+
+ emitSlidesClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const updates = [];
+ swiper.slides.each((slideEl) => {
+ const classNames = swiper.getSlideClasses(slideEl);
+ updates.push({
+ slideEl,
+ classNames,
+ });
+ swiper.emit("_slideClass", slideEl, classNames);
+ });
+ swiper.emit("_slideClasses", updates);
+ }
+
+ slidesPerViewDynamic(view, exact) {
+ if (view === void 0) {
+ view = "current";
+ }
+
+ if (exact === void 0) {
+ exact = false;
+ }
+
+ const swiper = this;
+ const {
+ params,
+ slides,
+ slidesGrid,
+ slidesSizesGrid,
+ size: swiperSize,
+ activeIndex,
+ } = swiper;
+ let spv = 1;
+
+ if (params.centeredSlides) {
+ let slideSize = slides[activeIndex].swiperSlideSize;
+ let breakLoop;
+
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+ } else {
+ // eslint-disable-next-line
+ if (view === "current") {
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ const slideInView = exact
+ ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] <
+ swiperSize
+ : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ } else {
+ // previous
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ const slideInView =
+ slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ }
+ }
+
+ return spv;
+ }
+
+ update() {
+ const swiper = this;
+ if (!swiper || swiper.destroyed) return;
+ const { snapGrid, params } = swiper; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ function setTranslate() {
+ const translateValue = swiper.rtlTranslate
+ ? swiper.translate * -1
+ : swiper.translate;
+ const newTranslate = Math.min(
+ Math.max(translateValue, swiper.maxTranslate()),
+ swiper.minTranslate(),
+ );
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ let translated;
+
+ if (swiper.params.freeMode && swiper.params.freeMode.enabled) {
+ setTranslate();
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ } else {
+ if (
+ (swiper.params.slidesPerView === "auto" ||
+ swiper.params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.params.centeredSlides
+ ) {
+ translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (!translated) {
+ setTranslate();
+ }
+ }
+
+ if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+
+ swiper.emit("update");
+ }
+
+ changeDirection(newDirection, needUpdate) {
+ if (needUpdate === void 0) {
+ needUpdate = true;
+ }
+
+ const swiper = this;
+ const currentDirection = swiper.params.direction;
+
+ if (!newDirection) {
+ // eslint-disable-next-line
+ newDirection =
+ currentDirection === "horizontal" ? "vertical" : "horizontal";
+ }
+
+ if (
+ newDirection === currentDirection ||
+ (newDirection !== "horizontal" && newDirection !== "vertical")
+ ) {
+ return swiper;
+ }
+
+ swiper.$el
+ .removeClass(
+ `${swiper.params.containerModifierClass}${currentDirection}`,
+ )
+ .addClass(`${swiper.params.containerModifierClass}${newDirection}`);
+ swiper.emitContainerClasses();
+ swiper.params.direction = newDirection;
+ swiper.slides.each((slideEl) => {
+ if (newDirection === "vertical") {
+ slideEl.style.width = "";
+ } else {
+ slideEl.style.height = "";
+ }
+ });
+ swiper.emit("changeDirection");
+ if (needUpdate) swiper.update();
+ return swiper;
+ }
+
+ mount(el) {
+ const swiper = this;
+ if (swiper.mounted) return true; // Find el
+
+ const $el = $(el || swiper.params.el);
+ el = $el[0];
+
+ if (!el) {
+ return false;
+ }
+
+ el.swiper = swiper;
+
+ const getWrapperSelector = () => {
+ return `.${(swiper.params.wrapperClass || "")
+ .trim()
+ .split(" ")
+ .join(".")}`;
+ };
+
+ const getWrapper = () => {
+ if (el && el.shadowRoot && el.shadowRoot.querySelector) {
+ const res = $(el.shadowRoot.querySelector(getWrapperSelector())); // Children needs to return slot items
+
+ res.children = (options) => $el.children(options);
+
+ return res;
+ }
+
+ return $el.children(getWrapperSelector());
+ }; // Find Wrapper
+
+ let $wrapperEl = getWrapper();
+
+ if ($wrapperEl.length === 0 && swiper.params.createElements) {
+ const document = getDocument();
+ const wrapper = document.createElement("div");
+ $wrapperEl = $(wrapper);
+ wrapper.className = swiper.params.wrapperClass;
+ $el.append(wrapper);
+ $el.children(`.${swiper.params.slideClass}`).each((slideEl) => {
+ $wrapperEl.append(slideEl);
+ });
+ }
+
+ Object.assign(swiper, {
+ $el,
+ el,
+ $wrapperEl,
+ wrapperEl: $wrapperEl[0],
+ mounted: true,
+ // RTL
+ rtl: el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl",
+ rtlTranslate:
+ swiper.params.direction === "horizontal" &&
+ (el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl"),
+ wrongRTL: $wrapperEl.css("display") === "-webkit-box",
+ });
+ return true;
+ }
+
+ init(el) {
+ const swiper = this;
+ if (swiper.initialized) return swiper;
+ const mounted = swiper.mount(el);
+ if (mounted === false) return swiper;
+ swiper.emit("beforeInit"); // Set breakpoint
+
+ if (swiper.params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Add Classes
+
+ swiper.addClasses(); // Create loop
+
+ if (swiper.params.loop) {
+ swiper.loopCreate();
+ } // Update size
+
+ swiper.updateSize(); // Update slides
+
+ swiper.updateSlides();
+
+ if (swiper.params.watchOverflow) {
+ swiper.checkOverflow();
+ } // Set Grab Cursor
+
+ if (swiper.params.grabCursor && swiper.enabled) {
+ swiper.setGrabCursor();
+ }
+
+ if (swiper.params.preloadImages) {
+ swiper.preloadImages();
+ } // Slide To Initial Slide
+
+ if (swiper.params.loop) {
+ swiper.slideTo(
+ swiper.params.initialSlide + swiper.loopedSlides,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } else {
+ swiper.slideTo(
+ swiper.params.initialSlide,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } // Attach events
+
+ swiper.attachEvents(); // Init Flag
+
+ swiper.initialized = true; // Emit
+
+ swiper.emit("init");
+ swiper.emit("afterInit");
+ return swiper;
+ }
+
+ destroy(deleteInstance, cleanStyles) {
+ if (deleteInstance === void 0) {
+ deleteInstance = true;
+ }
+
+ if (cleanStyles === void 0) {
+ cleanStyles = true;
+ }
+
+ const swiper = this;
+ const { params, $el, $wrapperEl, slides } = swiper;
+
+ if (typeof swiper.params === "undefined" || swiper.destroyed) {
+ return null;
+ }
+
+ swiper.emit("beforeDestroy"); // Init Flag
+
+ swiper.initialized = false; // Detach events
+
+ swiper.detachEvents(); // Destroy loop
+
+ if (params.loop) {
+ swiper.loopDestroy();
+ } // Cleanup styles
+
+ if (cleanStyles) {
+ swiper.removeClasses();
+ $el.removeAttr("style");
+ $wrapperEl.removeAttr("style");
+
+ if (slides && slides.length) {
+ slides
+ .removeClass(
+ [
+ params.slideVisibleClass,
+ params.slideActiveClass,
+ params.slideNextClass,
+ params.slidePrevClass,
+ ].join(" "),
+ )
+ .removeAttr("style")
+ .removeAttr("data-swiper-slide-index");
+ }
+ }
+
+ swiper.emit("destroy"); // Detach emitter events
+
+ Object.keys(swiper.eventsListeners).forEach((eventName) => {
+ swiper.off(eventName);
+ });
+
+ if (deleteInstance !== false) {
+ swiper.$el[0].swiper = null;
+ deleteProps(swiper);
+ }
+
+ swiper.destroyed = true;
+ return null;
+ }
+
+ static extendDefaults(newDefaults) {
+ extend(extendedDefaults, newDefaults);
+ }
+
+ static get extendedDefaults() {
+ return extendedDefaults;
+ }
+
+ static get defaults() {
+ return defaults;
+ }
+
+ static installModule(mod) {
+ if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = [];
+ const modules = Swiper.prototype.__modules__;
+
+ if (typeof mod === "function" && modules.indexOf(mod) < 0) {
+ modules.push(mod);
+ }
+ }
+
+ static use(module) {
+ if (Array.isArray(module)) {
+ module.forEach((m) => Swiper.installModule(m));
+ return Swiper;
+ }
+
+ Swiper.installModule(module);
+ return Swiper;
+ }
+ }
+
+ Object.keys(prototypes).forEach((prototypeGroup) => {
+ Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => {
+ Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
+ });
+ });
+ Swiper.use([Resize, Observer]);
+
+ function Virtual(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ renderSlide: null,
+ renderExternal: null,
+ renderExternalUpdate: true,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0,
+ },
+ });
+ let cssModeTimeout;
+ swiper.virtual = {
+ cache: {},
+ from: undefined,
+ to: undefined,
+ slides: [],
+ offset: 0,
+ slidesGrid: [],
+ };
+
+ function renderSlide(slide, index) {
+ const params = swiper.params.virtual;
+
+ if (params.cache && swiper.virtual.cache[index]) {
+ return swiper.virtual.cache[index];
+ }
+
+ const $slideEl = params.renderSlide
+ ? $(params.renderSlide.call(swiper, slide, index))
+ : $(
+ `${slide}
`,
+ );
+ if (!$slideEl.attr("data-swiper-slide-index"))
+ $slideEl.attr("data-swiper-slide-index", index);
+ if (params.cache) swiper.virtual.cache[index] = $slideEl;
+ return $slideEl;
+ }
+
+ function update(force) {
+ const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params;
+ const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual;
+ const {
+ from: previousFrom,
+ to: previousTo,
+ slides,
+ slidesGrid: previousSlidesGrid,
+ offset: previousOffset,
+ } = swiper.virtual;
+
+ if (!swiper.params.cssMode) {
+ swiper.updateActiveIndex();
+ }
+
+ const activeIndex = swiper.activeIndex || 0;
+ let offsetProp;
+ if (swiper.rtlTranslate) offsetProp = "right";
+ else offsetProp = swiper.isHorizontal() ? "left" : "top";
+ let slidesAfter;
+ let slidesBefore;
+
+ if (centeredSlides) {
+ slidesAfter =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
+ slidesBefore =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
+ } else {
+ slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
+ slidesBefore = slidesPerGroup + addSlidesBefore;
+ }
+
+ const from = Math.max((activeIndex || 0) - slidesBefore, 0);
+ const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
+ const offset =
+ (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
+ Object.assign(swiper.virtual, {
+ from,
+ to,
+ offset,
+ slidesGrid: swiper.slidesGrid,
+ });
+
+ function onRendered() {
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ if (swiper.lazy && swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+
+ emit("virtualUpdate");
+ }
+
+ if (previousFrom === from && previousTo === to && !force) {
+ if (
+ swiper.slidesGrid !== previousSlidesGrid &&
+ offset !== previousOffset
+ ) {
+ swiper.slides.css(offsetProp, `${offset}px`);
+ }
+
+ swiper.updateProgress();
+ emit("virtualUpdate");
+ return;
+ }
+
+ if (swiper.params.virtual.renderExternal) {
+ swiper.params.virtual.renderExternal.call(swiper, {
+ offset,
+ from,
+ to,
+ slides: (function getSlides() {
+ const slidesToRender = [];
+
+ for (let i = from; i <= to; i += 1) {
+ slidesToRender.push(slides[i]);
+ }
+
+ return slidesToRender;
+ })(),
+ });
+
+ if (swiper.params.virtual.renderExternalUpdate) {
+ onRendered();
+ } else {
+ emit("virtualUpdate");
+ }
+
+ return;
+ }
+
+ const prependIndexes = [];
+ const appendIndexes = [];
+
+ if (force) {
+ swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove();
+ } else {
+ for (let i = previousFrom; i <= previousTo; i += 1) {
+ if (i < from || i > to) {
+ swiper.$wrapperEl
+ .find(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`,
+ )
+ .remove();
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ if (i >= from && i <= to) {
+ if (typeof previousTo === "undefined" || force) {
+ appendIndexes.push(i);
+ } else {
+ if (i > previousTo) appendIndexes.push(i);
+ if (i < previousFrom) prependIndexes.push(i);
+ }
+ }
+ }
+
+ appendIndexes.forEach((index) => {
+ swiper.$wrapperEl.append(renderSlide(slides[index], index));
+ });
+ prependIndexes
+ .sort((a, b) => b - a)
+ .forEach((index) => {
+ swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
+ });
+ swiper.$wrapperEl
+ .children(".swiper-slide")
+ .css(offsetProp, `${offset}px`);
+ onRendered();
+ }
+
+ function appendSlide(slides) {
+ if (typeof slides === "object" && "length" in slides) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.push(slides[i]);
+ }
+ } else {
+ swiper.virtual.slides.push(slides);
+ }
+
+ update(true);
+ }
+
+ function prependSlide(slides) {
+ const activeIndex = swiper.activeIndex;
+ let newActiveIndex = activeIndex + 1;
+ let numberOfNewSlides = 1;
+
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
+ }
+
+ newActiveIndex = activeIndex + slides.length;
+ numberOfNewSlides = slides.length;
+ } else {
+ swiper.virtual.slides.unshift(slides);
+ }
+
+ if (swiper.params.virtual.cache) {
+ const cache = swiper.virtual.cache;
+ const newCache = {};
+ Object.keys(cache).forEach((cachedIndex) => {
+ const $cachedEl = cache[cachedIndex];
+ const cachedElIndex = $cachedEl.attr("data-swiper-slide-index");
+
+ if (cachedElIndex) {
+ $cachedEl.attr(
+ "data-swiper-slide-index",
+ parseInt(cachedElIndex, 10) + numberOfNewSlides,
+ );
+ }
+
+ newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
+ });
+ swiper.virtual.cache = newCache;
+ }
+
+ update(true);
+ swiper.slideTo(newActiveIndex, 0);
+ }
+
+ function removeSlide(slidesIndexes) {
+ if (typeof slidesIndexes === "undefined" || slidesIndexes === null)
+ return;
+ let activeIndex = swiper.activeIndex;
+
+ if (Array.isArray(slidesIndexes)) {
+ for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
+ swiper.virtual.slides.splice(slidesIndexes[i], 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes[i]];
+ }
+
+ if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ } else {
+ swiper.virtual.slides.splice(slidesIndexes, 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes];
+ }
+
+ if (slidesIndexes < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+
+ update(true);
+ swiper.slideTo(activeIndex, 0);
+ }
+
+ function removeAllSlides() {
+ swiper.virtual.slides = [];
+
+ if (swiper.params.virtual.cache) {
+ swiper.virtual.cache = {};
+ }
+
+ update(true);
+ swiper.slideTo(0, 0);
+ }
+
+ on("beforeInit", () => {
+ if (!swiper.params.virtual.enabled) return;
+ swiper.virtual.slides = swiper.params.virtual.slides;
+ swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+
+ if (!swiper.params.initialSlide) {
+ update();
+ }
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode && !swiper._immediateVirtual) {
+ clearTimeout(cssModeTimeout);
+ cssModeTimeout = setTimeout(() => {
+ update();
+ }, 100);
+ } else {
+ update();
+ }
+ });
+ on("init update resize", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-virtual-size",
+ `${swiper.virtualSize}px`,
+ );
+ }
+ });
+ Object.assign(swiper.virtual, {
+ appendSlide,
+ prependSlide,
+ removeSlide,
+ removeAllSlides,
+ update,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Keyboard(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const document = getDocument();
+ const window = getWindow();
+ swiper.keyboard = {
+ enabled: false,
+ };
+ extendParams({
+ keyboard: {
+ enabled: false,
+ onlyInViewport: true,
+ pageUpDown: true,
+ },
+ });
+
+ function handle(event) {
+ if (!swiper.enabled) return;
+ const { rtlTranslate: rtl } = swiper;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ const kc = e.keyCode || e.charCode;
+ const pageUpDown = swiper.params.keyboard.pageUpDown;
+ const isPageUp = pageUpDown && kc === 33;
+ const isPageDown = pageUpDown && kc === 34;
+ const isArrowLeft = kc === 37;
+ const isArrowRight = kc === 39;
+ const isArrowUp = kc === 38;
+ const isArrowDown = kc === 40; // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ ((swiper.isHorizontal() && isArrowRight) ||
+ (swiper.isVertical() && isArrowDown) ||
+ isPageDown)
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ ((swiper.isHorizontal() && isArrowLeft) ||
+ (swiper.isVertical() && isArrowUp) ||
+ isPageUp)
+ ) {
+ return false;
+ }
+
+ if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
+ return undefined;
+ }
+
+ if (
+ document.activeElement &&
+ document.activeElement.nodeName &&
+ (document.activeElement.nodeName.toLowerCase() === "input" ||
+ document.activeElement.nodeName.toLowerCase() === "textarea")
+ ) {
+ return undefined;
+ }
+
+ if (
+ swiper.params.keyboard.onlyInViewport &&
+ (isPageUp ||
+ isPageDown ||
+ isArrowLeft ||
+ isArrowRight ||
+ isArrowUp ||
+ isArrowDown)
+ ) {
+ let inView = false; // Check that swiper should be inside of visible area of window
+
+ if (
+ swiper.$el.parents(`.${swiper.params.slideClass}`).length > 0 &&
+ swiper.$el.parents(`.${swiper.params.slideActiveClass}`).length === 0
+ ) {
+ return undefined;
+ }
+
+ const $el = swiper.$el;
+ const swiperWidth = $el[0].clientWidth;
+ const swiperHeight = $el[0].clientHeight;
+ const windowWidth = window.innerWidth;
+ const windowHeight = window.innerHeight;
+ const swiperOffset = swiper.$el.offset();
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiperWidth, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiperHeight],
+ [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= windowWidth &&
+ point[1] >= 0 &&
+ point[1] <= windowHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ if (!inView) return undefined;
+ }
+
+ if (swiper.isHorizontal()) {
+ if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (
+ ((isPageDown || isArrowRight) && !rtl) ||
+ ((isPageUp || isArrowLeft) && rtl)
+ )
+ swiper.slideNext();
+ if (
+ ((isPageUp || isArrowLeft) && !rtl) ||
+ ((isPageDown || isArrowRight) && rtl)
+ )
+ swiper.slidePrev();
+ } else {
+ if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (isPageDown || isArrowDown) swiper.slideNext();
+ if (isPageUp || isArrowUp) swiper.slidePrev();
+ }
+
+ emit("keyPress", kc);
+ return undefined;
+ }
+
+ function enable() {
+ if (swiper.keyboard.enabled) return;
+ $(document).on("keydown", handle);
+ swiper.keyboard.enabled = true;
+ }
+
+ function disable() {
+ if (!swiper.keyboard.enabled) return;
+ $(document).off("keydown", handle);
+ swiper.keyboard.enabled = false;
+ }
+
+ on("init", () => {
+ if (swiper.params.keyboard.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ if (swiper.keyboard.enabled) {
+ disable();
+ }
+ });
+ Object.assign(swiper.keyboard, {
+ enable,
+ disable,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Mousewheel(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ mousewheel: {
+ enabled: false,
+ releaseOnEdges: false,
+ invert: false,
+ forceToAxis: false,
+ sensitivity: 1,
+ eventsTarget: "container",
+ thresholdDelta: null,
+ thresholdTime: null,
+ },
+ });
+ swiper.mousewheel = {
+ enabled: false,
+ };
+ let timeout;
+ let lastScrollTime = now();
+ let lastEventBeforeSnap;
+ const recentWheelEvents = [];
+
+ function normalize(e) {
+ // Reasonable defaults
+ const PIXEL_STEP = 10;
+ const LINE_HEIGHT = 40;
+ const PAGE_HEIGHT = 800;
+ let sX = 0;
+ let sY = 0; // spinX, spinY
+
+ let pX = 0;
+ let pY = 0; // pixelX, pixelY
+ // Legacy
+
+ if ("detail" in e) {
+ sY = e.detail;
+ }
+
+ if ("wheelDelta" in e) {
+ sY = -e.wheelDelta / 120;
+ }
+
+ if ("wheelDeltaY" in e) {
+ sY = -e.wheelDeltaY / 120;
+ }
+
+ if ("wheelDeltaX" in e) {
+ sX = -e.wheelDeltaX / 120;
+ } // side scrolling on FF with DOMMouseScroll
+
+ if ("axis" in e && e.axis === e.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+
+ pX = sX * PIXEL_STEP;
+ pY = sY * PIXEL_STEP;
+
+ if ("deltaY" in e) {
+ pY = e.deltaY;
+ }
+
+ if ("deltaX" in e) {
+ pX = e.deltaX;
+ }
+
+ if (e.shiftKey && !pX) {
+ // if user scrolls with shift he wants horizontal scroll
+ pX = pY;
+ pY = 0;
+ }
+
+ if ((pX || pY) && e.deltaMode) {
+ if (e.deltaMode === 1) {
+ // delta in LINE units
+ pX *= LINE_HEIGHT;
+ pY *= LINE_HEIGHT;
+ } else {
+ // delta in PAGE units
+ pX *= PAGE_HEIGHT;
+ pY *= PAGE_HEIGHT;
+ }
+ } // Fall-back if spin cannot be determined
+
+ if (pX && !sX) {
+ sX = pX < 1 ? -1 : 1;
+ }
+
+ if (pY && !sY) {
+ sY = pY < 1 ? -1 : 1;
+ }
+
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY,
+ };
+ }
+
+ function handleMouseEnter() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = true;
+ }
+
+ function handleMouseLeave() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = false;
+ }
+
+ function animateSlider(newEvent) {
+ if (
+ swiper.params.mousewheel.thresholdDelta &&
+ newEvent.delta < swiper.params.mousewheel.thresholdDelta
+ ) {
+ // Prevent if delta of wheel scroll delta is below configured threshold
+ return false;
+ }
+
+ if (
+ swiper.params.mousewheel.thresholdTime &&
+ now() - lastScrollTime < swiper.params.mousewheel.thresholdTime
+ ) {
+ // Prevent if time between scrolls is below configured threshold
+ return false;
+ } // If the movement is NOT big enough and
+ // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
+ // Don't go any further (avoid insignificant scroll movement).
+
+ if (newEvent.delta >= 6 && now() - lastScrollTime < 60) {
+ // Return false as a default
+ return true;
+ } // If user is scrolling towards the end:
+ // If the slider hasn't hit the latest slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to next slide and
+ // emit a scroll event.
+ // Else (the user is scrolling towards the beginning) and
+ // if the slider hasn't hit the first slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to prev slide and
+ // emit a scroll event.
+
+ if (newEvent.direction < 0) {
+ if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
+ swiper.slideNext();
+ emit("scroll", newEvent.raw);
+ }
+ } else if (
+ (!swiper.isBeginning || swiper.params.loop) &&
+ !swiper.animating
+ ) {
+ swiper.slidePrev();
+ emit("scroll", newEvent.raw);
+ } // If you got here is because an animation has been triggered so store the current time
+
+ lastScrollTime = new window.Date().getTime(); // Return false as a default
+
+ return false;
+ }
+
+ function releaseScroll(newEvent) {
+ const params = swiper.params.mousewheel;
+
+ if (newEvent.direction < 0) {
+ if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ } else if (
+ swiper.isBeginning &&
+ !swiper.params.loop &&
+ params.releaseOnEdges
+ ) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+
+ return false;
+ }
+
+ function handle(event) {
+ let e = event;
+ let disableParentSwiper = true;
+ if (!swiper.enabled) return;
+ const params = swiper.params.mousewheel;
+
+ if (swiper.params.cssMode) {
+ e.preventDefault();
+ }
+
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ if (
+ !swiper.mouseEntered &&
+ !target[0].contains(e.target) &&
+ !params.releaseOnEdges
+ )
+ return true;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ let delta = 0;
+ const rtlFactor = swiper.rtlTranslate ? -1 : 1;
+ const data = normalize(e);
+
+ if (params.forceToAxis) {
+ if (swiper.isHorizontal()) {
+ if (Math.abs(data.pixelX) > Math.abs(data.pixelY))
+ delta = -data.pixelX * rtlFactor;
+ else return true;
+ } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX))
+ delta = -data.pixelY;
+ else return true;
+ } else {
+ delta =
+ Math.abs(data.pixelX) > Math.abs(data.pixelY)
+ ? -data.pixelX * rtlFactor
+ : -data.pixelY;
+ }
+
+ if (delta === 0) return true;
+ if (params.invert) delta = -delta; // Get the scroll positions
+
+ let positions = swiper.getTranslate() + delta * params.sensitivity;
+ if (positions >= swiper.minTranslate()) positions = swiper.minTranslate();
+ if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate(); // When loop is true:
+ // the disableParentSwiper will be true.
+ // When loop is false:
+ // if the scroll positions is not on edge,
+ // then the disableParentSwiper will be true.
+ // if the scroll on edge positions,
+ // then the disableParentSwiper will be false.
+
+ disableParentSwiper = swiper.params.loop
+ ? true
+ : !(
+ positions === swiper.minTranslate() ||
+ positions === swiper.maxTranslate()
+ );
+ if (disableParentSwiper && swiper.params.nested) e.stopPropagation();
+
+ if (!swiper.params.freeMode || !swiper.params.freeMode.enabled) {
+ // Register the new event in a variable which stores the relevant data
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ raw: event,
+ }; // Keep the most recent events
+
+ if (recentWheelEvents.length >= 2) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ recentWheelEvents.push(newEvent); // If there is at least one previous recorded event:
+ // If direction has changed or
+ // if the scroll is quicker than the previous one:
+ // Animate the slider.
+ // Else (this is the first time the wheel is moved):
+ // Animate the slider.
+
+ if (prevEvent) {
+ if (
+ newEvent.direction !== prevEvent.direction ||
+ newEvent.delta > prevEvent.delta ||
+ newEvent.time > prevEvent.time + 150
+ ) {
+ animateSlider(newEvent);
+ }
+ } else {
+ animateSlider(newEvent);
+ } // If it's time to release the scroll:
+ // Return now so you don't hit the preventDefault.
+
+ if (releaseScroll(newEvent)) {
+ return true;
+ }
+ } else {
+ // Freemode or scrollContainer:
+ // If we recently snapped after a momentum scroll, then ignore wheel events
+ // to give time for the deceleration to finish. Stop ignoring after 500 msecs
+ // or if it's a new scroll (larger delta or inverse sign as last event before
+ // an end-of-momentum snap).
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ };
+ const ignoreWheelEvents =
+ lastEventBeforeSnap &&
+ newEvent.time < lastEventBeforeSnap.time + 500 &&
+ newEvent.delta <= lastEventBeforeSnap.delta &&
+ newEvent.direction === lastEventBeforeSnap.direction;
+
+ if (!ignoreWheelEvents) {
+ lastEventBeforeSnap = undefined;
+
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ }
+
+ let position = swiper.getTranslate() + delta * params.sensitivity;
+ const wasBeginning = swiper.isBeginning;
+ const wasEnd = swiper.isEnd;
+ if (position >= swiper.minTranslate())
+ position = swiper.minTranslate();
+ if (position <= swiper.maxTranslate())
+ position = swiper.maxTranslate();
+ swiper.setTransition(0);
+ swiper.setTranslate(position);
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+
+ if (
+ (!wasBeginning && swiper.isBeginning) ||
+ (!wasEnd && swiper.isEnd)
+ ) {
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode.sticky) {
+ // When wheel scrolling starts with sticky (aka snap) enabled, then detect
+ // the end of a momentum scroll by storing recent (N=15?) wheel events.
+ // 1. do all N events have decreasing or same (absolute value) delta?
+ // 2. did all N events arrive in the last M (M=500?) msecs?
+ // 3. does the earliest event have an (absolute value) delta that's
+ // at least P (P=1?) larger than the most recent event's delta?
+ // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
+ // If 1-4 are "yes" then we're near the end of a momentum scroll deceleration.
+ // Snap immediately and ignore remaining wheel events in this scroll.
+ // See comment above for "remaining wheel events in this scroll" determination.
+ // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
+ clearTimeout(timeout);
+ timeout = undefined;
+
+ if (recentWheelEvents.length >= 15) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ const firstEvent = recentWheelEvents[0];
+ recentWheelEvents.push(newEvent);
+
+ if (
+ prevEvent &&
+ (newEvent.delta > prevEvent.delta ||
+ newEvent.direction !== prevEvent.direction)
+ ) {
+ // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
+ recentWheelEvents.splice(0);
+ } else if (
+ recentWheelEvents.length >= 15 &&
+ newEvent.time - firstEvent.time < 500 &&
+ firstEvent.delta - newEvent.delta >= 1 &&
+ newEvent.delta <= 6
+ ) {
+ // We're at the end of the deceleration of a momentum scroll, so there's no need
+ // to wait for more events. Snap ASAP on the next tick.
+ // Also, because there's some remaining momentum we'll bias the snap in the
+ // direction of the ongoing scroll because it's better UX for the scroll to snap
+ // in the same direction as the scroll instead of reversing to snap. Therefore,
+ // if it's already scrolled more than 20% in the current direction, keep going.
+ const snapToThreshold = delta > 0 ? 0.8 : 0.2;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ timeout = nextTick(() => {
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 0); // no delay; move on next tick
+ }
+
+ if (!timeout) {
+ // if we get here, then we haven't detected the end of a momentum scroll, so
+ // we'll consider a scroll "complete" when there haven't been any wheel events
+ // for 500ms.
+ timeout = nextTick(() => {
+ const snapToThreshold = 0.5;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 500);
+ }
+ } // Emit event
+
+ if (!ignoreWheelEvents) emit("scroll", e); // Stop autoplay
+
+ if (
+ swiper.params.autoplay &&
+ swiper.params.autoplayDisableOnInteraction
+ )
+ swiper.autoplay.stop(); // Return page scroll on edge positions
+
+ if (
+ position === swiper.minTranslate() ||
+ position === swiper.maxTranslate()
+ )
+ return true;
+ }
+ }
+
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ return false;
+ }
+
+ function events(method) {
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ target[method]("mouseenter", handleMouseEnter);
+ target[method]("mouseleave", handleMouseLeave);
+ target[method]("wheel", handle);
+ }
+
+ function enable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.removeEventListener("wheel", handle);
+ return true;
+ }
+
+ if (swiper.mousewheel.enabled) return false;
+ events("on");
+ swiper.mousewheel.enabled = true;
+ return true;
+ }
+
+ function disable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.addEventListener(event, handle);
+ return true;
+ }
+
+ if (!swiper.mousewheel.enabled) return false;
+ events("off");
+ swiper.mousewheel.enabled = false;
+ return true;
+ }
+
+ on("init", () => {
+ if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
+ disable();
+ }
+
+ if (swiper.params.mousewheel.enabled) enable();
+ });
+ on("destroy", () => {
+ if (swiper.params.cssMode) {
+ enable();
+ }
+
+ if (swiper.mousewheel.enabled) disable();
+ });
+ Object.assign(swiper.mousewheel, {
+ enable,
+ disable,
+ });
+ }
+
+ function createElementIfNotDefined(
+ swiper,
+ originalParams,
+ params,
+ checkProps,
+ ) {
+ const document = getDocument();
+
+ if (swiper.params.createElements) {
+ Object.keys(checkProps).forEach((key) => {
+ if (!params[key] && params.auto === true) {
+ let element = swiper.$el.children(`.${checkProps[key]}`)[0];
+
+ if (!element) {
+ element = document.createElement("div");
+ element.className = checkProps[key];
+ swiper.$el.append(element);
+ }
+
+ params[key] = element;
+ originalParams[key] = element;
+ }
+ });
+ }
+
+ return params;
+ }
+
+ function Navigation(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+ hideOnClick: false,
+ disabledClass: "swiper-button-disabled",
+ hiddenClass: "swiper-button-hidden",
+ lockClass: "swiper-button-lock",
+ },
+ });
+ swiper.navigation = {
+ nextEl: null,
+ $nextEl: null,
+ prevEl: null,
+ $prevEl: null,
+ };
+
+ function getEl(el) {
+ let $el;
+
+ if (el) {
+ $el = $(el);
+
+ if (
+ swiper.params.uniqueNavElements &&
+ typeof el === "string" &&
+ $el.length > 1 &&
+ swiper.$el.find(el).length === 1
+ ) {
+ $el = swiper.$el.find(el);
+ }
+ }
+
+ return $el;
+ }
+
+ function toggleEl($el, disabled) {
+ const params = swiper.params.navigation;
+
+ if ($el && $el.length > 0) {
+ $el[disabled ? "addClass" : "removeClass"](params.disabledClass);
+ if ($el[0] && $el[0].tagName === "BUTTON") $el[0].disabled = disabled;
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+ }
+
+ function update() {
+ // Update Navigation Buttons
+ if (swiper.params.loop) return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+ toggleEl($prevEl, swiper.isBeginning && !swiper.params.rewind);
+ toggleEl($nextEl, swiper.isEnd && !swiper.params.rewind);
+ }
+
+ function onPrevClick(e) {
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
+ return;
+ swiper.slidePrev();
+ }
+
+ function onNextClick(e) {
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;
+ swiper.slideNext();
+ }
+
+ function init() {
+ const params = swiper.params.navigation;
+ swiper.params.navigation = createElementIfNotDefined(
+ swiper,
+ swiper.originalParams.navigation,
+ swiper.params.navigation,
+ {
+ nextEl: "swiper-button-next",
+ prevEl: "swiper-button-prev",
+ },
+ );
+ if (!(params.nextEl || params.prevEl)) return;
+ const $nextEl = getEl(params.nextEl);
+ const $prevEl = getEl(params.prevEl);
+
+ if ($nextEl && $nextEl.length > 0) {
+ $nextEl.on("click", onNextClick);
+ }
+
+ if ($prevEl && $prevEl.length > 0) {
+ $prevEl.on("click", onPrevClick);
+ }
+
+ Object.assign(swiper.navigation, {
+ $nextEl,
+ nextEl: $nextEl && $nextEl[0],
+ $prevEl,
+ prevEl: $prevEl && $prevEl[0],
+ });
+
+ if (!swiper.enabled) {
+ if ($nextEl) $nextEl.addClass(params.lockClass);
+ if ($prevEl) $prevEl.addClass(params.lockClass);
+ }
+ }
+
+ function destroy() {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl && $nextEl.length) {
+ $nextEl.off("click", onNextClick);
+ $nextEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ $prevEl.off("click", onPrevClick);
+ $prevEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ }
+
+ on("init", () => {
+ init();
+ update();
+ });
+ on("toEdge fromEdge lock unlock", () => {
+ update();
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ on("enable disable", () => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl) {
+ $nextEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+
+ if ($prevEl) {
+ $prevEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+ });
+ on("click", (_s, e) => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+ const targetEl = e.target;
+
+ if (
+ swiper.params.navigation.hideOnClick &&
+ !$(targetEl).is($prevEl) &&
+ !$(targetEl).is($nextEl)
+ ) {
+ if (
+ swiper.pagination &&
+ swiper.params.pagination &&
+ swiper.params.pagination.clickable &&
+ (swiper.pagination.el === targetEl ||
+ swiper.pagination.el.contains(targetEl))
+ )
+ return;
+ let isHidden;
+
+ if ($nextEl) {
+ isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);
+ } else if ($prevEl) {
+ isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if (isHidden === true) {
+ emit("navigationShow");
+ } else {
+ emit("navigationHide");
+ }
+
+ if ($nextEl) {
+ $nextEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if ($prevEl) {
+ $prevEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+ }
+ });
+ Object.assign(swiper.navigation, {
+ update,
+ init,
+ destroy,
+ });
+ }
+
+ function classesToSelector(classes) {
+ if (classes === void 0) {
+ classes = "";
+ }
+
+ return `.${classes
+ .trim()
+ .replace(/([\.:!\/])/g, "\\$1") // eslint-disable-line
+ .replace(/ /g, ".")}`;
+ }
+
+ function Pagination(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const pfx = "swiper-pagination";
+ extendParams({
+ pagination: {
+ el: null,
+ bulletElement: "span",
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: "bullets",
+ // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: (number) => number,
+ formatFractionTotal: (number) => number,
+ bulletClass: `${pfx}-bullet`,
+ bulletActiveClass: `${pfx}-bullet-active`,
+ modifierClass: `${pfx}-`,
+ currentClass: `${pfx}-current`,
+ totalClass: `${pfx}-total`,
+ hiddenClass: `${pfx}-hidden`,
+ progressbarFillClass: `${pfx}-progressbar-fill`,
+ progressbarOppositeClass: `${pfx}-progressbar-opposite`,
+ clickableClass: `${pfx}-clickable`,
+ lockClass: `${pfx}-lock`,
+ horizontalClass: `${pfx}-horizontal`,
+ verticalClass: `${pfx}-vertical`,
+ },
+ });
+ swiper.pagination = {
+ el: null,
+ $el: null,
+ bullets: [],
+ };
+ let bulletSize;
+ let dynamicBulletIndex = 0;
+
+ function isPaginationDisabled() {
+ return (
+ !swiper.params.pagination.el ||
+ !swiper.pagination.el ||
+ !swiper.pagination.$el ||
+ swiper.pagination.$el.length === 0
+ );
+ }
+
+ function setSideBullets($bulletEl, position) {
+ const { bulletActiveClass } = swiper.params.pagination;
+ $bulletEl[position]()
+ .addClass(`${bulletActiveClass}-${position}`)
+ [position]()
+ .addClass(`${bulletActiveClass}-${position}-${position}`);
+ }
+
+ function update() {
+ // Render || Update Pagination bullets/items
+ const rtl = swiper.rtl;
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el; // Current/Total
+
+ let current;
+ const total = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (swiper.params.loop) {
+ current = Math.ceil(
+ (swiper.activeIndex - swiper.loopedSlides) /
+ swiper.params.slidesPerGroup,
+ );
+
+ if (current > slidesLength - 1 - swiper.loopedSlides * 2) {
+ current -= slidesLength - swiper.loopedSlides * 2;
+ }
+
+ if (current > total - 1) current -= total;
+ if (current < 0 && swiper.params.paginationType !== "bullets")
+ current = total + current;
+ } else if (typeof swiper.snapIndex !== "undefined") {
+ current = swiper.snapIndex;
+ } else {
+ current = swiper.activeIndex || 0;
+ } // Types
+
+ if (
+ params.type === "bullets" &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length > 0
+ ) {
+ const bullets = swiper.pagination.bullets;
+ let firstIndex;
+ let lastIndex;
+ let midIndex;
+
+ if (params.dynamicBullets) {
+ bulletSize = bullets
+ .eq(0)
+ [swiper.isHorizontal() ? "outerWidth" : "outerHeight"](true);
+ $el.css(
+ swiper.isHorizontal() ? "width" : "height",
+ `${bulletSize * (params.dynamicMainBullets + 4)}px`,
+ );
+
+ if (
+ params.dynamicMainBullets > 1 &&
+ swiper.previousIndex !== undefined
+ ) {
+ dynamicBulletIndex +=
+ current - (swiper.previousIndex - swiper.loopedSlides || 0);
+
+ if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
+ dynamicBulletIndex = params.dynamicMainBullets - 1;
+ } else if (dynamicBulletIndex < 0) {
+ dynamicBulletIndex = 0;
+ }
+ }
+
+ firstIndex = Math.max(current - dynamicBulletIndex, 0);
+ lastIndex =
+ firstIndex +
+ (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+
+ bullets.removeClass(
+ ["", "-next", "-next-next", "-prev", "-prev-prev", "-main"]
+ .map((suffix) => `${params.bulletActiveClass}${suffix}`)
+ .join(" "),
+ );
+
+ if ($el.length > 1) {
+ bullets.each((bullet) => {
+ const $bullet = $(bullet);
+ const bulletIndex = $bullet.index();
+
+ if (bulletIndex === current) {
+ $bullet.addClass(params.bulletActiveClass);
+ }
+
+ if (params.dynamicBullets) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ $bullet.addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (bulletIndex === firstIndex) {
+ setSideBullets($bullet, "prev");
+ }
+
+ if (bulletIndex === lastIndex) {
+ setSideBullets($bullet, "next");
+ }
+ }
+ });
+ } else {
+ const $bullet = bullets.eq(current);
+ const bulletIndex = $bullet.index();
+ $bullet.addClass(params.bulletActiveClass);
+
+ if (params.dynamicBullets) {
+ const $firstDisplayedBullet = bullets.eq(firstIndex);
+ const $lastDisplayedBullet = bullets.eq(lastIndex);
+
+ for (let i = firstIndex; i <= lastIndex; i += 1) {
+ bullets.eq(i).addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (swiper.params.loop) {
+ if (bulletIndex >= bullets.length) {
+ for (let i = params.dynamicMainBullets; i >= 0; i -= 1) {
+ bullets
+ .eq(bullets.length - i)
+ .addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ bullets
+ .eq(bullets.length - params.dynamicMainBullets - 1)
+ .addClass(`${params.bulletActiveClass}-prev`);
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ }
+ }
+
+ if (params.dynamicBullets) {
+ const dynamicBulletsLength = Math.min(
+ bullets.length,
+ params.dynamicMainBullets + 4,
+ );
+ const bulletsOffset =
+ (bulletSize * dynamicBulletsLength - bulletSize) / 2 -
+ midIndex * bulletSize;
+ const offsetProp = rtl ? "right" : "left";
+ bullets.css(
+ swiper.isHorizontal() ? offsetProp : "top",
+ `${bulletsOffset}px`,
+ );
+ }
+ }
+
+ if (params.type === "fraction") {
+ $el
+ .find(classesToSelector(params.currentClass))
+ .text(params.formatFractionCurrent(current + 1));
+ $el
+ .find(classesToSelector(params.totalClass))
+ .text(params.formatFractionTotal(total));
+ }
+
+ if (params.type === "progressbar") {
+ let progressbarDirection;
+
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal()
+ ? "vertical"
+ : "horizontal";
+ } else {
+ progressbarDirection = swiper.isHorizontal()
+ ? "horizontal"
+ : "vertical";
+ }
+
+ const scale = (current + 1) / total;
+ let scaleX = 1;
+ let scaleY = 1;
+
+ if (progressbarDirection === "horizontal") {
+ scaleX = scale;
+ } else {
+ scaleY = scale;
+ }
+
+ $el
+ .find(classesToSelector(params.progressbarFillClass))
+ .transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`)
+ .transition(swiper.params.speed);
+ }
+
+ if (params.type === "custom" && params.renderCustom) {
+ $el.html(params.renderCustom(swiper, current + 1, total));
+ emit("paginationRender", $el[0]);
+ } else {
+ emit("paginationUpdate", $el[0]);
+ }
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+
+ function render() {
+ // Render Container
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el;
+ let paginationHTML = "";
+
+ if (params.type === "bullets") {
+ let numberOfBullets = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.loop &&
+ numberOfBullets > slidesLength
+ ) {
+ numberOfBullets = slidesLength;
+ }
+
+ for (let i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(
+ swiper,
+ i,
+ params.bulletClass,
+ );
+ } else {
+ paginationHTML += `<${params.bulletElement} class="${params.bulletClass}">`;
+ }
+ }
+
+ $el.html(paginationHTML);
+ swiper.pagination.bullets = $el.find(
+ classesToSelector(params.bulletClass),
+ );
+ }
+
+ if (params.type === "fraction") {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(
+ swiper,
+ params.currentClass,
+ params.totalClass,
+ );
+ } else {
+ paginationHTML =
+ `
`);
+ $el.append($dragEl);
+ }
+
+ Object.assign(scrollbar, {
+ $el,
+ el: $el[0],
+ $dragEl,
+ dragEl: $dragEl[0],
+ });
+
+ if (params.draggable) {
+ enableDraggable();
+ }
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ }
+
+ function destroy() {
+ disableDraggable();
+ }
+
+ on("init", () => {
+ init();
+ updateSize();
+ setTranslate();
+ });
+ on("update resize observerUpdate lock unlock", () => {
+ updateSize();
+ });
+ on("setTranslate", () => {
+ setTranslate();
+ });
+ on("setTransition", (_s, duration) => {
+ setTransition(duration);
+ });
+ on("enable disable", () => {
+ const { $el } = swiper.scrollbar;
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ Object.assign(swiper.scrollbar, {
+ updateSize,
+ setTranslate,
+ init,
+ destroy,
+ });
+ }
+
+ function Parallax(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ parallax: {
+ enabled: false,
+ },
+ });
+
+ const setTransform = (el, progress) => {
+ const { rtl } = swiper;
+ const $el = $(el);
+ const rtlFactor = rtl ? -1 : 1;
+ const p = $el.attr("data-swiper-parallax") || "0";
+ let x = $el.attr("data-swiper-parallax-x");
+ let y = $el.attr("data-swiper-parallax-y");
+ const scale = $el.attr("data-swiper-parallax-scale");
+ const opacity = $el.attr("data-swiper-parallax-opacity");
+
+ if (x || y) {
+ x = x || "0";
+ y = y || "0";
+ } else if (swiper.isHorizontal()) {
+ x = p;
+ y = "0";
+ } else {
+ y = p;
+ x = "0";
+ }
+
+ if (x.indexOf("%") >= 0) {
+ x = `${parseInt(x, 10) * progress * rtlFactor}%`;
+ } else {
+ x = `${x * progress * rtlFactor}px`;
+ }
+
+ if (y.indexOf("%") >= 0) {
+ y = `${parseInt(y, 10) * progress}%`;
+ } else {
+ y = `${y * progress}px`;
+ }
+
+ if (typeof opacity !== "undefined" && opacity !== null) {
+ const currentOpacity =
+ opacity - (opacity - 1) * (1 - Math.abs(progress));
+ $el[0].style.opacity = currentOpacity;
+ }
+
+ if (typeof scale === "undefined" || scale === null) {
+ $el.transform(`translate3d(${x}, ${y}, 0px)`);
+ } else {
+ const currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
+ $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
+ }
+ };
+
+ const setTranslate = () => {
+ const { $el, slides, progress, snapGrid } = swiper;
+ $el
+ .children(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, progress);
+ });
+ slides.each((slideEl, slideIndex) => {
+ let slideProgress = slideEl.progress;
+
+ if (
+ swiper.params.slidesPerGroup > 1 &&
+ swiper.params.slidesPerView !== "auto"
+ ) {
+ slideProgress +=
+ Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
+ }
+
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ $(slideEl)
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, slideProgress);
+ });
+ });
+ };
+
+ const setTransition = function (duration) {
+ if (duration === void 0) {
+ duration = swiper.params.speed;
+ }
+
+ const { $el } = swiper;
+ $el
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((parallaxEl) => {
+ const $parallaxEl = $(parallaxEl);
+ let parallaxDuration =
+ parseInt($parallaxEl.attr("data-swiper-parallax-duration"), 10) ||
+ duration;
+ if (duration === 0) parallaxDuration = 0;
+ $parallaxEl.transition(parallaxDuration);
+ });
+ };
+
+ on("beforeInit", () => {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ });
+ on("init", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTransition", (_swiper, duration) => {
+ if (!swiper.params.parallax.enabled) return;
+ setTransition(duration);
+ });
+ }
+
+ function Zoom(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ zoom: {
+ enabled: false,
+ maxRatio: 3,
+ minRatio: 1,
+ toggle: true,
+ containerClass: "swiper-zoom-container",
+ zoomedSlideClass: "swiper-slide-zoomed",
+ },
+ });
+ swiper.zoom = {
+ enabled: false,
+ };
+ let currentScale = 1;
+ let isScaling = false;
+ let gesturesEnabled;
+ let fakeGestureTouched;
+ let fakeGestureMoved;
+ const gesture = {
+ $slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ $imageEl: undefined,
+ $imageWrapEl: undefined,
+ maxRatio: 3,
+ };
+ const image = {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {},
+ };
+ const velocity = {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined,
+ };
+ let scale = 1;
+ Object.defineProperty(swiper.zoom, "scale", {
+ get() {
+ return scale;
+ },
+
+ set(value) {
+ if (scale !== value) {
+ const imageEl = gesture.$imageEl ? gesture.$imageEl[0] : undefined;
+ const slideEl = gesture.$slideEl ? gesture.$slideEl[0] : undefined;
+ emit("zoomChange", value, imageEl, slideEl);
+ }
+
+ scale = value;
+ },
+ });
+
+ function getDistanceBetweenTouches(e) {
+ if (e.targetTouches.length < 2) return 1;
+ const x1 = e.targetTouches[0].pageX;
+ const y1 = e.targetTouches[0].pageY;
+ const x2 = e.targetTouches[1].pageX;
+ const y2 = e.targetTouches[1].pageY;
+ const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
+ return distance;
+ } // Events
+
+ function onGestureStart(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchstart" ||
+ (e.type === "touchstart" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = true;
+ gesture.scaleStart = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$slideEl || !gesture.$slideEl.length) {
+ gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`);
+ if (gesture.$slideEl.length === 0)
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ gesture.maxRatio =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (gesture.$imageWrapEl.length === 0) {
+ gesture.$imageEl = undefined;
+ return;
+ }
+ }
+
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transition(0);
+ }
+
+ isScaling = true;
+ }
+
+ function onGestureChange(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchmove" ||
+ (e.type === "touchmove" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureMoved = true;
+ gesture.scaleMove = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) {
+ if (e.type === "gesturechange") onGestureStart(e);
+ return;
+ }
+
+ if (support.gestures) {
+ zoom.scale = e.scale * currentScale;
+ } else {
+ zoom.scale = (gesture.scaleMove / gesture.scaleStart) * currentScale;
+ }
+
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale =
+ gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5;
+ }
+
+ if (zoom.scale < params.minRatio) {
+ zoom.scale =
+ params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5;
+ }
+
+ gesture.$imageEl.transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function onGestureEnd(e) {
+ const device = swiper.device;
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (!fakeGestureTouched || !fakeGestureMoved) {
+ return;
+ }
+
+ if (
+ e.type !== "touchend" ||
+ (e.type === "touchend" &&
+ e.changedTouches.length < 2 &&
+ !device.android)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ zoom.scale = Math.max(
+ Math.min(zoom.scale, gesture.maxRatio),
+ params.minRatio,
+ );
+ gesture.$imageEl
+ .transition(swiper.params.speed)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ currentScale = zoom.scale;
+ isScaling = false;
+ if (zoom.scale === 1) gesture.$slideEl = undefined;
+ }
+
+ function onTouchStart(e) {
+ const device = swiper.device;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ if (image.isTouched) return;
+ if (device.android && e.cancelable) e.preventDefault();
+ image.isTouched = true;
+ image.touchesStart.x =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesStart.y =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ }
+
+ function onTouchMove(e) {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ swiper.allowClick = false;
+ if (!image.isTouched || !gesture.$slideEl) return;
+
+ if (!image.isMoved) {
+ image.width = gesture.$imageEl[0].offsetWidth;
+ image.height = gesture.$imageEl[0].offsetHeight;
+ image.startX = getTranslate(gesture.$imageWrapEl[0], "x") || 0;
+ image.startY = getTranslate(gesture.$imageWrapEl[0], "y") || 0;
+ gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
+ gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
+ gesture.$imageWrapEl.transition(0);
+ } // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ if (
+ scaledWidth < gesture.slideWidth &&
+ scaledHeight < gesture.slideHeight
+ )
+ return;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.touchesCurrent.x =
+ e.type === "touchmove" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesCurrent.y =
+ e.type === "touchmove" ? e.targetTouches[0].pageY : e.pageY;
+
+ if (!image.isMoved && !isScaling) {
+ if (
+ swiper.isHorizontal() &&
+ ((Math.floor(image.minX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x < image.touchesStart.x) ||
+ (Math.floor(image.maxX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x > image.touchesStart.x))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+
+ if (
+ !swiper.isHorizontal() &&
+ ((Math.floor(image.minY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y < image.touchesStart.y) ||
+ (Math.floor(image.maxY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y > image.touchesStart.y))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+ }
+
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+
+ e.stopPropagation();
+ image.isMoved = true;
+ image.currentX =
+ image.touchesCurrent.x - image.touchesStart.x + image.startX;
+ image.currentY =
+ image.touchesCurrent.y - image.touchesStart.y + image.startY;
+
+ if (image.currentX < image.minX) {
+ image.currentX =
+ image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8;
+ }
+
+ if (image.currentX > image.maxX) {
+ image.currentX =
+ image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8;
+ }
+
+ if (image.currentY < image.minY) {
+ image.currentY =
+ image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8;
+ }
+
+ if (image.currentY > image.maxY) {
+ image.currentY =
+ image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
+ } // Velocity
+
+ if (!velocity.prevPositionX)
+ velocity.prevPositionX = image.touchesCurrent.x;
+ if (!velocity.prevPositionY)
+ velocity.prevPositionY = image.touchesCurrent.y;
+ if (!velocity.prevTime) velocity.prevTime = Date.now();
+ velocity.x =
+ (image.touchesCurrent.x - velocity.prevPositionX) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ velocity.y =
+ (image.touchesCurrent.y - velocity.prevPositionY) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2)
+ velocity.x = 0;
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2)
+ velocity.y = 0;
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+ gesture.$imageWrapEl.transform(
+ `translate3d(${image.currentX}px, ${image.currentY}px,0)`,
+ );
+ }
+
+ function onTouchEnd() {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+
+ image.isTouched = false;
+ image.isMoved = false;
+ let momentumDurationX = 300;
+ let momentumDurationY = 300;
+ const momentumDistanceX = velocity.x * momentumDurationX;
+ const newPositionX = image.currentX + momentumDistanceX;
+ const momentumDistanceY = velocity.y * momentumDurationY;
+ const newPositionY = image.currentY + momentumDistanceY; // Fix duration
+
+ if (velocity.x !== 0)
+ momentumDurationX = Math.abs(
+ (newPositionX - image.currentX) / velocity.x,
+ );
+ if (velocity.y !== 0)
+ momentumDurationY = Math.abs(
+ (newPositionY - image.currentY) / velocity.y,
+ );
+ const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+ image.currentX = newPositionX;
+ image.currentY = newPositionY; // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(
+ Math.min(image.currentX, image.maxX),
+ image.minX,
+ );
+ image.currentY = Math.max(
+ Math.min(image.currentY, image.maxY),
+ image.minY,
+ );
+ gesture.$imageWrapEl
+ .transition(momentumDuration)
+ .transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`);
+ }
+
+ function onTransitionEnd() {
+ const zoom = swiper.zoom;
+
+ if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transform("translate3d(0,0,0) scale(1)");
+ }
+
+ if (gesture.$imageWrapEl) {
+ gesture.$imageWrapEl.transform("translate3d(0,0,0)");
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$slideEl = undefined;
+ gesture.$imageEl = undefined;
+ gesture.$imageWrapEl = undefined;
+ }
+ }
+
+ function zoomIn(e) {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (e && e.target) {
+ gesture.$slideEl = $(e.target).closest(
+ `.${swiper.params.slideClass}`,
+ );
+ }
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.touchAction = "none";
+ }
+
+ gesture.$slideEl.addClass(`${params.zoomedSlideClass}`);
+ let touchX;
+ let touchY;
+ let offsetX;
+ let offsetY;
+ let diffX;
+ let diffY;
+ let translateX;
+ let translateY;
+ let imageWidth;
+ let imageHeight;
+ let scaledWidth;
+ let scaledHeight;
+ let translateMinX;
+ let translateMinY;
+ let translateMaxX;
+ let translateMaxY;
+ let slideWidth;
+ let slideHeight;
+
+ if (typeof image.touchesStart.x === "undefined" && e) {
+ touchX = e.type === "touchend" ? e.changedTouches[0].pageX : e.pageX;
+ touchY = e.type === "touchend" ? e.changedTouches[0].pageY : e.pageY;
+ } else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+
+ zoom.scale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+ currentScale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (e) {
+ slideWidth = gesture.$slideEl[0].offsetWidth;
+ slideHeight = gesture.$slideEl[0].offsetHeight;
+ offsetX = gesture.$slideEl.offset().left + window.scrollX;
+ offsetY = gesture.$slideEl.offset().top + window.scrollY;
+ diffX = offsetX + slideWidth / 2 - touchX;
+ diffY = offsetY + slideHeight / 2 - touchY;
+ imageWidth = gesture.$imageEl[0].offsetWidth;
+ imageHeight = gesture.$imageEl[0].offsetHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+ translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ } else {
+ translateX = 0;
+ translateY = 0;
+ }
+
+ gesture.$imageWrapEl
+ .transition(300)
+ .transform(`translate3d(${translateX}px, ${translateY}px,0)`);
+ gesture.$imageEl
+ .transition(300)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function zoomOut() {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.style.touchAction = "";
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$imageWrapEl.transition(300).transform("translate3d(0,0,0)");
+ gesture.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)");
+ gesture.$slideEl.removeClass(`${params.zoomedSlideClass}`);
+ gesture.$slideEl = undefined;
+ } // Toggle Zoom
+
+ function zoomToggle(e) {
+ const zoom = swiper.zoom;
+
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoomOut();
+ } else {
+ // Zoom In
+ zoomIn(e);
+ }
+ }
+
+ function getListeners() {
+ const support = swiper.support;
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ const activeListenerWithCapture = support.passiveListener
+ ? {
+ passive: false,
+ capture: true,
+ }
+ : true;
+ return {
+ passiveListener,
+ activeListenerWithCapture,
+ };
+ }
+
+ function getSlideSelector() {
+ return `.${swiper.params.slideClass}`;
+ }
+
+ function toggleGestures(method) {
+ const { passiveListener } = getListeners();
+ const slideSelector = getSlideSelector();
+ swiper.$wrapperEl[method](
+ "gesturestart",
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gesturechange",
+ slideSelector,
+ onGestureChange,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gestureend",
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+
+ function enableGestures() {
+ if (gesturesEnabled) return;
+ gesturesEnabled = true;
+ toggleGestures("on");
+ }
+
+ function disableGestures() {
+ if (!gesturesEnabled) return;
+ gesturesEnabled = false;
+ toggleGestures("off");
+ } // Attach/Detach Events
+
+ function enable() {
+ const zoom = swiper.zoom;
+ if (zoom.enabled) return;
+ zoom.enabled = true;
+ const support = swiper.support;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ function disable() {
+ const zoom = swiper.zoom;
+ if (!zoom.enabled) return;
+ const support = swiper.support;
+ zoom.enabled = false;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ on("init", () => {
+ if (swiper.params.zoom.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ disable();
+ });
+ on("touchStart", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchStart(e);
+ });
+ on("touchEnd", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchEnd();
+ });
+ on("doubleTap", (_s, e) => {
+ if (
+ !swiper.animating &&
+ swiper.params.zoom.enabled &&
+ swiper.zoom.enabled &&
+ swiper.params.zoom.toggle
+ ) {
+ zoomToggle(e);
+ }
+ });
+ on("transitionEnd", () => {
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
+ onTransitionEnd();
+ }
+ });
+ on("slideChange", () => {
+ if (
+ swiper.zoom.enabled &&
+ swiper.params.zoom.enabled &&
+ swiper.params.cssMode
+ ) {
+ onTransitionEnd();
+ }
+ });
+ Object.assign(swiper.zoom, {
+ enable,
+ disable,
+ in: zoomIn,
+ out: zoomOut,
+ toggle: zoomToggle,
+ });
+ }
+
+ function Lazy(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ lazy: {
+ checkInView: false,
+ enabled: false,
+ loadPrevNext: false,
+ loadPrevNextAmount: 1,
+ loadOnTransitionStart: false,
+ scrollingElement: "",
+ elementClass: "swiper-lazy",
+ loadingClass: "swiper-lazy-loading",
+ loadedClass: "swiper-lazy-loaded",
+ preloaderClass: "swiper-lazy-preloader",
+ },
+ });
+ swiper.lazy = {};
+ let scrollHandlerAttached = false;
+ let initialImageLoaded = false;
+
+ function loadInSlide(index, loadInDuplicate) {
+ if (loadInDuplicate === void 0) {
+ loadInDuplicate = true;
+ }
+
+ const params = swiper.params.lazy;
+ if (typeof index === "undefined") return;
+ if (swiper.slides.length === 0) return;
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ const $slideEl = isVirtual
+ ? swiper.$wrapperEl.children(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`,
+ )
+ : swiper.slides.eq(index);
+ const $images = $slideEl.find(
+ `.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`,
+ );
+
+ if (
+ $slideEl.hasClass(params.elementClass) &&
+ !$slideEl.hasClass(params.loadedClass) &&
+ !$slideEl.hasClass(params.loadingClass)
+ ) {
+ $images.push($slideEl[0]);
+ }
+
+ if ($images.length === 0) return;
+ $images.each((imageEl) => {
+ const $imageEl = $(imageEl);
+ $imageEl.addClass(params.loadingClass);
+ const background = $imageEl.attr("data-background");
+ const src = $imageEl.attr("data-src");
+ const srcset = $imageEl.attr("data-srcset");
+ const sizes = $imageEl.attr("data-sizes");
+ const $pictureEl = $imageEl.parent("picture");
+ swiper.loadImage(
+ $imageEl[0],
+ src || background,
+ srcset,
+ sizes,
+ false,
+ () => {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ (swiper && !swiper.params) ||
+ swiper.destroyed
+ )
+ return;
+
+ if (background) {
+ $imageEl.css("background-image", `url("${background}")`);
+ $imageEl.removeAttr("data-background");
+ } else {
+ if (srcset) {
+ $imageEl.attr("srcset", srcset);
+ $imageEl.removeAttr("data-srcset");
+ }
+
+ if (sizes) {
+ $imageEl.attr("sizes", sizes);
+ $imageEl.removeAttr("data-sizes");
+ }
+
+ if ($pictureEl.length) {
+ $pictureEl.children("source").each((sourceEl) => {
+ const $source = $(sourceEl);
+
+ if ($source.attr("data-srcset")) {
+ $source.attr("srcset", $source.attr("data-srcset"));
+ $source.removeAttr("data-srcset");
+ }
+ });
+ }
+
+ if (src) {
+ $imageEl.attr("src", src);
+ $imageEl.removeAttr("data-src");
+ }
+ }
+
+ $imageEl
+ .addClass(params.loadedClass)
+ .removeClass(params.loadingClass);
+ $slideEl.find(`.${params.preloaderClass}`).remove();
+
+ if (swiper.params.loop && loadInDuplicate) {
+ const slideOriginalIndex = $slideEl.attr(
+ "data-swiper-slide-index",
+ );
+
+ if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
+ const originalSlide = swiper.$wrapperEl.children(
+ `[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`,
+ );
+ loadInSlide(originalSlide.index(), false);
+ } else {
+ const duplicatedSlide = swiper.$wrapperEl.children(
+ `.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`,
+ );
+ loadInSlide(duplicatedSlide.index(), false);
+ }
+ }
+
+ emit("lazyImageReady", $slideEl[0], $imageEl[0]);
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ },
+ );
+ emit("lazyImageLoad", $slideEl[0], $imageEl[0]);
+ });
+ }
+
+ function load() {
+ const { $wrapperEl, params: swiperParams, slides, activeIndex } = swiper;
+ const isVirtual = swiper.virtual && swiperParams.virtual.enabled;
+ const params = swiperParams.lazy;
+ let slidesPerView = swiperParams.slidesPerView;
+
+ if (slidesPerView === "auto") {
+ slidesPerView = 0;
+ }
+
+ function slideExist(index) {
+ if (isVirtual) {
+ if (
+ $wrapperEl.children(
+ `.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`,
+ ).length
+ ) {
+ return true;
+ }
+ } else if (slides[index]) return true;
+
+ return false;
+ }
+
+ function slideIndex(slideEl) {
+ if (isVirtual) {
+ return $(slideEl).attr("data-swiper-slide-index");
+ }
+
+ return $(slideEl).index();
+ }
+
+ if (!initialImageLoaded) initialImageLoaded = true;
+
+ if (swiper.params.watchSlidesProgress) {
+ $wrapperEl
+ .children(`.${swiperParams.slideVisibleClass}`)
+ .each((slideEl) => {
+ const index = isVirtual
+ ? $(slideEl).attr("data-swiper-slide-index")
+ : $(slideEl).index();
+ loadInSlide(index);
+ });
+ } else if (slidesPerView > 1) {
+ for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ loadInSlide(activeIndex);
+ }
+
+ if (params.loadPrevNext) {
+ if (
+ slidesPerView > 1 ||
+ (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)
+ ) {
+ const amount = params.loadPrevNextAmount;
+ const spv = slidesPerView;
+ const maxIndex = Math.min(
+ activeIndex + spv + Math.max(amount, spv),
+ slides.length,
+ );
+ const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
+
+ for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ } // Prev Slides
+
+ for (let i = minIndex; i < activeIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ const nextSlide = $wrapperEl.children(
+ `.${swiperParams.slideNextClass}`,
+ );
+ if (nextSlide.length > 0) loadInSlide(slideIndex(nextSlide));
+ const prevSlide = $wrapperEl.children(
+ `.${swiperParams.slidePrevClass}`,
+ );
+ if (prevSlide.length > 0) loadInSlide(slideIndex(prevSlide));
+ }
+ }
+ }
+
+ function checkInViewOnLoad() {
+ const window = getWindow();
+ if (!swiper || swiper.destroyed) return;
+ const $scrollElement = swiper.params.lazy.scrollingElement
+ ? $(swiper.params.lazy.scrollingElement)
+ : $(window);
+ const isWindow = $scrollElement[0] === window;
+ const scrollElementWidth = isWindow
+ ? window.innerWidth
+ : $scrollElement[0].offsetWidth;
+ const scrollElementHeight = isWindow
+ ? window.innerHeight
+ : $scrollElement[0].offsetHeight;
+ const swiperOffset = swiper.$el.offset();
+ const { rtlTranslate: rtl } = swiper;
+ let inView = false;
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiper.width, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiper.height],
+ [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= scrollElementWidth &&
+ point[1] >= 0 &&
+ point[1] <= scrollElementHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ swiper.support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+
+ if (inView) {
+ load();
+ $scrollElement.off("scroll", checkInViewOnLoad, passiveListener);
+ } else if (!scrollHandlerAttached) {
+ scrollHandlerAttached = true;
+ $scrollElement.on("scroll", checkInViewOnLoad, passiveListener);
+ }
+ }
+
+ on("beforeInit", () => {
+ if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
+ swiper.params.preloadImages = false;
+ }
+ });
+ on("init", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("scroll", () => {
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.freeMode.sticky
+ ) {
+ load();
+ }
+ });
+ on("scrollbarDragMove resize _freeModeNoMomentumRelease", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("transitionStart", () => {
+ if (swiper.params.lazy.enabled) {
+ if (
+ swiper.params.lazy.loadOnTransitionStart ||
+ (!swiper.params.lazy.loadOnTransitionStart && !initialImageLoaded)
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ }
+ });
+ on("transitionEnd", () => {
+ if (
+ swiper.params.lazy.enabled &&
+ !swiper.params.lazy.loadOnTransitionStart
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("slideChange", () => {
+ const {
+ lazy,
+ cssMode,
+ watchSlidesProgress,
+ touchReleaseOnEdges,
+ resistanceRatio,
+ } = swiper.params;
+
+ if (
+ lazy.enabled &&
+ (cssMode ||
+ (watchSlidesProgress &&
+ (touchReleaseOnEdges || resistanceRatio === 0)))
+ ) {
+ load();
+ }
+ });
+ Object.assign(swiper.lazy, {
+ load,
+ loadInSlide,
+ });
+ }
+
+ /* eslint no-bitwise: ["error", { "allow": [">>"] }] */
+ function Controller(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: "slide", // or 'container'
+ },
+ });
+ swiper.controller = {
+ control: undefined,
+ };
+
+ function LinearSpline(x, y) {
+ const binarySearch = (function search() {
+ let maxIndex;
+ let minIndex;
+ let guess;
+ return (array, val) => {
+ minIndex = -1;
+ maxIndex = array.length;
+
+ while (maxIndex - minIndex > 1) {
+ guess = (maxIndex + minIndex) >> 1;
+
+ if (array[guess] <= val) {
+ minIndex = guess;
+ } else {
+ maxIndex = guess;
+ }
+ }
+
+ return maxIndex;
+ };
+ })();
+
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:
+ // (x1,y1) is the known point before given value,
+ // (x3,y3) is the known point after given value.
+
+ let i1;
+ let i3;
+
+ this.interpolate = function interpolate(x2) {
+ if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+
+ i3 = binarySearch(this.x, x2);
+ i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:
+ // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+
+ return (
+ ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) /
+ (this.x[i3] - this.x[i1]) +
+ this.y[i1]
+ );
+ };
+
+ return this;
+ } // xxx: for now i will just save one spline function to to
+
+ function getInterpolateFunction(c) {
+ if (!swiper.controller.spline) {
+ swiper.controller.spline = swiper.params.loop
+ ? new LinearSpline(swiper.slidesGrid, c.slidesGrid)
+ : new LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ }
+
+ function setTranslate(_t, byController) {
+ const controlled = swiper.controller.control;
+ let multiplier;
+ let controlledTranslate;
+ const Swiper = swiper.constructor;
+
+ function setControlledTranslate(c) {
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ const translate = swiper.rtlTranslate
+ ? -swiper.translate
+ : swiper.translate;
+
+ if (swiper.params.controller.by === "slide") {
+ getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+ // but it did not work out
+
+ controlledTranslate =
+ -swiper.controller.spline.interpolate(-translate);
+ }
+
+ if (
+ !controlledTranslate ||
+ swiper.params.controller.by === "container"
+ ) {
+ multiplier =
+ (c.maxTranslate() - c.minTranslate()) /
+ (swiper.maxTranslate() - swiper.minTranslate());
+ controlledTranslate =
+ (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
+ }
+
+ if (swiper.params.controller.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+
+ if (Array.isArray(controlled)) {
+ for (let i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTranslate(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
+ }
+
+ function setTransition(duration, byController) {
+ const Swiper = swiper.constructor;
+ const controlled = swiper.controller.control;
+ let i;
+
+ function setControlledTransition(c) {
+ c.setTransition(duration, swiper);
+
+ if (duration !== 0) {
+ c.transitionStart();
+
+ if (c.params.autoHeight) {
+ nextTick(() => {
+ c.updateAutoHeight();
+ });
+ }
+
+ c.$wrapperEl.transitionEnd(() => {
+ if (!controlled) return;
+
+ if (c.params.loop && swiper.params.controller.by === "slide") {
+ c.loopFix();
+ }
+
+ c.transitionEnd();
+ });
+ }
+ }
+
+ if (Array.isArray(controlled)) {
+ for (i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTransition(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
+ }
+
+ function removeSpline() {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ }
+
+ on("beforeInit", () => {
+ swiper.controller.control = swiper.params.controller.control;
+ });
+ on("update", () => {
+ removeSpline();
+ });
+ on("resize", () => {
+ removeSpline();
+ });
+ on("observerUpdate", () => {
+ removeSpline();
+ });
+ on("setTranslate", (_s, translate, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTranslate(translate, byController);
+ });
+ on("setTransition", (_s, duration, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTransition(duration, byController);
+ });
+ Object.assign(swiper.controller, {
+ setTranslate,
+ setTransition,
+ });
+ }
+
+ function A11y(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ a11y: {
+ enabled: true,
+ notificationClass: "swiper-notification",
+ prevSlideMessage: "Previous slide",
+ nextSlideMessage: "Next slide",
+ firstSlideMessage: "This is the first slide",
+ lastSlideMessage: "This is the last slide",
+ paginationBulletMessage: "Go to slide {{index}}",
+ slideLabelMessage: "{{index}} / {{slidesLength}}",
+ containerMessage: null,
+ containerRoleDescriptionMessage: null,
+ itemRoleDescriptionMessage: null,
+ slideRole: "group",
+ },
+ });
+ let liveRegion = null;
+
+ function notify(message) {
+ const notification = liveRegion;
+ if (notification.length === 0) return;
+ notification.html("");
+ notification.html(message);
+ }
+
+ function getRandomNumber(size) {
+ if (size === void 0) {
+ size = 16;
+ }
+
+ const randomChar = () => Math.round(16 * Math.random()).toString(16);
+
+ return "x".repeat(size).replace(/x/g, randomChar);
+ }
+
+ function makeElFocusable($el) {
+ $el.attr("tabIndex", "0");
+ }
+
+ function makeElNotFocusable($el) {
+ $el.attr("tabIndex", "-1");
+ }
+
+ function addElRole($el, role) {
+ $el.attr("role", role);
+ }
+
+ function addElRoleDescription($el, description) {
+ $el.attr("aria-roledescription", description);
+ }
+
+ function addElControls($el, controls) {
+ $el.attr("aria-controls", controls);
+ }
+
+ function addElLabel($el, label) {
+ $el.attr("aria-label", label);
+ }
+
+ function addElId($el, id) {
+ $el.attr("id", id);
+ }
+
+ function addElLive($el, live) {
+ $el.attr("aria-live", live);
+ }
+
+ function disableEl($el) {
+ $el.attr("aria-disabled", true);
+ }
+
+ function enableEl($el) {
+ $el.attr("aria-disabled", false);
+ }
+
+ function onEnterOrSpaceKey(e) {
+ if (e.keyCode !== 13 && e.keyCode !== 32) return;
+ const params = swiper.params.a11y;
+ const $targetEl = $(e.target);
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$nextEl &&
+ $targetEl.is(swiper.navigation.$nextEl)
+ ) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+
+ if (swiper.isEnd) {
+ notify(params.lastSlideMessage);
+ } else {
+ notify(params.nextSlideMessage);
+ }
+ }
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$prevEl &&
+ $targetEl.is(swiper.navigation.$prevEl)
+ ) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+
+ if (swiper.isBeginning) {
+ notify(params.firstSlideMessage);
+ } else {
+ notify(params.prevSlideMessage);
+ }
+ }
+
+ if (
+ swiper.pagination &&
+ $targetEl.is(classesToSelector(swiper.params.pagination.bulletClass))
+ ) {
+ $targetEl[0].click();
+ }
+ }
+
+ function updateNavigation() {
+ if (swiper.params.loop || swiper.params.rewind || !swiper.navigation)
+ return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ disableEl($prevEl);
+ makeElNotFocusable($prevEl);
+ } else {
+ enableEl($prevEl);
+ makeElFocusable($prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ disableEl($nextEl);
+ makeElNotFocusable($nextEl);
+ } else {
+ enableEl($nextEl);
+ makeElFocusable($nextEl);
+ }
+ }
+ }
+
+ function hasPagination() {
+ return (
+ swiper.pagination &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length
+ );
+ }
+
+ function hasClickablePagination() {
+ return hasPagination() && swiper.params.pagination.clickable;
+ }
+
+ function updatePagination() {
+ const params = swiper.params.a11y;
+ if (!hasPagination()) return;
+ swiper.pagination.bullets.each((bulletEl) => {
+ const $bulletEl = $(bulletEl);
+
+ if (swiper.params.pagination.clickable) {
+ makeElFocusable($bulletEl);
+
+ if (!swiper.params.pagination.renderBullet) {
+ addElRole($bulletEl, "button");
+ addElLabel(
+ $bulletEl,
+ params.paginationBulletMessage.replace(
+ /\{\{index\}\}/,
+ $bulletEl.index() + 1,
+ ),
+ );
+ }
+ }
+
+ if ($bulletEl.is(`.${swiper.params.pagination.bulletActiveClass}`)) {
+ $bulletEl.attr("aria-current", "true");
+ } else {
+ $bulletEl.removeAttr("aria-current");
+ }
+ });
+ }
+
+ const initNavEl = ($el, wrapperId, message) => {
+ makeElFocusable($el);
+
+ if ($el[0].tagName !== "BUTTON") {
+ addElRole($el, "button");
+ $el.on("keydown", onEnterOrSpaceKey);
+ }
+
+ addElLabel($el, message);
+ addElControls($el, wrapperId);
+ };
+
+ const handleFocus = (e) => {
+ const slideEl = e.target.closest(`.${swiper.params.slideClass}`);
+ if (!slideEl || !swiper.slides.includes(slideEl)) return;
+ const isActive = swiper.slides.indexOf(slideEl) === swiper.activeIndex;
+ const isVisible =
+ swiper.params.watchSlidesProgress &&
+ swiper.visibleSlides &&
+ swiper.visibleSlides.includes(slideEl);
+ if (isActive || isVisible) return;
+ swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
+ };
+
+ function init() {
+ const params = swiper.params.a11y;
+ swiper.$el.append(liveRegion); // Container
+
+ const $containerEl = swiper.$el;
+
+ if (params.containerRoleDescriptionMessage) {
+ addElRoleDescription(
+ $containerEl,
+ params.containerRoleDescriptionMessage,
+ );
+ }
+
+ if (params.containerMessage) {
+ addElLabel($containerEl, params.containerMessage);
+ } // Wrapper
+
+ const $wrapperEl = swiper.$wrapperEl;
+ const wrapperId =
+ $wrapperEl.attr("id") || `swiper-wrapper-${getRandomNumber(16)}`;
+ const live =
+ swiper.params.autoplay && swiper.params.autoplay.enabled
+ ? "off"
+ : "polite";
+ addElId($wrapperEl, wrapperId);
+ addElLive($wrapperEl, live); // Slide
+
+ if (params.itemRoleDescriptionMessage) {
+ addElRoleDescription(
+ $(swiper.slides),
+ params.itemRoleDescriptionMessage,
+ );
+ }
+
+ addElRole($(swiper.slides), params.slideRole);
+ const slidesLength = swiper.params.loop
+ ? swiper.slides.filter(
+ (el) => !el.classList.contains(swiper.params.slideDuplicateClass),
+ ).length
+ : swiper.slides.length;
+ swiper.slides.each((slideEl, index) => {
+ const $slideEl = $(slideEl);
+ const slideIndex = swiper.params.loop
+ ? parseInt($slideEl.attr("data-swiper-slide-index"), 10)
+ : index;
+ const ariaLabelMessage = params.slideLabelMessage
+ .replace(/\{\{index\}\}/, slideIndex + 1)
+ .replace(/\{\{slidesLength\}\}/, slidesLength);
+ addElLabel($slideEl, ariaLabelMessage);
+ }); // Navigation
+
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl && $nextEl.length) {
+ initNavEl($nextEl, wrapperId, params.nextSlideMessage);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ initNavEl($prevEl, wrapperId, params.prevSlideMessage);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.on(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.on("focus", handleFocus, true);
+ }
+
+ function destroy() {
+ if (liveRegion && liveRegion.length > 0) liveRegion.remove();
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl) {
+ $nextEl.off("keydown", onEnterOrSpaceKey);
+ }
+
+ if ($prevEl) {
+ $prevEl.off("keydown", onEnterOrSpaceKey);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.off(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.off("focus", handleFocus, true);
+ }
+
+ on("beforeInit", () => {
+ liveRegion = $(
+ `
');
+ $wrapperEl.append($cubeShadowEl);
+ }
+
+ $cubeShadowEl.css({
+ height: `${swiperWidth}px`,
+ });
+ } else {
+ $cubeShadowEl = $el.find(".swiper-cube-shadow");
+
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('
');
+ $el.append($cubeShadowEl);
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let slideIndex = i;
+
+ if (isVirtual) {
+ slideIndex = parseInt($slideEl.attr("data-swiper-slide-index"), 10);
+ }
+
+ let slideAngle = slideIndex * 90;
+ let round = Math.floor(slideAngle / 360);
+
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+
+ const progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ let tx = 0;
+ let ty = 0;
+ let tz = 0;
+
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ } else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ } else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + round * 4 * swiperSize;
+ tz = swiperSize;
+ } else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = 3 * swiperSize + swiperSize * 4 * round;
+ }
+
+ if (rtl) {
+ tx = -tx;
+ }
+
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+
+ const transform = `rotateX(${
+ isHorizontal ? 0 : -slideAngle
+ }deg) rotateY(${
+ isHorizontal ? slideAngle : 0
+ }deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
+
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = slideIndex * 90 + progress * 90;
+ if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90;
+ }
+
+ $slideEl.transform(transform);
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = $(
+ `
`,
+ );
+ $slideEl.append(shadowBefore);
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = $(
+ `
`,
+ );
+ $slideEl.append(shadowAfter);
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+ }
+
+ $wrapperEl.css({
+ "-webkit-transform-origin": `50% 50% -${swiperSize / 2}px`,
+ "transform-origin": `50% 50% -${swiperSize / 2}px`,
+ });
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl.transform(
+ `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${
+ -swiperWidth / 2
+ }px) rotateX(90deg) rotateZ(0deg) scale(${params.shadowScale})`,
+ );
+ } else {
+ const shadowAngle =
+ Math.abs(wrapperRotate) -
+ Math.floor(Math.abs(wrapperRotate) / 90) * 90;
+ const multiplier =
+ 1.5 -
+ (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2 +
+ Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2);
+ const scale1 = params.shadowScale;
+ const scale2 = params.shadowScale / multiplier;
+ const offset = params.shadowOffset;
+ $cubeShadowEl.transform(
+ `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${
+ swiperHeight / 2 + offset
+ }px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`,
+ );
+ }
+ }
+
+ const zFactor =
+ browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0;
+ $wrapperEl.transform(
+ `translate3d(0px,0,${zFactor}px) rotateX(${
+ swiper.isHorizontal() ? 0 : wrapperRotate
+ }deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`,
+ );
+ };
+
+ const setTransition = (duration) => {
+ const { $el, slides } = swiper;
+ slides
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+
+ if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
+ $el.find(".swiper-cube-shadow").transition(duration);
+ }
+ };
+
+ effectInit({
+ effect: "cube",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true,
+ }),
+ });
+ }
+
+ function createShadow(params, $slideEl, side) {
+ const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ""}`;
+ const $shadowContainer = params.transformEl
+ ? $slideEl.find(params.transformEl)
+ : $slideEl;
+ let $shadowEl = $shadowContainer.children(`.${shadowClass}`);
+
+ if (!$shadowEl.length) {
+ $shadowEl = $(
+ `
`,
+ );
+ $shadowContainer.append($shadowEl);
+ }
+
+ return $shadowEl;
+ }
+
+ function EffectFlip(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, rtlTranslate: rtl } = swiper;
+ const params = swiper.params.flipEffect;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let progress = $slideEl[0].progress;
+
+ if (swiper.params.flipEffect.limitRotation) {
+ progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const rotate = -180 * progress;
+ let rotateY = rotate;
+ let rotateX = 0;
+ let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let ty = 0;
+
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ } else if (rtl) {
+ rotateY = -rotateY;
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(progress)) + slides.length;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "left" : "top",
+ );
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "right" : "bottom",
+ );
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+
+ const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.flipEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "flip",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCoverflow(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ scale: 1,
+ modifier: 1,
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const {
+ width: swiperWidth,
+ height: swiperHeight,
+ slides,
+ slidesSizesGrid,
+ } = swiper;
+ const params = swiper.params.coverflowEffect;
+ const isHorizontal = swiper.isHorizontal();
+ const transform = swiper.translate;
+ const center = isHorizontal
+ ? -transform + swiperWidth / 2
+ : -transform + swiperHeight / 2;
+ const rotate = isHorizontal ? params.rotate : -params.rotate;
+ const translate = params.depth; // Each slide offset from center
+
+ for (let i = 0, length = slides.length; i < length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideSize = slidesSizesGrid[i];
+ const slideOffset = $slideEl[0].swiperSlideOffset;
+ const centerOffset = (center - slideOffset - slideSize / 2) / slideSize;
+ const offsetMultiplier =
+ typeof params.modifier === "function"
+ ? params.modifier(centerOffset)
+ : centerOffset * params.modifier;
+ let rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
+ let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0
+
+ let translateZ = -translate * Math.abs(offsetMultiplier);
+ let stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders
+
+ if (typeof stretch === "string" && stretch.indexOf("%") !== -1) {
+ stretch = (parseFloat(params.stretch) / 100) * slideSize;
+ }
+
+ let translateY = isHorizontal ? 0 : stretch * offsetMultiplier;
+ let translateX = isHorizontal ? stretch * offsetMultiplier : 0;
+ let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values
+
+ if (Math.abs(translateX) < 0.001) translateX = 0;
+ if (Math.abs(translateY) < 0.001) translateY = 0;
+ if (Math.abs(translateZ) < 0.001) translateZ = 0;
+ if (Math.abs(rotateY) < 0.001) rotateY = 0;
+ if (Math.abs(rotateX) < 0.001) rotateX = 0;
+ if (Math.abs(scale) < 0.001) scale = 0;
+ const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(slideTransform);
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowBeforeEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let $shadowAfterEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if ($shadowBeforeEl.length === 0) {
+ $shadowBeforeEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "left" : "top",
+ );
+ }
+
+ if ($shadowAfterEl.length === 0) {
+ $shadowAfterEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "right" : "bottom",
+ );
+ }
+
+ if ($shadowBeforeEl.length)
+ $shadowBeforeEl[0].style.opacity =
+ offsetMultiplier > 0 ? offsetMultiplier : 0;
+ if ($shadowAfterEl.length)
+ $shadowAfterEl[0].style.opacity =
+ -offsetMultiplier > 0 ? -offsetMultiplier : 0;
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.coverflowEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ };
+
+ effectInit({
+ effect: "coverflow",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ }),
+ });
+ }
+
+ function EffectCreative(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ creativeEffect: {
+ transformEl: null,
+ limitProgress: 1,
+ shadowPerProgress: false,
+ progressMultiplier: 1,
+ perspective: true,
+ prev: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ next: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ },
+ });
+
+ const getTranslateValue = (value) => {
+ if (typeof value === "string") return value;
+ return `${value}px`;
+ };
+
+ const setTranslate = () => {
+ const { slides, $wrapperEl, slidesSizesGrid } = swiper;
+ const params = swiper.params.creativeEffect;
+ const { progressMultiplier: multiplier } = params;
+ const isCenteredSlides = swiper.params.centeredSlides;
+
+ if (isCenteredSlides) {
+ const margin =
+ slidesSizesGrid[0] / 2 - swiper.params.slidesOffsetBefore || 0;
+ $wrapperEl.transform(`translateX(calc(50% - ${margin}px))`);
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(
+ Math.max($slideEl[0].progress, -params.limitProgress),
+ params.limitProgress,
+ );
+ let originalProgress = progress;
+
+ if (!isCenteredSlides) {
+ originalProgress = Math.min(
+ Math.max($slideEl[0].originalProgress, -params.limitProgress),
+ params.limitProgress,
+ );
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const t = [
+ swiper.params.cssMode ? -offset - swiper.translate : -offset,
+ 0,
+ 0,
+ ];
+ const r = [0, 0, 0];
+ let custom = false;
+
+ if (!swiper.isHorizontal()) {
+ t[1] = t[0];
+ t[0] = 0;
+ }
+
+ let data = {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ scale: 1,
+ opacity: 1,
+ };
+
+ if (progress < 0) {
+ data = params.next;
+ custom = true;
+ } else if (progress > 0) {
+ data = params.prev;
+ custom = true;
+ } // set translate
+
+ t.forEach((value, index) => {
+ t[index] = `calc(${value}px + (${getTranslateValue(
+ data.translate[index],
+ )} * ${Math.abs(progress * multiplier)}))`;
+ }); // set rotates
+
+ r.forEach((value, index) => {
+ r[index] = data.rotate[index] * Math.abs(progress * multiplier);
+ });
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const translateString = t.join(", ");
+ const rotateString = `rotateX(${r[0]}deg) rotateY(${r[1]}deg) rotateZ(${r[2]}deg)`;
+ const scaleString =
+ originalProgress < 0
+ ? `scale(${1 + (1 - data.scale) * originalProgress * multiplier})`
+ : `scale(${1 - (1 - data.scale) * originalProgress * multiplier})`;
+ const opacityString =
+ originalProgress < 0
+ ? 1 + (1 - data.opacity) * originalProgress * multiplier
+ : 1 - (1 - data.opacity) * originalProgress * multiplier;
+ const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`; // Set shadows
+
+ if ((custom && data.shadow) || !custom) {
+ let $shadowEl = $slideEl.children(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0 && data.shadow) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length) {
+ const shadowOpacity = params.shadowPerProgress
+ ? progress * (1 / params.limitProgress)
+ : progress;
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max(Math.abs(shadowOpacity), 0),
+ 1,
+ );
+ }
+ }
+
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform).css({
+ opacity: opacityString,
+ });
+
+ if (data.origin) {
+ $targetEl.css("transform-origin", data.origin);
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.creativeEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ allSlides: true,
+ });
+ };
+
+ effectInit({
+ effect: "creative",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => swiper.params.creativeEffect.perspective,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCards(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ cardsEffect: {
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, activeIndex } = swiper;
+ const params = swiper.params.cardsEffect;
+ const { startTranslate, isTouched } = swiper.touchEventsData;
+ const currentTranslate = swiper.translate;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(Math.max(slideProgress, -4), 4);
+ let offset = $slideEl[0].swiperSlideOffset;
+
+ if (swiper.params.centeredSlides && !swiper.params.cssMode) {
+ swiper.$wrapperEl.transform(`translateX(${swiper.minTranslate()}px)`);
+ }
+
+ if (swiper.params.centeredSlides && swiper.params.cssMode) {
+ offset -= slides[0].swiperSlideOffset;
+ }
+
+ let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let tY = 0;
+ const tZ = -100 * Math.abs(progress);
+ let scale = 1;
+ let rotate = -2 * progress;
+ let tXAdd = 8 - Math.abs(progress) * 0.75;
+ const slideIndex =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.from + i
+ : i;
+ const isSwipeToNext =
+ (slideIndex === activeIndex || slideIndex === activeIndex - 1) &&
+ progress > 0 &&
+ progress < 1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate < startTranslate;
+ const isSwipeToPrev =
+ (slideIndex === activeIndex || slideIndex === activeIndex + 1) &&
+ progress < 0 &&
+ progress > -1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate > startTranslate;
+
+ if (isSwipeToNext || isSwipeToPrev) {
+ const subProgress =
+ (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5;
+ rotate += -28 * progress * subProgress;
+ scale += -0.5 * subProgress;
+ tXAdd += 96 * subProgress;
+ tY = `${-25 * subProgress * Math.abs(progress)}%`;
+ }
+
+ if (progress < 0) {
+ // next
+ tX = `calc(${tX}px + (${tXAdd * Math.abs(progress)}%))`;
+ } else if (progress > 0) {
+ // prev
+ tX = `calc(${tX}px + (-${tXAdd * Math.abs(progress)}%))`;
+ } else {
+ tX = `${tX}px`;
+ }
+
+ if (!swiper.isHorizontal()) {
+ const prevY = tY;
+ tY = tX;
+ tX = prevY;
+ }
+
+ const scaleString =
+ progress < 0
+ ? `${1 + (1 - scale) * progress}`
+ : `${1 - (1 - scale) * progress}`;
+ const transform = `
+ translate3d(${tX}, ${tY}, ${tZ}px)
+ rotateZ(${rotate}deg)
+ scale(${scaleString})
+ `;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowEl = $slideEl.find(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length)
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max((Math.abs(progress) - 0.5) / 0.5, 0),
+ 1,
+ );
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.cardsEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "cards",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ // Swiper Class
+ const modules = [
+ Virtual,
+ Keyboard,
+ Mousewheel,
+ Navigation,
+ Pagination,
+ Scrollbar,
+ Parallax,
+ Zoom,
+ Lazy,
+ Controller,
+ A11y,
+ History,
+ HashNavigation,
+ Autoplay,
+ Thumb,
+ freeMode,
+ Grid,
+ Manipulation,
+ EffectFade,
+ EffectCube,
+ EffectFlip,
+ EffectCoverflow,
+ EffectCreative,
+ EffectCards,
+ ];
+ Swiper.use(modules);
+
+ return Swiper;
+});
diff --git a/website/assets/scss/base.scss b/website/assets/scss/base.scss
new file mode 100755
index 00000000..336b27d4
--- /dev/null
+++ b/website/assets/scss/base.scss
@@ -0,0 +1,59 @@
+html {
+ @apply text-base-sm md:text-base;
+}
+
+body {
+ @apply bg-body font-primary font-normal leading-relaxed text-text;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ @apply font-secondary font-bold leading-tight text-dark;
+}
+
+h1,
+.h1 {
+ @apply text-h1-sm md:text-h1;
+}
+
+h2,
+.h2 {
+ @apply text-h2-sm md:text-h2;
+}
+
+h3,
+.h3 {
+ @apply text-h3-sm md:text-h3;
+}
+
+h4,
+.h4 {
+ @apply text-h4;
+}
+
+h5,
+.h5 {
+ @apply text-h5;
+}
+
+h6,
+.h6 {
+ @apply text-h6;
+}
+
+b,
+strong {
+ @apply font-semibold;
+}
+
+code {
+ @apply after:border-none;
+}
+
+blockquote > p {
+ @apply my-0 #{!important};
+}
diff --git a/website/assets/scss/buttons.scss b/website/assets/scss/buttons.scss
new file mode 100755
index 00000000..8b4c8b18
--- /dev/null
+++ b/website/assets/scss/buttons.scss
@@ -0,0 +1,15 @@
+.btn {
+ @apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition;
+}
+
+.btn-sm {
+ @apply rounded-sm px-4 py-1.5 text-sm;
+}
+
+.btn-primary {
+ @apply border-primary bg-primary text-white;
+}
+
+.btn-outline-primary {
+ @apply border-dark text-dark hover:bg-dark bg-transparent hover:text-white;
+}
diff --git a/website/assets/scss/components.scss b/website/assets/scss/components.scss
new file mode 100755
index 00000000..97eb781f
--- /dev/null
+++ b/website/assets/scss/components.scss
@@ -0,0 +1,74 @@
+main {
+ min-height: 70vh;
+}
+
+// section style
+.section {
+ @apply py-24 xl:py-28;
+ &-sm {
+ @apply py-16 xl:py-20;
+ }
+}
+
+// container
+.container {
+ @apply mx-auto px-4 2xl:max-w-[1320px];
+}
+
+// form style
+.form-input {
+ @apply bg-theme-light text-dark placeholder:text-light focus:border-primary w-full rounded border-transparent px-6 py-4 focus:ring-transparent;
+}
+
+.form-label {
+ @apply font-secondary text-dark mb-4 block text-xl font-normal;
+}
+
+// social icons
+.social-icons {
+ @apply space-x-4;
+ li {
+ @apply inline-block;
+ a {
+ @apply bg-primary flex h-9 w-9 items-center justify-center rounded text-center leading-9 text-white;
+ svg {
+ @apply h-5 w-5;
+ }
+ }
+ }
+}
+
+// swiper pagination
+.swiper-pagination-bullet {
+ @apply bg-theme-light h-2.5 w-2.5 opacity-100 mx-1.5 #{!important};
+
+ &-active {
+ @apply bg-primary h-4 w-4 #{!important};
+ }
+}
+
+// content style
+.content {
+ @apply prose max-w-none;
+ @apply prose-headings:mb-[.3em] prose-headings:mt-[.6em] prose-headings:text-dark;
+ @apply prose-h1:text-h1-sm md:prose-h1:text-h1;
+ @apply prose-h2:text-h2-sm md:prose-h2:text-h2;
+ @apply prose-h3:text-h3-sm md:prose-h3:text-h3;
+ @apply prose-img:max-w-full prose-img:rounded;
+ @apply prose-hr:border-border;
+ @apply prose-p:text-base prose-p:text-text;
+ @apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark;
+ @apply prose-pre:rounded-lg prose-pre:bg-theme-light;
+ @apply prose-code:px-1;
+ @apply prose-strong:text-dark;
+ @apply prose-a:text-text prose-a:underline hover:prose-a:text-primary;
+ @apply prose-li:text-text;
+ @apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""];
+ @apply prose-thead:border-border prose-thead:bg-theme-light;
+ @apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark;
+ @apply prose-tr:border-border;
+ @apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px];
+ .btn {
+ @apply no-underline hover:text-white #{!important};
+ }
+}
diff --git a/website/assets/scss/custom.scss b/website/assets/scss/custom.scss
new file mode 100755
index 00000000..ec78b3a5
--- /dev/null
+++ b/website/assets/scss/custom.scss
@@ -0,0 +1,127 @@
+// Add your own custom styles here
+.grid-container {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .column {
+ flex-basis: calc(50% - 10px); /* Adjust width as necessary */
+ }
+
+ .list {
+ list-style-type: none;
+ padding: 0;
+ }
+
+ .list-item {
+ margin-bottom: 10px;
+ }
+
+ .link {
+ text-decoration: none;
+ color: inherit;
+ }
+
+ .title {
+ font-weight: bold;
+ }
+
+ .hr-list {
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ }
+
+ .list-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .content {
+ flex: 1;
+ }
+
+ .link {
+ text-align: left;
+ }
+
+ .time {
+ text-align: right;
+ }
+
+
+ .grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px;
+ }
+
+ .grid-item {
+
+ padding: 20px;
+ }
+
+ .header-with-image {
+ display: flex;
+ align-items: flex-start;
+ }
+
+ .header-with-image img {
+ margin-right: 10px;
+ max-width: 100px; /* Adjust as needed */
+ max-height: 100px; /* Adjust as needed */
+ align-items: center;
+ }
+
+ .read-more-link {
+ color: #FF6E00; /* Use the variable defined in theme.json */
+ }
+
+ .center-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ }
+
+ .grid-container-small {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px;
+ }
+
+ .hr-list {
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-right: .5rem;
+ }
+
+ .center-layout {
+ display: flex;
+ justify-content: center;
+
+
+ }
+
+ .hr-list2 {
+ border: 20;
+ border-top: 1px solid #FF6E00;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ }
+
+ .header-with-image2 {
+ text-align: center;
+ }
+
+ .header-with-image2 img {
+ display: inline-block;
+
+ }
+
+ .line {
+ border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
+ margin: 10px 0; /* Adjust spacing between the line and the divs */
+}
\ No newline at end of file
diff --git a/website/assets/scss/main.scss b/website/assets/scss/main.scss
new file mode 100755
index 00000000..4bbaf781
--- /dev/null
+++ b/website/assets/scss/main.scss
@@ -0,0 +1,30 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ @import "base";
+}
+
+@layer components {
+ @import "components";
+ @import "navigation";
+ @import "buttons";
+}
+
+@layer utilities {
+ @import "utilities";
+}
+
+@import "search";
+@import "social-share";
+@import "gallery-slider";
+@import "images";
+@import "toc";
+@import "tab";
+@import "accordion";
+@import "modal";
+@import "notice";
+
+@import "module-overrides";
+@import "custom";
diff --git a/website/assets/scss/module-overrides.scss b/website/assets/scss/module-overrides.scss
new file mode 100644
index 00000000..8a122670
--- /dev/null
+++ b/website/assets/scss/module-overrides.scss
@@ -0,0 +1,57 @@
+// table of contents
+.table-of-content {
+ @apply overflow-hidden rounded;
+}
+
+// share icons
+.share-icons {
+ .share-link {
+ @apply h-9 w-9 rounded leading-9;
+ @apply bg-primary hover:bg-primary;
+ }
+ .share-icon svg {
+ }
+}
+
+// notice
+.notice {
+ @apply rounded-lg;
+}
+
+// tab
+.tab {
+ @apply border-border overflow-hidden rounded-lg border;
+ &-nav {
+ @apply border-border bg-theme-light pl-4;
+
+ &-item {
+ @apply text-dark px-8 text-lg #{!important};
+ &.active {
+ @apply border-dark;
+ }
+ }
+ }
+ &-content {
+ &-panel {
+ @apply px-4 pt-0 #{!important};
+ }
+ }
+}
+
+// accordion
+.accordion {
+ @apply border-border bg-theme-light mb-6 overflow-hidden rounded-lg border;
+ &-header {
+ @apply text-dark;
+ }
+}
+
+// cookie consent
+.cookie-box {
+ @apply rounded-lg #{!important};
+}
+
+// slider
+.gallery-slider {
+ @apply ml-0 #{!important};
+}
diff --git a/website/assets/scss/navigation.scss b/website/assets/scss/navigation.scss
new file mode 100755
index 00000000..a97aa2c2
--- /dev/null
+++ b/website/assets/scss/navigation.scss
@@ -0,0 +1,87 @@
+// navbar toggler
+input#nav-toggle:checked + label #show-button {
+ @apply hidden;
+}
+
+input#nav-toggle:checked + label #hide-button {
+ @apply block;
+}
+
+input#nav-toggle:checked ~ #nav-menu {
+ @apply block;
+}
+
+.header {
+ @apply bg-body py-6;
+}
+
+// navbar items
+.navbar {
+ @apply relative flex flex-wrap items-center justify-between;
+}
+
+.navbar-brand {
+ @apply text-dark text-xl font-semibold;
+ image {
+ @apply max-h-full max-w-full;
+ }
+}
+
+.navbar-nav {
+ @apply text-center lg:text-left;
+}
+
+// .nav-item {
+// @apply mx-3;
+// }
+
+.nav-link {
+ @apply text-dark hover:text-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3;
+}
+
+.nav-dropdown {
+ @apply mr-0;
+ & > svg {
+ @apply pointer-events-none;
+ }
+ &.active {
+ .nav-dropdown-list {
+ @apply block;
+ }
+ }
+}
+
+.nav-dropdown-list {
+ @apply bg-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0;
+}
+
+.nav-dropdown-item {
+ @apply [&:not(:last-child)]:mb-2;
+}
+
+.nav-dropdown-link {
+ @apply text-dark hover:text-primary block py-1 font-semibold transition;
+}
+
+//theme-switcher
+.theme-switcher {
+ @apply inline-flex;
+
+ label {
+ @apply bg-border relative inline-block h-4 w-6 cursor-pointer rounded-2xl lg:w-10;
+ }
+
+ input {
+ @apply absolute opacity-0;
+ }
+
+ span {
+ @apply bg-dark absolute -top-1 left-0 flex h-6 w-6 items-center justify-center rounded-full transition-all duration-300;
+ }
+
+ input:checked + label {
+ span {
+ @apply lg:left-4;
+ }
+ }
+}
diff --git a/website/assets/scss/utilities.scss b/website/assets/scss/utilities.scss
new file mode 100755
index 00000000..7889b3a5
--- /dev/null
+++ b/website/assets/scss/utilities.scss
@@ -0,0 +1,20 @@
+.bg-gradient {
+ @apply bg-gradient-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%];
+}
+
+.rounded-sm {
+ @apply rounded-[4px];
+}
+.rounded {
+ @apply rounded-[6px];
+}
+.rounded-lg {
+ @apply rounded-[12px];
+}
+.rounded-xl {
+ @apply rounded-[16px];
+}
+
+.shadow {
+ box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
+}
diff --git a/website/config/_default/languages.toml b/website/config/_default/languages.toml
new file mode 100755
index 00000000..fc8d07fe
--- /dev/null
+++ b/website/config/_default/languages.toml
@@ -0,0 +1,6 @@
+################ English language ##################
+[en]
+languageName = "En"
+languageCode = "en-us"
+contentDir = "content/english"
+weight = 1
diff --git a/website/config/_default/menus.en.toml b/website/config/_default/menus.en.toml
new file mode 100755
index 00000000..09996b7b
--- /dev/null
+++ b/website/config/_default/menus.en.toml
@@ -0,0 +1,81 @@
+############# English navigation ##############
+
+# main menu
+[[main]]
+name = "For You"
+weight = 1
+hasChildren = true
+
+[[main]]
+parent = "For You"
+name = "Individuals"
+pageRef = "/Individuals"
+
+[[main]]
+parent = "For You"
+name = "Developers"
+pageRef = "/Developers"
+
+[[main]]
+parent = "For You"
+name = "European Commission"
+pageRef = "/EC"
+
+[[main]]
+weight = 2
+name = "Consortium"
+hasChildren = true
+
+[[main]]
+parent = "Consortium"
+name = "Open Internet Discourse"
+pageRef = "/OID"
+
+[[main]]
+parent = "Consortium"
+name = "NLnet"
+pageRef = "/NLnet"
+
+[[main]]
+parent = "Consortium"
+name = "Tweag"
+pageRef = "/Tweag"
+
+[[main]]
+parent = "Consortium"
+name = "NORDUnet"
+pageRef = "/NORDUnet"
+
+[[main]]
+weight = 3
+name = "Fediversity"
+pageRef = "Fediversity"
+
+[[main]]
+weight = 4
+name = "Grants"
+pageRef = "Grants"
+
+[[main]]
+weight = 5
+name = "Events"
+pageRef = "Events"
+
+[[main]]
+weight = 6
+name = "News"
+pageRef = "Blog"
+
+
+
+
+# footer menu
+[[footer]]
+name = "About"
+pageRef = "fediversity"
+weight = 1
+
+[[footer]]
+name = "Privacy Policy"
+pageRef = "/privacy-policy"
+weight = 3
diff --git a/website/config/_default/module.toml b/website/config/_default/module.toml
new file mode 100644
index 00000000..3b84cf21
--- /dev/null
+++ b/website/config/_default/module.toml
@@ -0,0 +1,93 @@
+[hugoVersion]
+extended = true
+min = "0.115.2"
+
+# [[imports]]
+# path = "github.com/zeon-studio/hugoplate"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/search"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/pwa"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/images"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/videos"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/icons/font-awesome"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/icons/themify-icons"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gzip-caching"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/adsense"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/accordion"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/table-of-contents"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/tab"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/modal"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gallery-slider"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/preloader"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/social-share"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/cookie-consent"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/custom-script"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/render-link"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/components/valine-comment"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/components/crisp-chat"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/button"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/notice"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/basic-seo"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/site-verifications"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/baidu-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/matomo-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/plausible-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/counter-analytics"
diff --git a/website/config/_default/params.toml b/website/config/_default/params.toml
new file mode 100755
index 00000000..eb0b0a75
--- /dev/null
+++ b/website/config/_default/params.toml
@@ -0,0 +1,101 @@
+#################### default parameters ################################
+# favicon module: https://github.com/gethugothemes/hugo-modules/tree/master/images#favicon-implementation
+favicon = "images/favicon.png"
+# logo module: https://github.com/gethugothemes/hugo-modules/tree/master/images#logo-implementation
+logo = "images/ngi_fedi_full.svg"
+logo_darkmode = "images/logo-darkmode.png"
+# use `px` or `x` with logo_width, example: "100px".
+# Note: logo_width is not work with .svg file
+logo_width = "160px"
+logo_height = "32px"
+# if logo_webp set false, will not generate WEBP version of logo | default is true
+logo_webp = true
+# logo text will only show when logo is missing.
+logo_text = "Hugoplate"
+# navbar fixed to top
+navbar_fixed = true
+# theme-mode
+theme_switcher = false
+theme_default = "system" # available options [light/dark/system]
+# Main Sections
+mainSections = ["blog"]
+# contact form action
+contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
+# google tag manager, see https://developers.google.com/tag-manager/
+google_tag_manager = "" # example: G-XXXXXXXXXX
+google_adsense = "" # example: ca-pub-xxxxxxxxxxxxxxxx
+# custom script on header, example: custom_script= ""
+custom_script = ""
+# copyright
+# copyright = "Designed & Developed by [Zeon Studio](https://zeon.studio)"
+
+# Preloader
+# preloader module: https://github.com/gethugothemes/hugo-modules/tree/master/components/preloader
+[preloader]
+enable = false
+preloader = "" # use jpg, png, svg or gif format.
+
+# Navigation button
+[navigation_button]
+enable = true
+label = "Contact"
+link = "contact"
+
+# search
+# search module: https://github.com/gethugothemes/hugo-modules/tree/master/search
+[search]
+enable = false
+primary_color = "#121212"
+include_sections = ["blog"]
+show_image = true
+show_description = true
+show_tags = true
+show_categories = true
+
+
+# seo meta data for OpenGraph / Twitter Card
+# seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo
+[metadata]
+keywords = ["fediverse", "nixos", "open source"]
+description = "Fediversity Project"
+author = "NGI Fediversity"
+image = "images/logo.png"
+
+
+# site verifications
+# verification module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/site-verifications
+[site_verification]
+google = "" # Your verification code
+bing = "" # Your verification code
+baidu = "" # Your verification code
+facebook = "" # Your verification code
+mastodon = "" # Your verification code
+
+# cookies
+# cookies module: https://github.com/gethugothemes/hugo-modules/tree/master/components/cookie-consent
+[cookies]
+enable = false
+expire_days = 60
+content = "This site uses cookies. By continuing to use this website, you agree to their use."
+button = "I Accept"
+
+######################## sidebar widgets #########################
+[widgets]
+sidebar = ["categories", "tags"]
+
+
+# google map
+[google_map]
+enable = false
+map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"
+map_latitude = "51.5223477"
+map_longitude = "-0.1622023"
+map_marker = "images/marker.png"
+
+
+# Subscription
+[subscription]
+enable = false
+# mailchimp subsciption
+mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&id=a0a2c6d074" # replace this url with yours
+mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074"
diff --git a/website/content/english/_index.md b/website/content/english/_index.md
new file mode 100755
index 00000000..4e441438
--- /dev/null
+++ b/website/content/english/_index.md
@@ -0,0 +1,89 @@
+---
+# Banner
+banner:
+ title: "Welcome to the Fediversity Project"
+ content: "The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone."
+ # image: "/images/checkbox-illustration-scaled.png"
+ image: "/images/home.svg"
+ button:
+ enable: true
+ label: "For You"
+ link: "/individuals"
+
+# Features
+features3:
+ - title: "Consortium"
+ image: "/images/users.svg"
+ content: "The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag."
+ button:
+ enable: false
+ label: "Learn more"
+ link: ""
+
+ - title: "NLnet"
+ image: "/images/users.svg"
+ content: "NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/nlnet"
+
+ - title: "Open Internet Discourse"
+ image: "/images/users.svg"
+ content: "The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/oid"
+
+ - title: "Tweag"
+ image: "/images/users.svg"
+ content: "Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/tweag"
+
+ - title: "NORDUnet"
+ image: "/images/users.svg"
+ content: "NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/nordunet"
+
+features:
+ - title: "Fediversity Grants"
+ image: "/images/stepping-up.png"
+ content: "Fediversity will award 450 000 euro in small to medium-size R&D grants towards solutions that bring the next generation of social networks closer. We are seeking project proposals between 5.000 and 50.000 euro’s — which should get you on your way."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/grants"
+
+features2:
+ - title: "Individuals"
+ image: "/images/user.png"
+ content: "Always be in control with your own data on social networks, whether that's with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/individuals"
+
+ - title: "Developers"
+ image: "/images/code.png"
+ content: "As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/developers"
+
+ - title: "European Commission"
+ image: "/images/globe.png"
+ content: "The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project."
+ button:
+ enable: true
+ label: "Learn more"
+ link: "/ec"
+
+---
diff --git a/website/content/english/authors/_index.md b/website/content/english/authors/_index.md
new file mode 100644
index 00000000..62eae442
--- /dev/null
+++ b/website/content/english/authors/_index.md
@@ -0,0 +1,3 @@
+---
+title: "Authors"
+---
diff --git a/website/content/english/authors/laurens-hof.md b/website/content/english/authors/laurens-hof.md
new file mode 100644
index 00000000..ab98ec79
--- /dev/null
+++ b/website/content/english/authors/laurens-hof.md
@@ -0,0 +1,12 @@
+---
+title: Laurens Hof
+email: laurens@procolix.com
+image: "/images/avatar.png"
+description: storyteller
+social:
+ - name: github
+ icon: fa-brands fa-github
+ link: https://github.com
+---
+
+Story teller for the Fediversity Project.
diff --git a/website/content/english/blog/New-website-launch.md b/website/content/english/blog/New-website-launch.md
new file mode 100755
index 00000000..4fb59cef
--- /dev/null
+++ b/website/content/english/blog/New-website-launch.md
@@ -0,0 +1,15 @@
+---
+title: "Fediversity new website launch"
+description: "Announcing Our New Website for the Fediversity Project"
+date: 2024-05-15T05:00:00Z
+image: "/images/website-new.png"
+categories: ["News"]
+author: "Laurens Hof"
+draft: false
+---
+
+We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+The project is broad in scope, and the website reflects this. Whether you are a developer, an individual interested in the project, or want to know how the grant money is spend, the website keeps you up to date with everything you need to know.
+
+We're excited to show you more of the progress of the Fediversity project, and how we can build a next generation of the open internet together!
diff --git a/website/content/english/blog/_index.md b/website/content/english/blog/_index.md
new file mode 100755
index 00000000..55c670bf
--- /dev/null
+++ b/website/content/english/blog/_index.md
@@ -0,0 +1,5 @@
+---
+title: "News"
+meta_title: "News"
+description: "News about Fediversity"
+---
diff --git a/website/content/english/blog/fediversity-tech-session.md b/website/content/english/blog/fediversity-tech-session.md
new file mode 100755
index 00000000..b8a9c4da
--- /dev/null
+++ b/website/content/english/blog/fediversity-tech-session.md
@@ -0,0 +1,17 @@
+---
+title: "Fediversity Tech Session"
+meta_title: ""
+description: "Fediversity Tech Session - NixOS and Kubernetes"
+date: 2024-08-05T05:00:00Z
+image: "/images/checkbox-illustration-scaled.png"
+categories: ["News"]
+author: "Laurens Hof"
+draft: false
+---
+
+Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+One of the core ideas of Fediversity is to build on top of NixOS. NixOS makes upgrading system reliable, and complex deployment reproducable. One of the goals of the Fediversity project that provides an interesting challenge is to help people move away from the cloud hyperscalers. Offering our project on Kubernetes offers easy integration with the storage platforms of the hyperscalers. Easy integration with the hyperscalers is an explicit anti-goal of Fediversity, but we're not sure if we can offer all the functionality with NixOS yet.
+
+You can check out our entire conversation right here.
+
diff --git a/website/content/english/blog/nordunet-conference-2024.md b/website/content/english/blog/nordunet-conference-2024.md
new file mode 100755
index 00000000..9888801d
--- /dev/null
+++ b/website/content/english/blog/nordunet-conference-2024.md
@@ -0,0 +1,20 @@
+---
+title: "Nordunet Conference 2024"
+meta_title: ""
+description: "Nordunet Conference 2024"
+date: 2024-09-17T05:00:00Z
+image: "/images/bergen-airport.jpeg"
+categories: ["News"]
+author: "Laurens Hof"
+draft: false
+---
+
+Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present. This was a great opportunity for the different organisations in the consortium to meet with each other and exchange ideas.
+
+One of those new ideas that came out of the conference is to think about offering [EduMEET](https://edumeet.org/) as a part of Fediversity. EduMEET is an open source video conferencing platform that is build for and by the Research and Education community. EduMEET allows for the possibility of recording conference calls, but does not offer an easy place to host these recordings. PeerTube is already mature fediverse software that offers video hosting. Combining these two pieces of software in the offering to onboard public organisations can make it easier to offer a complete package for the organisations. It can potentially help lower the barrier of entry, while at the same time making it more attractive for public education organisations to start using fediverse software.
+
+Fediversity is now starting to explore if and how efforts with Nordunet to promote EduMEET can be combined with Fediversity's (and thus Nordunet!) project to promote the fediverse.
+
+Another aspect that came out of the conference is the possibility to use [Argus](https://openargus.org/) as a real-time monitoring tool as part of our hosting stack that we're building. How to do real-time monitoring was so far still unclear in our plans for building a Nix panel, but Argus might just be the open source tool we're looking for.
+
+It was exciting to meet so many people in the community that are all working towards building better digital systems for public organisations, and we're proud to contribute our small piece to a much larger puzzle. Hope to meet more of you all soon!
\ No newline at end of file
diff --git a/website/content/english/blog/project-launch.md b/website/content/english/blog/project-launch.md
new file mode 100755
index 00000000..b70936a2
--- /dev/null
+++ b/website/content/english/blog/project-launch.md
@@ -0,0 +1,16 @@
+---
+title: "Fediversity Project publicly announced"
+meta_title: ""
+description: "The Fediversity Project has officially been announced"
+date: 2024-01-01T05:00:00Z
+image: "/images/checkbox-illustration-scaled.png"
+categories: ["News"]
+author: "Laurens Hof"
+draft: false
+---
+
+The Consortium behind the Fediversity project announces that the project has officially been started. NLnet, Tweag, NorduNet and the Open Internet Discourse Foundation are working together to build a new service for cloud hosters.
+
+Fediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone. It wants to provide everyone with high-quality, secure IT systems for everyday use. Without tracking, without exploitation, in a way that runs everywhere and scales effortlessly. Fediversity is based on NixOS, a disruptive Linux distribution with a unique approach to package and configuration management. Built on top of the Nix package manager, NixOS is completely declarative, makes upgrading systems reliable, and has many other advantages. Because it is reproducible, it is ideally suited for complex deployment scenario's where consistent behaviour, stability and configurability matter.
+
+Fediversity has received funding from the European Union’s Horizon Europe research and innovation programme under grant agreement No. 101136078.
diff --git a/website/content/english/blog/publicspaces-conference.md b/website/content/english/blog/publicspaces-conference.md
new file mode 100755
index 00000000..c85b634c
--- /dev/null
+++ b/website/content/english/blog/publicspaces-conference.md
@@ -0,0 +1,16 @@
+---
+title: "PublicSpaces Conference 2024"
+meta_title: ""
+description: "PublicSpaces Conference 2024 - 'Take Back the Internet'"
+date: 2024-07-30T05:00:00Z
+image: "/images/avhuffelenmastodonpin.jpg"
+categories: ["News"]
+author: "Laurens Hof"
+draft: false
+---
+
+PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled 'Taking Back the Internet'. PublicSpaces is a network of public organisations fighting for an internet based on public values. The Fediversity Project attended, to share ideas, and learn more about how people and organisations think about an ethical internet. If you are interested, you can view all sessions [here](https://conference.publicspaces.net/en/archive/pubconf2024) (hosted on PeerTube!).
+
+Alexandra van Huffelen, who was Dutch Secretary of State of Digitalisation until last month, gave the opening talk to discuss digitalisation and public values. In the talk, van Huffelen said that the Netherlands has a prominent lead in the EU with the promotion of public values in the digital infrastructure. Van Huffelen has been a prominent supporter of open standards and decentralisation, and has pushed the usage of Mastodon within the Dutch government, which fits well with the goals and vision of the Fediversity project. Project Lead Koen de Jonge took the opportunity shortly before the talk to hand van Huffelen a Mastodon pin, which she proudly wore during her talk, as you can see in the header image!
+
+There were quite some other talks about the Fediverse as well, discussing how to move the space forward. The goal of the Fediversity Project is to provide the technological infrastructure that makes it easier for people to join an open, free and fair social internet. The strength of Fediversity is in our technological capabilities, making the infrastructure more accessible. For our project to be successful, we also need a social infrastructure, that teaches people what it is and how it is beneficial for them, and how to get them on board. We also need public organisations to lead by example. Both of these social aspects of growing the fediverse were on full display during the PublicSpaces conference, and there is a real enthusiasm in growing the social internet. Fediversity is a strong supporter of organisations like PublicSpaces; while organisations like PublicSpaces help facilitate people and organisations with their thinking about why they should join the fediverse, and which steps should they take, Fediversity can provide the technological infrastructure that makes it all as easy as possible.
diff --git a/website/content/english/contact/_index.md b/website/content/english/contact/_index.md
new file mode 100644
index 00000000..cfccf0d4
--- /dev/null
+++ b/website/content/english/contact/_index.md
@@ -0,0 +1,18 @@
+---
+title: "Contact"
+meta_title: ""
+description: "How to contact us"
+draft: false
+---
+
+Please feel free to reach out to us via email at the following addresses for any inquiries or assistance. We’re here to help and eager to hear from you!
+
+For generic questions about the Fediversity project:
+
+contact@fediversity.eu
+For questions about the administrative side of the Fediversity Project:
+
+fediversity@nlnet.nl
+If you have questions about the funding rounds that are part of the Fediversity project, you can find out more information on the NLnet website:
+
+https://nlnet.nl/fediversity/guideforapplicants/
\ No newline at end of file
diff --git a/website/content/english/events/_index.md b/website/content/english/events/_index.md
new file mode 100755
index 00000000..d2e93229
--- /dev/null
+++ b/website/content/english/events/_index.md
@@ -0,0 +1,5 @@
+---
+title: "Events"
+meta_title: "Events"
+description: "Events related to the fediverse and NixOS."
+---
diff --git a/website/content/english/events/owc-annual-conference-2024.md b/website/content/english/events/owc-annual-conference-2024.md
new file mode 100755
index 00000000..a32af8d3
--- /dev/null
+++ b/website/content/english/events/owc-annual-conference-2024.md
@@ -0,0 +1,18 @@
+---
+title: "OW2con 2024"
+meta_title: ""
+description: "OW2con is the annual European open source conference in Paris"
+date: 2024-05-11T09:00:00Z
+categories: ["Event", "Conference"]
+image: "/images/image-placeholder.png"
+author: "Laurens Hof"
+draft: false
+date_start: 2024-06-11
+date_end: 2024-06-12
+datetime_start: 2024-06-11 09:00
+datetime_end: 2024-06-12 18:00
+location: Paris-Chatillon
+---
+
+OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source. It also offers a unique opportunity to establish contact with peers through friendly networking sessions. OW2con is [open](https://www.ngi.eu/event/open-source-community-annual-conference-2024/) to all, the event is free and all sessions are held in English.
+The OW2con’24 call for presentations is open. This year we are giving the highlight on the theme of open source funding: what are the current solutions for innovators, start-ups or ISVs to finance their development? private or public financing? Are national and European public policies up to the challenges?
diff --git a/website/content/english/events/publicspaces-annual-conference.md b/website/content/english/events/publicspaces-annual-conference.md
new file mode 100755
index 00000000..7e1a154c
--- /dev/null
+++ b/website/content/english/events/publicspaces-annual-conference.md
@@ -0,0 +1,18 @@
+---
+title: "PublicSpaces Conference 2024"
+meta_title: ""
+date: 2024-05-11T14:00:00+02:00
+description: "A conference by PublicSpaces, Taking Back the Internet."
+categories: ["Event", "Conference"]
+image: "/images/image-placeholder.png"
+author: "Laurens Hof"
+draft: false
+date_start: 2024-06-06
+date_end: 2024-06-07
+datetime_start: 2024-06-06 09:00
+datetime_end: 2024-06-07 18:00
+location: Pakhuis de Zwijger - Amsterdam
+---
+w
+On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme 'Empowering the Internet'. Held at Pakhuis de Zwijger, this two-day event will feature panels, keynotes, roundtable discussions, lectures, as well as art and cultural showcases, all aimed at collectively shaping the rules for a more inclusive internet. Join us as we navigate towards a digital landscape where everyone has a voice. For more information, check out the [website](https://publicspaces.net/2024/02/01/save-the-date-publicspaces-conferentie-2024/)
+
diff --git a/website/content/english/events/waag-state-internet-2024.md b/website/content/english/events/waag-state-internet-2024.md
new file mode 100755
index 00000000..5e474a93
--- /dev/null
+++ b/website/content/english/events/waag-state-internet-2024.md
@@ -0,0 +1,25 @@
+---
+title: "State of the Internet 2024"
+meta_title: ""
+description: "The State of the Internet 2024 by Waag"
+date: 2024-04-10T16:00:00Z
+image: "/images/image-placeholder.png"
+categories: ["Event", "Webinar"]
+author: "Laurens Hof"
+draft: false
+date_start: 2024-05-16
+date_end: 2024-05-16
+datetime_start: 2024-05-16 18:00
+datetime_end: 2024-05-16 20:00
+location: OBA Oosterdok - Amsterdam
+---
+
+Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm. Featuring Kim van Sparrentak, Member of the European Parliament, discussing Europe's efforts to regulate Big Tech and enhance digital rights. Explore the impact of pivotal European laws like the GDPR and AI Act while celebrating 30 years of Waag Futurelab's dedication to democratizing technology access for all.
+
+The event takes place at:
+
+OBA Oosterdok
+
+
+
+
404
+
Page not found
+
+
+ The page you are looking for might have been removed, had its name
+ changed, or is temporarily unavailable.
+
+
+
+ Back to home
+
+
+
+
+{{ end }}
diff --git a/website/layouts/_default/baseof.html b/website/layouts/_default/baseof.html
new file mode 100755
index 00000000..f1ceaab5
--- /dev/null
+++ b/website/layouts/_default/baseof.html
@@ -0,0 +1,39 @@
+
+
+
+
+ {{ partial "essentials/head.html" . }}
+
+
+ {{ partialCached "essentials/style.html" . }}
+
+
+
+
+ {{ if hugo.IsProduction }} {{ partialCached "preloader.html" . }} {{
+ partialCached "gtm-noscript.html" . }} {{ else }} {{ partial
+ "preloader.html" . }}
+
+
+ {{ partial "components/tw-size-indicator.html" . }} {{ end }}
+
+
+ {{ partial "essentials/header.html" . }} {{ partial "search-modal.html"
+ (dict "Context" . ) }}
+
+ {{ block "main" . }}{{ end }}
+
+
+ {{ partial "essentials/footer.html" . }}
+
+
+ {{ partialCached "essentials/script.html" . }}
+
+
diff --git a/website/layouts/_default/list.html b/website/layouts/_default/list.html
new file mode 100755
index 00000000..b4b2b9d4
--- /dev/null
+++ b/website/layouts/_default/list.html
@@ -0,0 +1,16 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+{{ end }}
diff --git a/website/layouts/_default/single.html b/website/layouts/_default/single.html
new file mode 100755
index 00000000..a3b5b191
--- /dev/null
+++ b/website/layouts/_default/single.html
@@ -0,0 +1,12 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+{{ end }}
diff --git a/website/layouts/_default/taxonomy.html b/website/layouts/_default/taxonomy.html
new file mode 100755
index 00000000..8ad4a15d
--- /dev/null
+++ b/website/layouts/_default/taxonomy.html
@@ -0,0 +1,20 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+ {{ range .Data.Pages }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+
+
+
+{{ end }}
+
diff --git a/website/layouts/_default/terms.html b/website/layouts/_default/terms.html
new file mode 100755
index 00000000..93cc45c7
--- /dev/null
+++ b/website/layouts/_default/terms.html
@@ -0,0 +1,32 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+ {{/* categories */}} {{ if eq .Permalink (`categories/` | absLangURL) }}
+ {{ range site.Taxonomies.categories.ByCount }}
+
+
+ {{ .Page.Title }}
+ {{ .Count }}
+
+
+ {{ end }} {{ end }} {{/* tags */}} {{ if eq .Permalink (`tags/` |
+ absLangURL) }} {{ range site.Taxonomies.tags.ByCount }}
+
+
+ {{ .Page.Title }}
+ {{ .Count }}
+
+
+ {{ end }} {{ end }}
+
+
+{{ end }}
diff --git a/website/layouts/about/list.html b/website/layouts/about/list.html
new file mode 100644
index 00000000..b3e40164
--- /dev/null
+++ b/website/layouts/about/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }}
+
+
+
+
+ {{ partial "image" (dict "Src" .Params.image "Alt" .Title "Class"
+ "mx-auto mb-6" "Size" "200x200") }}
+
{{ .Title }}
+
{{ .Content }}
+
+
+
+{{ end }}
diff --git a/website/layouts/authors/list.html b/website/layouts/authors/list.html
new file mode 100644
index 00000000..fda2b3db
--- /dev/null
+++ b/website/layouts/authors/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+ {{ range .RegularPages }}
+
+ {{ partial "components/author-card" . }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/website/layouts/authors/single.html b/website/layouts/authors/single.html
new file mode 100755
index 00000000..49802c99
--- /dev/null
+++ b/website/layouts/authors/single.html
@@ -0,0 +1,46 @@
+{{ define "main" }}
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict
+ "Src" $image "Alt" .Title "Class" "mx-auto" "Size" "200x200") }} {{ else
+ if .Params.Email }}
+
+ {{ end }}
+
{{ .Title }}
+
{{ .Content }}
+
+ {{ range .Params.social }}
+
+
+ {{ .title }}
+
+
+ {{ end }}
+
+
+
+
+
+ {{ $filterByAuthor := where site.RegularPages "Params.author" "==" .Title
+ }} {{ range $filterByAuthor }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/website/layouts/blog/list.html b/website/layouts/blog/list.html
new file mode 100644
index 00000000..87c9364e
--- /dev/null
+++ b/website/layouts/blog/list.html
@@ -0,0 +1,22 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+ {{ $paginator:= .Paginate .RegularPages }} {{ range $paginator.Pages
+ }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+ {{ partial "components/pagination.html" . }}
+
+
+
+
+{{ end }}
diff --git a/website/layouts/blog/single.html b/website/layouts/blog/single.html
new file mode 100644
index 00000000..c25421d6
--- /dev/null
+++ b/website/layouts/blog/single.html
@@ -0,0 +1,68 @@
+{{ define "main" }}
+
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }}
+
+
+
{{ .Title }}
+
+
{{ .Content }}
+
+
+
+
+ {{ partial "image" (dict "Src" $image "Alt" .Title "Class" "w-full rounded") }}
+
+
+
+ {{ $tags:= .Params.tags }} {{ if $tags }}
+
+
{{ i18n "tags" }} :
+
+
+ {{ end }}
+
+
+
+
+
+
+{{ end }}
diff --git a/website/layouts/contact/list.html b/website/layouts/contact/list.html
new file mode 100755
index 00000000..f7c67ea3
--- /dev/null
+++ b/website/layouts/contact/list.html
@@ -0,0 +1,64 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+
+{{ end }}
\ No newline at end of file
diff --git a/website/layouts/events/list.html b/website/layouts/events/list.html
new file mode 100644
index 00000000..7dbb085b
--- /dev/null
+++ b/website/layouts/events/list.html
@@ -0,0 +1,31 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+ {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
+
+
+
+ {{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
+
+
+ {{ dateFormat "02-01-2006" .Date }}
+
+
+ {{ end }}
+
+
+
+ {{ end }}
+
+
+
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }}
+
+
+
{{ .Title }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ .Content }}
+
+
+
+
+ {{ partial "image" (dict "Src" $image "Alt" .Title "Class" "w-full rounded") }}
+
+
+
+ {{ $tags:= .Params.tags }} {{ if $tags }}
+
+
{{ i18n "tags" }} :
+
+
+ {{ end }}
+
+
+
+
+
+
+{{ end }}
diff --git a/website/layouts/index.html b/website/layouts/index.html
new file mode 100755
index 00000000..ecc7437e
--- /dev/null
+++ b/website/layouts/index.html
@@ -0,0 +1,208 @@
+{{ define "main" }}
+
+{{ with .Params.banner }}
+
+
+
+
+
{{ .title | markdownify }}
+
{{ .content | markdownify }}
+ {{ with .button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading"
+ "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+
+
+
+{{ end }}
+
+
+
+ Consortium
+
+ {{ range $i, $e := .Params.features3 }}
+
+
+
+
+
+
+
{{ .content | markdownify }}
+ {{ with .button }} {{ if .enable }}
+
+ Read more
+
+ {{ end }} {{ end }}
+
+
+ {{ end }}
+
+
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL"
+ "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
+
+
+
{{ .title | markdownify }}
+
{{ .content | markdownify }}
+
+ {{ range .bulletpoints }}
+
+
+ {{ end }}
+
+ {{ with .button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+
+{{ end }}
+
+
+
+
+
+
+ Fediverse Explained
+
+ {{ range $i, $e := .Params.features2 }}
+
+
+
+
{{ .content | markdownify }}
+ {{ with .button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+ {{ end }}
+
+
+
+
+
+
+
+ {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
+
+
+
+ {{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
+
+
+ {{ dateFormat "02-01-2006" .Date }}
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+ {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
+
+
+
+ {{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }}
+
+
+ {{ dateFormat "02-01-2006" .Date }}
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+{{ end }}
+
+
+{{ end }}
diff --git a/website/layouts/partials/call-to-action.html b/website/layouts/partials/call-to-action.html
new file mode 100644
index 00000000..931be79c
--- /dev/null
+++ b/website/layouts/partials/call-to-action.html
@@ -0,0 +1,25 @@
+
+{{ with site.GetPage "sections/call-to-action" }} {{ if .Params.enable }}
+
+
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "call to action" "Class"
+ "w-full") }}
+
+
+
{{ .Title | markdownify }}
+
{{ .Params.description | markdownify }}
+ {{ with .Params.button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+
+
+{{ end }} {{ end }}
+
diff --git a/website/layouts/partials/components/author-card.html b/website/layouts/partials/components/author-card.html
new file mode 100755
index 00000000..6d59c043
--- /dev/null
+++ b/website/layouts/partials/components/author-card.html
@@ -0,0 +1,27 @@
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict "Src"
+ $image "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }} {{
+ else if .Params.Email }}
+
+ {{ end }}
+
+
{{ .Summary }}
+
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict "Src" $image "Alt" .Title "Class" "w-full rounded") }} {{ end }}
+
+ {{ $categories:= .Params.categories }} {{ if $categories }}
+
+ {{ end }}
+
{{ .Summary }}
+
+ {{ i18n "read_more" }}
+
+
+ {{ range $siteLanguages }} {{ if eq (string $pageLang) (string .Language) }}
+
+ {{ .Language.LanguageName }}
+
+ {{ else }}
+
+ {{ .Language.LanguageName }}
+
+ {{ end }} {{ end }}
+
+{{ end }}
diff --git a/website/layouts/partials/components/pagination.html b/website/layouts/partials/components/pagination.html
new file mode 100755
index 00000000..23928cff
--- /dev/null
+++ b/website/layouts/partials/components/pagination.html
@@ -0,0 +1,133 @@
+{{ $paginator := .Paginator }}
+
+{{ $adjacent_links := 2 }}
+
+{{ $max_links := (add (mul $adjacent_links 2) 1) }}
+
+{{ $lower_limit := (add $adjacent_links 1) }}
+
+{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
+
+{{ if gt $paginator.TotalPages 1 }}
+
+
+ {{ if $paginator.HasPrev }}
+
+ Previous
+
+
+
+ {{ else }}
+
+ Previous
+
+
+
+ {{ end }}
+
+
+ {{ range $paginator.Pagers }} {{ $.Scratch.Set "page_number_flag" false }}
+
+ {{ if gt $paginator.TotalPages $max_links }}
+
+
+ {{ if le $paginator.PageNumber $lower_limit }}
+
+ {{ if le .PageNumber $max_links }} {{ $.Scratch.Set "page_number_flag" true }}
+ {{ end }}
+
+
+ {{ else if ge $paginator.PageNumber $upper_limit }}
+
+ {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }} {{
+ $.Scratch.Set "page_number_flag" true }} {{ end }}
+
+ {{ else }} {{ if and ( ge .PageNumber (sub $paginator.PageNumber
+ $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber
+ $adjacent_links) ) }} {{ $.Scratch.Set "page_number_flag" true }} {{ end }} {{
+ end }}
+
+ {{ else }} {{ $.Scratch.Set "page_number_flag" true }} {{ end }}
+
+ {{ if eq ($.Scratch.Get "page_number_flag") true }} {{ if eq . $paginator }}
+
+ {{ .PageNumber }}
+
+ {{ else }}
+
+ {{ .PageNumber }}
+
+ {{ end }} {{ end }} {{ end }}
+
+
+ {{ if $paginator.HasNext }}
+
+ Next
+
+
+
+ {{ else }}
+
+ Next
+
+
+
+ {{ end }}
+
+{{ end }}
diff --git a/website/layouts/partials/components/theme-switcher.html b/website/layouts/partials/components/theme-switcher.html
new file mode 100644
index 00000000..54d6075c
--- /dev/null
+++ b/website/layouts/partials/components/theme-switcher.html
@@ -0,0 +1,65 @@
+
+{{ $class := .Class }} {{ if site.Params.theme_switcher }}
+
+
+
+ theme switcher
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
diff --git a/website/layouts/partials/essentials/footer.html b/website/layouts/partials/essentials/footer.html
new file mode 100755
index 00000000..792179d0
--- /dev/null
+++ b/website/layouts/partials/essentials/footer.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ {{ range site.Menus.footer }}
+
+ {{ .Name }}
+
+ {{ end }}
+
+
+
+
+ {{ range site.Data.social.main }}
+
+
+
+
+ {{ end }}
+
+
+
+
+
+
{{ site.Params.copyright | markdownify }}
+
+
diff --git a/website/layouts/partials/essentials/head.html b/website/layouts/partials/essentials/head.html
new file mode 100755
index 00000000..9dae7a0d
--- /dev/null
+++ b/website/layouts/partials/essentials/head.html
@@ -0,0 +1,51 @@
+
+
+
+
{{ i18n (printf "%s" (lower .Title)) | default .Title | title }}
+ {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
+
+
diff --git a/website/layouts/partials/widgets/categories.html b/website/layouts/partials/widgets/categories.html
new file mode 100755
index 00000000..c4750417
--- /dev/null
+++ b/website/layouts/partials/widgets/categories.html
@@ -0,0 +1,23 @@
+
+{{ if isset site.Taxonomies "categories" }} {{ if not (eq (len
+site.Taxonomies.categories) 0) }}
+
+
{{ i18n "categories" }}
+
+
+
+ ## Enable expiration control
+ ExpiresActive On
+
+ ## CSS and JS expiration: 1 week after request
+ ExpiresByType text/css "now plus 1 week"
+ ExpiresByType application/javascript "now plus 1 week"
+ ExpiresByType application/x-javascript "now plus 1 week"
+
+ ## Image files expiration: 1 month after request
+ ExpiresByType image/bmp "now plus 1 month"
+ ExpiresByType image/gif "now plus 1 month"
+ ExpiresByType image/jpeg "now plus 1 month"
+ ExpiresByType image/webp "now plus 1 month"
+ ExpiresByType image/jp2 "now plus 1 month"
+ ExpiresByType image/pipeg "now plus 1 month"
+ ExpiresByType image/png "now plus 1 month"
+ ExpiresByType image/svg+xml "now plus 1 month"
+ ExpiresByType image/tiff "now plus 1 month"
+ ExpiresByType image/x-icon "now plus 1 month"
+ ExpiresByType image/ico "now plus 1 month"
+ ExpiresByType image/icon "now plus 1 month"
+ ExpiresByType text/ico "now plus 1 month"
+ ExpiresByType application/ico "now plus 1 month"
+ ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
+
+ ## Font files expiration: 1 month after request
+ ExpiresByType application/x-font-ttf "now plus 1 month"
+ ExpiresByType application/x-font-opentype "now plus 1 month"
+ ExpiresByType application/x-font-woff "now plus 1 month"
+ ExpiresByType font/woff2 "now plus 1 month"
+ ExpiresByType image/svg+xml "now plus 1 month"
+
+ ## Audio files expiration: 1 month after request
+ ExpiresByType audio/ogg "now plus 1 month"
+ ExpiresByType application/ogg "now plus 1 month"
+ ExpiresByType audio/basic "now plus 1 month"
+ ExpiresByType audio/mid "now plus 1 month"
+ ExpiresByType audio/midi "now plus 1 month"
+ ExpiresByType audio/mpeg "now plus 1 month"
+ ExpiresByType audio/mp3 "now plus 1 month"
+ ExpiresByType audio/x-aiff "now plus 1 month"
+ ExpiresByType audio/x-mpegurl "now plus 1 month"
+ ExpiresByType audio/x-pn-realaudio "now plus 1 month"
+ ExpiresByType audio/x-wav "now plus 1 month"
+
+ ## Movie files expiration: 1 month after request
+ ExpiresByType application/x-shockwave-flash "now plus 1 month"
+ ExpiresByType x-world/x-vrml "now plus 1 month"
+ ExpiresByType video/x-msvideo "now plus 1 month"
+ ExpiresByType video/mpeg "now plus 1 month"
+ ExpiresByType video/mp4 "now plus 1 month"
+ ExpiresByType video/quicktime "now plus 1 month"
+ ExpiresByType video/x-la-asf "now plus 1 month"
+ ExpiresByType video/x-ms-asf "now plus 1 month"
+
+##### Optimize default expiration time - END
+
+##### 1 Month for most static resources
+
+ Header set Cache-Control "public, max-age=31536000, immutable"
+
+
+##### Enable gzip compression for resources
+
+ mod_gzip_on Yes
+ mod_gzip_dechunk Yes
+ mod_gzip_item_include file .(html?|txt|css|js|php)$
+ mod_gzip_item_include handler ^cgi-script$
+ mod_gzip_item_include mime ^text/.*
+ mod_gzip_item_include mime ^application/x-javascript.*
+ mod_gzip_item_exclude mime ^image/.*
+ mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
+
+
+##### Or, compress certain file types by extension:
+
+ SetOutputFilter DEFLATE
+
+
+##### Set Header Vary: Accept-Encoding
+
+
+ Header append Vary: Accept-Encoding
+
+
diff --git a/website/public/404.html b/website/public/404.html
new file mode 100644
index 00000000..759d5882
--- /dev/null
+++ b/website/public/404.html
@@ -0,0 +1,872 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
404
+
Page not found
+
+
+ The page you are looking for might have been removed, had its name
+ changed, or is temporarily unavailable.
+
+
+
+ Back to home
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/authors/index.html b/website/public/authors/index.html
new file mode 100644
index 00000000..7134e0ac
--- /dev/null
+++ b/website/public/authors/index.html
@@ -0,0 +1,1002 @@
+
+
+
+
+ Authors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Authors
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Authors
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Story teller for the Fediversity Project.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/authors/index.xml b/website/public/authors/index.xml
new file mode 100644
index 00000000..1530b5b2
--- /dev/null
+++ b/website/public/authors/index.xml
@@ -0,0 +1,18 @@
+
+
+
+ Authors on Fediversity
+ Recent content in Authors on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ -
+
Laurens Hof
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/authors/laurens-hof/
+ Story teller for the Fediversity Project.
+
+
+
diff --git a/website/public/authors/laurens-hof/index.html b/website/public/authors/laurens-hof/index.html
new file mode 100644
index 00000000..619a0b43
--- /dev/null
+++ b/website/public/authors/laurens-hof/index.html
@@ -0,0 +1,2176 @@
+
+
+
+
+ Laurens Hof
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Laurens Hof
+
Story teller for the Fediversity Project.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Consortium behind the Fediversity project announces that the project has officially been started.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/fediversity-tech-session/index.html b/website/public/blog/fediversity-tech-session/index.html
new file mode 100644
index 00000000..525dea1c
--- /dev/null
+++ b/website/public/blog/fediversity-tech-session/index.html
@@ -0,0 +1,1025 @@
+
+
+
+
+ Fediversity Tech Session
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity Tech Session
+
+
Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
One of the core ideas of Fediversity is to build on top of NixOS. NixOS makes upgrading system reliable, and complex deployment reproducable. One of the goals of the Fediversity project that provides an interesting challenge is to help people move away from the cloud hyperscalers. Offering our project on Kubernetes offers easy integration with the storage platforms of the hyperscalers. Easy integration with the hyperscalers is an explicit anti-goal of Fediversity, but we’re not sure if we can offer all the functionality with NixOS yet.
+
You can check out our entire conversation right here.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/index.html b/website/public/blog/index.html
new file mode 100644
index 00000000..64fb83c4
--- /dev/null
+++ b/website/public/blog/index.html
@@ -0,0 +1,1644 @@
+
+
+
+
+ News
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Consortium behind the Fediversity project announces that the project has officially been started.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/index.xml b/website/public/blog/index.xml
new file mode 100644
index 00000000..0ff66bc3
--- /dev/null
+++ b/website/public/blog/index.xml
@@ -0,0 +1,47 @@
+
+
+
+ News on Fediversity
+ Recent content in News on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Tue, 17 Sep 2024 05:00:00 +0000
+ -
+
Nordunet Conference 2024
+ Tue, 17 Sep 2024 05:00:00 +0000
+ //localhost:1313/blog/nordunet-conference-2024/
+ Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ -
+
Fediversity Tech Session
+ Mon, 05 Aug 2024 05:00:00 +0000
+ //localhost:1313/blog/fediversity-tech-session/
+ Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ -
+
PublicSpaces Conference 2024
+ Tue, 30 Jul 2024 05:00:00 +0000
+ //localhost:1313/blog/publicspaces-conference/
+ PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ -
+
Fediversity new website launch
+ Wed, 15 May 2024 05:00:00 +0000
+ //localhost:1313/blog/new-website-launch/
+ We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ -
+
Fediversity Project publicly announced
+ Mon, 01 Jan 2024 05:00:00 +0000
+ //localhost:1313/blog/project-launch/
+ The Consortium behind the Fediversity project announces that the project has officially been started.
+
+
+
diff --git a/website/public/blog/new-website-launch/index.html b/website/public/blog/new-website-launch/index.html
new file mode 100644
index 00000000..77ed9adf
--- /dev/null
+++ b/website/public/blog/new-website-launch/index.html
@@ -0,0 +1,1025 @@
+
+
+
+
+ Fediversity new website launch
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity new website launch
+
+
We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
The project is broad in scope, and the website reflects this. Whether you are a developer, an individual interested in the project, or want to know how the grant money is spend, the website keeps you up to date with everything you need to know.
+
We’re excited to show you more of the progress of the Fediversity project, and how we can build a next generation of the open internet together!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/nordunet-conference-2024/index.html b/website/public/blog/nordunet-conference-2024/index.html
new file mode 100644
index 00000000..5cf28779
--- /dev/null
+++ b/website/public/blog/nordunet-conference-2024/index.html
@@ -0,0 +1,1047 @@
+
+
+
+
+ Nordunet Conference 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Nordunet Conference 2024
+
+
Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present. This was a great opportunity for the different organisations in the consortium to meet with each other and exchange ideas.
+
One of those new ideas that came out of the conference is to think about offering EduMEET
+ as a part of Fediversity. EduMEET is an open source video conferencing platform that is build for and by the Research and Education community. EduMEET allows for the possibility of recording conference calls, but does not offer an easy place to host these recordings. PeerTube is already mature fediverse software that offers video hosting. Combining these two pieces of software in the offering to onboard public organisations can make it easier to offer a complete package for the organisations. It can potentially help lower the barrier of entry, while at the same time making it more attractive for public education organisations to start using fediverse software.
+
Fediversity is now starting to explore if and how efforts with Nordunet to promote EduMEET can be combined with Fediversity’s (and thus Nordunet!) project to promote the fediverse.
+
Another aspect that came out of the conference is the possibility to use Argus
+ as a real-time monitoring tool as part of our hosting stack that we’re building. How to do real-time monitoring was so far still unclear in our plans for building a Nix panel, but Argus might just be the open source tool we’re looking for.
+
It was exciting to meet so many people in the community that are all working towards building better digital systems for public organisations, and we’re proud to contribute our small piece to a much larger puzzle. Hope to meet more of you all soon!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/page/1/index.html b/website/public/blog/page/1/index.html
new file mode 100644
index 00000000..abbe72ed
--- /dev/null
+++ b/website/public/blog/page/1/index.html
@@ -0,0 +1,10 @@
+
+
+
+ //localhost:1313/blog/
+ Fediversity Project publicly announced
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity Project publicly announced
+
+
The Consortium behind the Fediversity project announces that the project has officially been started. NLnet, Tweag, NorduNet and the Open Internet Discourse Foundation are working together to build a new service for cloud hosters.
+
Fediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone. It wants to provide everyone with high-quality, secure IT systems for everyday use. Without tracking, without exploitation, in a way that runs everywhere and scales effortlessly. Fediversity is based on NixOS, a disruptive Linux distribution with a unique approach to package and configuration management. Built on top of the Nix package manager, NixOS is completely declarative, makes upgrading systems reliable, and has many other advantages. Because it is reproducible, it is ideally suited for complex deployment scenario’s where consistent behaviour, stability and configurability matter.
+
Fediversity has received funding from the European Union’s Horizon Europe research and innovation programme under grant agreement No. 101136078.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/blog/publicspaces-conference/index.html b/website/public/blog/publicspaces-conference/index.html
new file mode 100644
index 00000000..9e4e9f75
--- /dev/null
+++ b/website/public/blog/publicspaces-conference/index.html
@@ -0,0 +1,1035 @@
+
+
+
+
+ PublicSpaces Conference 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
PublicSpaces Conference 2024
+
+
PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’. PublicSpaces is a network of public organisations fighting for an internet based on public values. The Fediversity Project attended, to share ideas, and learn more about how people and organisations think about an ethical internet. If you are interested, you can view all sessions here
+ (hosted on PeerTube!).
+
Alexandra van Huffelen, who was Dutch Secretary of State of Digitalisation until last month, gave the opening talk to discuss digitalisation and public values. In the talk, van Huffelen said that the Netherlands has a prominent lead in the EU with the promotion of public values in the digital infrastructure. Van Huffelen has been a prominent supporter of open standards and decentralisation, and has pushed the usage of Mastodon within the Dutch government, which fits well with the goals and vision of the Fediversity project. Project Lead Koen de Jonge took the opportunity shortly before the talk to hand van Huffelen a Mastodon pin, which she proudly wore during her talk, as you can see in the header image!
+
There were quite some other talks about the Fediverse as well, discussing how to move the space forward. The goal of the Fediversity Project is to provide the technological infrastructure that makes it easier for people to join an open, free and fair social internet. The strength of Fediversity is in our technological capabilities, making the infrastructure more accessible. For our project to be successful, we also need a social infrastructure, that teaches people what it is and how it is beneficial for them, and how to get them on board. We also need public organisations to lead by example. Both of these social aspects of growing the fediverse were on full display during the PublicSpaces conference, and there is a real enthusiasm in growing the social internet. Fediversity is a strong supporter of organisations like PublicSpaces; while organisations like PublicSpaces help facilitate people and organisations with their thinking about why they should join the fediverse, and which steps should they take, Fediversity can provide the technological infrastructure that makes it all as easy as possible.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/conference/index.html b/website/public/categories/conference/index.html
new file mode 100644
index 00000000..681179ba
--- /dev/null
+++ b/website/public/categories/conference/index.html
@@ -0,0 +1,1205 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/conference/index.xml b/website/public/categories/conference/index.xml
new file mode 100644
index 00000000..2c52d95a
--- /dev/null
+++ b/website/public/categories/conference/index.xml
@@ -0,0 +1,26 @@
+
+
+
+ Conference on Fediversity
+ Recent content in Conference on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Sat, 11 May 2024 14:00:00 +0200
+ -
+
PublicSpaces Conference 2024
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/events/publicspaces-annual-conference/
+ w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ -
+
OW2con 2024
+ Sat, 11 May 2024 09:00:00 +0000
+ //localhost:1313/events/owc-annual-conference-2024/
+ OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+
+
diff --git a/website/public/categories/event/index.html b/website/public/categories/event/index.html
new file mode 100644
index 00000000..59f06b79
--- /dev/null
+++ b/website/public/categories/event/index.html
@@ -0,0 +1,1358 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/event/index.xml b/website/public/categories/event/index.xml
new file mode 100644
index 00000000..30986e69
--- /dev/null
+++ b/website/public/categories/event/index.xml
@@ -0,0 +1,33 @@
+
+
+
+ Event on Fediversity
+ Recent content in Event on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Sat, 11 May 2024 14:00:00 +0200
+ -
+
PublicSpaces Conference 2024
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/events/publicspaces-annual-conference/
+ w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ -
+
OW2con 2024
+ Sat, 11 May 2024 09:00:00 +0000
+ //localhost:1313/events/owc-annual-conference-2024/
+ OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ -
+
State of the Internet 2024
+ Wed, 10 Apr 2024 16:00:00 +0000
+ //localhost:1313/events/waag-state-internet-2024/
+ Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+
+
diff --git a/website/public/categories/index.html b/website/public/categories/index.html
new file mode 100644
index 00000000..2c0cf893
--- /dev/null
+++ b/website/public/categories/index.html
@@ -0,0 +1,928 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Categories
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Categories
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/index.xml b/website/public/categories/index.xml
new file mode 100644
index 00000000..8eb734bd
--- /dev/null
+++ b/website/public/categories/index.xml
@@ -0,0 +1,40 @@
+
+
+
+ Categories on Fediversity
+ Recent content in Categories on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Mon, 05 Aug 2024 05:00:00 +0000
+ -
+
News
+ Mon, 05 Aug 2024 05:00:00 +0000
+ //localhost:1313/categories/news/
+
+ -
+
Conference
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/categories/conference/
+
+ -
+
Event
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/categories/event/
+
+ -
+
Webinar
+ Wed, 10 Apr 2024 16:00:00 +0000
+ //localhost:1313/categories/webinar/
+
+
+
diff --git a/website/public/categories/news/index.html b/website/public/categories/news/index.html
new file mode 100644
index 00000000..6b3ce100
--- /dev/null
+++ b/website/public/categories/news/index.html
@@ -0,0 +1,1634 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Consortium behind the Fediversity project announces that the project has officially been started.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/news/index.xml b/website/public/categories/news/index.xml
new file mode 100644
index 00000000..08bc9b06
--- /dev/null
+++ b/website/public/categories/news/index.xml
@@ -0,0 +1,47 @@
+
+
+
+ News on Fediversity
+ Recent content in News on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Mon, 05 Aug 2024 05:00:00 +0000
+ -
+
Fediversity Tech Session
+ Mon, 05 Aug 2024 05:00:00 +0000
+ //localhost:1313/blog/fediversity-tech-session/
+ Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ -
+
Nordunet Conference 2024
+ Tue, 30 Jul 2024 05:00:00 +0000
+ //localhost:1313/blog/nordunet-conference-2024/
+ Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ -
+
PublicSpaces Conference 2024
+ Tue, 30 Jul 2024 05:00:00 +0000
+ //localhost:1313/blog/publicspaces-conference/
+ PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ -
+
Fediversity new website launch
+ Wed, 15 May 2024 05:00:00 +0000
+ //localhost:1313/blog/new-website-launch/
+ We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ -
+
Fediversity Project publicly announced
+ Mon, 01 Jan 2024 05:00:00 +0000
+ //localhost:1313/blog/project-launch/
+ The Consortium behind the Fediversity project announces that the project has officially been started.
+
+
+
diff --git a/website/public/categories/webinar/index.html b/website/public/categories/webinar/index.html
new file mode 100644
index 00000000..58958ad7
--- /dev/null
+++ b/website/public/categories/webinar/index.html
@@ -0,0 +1,1052 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+ Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/categories/webinar/index.xml b/website/public/categories/webinar/index.xml
new file mode 100644
index 00000000..64a86fe7
--- /dev/null
+++ b/website/public/categories/webinar/index.xml
@@ -0,0 +1,19 @@
+
+
+
+ Webinar on Fediversity
+ Recent content in Webinar on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Wed, 10 Apr 2024 16:00:00 +0000
+ -
+
State of the Internet 2024
+ Wed, 10 Apr 2024 16:00:00 +0000
+ //localhost:1313/events/waag-state-internet-2024/
+ Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+
+
diff --git a/website/public/consortium/index.html b/website/public/consortium/index.html
new file mode 100644
index 00000000..1ce6cca5
--- /dev/null
+++ b/website/public/consortium/index.html
@@ -0,0 +1,894 @@
+
+
+
+
+ Consortium
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Consortium
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Consortium
+
+
+
+
+
+
+
+
+
+
+
+
+
Information about the project. TODO.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/contact/index.html b/website/public/contact/index.html
new file mode 100644
index 00000000..d4a47705
--- /dev/null
+++ b/website/public/contact/index.html
@@ -0,0 +1,977 @@
+
+
+
+
+ Contact
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Contact
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Contact
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Please feel free to reach out to us via email at the following addresses for any inquiries or assistance. We’re here to help and eager to hear from you!
+
For generic questions about the Fediversity project:
+
contact@fediversity.eu
+
+For questions about the administrative side of the Fediversity Project:
+
fediversity@nlnet.nl
+
+If you have questions about the funding rounds that are part of the Fediversity project, you can find out more information on the NLnet website:
+
https://nlnet.nl/fediversity/guideforapplicants/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/contact/index.xml b/website/public/contact/index.xml
new file mode 100644
index 00000000..28e76c31
--- /dev/null
+++ b/website/public/contact/index.xml
@@ -0,0 +1,11 @@
+
+
+
+ Contact on Fediversity
+ Recent content in Contact on Fediversity
+ Hugo -- gohugo.io
+ en-us
+
+
diff --git a/website/public/css/style-lazy.css b/website/public/css/style-lazy.css
new file mode 100644
index 00000000..20373125
--- /dev/null
+++ b/website/public/css/style-lazy.css
@@ -0,0 +1,9437 @@
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+@font-face {
+ font-family: "swiper-icons";
+ src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
+ font-weight: 400;
+ font-style: normal;
+}
+:root {
+ --swiper-theme-color: #007aff;
+}
+.swiper {
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ overflow: hidden;
+ list-style: none;
+ padding: 0;
+ /* Fix of Webkit flickering */
+ z-index: 1;
+}
+.swiper-vertical > .swiper-wrapper {
+ flex-direction: column;
+}
+.swiper-wrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ display: flex;
+ transition-property: transform;
+ box-sizing: content-box;
+}
+.swiper-android .swiper-slide,
+.swiper-wrapper {
+ transform: translate3d(0px, 0, 0);
+}
+.swiper-pointer-events {
+ touch-action: pan-y;
+}
+.swiper-pointer-events.swiper-vertical {
+ touch-action: pan-x;
+}
+.swiper-slide {
+ flex-shrink: 0;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+ visibility: hidden;
+}
+/* Auto Height */
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+ height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+ align-items: flex-start;
+ transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+ transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+/* 3D Effects */
+.swiper-3d,
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+ perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper,
+.swiper-3d .swiper-slide,
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-cube-shadow {
+ transform-style: preserve-3d;
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+ background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+ background-image: linear-gradient(
+ to left,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-right {
+ background-image: linear-gradient(
+ to right,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-top {
+ background-image: linear-gradient(
+ to top,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+ background-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+/* CSS Mode */
+.swiper-css-mode > .swiper-wrapper {
+ overflow: auto;
+ scrollbar-width: none;
+ /* For Firefox */
+ -ms-overflow-style: none;
+ /* For Internet Explorer and Edge */
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+ display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+ scroll-snap-align: start start;
+}
+.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+ scroll-snap-type: x mandatory;
+}
+.swiper-vertical.swiper-css-mode > .swiper-wrapper {
+ scroll-snap-type: y mandatory;
+}
+.swiper-centered > .swiper-wrapper::before {
+ content: "";
+ flex-shrink: 0;
+ order: 9999;
+}
+.swiper-centered.swiper-horizontal
+ > .swiper-wrapper
+ > .swiper-slide:first-child {
+ margin-inline-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+ height: 100%;
+ min-height: 1px;
+ width: var(--swiper-centered-offset-after);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+ margin-block-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+ width: 100%;
+ min-width: 1px;
+ height: var(--swiper-centered-offset-after);
+}
+.swiper-centered > .swiper-wrapper > .swiper-slide {
+ scroll-snap-align: center center;
+}
+.swiper-virtual .swiper-slide {
+ -webkit-backface-visibility: hidden;
+ transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+ height: 1px;
+ width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+ width: 1px;
+ height: var(--swiper-virtual-size);
+}
+:root {
+ --swiper-navigation-size: 44px;
+ /*
+ --swiper-navigation-color: var(--swiper-theme-color);
+ */
+}
+.swiper-button-prev,
+.swiper-button-next {
+ position: absolute;
+ top: 50%;
+ width: calc(var(--swiper-navigation-size) / 44 * 27);
+ height: var(--swiper-navigation-size);
+ margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+ z-index: 10;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+ opacity: 0.35;
+ cursor: auto;
+ pointer-events: none;
+}
+.swiper-button-prev:after,
+.swiper-button-next:after {
+ font-family: swiper-icons;
+ font-size: var(--swiper-navigation-size);
+ letter-spacing: 0;
+ text-transform: none;
+ font-variant: initial;
+ line-height: 1;
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+ left: 10px;
+ right: auto;
+}
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+ content: "prev";
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+ right: 10px;
+ left: auto;
+}
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+ content: "next";
+}
+.swiper-button-lock {
+ display: none;
+}
+:root {
+ /*
+ --swiper-pagination-color: var(--swiper-theme-color);
+ --swiper-pagination-bullet-size: 8px;
+ --swiper-pagination-bullet-width: 8px;
+ --swiper-pagination-bullet-height: 8px;
+ --swiper-pagination-bullet-inactive-color: #000;
+ --swiper-pagination-bullet-inactive-opacity: 0.2;
+ --swiper-pagination-bullet-opacity: 1;
+ --swiper-pagination-bullet-horizontal-gap: 4px;
+ --swiper-pagination-bullet-vertical-gap: 6px;
+ */
+}
+.swiper-pagination {
+ position: absolute;
+ text-align: center;
+ transition: 300ms opacity;
+ transform: translate3d(0, 0, 0);
+ z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+ opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+ bottom: 10px;
+ left: 0;
+ width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+ overflow: hidden;
+ font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ transform: scale(0.33);
+ position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+ transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+ transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+ transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+ transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+ transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+ transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+ width: var(
+ --swiper-pagination-bullet-width,
+ var(--swiper-pagination-bullet-size, 8px)
+ );
+ height: var(
+ --swiper-pagination-bullet-height,
+ var(--swiper-pagination-bullet-size, 8px)
+ );
+ display: inline-block;
+ border-radius: 50%;
+ background: var(--swiper-pagination-bullet-inactive-color, #000);
+ opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+ border: none;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+ display: none !important;
+}
+.swiper-pagination-bullet-active {
+ opacity: var(--swiper-pagination-bullet-opacity, 1);
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-vertical > .swiper-pagination-bullets,
+.swiper-pagination-vertical.swiper-pagination-bullets {
+ right: 10px;
+ top: 50%;
+ transform: translate3d(0px, -50%, 0);
+}
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets
+ .swiper-pagination-bullet {
+ margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+ display: block;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ top: 50%;
+ transform: translateY(-50%);
+ width: 8px;
+}
+.swiper-vertical
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ display: inline-block;
+ transition:
+ 200ms transform,
+ 200ms top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets
+ .swiper-pagination-bullet {
+ margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ left: 50%;
+ transform: translateX(-50%);
+ white-space: nowrap;
+}
+.swiper-horizontal
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ transition:
+ 200ms transform,
+ 200ms left;
+}
+.swiper-horizontal.swiper-rtl
+ > .swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ transition:
+ 200ms transform,
+ 200ms right;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+ background: rgba(0, 0, 0, 0.25);
+ position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ transform: scale(0);
+ transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-vertical
+ > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+ width: 100%;
+ height: 4px;
+ left: 0;
+ top: 0;
+}
+.swiper-vertical > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-horizontal
+ > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+ width: 4px;
+ height: 100%;
+ left: 0;
+ top: 0;
+}
+.swiper-pagination-lock {
+ display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+ border-radius: 10px;
+ position: relative;
+ -ms-touch-action: none;
+ background: rgba(0, 0, 0, 0.1);
+}
+.swiper-horizontal > .swiper-scrollbar {
+ position: absolute;
+ left: 1%;
+ bottom: 3px;
+ z-index: 50;
+ height: 5px;
+ width: 98%;
+}
+.swiper-vertical > .swiper-scrollbar {
+ position: absolute;
+ right: 3px;
+ top: 1%;
+ z-index: 50;
+ width: 5px;
+ height: 98%;
+}
+.swiper-scrollbar-drag {
+ height: 100%;
+ width: 100%;
+ position: relative;
+ background: rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ left: 0;
+ top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+ cursor: move;
+}
+.swiper-scrollbar-lock {
+ display: none;
+}
+.swiper-zoom-container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
+}
+.swiper-slide-zoomed {
+ cursor: move;
+}
+/* Preloader */
+:root {
+ /*
+ --swiper-preloader-color: var(--swiper-theme-color);
+ */
+}
+.swiper-lazy-preloader {
+ width: 42px;
+ height: 42px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-left: -21px;
+ margin-top: -21px;
+ z-index: 10;
+ transform-origin: 50%;
+ box-sizing: border-box;
+ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+ border-radius: 50%;
+ border-top-color: transparent;
+}
+.swiper-slide-visible .swiper-lazy-preloader {
+ animation: swiper-preloader-spin 1s infinite linear;
+}
+.swiper-lazy-preloader-white {
+ --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+ --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+/* a11y */
+.swiper .swiper-notification {
+ position: absolute;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+ opacity: 0;
+ z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+ transition-timing-function: ease-out;
+ margin: 0 auto;
+}
+.swiper-grid > .swiper-wrapper {
+ flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+ flex-wrap: wrap;
+ flex-direction: column;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+ transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+ pointer-events: none;
+ transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-fade .swiper-slide-active,
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-cube {
+ overflow: visible;
+}
+.swiper-cube .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+ visibility: hidden;
+ transform-origin: 0 0;
+ width: 100%;
+ height: 100%;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+ transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev,
+.swiper-cube .swiper-slide-next + .swiper-slide {
+ pointer-events: auto;
+ visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-top,
+.swiper-cube .swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-right {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.swiper-cube .swiper-cube-shadow {
+ position: absolute;
+ left: 0;
+ bottom: 0px;
+ width: 100%;
+ height: 100%;
+ opacity: 0.6;
+ z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+ content: "";
+ background: #000;
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ filter: blur(50px);
+}
+.swiper-flip {
+ overflow: visible;
+}
+.swiper-flip .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-top,
+.swiper-flip .swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-right {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.swiper-creative .swiper-slide {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+ transition-property: transform, opacity, height;
+}
+.swiper-cards {
+ overflow: visible;
+}
+.swiper-cards .swiper-slide {
+ transform-origin: center bottom;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+}
+/*!
+ * Glightbox v3.1.0
+ * https://github.com/biati-digital/glightbox
+ * Released under the MIT license
+ */
+
+.glightbox-container {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 999999 !important;
+ -ms-touch-action: none;
+ touch-action: none;
+ -webkit-text-size-adjust: 100%;
+ -moz-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ text-size-adjust: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ outline: 0;
+ overflow: hidden;
+}
+.glightbox-container.inactive {
+ display: none;
+}
+.glightbox-container .gcontainer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 9999;
+ overflow: hidden;
+}
+.glightbox-container .gslider {
+ -webkit-transition: -webkit-transform 0.4s ease;
+ transition: -webkit-transform 0.4s ease;
+ transition: transform 0.4s ease;
+ transition: transform 0.4s ease, -webkit-transform 0.4s ease;
+ height: 100%;
+ left: 0;
+ top: 0;
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.glightbox-container .gslide {
+ width: 100%;
+ position: absolute;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ opacity: 0;
+}
+.glightbox-container .gslide.current {
+ opacity: 1;
+ z-index: 99999;
+ position: relative;
+}
+.glightbox-container .gslide.prev {
+ opacity: 1;
+ z-index: 9999;
+}
+.glightbox-container .gslide-inner-content {
+ width: 100%;
+}
+.glightbox-container .ginner-container {
+ position: relative;
+ width: 100%;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ margin: auto;
+ height: 100vh;
+}
+.glightbox-container .ginner-container.gvideo-container {
+ width: 100%;
+}
+.glightbox-container .ginner-container.desc-bottom,
+.glightbox-container .ginner-container.desc-top {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.glightbox-container .ginner-container.desc-left,
+.glightbox-container .ginner-container.desc-right {
+ max-width: 100% !important;
+}
+.gslide iframe,
+.gslide video {
+ outline: 0 !important;
+ border: none;
+ min-height: 165px;
+ -webkit-overflow-scrolling: touch;
+ -ms-touch-action: auto;
+ touch-action: auto;
+}
+.gslide:not(.current) {
+ pointer-events: none;
+}
+.gslide-image {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.gslide-image img {
+ max-height: 100vh;
+ display: block;
+ padding: 0;
+ float: none;
+ outline: 0;
+ border: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ max-width: 100vw;
+ width: auto;
+ height: auto;
+ -o-object-fit: cover;
+ object-fit: cover;
+ -ms-touch-action: none;
+ touch-action: none;
+ margin: auto;
+ min-width: 200px;
+}
+.desc-bottom .gslide-image img,
+.desc-top .gslide-image img {
+ width: auto;
+}
+.desc-left .gslide-image img,
+.desc-right .gslide-image img {
+ width: auto;
+ max-width: 100%;
+}
+.gslide-image img.zoomable {
+ position: relative;
+}
+.gslide-image img.dragging {
+ cursor: -webkit-grabbing !important;
+ cursor: grabbing !important;
+ -webkit-transition: none;
+ transition: none;
+}
+.gslide-video {
+ position: relative;
+ max-width: 100vh;
+ width: 100% !important;
+}
+.gslide-video .gvideo-wrapper {
+ width: 100%;
+ margin: auto;
+}
+.gslide-video::before {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: rgba(255, 0, 0, 0.34);
+ display: none;
+}
+.gslide-video.playing::before {
+ display: none;
+}
+.gslide-video.fullscreen {
+ max-width: 100% !important;
+ min-width: 100%;
+ height: 75vh;
+}
+.gslide-video.fullscreen video {
+ max-width: 100% !important;
+ width: 100% !important;
+}
+.gslide-inline {
+ background: #fff;
+ text-align: left;
+ max-height: calc(100vh - 40px);
+ overflow: auto;
+ max-width: 100%;
+}
+.gslide-inline .ginlined-content {
+ padding: 20px;
+ width: 100%;
+}
+.gslide-inline .dragging {
+ cursor: -webkit-grabbing !important;
+ cursor: grabbing !important;
+ -webkit-transition: none;
+ transition: none;
+}
+.ginlined-content {
+ overflow: auto;
+ display: block !important;
+ opacity: 1;
+}
+.gslide-external {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ min-width: 100%;
+ background: #fff;
+ padding: 0;
+ overflow: auto;
+ max-height: 75vh;
+ height: 100%;
+}
+.gslide-media {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: auto;
+}
+.zoomed .gslide-media {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+.desc-bottom .gslide-media,
+.desc-top .gslide-media {
+ margin: 0 auto;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.gslide-description {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+}
+.gslide-description.description-left,
+.gslide-description.description-right {
+ max-width: 100%;
+}
+.gslide-description.description-bottom,
+.gslide-description.description-top {
+ margin: 0 auto;
+ width: 100%;
+}
+.gslide-description p {
+ margin-bottom: 12px;
+}
+.gslide-description p:last-child {
+ margin-bottom: 0;
+}
+.zoomed .gslide-description {
+ display: none;
+}
+.glightbox-button-hidden {
+ display: none;
+}
+.glightbox-mobile .glightbox-container .gslide-description {
+ height: auto !important;
+ width: 100%;
+ background: 0 0;
+ position: absolute;
+ bottom: 0;
+ padding: 19px 11px;
+ max-width: 100vw !important;
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ max-height: 78vh;
+ overflow: auto !important;
+ background: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ from(rgba(0, 0, 0, 0)),
+ to(rgba(0, 0, 0, 0.75))
+ );
+ background: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0) 0,
+ rgba(0, 0, 0, 0.75) 100%
+ );
+ -webkit-transition: opacity 0.3s linear;
+ transition: opacity 0.3s linear;
+ padding-bottom: 50px;
+}
+.glightbox-mobile .glightbox-container .gslide-title {
+ color: #fff;
+ font-size: 1em;
+}
+.glightbox-mobile .glightbox-container .gslide-desc {
+ color: #a1a1a1;
+}
+.glightbox-mobile .glightbox-container .gslide-desc a {
+ color: #fff;
+ font-weight: 700;
+}
+.glightbox-mobile .glightbox-container .gslide-desc * {
+ color: inherit;
+}
+.glightbox-mobile .glightbox-container .gslide-desc string {
+ color: #fff;
+}
+.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
+ color: #fff;
+ opacity: 0.4;
+}
+.gdesc-open .gslide-media {
+ -webkit-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ opacity: 0.4;
+}
+.gdesc-open .gdesc-inner {
+ padding-bottom: 30px;
+}
+.gdesc-closed .gslide-media {
+ -webkit-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ opacity: 1;
+}
+.greset {
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+.gabsolute {
+ position: absolute;
+}
+.grelative {
+ position: relative;
+}
+.glightbox-desc {
+ display: none !important;
+}
+.glightbox-open {
+ overflow: hidden;
+}
+.gloader {
+ height: 25px;
+ width: 25px;
+ -webkit-animation: lightboxLoader 0.8s infinite linear;
+ animation: lightboxLoader 0.8s infinite linear;
+ border: 2px solid #fff;
+ border-right-color: transparent;
+ border-radius: 50%;
+ position: absolute;
+ display: block;
+ z-index: 9999;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ top: 47%;
+}
+.goverlay {
+ width: 100%;
+ height: calc(100vh + 1px);
+ position: fixed;
+ top: -1px;
+ left: 0;
+ background: #000;
+ will-change: opacity;
+}
+.glightbox-mobile .goverlay {
+ background: #000;
+}
+.gclose,
+.gnext,
+.gprev {
+ z-index: 99999;
+ cursor: pointer;
+ width: 26px;
+ height: 44px;
+ border: none;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.gclose svg,
+.gnext svg,
+.gprev svg {
+ display: block;
+ width: 25px;
+ height: auto;
+ margin: 0;
+ padding: 0;
+}
+.gclose.disabled,
+.gnext.disabled,
+.gprev.disabled {
+ opacity: 0.1;
+}
+.gclose .garrow,
+.gnext .garrow,
+.gprev .garrow {
+ stroke: #fff;
+}
+.gbtn.focused {
+ outline: 2px solid #0f3d81;
+}
+iframe.wait-autoplay {
+ opacity: 0;
+}
+.glightbox-closing .gclose,
+.glightbox-closing .gnext,
+.glightbox-closing .gprev {
+ opacity: 0 !important;
+}
+.glightbox-clean .gslide-description {
+ background: #fff;
+}
+.glightbox-clean .gdesc-inner {
+ padding: 22px 20px;
+}
+.glightbox-clean .gslide-title {
+ font-size: 1em;
+ font-weight: 400;
+ font-family: arial;
+ color: #000;
+ margin-bottom: 19px;
+ line-height: 1.4em;
+}
+.glightbox-clean .gslide-desc {
+ font-size: 0.86em;
+ margin-bottom: 0;
+ font-family: arial;
+ line-height: 1.4em;
+}
+.glightbox-clean .gslide-video {
+ background: #000;
+}
+.glightbox-clean .gclose,
+.glightbox-clean .gnext,
+.glightbox-clean .gprev {
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 4px;
+}
+.glightbox-clean .gclose path,
+.glightbox-clean .gnext path,
+.glightbox-clean .gprev path {
+ fill: #fff;
+}
+.glightbox-clean .gprev {
+ position: absolute;
+ top: -100%;
+ left: 30px;
+ width: 40px;
+ height: 50px;
+}
+.glightbox-clean .gnext {
+ position: absolute;
+ top: -100%;
+ right: 30px;
+ width: 40px;
+ height: 50px;
+}
+.glightbox-clean .gclose {
+ width: 35px;
+ height: 35px;
+ top: 15px;
+ right: 10px;
+ position: absolute;
+}
+.glightbox-clean .gclose svg {
+ width: 18px;
+ height: auto;
+}
+.glightbox-clean .gclose:hover {
+ opacity: 1;
+}
+.gfadeIn {
+ -webkit-animation: gfadeIn 0.5s ease;
+ animation: gfadeIn 0.5s ease;
+}
+.gfadeOut {
+ -webkit-animation: gfadeOut 0.5s ease;
+ animation: gfadeOut 0.5s ease;
+}
+.gslideOutLeft {
+ -webkit-animation: gslideOutLeft 0.3s ease;
+ animation: gslideOutLeft 0.3s ease;
+}
+.gslideInLeft {
+ -webkit-animation: gslideInLeft 0.3s ease;
+ animation: gslideInLeft 0.3s ease;
+}
+.gslideOutRight {
+ -webkit-animation: gslideOutRight 0.3s ease;
+ animation: gslideOutRight 0.3s ease;
+}
+.gslideInRight {
+ -webkit-animation: gslideInRight 0.3s ease;
+ animation: gslideInRight 0.3s ease;
+}
+.gzoomIn {
+ -webkit-animation: gzoomIn 0.5s ease;
+ animation: gzoomIn 0.5s ease;
+}
+.gzoomOut {
+ -webkit-animation: gzoomOut 0.5s ease;
+ animation: gzoomOut 0.5s ease;
+}
+@-webkit-keyframes lightboxLoader {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes lightboxLoader {
+ 0% {
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes gfadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes gfadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes gfadeOut {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+@keyframes gfadeOut {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes gslideInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-60%, 0, 0);
+ transform: translate3d(-60%, 0, 0);
+ }
+ to {
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+@keyframes gslideInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-60%, 0, 0);
+ transform: translate3d(-60%, 0, 0);
+ }
+ to {
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes gslideOutLeft {
+ from {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(-60%, 0, 0);
+ transform: translate3d(-60%, 0, 0);
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+@keyframes gslideOutLeft {
+ from {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(-60%, 0, 0);
+ transform: translate3d(-60%, 0, 0);
+ opacity: 0;
+ visibility: hidden;
+ }
+}
+@-webkit-keyframes gslideInRight {
+ from {
+ opacity: 0;
+ visibility: visible;
+ -webkit-transform: translate3d(60%, 0, 0);
+ transform: translate3d(60%, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+@keyframes gslideInRight {
+ from {
+ opacity: 0;
+ visibility: visible;
+ -webkit-transform: translate3d(60%, 0, 0);
+ transform: translate3d(60%, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes gslideOutRight {
+ from {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(60%, 0, 0);
+ transform: translate3d(60%, 0, 0);
+ opacity: 0;
+ }
+}
+@keyframes gslideOutRight {
+ from {
+ opacity: 1;
+ visibility: visible;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+ to {
+ -webkit-transform: translate3d(60%, 0, 0);
+ transform: translate3d(60%, 0, 0);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes gzoomIn {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ to {
+ opacity: 1;
+ }
+}
+@keyframes gzoomIn {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ to {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes gzoomOut {
+ from {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ to {
+ opacity: 0;
+ }
+}
+@keyframes gzoomOut {
+ from {
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
+ transform: scale3d(0.3, 0.3, 0.3);
+ }
+ to {
+ opacity: 0;
+ }
+}
+@media (min-width: 769px) {
+ .glightbox-container .ginner-container {
+ width: auto;
+ height: auto;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .glightbox-container .ginner-container.desc-top .gslide-description {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .glightbox-container .ginner-container.desc-top .gslide-image,
+ .glightbox-container .ginner-container.desc-top .gslide-image img {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .glightbox-container .ginner-container.desc-left .gslide-description {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .glightbox-container .ginner-container.desc-left .gslide-image {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .gslide-image img {
+ max-height: 97vh;
+ max-width: 100%;
+ }
+ .gslide-image img.zoomable {
+ cursor: -webkit-zoom-in;
+ cursor: zoom-in;
+ }
+ .zoomed .gslide-image img.zoomable {
+ cursor: -webkit-grab;
+ cursor: grab;
+ }
+ .gslide-inline {
+ max-height: 95vh;
+ }
+ .gslide-external {
+ max-height: 100vh;
+ }
+ .gslide-description.description-left,
+ .gslide-description.description-right {
+ max-width: 275px;
+ }
+ .glightbox-open {
+ height: auto;
+ }
+ .goverlay {
+ background: rgba(0, 0, 0, 0.92);
+ }
+ .glightbox-clean .gslide-media {
+ -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
+ box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
+ }
+ .glightbox-clean .description-left .gdesc-inner,
+ .glightbox-clean .description-right .gdesc-inner {
+ position: absolute;
+ height: 100%;
+ overflow-y: auto;
+ }
+ .glightbox-clean .gclose,
+ .glightbox-clean .gnext,
+ .glightbox-clean .gprev {
+ background-color: rgba(0, 0, 0, 0.32);
+ }
+ .glightbox-clean .gclose:hover,
+ .glightbox-clean .gnext:hover,
+ .glightbox-clean .gprev:hover {
+ background-color: rgba(0, 0, 0, 0.7);
+ }
+ .glightbox-clean .gprev {
+ top: 45%;
+ }
+ .glightbox-clean .gnext {
+ top: 45%;
+ }
+}
+@media (min-width: 992px) {
+ .glightbox-clean .gclose {
+ opacity: 0.7;
+ right: 20px;
+ }
+}
+@media screen and (max-height: 420px) {
+ .goverlay {
+ background: #000;
+ }
+}
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:root,
+:host {
+ --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
+}
+
+@font-face {
+ font-family: "Font Awesome 6 Brands";
+ font-style: normal;
+ font-weight: 400;
+ font-display: block;
+ src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2")
+ format("woff2"),
+ url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.ttf")
+ format("truetype");
+}
+
+.fab,
+.fa-brands {
+ font-weight: 400; }
+
+.fa-monero:before {
+ content: "\f3d0"; }
+
+.fa-hooli:before {
+ content: "\f427"; }
+
+.fa-yelp:before {
+ content: "\f1e9"; }
+
+.fa-cc-visa:before {
+ content: "\f1f0"; }
+
+.fa-lastfm:before {
+ content: "\f202"; }
+
+.fa-shopware:before {
+ content: "\f5b5"; }
+
+.fa-creative-commons-nc:before {
+ content: "\f4e8"; }
+
+.fa-aws:before {
+ content: "\f375"; }
+
+.fa-redhat:before {
+ content: "\f7bc"; }
+
+.fa-yoast:before {
+ content: "\f2b1"; }
+
+.fa-cloudflare:before {
+ content: "\e07d"; }
+
+.fa-ups:before {
+ content: "\f7e0"; }
+
+.fa-wpexplorer:before {
+ content: "\f2de"; }
+
+.fa-dyalog:before {
+ content: "\f399"; }
+
+.fa-bity:before {
+ content: "\f37a"; }
+
+.fa-stackpath:before {
+ content: "\f842"; }
+
+.fa-buysellads:before {
+ content: "\f20d"; }
+
+.fa-first-order:before {
+ content: "\f2b0"; }
+
+.fa-modx:before {
+ content: "\f285"; }
+
+.fa-guilded:before {
+ content: "\e07e"; }
+
+.fa-vnv:before {
+ content: "\f40b"; }
+
+.fa-square-js:before {
+ content: "\f3b9"; }
+
+.fa-js-square:before {
+ content: "\f3b9"; }
+
+.fa-microsoft:before {
+ content: "\f3ca"; }
+
+.fa-qq:before {
+ content: "\f1d6"; }
+
+.fa-orcid:before {
+ content: "\f8d2"; }
+
+.fa-java:before {
+ content: "\f4e4"; }
+
+.fa-invision:before {
+ content: "\f7b0"; }
+
+.fa-creative-commons-pd-alt:before {
+ content: "\f4ed"; }
+
+.fa-centercode:before {
+ content: "\f380"; }
+
+.fa-glide-g:before {
+ content: "\f2a6"; }
+
+.fa-drupal:before {
+ content: "\f1a9"; }
+
+.fa-hire-a-helper:before {
+ content: "\f3b0"; }
+
+.fa-creative-commons-by:before {
+ content: "\f4e7"; }
+
+.fa-unity:before {
+ content: "\e049"; }
+
+.fa-whmcs:before {
+ content: "\f40d"; }
+
+.fa-rocketchat:before {
+ content: "\f3e8"; }
+
+.fa-vk:before {
+ content: "\f189"; }
+
+.fa-untappd:before {
+ content: "\f405"; }
+
+.fa-mailchimp:before {
+ content: "\f59e"; }
+
+.fa-css3-alt:before {
+ content: "\f38b"; }
+
+.fa-square-reddit:before {
+ content: "\f1a2"; }
+
+.fa-reddit-square:before {
+ content: "\f1a2"; }
+
+.fa-vimeo-v:before {
+ content: "\f27d"; }
+
+.fa-contao:before {
+ content: "\f26d"; }
+
+.fa-square-font-awesome:before {
+ content: "\e5ad"; }
+
+.fa-deskpro:before {
+ content: "\f38f"; }
+
+.fa-sistrix:before {
+ content: "\f3ee"; }
+
+.fa-square-instagram:before {
+ content: "\e055"; }
+
+.fa-instagram-square:before {
+ content: "\e055"; }
+
+.fa-battle-net:before {
+ content: "\f835"; }
+
+.fa-the-red-yeti:before {
+ content: "\f69d"; }
+
+.fa-square-hacker-news:before {
+ content: "\f3af"; }
+
+.fa-hacker-news-square:before {
+ content: "\f3af"; }
+
+.fa-edge:before {
+ content: "\f282"; }
+
+.fa-threads:before {
+ content: "\e618"; }
+
+.fa-napster:before {
+ content: "\f3d2"; }
+
+.fa-square-snapchat:before {
+ content: "\f2ad"; }
+
+.fa-snapchat-square:before {
+ content: "\f2ad"; }
+
+.fa-google-plus-g:before {
+ content: "\f0d5"; }
+
+.fa-artstation:before {
+ content: "\f77a"; }
+
+.fa-markdown:before {
+ content: "\f60f"; }
+
+.fa-sourcetree:before {
+ content: "\f7d3"; }
+
+.fa-google-plus:before {
+ content: "\f2b3"; }
+
+.fa-diaspora:before {
+ content: "\f791"; }
+
+.fa-foursquare:before {
+ content: "\f180"; }
+
+.fa-stack-overflow:before {
+ content: "\f16c"; }
+
+.fa-github-alt:before {
+ content: "\f113"; }
+
+.fa-phoenix-squadron:before {
+ content: "\f511"; }
+
+.fa-pagelines:before {
+ content: "\f18c"; }
+
+.fa-algolia:before {
+ content: "\f36c"; }
+
+.fa-red-river:before {
+ content: "\f3e3"; }
+
+.fa-creative-commons-sa:before {
+ content: "\f4ef"; }
+
+.fa-safari:before {
+ content: "\f267"; }
+
+.fa-google:before {
+ content: "\f1a0"; }
+
+.fa-square-font-awesome-stroke:before {
+ content: "\f35c"; }
+
+.fa-font-awesome-alt:before {
+ content: "\f35c"; }
+
+.fa-atlassian:before {
+ content: "\f77b"; }
+
+.fa-linkedin-in:before {
+ content: "\f0e1"; }
+
+.fa-digital-ocean:before {
+ content: "\f391"; }
+
+.fa-nimblr:before {
+ content: "\f5a8"; }
+
+.fa-chromecast:before {
+ content: "\f838"; }
+
+.fa-evernote:before {
+ content: "\f839"; }
+
+.fa-hacker-news:before {
+ content: "\f1d4"; }
+
+.fa-creative-commons-sampling:before {
+ content: "\f4f0"; }
+
+.fa-adversal:before {
+ content: "\f36a"; }
+
+.fa-creative-commons:before {
+ content: "\f25e"; }
+
+.fa-watchman-monitoring:before {
+ content: "\e087"; }
+
+.fa-fonticons:before {
+ content: "\f280"; }
+
+.fa-weixin:before {
+ content: "\f1d7"; }
+
+.fa-shirtsinbulk:before {
+ content: "\f214"; }
+
+.fa-codepen:before {
+ content: "\f1cb"; }
+
+.fa-git-alt:before {
+ content: "\f841"; }
+
+.fa-lyft:before {
+ content: "\f3c3"; }
+
+.fa-rev:before {
+ content: "\f5b2"; }
+
+.fa-windows:before {
+ content: "\f17a"; }
+
+.fa-wizards-of-the-coast:before {
+ content: "\f730"; }
+
+.fa-square-viadeo:before {
+ content: "\f2aa"; }
+
+.fa-viadeo-square:before {
+ content: "\f2aa"; }
+
+.fa-meetup:before {
+ content: "\f2e0"; }
+
+.fa-centos:before {
+ content: "\f789"; }
+
+.fa-adn:before {
+ content: "\f170"; }
+
+.fa-cloudsmith:before {
+ content: "\f384"; }
+
+.fa-pied-piper-alt:before {
+ content: "\f1a8"; }
+
+.fa-square-dribbble:before {
+ content: "\f397"; }
+
+.fa-dribbble-square:before {
+ content: "\f397"; }
+
+.fa-codiepie:before {
+ content: "\f284"; }
+
+.fa-node:before {
+ content: "\f419"; }
+
+.fa-mix:before {
+ content: "\f3cb"; }
+
+.fa-steam:before {
+ content: "\f1b6"; }
+
+.fa-cc-apple-pay:before {
+ content: "\f416"; }
+
+.fa-scribd:before {
+ content: "\f28a"; }
+
+.fa-debian:before {
+ content: "\e60b"; }
+
+.fa-openid:before {
+ content: "\f19b"; }
+
+.fa-instalod:before {
+ content: "\e081"; }
+
+.fa-expeditedssl:before {
+ content: "\f23e"; }
+
+.fa-sellcast:before {
+ content: "\f2da"; }
+
+.fa-square-twitter:before {
+ content: "\f081"; }
+
+.fa-twitter-square:before {
+ content: "\f081"; }
+
+.fa-r-project:before {
+ content: "\f4f7"; }
+
+.fa-delicious:before {
+ content: "\f1a5"; }
+
+.fa-freebsd:before {
+ content: "\f3a4"; }
+
+.fa-vuejs:before {
+ content: "\f41f"; }
+
+.fa-accusoft:before {
+ content: "\f369"; }
+
+.fa-ioxhost:before {
+ content: "\f208"; }
+
+.fa-fonticons-fi:before {
+ content: "\f3a2"; }
+
+.fa-app-store:before {
+ content: "\f36f"; }
+
+.fa-cc-mastercard:before {
+ content: "\f1f1"; }
+
+.fa-itunes-note:before {
+ content: "\f3b5"; }
+
+.fa-golang:before {
+ content: "\e40f"; }
+
+.fa-kickstarter:before {
+ content: "\f3bb"; }
+
+.fa-grav:before {
+ content: "\f2d6"; }
+
+.fa-weibo:before {
+ content: "\f18a"; }
+
+.fa-uncharted:before {
+ content: "\e084"; }
+
+.fa-firstdraft:before {
+ content: "\f3a1"; }
+
+.fa-square-youtube:before {
+ content: "\f431"; }
+
+.fa-youtube-square:before {
+ content: "\f431"; }
+
+.fa-wikipedia-w:before {
+ content: "\f266"; }
+
+.fa-wpressr:before {
+ content: "\f3e4"; }
+
+.fa-rendact:before {
+ content: "\f3e4"; }
+
+.fa-angellist:before {
+ content: "\f209"; }
+
+.fa-galactic-republic:before {
+ content: "\f50c"; }
+
+.fa-nfc-directional:before {
+ content: "\e530"; }
+
+.fa-skype:before {
+ content: "\f17e"; }
+
+.fa-joget:before {
+ content: "\f3b7"; }
+
+.fa-fedora:before {
+ content: "\f798"; }
+
+.fa-stripe-s:before {
+ content: "\f42a"; }
+
+.fa-meta:before {
+ content: "\e49b"; }
+
+.fa-laravel:before {
+ content: "\f3bd"; }
+
+.fa-hotjar:before {
+ content: "\f3b1"; }
+
+.fa-bluetooth-b:before {
+ content: "\f294"; }
+
+.fa-sticker-mule:before {
+ content: "\f3f7"; }
+
+.fa-creative-commons-zero:before {
+ content: "\f4f3"; }
+
+.fa-hips:before {
+ content: "\f452"; }
+
+.fa-behance:before {
+ content: "\f1b4"; }
+
+.fa-reddit:before {
+ content: "\f1a1"; }
+
+.fa-discord:before {
+ content: "\f392"; }
+
+.fa-chrome:before {
+ content: "\f268"; }
+
+.fa-app-store-ios:before {
+ content: "\f370"; }
+
+.fa-cc-discover:before {
+ content: "\f1f2"; }
+
+.fa-wpbeginner:before {
+ content: "\f297"; }
+
+.fa-confluence:before {
+ content: "\f78d"; }
+
+.fa-mdb:before {
+ content: "\f8ca"; }
+
+.fa-dochub:before {
+ content: "\f394"; }
+
+.fa-accessible-icon:before {
+ content: "\f368"; }
+
+.fa-ebay:before {
+ content: "\f4f4"; }
+
+.fa-amazon:before {
+ content: "\f270"; }
+
+.fa-unsplash:before {
+ content: "\e07c"; }
+
+.fa-yarn:before {
+ content: "\f7e3"; }
+
+.fa-square-steam:before {
+ content: "\f1b7"; }
+
+.fa-steam-square:before {
+ content: "\f1b7"; }
+
+.fa-500px:before {
+ content: "\f26e"; }
+
+.fa-square-vimeo:before {
+ content: "\f194"; }
+
+.fa-vimeo-square:before {
+ content: "\f194"; }
+
+.fa-asymmetrik:before {
+ content: "\f372"; }
+
+.fa-font-awesome:before {
+ content: "\f2b4"; }
+
+.fa-font-awesome-flag:before {
+ content: "\f2b4"; }
+
+.fa-font-awesome-logo-full:before {
+ content: "\f2b4"; }
+
+.fa-gratipay:before {
+ content: "\f184"; }
+
+.fa-apple:before {
+ content: "\f179"; }
+
+.fa-hive:before {
+ content: "\e07f"; }
+
+.fa-gitkraken:before {
+ content: "\f3a6"; }
+
+.fa-keybase:before {
+ content: "\f4f5"; }
+
+.fa-apple-pay:before {
+ content: "\f415"; }
+
+.fa-padlet:before {
+ content: "\e4a0"; }
+
+.fa-amazon-pay:before {
+ content: "\f42c"; }
+
+.fa-square-github:before {
+ content: "\f092"; }
+
+.fa-github-square:before {
+ content: "\f092"; }
+
+.fa-stumbleupon:before {
+ content: "\f1a4"; }
+
+.fa-fedex:before {
+ content: "\f797"; }
+
+.fa-phoenix-framework:before {
+ content: "\f3dc"; }
+
+.fa-shopify:before {
+ content: "\e057"; }
+
+.fa-neos:before {
+ content: "\f612"; }
+
+.fa-square-threads:before {
+ content: "\e619"; }
+
+.fa-hackerrank:before {
+ content: "\f5f7"; }
+
+.fa-researchgate:before {
+ content: "\f4f8"; }
+
+.fa-swift:before {
+ content: "\f8e1"; }
+
+.fa-angular:before {
+ content: "\f420"; }
+
+.fa-speakap:before {
+ content: "\f3f3"; }
+
+.fa-angrycreative:before {
+ content: "\f36e"; }
+
+.fa-y-combinator:before {
+ content: "\f23b"; }
+
+.fa-empire:before {
+ content: "\f1d1"; }
+
+.fa-envira:before {
+ content: "\f299"; }
+
+.fa-square-gitlab:before {
+ content: "\e5ae"; }
+
+.fa-gitlab-square:before {
+ content: "\e5ae"; }
+
+.fa-studiovinari:before {
+ content: "\f3f8"; }
+
+.fa-pied-piper:before {
+ content: "\f2ae"; }
+
+.fa-wordpress:before {
+ content: "\f19a"; }
+
+.fa-product-hunt:before {
+ content: "\f288"; }
+
+.fa-firefox:before {
+ content: "\f269"; }
+
+.fa-linode:before {
+ content: "\f2b8"; }
+
+.fa-goodreads:before {
+ content: "\f3a8"; }
+
+.fa-square-odnoklassniki:before {
+ content: "\f264"; }
+
+.fa-odnoklassniki-square:before {
+ content: "\f264"; }
+
+.fa-jsfiddle:before {
+ content: "\f1cc"; }
+
+.fa-sith:before {
+ content: "\f512"; }
+
+.fa-themeisle:before {
+ content: "\f2b2"; }
+
+.fa-page4:before {
+ content: "\f3d7"; }
+
+.fa-hashnode:before {
+ content: "\e499"; }
+
+.fa-react:before {
+ content: "\f41b"; }
+
+.fa-cc-paypal:before {
+ content: "\f1f4"; }
+
+.fa-squarespace:before {
+ content: "\f5be"; }
+
+.fa-cc-stripe:before {
+ content: "\f1f5"; }
+
+.fa-creative-commons-share:before {
+ content: "\f4f2"; }
+
+.fa-bitcoin:before {
+ content: "\f379"; }
+
+.fa-keycdn:before {
+ content: "\f3ba"; }
+
+.fa-opera:before {
+ content: "\f26a"; }
+
+.fa-itch-io:before {
+ content: "\f83a"; }
+
+.fa-umbraco:before {
+ content: "\f8e8"; }
+
+.fa-galactic-senate:before {
+ content: "\f50d"; }
+
+.fa-ubuntu:before {
+ content: "\f7df"; }
+
+.fa-draft2digital:before {
+ content: "\f396"; }
+
+.fa-stripe:before {
+ content: "\f429"; }
+
+.fa-houzz:before {
+ content: "\f27c"; }
+
+.fa-gg:before {
+ content: "\f260"; }
+
+.fa-dhl:before {
+ content: "\f790"; }
+
+.fa-square-pinterest:before {
+ content: "\f0d3"; }
+
+.fa-pinterest-square:before {
+ content: "\f0d3"; }
+
+.fa-xing:before {
+ content: "\f168"; }
+
+.fa-blackberry:before {
+ content: "\f37b"; }
+
+.fa-creative-commons-pd:before {
+ content: "\f4ec"; }
+
+.fa-playstation:before {
+ content: "\f3df"; }
+
+.fa-quinscape:before {
+ content: "\f459"; }
+
+.fa-less:before {
+ content: "\f41d"; }
+
+.fa-blogger-b:before {
+ content: "\f37d"; }
+
+.fa-opencart:before {
+ content: "\f23d"; }
+
+.fa-vine:before {
+ content: "\f1ca"; }
+
+.fa-paypal:before {
+ content: "\f1ed"; }
+
+.fa-gitlab:before {
+ content: "\f296"; }
+
+.fa-typo3:before {
+ content: "\f42b"; }
+
+.fa-reddit-alien:before {
+ content: "\f281"; }
+
+.fa-yahoo:before {
+ content: "\f19e"; }
+
+.fa-dailymotion:before {
+ content: "\e052"; }
+
+.fa-affiliatetheme:before {
+ content: "\f36b"; }
+
+.fa-pied-piper-pp:before {
+ content: "\f1a7"; }
+
+.fa-bootstrap:before {
+ content: "\f836"; }
+
+.fa-odnoklassniki:before {
+ content: "\f263"; }
+
+.fa-nfc-symbol:before {
+ content: "\e531"; }
+
+.fa-ethereum:before {
+ content: "\f42e"; }
+
+.fa-speaker-deck:before {
+ content: "\f83c"; }
+
+.fa-creative-commons-nc-eu:before {
+ content: "\f4e9"; }
+
+.fa-patreon:before {
+ content: "\f3d9"; }
+
+.fa-avianex:before {
+ content: "\f374"; }
+
+.fa-ello:before {
+ content: "\f5f1"; }
+
+.fa-gofore:before {
+ content: "\f3a7"; }
+
+.fa-bimobject:before {
+ content: "\f378"; }
+
+.fa-facebook-f:before {
+ content: "\f39e"; }
+
+.fa-square-google-plus:before {
+ content: "\f0d4"; }
+
+.fa-google-plus-square:before {
+ content: "\f0d4"; }
+
+.fa-mandalorian:before {
+ content: "\f50f"; }
+
+.fa-first-order-alt:before {
+ content: "\f50a"; }
+
+.fa-osi:before {
+ content: "\f41a"; }
+
+.fa-google-wallet:before {
+ content: "\f1ee"; }
+
+.fa-d-and-d-beyond:before {
+ content: "\f6ca"; }
+
+.fa-periscope:before {
+ content: "\f3da"; }
+
+.fa-fulcrum:before {
+ content: "\f50b"; }
+
+.fa-cloudscale:before {
+ content: "\f383"; }
+
+.fa-forumbee:before {
+ content: "\f211"; }
+
+.fa-mizuni:before {
+ content: "\f3cc"; }
+
+.fa-schlix:before {
+ content: "\f3ea"; }
+
+.fa-square-xing:before {
+ content: "\f169"; }
+
+.fa-xing-square:before {
+ content: "\f169"; }
+
+.fa-bandcamp:before {
+ content: "\f2d5"; }
+
+.fa-wpforms:before {
+ content: "\f298"; }
+
+.fa-cloudversify:before {
+ content: "\f385"; }
+
+.fa-usps:before {
+ content: "\f7e1"; }
+
+.fa-megaport:before {
+ content: "\f5a3"; }
+
+.fa-magento:before {
+ content: "\f3c4"; }
+
+.fa-spotify:before {
+ content: "\f1bc"; }
+
+.fa-optin-monster:before {
+ content: "\f23c"; }
+
+.fa-fly:before {
+ content: "\f417"; }
+
+.fa-aviato:before {
+ content: "\f421"; }
+
+.fa-itunes:before {
+ content: "\f3b4"; }
+
+.fa-cuttlefish:before {
+ content: "\f38c"; }
+
+.fa-blogger:before {
+ content: "\f37c"; }
+
+.fa-flickr:before {
+ content: "\f16e"; }
+
+.fa-viber:before {
+ content: "\f409"; }
+
+.fa-soundcloud:before {
+ content: "\f1be"; }
+
+.fa-digg:before {
+ content: "\f1a6"; }
+
+.fa-tencent-weibo:before {
+ content: "\f1d5"; }
+
+.fa-symfony:before {
+ content: "\f83d"; }
+
+.fa-maxcdn:before {
+ content: "\f136"; }
+
+.fa-etsy:before {
+ content: "\f2d7"; }
+
+.fa-facebook-messenger:before {
+ content: "\f39f"; }
+
+.fa-audible:before {
+ content: "\f373"; }
+
+.fa-think-peaks:before {
+ content: "\f731"; }
+
+.fa-bilibili:before {
+ content: "\e3d9"; }
+
+.fa-erlang:before {
+ content: "\f39d"; }
+
+.fa-x-twitter:before {
+ content: "\e61b"; }
+
+.fa-cotton-bureau:before {
+ content: "\f89e"; }
+
+.fa-dashcube:before {
+ content: "\f210"; }
+
+.fa-42-group:before {
+ content: "\e080"; }
+
+.fa-innosoft:before {
+ content: "\e080"; }
+
+.fa-stack-exchange:before {
+ content: "\f18d"; }
+
+.fa-elementor:before {
+ content: "\f430"; }
+
+.fa-square-pied-piper:before {
+ content: "\e01e"; }
+
+.fa-pied-piper-square:before {
+ content: "\e01e"; }
+
+.fa-creative-commons-nd:before {
+ content: "\f4eb"; }
+
+.fa-palfed:before {
+ content: "\f3d8"; }
+
+.fa-superpowers:before {
+ content: "\f2dd"; }
+
+.fa-resolving:before {
+ content: "\f3e7"; }
+
+.fa-xbox:before {
+ content: "\f412"; }
+
+.fa-searchengin:before {
+ content: "\f3eb"; }
+
+.fa-tiktok:before {
+ content: "\e07b"; }
+
+.fa-square-facebook:before {
+ content: "\f082"; }
+
+.fa-facebook-square:before {
+ content: "\f082"; }
+
+.fa-renren:before {
+ content: "\f18b"; }
+
+.fa-linux:before {
+ content: "\f17c"; }
+
+.fa-glide:before {
+ content: "\f2a5"; }
+
+.fa-linkedin:before {
+ content: "\f08c"; }
+
+.fa-hubspot:before {
+ content: "\f3b2"; }
+
+.fa-deploydog:before {
+ content: "\f38e"; }
+
+.fa-twitch:before {
+ content: "\f1e8"; }
+
+.fa-ravelry:before {
+ content: "\f2d9"; }
+
+.fa-mixer:before {
+ content: "\e056"; }
+
+.fa-square-lastfm:before {
+ content: "\f203"; }
+
+.fa-lastfm-square:before {
+ content: "\f203"; }
+
+.fa-vimeo:before {
+ content: "\f40a"; }
+
+.fa-mendeley:before {
+ content: "\f7b3"; }
+
+.fa-uniregistry:before {
+ content: "\f404"; }
+
+.fa-figma:before {
+ content: "\f799"; }
+
+.fa-creative-commons-remix:before {
+ content: "\f4ee"; }
+
+.fa-cc-amazon-pay:before {
+ content: "\f42d"; }
+
+.fa-dropbox:before {
+ content: "\f16b"; }
+
+.fa-instagram:before {
+ content: "\f16d"; }
+
+.fa-cmplid:before {
+ content: "\e360"; }
+
+.fa-facebook:before {
+ content: "\f09a"; }
+
+.fa-gripfire:before {
+ content: "\f3ac"; }
+
+.fa-jedi-order:before {
+ content: "\f50e"; }
+
+.fa-uikit:before {
+ content: "\f403"; }
+
+.fa-fort-awesome-alt:before {
+ content: "\f3a3"; }
+
+.fa-phabricator:before {
+ content: "\f3db"; }
+
+.fa-ussunnah:before {
+ content: "\f407"; }
+
+.fa-earlybirds:before {
+ content: "\f39a"; }
+
+.fa-trade-federation:before {
+ content: "\f513"; }
+
+.fa-autoprefixer:before {
+ content: "\f41c"; }
+
+.fa-whatsapp:before {
+ content: "\f232"; }
+
+.fa-slideshare:before {
+ content: "\f1e7"; }
+
+.fa-google-play:before {
+ content: "\f3ab"; }
+
+.fa-viadeo:before {
+ content: "\f2a9"; }
+
+.fa-line:before {
+ content: "\f3c0"; }
+
+.fa-google-drive:before {
+ content: "\f3aa"; }
+
+.fa-servicestack:before {
+ content: "\f3ec"; }
+
+.fa-simplybuilt:before {
+ content: "\f215"; }
+
+.fa-bitbucket:before {
+ content: "\f171"; }
+
+.fa-imdb:before {
+ content: "\f2d8"; }
+
+.fa-deezer:before {
+ content: "\e077"; }
+
+.fa-raspberry-pi:before {
+ content: "\f7bb"; }
+
+.fa-jira:before {
+ content: "\f7b1"; }
+
+.fa-docker:before {
+ content: "\f395"; }
+
+.fa-screenpal:before {
+ content: "\e570"; }
+
+.fa-bluetooth:before {
+ content: "\f293"; }
+
+.fa-gitter:before {
+ content: "\f426"; }
+
+.fa-d-and-d:before {
+ content: "\f38d"; }
+
+.fa-microblog:before {
+ content: "\e01a"; }
+
+.fa-cc-diners-club:before {
+ content: "\f24c"; }
+
+.fa-gg-circle:before {
+ content: "\f261"; }
+
+.fa-pied-piper-hat:before {
+ content: "\f4e5"; }
+
+.fa-kickstarter-k:before {
+ content: "\f3bc"; }
+
+.fa-yandex:before {
+ content: "\f413"; }
+
+.fa-readme:before {
+ content: "\f4d5"; }
+
+.fa-html5:before {
+ content: "\f13b"; }
+
+.fa-sellsy:before {
+ content: "\f213"; }
+
+.fa-sass:before {
+ content: "\f41e"; }
+
+.fa-wirsindhandwerk:before {
+ content: "\e2d0"; }
+
+.fa-wsh:before {
+ content: "\e2d0"; }
+
+.fa-buromobelexperte:before {
+ content: "\f37f"; }
+
+.fa-salesforce:before {
+ content: "\f83b"; }
+
+.fa-octopus-deploy:before {
+ content: "\e082"; }
+
+.fa-medapps:before {
+ content: "\f3c6"; }
+
+.fa-ns8:before {
+ content: "\f3d5"; }
+
+.fa-pinterest-p:before {
+ content: "\f231"; }
+
+.fa-apper:before {
+ content: "\f371"; }
+
+.fa-fort-awesome:before {
+ content: "\f286"; }
+
+.fa-waze:before {
+ content: "\f83f"; }
+
+.fa-cc-jcb:before {
+ content: "\f24b"; }
+
+.fa-snapchat:before {
+ content: "\f2ab"; }
+
+.fa-snapchat-ghost:before {
+ content: "\f2ab"; }
+
+.fa-fantasy-flight-games:before {
+ content: "\f6dc"; }
+
+.fa-rust:before {
+ content: "\e07a"; }
+
+.fa-wix:before {
+ content: "\f5cf"; }
+
+.fa-square-behance:before {
+ content: "\f1b5"; }
+
+.fa-behance-square:before {
+ content: "\f1b5"; }
+
+.fa-supple:before {
+ content: "\f3f9"; }
+
+.fa-rebel:before {
+ content: "\f1d0"; }
+
+.fa-css3:before {
+ content: "\f13c"; }
+
+.fa-staylinked:before {
+ content: "\f3f5"; }
+
+.fa-kaggle:before {
+ content: "\f5fa"; }
+
+.fa-space-awesome:before {
+ content: "\e5ac"; }
+
+.fa-deviantart:before {
+ content: "\f1bd"; }
+
+.fa-cpanel:before {
+ content: "\f388"; }
+
+.fa-goodreads-g:before {
+ content: "\f3a9"; }
+
+.fa-square-git:before {
+ content: "\f1d2"; }
+
+.fa-git-square:before {
+ content: "\f1d2"; }
+
+.fa-square-tumblr:before {
+ content: "\f174"; }
+
+.fa-tumblr-square:before {
+ content: "\f174"; }
+
+.fa-trello:before {
+ content: "\f181"; }
+
+.fa-creative-commons-nc-jp:before {
+ content: "\f4ea"; }
+
+.fa-get-pocket:before {
+ content: "\f265"; }
+
+.fa-perbyte:before {
+ content: "\e083"; }
+
+.fa-grunt:before {
+ content: "\f3ad"; }
+
+.fa-weebly:before {
+ content: "\f5cc"; }
+
+.fa-connectdevelop:before {
+ content: "\f20e"; }
+
+.fa-leanpub:before {
+ content: "\f212"; }
+
+.fa-black-tie:before {
+ content: "\f27e"; }
+
+.fa-themeco:before {
+ content: "\f5c6"; }
+
+.fa-python:before {
+ content: "\f3e2"; }
+
+.fa-android:before {
+ content: "\f17b"; }
+
+.fa-bots:before {
+ content: "\e340"; }
+
+.fa-free-code-camp:before {
+ content: "\f2c5"; }
+
+.fa-hornbill:before {
+ content: "\f592"; }
+
+.fa-js:before {
+ content: "\f3b8"; }
+
+.fa-ideal:before {
+ content: "\e013"; }
+
+.fa-git:before {
+ content: "\f1d3"; }
+
+.fa-dev:before {
+ content: "\f6cc"; }
+
+.fa-sketch:before {
+ content: "\f7c6"; }
+
+.fa-yandex-international:before {
+ content: "\f414"; }
+
+.fa-cc-amex:before {
+ content: "\f1f3"; }
+
+.fa-uber:before {
+ content: "\f402"; }
+
+.fa-github:before {
+ content: "\f09b"; }
+
+.fa-php:before {
+ content: "\f457"; }
+
+.fa-alipay:before {
+ content: "\f642"; }
+
+.fa-youtube:before {
+ content: "\f167"; }
+
+.fa-skyatlas:before {
+ content: "\f216"; }
+
+.fa-firefox-browser:before {
+ content: "\e007"; }
+
+.fa-replyd:before {
+ content: "\f3e6"; }
+
+.fa-suse:before {
+ content: "\f7d6"; }
+
+.fa-jenkins:before {
+ content: "\f3b6"; }
+
+.fa-twitter:before {
+ content: "\f099"; }
+
+.fa-rockrms:before {
+ content: "\f3e9"; }
+
+.fa-pinterest:before {
+ content: "\f0d2"; }
+
+.fa-buffer:before {
+ content: "\f837"; }
+
+.fa-npm:before {
+ content: "\f3d4"; }
+
+.fa-yammer:before {
+ content: "\f840"; }
+
+.fa-btc:before {
+ content: "\f15a"; }
+
+.fa-dribbble:before {
+ content: "\f17d"; }
+
+.fa-stumbleupon-circle:before {
+ content: "\f1a3"; }
+
+.fa-internet-explorer:before {
+ content: "\f26b"; }
+
+.fa-stubber:before {
+ content: "\e5c7"; }
+
+.fa-telegram:before {
+ content: "\f2c6"; }
+
+.fa-telegram-plane:before {
+ content: "\f2c6"; }
+
+.fa-old-republic:before {
+ content: "\f510"; }
+
+.fa-odysee:before {
+ content: "\e5c6"; }
+
+.fa-square-whatsapp:before {
+ content: "\f40c"; }
+
+.fa-whatsapp-square:before {
+ content: "\f40c"; }
+
+.fa-node-js:before {
+ content: "\f3d3"; }
+
+.fa-edge-legacy:before {
+ content: "\e078"; }
+
+.fa-slack:before {
+ content: "\f198"; }
+
+.fa-slack-hash:before {
+ content: "\f198"; }
+
+.fa-medrt:before {
+ content: "\f3c8"; }
+
+.fa-usb:before {
+ content: "\f287"; }
+
+.fa-tumblr:before {
+ content: "\f173"; }
+
+.fa-vaadin:before {
+ content: "\f408"; }
+
+.fa-quora:before {
+ content: "\f2c4"; }
+
+.fa-square-x-twitter:before {
+ content: "\e61a"; }
+
+.fa-reacteurope:before {
+ content: "\f75d"; }
+
+.fa-medium:before {
+ content: "\f23a"; }
+
+.fa-medium-m:before {
+ content: "\f23a"; }
+
+.fa-amilia:before {
+ content: "\f36d"; }
+
+.fa-mixcloud:before {
+ content: "\f289"; }
+
+.fa-flipboard:before {
+ content: "\f44d"; }
+
+.fa-viacoin:before {
+ content: "\f237"; }
+
+.fa-critical-role:before {
+ content: "\f6c9"; }
+
+.fa-sitrox:before {
+ content: "\e44a"; }
+
+.fa-discourse:before {
+ content: "\f393"; }
+
+.fa-joomla:before {
+ content: "\f1aa"; }
+
+.fa-mastodon:before {
+ content: "\f4f6"; }
+
+.fa-airbnb:before {
+ content: "\f834"; }
+
+.fa-wolf-pack-battalion:before {
+ content: "\f514"; }
+
+.fa-buy-n-large:before {
+ content: "\f8a6"; }
+
+.fa-gulp:before {
+ content: "\f3ae"; }
+
+.fa-creative-commons-sampling-plus:before {
+ content: "\f4f1"; }
+
+.fa-strava:before {
+ content: "\f428"; }
+
+.fa-ember:before {
+ content: "\f423"; }
+
+.fa-canadian-maple-leaf:before {
+ content: "\f785"; }
+
+.fa-teamspeak:before {
+ content: "\f4f9"; }
+
+.fa-pushed:before {
+ content: "\f3e1"; }
+
+.fa-wordpress-simple:before {
+ content: "\f411"; }
+
+.fa-nutritionix:before {
+ content: "\f3d6"; }
+
+.fa-wodu:before {
+ content: "\e088"; }
+
+.fa-google-pay:before {
+ content: "\e079"; }
+
+.fa-intercom:before {
+ content: "\f7af"; }
+
+.fa-zhihu:before {
+ content: "\f63f"; }
+
+.fa-korvue:before {
+ content: "\f42f"; }
+
+.fa-pix:before {
+ content: "\e43a"; }
+
+.fa-steam-symbol:before {
+ content: "\f3f6"; }/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+ :root, :host {
+ --fa-style-family-classic: 'Font Awesome 6 Free';
+ --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
+
+@font-face {
+ font-family: 'Font Awesome 6 Free';
+ font-style: normal;
+ font-weight: 900;
+ font-display: block;
+ src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff2")
+ format("woff2"),
+ url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.ttf")
+ format("truetype"); }
+
+.fas,
+.fa-solid {
+ font-weight: 900; }
+/*!
+ * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+ .fa {
+ font-family: var(--fa-style-family, "Font Awesome 6 Free");
+ font-weight: var(--fa-style, 900); }
+
+.fa,
+.fa-classic,
+.fa-sharp,
+.fas,
+.fa-solid,
+.far,
+.fa-regular,
+.fab,
+.fa-brands {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: var(--fa-display, inline-block);
+ font-style: normal;
+ font-variant: normal;
+ line-height: 1;
+ text-rendering: auto; }
+
+.fas,
+.fa-classic,
+.fa-solid,
+.far,
+.fa-regular {
+ font-family: 'Font Awesome 6 Free'; }
+
+.fab,
+.fa-brands {
+ font-family: 'Font Awesome 6 Brands'; }
+
+.fa-1x {
+ font-size: 1em; }
+
+.fa-2x {
+ font-size: 2em; }
+
+.fa-3x {
+ font-size: 3em; }
+
+.fa-4x {
+ font-size: 4em; }
+
+.fa-5x {
+ font-size: 5em; }
+
+.fa-6x {
+ font-size: 6em; }
+
+.fa-7x {
+ font-size: 7em; }
+
+.fa-8x {
+ font-size: 8em; }
+
+.fa-9x {
+ font-size: 9em; }
+
+.fa-10x {
+ font-size: 10em; }
+
+.fa-2xs {
+ font-size: 0.625em;
+ line-height: 0.1em;
+ vertical-align: 0.225em; }
+
+.fa-xs {
+ font-size: 0.75em;
+ line-height: 0.08333em;
+ vertical-align: 0.125em; }
+
+.fa-sm {
+ font-size: 0.875em;
+ line-height: 0.07143em;
+ vertical-align: 0.05357em; }
+
+.fa-lg {
+ font-size: 1.25em;
+ line-height: 0.05em;
+ vertical-align: -0.075em; }
+
+.fa-xl {
+ font-size: 1.5em;
+ line-height: 0.04167em;
+ vertical-align: -0.125em; }
+
+.fa-2xl {
+ font-size: 2em;
+ line-height: 0.03125em;
+ vertical-align: -0.1875em; }
+
+.fa-fw {
+ text-align: center;
+ width: 1.25em; }
+
+.fa-ul {
+ list-style-type: none;
+ margin-left: var(--fa-li-margin, 2.5em);
+ padding-left: 0; }
+ .fa-ul > li {
+ position: relative; }
+
+.fa-li {
+ left: calc(var(--fa-li-width, 2em) * -1);
+ position: absolute;
+ text-align: center;
+ width: var(--fa-li-width, 2em);
+ line-height: inherit; }
+
+.fa-border {
+ border-color: var(--fa-border-color, #eee);
+ border-radius: var(--fa-border-radius, 0.1em);
+ border-style: var(--fa-border-style, solid);
+ border-width: var(--fa-border-width, 0.08em);
+ padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+
+.fa-pull-left {
+ float: left;
+ margin-right: var(--fa-pull-margin, 0.3em); }
+
+.fa-pull-right {
+ float: right;
+ margin-left: var(--fa-pull-margin, 0.3em); }
+
+.fa-beat {
+ -webkit-animation-name: fa-beat;
+ animation-name: fa-beat;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+ animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-bounce {
+ -webkit-animation-name: fa-bounce;
+ animation-name: fa-bounce;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+
+.fa-fade {
+ -webkit-animation-name: fa-fade;
+ animation-name: fa-fade;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-beat-fade {
+ -webkit-animation-name: fa-beat-fade;
+ animation-name: fa-beat-fade;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+ animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-flip {
+ -webkit-animation-name: fa-flip;
+ animation-name: fa-flip;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
+ animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-shake {
+ -webkit-animation-name: fa-shake;
+ animation-name: fa-shake;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+ animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin {
+ -webkit-animation-name: fa-spin;
+ animation-name: fa-spin;
+ -webkit-animation-delay: var(--fa-animation-delay, 0s);
+ animation-delay: var(--fa-animation-delay, 0s);
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 2s);
+ animation-duration: var(--fa-animation-duration, 2s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, linear);
+ animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin-reverse {
+ --fa-animation-direction: reverse; }
+
+.fa-pulse,
+.fa-spin-pulse {
+ -webkit-animation-name: fa-spin;
+ animation-name: fa-spin;
+ -webkit-animation-direction: var(--fa-animation-direction, normal);
+ animation-direction: var(--fa-animation-direction, normal);
+ -webkit-animation-duration: var(--fa-animation-duration, 1s);
+ animation-duration: var(--fa-animation-duration, 1s);
+ -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+ -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
+ animation-timing-function: var(--fa-animation-timing, steps(8)); }
+
+@media (prefers-reduced-motion: reduce) {
+ .fa-beat,
+ .fa-bounce,
+ .fa-fade,
+ .fa-beat-fade,
+ .fa-flip,
+ .fa-pulse,
+ .fa-shake,
+ .fa-spin,
+ .fa-spin-pulse {
+ -webkit-animation-delay: -1ms;
+ animation-delay: -1ms;
+ -webkit-animation-duration: 1ms;
+ animation-duration: 1ms;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-transition-delay: 0s;
+ transition-delay: 0s;
+ -webkit-transition-duration: 0s;
+ transition-duration: 0s; } }
+
+@-webkit-keyframes fa-beat {
+ 0%, 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 45% {
+ -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+ transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@keyframes fa-beat {
+ 0%, 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 45% {
+ -webkit-transform: scale(var(--fa-beat-scale, 1.25));
+ transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@-webkit-keyframes fa-bounce {
+ 0% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); }
+ 10% {
+ -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+ transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+ 30% {
+ -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+ transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+ 50% {
+ -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+ transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+ 57% {
+ -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+ transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+ 64% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); }
+ 100% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); } }
+
+@keyframes fa-bounce {
+ 0% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); }
+ 10% {
+ -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
+ transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+ 30% {
+ -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
+ transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+ 50% {
+ -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
+ transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+ 57% {
+ -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
+ transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+ 64% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); }
+ 100% {
+ -webkit-transform: scale(1, 1) translateY(0);
+ transform: scale(1, 1) translateY(0); } }
+
+@-webkit-keyframes fa-fade {
+ 50% {
+ opacity: var(--fa-fade-opacity, 0.4); } }
+
+@keyframes fa-fade {
+ 50% {
+ opacity: var(--fa-fade-opacity, 0.4); } }
+
+@-webkit-keyframes fa-beat-fade {
+ 0%, 100% {
+ opacity: var(--fa-beat-fade-opacity, 0.4);
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+ transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@keyframes fa-beat-fade {
+ 0%, 100% {
+ opacity: var(--fa-beat-fade-opacity, 0.4);
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
+ transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@-webkit-keyframes fa-flip {
+ 50% {
+ -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+ transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@keyframes fa-flip {
+ 50% {
+ -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
+ transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@-webkit-keyframes fa-shake {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ 4% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ 8%, 24% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg); }
+ 12%, 28% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg); }
+ 16% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg); }
+ 20% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg); }
+ 32% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg); }
+ 36% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg); }
+ 40%, 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); } }
+
+@keyframes fa-shake {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ 4% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ 8%, 24% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg); }
+ 12%, 28% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg); }
+ 16% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg); }
+ 20% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg); }
+ 32% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg); }
+ 36% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg); }
+ 40%, 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); } }
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg); }
+
+.fa-rotate-180 {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+.fa-rotate-270 {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+ -webkit-transform: scale(-1, 1);
+ transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+ -webkit-transform: scale(1, -1);
+ transform: scale(1, -1); }
+
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
+ -webkit-transform: scale(-1, -1);
+ transform: scale(-1, -1); }
+
+.fa-rotate-by {
+ -webkit-transform: rotate(var(--fa-rotate-angle, none));
+ transform: rotate(var(--fa-rotate-angle, none)); }
+
+.fa-stack {
+ display: inline-block;
+ height: 2em;
+ line-height: 2em;
+ position: relative;
+ vertical-align: middle;
+ width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+ left: 0;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ z-index: var(--fa-stack-z-index, auto); }
+
+.fa-stack-1x {
+ line-height: inherit; }
+
+.fa-stack-2x {
+ font-size: 2em; }
+
+.fa-inverse {
+ color: var(--fa-inverse, #fff); }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+
+.fa-0::before {
+ content: "\30"; }
+
+.fa-1::before {
+ content: "\31"; }
+
+.fa-2::before {
+ content: "\32"; }
+
+.fa-3::before {
+ content: "\33"; }
+
+.fa-4::before {
+ content: "\34"; }
+
+.fa-5::before {
+ content: "\35"; }
+
+.fa-6::before {
+ content: "\36"; }
+
+.fa-7::before {
+ content: "\37"; }
+
+.fa-8::before {
+ content: "\38"; }
+
+.fa-9::before {
+ content: "\39"; }
+
+.fa-fill-drip::before {
+ content: "\f576"; }
+
+.fa-arrows-to-circle::before {
+ content: "\e4bd"; }
+
+.fa-circle-chevron-right::before {
+ content: "\f138"; }
+
+.fa-chevron-circle-right::before {
+ content: "\f138"; }
+
+.fa-at::before {
+ content: "\40"; }
+
+.fa-trash-can::before {
+ content: "\f2ed"; }
+
+.fa-trash-alt::before {
+ content: "\f2ed"; }
+
+.fa-text-height::before {
+ content: "\f034"; }
+
+.fa-user-xmark::before {
+ content: "\f235"; }
+
+.fa-user-times::before {
+ content: "\f235"; }
+
+.fa-stethoscope::before {
+ content: "\f0f1"; }
+
+.fa-message::before {
+ content: "\f27a"; }
+
+.fa-comment-alt::before {
+ content: "\f27a"; }
+
+.fa-info::before {
+ content: "\f129"; }
+
+.fa-down-left-and-up-right-to-center::before {
+ content: "\f422"; }
+
+.fa-compress-alt::before {
+ content: "\f422"; }
+
+.fa-explosion::before {
+ content: "\e4e9"; }
+
+.fa-file-lines::before {
+ content: "\f15c"; }
+
+.fa-file-alt::before {
+ content: "\f15c"; }
+
+.fa-file-text::before {
+ content: "\f15c"; }
+
+.fa-wave-square::before {
+ content: "\f83e"; }
+
+.fa-ring::before {
+ content: "\f70b"; }
+
+.fa-building-un::before {
+ content: "\e4d9"; }
+
+.fa-dice-three::before {
+ content: "\f527"; }
+
+.fa-calendar-days::before {
+ content: "\f073"; }
+
+.fa-calendar-alt::before {
+ content: "\f073"; }
+
+.fa-anchor-circle-check::before {
+ content: "\e4aa"; }
+
+.fa-building-circle-arrow-right::before {
+ content: "\e4d1"; }
+
+.fa-volleyball::before {
+ content: "\f45f"; }
+
+.fa-volleyball-ball::before {
+ content: "\f45f"; }
+
+.fa-arrows-up-to-line::before {
+ content: "\e4c2"; }
+
+.fa-sort-down::before {
+ content: "\f0dd"; }
+
+.fa-sort-desc::before {
+ content: "\f0dd"; }
+
+.fa-circle-minus::before {
+ content: "\f056"; }
+
+.fa-minus-circle::before {
+ content: "\f056"; }
+
+.fa-door-open::before {
+ content: "\f52b"; }
+
+.fa-right-from-bracket::before {
+ content: "\f2f5"; }
+
+.fa-sign-out-alt::before {
+ content: "\f2f5"; }
+
+.fa-atom::before {
+ content: "\f5d2"; }
+
+.fa-soap::before {
+ content: "\e06e"; }
+
+.fa-icons::before {
+ content: "\f86d"; }
+
+.fa-heart-music-camera-bolt::before {
+ content: "\f86d"; }
+
+.fa-microphone-lines-slash::before {
+ content: "\f539"; }
+
+.fa-microphone-alt-slash::before {
+ content: "\f539"; }
+
+.fa-bridge-circle-check::before {
+ content: "\e4c9"; }
+
+.fa-pump-medical::before {
+ content: "\e06a"; }
+
+.fa-fingerprint::before {
+ content: "\f577"; }
+
+.fa-hand-point-right::before {
+ content: "\f0a4"; }
+
+.fa-magnifying-glass-location::before {
+ content: "\f689"; }
+
+.fa-search-location::before {
+ content: "\f689"; }
+
+.fa-forward-step::before {
+ content: "\f051"; }
+
+.fa-step-forward::before {
+ content: "\f051"; }
+
+.fa-face-smile-beam::before {
+ content: "\f5b8"; }
+
+.fa-smile-beam::before {
+ content: "\f5b8"; }
+
+.fa-flag-checkered::before {
+ content: "\f11e"; }
+
+.fa-football::before {
+ content: "\f44e"; }
+
+.fa-football-ball::before {
+ content: "\f44e"; }
+
+.fa-school-circle-exclamation::before {
+ content: "\e56c"; }
+
+.fa-crop::before {
+ content: "\f125"; }
+
+.fa-angles-down::before {
+ content: "\f103"; }
+
+.fa-angle-double-down::before {
+ content: "\f103"; }
+
+.fa-users-rectangle::before {
+ content: "\e594"; }
+
+.fa-people-roof::before {
+ content: "\e537"; }
+
+.fa-people-line::before {
+ content: "\e534"; }
+
+.fa-beer-mug-empty::before {
+ content: "\f0fc"; }
+
+.fa-beer::before {
+ content: "\f0fc"; }
+
+.fa-diagram-predecessor::before {
+ content: "\e477"; }
+
+.fa-arrow-up-long::before {
+ content: "\f176"; }
+
+.fa-long-arrow-up::before {
+ content: "\f176"; }
+
+.fa-fire-flame-simple::before {
+ content: "\f46a"; }
+
+.fa-burn::before {
+ content: "\f46a"; }
+
+.fa-person::before {
+ content: "\f183"; }
+
+.fa-male::before {
+ content: "\f183"; }
+
+.fa-laptop::before {
+ content: "\f109"; }
+
+.fa-file-csv::before {
+ content: "\f6dd"; }
+
+.fa-menorah::before {
+ content: "\f676"; }
+
+.fa-truck-plane::before {
+ content: "\e58f"; }
+
+.fa-record-vinyl::before {
+ content: "\f8d9"; }
+
+.fa-face-grin-stars::before {
+ content: "\f587"; }
+
+.fa-grin-stars::before {
+ content: "\f587"; }
+
+.fa-bong::before {
+ content: "\f55c"; }
+
+.fa-spaghetti-monster-flying::before {
+ content: "\f67b"; }
+
+.fa-pastafarianism::before {
+ content: "\f67b"; }
+
+.fa-arrow-down-up-across-line::before {
+ content: "\e4af"; }
+
+.fa-spoon::before {
+ content: "\f2e5"; }
+
+.fa-utensil-spoon::before {
+ content: "\f2e5"; }
+
+.fa-jar-wheat::before {
+ content: "\e517"; }
+
+.fa-envelopes-bulk::before {
+ content: "\f674"; }
+
+.fa-mail-bulk::before {
+ content: "\f674"; }
+
+.fa-file-circle-exclamation::before {
+ content: "\e4eb"; }
+
+.fa-circle-h::before {
+ content: "\f47e"; }
+
+.fa-hospital-symbol::before {
+ content: "\f47e"; }
+
+.fa-pager::before {
+ content: "\f815"; }
+
+.fa-address-book::before {
+ content: "\f2b9"; }
+
+.fa-contact-book::before {
+ content: "\f2b9"; }
+
+.fa-strikethrough::before {
+ content: "\f0cc"; }
+
+.fa-k::before {
+ content: "\4b"; }
+
+.fa-landmark-flag::before {
+ content: "\e51c"; }
+
+.fa-pencil::before {
+ content: "\f303"; }
+
+.fa-pencil-alt::before {
+ content: "\f303"; }
+
+.fa-backward::before {
+ content: "\f04a"; }
+
+.fa-caret-right::before {
+ content: "\f0da"; }
+
+.fa-comments::before {
+ content: "\f086"; }
+
+.fa-paste::before {
+ content: "\f0ea"; }
+
+.fa-file-clipboard::before {
+ content: "\f0ea"; }
+
+.fa-code-pull-request::before {
+ content: "\e13c"; }
+
+.fa-clipboard-list::before {
+ content: "\f46d"; }
+
+.fa-truck-ramp-box::before {
+ content: "\f4de"; }
+
+.fa-truck-loading::before {
+ content: "\f4de"; }
+
+.fa-user-check::before {
+ content: "\f4fc"; }
+
+.fa-vial-virus::before {
+ content: "\e597"; }
+
+.fa-sheet-plastic::before {
+ content: "\e571"; }
+
+.fa-blog::before {
+ content: "\f781"; }
+
+.fa-user-ninja::before {
+ content: "\f504"; }
+
+.fa-person-arrow-up-from-line::before {
+ content: "\e539"; }
+
+.fa-scroll-torah::before {
+ content: "\f6a0"; }
+
+.fa-torah::before {
+ content: "\f6a0"; }
+
+.fa-broom-ball::before {
+ content: "\f458"; }
+
+.fa-quidditch::before {
+ content: "\f458"; }
+
+.fa-quidditch-broom-ball::before {
+ content: "\f458"; }
+
+.fa-toggle-off::before {
+ content: "\f204"; }
+
+.fa-box-archive::before {
+ content: "\f187"; }
+
+.fa-archive::before {
+ content: "\f187"; }
+
+.fa-person-drowning::before {
+ content: "\e545"; }
+
+.fa-arrow-down-9-1::before {
+ content: "\f886"; }
+
+.fa-sort-numeric-desc::before {
+ content: "\f886"; }
+
+.fa-sort-numeric-down-alt::before {
+ content: "\f886"; }
+
+.fa-face-grin-tongue-squint::before {
+ content: "\f58a"; }
+
+.fa-grin-tongue-squint::before {
+ content: "\f58a"; }
+
+.fa-spray-can::before {
+ content: "\f5bd"; }
+
+.fa-truck-monster::before {
+ content: "\f63b"; }
+
+.fa-w::before {
+ content: "\57"; }
+
+.fa-earth-africa::before {
+ content: "\f57c"; }
+
+.fa-globe-africa::before {
+ content: "\f57c"; }
+
+.fa-rainbow::before {
+ content: "\f75b"; }
+
+.fa-circle-notch::before {
+ content: "\f1ce"; }
+
+.fa-tablet-screen-button::before {
+ content: "\f3fa"; }
+
+.fa-tablet-alt::before {
+ content: "\f3fa"; }
+
+.fa-paw::before {
+ content: "\f1b0"; }
+
+.fa-cloud::before {
+ content: "\f0c2"; }
+
+.fa-trowel-bricks::before {
+ content: "\e58a"; }
+
+.fa-face-flushed::before {
+ content: "\f579"; }
+
+.fa-flushed::before {
+ content: "\f579"; }
+
+.fa-hospital-user::before {
+ content: "\f80d"; }
+
+.fa-tent-arrow-left-right::before {
+ content: "\e57f"; }
+
+.fa-gavel::before {
+ content: "\f0e3"; }
+
+.fa-legal::before {
+ content: "\f0e3"; }
+
+.fa-binoculars::before {
+ content: "\f1e5"; }
+
+.fa-microphone-slash::before {
+ content: "\f131"; }
+
+.fa-box-tissue::before {
+ content: "\e05b"; }
+
+.fa-motorcycle::before {
+ content: "\f21c"; }
+
+.fa-bell-concierge::before {
+ content: "\f562"; }
+
+.fa-concierge-bell::before {
+ content: "\f562"; }
+
+.fa-pen-ruler::before {
+ content: "\f5ae"; }
+
+.fa-pencil-ruler::before {
+ content: "\f5ae"; }
+
+.fa-people-arrows::before {
+ content: "\e068"; }
+
+.fa-people-arrows-left-right::before {
+ content: "\e068"; }
+
+.fa-mars-and-venus-burst::before {
+ content: "\e523"; }
+
+.fa-square-caret-right::before {
+ content: "\f152"; }
+
+.fa-caret-square-right::before {
+ content: "\f152"; }
+
+.fa-scissors::before {
+ content: "\f0c4"; }
+
+.fa-cut::before {
+ content: "\f0c4"; }
+
+.fa-sun-plant-wilt::before {
+ content: "\e57a"; }
+
+.fa-toilets-portable::before {
+ content: "\e584"; }
+
+.fa-hockey-puck::before {
+ content: "\f453"; }
+
+.fa-table::before {
+ content: "\f0ce"; }
+
+.fa-magnifying-glass-arrow-right::before {
+ content: "\e521"; }
+
+.fa-tachograph-digital::before {
+ content: "\f566"; }
+
+.fa-digital-tachograph::before {
+ content: "\f566"; }
+
+.fa-users-slash::before {
+ content: "\e073"; }
+
+.fa-clover::before {
+ content: "\e139"; }
+
+.fa-reply::before {
+ content: "\f3e5"; }
+
+.fa-mail-reply::before {
+ content: "\f3e5"; }
+
+.fa-star-and-crescent::before {
+ content: "\f699"; }
+
+.fa-house-fire::before {
+ content: "\e50c"; }
+
+.fa-square-minus::before {
+ content: "\f146"; }
+
+.fa-minus-square::before {
+ content: "\f146"; }
+
+.fa-helicopter::before {
+ content: "\f533"; }
+
+.fa-compass::before {
+ content: "\f14e"; }
+
+.fa-square-caret-down::before {
+ content: "\f150"; }
+
+.fa-caret-square-down::before {
+ content: "\f150"; }
+
+.fa-file-circle-question::before {
+ content: "\e4ef"; }
+
+.fa-laptop-code::before {
+ content: "\f5fc"; }
+
+.fa-swatchbook::before {
+ content: "\f5c3"; }
+
+.fa-prescription-bottle::before {
+ content: "\f485"; }
+
+.fa-bars::before {
+ content: "\f0c9"; }
+
+.fa-navicon::before {
+ content: "\f0c9"; }
+
+.fa-people-group::before {
+ content: "\e533"; }
+
+.fa-hourglass-end::before {
+ content: "\f253"; }
+
+.fa-hourglass-3::before {
+ content: "\f253"; }
+
+.fa-heart-crack::before {
+ content: "\f7a9"; }
+
+.fa-heart-broken::before {
+ content: "\f7a9"; }
+
+.fa-square-up-right::before {
+ content: "\f360"; }
+
+.fa-external-link-square-alt::before {
+ content: "\f360"; }
+
+.fa-face-kiss-beam::before {
+ content: "\f597"; }
+
+.fa-kiss-beam::before {
+ content: "\f597"; }
+
+.fa-film::before {
+ content: "\f008"; }
+
+.fa-ruler-horizontal::before {
+ content: "\f547"; }
+
+.fa-people-robbery::before {
+ content: "\e536"; }
+
+.fa-lightbulb::before {
+ content: "\f0eb"; }
+
+.fa-caret-left::before {
+ content: "\f0d9"; }
+
+.fa-circle-exclamation::before {
+ content: "\f06a"; }
+
+.fa-exclamation-circle::before {
+ content: "\f06a"; }
+
+.fa-school-circle-xmark::before {
+ content: "\e56d"; }
+
+.fa-arrow-right-from-bracket::before {
+ content: "\f08b"; }
+
+.fa-sign-out::before {
+ content: "\f08b"; }
+
+.fa-circle-chevron-down::before {
+ content: "\f13a"; }
+
+.fa-chevron-circle-down::before {
+ content: "\f13a"; }
+
+.fa-unlock-keyhole::before {
+ content: "\f13e"; }
+
+.fa-unlock-alt::before {
+ content: "\f13e"; }
+
+.fa-cloud-showers-heavy::before {
+ content: "\f740"; }
+
+.fa-headphones-simple::before {
+ content: "\f58f"; }
+
+.fa-headphones-alt::before {
+ content: "\f58f"; }
+
+.fa-sitemap::before {
+ content: "\f0e8"; }
+
+.fa-circle-dollar-to-slot::before {
+ content: "\f4b9"; }
+
+.fa-donate::before {
+ content: "\f4b9"; }
+
+.fa-memory::before {
+ content: "\f538"; }
+
+.fa-road-spikes::before {
+ content: "\e568"; }
+
+.fa-fire-burner::before {
+ content: "\e4f1"; }
+
+.fa-flag::before {
+ content: "\f024"; }
+
+.fa-hanukiah::before {
+ content: "\f6e6"; }
+
+.fa-feather::before {
+ content: "\f52d"; }
+
+.fa-volume-low::before {
+ content: "\f027"; }
+
+.fa-volume-down::before {
+ content: "\f027"; }
+
+.fa-comment-slash::before {
+ content: "\f4b3"; }
+
+.fa-cloud-sun-rain::before {
+ content: "\f743"; }
+
+.fa-compress::before {
+ content: "\f066"; }
+
+.fa-wheat-awn::before {
+ content: "\e2cd"; }
+
+.fa-wheat-alt::before {
+ content: "\e2cd"; }
+
+.fa-ankh::before {
+ content: "\f644"; }
+
+.fa-hands-holding-child::before {
+ content: "\e4fa"; }
+
+.fa-asterisk::before {
+ content: "\2a"; }
+
+.fa-square-check::before {
+ content: "\f14a"; }
+
+.fa-check-square::before {
+ content: "\f14a"; }
+
+.fa-peseta-sign::before {
+ content: "\e221"; }
+
+.fa-heading::before {
+ content: "\f1dc"; }
+
+.fa-header::before {
+ content: "\f1dc"; }
+
+.fa-ghost::before {
+ content: "\f6e2"; }
+
+.fa-list::before {
+ content: "\f03a"; }
+
+.fa-list-squares::before {
+ content: "\f03a"; }
+
+.fa-square-phone-flip::before {
+ content: "\f87b"; }
+
+.fa-phone-square-alt::before {
+ content: "\f87b"; }
+
+.fa-cart-plus::before {
+ content: "\f217"; }
+
+.fa-gamepad::before {
+ content: "\f11b"; }
+
+.fa-circle-dot::before {
+ content: "\f192"; }
+
+.fa-dot-circle::before {
+ content: "\f192"; }
+
+.fa-face-dizzy::before {
+ content: "\f567"; }
+
+.fa-dizzy::before {
+ content: "\f567"; }
+
+.fa-egg::before {
+ content: "\f7fb"; }
+
+.fa-house-medical-circle-xmark::before {
+ content: "\e513"; }
+
+.fa-campground::before {
+ content: "\f6bb"; }
+
+.fa-folder-plus::before {
+ content: "\f65e"; }
+
+.fa-futbol::before {
+ content: "\f1e3"; }
+
+.fa-futbol-ball::before {
+ content: "\f1e3"; }
+
+.fa-soccer-ball::before {
+ content: "\f1e3"; }
+
+.fa-paintbrush::before {
+ content: "\f1fc"; }
+
+.fa-paint-brush::before {
+ content: "\f1fc"; }
+
+.fa-lock::before {
+ content: "\f023"; }
+
+.fa-gas-pump::before {
+ content: "\f52f"; }
+
+.fa-hot-tub-person::before {
+ content: "\f593"; }
+
+.fa-hot-tub::before {
+ content: "\f593"; }
+
+.fa-map-location::before {
+ content: "\f59f"; }
+
+.fa-map-marked::before {
+ content: "\f59f"; }
+
+.fa-house-flood-water::before {
+ content: "\e50e"; }
+
+.fa-tree::before {
+ content: "\f1bb"; }
+
+.fa-bridge-lock::before {
+ content: "\e4cc"; }
+
+.fa-sack-dollar::before {
+ content: "\f81d"; }
+
+.fa-pen-to-square::before {
+ content: "\f044"; }
+
+.fa-edit::before {
+ content: "\f044"; }
+
+.fa-car-side::before {
+ content: "\f5e4"; }
+
+.fa-share-nodes::before {
+ content: "\f1e0"; }
+
+.fa-share-alt::before {
+ content: "\f1e0"; }
+
+.fa-heart-circle-minus::before {
+ content: "\e4ff"; }
+
+.fa-hourglass-half::before {
+ content: "\f252"; }
+
+.fa-hourglass-2::before {
+ content: "\f252"; }
+
+.fa-microscope::before {
+ content: "\f610"; }
+
+.fa-sink::before {
+ content: "\e06d"; }
+
+.fa-bag-shopping::before {
+ content: "\f290"; }
+
+.fa-shopping-bag::before {
+ content: "\f290"; }
+
+.fa-arrow-down-z-a::before {
+ content: "\f881"; }
+
+.fa-sort-alpha-desc::before {
+ content: "\f881"; }
+
+.fa-sort-alpha-down-alt::before {
+ content: "\f881"; }
+
+.fa-mitten::before {
+ content: "\f7b5"; }
+
+.fa-person-rays::before {
+ content: "\e54d"; }
+
+.fa-users::before {
+ content: "\f0c0"; }
+
+.fa-eye-slash::before {
+ content: "\f070"; }
+
+.fa-flask-vial::before {
+ content: "\e4f3"; }
+
+.fa-hand::before {
+ content: "\f256"; }
+
+.fa-hand-paper::before {
+ content: "\f256"; }
+
+.fa-om::before {
+ content: "\f679"; }
+
+.fa-worm::before {
+ content: "\e599"; }
+
+.fa-house-circle-xmark::before {
+ content: "\e50b"; }
+
+.fa-plug::before {
+ content: "\f1e6"; }
+
+.fa-chevron-up::before {
+ content: "\f077"; }
+
+.fa-hand-spock::before {
+ content: "\f259"; }
+
+.fa-stopwatch::before {
+ content: "\f2f2"; }
+
+.fa-face-kiss::before {
+ content: "\f596"; }
+
+.fa-kiss::before {
+ content: "\f596"; }
+
+.fa-bridge-circle-xmark::before {
+ content: "\e4cb"; }
+
+.fa-face-grin-tongue::before {
+ content: "\f589"; }
+
+.fa-grin-tongue::before {
+ content: "\f589"; }
+
+.fa-chess-bishop::before {
+ content: "\f43a"; }
+
+.fa-face-grin-wink::before {
+ content: "\f58c"; }
+
+.fa-grin-wink::before {
+ content: "\f58c"; }
+
+.fa-ear-deaf::before {
+ content: "\f2a4"; }
+
+.fa-deaf::before {
+ content: "\f2a4"; }
+
+.fa-deafness::before {
+ content: "\f2a4"; }
+
+.fa-hard-of-hearing::before {
+ content: "\f2a4"; }
+
+.fa-road-circle-check::before {
+ content: "\e564"; }
+
+.fa-dice-five::before {
+ content: "\f523"; }
+
+.fa-square-rss::before {
+ content: "\f143"; }
+
+.fa-rss-square::before {
+ content: "\f143"; }
+
+.fa-land-mine-on::before {
+ content: "\e51b"; }
+
+.fa-i-cursor::before {
+ content: "\f246"; }
+
+.fa-stamp::before {
+ content: "\f5bf"; }
+
+.fa-stairs::before {
+ content: "\e289"; }
+
+.fa-i::before {
+ content: "\49"; }
+
+.fa-hryvnia-sign::before {
+ content: "\f6f2"; }
+
+.fa-hryvnia::before {
+ content: "\f6f2"; }
+
+.fa-pills::before {
+ content: "\f484"; }
+
+.fa-face-grin-wide::before {
+ content: "\f581"; }
+
+.fa-grin-alt::before {
+ content: "\f581"; }
+
+.fa-tooth::before {
+ content: "\f5c9"; }
+
+.fa-v::before {
+ content: "\56"; }
+
+.fa-bangladeshi-taka-sign::before {
+ content: "\e2e6"; }
+
+.fa-bicycle::before {
+ content: "\f206"; }
+
+.fa-staff-snake::before {
+ content: "\e579"; }
+
+.fa-rod-asclepius::before {
+ content: "\e579"; }
+
+.fa-rod-snake::before {
+ content: "\e579"; }
+
+.fa-staff-aesculapius::before {
+ content: "\e579"; }
+
+.fa-head-side-cough-slash::before {
+ content: "\e062"; }
+
+.fa-truck-medical::before {
+ content: "\f0f9"; }
+
+.fa-ambulance::before {
+ content: "\f0f9"; }
+
+.fa-wheat-awn-circle-exclamation::before {
+ content: "\e598"; }
+
+.fa-snowman::before {
+ content: "\f7d0"; }
+
+.fa-mortar-pestle::before {
+ content: "\f5a7"; }
+
+.fa-road-barrier::before {
+ content: "\e562"; }
+
+.fa-school::before {
+ content: "\f549"; }
+
+.fa-igloo::before {
+ content: "\f7ae"; }
+
+.fa-joint::before {
+ content: "\f595"; }
+
+.fa-angle-right::before {
+ content: "\f105"; }
+
+.fa-horse::before {
+ content: "\f6f0"; }
+
+.fa-q::before {
+ content: "\51"; }
+
+.fa-g::before {
+ content: "\47"; }
+
+.fa-notes-medical::before {
+ content: "\f481"; }
+
+.fa-temperature-half::before {
+ content: "\f2c9"; }
+
+.fa-temperature-2::before {
+ content: "\f2c9"; }
+
+.fa-thermometer-2::before {
+ content: "\f2c9"; }
+
+.fa-thermometer-half::before {
+ content: "\f2c9"; }
+
+.fa-dong-sign::before {
+ content: "\e169"; }
+
+.fa-capsules::before {
+ content: "\f46b"; }
+
+.fa-poo-storm::before {
+ content: "\f75a"; }
+
+.fa-poo-bolt::before {
+ content: "\f75a"; }
+
+.fa-face-frown-open::before {
+ content: "\f57a"; }
+
+.fa-frown-open::before {
+ content: "\f57a"; }
+
+.fa-hand-point-up::before {
+ content: "\f0a6"; }
+
+.fa-money-bill::before {
+ content: "\f0d6"; }
+
+.fa-bookmark::before {
+ content: "\f02e"; }
+
+.fa-align-justify::before {
+ content: "\f039"; }
+
+.fa-umbrella-beach::before {
+ content: "\f5ca"; }
+
+.fa-helmet-un::before {
+ content: "\e503"; }
+
+.fa-bullseye::before {
+ content: "\f140"; }
+
+.fa-bacon::before {
+ content: "\f7e5"; }
+
+.fa-hand-point-down::before {
+ content: "\f0a7"; }
+
+.fa-arrow-up-from-bracket::before {
+ content: "\e09a"; }
+
+.fa-folder::before {
+ content: "\f07b"; }
+
+.fa-folder-blank::before {
+ content: "\f07b"; }
+
+.fa-file-waveform::before {
+ content: "\f478"; }
+
+.fa-file-medical-alt::before {
+ content: "\f478"; }
+
+.fa-radiation::before {
+ content: "\f7b9"; }
+
+.fa-chart-simple::before {
+ content: "\e473"; }
+
+.fa-mars-stroke::before {
+ content: "\f229"; }
+
+.fa-vial::before {
+ content: "\f492"; }
+
+.fa-gauge::before {
+ content: "\f624"; }
+
+.fa-dashboard::before {
+ content: "\f624"; }
+
+.fa-gauge-med::before {
+ content: "\f624"; }
+
+.fa-tachometer-alt-average::before {
+ content: "\f624"; }
+
+.fa-wand-magic-sparkles::before {
+ content: "\e2ca"; }
+
+.fa-magic-wand-sparkles::before {
+ content: "\e2ca"; }
+
+.fa-e::before {
+ content: "\45"; }
+
+.fa-pen-clip::before {
+ content: "\f305"; }
+
+.fa-pen-alt::before {
+ content: "\f305"; }
+
+.fa-bridge-circle-exclamation::before {
+ content: "\e4ca"; }
+
+.fa-user::before {
+ content: "\f007"; }
+
+.fa-school-circle-check::before {
+ content: "\e56b"; }
+
+.fa-dumpster::before {
+ content: "\f793"; }
+
+.fa-van-shuttle::before {
+ content: "\f5b6"; }
+
+.fa-shuttle-van::before {
+ content: "\f5b6"; }
+
+.fa-building-user::before {
+ content: "\e4da"; }
+
+.fa-square-caret-left::before {
+ content: "\f191"; }
+
+.fa-caret-square-left::before {
+ content: "\f191"; }
+
+.fa-highlighter::before {
+ content: "\f591"; }
+
+.fa-key::before {
+ content: "\f084"; }
+
+.fa-bullhorn::before {
+ content: "\f0a1"; }
+
+.fa-globe::before {
+ content: "\f0ac"; }
+
+.fa-synagogue::before {
+ content: "\f69b"; }
+
+.fa-person-half-dress::before {
+ content: "\e548"; }
+
+.fa-road-bridge::before {
+ content: "\e563"; }
+
+.fa-location-arrow::before {
+ content: "\f124"; }
+
+.fa-c::before {
+ content: "\43"; }
+
+.fa-tablet-button::before {
+ content: "\f10a"; }
+
+.fa-building-lock::before {
+ content: "\e4d6"; }
+
+.fa-pizza-slice::before {
+ content: "\f818"; }
+
+.fa-money-bill-wave::before {
+ content: "\f53a"; }
+
+.fa-chart-area::before {
+ content: "\f1fe"; }
+
+.fa-area-chart::before {
+ content: "\f1fe"; }
+
+.fa-house-flag::before {
+ content: "\e50d"; }
+
+.fa-person-circle-minus::before {
+ content: "\e540"; }
+
+.fa-ban::before {
+ content: "\f05e"; }
+
+.fa-cancel::before {
+ content: "\f05e"; }
+
+.fa-camera-rotate::before {
+ content: "\e0d8"; }
+
+.fa-spray-can-sparkles::before {
+ content: "\f5d0"; }
+
+.fa-air-freshener::before {
+ content: "\f5d0"; }
+
+.fa-star::before {
+ content: "\f005"; }
+
+.fa-repeat::before {
+ content: "\f363"; }
+
+.fa-cross::before {
+ content: "\f654"; }
+
+.fa-box::before {
+ content: "\f466"; }
+
+.fa-venus-mars::before {
+ content: "\f228"; }
+
+.fa-arrow-pointer::before {
+ content: "\f245"; }
+
+.fa-mouse-pointer::before {
+ content: "\f245"; }
+
+.fa-maximize::before {
+ content: "\f31e"; }
+
+.fa-expand-arrows-alt::before {
+ content: "\f31e"; }
+
+.fa-charging-station::before {
+ content: "\f5e7"; }
+
+.fa-shapes::before {
+ content: "\f61f"; }
+
+.fa-triangle-circle-square::before {
+ content: "\f61f"; }
+
+.fa-shuffle::before {
+ content: "\f074"; }
+
+.fa-random::before {
+ content: "\f074"; }
+
+.fa-person-running::before {
+ content: "\f70c"; }
+
+.fa-running::before {
+ content: "\f70c"; }
+
+.fa-mobile-retro::before {
+ content: "\e527"; }
+
+.fa-grip-lines-vertical::before {
+ content: "\f7a5"; }
+
+.fa-spider::before {
+ content: "\f717"; }
+
+.fa-hands-bound::before {
+ content: "\e4f9"; }
+
+.fa-file-invoice-dollar::before {
+ content: "\f571"; }
+
+.fa-plane-circle-exclamation::before {
+ content: "\e556"; }
+
+.fa-x-ray::before {
+ content: "\f497"; }
+
+.fa-spell-check::before {
+ content: "\f891"; }
+
+.fa-slash::before {
+ content: "\f715"; }
+
+.fa-computer-mouse::before {
+ content: "\f8cc"; }
+
+.fa-mouse::before {
+ content: "\f8cc"; }
+
+.fa-arrow-right-to-bracket::before {
+ content: "\f090"; }
+
+.fa-sign-in::before {
+ content: "\f090"; }
+
+.fa-shop-slash::before {
+ content: "\e070"; }
+
+.fa-store-alt-slash::before {
+ content: "\e070"; }
+
+.fa-server::before {
+ content: "\f233"; }
+
+.fa-virus-covid-slash::before {
+ content: "\e4a9"; }
+
+.fa-shop-lock::before {
+ content: "\e4a5"; }
+
+.fa-hourglass-start::before {
+ content: "\f251"; }
+
+.fa-hourglass-1::before {
+ content: "\f251"; }
+
+.fa-blender-phone::before {
+ content: "\f6b6"; }
+
+.fa-building-wheat::before {
+ content: "\e4db"; }
+
+.fa-person-breastfeeding::before {
+ content: "\e53a"; }
+
+.fa-right-to-bracket::before {
+ content: "\f2f6"; }
+
+.fa-sign-in-alt::before {
+ content: "\f2f6"; }
+
+.fa-venus::before {
+ content: "\f221"; }
+
+.fa-passport::before {
+ content: "\f5ab"; }
+
+.fa-heart-pulse::before {
+ content: "\f21e"; }
+
+.fa-heartbeat::before {
+ content: "\f21e"; }
+
+.fa-people-carry-box::before {
+ content: "\f4ce"; }
+
+.fa-people-carry::before {
+ content: "\f4ce"; }
+
+.fa-temperature-high::before {
+ content: "\f769"; }
+
+.fa-microchip::before {
+ content: "\f2db"; }
+
+.fa-crown::before {
+ content: "\f521"; }
+
+.fa-weight-hanging::before {
+ content: "\f5cd"; }
+
+.fa-xmarks-lines::before {
+ content: "\e59a"; }
+
+.fa-file-prescription::before {
+ content: "\f572"; }
+
+.fa-weight-scale::before {
+ content: "\f496"; }
+
+.fa-weight::before {
+ content: "\f496"; }
+
+.fa-user-group::before {
+ content: "\f500"; }
+
+.fa-user-friends::before {
+ content: "\f500"; }
+
+.fa-arrow-up-a-z::before {
+ content: "\f15e"; }
+
+.fa-sort-alpha-up::before {
+ content: "\f15e"; }
+
+.fa-chess-knight::before {
+ content: "\f441"; }
+
+.fa-face-laugh-squint::before {
+ content: "\f59b"; }
+
+.fa-laugh-squint::before {
+ content: "\f59b"; }
+
+.fa-wheelchair::before {
+ content: "\f193"; }
+
+.fa-circle-arrow-up::before {
+ content: "\f0aa"; }
+
+.fa-arrow-circle-up::before {
+ content: "\f0aa"; }
+
+.fa-toggle-on::before {
+ content: "\f205"; }
+
+.fa-person-walking::before {
+ content: "\f554"; }
+
+.fa-walking::before {
+ content: "\f554"; }
+
+.fa-l::before {
+ content: "\4c"; }
+
+.fa-fire::before {
+ content: "\f06d"; }
+
+.fa-bed-pulse::before {
+ content: "\f487"; }
+
+.fa-procedures::before {
+ content: "\f487"; }
+
+.fa-shuttle-space::before {
+ content: "\f197"; }
+
+.fa-space-shuttle::before {
+ content: "\f197"; }
+
+.fa-face-laugh::before {
+ content: "\f599"; }
+
+.fa-laugh::before {
+ content: "\f599"; }
+
+.fa-folder-open::before {
+ content: "\f07c"; }
+
+.fa-heart-circle-plus::before {
+ content: "\e500"; }
+
+.fa-code-fork::before {
+ content: "\e13b"; }
+
+.fa-city::before {
+ content: "\f64f"; }
+
+.fa-microphone-lines::before {
+ content: "\f3c9"; }
+
+.fa-microphone-alt::before {
+ content: "\f3c9"; }
+
+.fa-pepper-hot::before {
+ content: "\f816"; }
+
+.fa-unlock::before {
+ content: "\f09c"; }
+
+.fa-colon-sign::before {
+ content: "\e140"; }
+
+.fa-headset::before {
+ content: "\f590"; }
+
+.fa-store-slash::before {
+ content: "\e071"; }
+
+.fa-road-circle-xmark::before {
+ content: "\e566"; }
+
+.fa-user-minus::before {
+ content: "\f503"; }
+
+.fa-mars-stroke-up::before {
+ content: "\f22a"; }
+
+.fa-mars-stroke-v::before {
+ content: "\f22a"; }
+
+.fa-champagne-glasses::before {
+ content: "\f79f"; }
+
+.fa-glass-cheers::before {
+ content: "\f79f"; }
+
+.fa-clipboard::before {
+ content: "\f328"; }
+
+.fa-house-circle-exclamation::before {
+ content: "\e50a"; }
+
+.fa-file-arrow-up::before {
+ content: "\f574"; }
+
+.fa-file-upload::before {
+ content: "\f574"; }
+
+.fa-wifi::before {
+ content: "\f1eb"; }
+
+.fa-wifi-3::before {
+ content: "\f1eb"; }
+
+.fa-wifi-strong::before {
+ content: "\f1eb"; }
+
+.fa-bath::before {
+ content: "\f2cd"; }
+
+.fa-bathtub::before {
+ content: "\f2cd"; }
+
+.fa-underline::before {
+ content: "\f0cd"; }
+
+.fa-user-pen::before {
+ content: "\f4ff"; }
+
+.fa-user-edit::before {
+ content: "\f4ff"; }
+
+.fa-signature::before {
+ content: "\f5b7"; }
+
+.fa-stroopwafel::before {
+ content: "\f551"; }
+
+.fa-bold::before {
+ content: "\f032"; }
+
+.fa-anchor-lock::before {
+ content: "\e4ad"; }
+
+.fa-building-ngo::before {
+ content: "\e4d7"; }
+
+.fa-manat-sign::before {
+ content: "\e1d5"; }
+
+.fa-not-equal::before {
+ content: "\f53e"; }
+
+.fa-border-top-left::before {
+ content: "\f853"; }
+
+.fa-border-style::before {
+ content: "\f853"; }
+
+.fa-map-location-dot::before {
+ content: "\f5a0"; }
+
+.fa-map-marked-alt::before {
+ content: "\f5a0"; }
+
+.fa-jedi::before {
+ content: "\f669"; }
+
+.fa-square-poll-vertical::before {
+ content: "\f681"; }
+
+.fa-poll::before {
+ content: "\f681"; }
+
+.fa-mug-hot::before {
+ content: "\f7b6"; }
+
+.fa-car-battery::before {
+ content: "\f5df"; }
+
+.fa-battery-car::before {
+ content: "\f5df"; }
+
+.fa-gift::before {
+ content: "\f06b"; }
+
+.fa-dice-two::before {
+ content: "\f528"; }
+
+.fa-chess-queen::before {
+ content: "\f445"; }
+
+.fa-glasses::before {
+ content: "\f530"; }
+
+.fa-chess-board::before {
+ content: "\f43c"; }
+
+.fa-building-circle-check::before {
+ content: "\e4d2"; }
+
+.fa-person-chalkboard::before {
+ content: "\e53d"; }
+
+.fa-mars-stroke-right::before {
+ content: "\f22b"; }
+
+.fa-mars-stroke-h::before {
+ content: "\f22b"; }
+
+.fa-hand-back-fist::before {
+ content: "\f255"; }
+
+.fa-hand-rock::before {
+ content: "\f255"; }
+
+.fa-square-caret-up::before {
+ content: "\f151"; }
+
+.fa-caret-square-up::before {
+ content: "\f151"; }
+
+.fa-cloud-showers-water::before {
+ content: "\e4e4"; }
+
+.fa-chart-bar::before {
+ content: "\f080"; }
+
+.fa-bar-chart::before {
+ content: "\f080"; }
+
+.fa-hands-bubbles::before {
+ content: "\e05e"; }
+
+.fa-hands-wash::before {
+ content: "\e05e"; }
+
+.fa-less-than-equal::before {
+ content: "\f537"; }
+
+.fa-train::before {
+ content: "\f238"; }
+
+.fa-eye-low-vision::before {
+ content: "\f2a8"; }
+
+.fa-low-vision::before {
+ content: "\f2a8"; }
+
+.fa-crow::before {
+ content: "\f520"; }
+
+.fa-sailboat::before {
+ content: "\e445"; }
+
+.fa-window-restore::before {
+ content: "\f2d2"; }
+
+.fa-square-plus::before {
+ content: "\f0fe"; }
+
+.fa-plus-square::before {
+ content: "\f0fe"; }
+
+.fa-torii-gate::before {
+ content: "\f6a1"; }
+
+.fa-frog::before {
+ content: "\f52e"; }
+
+.fa-bucket::before {
+ content: "\e4cf"; }
+
+.fa-image::before {
+ content: "\f03e"; }
+
+.fa-microphone::before {
+ content: "\f130"; }
+
+.fa-cow::before {
+ content: "\f6c8"; }
+
+.fa-caret-up::before {
+ content: "\f0d8"; }
+
+.fa-screwdriver::before {
+ content: "\f54a"; }
+
+.fa-folder-closed::before {
+ content: "\e185"; }
+
+.fa-house-tsunami::before {
+ content: "\e515"; }
+
+.fa-square-nfi::before {
+ content: "\e576"; }
+
+.fa-arrow-up-from-ground-water::before {
+ content: "\e4b5"; }
+
+.fa-martini-glass::before {
+ content: "\f57b"; }
+
+.fa-glass-martini-alt::before {
+ content: "\f57b"; }
+
+.fa-rotate-left::before {
+ content: "\f2ea"; }
+
+.fa-rotate-back::before {
+ content: "\f2ea"; }
+
+.fa-rotate-backward::before {
+ content: "\f2ea"; }
+
+.fa-undo-alt::before {
+ content: "\f2ea"; }
+
+.fa-table-columns::before {
+ content: "\f0db"; }
+
+.fa-columns::before {
+ content: "\f0db"; }
+
+.fa-lemon::before {
+ content: "\f094"; }
+
+.fa-head-side-mask::before {
+ content: "\e063"; }
+
+.fa-handshake::before {
+ content: "\f2b5"; }
+
+.fa-gem::before {
+ content: "\f3a5"; }
+
+.fa-dolly::before {
+ content: "\f472"; }
+
+.fa-dolly-box::before {
+ content: "\f472"; }
+
+.fa-smoking::before {
+ content: "\f48d"; }
+
+.fa-minimize::before {
+ content: "\f78c"; }
+
+.fa-compress-arrows-alt::before {
+ content: "\f78c"; }
+
+.fa-monument::before {
+ content: "\f5a6"; }
+
+.fa-snowplow::before {
+ content: "\f7d2"; }
+
+.fa-angles-right::before {
+ content: "\f101"; }
+
+.fa-angle-double-right::before {
+ content: "\f101"; }
+
+.fa-cannabis::before {
+ content: "\f55f"; }
+
+.fa-circle-play::before {
+ content: "\f144"; }
+
+.fa-play-circle::before {
+ content: "\f144"; }
+
+.fa-tablets::before {
+ content: "\f490"; }
+
+.fa-ethernet::before {
+ content: "\f796"; }
+
+.fa-euro-sign::before {
+ content: "\f153"; }
+
+.fa-eur::before {
+ content: "\f153"; }
+
+.fa-euro::before {
+ content: "\f153"; }
+
+.fa-chair::before {
+ content: "\f6c0"; }
+
+.fa-circle-check::before {
+ content: "\f058"; }
+
+.fa-check-circle::before {
+ content: "\f058"; }
+
+.fa-circle-stop::before {
+ content: "\f28d"; }
+
+.fa-stop-circle::before {
+ content: "\f28d"; }
+
+.fa-compass-drafting::before {
+ content: "\f568"; }
+
+.fa-drafting-compass::before {
+ content: "\f568"; }
+
+.fa-plate-wheat::before {
+ content: "\e55a"; }
+
+.fa-icicles::before {
+ content: "\f7ad"; }
+
+.fa-person-shelter::before {
+ content: "\e54f"; }
+
+.fa-neuter::before {
+ content: "\f22c"; }
+
+.fa-id-badge::before {
+ content: "\f2c1"; }
+
+.fa-marker::before {
+ content: "\f5a1"; }
+
+.fa-face-laugh-beam::before {
+ content: "\f59a"; }
+
+.fa-laugh-beam::before {
+ content: "\f59a"; }
+
+.fa-helicopter-symbol::before {
+ content: "\e502"; }
+
+.fa-universal-access::before {
+ content: "\f29a"; }
+
+.fa-circle-chevron-up::before {
+ content: "\f139"; }
+
+.fa-chevron-circle-up::before {
+ content: "\f139"; }
+
+.fa-lari-sign::before {
+ content: "\e1c8"; }
+
+.fa-volcano::before {
+ content: "\f770"; }
+
+.fa-person-walking-dashed-line-arrow-right::before {
+ content: "\e553"; }
+
+.fa-sterling-sign::before {
+ content: "\f154"; }
+
+.fa-gbp::before {
+ content: "\f154"; }
+
+.fa-pound-sign::before {
+ content: "\f154"; }
+
+.fa-viruses::before {
+ content: "\e076"; }
+
+.fa-square-person-confined::before {
+ content: "\e577"; }
+
+.fa-user-tie::before {
+ content: "\f508"; }
+
+.fa-arrow-down-long::before {
+ content: "\f175"; }
+
+.fa-long-arrow-down::before {
+ content: "\f175"; }
+
+.fa-tent-arrow-down-to-line::before {
+ content: "\e57e"; }
+
+.fa-certificate::before {
+ content: "\f0a3"; }
+
+.fa-reply-all::before {
+ content: "\f122"; }
+
+.fa-mail-reply-all::before {
+ content: "\f122"; }
+
+.fa-suitcase::before {
+ content: "\f0f2"; }
+
+.fa-person-skating::before {
+ content: "\f7c5"; }
+
+.fa-skating::before {
+ content: "\f7c5"; }
+
+.fa-filter-circle-dollar::before {
+ content: "\f662"; }
+
+.fa-funnel-dollar::before {
+ content: "\f662"; }
+
+.fa-camera-retro::before {
+ content: "\f083"; }
+
+.fa-circle-arrow-down::before {
+ content: "\f0ab"; }
+
+.fa-arrow-circle-down::before {
+ content: "\f0ab"; }
+
+.fa-file-import::before {
+ content: "\f56f"; }
+
+.fa-arrow-right-to-file::before {
+ content: "\f56f"; }
+
+.fa-square-arrow-up-right::before {
+ content: "\f14c"; }
+
+.fa-external-link-square::before {
+ content: "\f14c"; }
+
+.fa-box-open::before {
+ content: "\f49e"; }
+
+.fa-scroll::before {
+ content: "\f70e"; }
+
+.fa-spa::before {
+ content: "\f5bb"; }
+
+.fa-location-pin-lock::before {
+ content: "\e51f"; }
+
+.fa-pause::before {
+ content: "\f04c"; }
+
+.fa-hill-avalanche::before {
+ content: "\e507"; }
+
+.fa-temperature-empty::before {
+ content: "\f2cb"; }
+
+.fa-temperature-0::before {
+ content: "\f2cb"; }
+
+.fa-thermometer-0::before {
+ content: "\f2cb"; }
+
+.fa-thermometer-empty::before {
+ content: "\f2cb"; }
+
+.fa-bomb::before {
+ content: "\f1e2"; }
+
+.fa-registered::before {
+ content: "\f25d"; }
+
+.fa-address-card::before {
+ content: "\f2bb"; }
+
+.fa-contact-card::before {
+ content: "\f2bb"; }
+
+.fa-vcard::before {
+ content: "\f2bb"; }
+
+.fa-scale-unbalanced-flip::before {
+ content: "\f516"; }
+
+.fa-balance-scale-right::before {
+ content: "\f516"; }
+
+.fa-subscript::before {
+ content: "\f12c"; }
+
+.fa-diamond-turn-right::before {
+ content: "\f5eb"; }
+
+.fa-directions::before {
+ content: "\f5eb"; }
+
+.fa-burst::before {
+ content: "\e4dc"; }
+
+.fa-house-laptop::before {
+ content: "\e066"; }
+
+.fa-laptop-house::before {
+ content: "\e066"; }
+
+.fa-face-tired::before {
+ content: "\f5c8"; }
+
+.fa-tired::before {
+ content: "\f5c8"; }
+
+.fa-money-bills::before {
+ content: "\e1f3"; }
+
+.fa-smog::before {
+ content: "\f75f"; }
+
+.fa-crutch::before {
+ content: "\f7f7"; }
+
+.fa-cloud-arrow-up::before {
+ content: "\f0ee"; }
+
+.fa-cloud-upload::before {
+ content: "\f0ee"; }
+
+.fa-cloud-upload-alt::before {
+ content: "\f0ee"; }
+
+.fa-palette::before {
+ content: "\f53f"; }
+
+.fa-arrows-turn-right::before {
+ content: "\e4c0"; }
+
+.fa-vest::before {
+ content: "\e085"; }
+
+.fa-ferry::before {
+ content: "\e4ea"; }
+
+.fa-arrows-down-to-people::before {
+ content: "\e4b9"; }
+
+.fa-seedling::before {
+ content: "\f4d8"; }
+
+.fa-sprout::before {
+ content: "\f4d8"; }
+
+.fa-left-right::before {
+ content: "\f337"; }
+
+.fa-arrows-alt-h::before {
+ content: "\f337"; }
+
+.fa-boxes-packing::before {
+ content: "\e4c7"; }
+
+.fa-circle-arrow-left::before {
+ content: "\f0a8"; }
+
+.fa-arrow-circle-left::before {
+ content: "\f0a8"; }
+
+.fa-group-arrows-rotate::before {
+ content: "\e4f6"; }
+
+.fa-bowl-food::before {
+ content: "\e4c6"; }
+
+.fa-candy-cane::before {
+ content: "\f786"; }
+
+.fa-arrow-down-wide-short::before {
+ content: "\f160"; }
+
+.fa-sort-amount-asc::before {
+ content: "\f160"; }
+
+.fa-sort-amount-down::before {
+ content: "\f160"; }
+
+.fa-cloud-bolt::before {
+ content: "\f76c"; }
+
+.fa-thunderstorm::before {
+ content: "\f76c"; }
+
+.fa-text-slash::before {
+ content: "\f87d"; }
+
+.fa-remove-format::before {
+ content: "\f87d"; }
+
+.fa-face-smile-wink::before {
+ content: "\f4da"; }
+
+.fa-smile-wink::before {
+ content: "\f4da"; }
+
+.fa-file-word::before {
+ content: "\f1c2"; }
+
+.fa-file-powerpoint::before {
+ content: "\f1c4"; }
+
+.fa-arrows-left-right::before {
+ content: "\f07e"; }
+
+.fa-arrows-h::before {
+ content: "\f07e"; }
+
+.fa-house-lock::before {
+ content: "\e510"; }
+
+.fa-cloud-arrow-down::before {
+ content: "\f0ed"; }
+
+.fa-cloud-download::before {
+ content: "\f0ed"; }
+
+.fa-cloud-download-alt::before {
+ content: "\f0ed"; }
+
+.fa-children::before {
+ content: "\e4e1"; }
+
+.fa-chalkboard::before {
+ content: "\f51b"; }
+
+.fa-blackboard::before {
+ content: "\f51b"; }
+
+.fa-user-large-slash::before {
+ content: "\f4fa"; }
+
+.fa-user-alt-slash::before {
+ content: "\f4fa"; }
+
+.fa-envelope-open::before {
+ content: "\f2b6"; }
+
+.fa-handshake-simple-slash::before {
+ content: "\e05f"; }
+
+.fa-handshake-alt-slash::before {
+ content: "\e05f"; }
+
+.fa-mattress-pillow::before {
+ content: "\e525"; }
+
+.fa-guarani-sign::before {
+ content: "\e19a"; }
+
+.fa-arrows-rotate::before {
+ content: "\f021"; }
+
+.fa-refresh::before {
+ content: "\f021"; }
+
+.fa-sync::before {
+ content: "\f021"; }
+
+.fa-fire-extinguisher::before {
+ content: "\f134"; }
+
+.fa-cruzeiro-sign::before {
+ content: "\e152"; }
+
+.fa-greater-than-equal::before {
+ content: "\f532"; }
+
+.fa-shield-halved::before {
+ content: "\f3ed"; }
+
+.fa-shield-alt::before {
+ content: "\f3ed"; }
+
+.fa-book-atlas::before {
+ content: "\f558"; }
+
+.fa-atlas::before {
+ content: "\f558"; }
+
+.fa-virus::before {
+ content: "\e074"; }
+
+.fa-envelope-circle-check::before {
+ content: "\e4e8"; }
+
+.fa-layer-group::before {
+ content: "\f5fd"; }
+
+.fa-arrows-to-dot::before {
+ content: "\e4be"; }
+
+.fa-archway::before {
+ content: "\f557"; }
+
+.fa-heart-circle-check::before {
+ content: "\e4fd"; }
+
+.fa-house-chimney-crack::before {
+ content: "\f6f1"; }
+
+.fa-house-damage::before {
+ content: "\f6f1"; }
+
+.fa-file-zipper::before {
+ content: "\f1c6"; }
+
+.fa-file-archive::before {
+ content: "\f1c6"; }
+
+.fa-square::before {
+ content: "\f0c8"; }
+
+.fa-martini-glass-empty::before {
+ content: "\f000"; }
+
+.fa-glass-martini::before {
+ content: "\f000"; }
+
+.fa-couch::before {
+ content: "\f4b8"; }
+
+.fa-cedi-sign::before {
+ content: "\e0df"; }
+
+.fa-italic::before {
+ content: "\f033"; }
+
+.fa-church::before {
+ content: "\f51d"; }
+
+.fa-comments-dollar::before {
+ content: "\f653"; }
+
+.fa-democrat::before {
+ content: "\f747"; }
+
+.fa-z::before {
+ content: "\5a"; }
+
+.fa-person-skiing::before {
+ content: "\f7c9"; }
+
+.fa-skiing::before {
+ content: "\f7c9"; }
+
+.fa-road-lock::before {
+ content: "\e567"; }
+
+.fa-a::before {
+ content: "\41"; }
+
+.fa-temperature-arrow-down::before {
+ content: "\e03f"; }
+
+.fa-temperature-down::before {
+ content: "\e03f"; }
+
+.fa-feather-pointed::before {
+ content: "\f56b"; }
+
+.fa-feather-alt::before {
+ content: "\f56b"; }
+
+.fa-p::before {
+ content: "\50"; }
+
+.fa-snowflake::before {
+ content: "\f2dc"; }
+
+.fa-newspaper::before {
+ content: "\f1ea"; }
+
+.fa-rectangle-ad::before {
+ content: "\f641"; }
+
+.fa-ad::before {
+ content: "\f641"; }
+
+.fa-circle-arrow-right::before {
+ content: "\f0a9"; }
+
+.fa-arrow-circle-right::before {
+ content: "\f0a9"; }
+
+.fa-filter-circle-xmark::before {
+ content: "\e17b"; }
+
+.fa-locust::before {
+ content: "\e520"; }
+
+.fa-sort::before {
+ content: "\f0dc"; }
+
+.fa-unsorted::before {
+ content: "\f0dc"; }
+
+.fa-list-ol::before {
+ content: "\f0cb"; }
+
+.fa-list-1-2::before {
+ content: "\f0cb"; }
+
+.fa-list-numeric::before {
+ content: "\f0cb"; }
+
+.fa-person-dress-burst::before {
+ content: "\e544"; }
+
+.fa-money-check-dollar::before {
+ content: "\f53d"; }
+
+.fa-money-check-alt::before {
+ content: "\f53d"; }
+
+.fa-vector-square::before {
+ content: "\f5cb"; }
+
+.fa-bread-slice::before {
+ content: "\f7ec"; }
+
+.fa-language::before {
+ content: "\f1ab"; }
+
+.fa-face-kiss-wink-heart::before {
+ content: "\f598"; }
+
+.fa-kiss-wink-heart::before {
+ content: "\f598"; }
+
+.fa-filter::before {
+ content: "\f0b0"; }
+
+.fa-question::before {
+ content: "\3f"; }
+
+.fa-file-signature::before {
+ content: "\f573"; }
+
+.fa-up-down-left-right::before {
+ content: "\f0b2"; }
+
+.fa-arrows-alt::before {
+ content: "\f0b2"; }
+
+.fa-house-chimney-user::before {
+ content: "\e065"; }
+
+.fa-hand-holding-heart::before {
+ content: "\f4be"; }
+
+.fa-puzzle-piece::before {
+ content: "\f12e"; }
+
+.fa-money-check::before {
+ content: "\f53c"; }
+
+.fa-star-half-stroke::before {
+ content: "\f5c0"; }
+
+.fa-star-half-alt::before {
+ content: "\f5c0"; }
+
+.fa-code::before {
+ content: "\f121"; }
+
+.fa-whiskey-glass::before {
+ content: "\f7a0"; }
+
+.fa-glass-whiskey::before {
+ content: "\f7a0"; }
+
+.fa-building-circle-exclamation::before {
+ content: "\e4d3"; }
+
+.fa-magnifying-glass-chart::before {
+ content: "\e522"; }
+
+.fa-arrow-up-right-from-square::before {
+ content: "\f08e"; }
+
+.fa-external-link::before {
+ content: "\f08e"; }
+
+.fa-cubes-stacked::before {
+ content: "\e4e6"; }
+
+.fa-won-sign::before {
+ content: "\f159"; }
+
+.fa-krw::before {
+ content: "\f159"; }
+
+.fa-won::before {
+ content: "\f159"; }
+
+.fa-virus-covid::before {
+ content: "\e4a8"; }
+
+.fa-austral-sign::before {
+ content: "\e0a9"; }
+
+.fa-f::before {
+ content: "\46"; }
+
+.fa-leaf::before {
+ content: "\f06c"; }
+
+.fa-road::before {
+ content: "\f018"; }
+
+.fa-taxi::before {
+ content: "\f1ba"; }
+
+.fa-cab::before {
+ content: "\f1ba"; }
+
+.fa-person-circle-plus::before {
+ content: "\e541"; }
+
+.fa-chart-pie::before {
+ content: "\f200"; }
+
+.fa-pie-chart::before {
+ content: "\f200"; }
+
+.fa-bolt-lightning::before {
+ content: "\e0b7"; }
+
+.fa-sack-xmark::before {
+ content: "\e56a"; }
+
+.fa-file-excel::before {
+ content: "\f1c3"; }
+
+.fa-file-contract::before {
+ content: "\f56c"; }
+
+.fa-fish-fins::before {
+ content: "\e4f2"; }
+
+.fa-building-flag::before {
+ content: "\e4d5"; }
+
+.fa-face-grin-beam::before {
+ content: "\f582"; }
+
+.fa-grin-beam::before {
+ content: "\f582"; }
+
+.fa-object-ungroup::before {
+ content: "\f248"; }
+
+.fa-poop::before {
+ content: "\f619"; }
+
+.fa-location-pin::before {
+ content: "\f041"; }
+
+.fa-map-marker::before {
+ content: "\f041"; }
+
+.fa-kaaba::before {
+ content: "\f66b"; }
+
+.fa-toilet-paper::before {
+ content: "\f71e"; }
+
+.fa-helmet-safety::before {
+ content: "\f807"; }
+
+.fa-hard-hat::before {
+ content: "\f807"; }
+
+.fa-hat-hard::before {
+ content: "\f807"; }
+
+.fa-eject::before {
+ content: "\f052"; }
+
+.fa-circle-right::before {
+ content: "\f35a"; }
+
+.fa-arrow-alt-circle-right::before {
+ content: "\f35a"; }
+
+.fa-plane-circle-check::before {
+ content: "\e555"; }
+
+.fa-face-rolling-eyes::before {
+ content: "\f5a5"; }
+
+.fa-meh-rolling-eyes::before {
+ content: "\f5a5"; }
+
+.fa-object-group::before {
+ content: "\f247"; }
+
+.fa-chart-line::before {
+ content: "\f201"; }
+
+.fa-line-chart::before {
+ content: "\f201"; }
+
+.fa-mask-ventilator::before {
+ content: "\e524"; }
+
+.fa-arrow-right::before {
+ content: "\f061"; }
+
+.fa-signs-post::before {
+ content: "\f277"; }
+
+.fa-map-signs::before {
+ content: "\f277"; }
+
+.fa-cash-register::before {
+ content: "\f788"; }
+
+.fa-person-circle-question::before {
+ content: "\e542"; }
+
+.fa-h::before {
+ content: "\48"; }
+
+.fa-tarp::before {
+ content: "\e57b"; }
+
+.fa-screwdriver-wrench::before {
+ content: "\f7d9"; }
+
+.fa-tools::before {
+ content: "\f7d9"; }
+
+.fa-arrows-to-eye::before {
+ content: "\e4bf"; }
+
+.fa-plug-circle-bolt::before {
+ content: "\e55b"; }
+
+.fa-heart::before {
+ content: "\f004"; }
+
+.fa-mars-and-venus::before {
+ content: "\f224"; }
+
+.fa-house-user::before {
+ content: "\e1b0"; }
+
+.fa-home-user::before {
+ content: "\e1b0"; }
+
+.fa-dumpster-fire::before {
+ content: "\f794"; }
+
+.fa-house-crack::before {
+ content: "\e3b1"; }
+
+.fa-martini-glass-citrus::before {
+ content: "\f561"; }
+
+.fa-cocktail::before {
+ content: "\f561"; }
+
+.fa-face-surprise::before {
+ content: "\f5c2"; }
+
+.fa-surprise::before {
+ content: "\f5c2"; }
+
+.fa-bottle-water::before {
+ content: "\e4c5"; }
+
+.fa-circle-pause::before {
+ content: "\f28b"; }
+
+.fa-pause-circle::before {
+ content: "\f28b"; }
+
+.fa-toilet-paper-slash::before {
+ content: "\e072"; }
+
+.fa-apple-whole::before {
+ content: "\f5d1"; }
+
+.fa-apple-alt::before {
+ content: "\f5d1"; }
+
+.fa-kitchen-set::before {
+ content: "\e51a"; }
+
+.fa-r::before {
+ content: "\52"; }
+
+.fa-temperature-quarter::before {
+ content: "\f2ca"; }
+
+.fa-temperature-1::before {
+ content: "\f2ca"; }
+
+.fa-thermometer-1::before {
+ content: "\f2ca"; }
+
+.fa-thermometer-quarter::before {
+ content: "\f2ca"; }
+
+.fa-cube::before {
+ content: "\f1b2"; }
+
+.fa-bitcoin-sign::before {
+ content: "\e0b4"; }
+
+.fa-shield-dog::before {
+ content: "\e573"; }
+
+.fa-solar-panel::before {
+ content: "\f5ba"; }
+
+.fa-lock-open::before {
+ content: "\f3c1"; }
+
+.fa-elevator::before {
+ content: "\e16d"; }
+
+.fa-money-bill-transfer::before {
+ content: "\e528"; }
+
+.fa-money-bill-trend-up::before {
+ content: "\e529"; }
+
+.fa-house-flood-water-circle-arrow-right::before {
+ content: "\e50f"; }
+
+.fa-square-poll-horizontal::before {
+ content: "\f682"; }
+
+.fa-poll-h::before {
+ content: "\f682"; }
+
+.fa-circle::before {
+ content: "\f111"; }
+
+.fa-backward-fast::before {
+ content: "\f049"; }
+
+.fa-fast-backward::before {
+ content: "\f049"; }
+
+.fa-recycle::before {
+ content: "\f1b8"; }
+
+.fa-user-astronaut::before {
+ content: "\f4fb"; }
+
+.fa-plane-slash::before {
+ content: "\e069"; }
+
+.fa-trademark::before {
+ content: "\f25c"; }
+
+.fa-basketball::before {
+ content: "\f434"; }
+
+.fa-basketball-ball::before {
+ content: "\f434"; }
+
+.fa-satellite-dish::before {
+ content: "\f7c0"; }
+
+.fa-circle-up::before {
+ content: "\f35b"; }
+
+.fa-arrow-alt-circle-up::before {
+ content: "\f35b"; }
+
+.fa-mobile-screen-button::before {
+ content: "\f3cd"; }
+
+.fa-mobile-alt::before {
+ content: "\f3cd"; }
+
+.fa-volume-high::before {
+ content: "\f028"; }
+
+.fa-volume-up::before {
+ content: "\f028"; }
+
+.fa-users-rays::before {
+ content: "\e593"; }
+
+.fa-wallet::before {
+ content: "\f555"; }
+
+.fa-clipboard-check::before {
+ content: "\f46c"; }
+
+.fa-file-audio::before {
+ content: "\f1c7"; }
+
+.fa-burger::before {
+ content: "\f805"; }
+
+.fa-hamburger::before {
+ content: "\f805"; }
+
+.fa-wrench::before {
+ content: "\f0ad"; }
+
+.fa-bugs::before {
+ content: "\e4d0"; }
+
+.fa-rupee-sign::before {
+ content: "\f156"; }
+
+.fa-rupee::before {
+ content: "\f156"; }
+
+.fa-file-image::before {
+ content: "\f1c5"; }
+
+.fa-circle-question::before {
+ content: "\f059"; }
+
+.fa-question-circle::before {
+ content: "\f059"; }
+
+.fa-plane-departure::before {
+ content: "\f5b0"; }
+
+.fa-handshake-slash::before {
+ content: "\e060"; }
+
+.fa-book-bookmark::before {
+ content: "\e0bb"; }
+
+.fa-code-branch::before {
+ content: "\f126"; }
+
+.fa-hat-cowboy::before {
+ content: "\f8c0"; }
+
+.fa-bridge::before {
+ content: "\e4c8"; }
+
+.fa-phone-flip::before {
+ content: "\f879"; }
+
+.fa-phone-alt::before {
+ content: "\f879"; }
+
+.fa-truck-front::before {
+ content: "\e2b7"; }
+
+.fa-cat::before {
+ content: "\f6be"; }
+
+.fa-anchor-circle-exclamation::before {
+ content: "\e4ab"; }
+
+.fa-truck-field::before {
+ content: "\e58d"; }
+
+.fa-route::before {
+ content: "\f4d7"; }
+
+.fa-clipboard-question::before {
+ content: "\e4e3"; }
+
+.fa-panorama::before {
+ content: "\e209"; }
+
+.fa-comment-medical::before {
+ content: "\f7f5"; }
+
+.fa-teeth-open::before {
+ content: "\f62f"; }
+
+.fa-file-circle-minus::before {
+ content: "\e4ed"; }
+
+.fa-tags::before {
+ content: "\f02c"; }
+
+.fa-wine-glass::before {
+ content: "\f4e3"; }
+
+.fa-forward-fast::before {
+ content: "\f050"; }
+
+.fa-fast-forward::before {
+ content: "\f050"; }
+
+.fa-face-meh-blank::before {
+ content: "\f5a4"; }
+
+.fa-meh-blank::before {
+ content: "\f5a4"; }
+
+.fa-square-parking::before {
+ content: "\f540"; }
+
+.fa-parking::before {
+ content: "\f540"; }
+
+.fa-house-signal::before {
+ content: "\e012"; }
+
+.fa-bars-progress::before {
+ content: "\f828"; }
+
+.fa-tasks-alt::before {
+ content: "\f828"; }
+
+.fa-faucet-drip::before {
+ content: "\e006"; }
+
+.fa-cart-flatbed::before {
+ content: "\f474"; }
+
+.fa-dolly-flatbed::before {
+ content: "\f474"; }
+
+.fa-ban-smoking::before {
+ content: "\f54d"; }
+
+.fa-smoking-ban::before {
+ content: "\f54d"; }
+
+.fa-terminal::before {
+ content: "\f120"; }
+
+.fa-mobile-button::before {
+ content: "\f10b"; }
+
+.fa-house-medical-flag::before {
+ content: "\e514"; }
+
+.fa-basket-shopping::before {
+ content: "\f291"; }
+
+.fa-shopping-basket::before {
+ content: "\f291"; }
+
+.fa-tape::before {
+ content: "\f4db"; }
+
+.fa-bus-simple::before {
+ content: "\f55e"; }
+
+.fa-bus-alt::before {
+ content: "\f55e"; }
+
+.fa-eye::before {
+ content: "\f06e"; }
+
+.fa-face-sad-cry::before {
+ content: "\f5b3"; }
+
+.fa-sad-cry::before {
+ content: "\f5b3"; }
+
+.fa-audio-description::before {
+ content: "\f29e"; }
+
+.fa-person-military-to-person::before {
+ content: "\e54c"; }
+
+.fa-file-shield::before {
+ content: "\e4f0"; }
+
+.fa-user-slash::before {
+ content: "\f506"; }
+
+.fa-pen::before {
+ content: "\f304"; }
+
+.fa-tower-observation::before {
+ content: "\e586"; }
+
+.fa-file-code::before {
+ content: "\f1c9"; }
+
+.fa-signal::before {
+ content: "\f012"; }
+
+.fa-signal-5::before {
+ content: "\f012"; }
+
+.fa-signal-perfect::before {
+ content: "\f012"; }
+
+.fa-bus::before {
+ content: "\f207"; }
+
+.fa-heart-circle-xmark::before {
+ content: "\e501"; }
+
+.fa-house-chimney::before {
+ content: "\e3af"; }
+
+.fa-home-lg::before {
+ content: "\e3af"; }
+
+.fa-window-maximize::before {
+ content: "\f2d0"; }
+
+.fa-face-frown::before {
+ content: "\f119"; }
+
+.fa-frown::before {
+ content: "\f119"; }
+
+.fa-prescription::before {
+ content: "\f5b1"; }
+
+.fa-shop::before {
+ content: "\f54f"; }
+
+.fa-store-alt::before {
+ content: "\f54f"; }
+
+.fa-floppy-disk::before {
+ content: "\f0c7"; }
+
+.fa-save::before {
+ content: "\f0c7"; }
+
+.fa-vihara::before {
+ content: "\f6a7"; }
+
+.fa-scale-unbalanced::before {
+ content: "\f515"; }
+
+.fa-balance-scale-left::before {
+ content: "\f515"; }
+
+.fa-sort-up::before {
+ content: "\f0de"; }
+
+.fa-sort-asc::before {
+ content: "\f0de"; }
+
+.fa-comment-dots::before {
+ content: "\f4ad"; }
+
+.fa-commenting::before {
+ content: "\f4ad"; }
+
+.fa-plant-wilt::before {
+ content: "\e5aa"; }
+
+.fa-diamond::before {
+ content: "\f219"; }
+
+.fa-face-grin-squint::before {
+ content: "\f585"; }
+
+.fa-grin-squint::before {
+ content: "\f585"; }
+
+.fa-hand-holding-dollar::before {
+ content: "\f4c0"; }
+
+.fa-hand-holding-usd::before {
+ content: "\f4c0"; }
+
+.fa-bacterium::before {
+ content: "\e05a"; }
+
+.fa-hand-pointer::before {
+ content: "\f25a"; }
+
+.fa-drum-steelpan::before {
+ content: "\f56a"; }
+
+.fa-hand-scissors::before {
+ content: "\f257"; }
+
+.fa-hands-praying::before {
+ content: "\f684"; }
+
+.fa-praying-hands::before {
+ content: "\f684"; }
+
+.fa-arrow-rotate-right::before {
+ content: "\f01e"; }
+
+.fa-arrow-right-rotate::before {
+ content: "\f01e"; }
+
+.fa-arrow-rotate-forward::before {
+ content: "\f01e"; }
+
+.fa-redo::before {
+ content: "\f01e"; }
+
+.fa-biohazard::before {
+ content: "\f780"; }
+
+.fa-location-crosshairs::before {
+ content: "\f601"; }
+
+.fa-location::before {
+ content: "\f601"; }
+
+.fa-mars-double::before {
+ content: "\f227"; }
+
+.fa-child-dress::before {
+ content: "\e59c"; }
+
+.fa-users-between-lines::before {
+ content: "\e591"; }
+
+.fa-lungs-virus::before {
+ content: "\e067"; }
+
+.fa-face-grin-tears::before {
+ content: "\f588"; }
+
+.fa-grin-tears::before {
+ content: "\f588"; }
+
+.fa-phone::before {
+ content: "\f095"; }
+
+.fa-calendar-xmark::before {
+ content: "\f273"; }
+
+.fa-calendar-times::before {
+ content: "\f273"; }
+
+.fa-child-reaching::before {
+ content: "\e59d"; }
+
+.fa-head-side-virus::before {
+ content: "\e064"; }
+
+.fa-user-gear::before {
+ content: "\f4fe"; }
+
+.fa-user-cog::before {
+ content: "\f4fe"; }
+
+.fa-arrow-up-1-9::before {
+ content: "\f163"; }
+
+.fa-sort-numeric-up::before {
+ content: "\f163"; }
+
+.fa-door-closed::before {
+ content: "\f52a"; }
+
+.fa-shield-virus::before {
+ content: "\e06c"; }
+
+.fa-dice-six::before {
+ content: "\f526"; }
+
+.fa-mosquito-net::before {
+ content: "\e52c"; }
+
+.fa-bridge-water::before {
+ content: "\e4ce"; }
+
+.fa-person-booth::before {
+ content: "\f756"; }
+
+.fa-text-width::before {
+ content: "\f035"; }
+
+.fa-hat-wizard::before {
+ content: "\f6e8"; }
+
+.fa-pen-fancy::before {
+ content: "\f5ac"; }
+
+.fa-person-digging::before {
+ content: "\f85e"; }
+
+.fa-digging::before {
+ content: "\f85e"; }
+
+.fa-trash::before {
+ content: "\f1f8"; }
+
+.fa-gauge-simple::before {
+ content: "\f629"; }
+
+.fa-gauge-simple-med::before {
+ content: "\f629"; }
+
+.fa-tachometer-average::before {
+ content: "\f629"; }
+
+.fa-book-medical::before {
+ content: "\f7e6"; }
+
+.fa-poo::before {
+ content: "\f2fe"; }
+
+.fa-quote-right::before {
+ content: "\f10e"; }
+
+.fa-quote-right-alt::before {
+ content: "\f10e"; }
+
+.fa-shirt::before {
+ content: "\f553"; }
+
+.fa-t-shirt::before {
+ content: "\f553"; }
+
+.fa-tshirt::before {
+ content: "\f553"; }
+
+.fa-cubes::before {
+ content: "\f1b3"; }
+
+.fa-divide::before {
+ content: "\f529"; }
+
+.fa-tenge-sign::before {
+ content: "\f7d7"; }
+
+.fa-tenge::before {
+ content: "\f7d7"; }
+
+.fa-headphones::before {
+ content: "\f025"; }
+
+.fa-hands-holding::before {
+ content: "\f4c2"; }
+
+.fa-hands-clapping::before {
+ content: "\e1a8"; }
+
+.fa-republican::before {
+ content: "\f75e"; }
+
+.fa-arrow-left::before {
+ content: "\f060"; }
+
+.fa-person-circle-xmark::before {
+ content: "\e543"; }
+
+.fa-ruler::before {
+ content: "\f545"; }
+
+.fa-align-left::before {
+ content: "\f036"; }
+
+.fa-dice-d6::before {
+ content: "\f6d1"; }
+
+.fa-restroom::before {
+ content: "\f7bd"; }
+
+.fa-j::before {
+ content: "\4a"; }
+
+.fa-users-viewfinder::before {
+ content: "\e595"; }
+
+.fa-file-video::before {
+ content: "\f1c8"; }
+
+.fa-up-right-from-square::before {
+ content: "\f35d"; }
+
+.fa-external-link-alt::before {
+ content: "\f35d"; }
+
+.fa-table-cells::before {
+ content: "\f00a"; }
+
+.fa-th::before {
+ content: "\f00a"; }
+
+.fa-file-pdf::before {
+ content: "\f1c1"; }
+
+.fa-book-bible::before {
+ content: "\f647"; }
+
+.fa-bible::before {
+ content: "\f647"; }
+
+.fa-o::before {
+ content: "\4f"; }
+
+.fa-suitcase-medical::before {
+ content: "\f0fa"; }
+
+.fa-medkit::before {
+ content: "\f0fa"; }
+
+.fa-user-secret::before {
+ content: "\f21b"; }
+
+.fa-otter::before {
+ content: "\f700"; }
+
+.fa-person-dress::before {
+ content: "\f182"; }
+
+.fa-female::before {
+ content: "\f182"; }
+
+.fa-comment-dollar::before {
+ content: "\f651"; }
+
+.fa-business-time::before {
+ content: "\f64a"; }
+
+.fa-briefcase-clock::before {
+ content: "\f64a"; }
+
+.fa-table-cells-large::before {
+ content: "\f009"; }
+
+.fa-th-large::before {
+ content: "\f009"; }
+
+.fa-book-tanakh::before {
+ content: "\f827"; }
+
+.fa-tanakh::before {
+ content: "\f827"; }
+
+.fa-phone-volume::before {
+ content: "\f2a0"; }
+
+.fa-volume-control-phone::before {
+ content: "\f2a0"; }
+
+.fa-hat-cowboy-side::before {
+ content: "\f8c1"; }
+
+.fa-clipboard-user::before {
+ content: "\f7f3"; }
+
+.fa-child::before {
+ content: "\f1ae"; }
+
+.fa-lira-sign::before {
+ content: "\f195"; }
+
+.fa-satellite::before {
+ content: "\f7bf"; }
+
+.fa-plane-lock::before {
+ content: "\e558"; }
+
+.fa-tag::before {
+ content: "\f02b"; }
+
+.fa-comment::before {
+ content: "\f075"; }
+
+.fa-cake-candles::before {
+ content: "\f1fd"; }
+
+.fa-birthday-cake::before {
+ content: "\f1fd"; }
+
+.fa-cake::before {
+ content: "\f1fd"; }
+
+.fa-envelope::before {
+ content: "\f0e0"; }
+
+.fa-angles-up::before {
+ content: "\f102"; }
+
+.fa-angle-double-up::before {
+ content: "\f102"; }
+
+.fa-paperclip::before {
+ content: "\f0c6"; }
+
+.fa-arrow-right-to-city::before {
+ content: "\e4b3"; }
+
+.fa-ribbon::before {
+ content: "\f4d6"; }
+
+.fa-lungs::before {
+ content: "\f604"; }
+
+.fa-arrow-up-9-1::before {
+ content: "\f887"; }
+
+.fa-sort-numeric-up-alt::before {
+ content: "\f887"; }
+
+.fa-litecoin-sign::before {
+ content: "\e1d3"; }
+
+.fa-border-none::before {
+ content: "\f850"; }
+
+.fa-circle-nodes::before {
+ content: "\e4e2"; }
+
+.fa-parachute-box::before {
+ content: "\f4cd"; }
+
+.fa-indent::before {
+ content: "\f03c"; }
+
+.fa-truck-field-un::before {
+ content: "\e58e"; }
+
+.fa-hourglass::before {
+ content: "\f254"; }
+
+.fa-hourglass-empty::before {
+ content: "\f254"; }
+
+.fa-mountain::before {
+ content: "\f6fc"; }
+
+.fa-user-doctor::before {
+ content: "\f0f0"; }
+
+.fa-user-md::before {
+ content: "\f0f0"; }
+
+.fa-circle-info::before {
+ content: "\f05a"; }
+
+.fa-info-circle::before {
+ content: "\f05a"; }
+
+.fa-cloud-meatball::before {
+ content: "\f73b"; }
+
+.fa-camera::before {
+ content: "\f030"; }
+
+.fa-camera-alt::before {
+ content: "\f030"; }
+
+.fa-square-virus::before {
+ content: "\e578"; }
+
+.fa-meteor::before {
+ content: "\f753"; }
+
+.fa-car-on::before {
+ content: "\e4dd"; }
+
+.fa-sleigh::before {
+ content: "\f7cc"; }
+
+.fa-arrow-down-1-9::before {
+ content: "\f162"; }
+
+.fa-sort-numeric-asc::before {
+ content: "\f162"; }
+
+.fa-sort-numeric-down::before {
+ content: "\f162"; }
+
+.fa-hand-holding-droplet::before {
+ content: "\f4c1"; }
+
+.fa-hand-holding-water::before {
+ content: "\f4c1"; }
+
+.fa-water::before {
+ content: "\f773"; }
+
+.fa-calendar-check::before {
+ content: "\f274"; }
+
+.fa-braille::before {
+ content: "\f2a1"; }
+
+.fa-prescription-bottle-medical::before {
+ content: "\f486"; }
+
+.fa-prescription-bottle-alt::before {
+ content: "\f486"; }
+
+.fa-landmark::before {
+ content: "\f66f"; }
+
+.fa-truck::before {
+ content: "\f0d1"; }
+
+.fa-crosshairs::before {
+ content: "\f05b"; }
+
+.fa-person-cane::before {
+ content: "\e53c"; }
+
+.fa-tent::before {
+ content: "\e57d"; }
+
+.fa-vest-patches::before {
+ content: "\e086"; }
+
+.fa-check-double::before {
+ content: "\f560"; }
+
+.fa-arrow-down-a-z::before {
+ content: "\f15d"; }
+
+.fa-sort-alpha-asc::before {
+ content: "\f15d"; }
+
+.fa-sort-alpha-down::before {
+ content: "\f15d"; }
+
+.fa-money-bill-wheat::before {
+ content: "\e52a"; }
+
+.fa-cookie::before {
+ content: "\f563"; }
+
+.fa-arrow-rotate-left::before {
+ content: "\f0e2"; }
+
+.fa-arrow-left-rotate::before {
+ content: "\f0e2"; }
+
+.fa-arrow-rotate-back::before {
+ content: "\f0e2"; }
+
+.fa-arrow-rotate-backward::before {
+ content: "\f0e2"; }
+
+.fa-undo::before {
+ content: "\f0e2"; }
+
+.fa-hard-drive::before {
+ content: "\f0a0"; }
+
+.fa-hdd::before {
+ content: "\f0a0"; }
+
+.fa-face-grin-squint-tears::before {
+ content: "\f586"; }
+
+.fa-grin-squint-tears::before {
+ content: "\f586"; }
+
+.fa-dumbbell::before {
+ content: "\f44b"; }
+
+.fa-rectangle-list::before {
+ content: "\f022"; }
+
+.fa-list-alt::before {
+ content: "\f022"; }
+
+.fa-tarp-droplet::before {
+ content: "\e57c"; }
+
+.fa-house-medical-circle-check::before {
+ content: "\e511"; }
+
+.fa-person-skiing-nordic::before {
+ content: "\f7ca"; }
+
+.fa-skiing-nordic::before {
+ content: "\f7ca"; }
+
+.fa-calendar-plus::before {
+ content: "\f271"; }
+
+.fa-plane-arrival::before {
+ content: "\f5af"; }
+
+.fa-circle-left::before {
+ content: "\f359"; }
+
+.fa-arrow-alt-circle-left::before {
+ content: "\f359"; }
+
+.fa-train-subway::before {
+ content: "\f239"; }
+
+.fa-subway::before {
+ content: "\f239"; }
+
+.fa-chart-gantt::before {
+ content: "\e0e4"; }
+
+.fa-indian-rupee-sign::before {
+ content: "\e1bc"; }
+
+.fa-indian-rupee::before {
+ content: "\e1bc"; }
+
+.fa-inr::before {
+ content: "\e1bc"; }
+
+.fa-crop-simple::before {
+ content: "\f565"; }
+
+.fa-crop-alt::before {
+ content: "\f565"; }
+
+.fa-money-bill-1::before {
+ content: "\f3d1"; }
+
+.fa-money-bill-alt::before {
+ content: "\f3d1"; }
+
+.fa-left-long::before {
+ content: "\f30a"; }
+
+.fa-long-arrow-alt-left::before {
+ content: "\f30a"; }
+
+.fa-dna::before {
+ content: "\f471"; }
+
+.fa-virus-slash::before {
+ content: "\e075"; }
+
+.fa-minus::before {
+ content: "\f068"; }
+
+.fa-subtract::before {
+ content: "\f068"; }
+
+.fa-chess::before {
+ content: "\f439"; }
+
+.fa-arrow-left-long::before {
+ content: "\f177"; }
+
+.fa-long-arrow-left::before {
+ content: "\f177"; }
+
+.fa-plug-circle-check::before {
+ content: "\e55c"; }
+
+.fa-street-view::before {
+ content: "\f21d"; }
+
+.fa-franc-sign::before {
+ content: "\e18f"; }
+
+.fa-volume-off::before {
+ content: "\f026"; }
+
+.fa-hands-asl-interpreting::before {
+ content: "\f2a3"; }
+
+.fa-american-sign-language-interpreting::before {
+ content: "\f2a3"; }
+
+.fa-asl-interpreting::before {
+ content: "\f2a3"; }
+
+.fa-hands-american-sign-language-interpreting::before {
+ content: "\f2a3"; }
+
+.fa-gear::before {
+ content: "\f013"; }
+
+.fa-cog::before {
+ content: "\f013"; }
+
+.fa-droplet-slash::before {
+ content: "\f5c7"; }
+
+.fa-tint-slash::before {
+ content: "\f5c7"; }
+
+.fa-mosque::before {
+ content: "\f678"; }
+
+.fa-mosquito::before {
+ content: "\e52b"; }
+
+.fa-star-of-david::before {
+ content: "\f69a"; }
+
+.fa-person-military-rifle::before {
+ content: "\e54b"; }
+
+.fa-cart-shopping::before {
+ content: "\f07a"; }
+
+.fa-shopping-cart::before {
+ content: "\f07a"; }
+
+.fa-vials::before {
+ content: "\f493"; }
+
+.fa-plug-circle-plus::before {
+ content: "\e55f"; }
+
+.fa-place-of-worship::before {
+ content: "\f67f"; }
+
+.fa-grip-vertical::before {
+ content: "\f58e"; }
+
+.fa-arrow-turn-up::before {
+ content: "\f148"; }
+
+.fa-level-up::before {
+ content: "\f148"; }
+
+.fa-u::before {
+ content: "\55"; }
+
+.fa-square-root-variable::before {
+ content: "\f698"; }
+
+.fa-square-root-alt::before {
+ content: "\f698"; }
+
+.fa-clock::before {
+ content: "\f017"; }
+
+.fa-clock-four::before {
+ content: "\f017"; }
+
+.fa-backward-step::before {
+ content: "\f048"; }
+
+.fa-step-backward::before {
+ content: "\f048"; }
+
+.fa-pallet::before {
+ content: "\f482"; }
+
+.fa-faucet::before {
+ content: "\e005"; }
+
+.fa-baseball-bat-ball::before {
+ content: "\f432"; }
+
+.fa-s::before {
+ content: "\53"; }
+
+.fa-timeline::before {
+ content: "\e29c"; }
+
+.fa-keyboard::before {
+ content: "\f11c"; }
+
+.fa-caret-down::before {
+ content: "\f0d7"; }
+
+.fa-house-chimney-medical::before {
+ content: "\f7f2"; }
+
+.fa-clinic-medical::before {
+ content: "\f7f2"; }
+
+.fa-temperature-three-quarters::before {
+ content: "\f2c8"; }
+
+.fa-temperature-3::before {
+ content: "\f2c8"; }
+
+.fa-thermometer-3::before {
+ content: "\f2c8"; }
+
+.fa-thermometer-three-quarters::before {
+ content: "\f2c8"; }
+
+.fa-mobile-screen::before {
+ content: "\f3cf"; }
+
+.fa-mobile-android-alt::before {
+ content: "\f3cf"; }
+
+.fa-plane-up::before {
+ content: "\e22d"; }
+
+.fa-piggy-bank::before {
+ content: "\f4d3"; }
+
+.fa-battery-half::before {
+ content: "\f242"; }
+
+.fa-battery-3::before {
+ content: "\f242"; }
+
+.fa-mountain-city::before {
+ content: "\e52e"; }
+
+.fa-coins::before {
+ content: "\f51e"; }
+
+.fa-khanda::before {
+ content: "\f66d"; }
+
+.fa-sliders::before {
+ content: "\f1de"; }
+
+.fa-sliders-h::before {
+ content: "\f1de"; }
+
+.fa-folder-tree::before {
+ content: "\f802"; }
+
+.fa-network-wired::before {
+ content: "\f6ff"; }
+
+.fa-map-pin::before {
+ content: "\f276"; }
+
+.fa-hamsa::before {
+ content: "\f665"; }
+
+.fa-cent-sign::before {
+ content: "\e3f5"; }
+
+.fa-flask::before {
+ content: "\f0c3"; }
+
+.fa-person-pregnant::before {
+ content: "\e31e"; }
+
+.fa-wand-sparkles::before {
+ content: "\f72b"; }
+
+.fa-ellipsis-vertical::before {
+ content: "\f142"; }
+
+.fa-ellipsis-v::before {
+ content: "\f142"; }
+
+.fa-ticket::before {
+ content: "\f145"; }
+
+.fa-power-off::before {
+ content: "\f011"; }
+
+.fa-right-long::before {
+ content: "\f30b"; }
+
+.fa-long-arrow-alt-right::before {
+ content: "\f30b"; }
+
+.fa-flag-usa::before {
+ content: "\f74d"; }
+
+.fa-laptop-file::before {
+ content: "\e51d"; }
+
+.fa-tty::before {
+ content: "\f1e4"; }
+
+.fa-teletype::before {
+ content: "\f1e4"; }
+
+.fa-diagram-next::before {
+ content: "\e476"; }
+
+.fa-person-rifle::before {
+ content: "\e54e"; }
+
+.fa-house-medical-circle-exclamation::before {
+ content: "\e512"; }
+
+.fa-closed-captioning::before {
+ content: "\f20a"; }
+
+.fa-person-hiking::before {
+ content: "\f6ec"; }
+
+.fa-hiking::before {
+ content: "\f6ec"; }
+
+.fa-venus-double::before {
+ content: "\f226"; }
+
+.fa-images::before {
+ content: "\f302"; }
+
+.fa-calculator::before {
+ content: "\f1ec"; }
+
+.fa-people-pulling::before {
+ content: "\e535"; }
+
+.fa-n::before {
+ content: "\4e"; }
+
+.fa-cable-car::before {
+ content: "\f7da"; }
+
+.fa-tram::before {
+ content: "\f7da"; }
+
+.fa-cloud-rain::before {
+ content: "\f73d"; }
+
+.fa-building-circle-xmark::before {
+ content: "\e4d4"; }
+
+.fa-ship::before {
+ content: "\f21a"; }
+
+.fa-arrows-down-to-line::before {
+ content: "\e4b8"; }
+
+.fa-download::before {
+ content: "\f019"; }
+
+.fa-face-grin::before {
+ content: "\f580"; }
+
+.fa-grin::before {
+ content: "\f580"; }
+
+.fa-delete-left::before {
+ content: "\f55a"; }
+
+.fa-backspace::before {
+ content: "\f55a"; }
+
+.fa-eye-dropper::before {
+ content: "\f1fb"; }
+
+.fa-eye-dropper-empty::before {
+ content: "\f1fb"; }
+
+.fa-eyedropper::before {
+ content: "\f1fb"; }
+
+.fa-file-circle-check::before {
+ content: "\e5a0"; }
+
+.fa-forward::before {
+ content: "\f04e"; }
+
+.fa-mobile::before {
+ content: "\f3ce"; }
+
+.fa-mobile-android::before {
+ content: "\f3ce"; }
+
+.fa-mobile-phone::before {
+ content: "\f3ce"; }
+
+.fa-face-meh::before {
+ content: "\f11a"; }
+
+.fa-meh::before {
+ content: "\f11a"; }
+
+.fa-align-center::before {
+ content: "\f037"; }
+
+.fa-book-skull::before {
+ content: "\f6b7"; }
+
+.fa-book-dead::before {
+ content: "\f6b7"; }
+
+.fa-id-card::before {
+ content: "\f2c2"; }
+
+.fa-drivers-license::before {
+ content: "\f2c2"; }
+
+.fa-outdent::before {
+ content: "\f03b"; }
+
+.fa-dedent::before {
+ content: "\f03b"; }
+
+.fa-heart-circle-exclamation::before {
+ content: "\e4fe"; }
+
+.fa-house::before {
+ content: "\f015"; }
+
+.fa-home::before {
+ content: "\f015"; }
+
+.fa-home-alt::before {
+ content: "\f015"; }
+
+.fa-home-lg-alt::before {
+ content: "\f015"; }
+
+.fa-calendar-week::before {
+ content: "\f784"; }
+
+.fa-laptop-medical::before {
+ content: "\f812"; }
+
+.fa-b::before {
+ content: "\42"; }
+
+.fa-file-medical::before {
+ content: "\f477"; }
+
+.fa-dice-one::before {
+ content: "\f525"; }
+
+.fa-kiwi-bird::before {
+ content: "\f535"; }
+
+.fa-arrow-right-arrow-left::before {
+ content: "\f0ec"; }
+
+.fa-exchange::before {
+ content: "\f0ec"; }
+
+.fa-rotate-right::before {
+ content: "\f2f9"; }
+
+.fa-redo-alt::before {
+ content: "\f2f9"; }
+
+.fa-rotate-forward::before {
+ content: "\f2f9"; }
+
+.fa-utensils::before {
+ content: "\f2e7"; }
+
+.fa-cutlery::before {
+ content: "\f2e7"; }
+
+.fa-arrow-up-wide-short::before {
+ content: "\f161"; }
+
+.fa-sort-amount-up::before {
+ content: "\f161"; }
+
+.fa-mill-sign::before {
+ content: "\e1ed"; }
+
+.fa-bowl-rice::before {
+ content: "\e2eb"; }
+
+.fa-skull::before {
+ content: "\f54c"; }
+
+.fa-tower-broadcast::before {
+ content: "\f519"; }
+
+.fa-broadcast-tower::before {
+ content: "\f519"; }
+
+.fa-truck-pickup::before {
+ content: "\f63c"; }
+
+.fa-up-long::before {
+ content: "\f30c"; }
+
+.fa-long-arrow-alt-up::before {
+ content: "\f30c"; }
+
+.fa-stop::before {
+ content: "\f04d"; }
+
+.fa-code-merge::before {
+ content: "\f387"; }
+
+.fa-upload::before {
+ content: "\f093"; }
+
+.fa-hurricane::before {
+ content: "\f751"; }
+
+.fa-mound::before {
+ content: "\e52d"; }
+
+.fa-toilet-portable::before {
+ content: "\e583"; }
+
+.fa-compact-disc::before {
+ content: "\f51f"; }
+
+.fa-file-arrow-down::before {
+ content: "\f56d"; }
+
+.fa-file-download::before {
+ content: "\f56d"; }
+
+.fa-caravan::before {
+ content: "\f8ff"; }
+
+.fa-shield-cat::before {
+ content: "\e572"; }
+
+.fa-bolt::before {
+ content: "\f0e7"; }
+
+.fa-zap::before {
+ content: "\f0e7"; }
+
+.fa-glass-water::before {
+ content: "\e4f4"; }
+
+.fa-oil-well::before {
+ content: "\e532"; }
+
+.fa-vault::before {
+ content: "\e2c5"; }
+
+.fa-mars::before {
+ content: "\f222"; }
+
+.fa-toilet::before {
+ content: "\f7d8"; }
+
+.fa-plane-circle-xmark::before {
+ content: "\e557"; }
+
+.fa-yen-sign::before {
+ content: "\f157"; }
+
+.fa-cny::before {
+ content: "\f157"; }
+
+.fa-jpy::before {
+ content: "\f157"; }
+
+.fa-rmb::before {
+ content: "\f157"; }
+
+.fa-yen::before {
+ content: "\f157"; }
+
+.fa-ruble-sign::before {
+ content: "\f158"; }
+
+.fa-rouble::before {
+ content: "\f158"; }
+
+.fa-rub::before {
+ content: "\f158"; }
+
+.fa-ruble::before {
+ content: "\f158"; }
+
+.fa-sun::before {
+ content: "\f185"; }
+
+.fa-guitar::before {
+ content: "\f7a6"; }
+
+.fa-face-laugh-wink::before {
+ content: "\f59c"; }
+
+.fa-laugh-wink::before {
+ content: "\f59c"; }
+
+.fa-horse-head::before {
+ content: "\f7ab"; }
+
+.fa-bore-hole::before {
+ content: "\e4c3"; }
+
+.fa-industry::before {
+ content: "\f275"; }
+
+.fa-circle-down::before {
+ content: "\f358"; }
+
+.fa-arrow-alt-circle-down::before {
+ content: "\f358"; }
+
+.fa-arrows-turn-to-dots::before {
+ content: "\e4c1"; }
+
+.fa-florin-sign::before {
+ content: "\e184"; }
+
+.fa-arrow-down-short-wide::before {
+ content: "\f884"; }
+
+.fa-sort-amount-desc::before {
+ content: "\f884"; }
+
+.fa-sort-amount-down-alt::before {
+ content: "\f884"; }
+
+.fa-less-than::before {
+ content: "\3c"; }
+
+.fa-angle-down::before {
+ content: "\f107"; }
+
+.fa-car-tunnel::before {
+ content: "\e4de"; }
+
+.fa-head-side-cough::before {
+ content: "\e061"; }
+
+.fa-grip-lines::before {
+ content: "\f7a4"; }
+
+.fa-thumbs-down::before {
+ content: "\f165"; }
+
+.fa-user-lock::before {
+ content: "\f502"; }
+
+.fa-arrow-right-long::before {
+ content: "\f178"; }
+
+.fa-long-arrow-right::before {
+ content: "\f178"; }
+
+.fa-anchor-circle-xmark::before {
+ content: "\e4ac"; }
+
+.fa-ellipsis::before {
+ content: "\f141"; }
+
+.fa-ellipsis-h::before {
+ content: "\f141"; }
+
+.fa-chess-pawn::before {
+ content: "\f443"; }
+
+.fa-kit-medical::before {
+ content: "\f479"; }
+
+.fa-first-aid::before {
+ content: "\f479"; }
+
+.fa-person-through-window::before {
+ content: "\e5a9"; }
+
+.fa-toolbox::before {
+ content: "\f552"; }
+
+.fa-hands-holding-circle::before {
+ content: "\e4fb"; }
+
+.fa-bug::before {
+ content: "\f188"; }
+
+.fa-credit-card::before {
+ content: "\f09d"; }
+
+.fa-credit-card-alt::before {
+ content: "\f09d"; }
+
+.fa-car::before {
+ content: "\f1b9"; }
+
+.fa-automobile::before {
+ content: "\f1b9"; }
+
+.fa-hand-holding-hand::before {
+ content: "\e4f7"; }
+
+.fa-book-open-reader::before {
+ content: "\f5da"; }
+
+.fa-book-reader::before {
+ content: "\f5da"; }
+
+.fa-mountain-sun::before {
+ content: "\e52f"; }
+
+.fa-arrows-left-right-to-line::before {
+ content: "\e4ba"; }
+
+.fa-dice-d20::before {
+ content: "\f6cf"; }
+
+.fa-truck-droplet::before {
+ content: "\e58c"; }
+
+.fa-file-circle-xmark::before {
+ content: "\e5a1"; }
+
+.fa-temperature-arrow-up::before {
+ content: "\e040"; }
+
+.fa-temperature-up::before {
+ content: "\e040"; }
+
+.fa-medal::before {
+ content: "\f5a2"; }
+
+.fa-bed::before {
+ content: "\f236"; }
+
+.fa-square-h::before {
+ content: "\f0fd"; }
+
+.fa-h-square::before {
+ content: "\f0fd"; }
+
+.fa-podcast::before {
+ content: "\f2ce"; }
+
+.fa-temperature-full::before {
+ content: "\f2c7"; }
+
+.fa-temperature-4::before {
+ content: "\f2c7"; }
+
+.fa-thermometer-4::before {
+ content: "\f2c7"; }
+
+.fa-thermometer-full::before {
+ content: "\f2c7"; }
+
+.fa-bell::before {
+ content: "\f0f3"; }
+
+.fa-superscript::before {
+ content: "\f12b"; }
+
+.fa-plug-circle-xmark::before {
+ content: "\e560"; }
+
+.fa-star-of-life::before {
+ content: "\f621"; }
+
+.fa-phone-slash::before {
+ content: "\f3dd"; }
+
+.fa-paint-roller::before {
+ content: "\f5aa"; }
+
+.fa-handshake-angle::before {
+ content: "\f4c4"; }
+
+.fa-hands-helping::before {
+ content: "\f4c4"; }
+
+.fa-location-dot::before {
+ content: "\f3c5"; }
+
+.fa-map-marker-alt::before {
+ content: "\f3c5"; }
+
+.fa-file::before {
+ content: "\f15b"; }
+
+.fa-greater-than::before {
+ content: "\3e"; }
+
+.fa-person-swimming::before {
+ content: "\f5c4"; }
+
+.fa-swimmer::before {
+ content: "\f5c4"; }
+
+.fa-arrow-down::before {
+ content: "\f063"; }
+
+.fa-droplet::before {
+ content: "\f043"; }
+
+.fa-tint::before {
+ content: "\f043"; }
+
+.fa-eraser::before {
+ content: "\f12d"; }
+
+.fa-earth-americas::before {
+ content: "\f57d"; }
+
+.fa-earth::before {
+ content: "\f57d"; }
+
+.fa-earth-america::before {
+ content: "\f57d"; }
+
+.fa-globe-americas::before {
+ content: "\f57d"; }
+
+.fa-person-burst::before {
+ content: "\e53b"; }
+
+.fa-dove::before {
+ content: "\f4ba"; }
+
+.fa-battery-empty::before {
+ content: "\f244"; }
+
+.fa-battery-0::before {
+ content: "\f244"; }
+
+.fa-socks::before {
+ content: "\f696"; }
+
+.fa-inbox::before {
+ content: "\f01c"; }
+
+.fa-section::before {
+ content: "\e447"; }
+
+.fa-gauge-high::before {
+ content: "\f625"; }
+
+.fa-tachometer-alt::before {
+ content: "\f625"; }
+
+.fa-tachometer-alt-fast::before {
+ content: "\f625"; }
+
+.fa-envelope-open-text::before {
+ content: "\f658"; }
+
+.fa-hospital::before {
+ content: "\f0f8"; }
+
+.fa-hospital-alt::before {
+ content: "\f0f8"; }
+
+.fa-hospital-wide::before {
+ content: "\f0f8"; }
+
+.fa-wine-bottle::before {
+ content: "\f72f"; }
+
+.fa-chess-rook::before {
+ content: "\f447"; }
+
+.fa-bars-staggered::before {
+ content: "\f550"; }
+
+.fa-reorder::before {
+ content: "\f550"; }
+
+.fa-stream::before {
+ content: "\f550"; }
+
+.fa-dharmachakra::before {
+ content: "\f655"; }
+
+.fa-hotdog::before {
+ content: "\f80f"; }
+
+.fa-person-walking-with-cane::before {
+ content: "\f29d"; }
+
+.fa-blind::before {
+ content: "\f29d"; }
+
+.fa-drum::before {
+ content: "\f569"; }
+
+.fa-ice-cream::before {
+ content: "\f810"; }
+
+.fa-heart-circle-bolt::before {
+ content: "\e4fc"; }
+
+.fa-fax::before {
+ content: "\f1ac"; }
+
+.fa-paragraph::before {
+ content: "\f1dd"; }
+
+.fa-check-to-slot::before {
+ content: "\f772"; }
+
+.fa-vote-yea::before {
+ content: "\f772"; }
+
+.fa-star-half::before {
+ content: "\f089"; }
+
+.fa-boxes-stacked::before {
+ content: "\f468"; }
+
+.fa-boxes::before {
+ content: "\f468"; }
+
+.fa-boxes-alt::before {
+ content: "\f468"; }
+
+.fa-link::before {
+ content: "\f0c1"; }
+
+.fa-chain::before {
+ content: "\f0c1"; }
+
+.fa-ear-listen::before {
+ content: "\f2a2"; }
+
+.fa-assistive-listening-systems::before {
+ content: "\f2a2"; }
+
+.fa-tree-city::before {
+ content: "\e587"; }
+
+.fa-play::before {
+ content: "\f04b"; }
+
+.fa-font::before {
+ content: "\f031"; }
+
+.fa-rupiah-sign::before {
+ content: "\e23d"; }
+
+.fa-magnifying-glass::before {
+ content: "\f002"; }
+
+.fa-search::before {
+ content: "\f002"; }
+
+.fa-table-tennis-paddle-ball::before {
+ content: "\f45d"; }
+
+.fa-ping-pong-paddle-ball::before {
+ content: "\f45d"; }
+
+.fa-table-tennis::before {
+ content: "\f45d"; }
+
+.fa-person-dots-from-line::before {
+ content: "\f470"; }
+
+.fa-diagnoses::before {
+ content: "\f470"; }
+
+.fa-trash-can-arrow-up::before {
+ content: "\f82a"; }
+
+.fa-trash-restore-alt::before {
+ content: "\f82a"; }
+
+.fa-naira-sign::before {
+ content: "\e1f6"; }
+
+.fa-cart-arrow-down::before {
+ content: "\f218"; }
+
+.fa-walkie-talkie::before {
+ content: "\f8ef"; }
+
+.fa-file-pen::before {
+ content: "\f31c"; }
+
+.fa-file-edit::before {
+ content: "\f31c"; }
+
+.fa-receipt::before {
+ content: "\f543"; }
+
+.fa-square-pen::before {
+ content: "\f14b"; }
+
+.fa-pen-square::before {
+ content: "\f14b"; }
+
+.fa-pencil-square::before {
+ content: "\f14b"; }
+
+.fa-suitcase-rolling::before {
+ content: "\f5c1"; }
+
+.fa-person-circle-exclamation::before {
+ content: "\e53f"; }
+
+.fa-chevron-down::before {
+ content: "\f078"; }
+
+.fa-battery-full::before {
+ content: "\f240"; }
+
+.fa-battery::before {
+ content: "\f240"; }
+
+.fa-battery-5::before {
+ content: "\f240"; }
+
+.fa-skull-crossbones::before {
+ content: "\f714"; }
+
+.fa-code-compare::before {
+ content: "\e13a"; }
+
+.fa-list-ul::before {
+ content: "\f0ca"; }
+
+.fa-list-dots::before {
+ content: "\f0ca"; }
+
+.fa-school-lock::before {
+ content: "\e56f"; }
+
+.fa-tower-cell::before {
+ content: "\e585"; }
+
+.fa-down-long::before {
+ content: "\f309"; }
+
+.fa-long-arrow-alt-down::before {
+ content: "\f309"; }
+
+.fa-ranking-star::before {
+ content: "\e561"; }
+
+.fa-chess-king::before {
+ content: "\f43f"; }
+
+.fa-person-harassing::before {
+ content: "\e549"; }
+
+.fa-brazilian-real-sign::before {
+ content: "\e46c"; }
+
+.fa-landmark-dome::before {
+ content: "\f752"; }
+
+.fa-landmark-alt::before {
+ content: "\f752"; }
+
+.fa-arrow-up::before {
+ content: "\f062"; }
+
+.fa-tv::before {
+ content: "\f26c"; }
+
+.fa-television::before {
+ content: "\f26c"; }
+
+.fa-tv-alt::before {
+ content: "\f26c"; }
+
+.fa-shrimp::before {
+ content: "\e448"; }
+
+.fa-list-check::before {
+ content: "\f0ae"; }
+
+.fa-tasks::before {
+ content: "\f0ae"; }
+
+.fa-jug-detergent::before {
+ content: "\e519"; }
+
+.fa-circle-user::before {
+ content: "\f2bd"; }
+
+.fa-user-circle::before {
+ content: "\f2bd"; }
+
+.fa-user-shield::before {
+ content: "\f505"; }
+
+.fa-wind::before {
+ content: "\f72e"; }
+
+.fa-car-burst::before {
+ content: "\f5e1"; }
+
+.fa-car-crash::before {
+ content: "\f5e1"; }
+
+.fa-y::before {
+ content: "\59"; }
+
+.fa-person-snowboarding::before {
+ content: "\f7ce"; }
+
+.fa-snowboarding::before {
+ content: "\f7ce"; }
+
+.fa-truck-fast::before {
+ content: "\f48b"; }
+
+.fa-shipping-fast::before {
+ content: "\f48b"; }
+
+.fa-fish::before {
+ content: "\f578"; }
+
+.fa-user-graduate::before {
+ content: "\f501"; }
+
+.fa-circle-half-stroke::before {
+ content: "\f042"; }
+
+.fa-adjust::before {
+ content: "\f042"; }
+
+.fa-clapperboard::before {
+ content: "\e131"; }
+
+.fa-circle-radiation::before {
+ content: "\f7ba"; }
+
+.fa-radiation-alt::before {
+ content: "\f7ba"; }
+
+.fa-baseball::before {
+ content: "\f433"; }
+
+.fa-baseball-ball::before {
+ content: "\f433"; }
+
+.fa-jet-fighter-up::before {
+ content: "\e518"; }
+
+.fa-diagram-project::before {
+ content: "\f542"; }
+
+.fa-project-diagram::before {
+ content: "\f542"; }
+
+.fa-copy::before {
+ content: "\f0c5"; }
+
+.fa-volume-xmark::before {
+ content: "\f6a9"; }
+
+.fa-volume-mute::before {
+ content: "\f6a9"; }
+
+.fa-volume-times::before {
+ content: "\f6a9"; }
+
+.fa-hand-sparkles::before {
+ content: "\e05d"; }
+
+.fa-grip::before {
+ content: "\f58d"; }
+
+.fa-grip-horizontal::before {
+ content: "\f58d"; }
+
+.fa-share-from-square::before {
+ content: "\f14d"; }
+
+.fa-share-square::before {
+ content: "\f14d"; }
+
+.fa-child-combatant::before {
+ content: "\e4e0"; }
+
+.fa-child-rifle::before {
+ content: "\e4e0"; }
+
+.fa-gun::before {
+ content: "\e19b"; }
+
+.fa-square-phone::before {
+ content: "\f098"; }
+
+.fa-phone-square::before {
+ content: "\f098"; }
+
+.fa-plus::before {
+ content: "\2b"; }
+
+.fa-add::before {
+ content: "\2b"; }
+
+.fa-expand::before {
+ content: "\f065"; }
+
+.fa-computer::before {
+ content: "\e4e5"; }
+
+.fa-xmark::before {
+ content: "\f00d"; }
+
+.fa-close::before {
+ content: "\f00d"; }
+
+.fa-multiply::before {
+ content: "\f00d"; }
+
+.fa-remove::before {
+ content: "\f00d"; }
+
+.fa-times::before {
+ content: "\f00d"; }
+
+.fa-arrows-up-down-left-right::before {
+ content: "\f047"; }
+
+.fa-arrows::before {
+ content: "\f047"; }
+
+.fa-chalkboard-user::before {
+ content: "\f51c"; }
+
+.fa-chalkboard-teacher::before {
+ content: "\f51c"; }
+
+.fa-peso-sign::before {
+ content: "\e222"; }
+
+.fa-building-shield::before {
+ content: "\e4d8"; }
+
+.fa-baby::before {
+ content: "\f77c"; }
+
+.fa-users-line::before {
+ content: "\e592"; }
+
+.fa-quote-left::before {
+ content: "\f10d"; }
+
+.fa-quote-left-alt::before {
+ content: "\f10d"; }
+
+.fa-tractor::before {
+ content: "\f722"; }
+
+.fa-trash-arrow-up::before {
+ content: "\f829"; }
+
+.fa-trash-restore::before {
+ content: "\f829"; }
+
+.fa-arrow-down-up-lock::before {
+ content: "\e4b0"; }
+
+.fa-lines-leaning::before {
+ content: "\e51e"; }
+
+.fa-ruler-combined::before {
+ content: "\f546"; }
+
+.fa-copyright::before {
+ content: "\f1f9"; }
+
+.fa-equals::before {
+ content: "\3d"; }
+
+.fa-blender::before {
+ content: "\f517"; }
+
+.fa-teeth::before {
+ content: "\f62e"; }
+
+.fa-shekel-sign::before {
+ content: "\f20b"; }
+
+.fa-ils::before {
+ content: "\f20b"; }
+
+.fa-shekel::before {
+ content: "\f20b"; }
+
+.fa-sheqel::before {
+ content: "\f20b"; }
+
+.fa-sheqel-sign::before {
+ content: "\f20b"; }
+
+.fa-map::before {
+ content: "\f279"; }
+
+.fa-rocket::before {
+ content: "\f135"; }
+
+.fa-photo-film::before {
+ content: "\f87c"; }
+
+.fa-photo-video::before {
+ content: "\f87c"; }
+
+.fa-folder-minus::before {
+ content: "\f65d"; }
+
+.fa-store::before {
+ content: "\f54e"; }
+
+.fa-arrow-trend-up::before {
+ content: "\e098"; }
+
+.fa-plug-circle-minus::before {
+ content: "\e55e"; }
+
+.fa-sign-hanging::before {
+ content: "\f4d9"; }
+
+.fa-sign::before {
+ content: "\f4d9"; }
+
+.fa-bezier-curve::before {
+ content: "\f55b"; }
+
+.fa-bell-slash::before {
+ content: "\f1f6"; }
+
+.fa-tablet::before {
+ content: "\f3fb"; }
+
+.fa-tablet-android::before {
+ content: "\f3fb"; }
+
+.fa-school-flag::before {
+ content: "\e56e"; }
+
+.fa-fill::before {
+ content: "\f575"; }
+
+.fa-angle-up::before {
+ content: "\f106"; }
+
+.fa-drumstick-bite::before {
+ content: "\f6d7"; }
+
+.fa-holly-berry::before {
+ content: "\f7aa"; }
+
+.fa-chevron-left::before {
+ content: "\f053"; }
+
+.fa-bacteria::before {
+ content: "\e059"; }
+
+.fa-hand-lizard::before {
+ content: "\f258"; }
+
+.fa-notdef::before {
+ content: "\e1fe"; }
+
+.fa-disease::before {
+ content: "\f7fa"; }
+
+.fa-briefcase-medical::before {
+ content: "\f469"; }
+
+.fa-genderless::before {
+ content: "\f22d"; }
+
+.fa-chevron-right::before {
+ content: "\f054"; }
+
+.fa-retweet::before {
+ content: "\f079"; }
+
+.fa-car-rear::before {
+ content: "\f5de"; }
+
+.fa-car-alt::before {
+ content: "\f5de"; }
+
+.fa-pump-soap::before {
+ content: "\e06b"; }
+
+.fa-video-slash::before {
+ content: "\f4e2"; }
+
+.fa-battery-quarter::before {
+ content: "\f243"; }
+
+.fa-battery-2::before {
+ content: "\f243"; }
+
+.fa-radio::before {
+ content: "\f8d7"; }
+
+.fa-baby-carriage::before {
+ content: "\f77d"; }
+
+.fa-carriage-baby::before {
+ content: "\f77d"; }
+
+.fa-traffic-light::before {
+ content: "\f637"; }
+
+.fa-thermometer::before {
+ content: "\f491"; }
+
+.fa-vr-cardboard::before {
+ content: "\f729"; }
+
+.fa-hand-middle-finger::before {
+ content: "\f806"; }
+
+.fa-percent::before {
+ content: "\25"; }
+
+.fa-percentage::before {
+ content: "\25"; }
+
+.fa-truck-moving::before {
+ content: "\f4df"; }
+
+.fa-glass-water-droplet::before {
+ content: "\e4f5"; }
+
+.fa-display::before {
+ content: "\e163"; }
+
+.fa-face-smile::before {
+ content: "\f118"; }
+
+.fa-smile::before {
+ content: "\f118"; }
+
+.fa-thumbtack::before {
+ content: "\f08d"; }
+
+.fa-thumb-tack::before {
+ content: "\f08d"; }
+
+.fa-trophy::before {
+ content: "\f091"; }
+
+.fa-person-praying::before {
+ content: "\f683"; }
+
+.fa-pray::before {
+ content: "\f683"; }
+
+.fa-hammer::before {
+ content: "\f6e3"; }
+
+.fa-hand-peace::before {
+ content: "\f25b"; }
+
+.fa-rotate::before {
+ content: "\f2f1"; }
+
+.fa-sync-alt::before {
+ content: "\f2f1"; }
+
+.fa-spinner::before {
+ content: "\f110"; }
+
+.fa-robot::before {
+ content: "\f544"; }
+
+.fa-peace::before {
+ content: "\f67c"; }
+
+.fa-gears::before {
+ content: "\f085"; }
+
+.fa-cogs::before {
+ content: "\f085"; }
+
+.fa-warehouse::before {
+ content: "\f494"; }
+
+.fa-arrow-up-right-dots::before {
+ content: "\e4b7"; }
+
+.fa-splotch::before {
+ content: "\f5bc"; }
+
+.fa-face-grin-hearts::before {
+ content: "\f584"; }
+
+.fa-grin-hearts::before {
+ content: "\f584"; }
+
+.fa-dice-four::before {
+ content: "\f524"; }
+
+.fa-sim-card::before {
+ content: "\f7c4"; }
+
+.fa-transgender::before {
+ content: "\f225"; }
+
+.fa-transgender-alt::before {
+ content: "\f225"; }
+
+.fa-mercury::before {
+ content: "\f223"; }
+
+.fa-arrow-turn-down::before {
+ content: "\f149"; }
+
+.fa-level-down::before {
+ content: "\f149"; }
+
+.fa-person-falling-burst::before {
+ content: "\e547"; }
+
+.fa-award::before {
+ content: "\f559"; }
+
+.fa-ticket-simple::before {
+ content: "\f3ff"; }
+
+.fa-ticket-alt::before {
+ content: "\f3ff"; }
+
+.fa-building::before {
+ content: "\f1ad"; }
+
+.fa-angles-left::before {
+ content: "\f100"; }
+
+.fa-angle-double-left::before {
+ content: "\f100"; }
+
+.fa-qrcode::before {
+ content: "\f029"; }
+
+.fa-clock-rotate-left::before {
+ content: "\f1da"; }
+
+.fa-history::before {
+ content: "\f1da"; }
+
+.fa-face-grin-beam-sweat::before {
+ content: "\f583"; }
+
+.fa-grin-beam-sweat::before {
+ content: "\f583"; }
+
+.fa-file-export::before {
+ content: "\f56e"; }
+
+.fa-arrow-right-from-file::before {
+ content: "\f56e"; }
+
+.fa-shield::before {
+ content: "\f132"; }
+
+.fa-shield-blank::before {
+ content: "\f132"; }
+
+.fa-arrow-up-short-wide::before {
+ content: "\f885"; }
+
+.fa-sort-amount-up-alt::before {
+ content: "\f885"; }
+
+.fa-house-medical::before {
+ content: "\e3b2"; }
+
+.fa-golf-ball-tee::before {
+ content: "\f450"; }
+
+.fa-golf-ball::before {
+ content: "\f450"; }
+
+.fa-circle-chevron-left::before {
+ content: "\f137"; }
+
+.fa-chevron-circle-left::before {
+ content: "\f137"; }
+
+.fa-house-chimney-window::before {
+ content: "\e00d"; }
+
+.fa-pen-nib::before {
+ content: "\f5ad"; }
+
+.fa-tent-arrow-turn-left::before {
+ content: "\e580"; }
+
+.fa-tents::before {
+ content: "\e582"; }
+
+.fa-wand-magic::before {
+ content: "\f0d0"; }
+
+.fa-magic::before {
+ content: "\f0d0"; }
+
+.fa-dog::before {
+ content: "\f6d3"; }
+
+.fa-carrot::before {
+ content: "\f787"; }
+
+.fa-moon::before {
+ content: "\f186"; }
+
+.fa-wine-glass-empty::before {
+ content: "\f5ce"; }
+
+.fa-wine-glass-alt::before {
+ content: "\f5ce"; }
+
+.fa-cheese::before {
+ content: "\f7ef"; }
+
+.fa-yin-yang::before {
+ content: "\f6ad"; }
+
+.fa-music::before {
+ content: "\f001"; }
+
+.fa-code-commit::before {
+ content: "\f386"; }
+
+.fa-temperature-low::before {
+ content: "\f76b"; }
+
+.fa-person-biking::before {
+ content: "\f84a"; }
+
+.fa-biking::before {
+ content: "\f84a"; }
+
+.fa-broom::before {
+ content: "\f51a"; }
+
+.fa-shield-heart::before {
+ content: "\e574"; }
+
+.fa-gopuram::before {
+ content: "\f664"; }
+
+.fa-earth-oceania::before {
+ content: "\e47b"; }
+
+.fa-globe-oceania::before {
+ content: "\e47b"; }
+
+.fa-square-xmark::before {
+ content: "\f2d3"; }
+
+.fa-times-square::before {
+ content: "\f2d3"; }
+
+.fa-xmark-square::before {
+ content: "\f2d3"; }
+
+.fa-hashtag::before {
+ content: "\23"; }
+
+.fa-up-right-and-down-left-from-center::before {
+ content: "\f424"; }
+
+.fa-expand-alt::before {
+ content: "\f424"; }
+
+.fa-oil-can::before {
+ content: "\f613"; }
+
+.fa-t::before {
+ content: "\54"; }
+
+.fa-hippo::before {
+ content: "\f6ed"; }
+
+.fa-chart-column::before {
+ content: "\e0e3"; }
+
+.fa-infinity::before {
+ content: "\f534"; }
+
+.fa-vial-circle-check::before {
+ content: "\e596"; }
+
+.fa-person-arrow-down-to-line::before {
+ content: "\e538"; }
+
+.fa-voicemail::before {
+ content: "\f897"; }
+
+.fa-fan::before {
+ content: "\f863"; }
+
+.fa-person-walking-luggage::before {
+ content: "\e554"; }
+
+.fa-up-down::before {
+ content: "\f338"; }
+
+.fa-arrows-alt-v::before {
+ content: "\f338"; }
+
+.fa-cloud-moon-rain::before {
+ content: "\f73c"; }
+
+.fa-calendar::before {
+ content: "\f133"; }
+
+.fa-trailer::before {
+ content: "\e041"; }
+
+.fa-bahai::before {
+ content: "\f666"; }
+
+.fa-haykal::before {
+ content: "\f666"; }
+
+.fa-sd-card::before {
+ content: "\f7c2"; }
+
+.fa-dragon::before {
+ content: "\f6d5"; }
+
+.fa-shoe-prints::before {
+ content: "\f54b"; }
+
+.fa-circle-plus::before {
+ content: "\f055"; }
+
+.fa-plus-circle::before {
+ content: "\f055"; }
+
+.fa-face-grin-tongue-wink::before {
+ content: "\f58b"; }
+
+.fa-grin-tongue-wink::before {
+ content: "\f58b"; }
+
+.fa-hand-holding::before {
+ content: "\f4bd"; }
+
+.fa-plug-circle-exclamation::before {
+ content: "\e55d"; }
+
+.fa-link-slash::before {
+ content: "\f127"; }
+
+.fa-chain-broken::before {
+ content: "\f127"; }
+
+.fa-chain-slash::before {
+ content: "\f127"; }
+
+.fa-unlink::before {
+ content: "\f127"; }
+
+.fa-clone::before {
+ content: "\f24d"; }
+
+.fa-person-walking-arrow-loop-left::before {
+ content: "\e551"; }
+
+.fa-arrow-up-z-a::before {
+ content: "\f882"; }
+
+.fa-sort-alpha-up-alt::before {
+ content: "\f882"; }
+
+.fa-fire-flame-curved::before {
+ content: "\f7e4"; }
+
+.fa-fire-alt::before {
+ content: "\f7e4"; }
+
+.fa-tornado::before {
+ content: "\f76f"; }
+
+.fa-file-circle-plus::before {
+ content: "\e494"; }
+
+.fa-book-quran::before {
+ content: "\f687"; }
+
+.fa-quran::before {
+ content: "\f687"; }
+
+.fa-anchor::before {
+ content: "\f13d"; }
+
+.fa-border-all::before {
+ content: "\f84c"; }
+
+.fa-face-angry::before {
+ content: "\f556"; }
+
+.fa-angry::before {
+ content: "\f556"; }
+
+.fa-cookie-bite::before {
+ content: "\f564"; }
+
+.fa-arrow-trend-down::before {
+ content: "\e097"; }
+
+.fa-rss::before {
+ content: "\f09e"; }
+
+.fa-feed::before {
+ content: "\f09e"; }
+
+.fa-draw-polygon::before {
+ content: "\f5ee"; }
+
+.fa-scale-balanced::before {
+ content: "\f24e"; }
+
+.fa-balance-scale::before {
+ content: "\f24e"; }
+
+.fa-gauge-simple-high::before {
+ content: "\f62a"; }
+
+.fa-tachometer::before {
+ content: "\f62a"; }
+
+.fa-tachometer-fast::before {
+ content: "\f62a"; }
+
+.fa-shower::before {
+ content: "\f2cc"; }
+
+.fa-desktop::before {
+ content: "\f390"; }
+
+.fa-desktop-alt::before {
+ content: "\f390"; }
+
+.fa-m::before {
+ content: "\4d"; }
+
+.fa-table-list::before {
+ content: "\f00b"; }
+
+.fa-th-list::before {
+ content: "\f00b"; }
+
+.fa-comment-sms::before {
+ content: "\f7cd"; }
+
+.fa-sms::before {
+ content: "\f7cd"; }
+
+.fa-book::before {
+ content: "\f02d"; }
+
+.fa-user-plus::before {
+ content: "\f234"; }
+
+.fa-check::before {
+ content: "\f00c"; }
+
+.fa-battery-three-quarters::before {
+ content: "\f241"; }
+
+.fa-battery-4::before {
+ content: "\f241"; }
+
+.fa-house-circle-check::before {
+ content: "\e509"; }
+
+.fa-angle-left::before {
+ content: "\f104"; }
+
+.fa-diagram-successor::before {
+ content: "\e47a"; }
+
+.fa-truck-arrow-right::before {
+ content: "\e58b"; }
+
+.fa-arrows-split-up-and-left::before {
+ content: "\e4bc"; }
+
+.fa-hand-fist::before {
+ content: "\f6de"; }
+
+.fa-fist-raised::before {
+ content: "\f6de"; }
+
+.fa-cloud-moon::before {
+ content: "\f6c3"; }
+
+.fa-briefcase::before {
+ content: "\f0b1"; }
+
+.fa-person-falling::before {
+ content: "\e546"; }
+
+.fa-image-portrait::before {
+ content: "\f3e0"; }
+
+.fa-portrait::before {
+ content: "\f3e0"; }
+
+.fa-user-tag::before {
+ content: "\f507"; }
+
+.fa-rug::before {
+ content: "\e569"; }
+
+.fa-earth-europe::before {
+ content: "\f7a2"; }
+
+.fa-globe-europe::before {
+ content: "\f7a2"; }
+
+.fa-cart-flatbed-suitcase::before {
+ content: "\f59d"; }
+
+.fa-luggage-cart::before {
+ content: "\f59d"; }
+
+.fa-rectangle-xmark::before {
+ content: "\f410"; }
+
+.fa-rectangle-times::before {
+ content: "\f410"; }
+
+.fa-times-rectangle::before {
+ content: "\f410"; }
+
+.fa-window-close::before {
+ content: "\f410"; }
+
+.fa-baht-sign::before {
+ content: "\e0ac"; }
+
+.fa-book-open::before {
+ content: "\f518"; }
+
+.fa-book-journal-whills::before {
+ content: "\f66a"; }
+
+.fa-journal-whills::before {
+ content: "\f66a"; }
+
+.fa-handcuffs::before {
+ content: "\e4f8"; }
+
+.fa-triangle-exclamation::before {
+ content: "\f071"; }
+
+.fa-exclamation-triangle::before {
+ content: "\f071"; }
+
+.fa-warning::before {
+ content: "\f071"; }
+
+.fa-database::before {
+ content: "\f1c0"; }
+
+.fa-share::before {
+ content: "\f064"; }
+
+.fa-arrow-turn-right::before {
+ content: "\f064"; }
+
+.fa-mail-forward::before {
+ content: "\f064"; }
+
+.fa-bottle-droplet::before {
+ content: "\e4c4"; }
+
+.fa-mask-face::before {
+ content: "\e1d7"; }
+
+.fa-hill-rockslide::before {
+ content: "\e508"; }
+
+.fa-right-left::before {
+ content: "\f362"; }
+
+.fa-exchange-alt::before {
+ content: "\f362"; }
+
+.fa-paper-plane::before {
+ content: "\f1d8"; }
+
+.fa-road-circle-exclamation::before {
+ content: "\e565"; }
+
+.fa-dungeon::before {
+ content: "\f6d9"; }
+
+.fa-align-right::before {
+ content: "\f038"; }
+
+.fa-money-bill-1-wave::before {
+ content: "\f53b"; }
+
+.fa-money-bill-wave-alt::before {
+ content: "\f53b"; }
+
+.fa-life-ring::before {
+ content: "\f1cd"; }
+
+.fa-hands::before {
+ content: "\f2a7"; }
+
+.fa-sign-language::before {
+ content: "\f2a7"; }
+
+.fa-signing::before {
+ content: "\f2a7"; }
+
+.fa-calendar-day::before {
+ content: "\f783"; }
+
+.fa-water-ladder::before {
+ content: "\f5c5"; }
+
+.fa-ladder-water::before {
+ content: "\f5c5"; }
+
+.fa-swimming-pool::before {
+ content: "\f5c5"; }
+
+.fa-arrows-up-down::before {
+ content: "\f07d"; }
+
+.fa-arrows-v::before {
+ content: "\f07d"; }
+
+.fa-face-grimace::before {
+ content: "\f57f"; }
+
+.fa-grimace::before {
+ content: "\f57f"; }
+
+.fa-wheelchair-move::before {
+ content: "\e2ce"; }
+
+.fa-wheelchair-alt::before {
+ content: "\e2ce"; }
+
+.fa-turn-down::before {
+ content: "\f3be"; }
+
+.fa-level-down-alt::before {
+ content: "\f3be"; }
+
+.fa-person-walking-arrow-right::before {
+ content: "\e552"; }
+
+.fa-square-envelope::before {
+ content: "\f199"; }
+
+.fa-envelope-square::before {
+ content: "\f199"; }
+
+.fa-dice::before {
+ content: "\f522"; }
+
+.fa-bowling-ball::before {
+ content: "\f436"; }
+
+.fa-brain::before {
+ content: "\f5dc"; }
+
+.fa-bandage::before {
+ content: "\f462"; }
+
+.fa-band-aid::before {
+ content: "\f462"; }
+
+.fa-calendar-minus::before {
+ content: "\f272"; }
+
+.fa-circle-xmark::before {
+ content: "\f057"; }
+
+.fa-times-circle::before {
+ content: "\f057"; }
+
+.fa-xmark-circle::before {
+ content: "\f057"; }
+
+.fa-gifts::before {
+ content: "\f79c"; }
+
+.fa-hotel::before {
+ content: "\f594"; }
+
+.fa-earth-asia::before {
+ content: "\f57e"; }
+
+.fa-globe-asia::before {
+ content: "\f57e"; }
+
+.fa-id-card-clip::before {
+ content: "\f47f"; }
+
+.fa-id-card-alt::before {
+ content: "\f47f"; }
+
+.fa-magnifying-glass-plus::before {
+ content: "\f00e"; }
+
+.fa-search-plus::before {
+ content: "\f00e"; }
+
+.fa-thumbs-up::before {
+ content: "\f164"; }
+
+.fa-user-clock::before {
+ content: "\f4fd"; }
+
+.fa-hand-dots::before {
+ content: "\f461"; }
+
+.fa-allergies::before {
+ content: "\f461"; }
+
+.fa-file-invoice::before {
+ content: "\f570"; }
+
+.fa-window-minimize::before {
+ content: "\f2d1"; }
+
+.fa-mug-saucer::before {
+ content: "\f0f4"; }
+
+.fa-coffee::before {
+ content: "\f0f4"; }
+
+.fa-brush::before {
+ content: "\f55d"; }
+
+.fa-mask::before {
+ content: "\f6fa"; }
+
+.fa-magnifying-glass-minus::before {
+ content: "\f010"; }
+
+.fa-search-minus::before {
+ content: "\f010"; }
+
+.fa-ruler-vertical::before {
+ content: "\f548"; }
+
+.fa-user-large::before {
+ content: "\f406"; }
+
+.fa-user-alt::before {
+ content: "\f406"; }
+
+.fa-train-tram::before {
+ content: "\e5b4"; }
+
+.fa-user-nurse::before {
+ content: "\f82f"; }
+
+.fa-syringe::before {
+ content: "\f48e"; }
+
+.fa-cloud-sun::before {
+ content: "\f6c4"; }
+
+.fa-stopwatch-20::before {
+ content: "\e06f"; }
+
+.fa-square-full::before {
+ content: "\f45c"; }
+
+.fa-magnet::before {
+ content: "\f076"; }
+
+.fa-jar::before {
+ content: "\e516"; }
+
+.fa-note-sticky::before {
+ content: "\f249"; }
+
+.fa-sticky-note::before {
+ content: "\f249"; }
+
+.fa-bug-slash::before {
+ content: "\e490"; }
+
+.fa-arrow-up-from-water-pump::before {
+ content: "\e4b6"; }
+
+.fa-bone::before {
+ content: "\f5d7"; }
+
+.fa-user-injured::before {
+ content: "\f728"; }
+
+.fa-face-sad-tear::before {
+ content: "\f5b4"; }
+
+.fa-sad-tear::before {
+ content: "\f5b4"; }
+
+.fa-plane::before {
+ content: "\f072"; }
+
+.fa-tent-arrows-down::before {
+ content: "\e581"; }
+
+.fa-exclamation::before {
+ content: "\21"; }
+
+.fa-arrows-spin::before {
+ content: "\e4bb"; }
+
+.fa-print::before {
+ content: "\f02f"; }
+
+.fa-turkish-lira-sign::before {
+ content: "\e2bb"; }
+
+.fa-try::before {
+ content: "\e2bb"; }
+
+.fa-turkish-lira::before {
+ content: "\e2bb"; }
+
+.fa-dollar-sign::before {
+ content: "\24"; }
+
+.fa-dollar::before {
+ content: "\24"; }
+
+.fa-usd::before {
+ content: "\24"; }
+
+.fa-x::before {
+ content: "\58"; }
+
+.fa-magnifying-glass-dollar::before {
+ content: "\f688"; }
+
+.fa-search-dollar::before {
+ content: "\f688"; }
+
+.fa-users-gear::before {
+ content: "\f509"; }
+
+.fa-users-cog::before {
+ content: "\f509"; }
+
+.fa-person-military-pointing::before {
+ content: "\e54a"; }
+
+.fa-building-columns::before {
+ content: "\f19c"; }
+
+.fa-bank::before {
+ content: "\f19c"; }
+
+.fa-institution::before {
+ content: "\f19c"; }
+
+.fa-museum::before {
+ content: "\f19c"; }
+
+.fa-university::before {
+ content: "\f19c"; }
+
+.fa-umbrella::before {
+ content: "\f0e9"; }
+
+.fa-trowel::before {
+ content: "\e589"; }
+
+.fa-d::before {
+ content: "\44"; }
+
+.fa-stapler::before {
+ content: "\e5af"; }
+
+.fa-masks-theater::before {
+ content: "\f630"; }
+
+.fa-theater-masks::before {
+ content: "\f630"; }
+
+.fa-kip-sign::before {
+ content: "\e1c4"; }
+
+.fa-hand-point-left::before {
+ content: "\f0a5"; }
+
+.fa-handshake-simple::before {
+ content: "\f4c6"; }
+
+.fa-handshake-alt::before {
+ content: "\f4c6"; }
+
+.fa-jet-fighter::before {
+ content: "\f0fb"; }
+
+.fa-fighter-jet::before {
+ content: "\f0fb"; }
+
+.fa-square-share-nodes::before {
+ content: "\f1e1"; }
+
+.fa-share-alt-square::before {
+ content: "\f1e1"; }
+
+.fa-barcode::before {
+ content: "\f02a"; }
+
+.fa-plus-minus::before {
+ content: "\e43c"; }
+
+.fa-video::before {
+ content: "\f03d"; }
+
+.fa-video-camera::before {
+ content: "\f03d"; }
+
+.fa-graduation-cap::before {
+ content: "\f19d"; }
+
+.fa-mortar-board::before {
+ content: "\f19d"; }
+
+.fa-hand-holding-medical::before {
+ content: "\e05c"; }
+
+.fa-person-circle-check::before {
+ content: "\e53e"; }
+
+.fa-turn-up::before {
+ content: "\f3bf"; }
+
+.fa-level-up-alt::before {
+ content: "\f3bf"; }
+
+.sr-only,
+.fa-sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0; }
+
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0; }
diff --git a/website/public/css/style.css b/website/public/css/style.css
new file mode 100644
index 00000000..1a5d3e85
--- /dev/null
+++ b/website/public/css/style.css
@@ -0,0 +1,3281 @@
+/*
+! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box; /* 1 */
+ border-width: 0; /* 2 */
+ border-style: solid; /* 2 */
+ border-color: #e5e7eb; /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+ line-height: 1.5; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -moz-tab-size: 4; /* 3 */
+ tab-size: 4; /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+ font-feature-settings: normal; /* 5 */
+ font-variation-settings: normal; /* 6 */
+ -webkit-tap-highlight-color: transparent; /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0; /* 1 */
+ line-height: inherit; /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0; /* 1 */
+ color: inherit; /* 2 */
+ border-top-width: 1px; /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
+ font-feature-settings: normal; /* 2 */
+ font-variation-settings: normal; /* 3 */
+ font-size: 1em; /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0; /* 1 */
+ border-color: inherit; /* 2 */
+ border-collapse: collapse; /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-feature-settings: inherit; /* 1 */
+ font-variation-settings: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ font-weight: inherit; /* 1 */
+ line-height: inherit; /* 1 */
+ color: inherit; /* 1 */
+ margin: 0; /* 2 */
+ padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button; /* 1 */
+ background-color: transparent; /* 2 */
+ background-image: none; /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1; /* 1 */
+ color: #9ca3af; /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block; /* 1 */
+ vertical-align: middle; /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+[hidden] {
+ display: none;
+}
+
+[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
+ appearance: none;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ border-radius: 0px;
+ padding-top: 0.5rem;
+ padding-right: 0.75rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ --tw-shadow: 0 0 #0000;
+}
+
+[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: #2563eb;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ border-color: #2563eb;
+}
+
+input::placeholder,textarea::placeholder {
+ color: #6b7280;
+ opacity: 1;
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+}
+
+::-webkit-date-and-time-value {
+ min-height: 1.5em;
+ text-align: inherit;
+}
+
+::-webkit-datetime-edit {
+ display: inline-flex;
+}
+
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+select {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+ background-position: right 0.5rem center;
+ background-repeat: no-repeat;
+ background-size: 1.5em 1.5em;
+ padding-right: 2.5rem;
+ print-color-adjust: exact;
+}
+
+[multiple],[size]:where(select:not([size="1"])) {
+ background-image: initial;
+ background-position: initial;
+ background-repeat: unset;
+ background-size: initial;
+ padding-right: 0.75rem;
+ print-color-adjust: unset;
+}
+
+[type='checkbox'],[type='radio'] {
+ appearance: none;
+ padding: 0;
+ print-color-adjust: exact;
+ display: inline-block;
+ vertical-align: middle;
+ background-origin: border-box;
+ user-select: none;
+ flex-shrink: 0;
+ height: 1rem;
+ width: 1rem;
+ color: #2563eb;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ --tw-shadow: 0 0 #0000;
+}
+
+[type='checkbox'] {
+ border-radius: 0px;
+}
+
+[type='radio'] {
+ border-radius: 100%;
+}
+
+[type='checkbox']:focus,[type='radio']:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: #2563eb;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+[type='checkbox']:checked,[type='radio']:checked {
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+[type='checkbox']:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+
+ [type='checkbox']:checked {
+ appearance: auto;
+ }
+}
+
+[type='radio']:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+@media (forced-colors: active) {
+
+ [type='radio']:checked {
+ appearance: auto;
+ }
+}
+
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
+ border-color: transparent;
+ background-color: currentColor;
+}
+
+[type='checkbox']:indeterminate {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+@media (forced-colors: active) {
+
+ [type='checkbox']:indeterminate {
+ appearance: auto;
+ }
+}
+
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
+ border-color: transparent;
+ background-color: currentColor;
+}
+
+[type='file'] {
+ background: unset;
+ border-color: inherit;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-size: unset;
+ line-height: inherit;
+}
+
+[type='file']:focus {
+ outline: 1px solid ButtonText;
+ outline: 1px auto -webkit-focus-ring-color;
+}
+ html {
+ font-size: 12.8px;
+}
+ @media (min-width: 768px) {
+
+ html {
+ font-size: 16px;
+ }
+}
+ body {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+ font-family: Heebo, sans-serif;
+ font-weight: 400;
+ line-height: 1.625;
+ --tw-text-opacity: 1;
+ color: rgb(68 68 68 / var(--tw-text-opacity));
+}
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ font-family: Signika, sans-serif;
+ font-weight: 700;
+ line-height: 1.25;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+ h1,
+ .h1 {
+ font-size: 2.6873856rem;
+}
+ @media (min-width: 768px) {
+
+ h1,
+ .h1 {
+ font-size: 2.9859839999999997rem;
+ }
+}
+ h2,
+ .h2 {
+ font-size: 2.239488rem;
+}
+ @media (min-width: 768px) {
+
+ h2,
+ .h2 {
+ font-size: 2.48832rem;
+ }
+}
+ h3,
+ .h3 {
+ font-size: 1.86624rem;
+}
+ @media (min-width: 768px) {
+
+ h3,
+ .h3 {
+ font-size: 2.0736rem;
+ }
+}
+ h4,
+ .h4 {
+ font-size: 1.728rem;
+}
+ h5,
+ .h5 {
+ font-size: 1.44rem;
+}
+ h6,
+ .h6 {
+ font-size: 1.2rem;
+}
+ b,
+ strong {
+ font-weight: 600;
+}
+ code::after {
+ content: var(--tw-content);
+ border-style: none;
+}
+ blockquote > p {
+ margin-top: 0px !important;
+ margin-bottom: 0px !important;
+}
+
+*, ::before, ::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+
+::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+}
+.container {
+ width: 100%;
+ margin-right: auto;
+ margin-left: auto;
+ padding-right: 2rem;
+ padding-left: 2rem;
+}
+@media (min-width: 540px) {
+
+ .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+
+ .container {
+ max-width: 768px;
+ }
+}
+@media (min-width: 1024px) {
+
+ .container {
+ max-width: 1024px;
+ }
+}
+@media (min-width: 1280px) {
+
+ .container {
+ max-width: 1280px;
+ }
+}
+@media (min-width: 1536px) {
+
+ .container {
+ max-width: 1536px;
+ }
+}
+.form-input,.form-textarea,.form-select,.form-multiselect {
+ appearance: none;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ border-radius: 0px;
+ padding-top: 0.5rem;
+ padding-right: 0.75rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ --tw-shadow: 0 0 #0000;
+}
+.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: #2563eb;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+ border-color: #2563eb;
+}
+.form-input::placeholder,.form-textarea::placeholder {
+ color: #6b7280;
+ opacity: 1;
+}
+.form-input::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+}
+.form-input::-webkit-date-and-time-value {
+ min-height: 1.5em;
+ text-align: inherit;
+}
+.form-input::-webkit-datetime-edit {
+ display: inline-flex;
+}
+.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.row {
+ --bs-gutter-x: 2rem;
+ --bs-gutter-y: 0;
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: calc(var(--bs-gutter-y) * -1);
+ margin-right: calc(var(--bs-gutter-x) / -2);
+ margin-left: calc(var(--bs-gutter-x) / -2);
+}
+.row > * {
+ box-sizing: border-box;
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: calc(var(--bs-gutter-x) / 2);
+ padding-left: calc(var(--bs-gutter-x) / 2);
+ margin-top: var(--bs-gutter-y);
+}
+.col-12 {
+ flex: 0 0 auto;
+ width: 100%;
+}
+.g-5, .gx-5 {
+ --bs-gutter-x: 3rem;
+}
+.order-0 {
+ order: 0;
+}
+.order-1 {
+ order: 1;
+}
+.order-3 {
+ order: 3;
+}
+main {
+ min-height: 70vh; }
+.section {
+ padding-top: 6rem;
+ padding-bottom: 6rem;
+}
+@media (min-width: 1280px) {
+
+ .section {
+ padding-top: 7rem;
+ padding-bottom: 7rem;
+ }
+}
+.section-sm {
+ padding-top: 4rem;
+ padding-bottom: 4rem;
+}
+@media (min-width: 1280px) {
+
+ .section-sm {
+ padding-top: 5rem;
+ padding-bottom: 5rem;
+ }
+}
+.container {
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+@media (min-width: 1536px) {
+
+ .container {
+ max-width: 1320px;
+ }
+}
+.form-input {
+ width: 100%;
+ border-radius: 0.25rem;
+ border-color: transparent;
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+ border-radius: 6px;
+}
+.form-input::placeholder {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+.form-input:focus {
+ --tw-border-opacity: 1;
+ border-color: rgb(255 110 0 / var(--tw-border-opacity));
+ --tw-ring-color: transparent;
+}
+.form-label {
+ margin-bottom: 1rem;
+ display: block;
+ font-family: Signika, sans-serif;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ font-weight: 400;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.social-icons > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.social-icons li {
+ display: inline-block;
+}
+.social-icons li a {
+ display: flex;
+ height: 2.25rem;
+ width: 2.25rem;
+ align-items: center;
+ justify-content: center;
+ border-radius: 0.25rem;
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 110 0 / var(--tw-bg-opacity));
+ text-align: center;
+ line-height: 2.25rem;
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity));
+ border-radius: 6px;
+}
+.social-icons li a svg {
+ height: 1.25rem;
+ width: 1.25rem;
+}
+.swiper-pagination-bullet {
+ margin-left: 0.375rem !important;
+ margin-right: 0.375rem !important;
+ height: 0.625rem !important;
+ width: 0.625rem !important;
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity)) !important;
+ opacity: 1 !important;
+}
+.swiper-pagination-bullet-active {
+ height: 1rem !important;
+ width: 1rem !important;
+ --tw-bg-opacity: 1 !important;
+ background-color: rgb(255 110 0 / var(--tw-bg-opacity)) !important;
+}
+.content {
+ color: var(--tw-prose-body);
+ max-width: 65ch;
+}
+.content :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+.content :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-lead);
+ font-size: 1.25em;
+ line-height: 1.6;
+ margin-top: 1.2em;
+ margin-bottom: 1.2em;
+}
+.content :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-links);
+ text-decoration: underline;
+ font-weight: 500;
+}
+.content :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-bold);
+ font-weight: 600;
+}
+.content :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-left: 1.625em;
+}
+.content :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+.content :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+.content :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+.content :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+.content :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+.content :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+.content :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+.content :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+.content :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+}
+.content :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: disc;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-left: 1.625em;
+}
+.content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight: 400;
+ color: var(--tw-prose-counters);
+}
+.content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ color: var(--tw-prose-bullets);
+}
+.content :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.25em;
+}
+.content :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-color: var(--tw-prose-hr);
+ border-top-width: 1px;
+ margin-top: 3em;
+ margin-bottom: 3em;
+}
+.content :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-style: italic;
+ color: var(--tw-prose-quotes);
+ border-left-width: 0.25rem;
+ border-left-color: var(--tw-prose-quote-borders);
+ quotes: "\201C""\201D""\2018""\2019";
+ margin-top: 1.6em;
+ margin-bottom: 1.6em;
+ padding-left: 1em;
+}
+.content :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: open-quote;
+}
+.content :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: close-quote;
+}
+.content :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 800;
+ font-size: 2.25em;
+ margin-top: 0;
+ margin-bottom: 0.8888889em;
+ line-height: 1.1111111;
+}
+.content :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 900;
+ color: inherit;
+}
+.content :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 700;
+ font-size: 1.5em;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ line-height: 1.3333333;
+}
+.content :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 800;
+ color: inherit;
+}
+.content :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ font-size: 1.25em;
+ margin-top: 1.6em;
+ margin-bottom: 0.6em;
+ line-height: 1.6;
+}
+.content :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+.content :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.5em;
+ margin-bottom: 0.5em;
+ line-height: 1.5;
+}
+.content :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+.content :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+.content :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ display: block;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+.content :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-family: inherit;
+ color: var(--tw-prose-kbd);
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+ font-size: 0.875em;
+ border-radius: 0.3125rem;
+ padding-top: 0.1875em;
+ padding-right: 0.375em;
+ padding-bottom: 0.1875em;
+ padding-left: 0.375em;
+}
+.content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-code);
+ font-weight: 600;
+ font-size: 0.875em;
+}
+.content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "`";
+}
+.content :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "`";
+}
+.content :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.875em;
+}
+.content :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.9em;
+}
+.content :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+.content :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-pre-code);
+ background-color: var(--tw-prose-pre-bg);
+ overflow-x: auto;
+ font-weight: 400;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+ margin-top: 1.7142857em;
+ margin-bottom: 1.7142857em;
+ border-radius: 0.375rem;
+ padding-top: 0.8571429em;
+ padding-right: 1.1428571em;
+ padding-bottom: 0.8571429em;
+ padding-left: 1.1428571em;
+}
+.content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: transparent;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-weight: inherit;
+ color: inherit;
+ font-size: inherit;
+ font-family: inherit;
+ line-height: inherit;
+}
+.content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: none;
+}
+.content :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: none;
+}
+.content :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ width: 100%;
+ table-layout: auto;
+ text-align: left;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+}
+.content :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-th-borders);
+}
+.content :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ vertical-align: bottom;
+ padding-right: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-left: 0.5714286em;
+}
+.content :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-td-borders);
+}
+.content :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 0;
+}
+.content :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: baseline;
+}
+.content :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-top-width: 1px;
+ border-top-color: var(--tw-prose-th-borders);
+}
+.content :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: top;
+}
+.content :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.content :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-captions);
+ font-size: 0.875em;
+ line-height: 1.4285714;
+ margin-top: 0.8571429em;
+}
+.content {
+ --tw-prose-body: #374151;
+ --tw-prose-headings: #111827;
+ --tw-prose-lead: #4b5563;
+ --tw-prose-links: #111827;
+ --tw-prose-bold: #111827;
+ --tw-prose-counters: #6b7280;
+ --tw-prose-bullets: #d1d5db;
+ --tw-prose-hr: #e5e7eb;
+ --tw-prose-quotes: #111827;
+ --tw-prose-quote-borders: #e5e7eb;
+ --tw-prose-captions: #6b7280;
+ --tw-prose-kbd: #111827;
+ --tw-prose-kbd-shadows: 17 24 39;
+ --tw-prose-code: #111827;
+ --tw-prose-pre-code: #e5e7eb;
+ --tw-prose-pre-bg: #1f2937;
+ --tw-prose-th-borders: #d1d5db;
+ --tw-prose-td-borders: #e5e7eb;
+ --tw-prose-invert-body: #d1d5db;
+ --tw-prose-invert-headings: #fff;
+ --tw-prose-invert-lead: #9ca3af;
+ --tw-prose-invert-links: #fff;
+ --tw-prose-invert-bold: #fff;
+ --tw-prose-invert-counters: #9ca3af;
+ --tw-prose-invert-bullets: #4b5563;
+ --tw-prose-invert-hr: #374151;
+ --tw-prose-invert-quotes: #f3f4f6;
+ --tw-prose-invert-quote-borders: #374151;
+ --tw-prose-invert-captions: #9ca3af;
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: 255 255 255;
+ --tw-prose-invert-code: #fff;
+ --tw-prose-invert-pre-code: #d1d5db;
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+ --tw-prose-invert-th-borders: #4b5563;
+ --tw-prose-invert-td-borders: #374151;
+ font-size: 1rem;
+ line-height: 1.75;
+}
+.content :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.content :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+.content :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+.content :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-left: 0.375em;
+}
+.content :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-left: 0.375em;
+}
+.content :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+.content :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+.content :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+.content :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+.content :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+.content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+.content :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+.content :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ padding-left: 1.625em;
+}
+.content :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+.content :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+.content :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+.content :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+.content :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-left: 0;
+}
+.content :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-right: 0;
+}
+.content :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-top: 0.5714286em;
+ padding-right: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-left: 0.5714286em;
+}
+.content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-left: 0;
+}
+.content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-right: 0;
+}
+.content :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+.content :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+.content :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 0;
+}
+.content {
+ max-width: none;
+}
+.content :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ margin-bottom: .3em;
+ margin-top: .6em;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.content :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 2.6873856rem;
+}
+@media (min-width: 768px) {
+
+ .content :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 2.9859839999999997rem;
+ }
+}
+.content :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 2.239488rem;
+}
+@media (min-width: 768px) {
+
+ .content :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 2.48832rem;
+ }
+}
+.content :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.86624rem;
+}
+@media (min-width: 768px) {
+
+ .content :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 2.0736rem;
+ }
+}
+.content :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ max-width: 100%;
+ border-radius: 0.25rem;
+ border-radius: 6px;
+}
+.content :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+}
+.content :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 16px;
+ --tw-text-opacity: 1;
+ color: rgb(68 68 68 / var(--tw-text-opacity));
+}
+.content :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ border-radius: 0.5rem;
+ border-width: 1px;
+ border-left-width: 10px;
+ --tw-border-opacity: 1;
+ border-color: rgb(255 110 0 / var(--tw-border-opacity));
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+ padding-left: 2rem;
+ padding-right: 2rem;
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+ font-family: Signika, sans-serif;
+ font-size: 1.5rem;
+ line-height: 2rem;
+ font-style: normal;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+ border-radius: 12px;
+}
+.content :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ border-radius: 0.5rem;
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+ border-radius: 12px;
+}
+.content :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ padding-left: 0.25rem;
+ padding-right: 0.25rem;
+}
+.content :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.content :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-text-opacity: 1;
+ color: rgb(68 68 68 / var(--tw-text-opacity));
+ text-decoration-line: underline;
+}
+.content :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+.content :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-text-opacity: 1;
+ color: rgb(68 68 68 / var(--tw-text-opacity));
+}
+.content :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ position: relative;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-radius: 12px;
+}
+.content :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)))::before {
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ height: 100%;
+ width: 100%;
+ border-radius: inherit;
+ border-width: 1px;
+ --tw-content: "";
+ content: var(--tw-content);
+}
+.content :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+}
+.content :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ position: relative;
+ z-index: 10;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-top: 18px;
+ padding-bottom: 18px;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.content :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+}
+.content :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ position: relative;
+ z-index: 10;
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ padding-top: 18px;
+ padding-bottom: 18px;
+}
+.content .btn {
+ text-decoration-line: none !important;
+}
+.content .btn:hover {
+ --tw-text-opacity: 1 !important;
+ color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+}
+input#nav-toggle:checked + label #show-button {
+ display: none;
+}
+.search-result-item input#nav-toggle:checked + label #show-button {
+ display: none; }
+input#nav-toggle:checked + label #hide-button {
+ display: block;
+}
+input#nav-toggle:checked ~ #nav-menu {
+ display: block;
+}
+.header {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+}
+.navbar {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+}
+.navbar-brand {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.navbar-brand image {
+ max-height: 100%;
+ max-width: 100%;
+}
+.navbar-nav {
+ text-align: center;
+}
+@media (min-width: 1024px) {
+
+ .navbar-nav {
+ text-align: left;
+ }
+}
+.nav-link {
+ display: block;
+ cursor: pointer;
+ padding: 0.75rem;
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+.nav-link:hover {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+@media (min-width: 1024px) {
+
+ .nav-link {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ }
+}
+.nav-dropdown {
+ margin-right: 0px;
+}
+.nav-dropdown > svg {
+ pointer-events: none;
+}
+.nav-dropdown.active .nav-dropdown-list {
+ display: block;
+}
+.nav-dropdown-list {
+ z-index: 10;
+ display: none;
+ min-width: 180px;
+ border-radius: 0.25rem;
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+ padding: 1rem;
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ border-radius: 6px;
+ box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
+}
+.search-result-item .nav-dropdown-list {
+ display: none; }
+@media (min-width: 1024px) {
+
+ .nav-dropdown-list {
+ visibility: hidden;
+ position: absolute;
+ display: block;
+ opacity: 0;
+ }
+}
+.nav-dropdown-item:not(:last-child) {
+ margin-bottom: 0.5rem;
+}
+.nav-dropdown-link {
+ display: block;
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+.nav-dropdown-link:hover {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+.btn {
+ display: inline-block;
+ border-radius: 0.25rem;
+ border-width: 1px;
+ border-color: transparent;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ font-weight: 600;
+ text-transform: capitalize;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+ border-radius: 6px;
+}
+.btn-sm {
+ border-radius: 0.125rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ border-radius: 4px;
+}
+.btn-primary {
+ --tw-border-opacity: 1;
+ border-color: rgb(255 110 0 / var(--tw-border-opacity));
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 110 0 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.btn-outline-primary {
+ --tw-border-opacity: 1;
+ border-color: rgb(4 4 4 / var(--tw-border-opacity));
+ background-color: transparent;
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.btn-outline-primary:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(4 4 4 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0;
+}
+.fixed {
+ position: fixed;
+}
+.relative {
+ position: relative;
+}
+.sticky {
+ position: sticky;
+}
+.left-0 {
+ left: 0px;
+}
+.top-0 {
+ top: 0px;
+}
+.z-30 {
+ z-index: 30;
+}
+.z-50 {
+ z-index: 50;
+}
+.order-1 {
+ order: 1;
+}
+.order-3 {
+ order: 3;
+}
+.m-3 {
+ margin: 0.75rem;
+}
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+.mb-10 {
+ margin-bottom: 2.5rem;
+}
+.mb-12 {
+ margin-bottom: 3rem;
+}
+.mb-14 {
+ margin-bottom: 3.5rem;
+}
+.mb-3 {
+ margin-bottom: 0.75rem;
+}
+.mb-4 {
+ margin-bottom: 1rem;
+}
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+.mb-8 {
+ margin-bottom: 2rem;
+}
+.ml-2 {
+ margin-left: 0.5rem;
+}
+.ml-4 {
+ margin-left: 1rem;
+}
+.ml-auto {
+ margin-left: auto;
+}
+.mr-1 {
+ margin-right: 0.25rem;
+}
+.mr-2 {
+ margin-right: 0.5rem;
+}
+.mr-4 {
+ margin-right: 1rem;
+}
+.ms-1 {
+ margin-inline-start: 0.25rem;
+}
+.mt-10 {
+ margin-top: 2.5rem;
+}
+.mt-4 {
+ margin-top: 1rem;
+}
+.mt-6 {
+ margin-top: 1.5rem;
+}
+.mt-8 {
+ margin-top: 2rem;
+}
+.block {
+ display: block;
+}
+.inline-block {
+ display: inline-block;
+}
+.flex {
+ display: flex;
+}
+.inline-flex {
+ display: inline-flex;
+}
+.list-item {
+ display: list-item;
+}
+.hidden {
+ display: none;
+}
+.h-4 {
+ height: 1rem;
+}
+.h-6 {
+ height: 1.5rem;
+}
+.w-4 {
+ width: 1rem;
+}
+.w-\[30px\] {
+ width: 30px;
+}
+.w-full {
+ width: 100%;
+}
+.cursor-pointer {
+ cursor: pointer;
+}
+.flex-wrap {
+ flex-wrap: wrap;
+}
+.items-start {
+ align-items: flex-start;
+}
+.items-center {
+ align-items: center;
+}
+.justify-center {
+ justify-content: center;
+}
+.justify-between {
+ justify-content: space-between;
+}
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
+.rounded {
+ border-radius: 0.25rem;
+}
+.rounded-2xl {
+ border-radius: 1rem;
+}
+.border-b {
+ border-bottom-width: 1px;
+}
+.border-t {
+ border-top-width: 1px;
+}
+.border-border {
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+}
+.bg-body {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.bg-gray-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+.bg-theme-light {
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+}
+.bg-gradient-to-b {
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+.from-body {
+ --tw-gradient-from: #fff var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-theme-light {
+ --tw-gradient-to: #f6f6f6 var(--tw-gradient-to-position);
+}
+.fill-current {
+ fill: currentColor;
+}
+.p-8 {
+ padding: 2rem;
+}
+.px-2 {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+}
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+.px-8 {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+.py-10 {
+ padding-top: 2.5rem;
+ padding-bottom: 2.5rem;
+}
+.py-14 {
+ padding-top: 3.5rem;
+ padding-bottom: 3.5rem;
+}
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+.py-7 {
+ padding-top: 1.75rem;
+ padding-bottom: 1.75rem;
+}
+.py-\[2\.5px\] {
+ padding-top: 2.5px;
+ padding-bottom: 2.5px;
+}
+.pb-0 {
+ padding-bottom: 0px;
+}
+.pb-14 {
+ padding-bottom: 3.5rem;
+}
+.pb-16 {
+ padding-bottom: 4rem;
+}
+.pb-6 {
+ padding-bottom: 1.5rem;
+}
+.pl-2 {
+ padding-left: 0.5rem;
+}
+.pr-8 {
+ padding-right: 2rem;
+}
+.pt-14 {
+ padding-top: 3.5rem;
+}
+.pt-7 {
+ padding-top: 1.75rem;
+}
+.text-center {
+ text-align: center;
+}
+.text-\[12px\] {
+ font-size: 12px;
+}
+.text-\[8rem\] {
+ font-size: 8rem;
+}
+.text-h3 {
+ font-size: 2.0736rem;
+}
+.text-lg {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+}
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+.font-bold {
+ font-weight: 700;
+}
+.uppercase {
+ text-transform: uppercase;
+}
+.capitalize {
+ text-transform: capitalize;
+}
+.text-black {
+ --tw-text-opacity: 1;
+ color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+.text-dark {
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+.text-light {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+.text-primary {
+ --tw-text-opacity: 1;
+ color: rgb(255 110 0 / var(--tw-text-opacity));
+}
+.text-red-500 {
+ --tw-text-opacity: 1;
+ color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+.bg-gradient {
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+ --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgba(249, 249, 249, 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-from-position: 0.53%;
+ --tw-gradient-to: #fff var(--tw-gradient-to-position);
+ --tw-gradient-to-position: 83.28%;
+}
+.rounded {
+ border-radius: 6px;
+}
+
+.search-wrapper {
+ position: relative;
+ z-index: 1; }
+
+.search-wrapper svg {
+ display: inline-block;
+ background-color: transparent; }
+
+.search-wrapper-header {
+ padding: 14px;
+ position: relative; }
+
+.search-wrapper-header input {
+ border: 1px solid #ddd;
+ width: 100%;
+ border-radius: 4px;
+ height: 52px;
+ padding: 0 15px 0 40px;
+ transition: 0.25s; }
+
+.search-wrapper-header input:focus {
+ border-color: var(--color-primary);
+ box-shadow: none;
+ outline: none; }
+
+.search-wrapper-header label {
+ position: absolute;
+ left: 28px;
+ top: calc(50% - 13px); }
+
+.search-wrapper-header label .search-reset {
+ display: none;
+ transition: 0.1s; }
+
+.search-wrapper-header label .search-reset:hover {
+ cursor: pointer;
+ color: #fb5c5c; }
+
+.search-result-empty {
+ display: block;
+ text-align: center;
+ padding: 32px 0;
+ cursor: text;
+ user-select: none; }
+
+.search-result mark {
+ padding: 0;
+ border-radius: 2px; }
+
+.search-result:not(:empty) + .search-result-empty {
+ display: none; }
+
+.search-not-found {
+ text-align: center; }
+
+.search-not-found svg {
+ margin-bottom: 16px; }
+
+.search-not-found p {
+ margin-bottom: 0; }
+
+.search-result-item {
+ position: relative;
+ display: block;
+ padding: 16px;
+ border-radius: 4px;
+ border: 1px solid #eee;
+ background-color: #fff;
+ transition: 0s;
+ margin-bottom: 4px;
+ display: flex;
+ align-items: flex-start; }
+
+.search-result-item div:empty,
+.search-result-item .search-result-item-description:empty {
+ display: none; }
+
+.search-result-item-image {
+ flex-shrink: 0; }
+
+.search-result-item-image:empty {
+ display: none; }
+
+.search-result-item-body {
+ flex-grow: 1; }
+
+.search-result-item > div > img {
+ border-radius: 4px;
+ max-height: 400px;
+ width: 100%;
+ object-fit: cover; }
+
+.search-page .search-result-item > div > img {
+ object-fit: cover;
+ max-height: 250px;
+ width: 100%; }
+
+.search-result-item:focus,
+.search-result-item.search-item-selected,
+.search-result-item:hover {
+ background-color: var(--color-primary); }
+
+.search-result-item:focus *,
+.search-result-item.search-item-selected *,
+.search-result-item:hover * {
+ color: white; }
+
+.search-result-item:focus mark,
+.search-result-item.search-item-selected mark,
+.search-result-item:hover mark {
+ background-color: #fef08a;
+ color: #060606; }
+
+.search-result-item [data-result-item] u {
+ color: var(--color-primary); }
+
+.search-result-item .hidden {
+ display: none; }
+
+.search-result-group-title {
+ padding: 0 12px;
+ display: inline-block;
+ margin-bottom: 5px;
+ margin-top: 15px;
+ font-size: 18px; }
+
+.search-result-item-title {
+ transition: 0s;
+ font-size: 18px;
+ color: black;
+ margin-bottom: 0;
+ line-height: 1.35;
+ font-weight: bold; }
+
+.search-result-item-title::before {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ z-index: 10;
+ content: ""; }
+
+.search-result-item-content {
+ display: -webkit-box;
+ -webkit-line-clamp: 1;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ margin: 6px 0; }
+
+.search-result-item-description {
+ font-size: 90%;
+ margin-top: 6px;
+ margin-bottom: 4px; }
+
+.search-result-item-content:empty {
+ display: none; }
+
+.search-result-item-taxonomies {
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 13px;
+ align-items: center; }
+
+.search-result-item-taxonomies > div {
+ margin-right: 12px;
+ color: #999; }
+
+.search-result-item-taxonomies > div svg {
+ margin-right: 4px; }
+
+.search-wrapper-footer {
+ color: #999;
+ font-size: 12px;
+ padding: 8px 14px;
+ user-select: none;
+ line-height: 1;
+ display: flex;
+ align-items: center; }
+
+.search-wrapper-footer kbd {
+ color: #777;
+ background-color: #eee;
+ font-size: 12px;
+ border-radius: 3px;
+ margin-right: 3px;
+ padding: 2px 4px;
+ line-height: 1;
+ text-align: center;
+ display: inline-block; }
+
+.search-wrapper-footer span:not(:last-child) {
+ margin-right: 16px; }
+
+.search-wrapper-footer span:last-child {
+ margin-left: auto; }
+
+.search-wrapper-footer .search-result-info:empty {
+ display: none; }
+
+.search-wrapper-footer .search-result-info {
+ margin-left: -3px; }
+
+.search-wrapper-footer .search-result-info em {
+ color: black;
+ font-style: normal;
+ padding: 0 3px; }
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border-width: 0; }
+
+.search-modal {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ inset: 0;
+ z-index: 9999;
+ opacity: 0;
+ visibility: hidden; }
+
+.search-modal.show {
+ opacity: 1;
+ visibility: visible; }
+
+.search-modal-overlay {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.search-modal .search-wrapper {
+ width: 660px;
+ max-width: 96%;
+ margin: 100px auto;
+ border-radius: 4px;
+ background-color: white; }
+
+.search-modal .search-wrapper-body {
+ max-height: calc(100vh - 350px);
+ padding: 14px;
+ overflow-y: auto;
+ background-color: #f5f6f7;
+ box-shadow: inset 0 2px 18px #ddd;
+ border-radius: 4px; }
+
+.search-modal
+.search-result-group:first-child
+.search-result-group-title:not(:empty) {
+ margin-top: -15px; }
+
+.search-modal .search-result-item a > div {
+ margin-right: 16px; }
+
+.search-modal .search-result-item-image {
+ margin-right: 15px; }
+
+.search-modal .search-result-item-image img {
+ width: 100px;
+ height: 100px;
+ object-fit: cover; }
+
+@media (max-width: 576px) {
+ .search-modal .search-result-item-image img {
+ width: 60px;
+ height: 60px; }
+ .search-wrapper-footer {
+ display: none; } }
+
+.dark .search-modal .search-wrapper {
+ background-color: #1c1c1c; }
+
+.dark .search-modal .search-wrapper-header input {
+ color: #fff;
+ background-color: #222222;
+ border-color: #535353; }
+
+.dark .search-modal .search-wrapper-header input:focus {
+ border-color: #fff; }
+
+.dark .search-modal .search-wrapper-body {
+ background-color: #222222;
+ box-shadow: none; }
+
+.dark .search-modal .search-result-item {
+ border-color: #3e3e3e;
+ background-color: #1c1c1c; }
+
+.dark .search-modal .search-result-item:focus,
+.dark .search-modal .search-result-item.search-item-selected,
+.dark .search-modal .search-result-item:hover {
+ background-color: #060606; }
+
+.dark .search-modal .search-result-item .search-result-item-title {
+ color: #fff; }
+
+.dark .search-wrapper-footer kbd {
+ background-color: #3e3e3e;
+ color: #ccc; }
+
+.dark .search-wrapper-footer .search-result-info em {
+ color: #fff; }
+
+.search-page .search-wrapper {
+ padding: 100px 0; }
+
+.search-page .search-wrapper-header,
+.search-page .search-wrapper-footer {
+ width: 660px;
+ max-width: 96%;
+ margin: 0 auto; }
+
+.search-page .search-wrapper-footer {
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-bottom: 60px; }
+
+.search-page .search-wrapper-body {
+ padding: 0 16px; }
+
+.search-page .search-result-group {
+ display: flex;
+ flex-wrap: wrap; }
+
+.search-page .search-result-item {
+ margin-right: -15px;
+ margin-left: -15px; }
+
+.search-page .search-result-group > p,
+.search-page .search-result-item {
+ padding-right: 15px !important;
+ padding-left: 15px !important; }
+
+.search-page .search-result-group > p {
+ width: 100%; }
+
+.search-page .search-result-item {
+ flex: 0 0 auto;
+ width: calc(100% - (4 * 4px));
+ display: block;
+ padding-top: 15px !important;
+ padding-bottom: 15px !important;
+ margin: 0 8px 16px 8px; }
+
+.search-page .search-result-item .search-result-item-image {
+ margin-bottom: 10px; }
+
+.search-page .search-result-group-title {
+ font-size: 22px;
+ font-weight: bold; }
+
+.search-page .search-result-info {
+ display: block;
+ text-align: center; }
+
+.search-page .search-wrapper-header input {
+ padding: 0 20px; }
+
+@media (min-width: 576px) {
+ .search-page .search-result-item {
+ width: calc(50% - (4 * 4px)); } }
+
+@media (max-width: 576px) {
+ .search-wrapper .search-wrapper-footer span:not(.search-result-info) {
+ display: none; } }
+
+@media (min-width: 768px) {
+ .search-page .search-result-item {
+ width: calc(33.3333333333% - (4 * 4px)); } }
+
+@media (min-width: 992px) {
+ .search-page .search-result-item {
+ width: calc(25% - (4 * 4px)); } }
+
+.dark .search-page .search-wrapper-header input {
+ color: #fff;
+ background-color: #222222;
+ border-color: #535353; }
+
+.dark .search-page .search-wrapper-header input:focus {
+ border-color: #fff; }
+
+.dark .search-page .search-result-item {
+ border-color: #3e3e3e;
+ background-color: #1c1c1c; }
+
+.dark .search-page .search-result-item:focus,
+.dark .search-page .search-result-item.search-item-selected,
+.dark .search-page .search-result-item:hover {
+ background-color: #060606; }
+
+.dark .search-page .search-result-item-title {
+ color: #fff; }
+
+.share-title {
+ display: inline-block;
+ margin-right: 0.3em; }
+
+.share-link {
+ border-radius: 0.25rem;
+ transition: 25ms ease-out;
+ height: 2.5em;
+ width: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+ text-decoration: none;
+ color: #fff;
+ margin: 0.5em;
+ display: inline-block;
+ vertical-align: middle; }
+
+.share-icon {
+ fill: #fff;
+ stroke: none;
+ display: block;
+ height: 100%; }
+ .share-icon svg {
+ width: 1em;
+ height: 100%;
+ margin: auto; }
+
+.share-twitter {
+ background-color: #000000; }
+ .share-twitter:hover {
+ background-color: #0c0c0c; }
+
+.share-pinterest {
+ background-color: #bd081c; }
+ .share-pinterest:hover {
+ background-color: #8c0615; }
+
+.share-facebook {
+ background-color: #3b5998; }
+ .share-facebook:hover {
+ background-color: #2d4373; }
+
+.share-tumblr {
+ background-color: #35465c; }
+ .share-tumblr:hover {
+ background-color: #222d3c; }
+
+.share-reddit {
+ background-color: #5f99cf; }
+ .share-reddit:hover {
+ background-color: #3a80c1; }
+
+.share-google {
+ background-color: #dd4b39; }
+ .share-google:hover {
+ background-color: #c23321; }
+
+.share-linkedin {
+ background-color: #0077b5; }
+ .share-linkedin:hover {
+ background-color: #046293; }
+
+.share-email {
+ background-color: #777; }
+ .share-email:hover {
+ background-color: #5e5e5e; }
+
+.share-whatsapp {
+ background-color: #25d366; }
+ .share-whatsapp:hover {
+ background-color: #1da851; }
+
+.share-hackernews {
+ background-color: #ff6600; }
+ .share-hackernews:hover {
+ background-color: #fb6200; }
+
+.share-vk {
+ background-color: #507299; }
+ .share-vk:hover {
+ background-color: #43648c; }
+
+.share-facebook {
+ background-color: #3b5998; }
+ .share-facebook:hover {
+ background-color: #2d4373; }
+
+.share-twitter {
+ background-color: #55acee; }
+ .share-twitter:hover {
+ background-color: #2795e9; }
+
+.share-google {
+ background-color: #dd4b39; }
+ .share-google:hover {
+ background-color: #c23321; }
+
+.share-email {
+ background-color: #777777; }
+ .share-email:hover {
+ background-color: #5e5e5e; }
+
+.share-reddit {
+ background-color: #5f99cf; }
+ .share-reddit:hover {
+ background-color: #3a80c1; }
+
+.share-whatsapp {
+ background-color: #25d366; }
+ .share-whatsapp:hover {
+ background-color: #1da851; }
+
+.share-telegram {
+ background-color: #54a9eb; }
+ .share-telegram:hover {
+ background-color: #4b97d1; }
+
+.img {
+ max-width: 100%;
+ height: auto; }
+
+/*!
+ * Justified gallery style
+ */
+.gallery {
+ display: flex;
+ flex-wrap: wrap;
+ margin-left: -10px;
+ margin-right: -10px; }
+
+.gallery .gallery-item {
+ margin: 0 10px;
+ margin-bottom: 20px;
+ overflow: hidden;
+ max-width: calc(100% - 20px); }
+
+.gallery .gallery-item img {
+ user-select: none;
+ width: 100%;
+ vertical-align: middle;
+ transition: 0.3s; }
+
+.gallery.zoomable .gallery-item:hover img {
+ transform: scale(1.05);
+ cursor: zoom-in; }
+
+.gallery::after {
+ content: "";
+ flex-grow: 99999;
+ min-width: calc(100vw / 3); }
+
+@media (max-width: 460px) {
+ .gallery {
+ flex-direction: column; }
+ .gallery .gallery-item {
+ width: calc(100% - 20px) !important; } }
+
+.gallery-slider .swiper-slide img {
+ width: 100%; }
+
+.gallery-slider .swiper-button-prev,
+.gallery-slider .swiper-button-next {
+ color: white;
+ opacity: 0;
+ transition: 0.3s; }
+
+.gallery-slider:hover .swiper-button-prev,
+.gallery-slider:hover .swiper-button-next {
+ opacity: 1; }
+
+.gallery-slider:hover .swiper-button-prev {
+ left: 30px; }
+
+.gallery-slider:hover .swiper-button-next {
+ right: 30px; }
+
+.img {
+ max-width: 100%;
+ height: auto; }
+
+.logo-light {
+ display: initial; }
+
+.logo-dark {
+ display: none; }
+
+.dark .logo-light {
+ display: none; }
+
+.dark .logo-dark {
+ display: initial; }
+
+.content img {
+ max-width: 100%;
+ margin-bottom: 1.5rem;
+ height: auto;
+ display: inline-block; }
+ .content img.glightbox {
+ cursor: pointer; }
+ .content img.img-center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+ .content img.img-left {
+ display: block;
+ margin-left: 0;
+ margin-right: auto; }
+ .content img.img-right {
+ display: block;
+ margin-left: auto;
+ margin-right: 0; }
+ .content img.img-float-left {
+ float: left;
+ margin-right: 1.5rem; }
+ .content img.img-float-right {
+ float: right;
+ margin-left: 1.5rem; }
+
+.content figure {
+ display: inline-block;
+ margin-bottom: 1.5rem; }
+ .content figure img {
+ margin-bottom: 0.7rem; }
+ .content figure.img-center {
+ display: block;
+ text-align: center; }
+ .content figure.img-left {
+ display: block;
+ text-align: left; }
+ .content figure.img-right {
+ display: block;
+ text-align: right; }
+ .content figure.img-float-left {
+ float: left;
+ margin-right: 1.5rem; }
+ .content figure.img-float-right {
+ float: right;
+ margin-left: 1.5rem; }
+
+.table-of-content {
+ margin: 1rem 0 1.5rem; }
+ .table-of-content summary {
+ font-size: 18px;
+ color: #fff;
+ background-color: #555;
+ padding: 5px 20px;
+ margin-bottom: 0 !important; }
+ .table-of-content ul li::before {
+ display: none; }
+ .table-of-content #TableOfContents {
+ padding: 10px;
+ background-color: #f7f7f7; }
+ .table-of-content #TableOfContents li,
+ .table-of-content #TableOfContents a {
+ color: #333 !important; }
+ .table-of-content #TableOfContents a {
+ text-decoration: none; }
+ .table-of-content #TableOfContents a:hover {
+ text-decoration: underline; }
+
+.content .table-of-content ul li,
+.content .table-of-content ol li {
+ margin-bottom: 6px !important; }
+
+.dark #TableOfContents {
+ background-color: #333; }
+ .dark #TableOfContents li,
+ .dark #TableOfContents a {
+ color: #fff !important; }
+
+.tab-nav {
+ list-style: none;
+ padding: 0;
+ margin: 0 !important;
+ list-style-type: none !important;
+ display: flex;
+ border-bottom: 1px solid #aaa;
+ overflow-x: auto; }
+ .tab-nav::-webkit-scrollbar {
+ width: 2px; }
+
+.tab-nav-item {
+ padding: 0.5rem 1rem !important;
+ cursor: pointer;
+ opacity: 0.8;
+ margin: 0 !important;
+ white-space: nowrap; }
+
+.tab-nav-item::before {
+ display: none !important; }
+
+.tab-nav-item.active {
+ border-bottom: 3px solid #aaa;
+ opacity: 1; }
+
+.tab-content .tab-content-panel {
+ display: none;
+ padding: 1rem 0.5rem; }
+
+.tab-content .tab-content-panel p {
+ margin-bottom: 0 !important; }
+
+.tab-content .tab-content-panel.active {
+ display: block; }
+
+.accordion {
+ border: 1px solid #ccc; }
+
+.accordion-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem;
+ font-size: 1.1rem;
+ width: 100%;
+ font-weight: bold;
+ text-align: left; }
+
+.accordion-icon {
+ width: 0.78em;
+ height: 0.78em;
+ transform: rotate(-90deg);
+ transition: transform 0.2s ease; }
+
+.accordion-content {
+ max-height: 0;
+ overflow: hidden;
+ padding: 0 1rem; }
+
+.accordion.active .accordion-icon {
+ transform: rotate(0deg); }
+
+.accordion.active .accordion-content {
+ max-height: 100vh; }
+
+.modal {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 40;
+ display: none;
+ height: 100%;
+ width: 100%;
+ overflow: auto; }
+
+.modal-overlay {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 40;
+ display: none;
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.4); }
+
+.modal-content {
+ position: relative;
+ top: 50%;
+ z-index: 50;
+ transform: translateY(-50%);
+ background-color: #fff;
+ border-radius: 0.5rem;
+ padding: 2rem;
+ max-width: 90%;
+ margin: 0 auto; }
+
+.modal-close {
+ position: absolute;
+ top: 0.5rem;
+ right: 0.5rem;
+ height: 2rem;
+ width: 2rem;
+ background-color: #f2f2f2;
+ color: #000;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 2rem; }
+
+.notice {
+ margin-bottom: 1.5rem;
+ border: 1px solid #e5e7eb;
+ padding: 1.5rem; }
+
+.notice-head {
+ display: flex;
+ align-items: center; }
+
+.notice-head svg {
+ margin-right: 0.75rem; }
+
+.notice-head p {
+ font-size: 1.25rem;
+ font-weight: 600;
+ color: #1f2937;
+ margin: 0;
+ line-height: 1; }
+
+.notice-body {
+ margin-top: 0.75rem; }
+
+.notice-body p {
+ margin: 0; }
+
+.notice.note {
+ color: #1b83e2;
+ border-color: currentColor; }
+
+.notice.tip {
+ color: #40d294;
+ border-color: currentColor; }
+
+.notice.info {
+ color: #e3a72c;
+ border-color: currentColor; }
+
+.notice.warning {
+ color: #db2c23;
+ border-color: currentColor; }
+
+.dark .notice-head p {
+ color: #d1d5db; }
+
+.table-of-content {
+ overflow: hidden;
+ border-radius: 0.25rem;
+ border-radius: 6px;
+}
+
+.share-icons .share-link {
+ height: 2.25rem;
+ width: 2.25rem;
+ border-radius: 0.25rem;
+ line-height: 2.25rem;
+ border-radius: 6px;
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 110 0 / var(--tw-bg-opacity));
+}
+
+.share-icons .share-link:hover {
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 110 0 / var(--tw-bg-opacity));
+}
+
+.notice {
+ border-radius: 0.5rem;
+ border-radius: 12px;
+}
+
+.tab {
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+ border-radius: 12px;
+}
+ .tab-nav {
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+ padding-left: 1rem;
+}
+ .tab-nav-item {
+ padding-left: 2rem !important;
+ padding-right: 2rem !important;
+ font-size: 1.125rem !important;
+ line-height: 1.75rem !important;
+ --tw-text-opacity: 1 !important;
+ color: rgb(4 4 4 / var(--tw-text-opacity)) !important;
+}
+ .tab-nav-item.active {
+ --tw-border-opacity: 1;
+ border-color: rgb(4 4 4 / var(--tw-border-opacity));
+}
+ .tab-content-panel {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ padding-top: 0px !important;
+}
+
+.accordion {
+ margin-bottom: 1.5rem;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(234 234 234 / var(--tw-border-opacity));
+ --tw-bg-opacity: 1;
+ background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+ border-radius: 12px;
+}
+ .accordion-header {
+ --tw-text-opacity: 1;
+ color: rgb(4 4 4 / var(--tw-text-opacity));
+}
+
+.cookie-box {
+ border-radius: 0.5rem !important;
+ border-radius: 12px;
+}
+
+.gallery-slider {
+ margin-left: 0px !important;
+}
+
+.grid-container {
+ display: flex;
+ justify-content: space-between; }
+
+.column {
+ flex-basis: calc(50% - 10px);
+ /* Adjust width as necessary */ }
+
+.list {
+ list-style-type: none;
+ padding: 0; }
+
+.list-item {
+ margin-bottom: 10px; }
+
+.link {
+ text-decoration: none;
+ color: inherit; }
+
+.title {
+ font-weight: bold; }
+
+.hr-list {
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin-top: 5px;
+ margin-bottom: 5px; }
+
+.list-item {
+ display: flex;
+ justify-content: space-between;
+ align-items: center; }
+
+.content {
+ flex: 1; }
+
+.link {
+ text-align: left; }
+
+.time {
+ text-align: right; }
+
+.grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px; }
+
+.grid-item {
+ padding: 20px; }
+
+.header-with-image {
+ display: flex;
+ align-items: flex-start; }
+
+.header-with-image img {
+ margin-right: 10px;
+ max-width: 100px;
+ /* Adjust as needed */
+ max-height: 100px;
+ /* Adjust as needed */
+ align-items: center; }
+
+.read-more-link {
+ color: #FF6E00;
+ /* Use the variable defined in theme.json */ }
+
+.center-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center; }
+
+.grid-container-small {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 20px; }
+
+.hr-list {
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-right: .5rem; }
+
+.center-layout {
+ display: flex;
+ justify-content: center; }
+
+.hr-list2 {
+ border: 20;
+ border-top: 1px solid #FF6E00;
+ margin-top: 5px;
+ margin-bottom: 5px; }
+
+.header-with-image2 {
+ text-align: center; }
+
+.header-with-image2 img {
+ display: inline-block; }
+
+.line {
+ border-top: 1px solid #FF6E00;
+ /* Change color and thickness as needed */
+ margin: 10px 0;
+ /* Adjust spacing between the line and the divs */ }
+
+@media (min-width: 540px) {
+
+ .sm\:col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333333334%;
+ }
+}
+
+@media (min-width: 768px) {
+
+ .md\:col-5 {
+ flex: 0 0 auto;
+ width: 41.66666666666667%;
+ }
+
+ .md\:col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .md\:col-7 {
+ flex: 0 0 auto;
+ width: 58.333333333333336%;
+ }
+
+ .md\:col-8 {
+ flex: 0 0 auto;
+ width: 66.66666666666667%;
+ }
+
+ .md\:col-9 {
+ flex: 0 0 auto;
+ width: 75%;
+ }
+
+ .md\:col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333333334%;
+ }
+
+ .md\:order-2 {
+ order: 2;
+ }
+}
+
+@media (min-width: 1024px) {
+
+ .lg\:col-3 {
+ flex: 0 0 auto;
+ width: 25%;
+ }
+
+ .lg\:col-4 {
+ flex: 0 0 auto;
+ width: 33.333333333333336%;
+ }
+
+ .lg\:col-6 {
+ flex: 0 0 auto;
+ width: 50%;
+ }
+
+ .lg\:col-7 {
+ flex: 0 0 auto;
+ width: 58.333333333333336%;
+ }
+
+ .lg\:col-8 {
+ flex: 0 0 auto;
+ width: 66.66666666666667%;
+ }
+
+ .lg\:col-10 {
+ flex: 0 0 auto;
+ width: 83.33333333333334%;
+ }
+
+ .lg\:order-1 {
+ order: 1;
+ }
+}
+
+@media (min-width: 540px) {
+
+ .sm\:block {
+ display: block;
+ }
+
+ .sm\:hidden {
+ display: none;
+ }
+
+ .sm\:bg-red-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+ }
+}
+
+@media (min-width: 768px) {
+
+ .md\:order-2 {
+ order: 2;
+ }
+
+ .md\:block {
+ display: block;
+ }
+
+ .md\:hidden {
+ display: none;
+ }
+
+ .md\:bg-yellow-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(254 240 138 / var(--tw-bg-opacity));
+ }
+}
+
+@media (min-width: 1024px) {
+
+ .lg\:order-1 {
+ order: 1;
+ }
+
+ .lg\:mb-0 {
+ margin-bottom: 0px;
+ }
+
+ .lg\:ml-0 {
+ margin-left: 0px;
+ }
+
+ .lg\:mt-0 {
+ margin-top: 0px;
+ }
+
+ .lg\:block {
+ display: block;
+ }
+
+ .lg\:inline-block {
+ display: inline-block;
+ }
+
+ .lg\:flex {
+ display: flex;
+ }
+
+ .lg\:hidden {
+ display: none;
+ }
+
+ .lg\:w-1\/2 {
+ width: 50%;
+ }
+
+ .lg\:w-auto {
+ width: auto;
+ }
+
+ .lg\:\!max-w-\[800px\] {
+ max-width: 800px !important;
+ }
+
+ .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+ }
+
+ .lg\:bg-green-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(187 247 208 / var(--tw-bg-opacity));
+ }
+
+ .lg\:pb-0 {
+ padding-bottom: 0px;
+ }
+
+ .lg\:text-left {
+ text-align: left;
+ }
+
+ .lg\:text-right {
+ text-align: right;
+ }
+
+ .lg\:text-h1 {
+ font-size: 2.9859839999999997rem;
+ }
+
+ .group:hover .lg\:group-hover\:visible {
+ visibility: visible;
+ }
+
+ .group:hover .lg\:group-hover\:opacity-100 {
+ opacity: 1;
+ }
+}
+
+@media (min-width: 1280px) {
+
+ .xl\:block {
+ display: block;
+ }
+
+ .xl\:hidden {
+ display: none;
+ }
+
+ .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(2rem * var(--tw-space-x-reverse));
+ margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+ }
+
+ .xl\:bg-blue-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
+ }
+}
+
+@media (min-width: 1536px) {
+
+ .\32xl\:block {
+ display: block;
+ }
+
+ .\32xl\:hidden {
+ display: none;
+ }
+
+ .\32xl\:bg-pink-200 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(251 207 232 / var(--tw-bg-opacity));
+ }
+}
diff --git a/website/public/developers/index.html b/website/public/developers/index.html
new file mode 100644
index 00000000..122bd93d
--- /dev/null
+++ b/website/public/developers/index.html
@@ -0,0 +1,898 @@
+
+
+
+
+ Developers
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Developers
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Developers
+
+
+
+
+
+
+
+
+
+
+
+
+
The Fediversity Project enables easy hosting for a wide variety of fediverse platforms, all based on NixOS. At the start, the project will support Mastodon, PixelFed,PeerTube, Matrix and Nexcloud, and the project is actively working to expand this offering. Other services that are offered are email (based on Stalwart) and domain registry.
+
As part of the NGI Funding, the Fediversity Project also offers grants to developers to expand the ecosystem. The NLNet website has more information on how you as a developer can apply to grants, ranging from 5.000 to 50.000 euro’s.
+
If you are a developer of fediverse software, and would like to get your platform also offered for easy hosting as part of the Fediversity Project, please reach out to us. You can contact us HERE.
+
As the project is based upon NixOS, we are actively supporting making fediverse projects available as nix packages. If your project is on the fence about this, please reach out. Nix packages make updating and maintaining fediverse projects a breeze!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/ec/index.html b/website/public/ec/index.html
new file mode 100644
index 00000000..490a147d
--- /dev/null
+++ b/website/public/ec/index.html
@@ -0,0 +1,896 @@
+
+
+
+
+ European Commission
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
European Commission
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ European Commission
+
+
+
+
+
+
+
+
+
+
+
+
+
The Fediversity project implements the visions outlined by the Next Generation Internet (NGI) initiative for an open internet in several ways. Most importantly, it helps with decentralisation of the internet, a core principle of the NGI, by making it easier for people to participate in the Open Social Web on their own terms. NGI’s goal of empowering individuals in the digital sphere is helped by making it easy for them to set up their own servers and platforms. While a variety of Fediverse software exist, there are still barriers of entry for people. In order for people to be truly empowered, joining the fediverse needs to be as weasy as possible. Additionally, the Fediverse emphasises interoperability and openness, which are key concerns addressed by the NGI.
+
Part of the values of openness and transparency of is that the Fediversity project is that all the deliverables of the projects are have a ‘Public’ Dissemination level. On this page an overview of all deliverables of the Fediversity project can be found.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/events/index.html b/website/public/events/index.html
new file mode 100644
index 00000000..745db237
--- /dev/null
+++ b/website/public/events/index.html
@@ -0,0 +1,934 @@
+
+
+
+
+ Events
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 11-05-2024
+
+
+
+
+
+ 11-05-2024
+
+
+
+
+
+ 10-04-2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/events/index.xml b/website/public/events/index.xml
new file mode 100644
index 00000000..7bd99930
--- /dev/null
+++ b/website/public/events/index.xml
@@ -0,0 +1,33 @@
+
+
+
+ Events on Fediversity
+ Recent content in Events on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Sat, 11 May 2024 14:00:00 +0200
+ -
+
PublicSpaces Conference 2024
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/events/publicspaces-annual-conference/
+ w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ -
+
OW2con 2024
+ Sat, 11 May 2024 09:00:00 +0000
+ //localhost:1313/events/owc-annual-conference-2024/
+ OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ -
+
State of the Internet 2024
+ Wed, 10 Apr 2024 16:00:00 +0000
+ //localhost:1313/events/waag-state-internet-2024/
+ Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+
+
diff --git a/website/public/events/owc-annual-conference-2024/index.html b/website/public/events/owc-annual-conference-2024/index.html
new file mode 100644
index 00000000..ee990ca9
--- /dev/null
+++ b/website/public/events/owc-annual-conference-2024/index.html
@@ -0,0 +1,1039 @@
+
+
+
+
+ OW2con 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
OW2con 2024
+
+
+
+
+
+
+
+
+
+
+
+
OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source. It also offers a unique opportunity to establish contact with peers through friendly networking sessions. OW2con is open
+ to all, the event is free and all sessions are held in English.
+The OW2con’24 call for presentations is open. This year we are giving the highlight on the theme of open source funding: what are the current solutions for innovators, start-ups or ISVs to finance their development? private or public financing? Are national and European public policies up to the challenges?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/events/publicspaces-annual-conference/index.html b/website/public/events/publicspaces-annual-conference/index.html
new file mode 100644
index 00000000..54cbac1b
--- /dev/null
+++ b/website/public/events/publicspaces-annual-conference/index.html
@@ -0,0 +1,1039 @@
+
+
+
+
+ PublicSpaces Conference 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
PublicSpaces Conference 2024
+
+
+
+
+
+
+
+
+
+
+
+
w
+On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’. Held at Pakhuis de Zwijger, this two-day event will feature panels, keynotes, roundtable discussions, lectures, as well as art and cultural showcases, all aimed at collectively shaping the rules for a more inclusive internet. Join us as we navigate towards a digital landscape where everyone has a voice. For more information, check out the website
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/events/waag-state-internet-2024/index.html b/website/public/events/waag-state-internet-2024/index.html
new file mode 100644
index 00000000..6210a8f7
--- /dev/null
+++ b/website/public/events/waag-state-internet-2024/index.html
@@ -0,0 +1,1043 @@
+
+
+
+
+ State of the Internet 2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
State of the Internet 2024
+
+
+
+
+
+
+
+
+
+
+
+
Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm. Featuring Kim van Sparrentak, Member of the European Parliament, discussing Europe’s efforts to regulate Big Tech and enhance digital rights. Explore the impact of pivotal European laws like the GDPR and AI Act while celebrating 30 years of Waag Futurelab’s dedication to democratizing technology access for all.
+
The event takes place at:
+
OBA Oosterdok
+
Registration available here
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/fediversity/index.html b/website/public/fediversity/index.html
new file mode 100644
index 00000000..b7fb657e
--- /dev/null
+++ b/website/public/fediversity/index.html
@@ -0,0 +1,897 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone. It wants to provide everyone with high-quality, secure IT systems for everyday use. Without tracking, without exploitation, in a way that runs everywhere and scales effortlessly. Fediversity is based on NixOS, a disruptive Linux distribution with a unique approach to package and configuration management. Built on top of the Nix package manager, NixOS is completely declarative, makes upgrading systems reliable, and has many other advantages. Because it is reproducible, it is ideally suited for complex deployment scenario’s where consistent behaviour, stability and configurability matter.
+
One such “complex” deployment scenario is running state-of-the-art services for the Fediverse, like PeerTube, Mastodon, Owncast or Lemmy — especially if you want to for instance add services like live chat or transcoding. But even running more traditional services like modern e-mail servers with possible whistles and bells can be daunting. The same holds for deploying a VPN, private cloud storage, wiki, etc. Fediversity will enable all of these use cases, and more — finally bringing these to the market in a way that is as conveient as using a hosted service.
+
Fediversity is a pilot funded by the European Commission, building on many projects funding through the Next Generation Internet initiative. The results of the project should greatly simplify the creation and delivery of robust and secure services, on the web and beyond.
+
Fediversity will deliver an ambitious development effort, but this is a vast domain with many more challenges than what any preconceived effort could tackle by itself. This is why we invite your contribution to help us reshape the state of play, and together create an open, trustworthy and reliable internet for all.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/grants/index.html b/website/public/grants/index.html
new file mode 100644
index 00000000..c1febda4
--- /dev/null
+++ b/website/public/grants/index.html
@@ -0,0 +1,897 @@
+
+
+
+
+ Grants
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity invites other people to join this ambitious development effort. It is a vast domain with many more challenges than what any preconceived effort could tackle by itself. This is why we invite your contribution to help us reshape the state of play, and together create an open, trustworthy and reliable internet for all.
+
This is your opportunity to make a real difference. You tell us how your project can help Fediversity go harder, better, faster, stronger. In order to enable you to make such contributions, NLnet will award 450 000 euro in small to medium-size R&D grants towards solutions that bring the next generation of social networks closer. NLnet is seeking project proposals between 5.000 and 50.000 euro’s — which should get you on your way.
+
Noteworthy fact: many projects which are to be deployed inside Fediversity were themselves bootstrapped on precisely such a grant from NGI, and now it is your turn.
+
For more information on how to apply, check the NLnet website.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/images/avatar.png b/website/public/images/avatar.png
new file mode 100644
index 00000000..387b035c
Binary files /dev/null and b/website/public/images/avatar.png differ
diff --git a/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..24f26b20
Binary files /dev/null and b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_194x194_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png
new file mode 100644
index 00000000..7d0f66ee
Binary files /dev/null and b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_lanczos_3.png differ
diff --git a/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..07fdaf58
Binary files /dev/null and b/website/public/images/avatar_hu2fb2c1ffbbc34375e1753f29fe535e66_2271_200x200_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_100x100_fill_q80_h2_lanczos_smart1.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_100x100_fill_q80_h2_lanczos_smart1.webp
new file mode 100644
index 00000000..2a12045e
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_100x100_fill_q80_h2_lanczos_smart1.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_1110x0_resize_q80_h2_lanczos.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_1110x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..18438f9a
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_1110x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_420x0_resize_q80_h2_lanczos.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_420x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..23681bf7
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_420x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_545x0_resize_q80_h2_lanczos.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_545x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..e5cb4a6a
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_545x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_600x0_resize_q80_h2_lanczos.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_600x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..55128233
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_600x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_700x0_resize_q80_h2_lanczos.webp b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_700x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..1aef6d6e
Binary files /dev/null and b/website/public/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_700x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_100x100_fill_q80_h2_lanczos_smart1.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_100x100_fill_q80_h2_lanczos_smart1.webp
new file mode 100644
index 00000000..cba55088
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_100x100_fill_q80_h2_lanczos_smart1.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..2b8fdb8b
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_420x0_resize_q80_h2_lanczos.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_420x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..e8bb02ea
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_420x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..76aa4bc7
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..af858cce
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..e675577c
Binary files /dev/null and b/website/public/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled.png b/website/public/images/checkbox-illustration-scaled.png
new file mode 100644
index 00000000..e4bb37d8
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled.png differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_lanczos_smart1_3.png b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_lanczos_smart1_3.png
new file mode 100644
index 00000000..3acd9f11
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_lanczos_smart1_3.png differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_q80_h2_lanczos_smart1_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_q80_h2_lanczos_smart1_3.webp
new file mode 100644
index 00000000..22c98c9f
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_q80_h2_lanczos_smart1_3.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png
new file mode 100644
index 00000000..b0da2ff9
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..5a89bb9f
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_lanczos_3.png b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_lanczos_3.png
new file mode 100644
index 00000000..57acd679
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_lanczos_3.png differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_q80_h2_lanczos_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..10b50abb
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..8def810f
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..d5cb2ee8
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..4eee2d33
Binary files /dev/null and b/website/public/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_100x100_fill_q80_h2_lanczos_smart1.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_100x100_fill_q80_h2_lanczos_smart1.webp
new file mode 100644
index 00000000..a4e75525
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_100x100_fill_q80_h2_lanczos_smart1.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..ae31d858
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_420x0_resize_q80_h2_lanczos.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_420x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..08c434b1
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_420x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..26be9d3e
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..b820b600
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp
new file mode 100644
index 00000000..33278d63
Binary files /dev/null and b/website/public/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x0_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x0_resize_lanczos_3.png
new file mode 100644
index 00000000..2a255dd0
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x0_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x144_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x144_resize_lanczos_3.png
new file mode 100644
index 00000000..2a255dd0
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x144_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_192x192_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_192x192_resize_lanczos_3.png
new file mode 100644
index 00000000..a71f8226
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_192x192_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x0_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x0_resize_lanczos_3.png
new file mode 100644
index 00000000..137d375e
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x0_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x48_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x48_resize_lanczos_3.png
new file mode 100644
index 00000000..137d375e
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x48_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_512x512_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_512x512_resize_lanczos_3.png
new file mode 100644
index 00000000..73e331fd
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_512x512_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_72x72_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_72x72_resize_lanczos_3.png
new file mode 100644
index 00000000..84d4cd06
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_72x72_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png
new file mode 100644
index 00000000..a8918db4
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x0_resize_lanczos_3.png differ
diff --git a/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x96_resize_lanczos_3.png b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x96_resize_lanczos_3.png
new file mode 100644
index 00000000..a8918db4
Binary files /dev/null and b/website/public/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x96_resize_lanczos_3.png differ
diff --git a/website/public/images/home.svg b/website/public/images/home.svg
new file mode 100644
index 00000000..164ca2fe
--- /dev/null
+++ b/website/public/images/home.svg
@@ -0,0 +1 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/images/og-image.png b/website/public/images/og-image.png
new file mode 100644
index 00000000..e31ac0e2
Binary files /dev/null and b/website/public/images/og-image.png differ
diff --git a/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_360x0_resize_q80_h2_lanczos_3.webp b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_360x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..7e9fb32c
Binary files /dev/null and b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_360x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_425x0_resize_q80_h2_lanczos_3.webp b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_425x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..703b6237
Binary files /dev/null and b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_425x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_lanczos_3.png b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_lanczos_3.png
new file mode 100644
index 00000000..2954dd4c
Binary files /dev/null and b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_lanczos_3.png differ
diff --git a/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_q80_h2_lanczos_3.webp b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..e62ff08b
Binary files /dev/null and b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_520x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_545x0_resize_q80_h2_lanczos_3.webp b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_545x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..93e354a5
Binary files /dev/null and b/website/public/images/stepping-up_hu3a899aa48c57f1b9bb5cfa5f27514263_18659_545x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/website-new.png b/website/public/images/website-new.png
new file mode 100644
index 00000000..84409045
Binary files /dev/null and b/website/public/images/website-new.png differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_lanczos_smart1_3.png b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_lanczos_smart1_3.png
new file mode 100644
index 00000000..24029c2c
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_lanczos_smart1_3.png differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_q80_h2_lanczos_smart1_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_q80_h2_lanczos_smart1_3.webp
new file mode 100644
index 00000000..0480b740
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_q80_h2_lanczos_smart1_3.webp differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_lanczos_3.png b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_lanczos_3.png
new file mode 100644
index 00000000..6d69e2ec
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_lanczos_3.png differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_q80_h2_lanczos_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..af9ce60d
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_1110x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_lanczos_3.png b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_lanczos_3.png
new file mode 100644
index 00000000..f314ff9e
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_lanczos_3.png differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_q80_h2_lanczos_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..0fb8ed44
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_545x0_resize_q80_h2_lanczos_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_545x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..4199b86c
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_545x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_600x0_resize_q80_h2_lanczos_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_600x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..13102b0b
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_600x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_700x0_resize_q80_h2_lanczos_3.webp b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_700x0_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 00000000..4c4061f6
Binary files /dev/null and b/website/public/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_700x0_resize_q80_h2_lanczos_3.webp differ
diff --git a/website/public/index.html b/website/public/index.html
new file mode 100644
index 00000000..dff60c8a
--- /dev/null
+++ b/website/public/index.html
@@ -0,0 +1,1394 @@
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome to the Fediversity Project
+
The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone.
+
+
+ For You
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Consortium
+
+
+
+
+
+
+
+
+
The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.
+
+
+
+
+
+
+
+
+
+
+
NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data.
+
+
+ Read more
+
+
+
+
+
+
+
+
+
+
+
+
The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
+
+
+ Read more
+
+
+
+
+
+
+
+
+
+
+
+
Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.
+
+
+ Read more
+
+
+
+
+
+
+
+
+
+
+
+
NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.
+
+
+ Read more
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fediversity Grants
+
Fediversity will award 450 000 euro in small to medium-size R&D grants towards solutions that bring the next generation of social networks closer. We are seeking project proposals between 5.000 and 50.000 euro’s — which should get you on your way.
+
+
+
+ Learn more
+
+
+
+
+
+
+
+
+
+
+
+
+ Fediverse Explained
+
+
+
+
+
+
Always be in control with your own data on social networks, whether that’s with Mastodon, PeerTube or Pixelfed: Fediversity makes it possible.
+
+
+ Learn more
+
+
+
+
+
+
+
+
As a developer building the next generation of social platforms, you are looking to make it easier to facilitate your customers to use your product. Fediversity can help.
+
+
+ Learn more
+
+
+
+
+
+
+
+
The Fediversity Project operates on a grant gratiously provided by the HORIZON fund by the EC. Learn more about the accountability of the project.
+
+
+ Learn more
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 11-05-2024
+
+
+
+
+
+ 11-05-2024
+
+
+
+
+
+ 10-04-2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 17-09-2024
+
+
+
+
+
+ 05-08-2024
+
+
+
+
+
+ 30-07-2024
+
+
+
+
+
+ 15-05-2024
+
+
+
+
+
+ 01-01-2024
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/index.xml b/website/public/index.xml
new file mode 100644
index 00000000..340f0e82
--- /dev/null
+++ b/website/public/index.xml
@@ -0,0 +1,166 @@
+
+
+
+ Fediversity
+ Recent content on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ Tue, 17 Sep 2024 05:00:00 +0000
+ -
+
Nordunet Conference 2024
+ Tue, 17 Sep 2024 05:00:00 +0000
+ //localhost:1313/blog/nordunet-conference-2024/
+ Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.
+
+ -
+
Fediversity Tech Session
+ Mon, 05 Aug 2024 05:00:00 +0000
+ //localhost:1313/blog/fediversity-tech-session/
+ Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.
+
+ -
+
PublicSpaces Conference 2024
+ Tue, 30 Jul 2024 05:00:00 +0000
+ //localhost:1313/blog/publicspaces-conference/
+ PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled ‘Taking Back the Internet’.
+
+ -
+
Fediversity new website launch
+ Wed, 15 May 2024 05:00:00 +0000
+ //localhost:1313/blog/new-website-launch/
+ We are pleased to introduce the launch of our new website dedicated to the Fediversity project.
+
+ -
+
PublicSpaces Conference 2024
+ Sat, 11 May 2024 14:00:00 +0200
+ //localhost:1313/events/publicspaces-annual-conference/
+ w On June 6th and 7th, PublicSpaces and Waag Futurelab proudly present the fourth edition of the PublicSpaces conference under the theme ‘Empowering the Internet’.
+
+ -
+
OW2con 2024
+ Sat, 11 May 2024 09:00:00 +0000
+ //localhost:1313/events/owc-annual-conference-2024/
+ OW2con is the European open source conference organized by OW2. An international meeting of developpers, IT companies, academics and non-profit organizations, OW2con brings together the entire open source community, during two days of presentations ranging from tech topics to business and ethical issues of open source.
+
+ -
+
State of the Internet 2024
+ Wed, 10 Apr 2024 16:00:00 +0000
+ //localhost:1313/events/waag-state-internet-2024/
+ Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.
+
+ -
+
Fediversity Project publicly announced
+ Mon, 01 Jan 2024 05:00:00 +0000
+ //localhost:1313/blog/project-launch/
+ The Consortium behind the Fediversity project announces that the project has officially been started.
+
+ -
+
Consortium
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/consortium/
+ Information about the project. TODO.
+
+ -
+
Developers
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/developers/
+ The Fediversity Project enables easy hosting for a wide variety of fediverse platforms, all based on NixOS.
+
+ -
+
European Commission
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/ec/
+ The Fediversity project implements the visions outlined by the Next Generation Internet (NGI) initiative for an open internet in several ways.
+
+ -
+
Fediversity
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/fediversity/
+ Fediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone.
+
+ -
+
Grants
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/grants/
+ Fediversity invites other people to join this ambitious development effort. It is a vast domain with many more challenges than what any preconceived effort could tackle by itself.
+
+ -
+
Individuals
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/individuals/
+ The fediverse shows great potential in fundamentally rethinking how we approach the internet.
+
+ -
+
Laurens Hof
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/authors/laurens-hof/
+ Story teller for the Fediversity Project.
+
+ -
+
NLnet
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/nlnet/
+ The NLnet Foundation supports organisations and people who contribute to an open internet for all.
+
+ -
+
NORDUnet
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/nordunet/
+ NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries connecting universities and research institutions across Denmark, Finland, Iceland, Norway, and Sweden.
+
+ -
+
Open Internet Discourse Foundation
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/oid/
+ The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
+
+ -
+
Privacy
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/privacy-policy/
+ The Fediversity website does not track you, and does not process any of your data.
+
+ -
+
Ready to build your next project with Hugo?
+ Mon, 01 Jan 0001 00:00:00 +0000
+
+ -
+
Tweag
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/tweag/
+ Tweag is the open source program office (OSPO) of Modus Create, a global digital consulting firm that helps enterprises build competitive advantage through digital innovation.
+
+ -
+
What Users Are Saying About Hugoplate
+ Mon, 01 Jan 0001 00:00:00 +0000
+
+
+
diff --git a/website/public/individuals/index.html b/website/public/individuals/index.html
new file mode 100644
index 00000000..b8b7a0b4
--- /dev/null
+++ b/website/public/individuals/index.html
@@ -0,0 +1,901 @@
+
+
+
+
+ Individuals
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Individuals
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Individuals
+
+
+
+
+
+
+
+
+
+
+
+
+
The fediverse shows great potential in fundamentally rethinking how we approach the internet. It is a new way of thinking about how the internet can be a social web, and solves for the problems that the current Big Tech platforms have, while at the same time enabling a new wave of innovation and new ideas on the social web.
+
+Giving people control of their data and social connections, allowing them to choose whatever platform and product they want.
+Giving people control of their privacy and their feeds, without black-box algorithms that decide for them what they get to see.
+
+
The Fediversity project is working on making it easier for people to join the fediverse, and taking full control on their own online social presence. We make it easier for you to join the fediverse, giving you an easy way to select what you need. With one click, you can select whether you need photo sharing, microblogging, video sharing, blogging or simply email. You can get a domain name as well, so you can be up and running with a professional social presence on the new internet in without any effort.
+
Fediversity is currently in development, and you can follow us on Mastodon for all the latest information.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/js/script-lazy.js b/website/public/js/script-lazy.js
new file mode 100644
index 00000000..5cf1d246
--- /dev/null
+++ b/website/public/js/script-lazy.js
@@ -0,0 +1,4744 @@
+/*!
+ * Glightbox v3.1.0
+ * https://github.com/biati-digital/glightbox
+ * Released under the MIT license
+ */
+
+(function (global, factory) {
+ typeof exports === "object" && typeof module !== "undefined"
+ ? (module.exports = factory())
+ : typeof define === "function" && define.amd
+ ? define(factory)
+ : ((global = global || self), (global.GLightbox = factory()));
+})(this, function () {
+ "use strict";
+
+ function _typeof(obj) {
+ "@babel/helpers - typeof";
+
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ _typeof = function (obj) {
+ return typeof obj;
+ };
+ } else {
+ _typeof = function (obj) {
+ return obj &&
+ typeof Symbol === "function" &&
+ obj.constructor === Symbol &&
+ obj !== Symbol.prototype
+ ? "symbol"
+ : typeof obj;
+ };
+ }
+
+ return _typeof(obj);
+ }
+
+ function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ }
+
+ function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+ }
+
+ var uid = Date.now();
+ function extend() {
+ var extended = {};
+ var deep = true;
+ var i = 0;
+ var length = arguments.length;
+
+ if (Object.prototype.toString.call(arguments[0]) === "[object Boolean]") {
+ deep = arguments[0];
+ i++;
+ }
+
+ var merge = function merge(obj) {
+ for (var prop in obj) {
+ if (Object.prototype.hasOwnProperty.call(obj, prop)) {
+ if (
+ deep &&
+ Object.prototype.toString.call(obj[prop]) === "[object Object]"
+ ) {
+ extended[prop] = extend(true, extended[prop], obj[prop]);
+ } else {
+ extended[prop] = obj[prop];
+ }
+ }
+ }
+ };
+
+ for (; i < length; i++) {
+ var obj = arguments[i];
+ merge(obj);
+ }
+
+ return extended;
+ }
+ function each(collection, callback) {
+ if (
+ isNode(collection) ||
+ collection === window ||
+ collection === document
+ ) {
+ collection = [collection];
+ }
+
+ if (!isArrayLike(collection) && !isObject(collection)) {
+ collection = [collection];
+ }
+
+ if (size(collection) == 0) {
+ return;
+ }
+
+ if (isArrayLike(collection) && !isObject(collection)) {
+ var l = collection.length,
+ i = 0;
+
+ for (; i < l; i++) {
+ if (
+ callback.call(collection[i], collection[i], i, collection) === false
+ ) {
+ break;
+ }
+ }
+ } else if (isObject(collection)) {
+ for (var key in collection) {
+ if (has(collection, key)) {
+ if (
+ callback.call(collection[key], collection[key], key, collection) ===
+ false
+ ) {
+ break;
+ }
+ }
+ }
+ }
+ }
+ function getNodeEvents(node) {
+ var name =
+ arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var fn =
+ arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var cache = (node[uid] = node[uid] || []);
+ var data = {
+ all: cache,
+ evt: null,
+ found: null,
+ };
+
+ if (name && fn && size(cache) > 0) {
+ each(cache, function (cl, i) {
+ if (cl.eventName == name && cl.fn.toString() == fn.toString()) {
+ data.found = true;
+ data.evt = i;
+ return false;
+ }
+ });
+ }
+
+ return data;
+ }
+ function addEvent(eventName) {
+ var _ref =
+ arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+ onElement = _ref.onElement,
+ withCallback = _ref.withCallback,
+ _ref$avoidDuplicate = _ref.avoidDuplicate,
+ avoidDuplicate =
+ _ref$avoidDuplicate === void 0 ? true : _ref$avoidDuplicate,
+ _ref$once = _ref.once,
+ once = _ref$once === void 0 ? false : _ref$once,
+ _ref$useCapture = _ref.useCapture,
+ useCapture = _ref$useCapture === void 0 ? false : _ref$useCapture;
+
+ var thisArg = arguments.length > 2 ? arguments[2] : undefined;
+ var element = onElement || [];
+
+ if (isString(element)) {
+ element = document.querySelectorAll(element);
+ }
+
+ function handler(event) {
+ if (isFunction(withCallback)) {
+ withCallback.call(thisArg, event, this);
+ }
+
+ if (once) {
+ handler.destroy();
+ }
+ }
+
+ handler.destroy = function () {
+ each(element, function (el) {
+ var events = getNodeEvents(el, eventName, handler);
+
+ if (events.found) {
+ events.all.splice(events.evt, 1);
+ }
+
+ if (el.removeEventListener) {
+ el.removeEventListener(eventName, handler, useCapture);
+ }
+ });
+ };
+
+ each(element, function (el) {
+ var events = getNodeEvents(el, eventName, handler);
+
+ if (
+ (el.addEventListener && avoidDuplicate && !events.found) ||
+ !avoidDuplicate
+ ) {
+ el.addEventListener(eventName, handler, useCapture);
+ events.all.push({
+ eventName: eventName,
+ fn: handler,
+ });
+ }
+ });
+ return handler;
+ }
+ function addClass(node, name) {
+ each(name.split(" "), function (cl) {
+ return node.classList.add(cl);
+ });
+ }
+ function removeClass(node, name) {
+ each(name.split(" "), function (cl) {
+ return node.classList.remove(cl);
+ });
+ }
+ function hasClass(node, name) {
+ return node.classList.contains(name);
+ }
+ function closest(elem, selector) {
+ while (elem !== document.body) {
+ elem = elem.parentElement;
+
+ if (!elem) {
+ return false;
+ }
+
+ var matches =
+ typeof elem.matches == "function"
+ ? elem.matches(selector)
+ : elem.msMatchesSelector(selector);
+
+ if (matches) {
+ return elem;
+ }
+ }
+ }
+ function animateElement(element) {
+ var animation =
+ arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+ var callback =
+ arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+ if (!element || animation === "") {
+ return false;
+ }
+
+ if (animation == "none") {
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ return false;
+ }
+
+ var animationEnd = whichAnimationEvent();
+ var animationNames = animation.split(" ");
+ each(animationNames, function (name) {
+ addClass(element, "g" + name);
+ });
+ addEvent(animationEnd, {
+ onElement: element,
+ avoidDuplicate: false,
+ once: true,
+ withCallback: function withCallback(event, target) {
+ each(animationNames, function (name) {
+ removeClass(target, "g" + name);
+ });
+
+ if (isFunction(callback)) {
+ callback();
+ }
+ },
+ });
+ }
+ function cssTransform(node) {
+ var translate =
+ arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+
+ if (translate == "") {
+ node.style.webkitTransform = "";
+ node.style.MozTransform = "";
+ node.style.msTransform = "";
+ node.style.OTransform = "";
+ node.style.transform = "";
+ return false;
+ }
+
+ node.style.webkitTransform = translate;
+ node.style.MozTransform = translate;
+ node.style.msTransform = translate;
+ node.style.OTransform = translate;
+ node.style.transform = translate;
+ }
+ function show(element) {
+ element.style.display = "block";
+ }
+ function hide(element) {
+ element.style.display = "none";
+ }
+ function createHTML(htmlStr) {
+ var frag = document.createDocumentFragment(),
+ temp = document.createElement("div");
+ temp.innerHTML = htmlStr;
+
+ while (temp.firstChild) {
+ frag.appendChild(temp.firstChild);
+ }
+
+ return frag;
+ }
+ function windowSize() {
+ return {
+ width:
+ window.innerWidth ||
+ document.documentElement.clientWidth ||
+ document.body.clientWidth,
+ height:
+ window.innerHeight ||
+ document.documentElement.clientHeight ||
+ document.body.clientHeight,
+ };
+ }
+ function whichAnimationEvent() {
+ var t,
+ el = document.createElement("fakeelement");
+ var animations = {
+ animation: "animationend",
+ OAnimation: "oAnimationEnd",
+ MozAnimation: "animationend",
+ WebkitAnimation: "webkitAnimationEnd",
+ };
+
+ for (t in animations) {
+ if (el.style[t] !== undefined) {
+ return animations[t];
+ }
+ }
+ }
+ function whichTransitionEvent() {
+ var t,
+ el = document.createElement("fakeelement");
+ var transitions = {
+ transition: "transitionend",
+ OTransition: "oTransitionEnd",
+ MozTransition: "transitionend",
+ WebkitTransition: "webkitTransitionEnd",
+ };
+
+ for (t in transitions) {
+ if (el.style[t] !== undefined) {
+ return transitions[t];
+ }
+ }
+ }
+ function createIframe(config) {
+ var url = config.url,
+ allow = config.allow,
+ callback = config.callback,
+ appendTo = config.appendTo;
+ var iframe = document.createElement("iframe");
+ iframe.className = "vimeo-video gvideo";
+ iframe.src = url;
+ iframe.style.width = "100%";
+ iframe.style.height = "100%";
+
+ if (allow) {
+ iframe.setAttribute("allow", allow);
+ }
+
+ iframe.onload = function () {
+ addClass(iframe, "node-ready");
+
+ if (isFunction(callback)) {
+ callback();
+ }
+ };
+
+ if (appendTo) {
+ appendTo.appendChild(iframe);
+ }
+
+ return iframe;
+ }
+ function waitUntil(check, onComplete, delay, timeout) {
+ if (check()) {
+ onComplete();
+ return;
+ }
+
+ if (!delay) {
+ delay = 100;
+ }
+
+ var timeoutPointer;
+ var intervalPointer = setInterval(function () {
+ if (!check()) {
+ return;
+ }
+
+ clearInterval(intervalPointer);
+
+ if (timeoutPointer) {
+ clearTimeout(timeoutPointer);
+ }
+
+ onComplete();
+ }, delay);
+
+ if (timeout) {
+ timeoutPointer = setTimeout(function () {
+ clearInterval(intervalPointer);
+ }, timeout);
+ }
+ }
+ function injectAssets(url, waitFor, callback) {
+ if (isNil(url)) {
+ console.error("Inject assets error");
+ return;
+ }
+
+ if (isFunction(waitFor)) {
+ callback = waitFor;
+ waitFor = false;
+ }
+
+ if (isString(waitFor) && waitFor in window) {
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ return;
+ }
+
+ var found;
+
+ if (url.indexOf(".css") !== -1) {
+ found = document.querySelectorAll('link[href="' + url + '"]');
+
+ if (found && found.length > 0) {
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ return;
+ }
+
+ var head = document.getElementsByTagName("head")[0];
+ var headStyles = head.querySelectorAll('link[rel="stylesheet"]');
+ var link = document.createElement("link");
+ link.rel = "stylesheet";
+ link.type = "text/css";
+ link.href = url;
+ link.media = "all";
+
+ if (headStyles) {
+ head.insertBefore(link, headStyles[0]);
+ } else {
+ head.appendChild(link);
+ }
+
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ return;
+ }
+
+ found = document.querySelectorAll('script[src="' + url + '"]');
+
+ if (found && found.length > 0) {
+ if (isFunction(callback)) {
+ if (isString(waitFor)) {
+ waitUntil(
+ function () {
+ return typeof window[waitFor] !== "undefined";
+ },
+ function () {
+ callback();
+ }
+ );
+ return false;
+ }
+
+ callback();
+ }
+
+ return;
+ }
+
+ var script = document.createElement("script");
+ script.type = "text/javascript";
+ script.src = url;
+
+ script.onload = function () {
+ if (isFunction(callback)) {
+ if (isString(waitFor)) {
+ waitUntil(
+ function () {
+ return typeof window[waitFor] !== "undefined";
+ },
+ function () {
+ callback();
+ }
+ );
+ return false;
+ }
+
+ callback();
+ }
+ };
+
+ document.body.appendChild(script);
+ return;
+ }
+ function isMobile() {
+ return (
+ "navigator" in window &&
+ window.navigator.userAgent.match(
+ /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i
+ )
+ );
+ }
+ function isTouch() {
+ return (
+ isMobile() !== null ||
+ document.createTouch !== undefined ||
+ "ontouchstart" in window ||
+ "onmsgesturechange" in window ||
+ navigator.msMaxTouchPoints
+ );
+ }
+ function isFunction(f) {
+ return typeof f === "function";
+ }
+ function isString(s) {
+ return typeof s === "string";
+ }
+ function isNode(el) {
+ return !!(el && el.nodeType && el.nodeType == 1);
+ }
+ function isArray(ar) {
+ return Array.isArray(ar);
+ }
+ function isArrayLike(ar) {
+ return ar && ar.length && isFinite(ar.length);
+ }
+ function isObject(o) {
+ var type = _typeof(o);
+
+ return type === "object" && o != null && !isFunction(o) && !isArray(o);
+ }
+ function isNil(o) {
+ return o == null;
+ }
+ function has(obj, key) {
+ return obj !== null && hasOwnProperty.call(obj, key);
+ }
+ function size(o) {
+ if (isObject(o)) {
+ if (o.keys) {
+ return o.keys().length;
+ }
+
+ var l = 0;
+
+ for (var k in o) {
+ if (has(o, k)) {
+ l++;
+ }
+ }
+
+ return l;
+ } else {
+ return o.length;
+ }
+ }
+ function isNumber(n) {
+ return !isNaN(parseFloat(n)) && isFinite(n);
+ }
+
+ function getNextFocusElement() {
+ var current =
+ arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+ var btns = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)");
+
+ if (!btns.length) {
+ return false;
+ }
+
+ if (btns.length == 1) {
+ return btns[0];
+ }
+
+ if (typeof current == "string") {
+ current = parseInt(current);
+ }
+
+ var orders = [];
+ each(btns, function (btn) {
+ orders.push(btn.getAttribute("data-taborder"));
+ });
+ var highestOrder = Math.max.apply(
+ Math,
+ orders.map(function (order) {
+ return parseInt(order);
+ })
+ );
+ var newIndex = current < 0 ? 1 : current + 1;
+
+ if (newIndex > highestOrder) {
+ newIndex = "1";
+ }
+
+ var nextOrders = orders.filter(function (el) {
+ return el >= parseInt(newIndex);
+ });
+ var nextFocus = nextOrders.sort()[0];
+ return document.querySelector(
+ '.gbtn[data-taborder="'.concat(nextFocus, '"]')
+ );
+ }
+
+ function keyboardNavigation(instance) {
+ if (instance.events.hasOwnProperty("keyboard")) {
+ return false;
+ }
+
+ instance.events["keyboard"] = addEvent("keydown", {
+ onElement: window,
+ withCallback: function withCallback(event, target) {
+ event = event || window.event;
+ var key = event.keyCode;
+
+ if (key == 9) {
+ var focusedButton = document.querySelector(".gbtn.focused");
+
+ if (!focusedButton) {
+ var activeElement =
+ document.activeElement && document.activeElement.nodeName
+ ? document.activeElement.nodeName.toLocaleLowerCase()
+ : false;
+
+ if (
+ activeElement == "input" ||
+ activeElement == "textarea" ||
+ activeElement == "button"
+ ) {
+ return;
+ }
+ }
+
+ event.preventDefault();
+ var btns = document.querySelectorAll(".gbtn[data-taborder]");
+
+ if (!btns || btns.length <= 0) {
+ return;
+ }
+
+ if (!focusedButton) {
+ var first = getNextFocusElement();
+
+ if (first) {
+ first.focus();
+ addClass(first, "focused");
+ }
+
+ return;
+ }
+
+ var currentFocusOrder = focusedButton.getAttribute("data-taborder");
+ var nextFocus = getNextFocusElement(currentFocusOrder);
+ removeClass(focusedButton, "focused");
+
+ if (nextFocus) {
+ nextFocus.focus();
+ addClass(nextFocus, "focused");
+ }
+ }
+
+ if (key == 39) {
+ instance.nextSlide();
+ }
+
+ if (key == 37) {
+ instance.prevSlide();
+ }
+
+ if (key == 27) {
+ instance.close();
+ }
+ },
+ });
+ }
+
+ function getLen(v) {
+ return Math.sqrt(v.x * v.x + v.y * v.y);
+ }
+
+ function dot(v1, v2) {
+ return v1.x * v2.x + v1.y * v2.y;
+ }
+
+ function getAngle(v1, v2) {
+ var mr = getLen(v1) * getLen(v2);
+
+ if (mr === 0) {
+ return 0;
+ }
+
+ var r = dot(v1, v2) / mr;
+
+ if (r > 1) {
+ r = 1;
+ }
+
+ return Math.acos(r);
+ }
+
+ function cross(v1, v2) {
+ return v1.x * v2.y - v2.x * v1.y;
+ }
+
+ function getRotateAngle(v1, v2) {
+ var angle = getAngle(v1, v2);
+
+ if (cross(v1, v2) > 0) {
+ angle *= -1;
+ }
+
+ return (angle * 180) / Math.PI;
+ }
+
+ var EventsHandlerAdmin = (function () {
+ function EventsHandlerAdmin(el) {
+ _classCallCheck(this, EventsHandlerAdmin);
+
+ this.handlers = [];
+ this.el = el;
+ }
+
+ _createClass(EventsHandlerAdmin, [
+ {
+ key: "add",
+ value: function add(handler) {
+ this.handlers.push(handler);
+ },
+ },
+ {
+ key: "del",
+ value: function del(handler) {
+ if (!handler) {
+ this.handlers = [];
+ }
+
+ for (var i = this.handlers.length; i >= 0; i--) {
+ if (this.handlers[i] === handler) {
+ this.handlers.splice(i, 1);
+ }
+ }
+ },
+ },
+ {
+ key: "dispatch",
+ value: function dispatch() {
+ for (var i = 0, len = this.handlers.length; i < len; i++) {
+ var handler = this.handlers[i];
+
+ if (typeof handler === "function") {
+ handler.apply(this.el, arguments);
+ }
+ }
+ },
+ },
+ ]);
+
+ return EventsHandlerAdmin;
+ })();
+
+ function wrapFunc(el, handler) {
+ var EventshandlerAdmin = new EventsHandlerAdmin(el);
+ EventshandlerAdmin.add(handler);
+ return EventshandlerAdmin;
+ }
+
+ var TouchEvents = (function () {
+ function TouchEvents(el, option) {
+ _classCallCheck(this, TouchEvents);
+
+ this.element = typeof el == "string" ? document.querySelector(el) : el;
+ this.start = this.start.bind(this);
+ this.move = this.move.bind(this);
+ this.end = this.end.bind(this);
+ this.cancel = this.cancel.bind(this);
+ this.element.addEventListener("touchstart", this.start, false);
+ this.element.addEventListener("touchmove", this.move, false);
+ this.element.addEventListener("touchend", this.end, false);
+ this.element.addEventListener("touchcancel", this.cancel, false);
+ this.preV = {
+ x: null,
+ y: null,
+ };
+ this.pinchStartLen = null;
+ this.zoom = 1;
+ this.isDoubleTap = false;
+
+ var noop = function noop() {};
+
+ this.rotate = wrapFunc(this.element, option.rotate || noop);
+ this.touchStart = wrapFunc(this.element, option.touchStart || noop);
+ this.multipointStart = wrapFunc(
+ this.element,
+ option.multipointStart || noop
+ );
+ this.multipointEnd = wrapFunc(this.element, option.multipointEnd || noop);
+ this.pinch = wrapFunc(this.element, option.pinch || noop);
+ this.swipe = wrapFunc(this.element, option.swipe || noop);
+ this.tap = wrapFunc(this.element, option.tap || noop);
+ this.doubleTap = wrapFunc(this.element, option.doubleTap || noop);
+ this.longTap = wrapFunc(this.element, option.longTap || noop);
+ this.singleTap = wrapFunc(this.element, option.singleTap || noop);
+ this.pressMove = wrapFunc(this.element, option.pressMove || noop);
+ this.twoFingerPressMove = wrapFunc(
+ this.element,
+ option.twoFingerPressMove || noop
+ );
+ this.touchMove = wrapFunc(this.element, option.touchMove || noop);
+ this.touchEnd = wrapFunc(this.element, option.touchEnd || noop);
+ this.touchCancel = wrapFunc(this.element, option.touchCancel || noop);
+ this.translateContainer = this.element;
+ this._cancelAllHandler = this.cancelAll.bind(this);
+ window.addEventListener("scroll", this._cancelAllHandler);
+ this.delta = null;
+ this.last = null;
+ this.now = null;
+ this.tapTimeout = null;
+ this.singleTapTimeout = null;
+ this.longTapTimeout = null;
+ this.swipeTimeout = null;
+ this.x1 = this.x2 = this.y1 = this.y2 = null;
+ this.preTapPosition = {
+ x: null,
+ y: null,
+ };
+ }
+
+ _createClass(TouchEvents, [
+ {
+ key: "start",
+ value: function start(evt) {
+ if (!evt.touches) {
+ return;
+ }
+
+ var ignoreDragFor = ["a", "button", "input"];
+
+ if (
+ evt.target &&
+ evt.target.nodeName &&
+ ignoreDragFor.indexOf(evt.target.nodeName.toLowerCase()) >= 0
+ ) {
+ console.log(
+ "ignore drag for this touched element",
+ evt.target.nodeName.toLowerCase()
+ );
+ return;
+ }
+
+ this.now = Date.now();
+ this.x1 = evt.touches[0].pageX;
+ this.y1 = evt.touches[0].pageY;
+ this.delta = this.now - (this.last || this.now);
+ this.touchStart.dispatch(evt, this.element);
+
+ if (this.preTapPosition.x !== null) {
+ this.isDoubleTap =
+ this.delta > 0 &&
+ this.delta <= 250 &&
+ Math.abs(this.preTapPosition.x - this.x1) < 30 &&
+ Math.abs(this.preTapPosition.y - this.y1) < 30;
+
+ if (this.isDoubleTap) {
+ clearTimeout(this.singleTapTimeout);
+ }
+ }
+
+ this.preTapPosition.x = this.x1;
+ this.preTapPosition.y = this.y1;
+ this.last = this.now;
+ var preV = this.preV,
+ len = evt.touches.length;
+
+ if (len > 1) {
+ this._cancelLongTap();
+
+ this._cancelSingleTap();
+
+ var v = {
+ x: evt.touches[1].pageX - this.x1,
+ y: evt.touches[1].pageY - this.y1,
+ };
+ preV.x = v.x;
+ preV.y = v.y;
+ this.pinchStartLen = getLen(preV);
+ this.multipointStart.dispatch(evt, this.element);
+ }
+
+ this._preventTap = false;
+ this.longTapTimeout = setTimeout(
+ function () {
+ this.longTap.dispatch(evt, this.element);
+ this._preventTap = true;
+ }.bind(this),
+ 750
+ );
+ },
+ },
+ {
+ key: "move",
+ value: function move(evt) {
+ if (!evt.touches) {
+ return;
+ }
+
+ var preV = this.preV,
+ len = evt.touches.length,
+ currentX = evt.touches[0].pageX,
+ currentY = evt.touches[0].pageY;
+ this.isDoubleTap = false;
+
+ if (len > 1) {
+ var sCurrentX = evt.touches[1].pageX,
+ sCurrentY = evt.touches[1].pageY;
+ var v = {
+ x: evt.touches[1].pageX - currentX,
+ y: evt.touches[1].pageY - currentY,
+ };
+
+ if (preV.x !== null) {
+ if (this.pinchStartLen > 0) {
+ evt.zoom = getLen(v) / this.pinchStartLen;
+ this.pinch.dispatch(evt, this.element);
+ }
+
+ evt.angle = getRotateAngle(v, preV);
+ this.rotate.dispatch(evt, this.element);
+ }
+
+ preV.x = v.x;
+ preV.y = v.y;
+
+ if (this.x2 !== null && this.sx2 !== null) {
+ evt.deltaX = (currentX - this.x2 + sCurrentX - this.sx2) / 2;
+ evt.deltaY = (currentY - this.y2 + sCurrentY - this.sy2) / 2;
+ } else {
+ evt.deltaX = 0;
+ evt.deltaY = 0;
+ }
+
+ this.twoFingerPressMove.dispatch(evt, this.element);
+ this.sx2 = sCurrentX;
+ this.sy2 = sCurrentY;
+ } else {
+ if (this.x2 !== null) {
+ evt.deltaX = currentX - this.x2;
+ evt.deltaY = currentY - this.y2;
+ var movedX = Math.abs(this.x1 - this.x2),
+ movedY = Math.abs(this.y1 - this.y2);
+
+ if (movedX > 10 || movedY > 10) {
+ this._preventTap = true;
+ }
+ } else {
+ evt.deltaX = 0;
+ evt.deltaY = 0;
+ }
+
+ this.pressMove.dispatch(evt, this.element);
+ }
+
+ this.touchMove.dispatch(evt, this.element);
+
+ this._cancelLongTap();
+
+ this.x2 = currentX;
+ this.y2 = currentY;
+
+ if (len > 1) {
+ evt.preventDefault();
+ }
+ },
+ },
+ {
+ key: "end",
+ value: function end(evt) {
+ if (!evt.changedTouches) {
+ return;
+ }
+
+ this._cancelLongTap();
+
+ var self = this;
+
+ if (evt.touches.length < 2) {
+ this.multipointEnd.dispatch(evt, this.element);
+ this.sx2 = this.sy2 = null;
+ }
+
+ if (
+ (this.x2 && Math.abs(this.x1 - this.x2) > 30) ||
+ (this.y2 && Math.abs(this.y1 - this.y2) > 30)
+ ) {
+ evt.direction = this._swipeDirection(
+ this.x1,
+ this.x2,
+ this.y1,
+ this.y2
+ );
+ this.swipeTimeout = setTimeout(function () {
+ self.swipe.dispatch(evt, self.element);
+ }, 0);
+ } else {
+ this.tapTimeout = setTimeout(function () {
+ if (!self._preventTap) {
+ self.tap.dispatch(evt, self.element);
+ }
+
+ if (self.isDoubleTap) {
+ self.doubleTap.dispatch(evt, self.element);
+ self.isDoubleTap = false;
+ }
+ }, 0);
+
+ if (!self.isDoubleTap) {
+ self.singleTapTimeout = setTimeout(function () {
+ self.singleTap.dispatch(evt, self.element);
+ }, 250);
+ }
+ }
+
+ this.touchEnd.dispatch(evt, this.element);
+ this.preV.x = 0;
+ this.preV.y = 0;
+ this.zoom = 1;
+ this.pinchStartLen = null;
+ this.x1 = this.x2 = this.y1 = this.y2 = null;
+ },
+ },
+ {
+ key: "cancelAll",
+ value: function cancelAll() {
+ this._preventTap = true;
+ clearTimeout(this.singleTapTimeout);
+ clearTimeout(this.tapTimeout);
+ clearTimeout(this.longTapTimeout);
+ clearTimeout(this.swipeTimeout);
+ },
+ },
+ {
+ key: "cancel",
+ value: function cancel(evt) {
+ this.cancelAll();
+ this.touchCancel.dispatch(evt, this.element);
+ },
+ },
+ {
+ key: "_cancelLongTap",
+ value: function _cancelLongTap() {
+ clearTimeout(this.longTapTimeout);
+ },
+ },
+ {
+ key: "_cancelSingleTap",
+ value: function _cancelSingleTap() {
+ clearTimeout(this.singleTapTimeout);
+ },
+ },
+ {
+ key: "_swipeDirection",
+ value: function _swipeDirection(x1, x2, y1, y2) {
+ return Math.abs(x1 - x2) >= Math.abs(y1 - y2)
+ ? x1 - x2 > 0
+ ? "Left"
+ : "Right"
+ : y1 - y2 > 0
+ ? "Up"
+ : "Down";
+ },
+ },
+ {
+ key: "on",
+ value: function on(evt, handler) {
+ if (this[evt]) {
+ this[evt].add(handler);
+ }
+ },
+ },
+ {
+ key: "off",
+ value: function off(evt, handler) {
+ if (this[evt]) {
+ this[evt].del(handler);
+ }
+ },
+ },
+ {
+ key: "destroy",
+ value: function destroy() {
+ if (this.singleTapTimeout) {
+ clearTimeout(this.singleTapTimeout);
+ }
+
+ if (this.tapTimeout) {
+ clearTimeout(this.tapTimeout);
+ }
+
+ if (this.longTapTimeout) {
+ clearTimeout(this.longTapTimeout);
+ }
+
+ if (this.swipeTimeout) {
+ clearTimeout(this.swipeTimeout);
+ }
+
+ this.element.removeEventListener("touchstart", this.start);
+ this.element.removeEventListener("touchmove", this.move);
+ this.element.removeEventListener("touchend", this.end);
+ this.element.removeEventListener("touchcancel", this.cancel);
+ this.rotate.del();
+ this.touchStart.del();
+ this.multipointStart.del();
+ this.multipointEnd.del();
+ this.pinch.del();
+ this.swipe.del();
+ this.tap.del();
+ this.doubleTap.del();
+ this.longTap.del();
+ this.singleTap.del();
+ this.pressMove.del();
+ this.twoFingerPressMove.del();
+ this.touchMove.del();
+ this.touchEnd.del();
+ this.touchCancel.del();
+ this.preV =
+ this.pinchStartLen =
+ this.zoom =
+ this.isDoubleTap =
+ this.delta =
+ this.last =
+ this.now =
+ this.tapTimeout =
+ this.singleTapTimeout =
+ this.longTapTimeout =
+ this.swipeTimeout =
+ this.x1 =
+ this.x2 =
+ this.y1 =
+ this.y2 =
+ this.preTapPosition =
+ this.rotate =
+ this.touchStart =
+ this.multipointStart =
+ this.multipointEnd =
+ this.pinch =
+ this.swipe =
+ this.tap =
+ this.doubleTap =
+ this.longTap =
+ this.singleTap =
+ this.pressMove =
+ this.touchMove =
+ this.touchEnd =
+ this.touchCancel =
+ this.twoFingerPressMove =
+ null;
+ window.removeEventListener("scroll", this._cancelAllHandler);
+ return null;
+ },
+ },
+ ]);
+
+ return TouchEvents;
+ })();
+
+ function resetSlideMove(slide) {
+ var transitionEnd = whichTransitionEvent();
+ var windowWidth =
+ window.innerWidth ||
+ document.documentElement.clientWidth ||
+ document.body.clientWidth;
+ var media = hasClass(slide, "gslide-media")
+ ? slide
+ : slide.querySelector(".gslide-media");
+ var container = closest(media, ".ginner-container");
+ var desc = slide.querySelector(".gslide-description");
+
+ if (windowWidth > 769) {
+ media = container;
+ }
+
+ addClass(media, "greset");
+ cssTransform(media, "translate3d(0, 0, 0)");
+ addEvent(transitionEnd, {
+ onElement: media,
+ once: true,
+ withCallback: function withCallback(event, target) {
+ removeClass(media, "greset");
+ },
+ });
+ media.style.opacity = "";
+
+ if (desc) {
+ desc.style.opacity = "";
+ }
+ }
+
+ function touchNavigation(instance) {
+ if (instance.events.hasOwnProperty("touch")) {
+ return false;
+ }
+
+ var winSize = windowSize();
+ var winWidth = winSize.width;
+ var winHeight = winSize.height;
+ var process = false;
+ var currentSlide = null;
+ var media = null;
+ var mediaImage = null;
+ var doingMove = false;
+ var initScale = 1;
+ var maxScale = 4.5;
+ var currentScale = 1;
+ var doingZoom = false;
+ var imageZoomed = false;
+ var zoomedPosX = null;
+ var zoomedPosY = null;
+ var lastZoomedPosX = null;
+ var lastZoomedPosY = null;
+ var hDistance;
+ var vDistance;
+ var hDistancePercent = 0;
+ var vDistancePercent = 0;
+ var vSwipe = false;
+ var hSwipe = false;
+ var startCoords = {};
+ var endCoords = {};
+ var xDown = 0;
+ var yDown = 0;
+ var isInlined;
+ var sliderWrapper = document.getElementById("glightbox-slider");
+ var overlay = document.querySelector(".goverlay");
+ var touchInstance = new TouchEvents(sliderWrapper, {
+ touchStart: function touchStart(e) {
+ process = true;
+
+ if (
+ hasClass(e.targetTouches[0].target, "ginner-container") ||
+ closest(e.targetTouches[0].target, ".gslide-desc") ||
+ e.targetTouches[0].target.nodeName.toLowerCase() == "a"
+ ) {
+ process = false;
+ }
+
+ if (
+ closest(e.targetTouches[0].target, ".gslide-inline") &&
+ !hasClass(e.targetTouches[0].target.parentNode, "gslide-inline")
+ ) {
+ process = false;
+ }
+
+ if (process) {
+ endCoords = e.targetTouches[0];
+ startCoords.pageX = e.targetTouches[0].pageX;
+ startCoords.pageY = e.targetTouches[0].pageY;
+ xDown = e.targetTouches[0].clientX;
+ yDown = e.targetTouches[0].clientY;
+ currentSlide = instance.activeSlide;
+ media = currentSlide.querySelector(".gslide-media");
+ isInlined = currentSlide.querySelector(".gslide-inline");
+ mediaImage = null;
+
+ if (hasClass(media, "gslide-image")) {
+ mediaImage = media.querySelector("img");
+ }
+
+ var windowWidth =
+ window.innerWidth ||
+ document.documentElement.clientWidth ||
+ document.body.clientWidth;
+
+ if (windowWidth > 769) {
+ media = currentSlide.querySelector(".ginner-container");
+ }
+
+ removeClass(overlay, "greset");
+
+ if (e.pageX > 20 && e.pageX < window.innerWidth - 20) {
+ return;
+ }
+
+ e.preventDefault();
+ }
+ },
+ touchMove: function touchMove(e) {
+ if (!process) {
+ return;
+ }
+
+ endCoords = e.targetTouches[0];
+
+ if (doingZoom || imageZoomed) {
+ return;
+ }
+
+ if (isInlined && isInlined.offsetHeight > winHeight) {
+ var moved = startCoords.pageX - endCoords.pageX;
+
+ if (Math.abs(moved) <= 13) {
+ return false;
+ }
+ }
+
+ doingMove = true;
+ var xUp = e.targetTouches[0].clientX;
+ var yUp = e.targetTouches[0].clientY;
+ var xDiff = xDown - xUp;
+ var yDiff = yDown - yUp;
+
+ if (Math.abs(xDiff) > Math.abs(yDiff)) {
+ vSwipe = false;
+ hSwipe = true;
+ } else {
+ hSwipe = false;
+ vSwipe = true;
+ }
+
+ hDistance = endCoords.pageX - startCoords.pageX;
+ hDistancePercent = (hDistance * 100) / winWidth;
+ vDistance = endCoords.pageY - startCoords.pageY;
+ vDistancePercent = (vDistance * 100) / winHeight;
+ var opacity;
+
+ if (vSwipe && mediaImage) {
+ opacity = 1 - Math.abs(vDistance) / winHeight;
+ overlay.style.opacity = opacity;
+
+ if (instance.settings.touchFollowAxis) {
+ hDistancePercent = 0;
+ }
+ }
+
+ if (hSwipe) {
+ opacity = 1 - Math.abs(hDistance) / winWidth;
+ media.style.opacity = opacity;
+
+ if (instance.settings.touchFollowAxis) {
+ vDistancePercent = 0;
+ }
+ }
+
+ if (!mediaImage) {
+ return cssTransform(
+ media,
+ "translate3d(".concat(hDistancePercent, "%, 0, 0)")
+ );
+ }
+
+ cssTransform(
+ media,
+ "translate3d("
+ .concat(hDistancePercent, "%, ")
+ .concat(vDistancePercent, "%, 0)")
+ );
+ },
+ touchEnd: function touchEnd() {
+ if (!process) {
+ return;
+ }
+
+ doingMove = false;
+
+ if (imageZoomed || doingZoom) {
+ lastZoomedPosX = zoomedPosX;
+ lastZoomedPosY = zoomedPosY;
+ return;
+ }
+
+ var v = Math.abs(parseInt(vDistancePercent));
+ var h = Math.abs(parseInt(hDistancePercent));
+
+ if (v > 29 && mediaImage) {
+ instance.close();
+ return;
+ }
+
+ if (v < 29 && h < 25) {
+ addClass(overlay, "greset");
+ overlay.style.opacity = 1;
+ return resetSlideMove(media);
+ }
+ },
+ multipointEnd: function multipointEnd() {
+ setTimeout(function () {
+ doingZoom = false;
+ }, 50);
+ },
+ multipointStart: function multipointStart() {
+ doingZoom = true;
+ initScale = currentScale ? currentScale : 1;
+ },
+ pinch: function pinch(evt) {
+ if (!mediaImage || doingMove) {
+ return false;
+ }
+
+ doingZoom = true;
+ mediaImage.scaleX = mediaImage.scaleY = initScale * evt.zoom;
+ var scale = initScale * evt.zoom;
+ imageZoomed = true;
+
+ if (scale <= 1) {
+ imageZoomed = false;
+ scale = 1;
+ lastZoomedPosY = null;
+ lastZoomedPosX = null;
+ zoomedPosX = null;
+ zoomedPosY = null;
+ mediaImage.setAttribute("style", "");
+ return;
+ }
+
+ if (scale > maxScale) {
+ scale = maxScale;
+ }
+
+ mediaImage.style.transform = "scale3d("
+ .concat(scale, ", ")
+ .concat(scale, ", 1)");
+ currentScale = scale;
+ },
+ pressMove: function pressMove(e) {
+ if (imageZoomed && !doingZoom) {
+ var mhDistance = endCoords.pageX - startCoords.pageX;
+ var mvDistance = endCoords.pageY - startCoords.pageY;
+
+ if (lastZoomedPosX) {
+ mhDistance = mhDistance + lastZoomedPosX;
+ }
+
+ if (lastZoomedPosY) {
+ mvDistance = mvDistance + lastZoomedPosY;
+ }
+
+ zoomedPosX = mhDistance;
+ zoomedPosY = mvDistance;
+ var style = "translate3d("
+ .concat(mhDistance, "px, ")
+ .concat(mvDistance, "px, 0)");
+
+ if (currentScale) {
+ style += " scale3d("
+ .concat(currentScale, ", ")
+ .concat(currentScale, ", 1)");
+ }
+
+ cssTransform(mediaImage, style);
+ }
+ },
+ swipe: function swipe(evt) {
+ if (imageZoomed) {
+ return;
+ }
+
+ if (doingZoom) {
+ doingZoom = false;
+ return;
+ }
+
+ if (evt.direction == "Left") {
+ if (instance.index == instance.elements.length - 1) {
+ return resetSlideMove(media);
+ }
+
+ instance.nextSlide();
+ }
+
+ if (evt.direction == "Right") {
+ if (instance.index == 0) {
+ return resetSlideMove(media);
+ }
+
+ instance.prevSlide();
+ }
+ },
+ });
+ instance.events["touch"] = touchInstance;
+ }
+
+ var ZoomImages = (function () {
+ function ZoomImages(el, slide) {
+ var _this = this;
+
+ var onclose =
+ arguments.length > 2 && arguments[2] !== undefined
+ ? arguments[2]
+ : null;
+
+ _classCallCheck(this, ZoomImages);
+
+ this.img = el;
+ this.slide = slide;
+ this.onclose = onclose;
+
+ if (this.img.setZoomEvents) {
+ return false;
+ }
+
+ this.active = false;
+ this.zoomedIn = false;
+ this.dragging = false;
+ this.currentX = null;
+ this.currentY = null;
+ this.initialX = null;
+ this.initialY = null;
+ this.xOffset = 0;
+ this.yOffset = 0;
+ this.img.addEventListener(
+ "mousedown",
+ function (e) {
+ return _this.dragStart(e);
+ },
+ false
+ );
+ this.img.addEventListener(
+ "mouseup",
+ function (e) {
+ return _this.dragEnd(e);
+ },
+ false
+ );
+ this.img.addEventListener(
+ "mousemove",
+ function (e) {
+ return _this.drag(e);
+ },
+ false
+ );
+ this.img.addEventListener(
+ "click",
+ function (e) {
+ if (_this.slide.classList.contains("dragging-nav")) {
+ _this.zoomOut();
+
+ return false;
+ }
+
+ if (!_this.zoomedIn) {
+ return _this.zoomIn();
+ }
+
+ if (_this.zoomedIn && !_this.dragging) {
+ _this.zoomOut();
+ }
+ },
+ false
+ );
+ this.img.setZoomEvents = true;
+ }
+
+ _createClass(ZoomImages, [
+ {
+ key: "zoomIn",
+ value: function zoomIn() {
+ var winWidth = this.widowWidth();
+
+ if (this.zoomedIn || winWidth <= 768) {
+ return;
+ }
+
+ var img = this.img;
+ img.setAttribute("data-style", img.getAttribute("style"));
+ img.style.maxWidth = img.naturalWidth + "px";
+ img.style.maxHeight = img.naturalHeight + "px";
+
+ if (img.naturalWidth > winWidth) {
+ var centerX = winWidth / 2 - img.naturalWidth / 2;
+ this.setTranslate(this.img.parentNode, centerX, 0);
+ }
+
+ this.slide.classList.add("zoomed");
+ this.zoomedIn = true;
+ },
+ },
+ {
+ key: "zoomOut",
+ value: function zoomOut() {
+ this.img.parentNode.setAttribute("style", "");
+ this.img.setAttribute("style", this.img.getAttribute("data-style"));
+ this.slide.classList.remove("zoomed");
+ this.zoomedIn = false;
+ this.currentX = null;
+ this.currentY = null;
+ this.initialX = null;
+ this.initialY = null;
+ this.xOffset = 0;
+ this.yOffset = 0;
+
+ if (this.onclose && typeof this.onclose == "function") {
+ this.onclose();
+ }
+ },
+ },
+ {
+ key: "dragStart",
+ value: function dragStart(e) {
+ e.preventDefault();
+
+ if (!this.zoomedIn) {
+ this.active = false;
+ return;
+ }
+
+ if (e.type === "touchstart") {
+ this.initialX = e.touches[0].clientX - this.xOffset;
+ this.initialY = e.touches[0].clientY - this.yOffset;
+ } else {
+ this.initialX = e.clientX - this.xOffset;
+ this.initialY = e.clientY - this.yOffset;
+ }
+
+ if (e.target === this.img) {
+ this.active = true;
+ this.img.classList.add("dragging");
+ }
+ },
+ },
+ {
+ key: "dragEnd",
+ value: function dragEnd(e) {
+ var _this2 = this;
+
+ e.preventDefault();
+ this.initialX = this.currentX;
+ this.initialY = this.currentY;
+ this.active = false;
+ setTimeout(function () {
+ _this2.dragging = false;
+ _this2.img.isDragging = false;
+
+ _this2.img.classList.remove("dragging");
+ }, 100);
+ },
+ },
+ {
+ key: "drag",
+ value: function drag(e) {
+ if (this.active) {
+ e.preventDefault();
+
+ if (e.type === "touchmove") {
+ this.currentX = e.touches[0].clientX - this.initialX;
+ this.currentY = e.touches[0].clientY - this.initialY;
+ } else {
+ this.currentX = e.clientX - this.initialX;
+ this.currentY = e.clientY - this.initialY;
+ }
+
+ this.xOffset = this.currentX;
+ this.yOffset = this.currentY;
+ this.img.isDragging = true;
+ this.dragging = true;
+ this.setTranslate(this.img, this.currentX, this.currentY);
+ }
+ },
+ },
+ {
+ key: "onMove",
+ value: function onMove(e) {
+ if (!this.zoomedIn) {
+ return;
+ }
+
+ var xOffset = e.clientX - this.img.naturalWidth / 2;
+ var yOffset = e.clientY - this.img.naturalHeight / 2;
+ this.setTranslate(this.img, xOffset, yOffset);
+ },
+ },
+ {
+ key: "setTranslate",
+ value: function setTranslate(node, xPos, yPos) {
+ node.style.transform =
+ "translate3d(" + xPos + "px, " + yPos + "px, 0)";
+ },
+ },
+ {
+ key: "widowWidth",
+ value: function widowWidth() {
+ return (
+ window.innerWidth ||
+ document.documentElement.clientWidth ||
+ document.body.clientWidth
+ );
+ },
+ },
+ ]);
+
+ return ZoomImages;
+ })();
+
+ var DragSlides = (function () {
+ function DragSlides() {
+ var _this = this;
+
+ var config =
+ arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+ _classCallCheck(this, DragSlides);
+
+ var dragEl = config.dragEl,
+ _config$toleranceX = config.toleranceX,
+ toleranceX = _config$toleranceX === void 0 ? 40 : _config$toleranceX,
+ _config$toleranceY = config.toleranceY,
+ toleranceY = _config$toleranceY === void 0 ? 65 : _config$toleranceY,
+ _config$slide = config.slide,
+ slide = _config$slide === void 0 ? null : _config$slide,
+ _config$instance = config.instance,
+ instance = _config$instance === void 0 ? null : _config$instance;
+ this.el = dragEl;
+ this.active = false;
+ this.dragging = false;
+ this.currentX = null;
+ this.currentY = null;
+ this.initialX = null;
+ this.initialY = null;
+ this.xOffset = 0;
+ this.yOffset = 0;
+ this.direction = null;
+ this.lastDirection = null;
+ this.toleranceX = toleranceX;
+ this.toleranceY = toleranceY;
+ this.toleranceReached = false;
+ this.dragContainer = this.el;
+ this.slide = slide;
+ this.instance = instance;
+ this.el.addEventListener(
+ "mousedown",
+ function (e) {
+ return _this.dragStart(e);
+ },
+ false
+ );
+ this.el.addEventListener(
+ "mouseup",
+ function (e) {
+ return _this.dragEnd(e);
+ },
+ false
+ );
+ this.el.addEventListener(
+ "mousemove",
+ function (e) {
+ return _this.drag(e);
+ },
+ false
+ );
+ }
+
+ _createClass(DragSlides, [
+ {
+ key: "dragStart",
+ value: function dragStart(e) {
+ if (this.slide.classList.contains("zoomed")) {
+ this.active = false;
+ return;
+ }
+
+ if (e.type === "touchstart") {
+ this.initialX = e.touches[0].clientX - this.xOffset;
+ this.initialY = e.touches[0].clientY - this.yOffset;
+ } else {
+ this.initialX = e.clientX - this.xOffset;
+ this.initialY = e.clientY - this.yOffset;
+ }
+
+ var clicked = e.target.nodeName.toLowerCase();
+ var exludeClicks = ["input", "select", "textarea", "button", "a"];
+
+ if (
+ e.target.classList.contains("nodrag") ||
+ closest(e.target, ".nodrag") ||
+ exludeClicks.indexOf(clicked) !== -1
+ ) {
+ this.active = false;
+ return;
+ }
+
+ e.preventDefault();
+
+ if (
+ e.target === this.el ||
+ (clicked !== "img" && closest(e.target, ".gslide-inline"))
+ ) {
+ this.active = true;
+ this.el.classList.add("dragging");
+ this.dragContainer = closest(e.target, ".ginner-container");
+ }
+ },
+ },
+ {
+ key: "dragEnd",
+ value: function dragEnd(e) {
+ var _this2 = this;
+
+ e && e.preventDefault();
+ this.initialX = 0;
+ this.initialY = 0;
+ this.currentX = null;
+ this.currentY = null;
+ this.initialX = null;
+ this.initialY = null;
+ this.xOffset = 0;
+ this.yOffset = 0;
+ this.active = false;
+
+ if (this.doSlideChange) {
+ this.instance.preventOutsideClick = true;
+ this.doSlideChange == "right" && this.instance.prevSlide();
+ this.doSlideChange == "left" && this.instance.nextSlide();
+ }
+
+ if (this.doSlideClose) {
+ this.instance.close();
+ }
+
+ if (!this.toleranceReached) {
+ this.setTranslate(this.dragContainer, 0, 0, true);
+ }
+
+ setTimeout(function () {
+ _this2.instance.preventOutsideClick = false;
+ _this2.toleranceReached = false;
+ _this2.lastDirection = null;
+ _this2.dragging = false;
+ _this2.el.isDragging = false;
+
+ _this2.el.classList.remove("dragging");
+
+ _this2.slide.classList.remove("dragging-nav");
+
+ _this2.dragContainer.style.transform = "";
+ _this2.dragContainer.style.transition = "";
+ }, 100);
+ },
+ },
+ {
+ key: "drag",
+ value: function drag(e) {
+ if (this.active) {
+ e.preventDefault();
+ this.slide.classList.add("dragging-nav");
+
+ if (e.type === "touchmove") {
+ this.currentX = e.touches[0].clientX - this.initialX;
+ this.currentY = e.touches[0].clientY - this.initialY;
+ } else {
+ this.currentX = e.clientX - this.initialX;
+ this.currentY = e.clientY - this.initialY;
+ }
+
+ this.xOffset = this.currentX;
+ this.yOffset = this.currentY;
+ this.el.isDragging = true;
+ this.dragging = true;
+ this.doSlideChange = false;
+ this.doSlideClose = false;
+ var currentXInt = Math.abs(this.currentX);
+ var currentYInt = Math.abs(this.currentY);
+
+ if (
+ currentXInt > 0 &&
+ currentXInt >= Math.abs(this.currentY) &&
+ (!this.lastDirection || this.lastDirection == "x")
+ ) {
+ this.yOffset = 0;
+ this.lastDirection = "x";
+ this.setTranslate(this.dragContainer, this.currentX, 0);
+ var doChange = this.shouldChange();
+
+ if (!this.instance.settings.dragAutoSnap && doChange) {
+ this.doSlideChange = doChange;
+ }
+
+ if (this.instance.settings.dragAutoSnap && doChange) {
+ this.instance.preventOutsideClick = true;
+ this.toleranceReached = true;
+ this.active = false;
+ this.instance.preventOutsideClick = true;
+ this.dragEnd(null);
+ doChange == "right" && this.instance.prevSlide();
+ doChange == "left" && this.instance.nextSlide();
+ return;
+ }
+ }
+
+ if (
+ this.toleranceY > 0 &&
+ currentYInt > 0 &&
+ currentYInt >= currentXInt &&
+ (!this.lastDirection || this.lastDirection == "y")
+ ) {
+ this.xOffset = 0;
+ this.lastDirection = "y";
+ this.setTranslate(this.dragContainer, 0, this.currentY);
+ var doClose = this.shouldClose();
+
+ if (!this.instance.settings.dragAutoSnap && doClose) {
+ this.doSlideClose = true;
+ }
+
+ if (this.instance.settings.dragAutoSnap && doClose) {
+ this.instance.close();
+ }
+
+ return;
+ }
+ }
+ },
+ },
+ {
+ key: "shouldChange",
+ value: function shouldChange() {
+ var doChange = false;
+ var currentXInt = Math.abs(this.currentX);
+
+ if (currentXInt >= this.toleranceX) {
+ var dragDir = this.currentX > 0 ? "right" : "left";
+
+ if (
+ (dragDir == "left" &&
+ this.slide !== this.slide.parentNode.lastChild) ||
+ (dragDir == "right" &&
+ this.slide !== this.slide.parentNode.firstChild)
+ ) {
+ doChange = dragDir;
+ }
+ }
+
+ return doChange;
+ },
+ },
+ {
+ key: "shouldClose",
+ value: function shouldClose() {
+ var doClose = false;
+ var currentYInt = Math.abs(this.currentY);
+
+ if (currentYInt >= this.toleranceY) {
+ doClose = true;
+ }
+
+ return doClose;
+ },
+ },
+ {
+ key: "setTranslate",
+ value: function setTranslate(node, xPos, yPos) {
+ var animated =
+ arguments.length > 3 && arguments[3] !== undefined
+ ? arguments[3]
+ : false;
+
+ if (animated) {
+ node.style.transition = "all .2s ease";
+ } else {
+ node.style.transition = "";
+ }
+
+ node.style.transform = "translate3d("
+ .concat(xPos, "px, ")
+ .concat(yPos, "px, 0)");
+ },
+ },
+ ]);
+
+ return DragSlides;
+ })();
+
+ function slideImage(slide, data, index, callback) {
+ var slideMedia = slide.querySelector(".gslide-media");
+ var img = new Image();
+ var titleID = "gSlideTitle_" + index;
+ var textID = "gSlideDesc_" + index;
+ img.addEventListener(
+ "load",
+ function () {
+ if (isFunction(callback)) {
+ callback();
+ }
+ },
+ false
+ );
+ img.src = data.href;
+
+ if (data.sizes != "" && data.srcset != "") {
+ img.sizes = data.sizes;
+ img.srcset = data.srcset;
+ }
+
+ img.alt = "";
+
+ if (!isNil(data.alt) && data.alt !== "") {
+ img.alt = data.alt;
+ }
+
+ if (data.title !== "") {
+ img.setAttribute("aria-labelledby", titleID);
+ }
+
+ if (data.description !== "") {
+ img.setAttribute("aria-describedby", textID);
+ }
+
+ if (data.hasOwnProperty("_hasCustomWidth") && data._hasCustomWidth) {
+ img.style.width = data.width;
+ }
+
+ if (data.hasOwnProperty("_hasCustomHeight") && data._hasCustomHeight) {
+ img.style.height = data.height;
+ }
+
+ slideMedia.insertBefore(img, slideMedia.firstChild);
+ return;
+ }
+
+ function slideVideo(slide, data, index, callback) {
+ var _this = this;
+
+ var slideContainer = slide.querySelector(".ginner-container");
+ var videoID = "gvideo" + index;
+ var slideMedia = slide.querySelector(".gslide-media");
+ var videoPlayers = this.getAllPlayers();
+ addClass(slideContainer, "gvideo-container");
+ slideMedia.insertBefore(
+ createHTML('
'),
+ slideMedia.firstChild
+ );
+ var videoWrapper = slide.querySelector(".gvideo-wrapper");
+ injectAssets(this.settings.plyr.css, "Plyr");
+ var url = data.href;
+ var protocol = location.protocol.replace(":", "");
+ var videoSource = "";
+ var embedID = "";
+ var customPlaceholder = false;
+
+ if (protocol == "file") {
+ protocol = "http";
+ }
+
+ slideMedia.style.maxWidth = data.width;
+ injectAssets(this.settings.plyr.js, "Plyr", function () {
+ if (url.match(/vimeo\.com\/([0-9]*)/)) {
+ var vimeoID = /vimeo.*\/(\d+)/i.exec(url);
+ videoSource = "vimeo";
+ embedID = vimeoID[1];
+ }
+
+ if (
+ url.match(
+ /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+ ) ||
+ url.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+ url.match(
+ /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+ )
+ ) {
+ var youtubeID = getYoutubeID(url);
+ videoSource = "youtube";
+ embedID = youtubeID;
+ }
+
+ if (url.match(/\.(mp4|ogg|webm|mov)$/) !== null) {
+ videoSource = "local";
+ var html = '');
+ }
+ }
+ }
+
+ html += " ";
+ customPlaceholder = createHTML(html);
+ }
+
+ var placeholder = customPlaceholder
+ ? customPlaceholder
+ : createHTML(
+ '
')
+ );
+ addClass(videoWrapper, "".concat(videoSource, "-video gvideo"));
+ videoWrapper.appendChild(placeholder);
+ videoWrapper.setAttribute("data-id", videoID);
+ videoWrapper.setAttribute("data-index", index);
+ var playerConfig = has(_this.settings.plyr, "config")
+ ? _this.settings.plyr.config
+ : {};
+ var player = new Plyr("#" + videoID, playerConfig);
+ player.on("ready", function (event) {
+ var instance = event.detail.plyr;
+ videoPlayers[videoID] = instance;
+
+ if (isFunction(callback)) {
+ callback();
+ }
+ });
+ waitUntil(
+ function () {
+ return (
+ slide.querySelector("iframe") &&
+ slide.querySelector("iframe").dataset.ready == "true"
+ );
+ },
+ function () {
+ _this.resize(slide);
+ }
+ );
+ player.on("enterfullscreen", handleMediaFullScreen);
+ player.on("exitfullscreen", handleMediaFullScreen);
+ });
+ }
+
+ function getYoutubeID(url) {
+ var videoID = "";
+ url = url
+ .replace(/(>|<)/gi, "")
+ .split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
+
+ if (url[2] !== undefined) {
+ videoID = url[2].split(/[^0-9a-z_\-]/i);
+ videoID = videoID[0];
+ } else {
+ videoID = url;
+ }
+
+ return videoID;
+ }
+
+ function handleMediaFullScreen(event) {
+ var media = closest(event.target, ".gslide-media");
+
+ if (event.type == "enterfullscreen") {
+ addClass(media, "fullscreen");
+ }
+
+ if (event.type == "exitfullscreen") {
+ removeClass(media, "fullscreen");
+ }
+ }
+
+ function slideInline(slide, data, index, callback) {
+ var _this = this;
+
+ var slideMedia = slide.querySelector(".gslide-media");
+ var hash =
+ has(data, "href") && data.href
+ ? data.href.split("#").pop().trim()
+ : false;
+ var content = has(data, "content") && data.content ? data.content : false;
+ var innerContent;
+
+ if (content) {
+ if (isString(content)) {
+ innerContent = createHTML(
+ ''.concat(content, "
")
+ );
+ }
+
+ if (isNode(content)) {
+ if (content.style.display == "none") {
+ content.style.display = "block";
+ }
+
+ var container = document.createElement("div");
+ container.className = "ginlined-content";
+ container.appendChild(content);
+ innerContent = container;
+ }
+ }
+
+ if (hash) {
+ var div = document.getElementById(hash);
+
+ if (!div) {
+ return false;
+ }
+
+ var cloned = div.cloneNode(true);
+ cloned.style.height = data.height;
+ cloned.style.maxWidth = data.width;
+ addClass(cloned, "ginlined-content");
+ innerContent = cloned;
+ }
+
+ if (!innerContent) {
+ console.error("Unable to append inline slide content", data);
+ return false;
+ }
+
+ slideMedia.style.height = data.height;
+ slideMedia.style.width = data.width;
+ slideMedia.appendChild(innerContent);
+ this.events["inlineclose" + hash] = addEvent("click", {
+ onElement: slideMedia.querySelectorAll(".gtrigger-close"),
+ withCallback: function withCallback(e) {
+ e.preventDefault();
+
+ _this.close();
+ },
+ });
+
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ return;
+ }
+
+ function slideIframe(slide, data, index, callback) {
+ var slideMedia = slide.querySelector(".gslide-media");
+ var iframe = createIframe({
+ url: data.href,
+ callback: callback,
+ });
+ slideMedia.parentNode.style.maxWidth = data.width;
+ slideMedia.parentNode.style.height = data.height;
+ slideMedia.appendChild(iframe);
+ return;
+ }
+
+ var SlideConfigParser = (function () {
+ function SlideConfigParser() {
+ var slideParamas =
+ arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+ _classCallCheck(this, SlideConfigParser);
+
+ this.defaults = {
+ href: "",
+ sizes: "",
+ srcset: "",
+ title: "",
+ type: "",
+ description: "",
+ alt: "",
+ descPosition: "bottom",
+ effect: "",
+ width: "",
+ height: "",
+ content: false,
+ zoomable: true,
+ draggable: true,
+ };
+
+ if (isObject(slideParamas)) {
+ this.defaults = extend(this.defaults, slideParamas);
+ }
+ }
+
+ _createClass(SlideConfigParser, [
+ {
+ key: "sourceType",
+ value: function sourceType(url) {
+ var origin = url;
+ url = url.toLowerCase();
+
+ if (
+ url.match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/) !== null
+ ) {
+ return "image";
+ }
+
+ if (
+ url.match(
+ /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+ ) ||
+ url.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+ url.match(
+ /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+ )
+ ) {
+ return "video";
+ }
+
+ if (url.match(/vimeo\.com\/([0-9]*)/)) {
+ return "video";
+ }
+
+ if (url.match(/\.(mp4|ogg|webm|mov)/) !== null) {
+ return "video";
+ }
+
+ if (url.match(/\.(mp3|wav|wma|aac|ogg)/) !== null) {
+ return "audio";
+ }
+
+ if (url.indexOf("#") > -1) {
+ var hash = origin.split("#").pop();
+
+ if (hash.trim() !== "") {
+ return "inline";
+ }
+ }
+
+ if (url.indexOf("goajax=true") > -1) {
+ return "ajax";
+ }
+
+ return "external";
+ },
+ },
+ {
+ key: "parseConfig",
+ value: function parseConfig(element, settings) {
+ var _this = this;
+
+ var data = extend(
+ {
+ descPosition: settings.descPosition,
+ },
+ this.defaults
+ );
+
+ if (isObject(element) && !isNode(element)) {
+ if (!has(element, "type")) {
+ if (has(element, "content") && element.content) {
+ element.type = "inline";
+ } else if (has(element, "href")) {
+ element.type = this.sourceType(element.href);
+ }
+ }
+
+ var objectData = extend(data, element);
+ this.setSize(objectData, settings);
+ return objectData;
+ }
+
+ var url = "";
+ var config = element.getAttribute("data-glightbox");
+ var nodeType = element.nodeName.toLowerCase();
+
+ if (nodeType === "a") {
+ url = element.href;
+ }
+
+ if (nodeType === "img") {
+ url = element.src;
+ data.alt = element.alt;
+ }
+
+ data.href = url;
+ each(data, function (val, key) {
+ if (has(settings, key) && key !== "width") {
+ data[key] = settings[key];
+ }
+
+ var nodeData = element.dataset[key];
+
+ if (!isNil(nodeData)) {
+ data[key] = _this.sanitizeValue(nodeData);
+ }
+ });
+
+ if (data.content) {
+ data.type = "inline";
+ }
+
+ if (!data.type && url) {
+ data.type = this.sourceType(url);
+ }
+
+ if (!isNil(config)) {
+ var cleanKeys = [];
+ each(data, function (v, k) {
+ cleanKeys.push(";\\s?" + k);
+ });
+ cleanKeys = cleanKeys.join("\\s?:|");
+
+ if (config.trim() !== "") {
+ each(data, function (val, key) {
+ var str = config;
+ var match = "s?" + key + "s?:s?(.*?)(" + cleanKeys + "s?:|$)";
+ var regex = new RegExp(match);
+ var matches = str.match(regex);
+
+ if (matches && matches.length && matches[1]) {
+ var value = matches[1].trim().replace(/;\s*$/, "");
+ data[key] = _this.sanitizeValue(value);
+ }
+ });
+ }
+ } else {
+ if (!data.title && nodeType == "a") {
+ var title = element.title;
+
+ if (!isNil(title) && title !== "") {
+ data.title = title;
+ }
+ }
+
+ if (!data.title && nodeType == "img") {
+ var alt = element.alt;
+
+ if (!isNil(alt) && alt !== "") {
+ data.title = alt;
+ }
+ }
+ }
+
+ if (data.description && data.description.substring(0, 1) === ".") {
+ var description;
+
+ try {
+ description = document.querySelector(data.description).innerHTML;
+ } catch (error) {
+ if (!(error instanceof DOMException)) {
+ throw error;
+ }
+ }
+
+ if (description) {
+ data.description = description;
+ }
+ }
+
+ if (!data.description) {
+ var nodeDesc = element.querySelector(".glightbox-desc");
+
+ if (nodeDesc) {
+ data.description = nodeDesc.innerHTML;
+ }
+ }
+
+ this.setSize(data, settings, element);
+ this.slideConfig = data;
+ return data;
+ },
+ },
+ {
+ key: "setSize",
+ value: function setSize(data, settings) {
+ var element =
+ arguments.length > 2 && arguments[2] !== undefined
+ ? arguments[2]
+ : null;
+ var defaultWith =
+ data.type == "video"
+ ? this.checkSize(settings.videosWidth)
+ : this.checkSize(settings.width);
+ var defaultHeight = this.checkSize(settings.height);
+ data.width =
+ has(data, "width") && data.width !== ""
+ ? this.checkSize(data.width)
+ : defaultWith;
+ data.height =
+ has(data, "height") && data.height !== ""
+ ? this.checkSize(data.height)
+ : defaultHeight;
+
+ if (element && data.type == "image") {
+ data._hasCustomWidth = element.dataset.width ? true : false;
+ data._hasCustomHeight = element.dataset.height ? true : false;
+ }
+
+ return data;
+ },
+ },
+ {
+ key: "checkSize",
+ value: function checkSize(size) {
+ return isNumber(size) ? "".concat(size, "px") : size;
+ },
+ },
+ {
+ key: "sanitizeValue",
+ value: function sanitizeValue(val) {
+ if (val !== "true" && val !== "false") {
+ return val;
+ }
+
+ return val === "true";
+ },
+ },
+ ]);
+
+ return SlideConfigParser;
+ })();
+
+ var Slide = (function () {
+ function Slide(el, instance, index) {
+ _classCallCheck(this, Slide);
+
+ this.element = el;
+ this.instance = instance;
+ this.index = index;
+ }
+
+ _createClass(Slide, [
+ {
+ key: "setContent",
+ value: function setContent() {
+ var _this = this;
+
+ var slide =
+ arguments.length > 0 && arguments[0] !== undefined
+ ? arguments[0]
+ : null;
+ var callback =
+ arguments.length > 1 && arguments[1] !== undefined
+ ? arguments[1]
+ : false;
+
+ if (hasClass(slide, "loaded")) {
+ return false;
+ }
+
+ var settings = this.instance.settings;
+ var slideConfig = this.slideConfig;
+ var isMobileDevice = isMobile();
+
+ if (isFunction(settings.beforeSlideLoad)) {
+ settings.beforeSlideLoad({
+ index: this.index,
+ slide: slide,
+ player: false,
+ });
+ }
+
+ var type = slideConfig.type;
+ var position = slideConfig.descPosition;
+ var slideMedia = slide.querySelector(".gslide-media");
+ var slideTitle = slide.querySelector(".gslide-title");
+ var slideText = slide.querySelector(".gslide-desc");
+ var slideDesc = slide.querySelector(".gdesc-inner");
+ var finalCallback = callback;
+ var titleID = "gSlideTitle_" + this.index;
+ var textID = "gSlideDesc_" + this.index;
+
+ if (isFunction(settings.afterSlideLoad)) {
+ finalCallback = function finalCallback() {
+ if (isFunction(callback)) {
+ callback();
+ }
+
+ settings.afterSlideLoad({
+ index: _this.index,
+ slide: slide,
+ player: _this.instance.getSlidePlayerInstance(_this.index),
+ });
+ };
+ }
+
+ if (slideConfig.title == "" && slideConfig.description == "") {
+ if (slideDesc) {
+ slideDesc.parentNode.parentNode.removeChild(slideDesc.parentNode);
+ }
+ } else {
+ if (slideTitle && slideConfig.title !== "") {
+ slideTitle.id = titleID;
+ slideTitle.innerHTML = slideConfig.title;
+ } else {
+ slideTitle.parentNode.removeChild(slideTitle);
+ }
+
+ if (slideText && slideConfig.description !== "") {
+ slideText.id = textID;
+
+ if (isMobileDevice && settings.moreLength > 0) {
+ slideConfig.smallDescription = this.slideShortDesc(
+ slideConfig.description,
+ settings.moreLength,
+ settings.moreText
+ );
+ slideText.innerHTML = slideConfig.smallDescription;
+ this.descriptionEvents(slideText, slideConfig);
+ } else {
+ slideText.innerHTML = slideConfig.description;
+ }
+ } else {
+ slideText.parentNode.removeChild(slideText);
+ }
+
+ addClass(slideMedia.parentNode, "desc-".concat(position));
+ addClass(slideDesc.parentNode, "description-".concat(position));
+ }
+
+ addClass(slideMedia, "gslide-".concat(type));
+ addClass(slide, "loaded");
+
+ if (type === "video") {
+ slideVideo.apply(this.instance, [
+ slide,
+ slideConfig,
+ this.index,
+ finalCallback,
+ ]);
+ return;
+ }
+
+ if (type === "external") {
+ slideIframe.apply(this, [
+ slide,
+ slideConfig,
+ this.index,
+ finalCallback,
+ ]);
+ return;
+ }
+
+ if (type === "inline") {
+ slideInline.apply(this.instance, [
+ slide,
+ slideConfig,
+ this.index,
+ finalCallback,
+ ]);
+
+ if (slideConfig.draggable) {
+ new DragSlides({
+ dragEl: slide.querySelector(".gslide-inline"),
+ toleranceX: settings.dragToleranceX,
+ toleranceY: settings.dragToleranceY,
+ slide: slide,
+ instance: this.instance,
+ });
+ }
+
+ return;
+ }
+
+ if (type === "image") {
+ slideImage(slide, slideConfig, this.index, function () {
+ var img = slide.querySelector("img");
+
+ if (slideConfig.draggable) {
+ new DragSlides({
+ dragEl: img,
+ toleranceX: settings.dragToleranceX,
+ toleranceY: settings.dragToleranceY,
+ slide: slide,
+ instance: _this.instance,
+ });
+ }
+
+ if (slideConfig.zoomable && img.naturalWidth > img.offsetWidth) {
+ addClass(img, "zoomable");
+ new ZoomImages(img, slide, function () {
+ _this.instance.resize();
+ });
+ }
+
+ if (isFunction(finalCallback)) {
+ finalCallback();
+ }
+ });
+ return;
+ }
+
+ if (isFunction(finalCallback)) {
+ finalCallback();
+ }
+ },
+ },
+ {
+ key: "slideShortDesc",
+ value: function slideShortDesc(string) {
+ var n =
+ arguments.length > 1 && arguments[1] !== undefined
+ ? arguments[1]
+ : 50;
+ var wordBoundary =
+ arguments.length > 2 && arguments[2] !== undefined
+ ? arguments[2]
+ : false;
+ var div = document.createElement("div");
+ div.innerHTML = string;
+ var cleanedString = div.innerText;
+ var useWordBoundary = wordBoundary;
+ string = cleanedString.trim();
+
+ if (string.length <= n) {
+ return string;
+ }
+
+ var subString = string.substr(0, n - 1);
+
+ if (!useWordBoundary) {
+ return subString;
+ }
+
+ div = null;
+ return (
+ subString +
+ '... ' +
+ wordBoundary +
+ " "
+ );
+ },
+ },
+ {
+ key: "descriptionEvents",
+ value: function descriptionEvents(desc, data) {
+ var _this2 = this;
+
+ var moreLink = desc.querySelector(".desc-more");
+
+ if (!moreLink) {
+ return false;
+ }
+
+ addEvent("click", {
+ onElement: moreLink,
+ withCallback: function withCallback(event, target) {
+ event.preventDefault();
+ var body = document.body;
+ var desc = closest(target, ".gslide-desc");
+
+ if (!desc) {
+ return false;
+ }
+
+ desc.innerHTML = data.description;
+ addClass(body, "gdesc-open");
+ var shortEvent = addEvent("click", {
+ onElement: [body, closest(desc, ".gslide-description")],
+ withCallback: function withCallback(event, target) {
+ if (event.target.nodeName.toLowerCase() !== "a") {
+ removeClass(body, "gdesc-open");
+ addClass(body, "gdesc-closed");
+ desc.innerHTML = data.smallDescription;
+
+ _this2.descriptionEvents(desc, data);
+
+ setTimeout(function () {
+ removeClass(body, "gdesc-closed");
+ }, 400);
+ shortEvent.destroy();
+ }
+ },
+ });
+ },
+ });
+ },
+ },
+ {
+ key: "create",
+ value: function create() {
+ return createHTML(this.instance.settings.slideHTML);
+ },
+ },
+ {
+ key: "getConfig",
+ value: function getConfig() {
+ if (
+ !isNode(this.element) &&
+ !this.element.hasOwnProperty("draggable")
+ ) {
+ this.element.draggable = this.instance.settings.draggable;
+ }
+
+ var parser = new SlideConfigParser(
+ this.instance.settings.slideExtraAttributes
+ );
+ this.slideConfig = parser.parseConfig(
+ this.element,
+ this.instance.settings
+ );
+ return this.slideConfig;
+ },
+ },
+ ]);
+
+ return Slide;
+ })();
+
+ var _version = "3.1.1";
+
+ var isMobile$1 = isMobile();
+
+ var isTouch$1 = isTouch();
+
+ var html = document.getElementsByTagName("html")[0];
+ var defaults = {
+ selector: ".glightbox",
+ elements: null,
+ skin: "clean",
+ theme: "clean",
+ closeButton: true,
+ startAt: null,
+ autoplayVideos: true,
+ autofocusVideos: true,
+ descPosition: "bottom",
+ width: "900px",
+ height: "506px",
+ videosWidth: "960px",
+ beforeSlideChange: null,
+ afterSlideChange: null,
+ beforeSlideLoad: null,
+ afterSlideLoad: null,
+ slideInserted: null,
+ slideRemoved: null,
+ slideExtraAttributes: null,
+ onOpen: null,
+ onClose: null,
+ loop: false,
+ zoomable: true,
+ draggable: true,
+ dragAutoSnap: false,
+ dragToleranceX: 40,
+ dragToleranceY: 65,
+ preload: true,
+ oneSlidePerOpen: false,
+ touchNavigation: true,
+ touchFollowAxis: true,
+ keyboardNavigation: true,
+ closeOnOutsideClick: true,
+ plugins: false,
+ plyr: {
+ css: "https://cdn.plyr.io/3.6.8/plyr.css",
+ js: "https://cdn.plyr.io/3.6.8/plyr.js",
+ config: {
+ ratio: "16:9",
+ fullscreen: {
+ enabled: true,
+ iosNative: true,
+ },
+ youtube: {
+ noCookie: true,
+ rel: 0,
+ showinfo: 0,
+ iv_load_policy: 3,
+ },
+ vimeo: {
+ byline: false,
+ portrait: false,
+ title: false,
+ transparent: false,
+ },
+ },
+ },
+ openEffect: "zoom",
+ closeEffect: "zoom",
+ slideEffect: "slide",
+ moreText: "See more",
+ moreLength: 60,
+ cssEfects: {
+ fade: {
+ in: "fadeIn",
+ out: "fadeOut",
+ },
+ zoom: {
+ in: "zoomIn",
+ out: "zoomOut",
+ },
+ slide: {
+ in: "slideInRight",
+ out: "slideOutLeft",
+ },
+ slideBack: {
+ in: "slideInLeft",
+ out: "slideOutRight",
+ },
+ none: {
+ in: "none",
+ out: "none",
+ },
+ },
+ svg: {
+ close:
+ ' ',
+ prev: '\n
\n
\n
\n
\n
{closeSVG} \n
{prevSVG} \n
{nextSVG} \n
\n
+
+
+
+
+
+
+
+
+
${no_results_for} "${escapeHTML(searchString)} "
+
${match} `);
+ };
+ const highlightResultContent = (content) => {
+ const regex = new RegExp(searchString, "i");
+ const matchIndex = content.search(regex);
+
+ if (matchIndex >= 0) {
+ const matchedContent = content.slice(matchIndex);
+ const lastWord = content.slice(0, matchIndex).split(" ").pop();
+
+ return matchedContent.replace(
+ regex,
+ (match) => lastWord + `${match} `,
+ );
+ }
+
+ return content;
+ };
+
+ const filteredItems = item.data.filter(
+ (d) =>
+ d.title.toLowerCase().includes(searchString) ||
+ (description === "true"
+ ? d.description?.toLowerCase().includes(searchString)
+ : "") ||
+ d.searchKeyword.toLowerCase().includes(searchString) ||
+ (tags === "true"
+ ? d.tags?.toLowerCase().includes(searchString)
+ : "") ||
+ (categories === "true"
+ ? d.categories?.toLowerCase().includes(searchString)
+ : "") ||
+ d.content.toLowerCase().includes(searchString),
+ );
+
+ // pull template from hugo template definition
+ let templateDefinition =
+ searchResultItemTemplate != null
+ ? searchResultItemTemplate.innerHTML
+ : `
+
+ #{ isset image }
#{image}
#{ end }
+
+
#{title}
+ #{ isset description }
#{description}
#{ end }
+
#{content}
+
+ #{ isset categories }
#{ end }
+
+ #{ isset tags }
#{ end }
+
+
+
+
${item.section}
+ ${renderedItems}
+
${filteredItemsLength} results`;
+ let totalTime = ((endTime - startTime) / 1000).toFixed(3);
+ totalTime = `- in ${totalTime} seconds`;
+
+ searchResultInfo &&
+ (searchResultInfo.innerHTML =
+ filteredItemsLength > 0 ? `${totalResults} ${totalTime}` : "");
+
+ // hide search-result-group-title if un-available result
+ const groupTitle = document.querySelectorAll(".search-result-group-title");
+ groupTitle.forEach((el) => {
+ // hide search-result-group-title if there is no result
+ if (el.nextElementSibling === null) {
+ el.style.display = "none";
+ }
+ // hide emptySearchResult if there is no result
+ if (el.nextElementSibling != null) {
+ emptySearchResult.forEach((el) => {
+ el.style.display = "";
+ });
+ } else {
+ emptySearchResult.forEach((el) => {
+ el.style.display = "block";
+ });
+ }
+ });
+
+ // hide tag/category if un-available result
+ const searchInfo = document.querySelectorAll(".search-info > div");
+ if (searchInfo.length > 0) {
+ // hide tag/category if there is no result
+ searchInfo.forEach((el) => {
+ if (el.innerText.includes("nomatch") || el.innerText == "") {
+ el.classList.add("hidden");
+ }
+ });
+ }
+ };
+ loadJsonData();
+}
+
+// Render Result Template
+const renderResult = (templateString, data) => {
+ var conditionalMatches, conditionalPattern, copy;
+ conditionalPattern = /\#\{\s*isset ([a-zA-Z]*) \s*\}(.*)\#\{\s*end\s*}/g;
+ // since loop below depends on re.lastIndex, we use a copy to capture any manipulations whilst inside the loop
+ copy = templateString;
+ while (
+ (conditionalMatches = conditionalPattern.exec(templateString)) !== null
+ ) {
+ if (data[conditionalMatches[1]]) {
+ // if valid key, remove conditionals, leave contents.
+ copy = copy.replace(conditionalMatches[0], conditionalMatches[2]);
+ } else {
+ // if not valid, remove entire section
+ copy = copy.replace(conditionalMatches[0], "");
+ }
+ }
+ templateString = copy;
+ //now any conditionals removed we can do simple substitution
+ var key, find, re;
+ for (key in data) {
+ find = "\\#\\{\\s*" + key + "\\s*\\}";
+ re = new RegExp(find, "g");
+ templateString = templateString.replace(re, data[key]);
+ }
+ return templateString;
+};
+
+// ========================================================================================
+
+// Reset Search
+const resetSearch = () => {
+ searchIcon && (searchIcon.style.display = "initial");
+ searchIconReset && (searchIconReset.style.display = "none");
+ searchInput.forEach((el) => {
+ el.value = "";
+ });
+ searchResult.forEach((el) => {
+ el.innerHTML = "";
+ });
+ emptySearchResult.forEach((el) => {
+ el.style.display = "";
+ el.innerHTML = empty_search_results_placeholder;
+ });
+ searchResultInfo.innerHTML = "";
+
+ // clear search query string from URL
+ if (window.location.search.includes("?s=")) {
+ window.history.pushState(
+ "",
+ document.title,
+ window.location.pathname + window.location.hash,
+ );
+ }
+};
+
+// Body Scroll
+const enableBodyScroll = () => {
+ setTimeout(() => {
+ body.style.overflowY = "";
+ body.style.paddingRight = "";
+ }, 200);
+};
+const disableBodyScroll = () => {
+ const documentWidth = document.documentElement.clientWidth;
+ const scrollbarWidth = Math.abs(window.innerWidth - documentWidth);
+ body.style.overflowY = "hidden";
+ body.style.paddingRight = scrollbarWidth + "px";
+};
+
+// Show/Hide Search Modal
+const showModal = () => {
+ searchModal.classList.add("show");
+ window.setTimeout(
+ () => document.querySelector("[data-search-input]").focus(),
+ 100,
+ );
+ if (hasSearchModal) {
+ disableBodyScroll();
+ searchModalVisible = true;
+ }
+};
+const closeModal = () => {
+ searchModal.classList.remove("show");
+ resetSearch();
+ if (hasSearchModal) {
+ enableBodyScroll();
+ searchModalVisible = false;
+ }
+};
+
+// Trigger Search Modal Show/Hide Events
+if (hasSearchWrapper) {
+ // Show Search Modal on page load
+ if (searchModalVisible) {
+ showModal();
+ }
+
+ // Trigger Reset Search
+ searchIconReset &&
+ searchIconReset.addEventListener("click", () => {
+ resetSearch();
+ });
+
+ // Open Search Modal with click
+ openSearchModal.forEach((el) => {
+ el.addEventListener("click", function () {
+ showModal();
+ });
+ });
+
+ // Close Search Modal with click
+ closeSearchModal.forEach((el) => {
+ el.addEventListener("click", function () {
+ closeModal();
+ });
+ });
+
+ // Close modal on click outside modal-body
+ searchWrapper.addEventListener("click", function (e) {
+ if (e.target.classList.contains("search-wrapper")) {
+ closeModal();
+ }
+ });
+
+ // Close modal with ESC
+ const closeSearchModalWithESC = (e) => {
+ if (e.key === "Escape") {
+ if (searchModalVisible) {
+ e.preventDefault();
+ closeModal();
+ }
+ }
+ };
+
+ // Toggle modal on Ctrl + K / Cmd + K
+ const toggleSearchModalWithK = (e) => {
+ if ((e.ctrlKey || e.metaKey) && e.key === "k") {
+ if (searchModalVisible) {
+ e.preventDefault();
+ closeModal();
+ } else {
+ e.preventDefault();
+ showModal();
+ }
+ }
+ };
+ document.addEventListener("keydown", (e) => {
+ toggleSearchModalWithK(e);
+ closeSearchModalWithESC(e);
+ });
+}
+
+;
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+(function (global, factory) {
+ typeof exports === "object" && typeof module !== "undefined"
+ ? (module.exports = factory())
+ : typeof define === "function" && define.amd
+ ? define(factory)
+ : ((global =
+ typeof globalThis !== "undefined" ? globalThis : global || self),
+ (global.Swiper = factory()));
+})(this, function () {
+ "use strict";
+
+ /**
+ * SSR Window 4.0.2
+ * Better handling for window object in SSR environment
+ * https://github.com/nolimits4web/ssr-window
+ *
+ * Copyright 2021, Vladimir Kharlampidi
+ *
+ * Licensed under MIT
+ *
+ * Released on: December 13, 2021
+ */
+
+ /* eslint-disable no-param-reassign */
+ function isObject$1(obj) {
+ return (
+ obj !== null &&
+ typeof obj === "object" &&
+ "constructor" in obj &&
+ obj.constructor === Object
+ );
+ }
+
+ function extend$1(target, src) {
+ if (target === void 0) {
+ target = {};
+ }
+
+ if (src === void 0) {
+ src = {};
+ }
+
+ Object.keys(src).forEach((key) => {
+ if (typeof target[key] === "undefined") target[key] = src[key];
+ else if (
+ isObject$1(src[key]) &&
+ isObject$1(target[key]) &&
+ Object.keys(src[key]).length > 0
+ ) {
+ extend$1(target[key], src[key]);
+ }
+ });
+ }
+
+ const ssrDocument = {
+ body: {},
+
+ addEventListener() {},
+
+ removeEventListener() {},
+
+ activeElement: {
+ blur() {},
+
+ nodeName: "",
+ },
+
+ querySelector() {
+ return null;
+ },
+
+ querySelectorAll() {
+ return [];
+ },
+
+ getElementById() {
+ return null;
+ },
+
+ createEvent() {
+ return {
+ initEvent() {},
+ };
+ },
+
+ createElement() {
+ return {
+ children: [],
+ childNodes: [],
+ style: {},
+
+ setAttribute() {},
+
+ getElementsByTagName() {
+ return [];
+ },
+ };
+ },
+
+ createElementNS() {
+ return {};
+ },
+
+ importNode() {
+ return null;
+ },
+
+ location: {
+ hash: "",
+ host: "",
+ hostname: "",
+ href: "",
+ origin: "",
+ pathname: "",
+ protocol: "",
+ search: "",
+ },
+ };
+
+ function getDocument() {
+ const doc = typeof document !== "undefined" ? document : {};
+ extend$1(doc, ssrDocument);
+ return doc;
+ }
+
+ const ssrWindow = {
+ document: ssrDocument,
+ navigator: {
+ userAgent: "",
+ },
+ location: {
+ hash: "",
+ host: "",
+ hostname: "",
+ href: "",
+ origin: "",
+ pathname: "",
+ protocol: "",
+ search: "",
+ },
+ history: {
+ replaceState() {},
+
+ pushState() {},
+
+ go() {},
+
+ back() {},
+ },
+ CustomEvent: function CustomEvent() {
+ return this;
+ },
+
+ addEventListener() {},
+
+ removeEventListener() {},
+
+ getComputedStyle() {
+ return {
+ getPropertyValue() {
+ return "";
+ },
+ };
+ },
+
+ Image() {},
+
+ Date() {},
+
+ screen: {},
+
+ setTimeout() {},
+
+ clearTimeout() {},
+
+ matchMedia() {
+ return {};
+ },
+
+ requestAnimationFrame(callback) {
+ if (typeof setTimeout === "undefined") {
+ callback();
+ return null;
+ }
+
+ return setTimeout(callback, 0);
+ },
+
+ cancelAnimationFrame(id) {
+ if (typeof setTimeout === "undefined") {
+ return;
+ }
+
+ clearTimeout(id);
+ },
+ };
+
+ function getWindow() {
+ const win = typeof window !== "undefined" ? window : {};
+ extend$1(win, ssrWindow);
+ return win;
+ }
+
+ /**
+ * Dom7 4.0.4
+ * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
+ * https://framework7.io/docs/dom7.html
+ *
+ * Copyright 2022, Vladimir Kharlampidi
+ *
+ * Licensed under MIT
+ *
+ * Released on: January 11, 2022
+ */
+ /* eslint-disable no-proto */
+
+ function makeReactive(obj) {
+ const proto = obj.__proto__;
+ Object.defineProperty(obj, "__proto__", {
+ get() {
+ return proto;
+ },
+
+ set(value) {
+ proto.__proto__ = value;
+ },
+ });
+ }
+
+ class Dom7 extends Array {
+ constructor(items) {
+ if (typeof items === "number") {
+ super(items);
+ } else {
+ super(...(items || []));
+ makeReactive(this);
+ }
+ }
+ }
+
+ function arrayFlat(arr) {
+ if (arr === void 0) {
+ arr = [];
+ }
+
+ const res = [];
+ arr.forEach((el) => {
+ if (Array.isArray(el)) {
+ res.push(...arrayFlat(el));
+ } else {
+ res.push(el);
+ }
+ });
+ return res;
+ }
+
+ function arrayFilter(arr, callback) {
+ return Array.prototype.filter.call(arr, callback);
+ }
+
+ function arrayUnique(arr) {
+ const uniqueArray = [];
+
+ for (let i = 0; i < arr.length; i += 1) {
+ if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]);
+ }
+
+ return uniqueArray;
+ }
+
+ function qsa(selector, context) {
+ if (typeof selector !== "string") {
+ return [selector];
+ }
+
+ const a = [];
+ const res = context.querySelectorAll(selector);
+
+ for (let i = 0; i < res.length; i += 1) {
+ a.push(res[i]);
+ }
+
+ return a;
+ }
+
+ function $(selector, context) {
+ const window = getWindow();
+ const document = getDocument();
+ let arr = [];
+
+ if (!context && selector instanceof Dom7) {
+ return selector;
+ }
+
+ if (!selector) {
+ return new Dom7(arr);
+ }
+
+ if (typeof selector === "string") {
+ const html = selector.trim();
+
+ if (html.indexOf("<") >= 0 && html.indexOf(">") >= 0) {
+ let toCreate = "div";
+ if (html.indexOf(" c.split(" ")));
+ this.forEach((el) => {
+ el.classList.add(...classNames);
+ });
+ return this;
+ }
+
+ function removeClass() {
+ for (
+ var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ classes[_key2] = arguments[_key2];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ el.classList.remove(...classNames);
+ });
+ return this;
+ }
+
+ function toggleClass() {
+ for (
+ var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0;
+ _key3 < _len3;
+ _key3++
+ ) {
+ classes[_key3] = arguments[_key3];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ classNames.forEach((className) => {
+ el.classList.toggle(className);
+ });
+ });
+ }
+
+ function hasClass() {
+ for (
+ var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0;
+ _key4 < _len4;
+ _key4++
+ ) {
+ classes[_key4] = arguments[_key4];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ return (
+ arrayFilter(this, (el) => {
+ return (
+ classNames.filter((className) => el.classList.contains(className))
+ .length > 0
+ );
+ }).length > 0
+ );
+ }
+
+ function attr(attrs, value) {
+ if (arguments.length === 1 && typeof attrs === "string") {
+ // Get attr
+ if (this[0]) return this[0].getAttribute(attrs);
+ return undefined;
+ } // Set attrs
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (arguments.length === 2) {
+ // String
+ this[i].setAttribute(attrs, value);
+ } else {
+ // Object
+ for (const attrName in attrs) {
+ this[i][attrName] = attrs[attrName];
+ this[i].setAttribute(attrName, attrs[attrName]);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function removeAttr(attr) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].removeAttribute(attr);
+ }
+
+ return this;
+ }
+
+ function transform(transform) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transform = transform;
+ }
+
+ return this;
+ }
+
+ function transition$1(duration) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transitionDuration =
+ typeof duration !== "string" ? `${duration}ms` : duration;
+ }
+
+ return this;
+ }
+
+ function on() {
+ for (
+ var _len5 = arguments.length, args = new Array(_len5), _key5 = 0;
+ _key5 < _len5;
+ _key5++
+ ) {
+ args[_key5] = arguments[_key5];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+
+ function handleLiveEvent(e) {
+ const target = e.target;
+ if (!target) return;
+ const eventData = e.target.dom7EventData || [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ if ($(target).is(targetSelector)) listener.apply(target, eventData);
+ else {
+ const parents = $(target).parents(); // eslint-disable-line
+
+ for (let k = 0; k < parents.length; k += 1) {
+ if ($(parents[k]).is(targetSelector))
+ listener.apply(parents[k], eventData);
+ }
+ }
+ }
+
+ function handleEvent(e) {
+ const eventData = e && e.target ? e.target.dom7EventData || [] : [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ listener.apply(this, eventData);
+ }
+
+ const events = eventType.split(" ");
+ let j;
+
+ for (let i = 0; i < this.length; i += 1) {
+ const el = this[i];
+
+ if (!targetSelector) {
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7Listeners) el.dom7Listeners = {};
+ if (!el.dom7Listeners[event]) el.dom7Listeners[event] = [];
+ el.dom7Listeners[event].push({
+ listener,
+ proxyListener: handleEvent,
+ });
+ el.addEventListener(event, handleEvent, capture);
+ }
+ } else {
+ // Live events
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7LiveListeners) el.dom7LiveListeners = {};
+ if (!el.dom7LiveListeners[event]) el.dom7LiveListeners[event] = [];
+ el.dom7LiveListeners[event].push({
+ listener,
+ proxyListener: handleLiveEvent,
+ });
+ el.addEventListener(event, handleLiveEvent, capture);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function off() {
+ for (
+ var _len6 = arguments.length, args = new Array(_len6), _key6 = 0;
+ _key6 < _len6;
+ _key6++
+ ) {
+ args[_key6] = arguments[_key6];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+ const events = eventType.split(" ");
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+ let handlers;
+
+ if (!targetSelector && el.dom7Listeners) {
+ handlers = el.dom7Listeners[event];
+ } else if (targetSelector && el.dom7LiveListeners) {
+ handlers = el.dom7LiveListeners[event];
+ }
+
+ if (handlers && handlers.length) {
+ for (let k = handlers.length - 1; k >= 0; k -= 1) {
+ const handler = handlers[k];
+
+ if (listener && handler.listener === listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (
+ listener &&
+ handler.listener &&
+ handler.listener.dom7proxy &&
+ handler.listener.dom7proxy === listener
+ ) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (!listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ }
+ }
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function trigger() {
+ const window = getWindow();
+
+ for (
+ var _len9 = arguments.length, args = new Array(_len9), _key9 = 0;
+ _key9 < _len9;
+ _key9++
+ ) {
+ args[_key9] = arguments[_key9];
+ }
+
+ const events = args[0].split(" ");
+ const eventData = args[1];
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+
+ if (window.CustomEvent) {
+ const evt = new window.CustomEvent(event, {
+ detail: eventData,
+ bubbles: true,
+ cancelable: true,
+ });
+ el.dom7EventData = args.filter((data, dataIndex) => dataIndex > 0);
+ el.dispatchEvent(evt);
+ el.dom7EventData = [];
+ delete el.dom7EventData;
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function transitionEnd$1(callback) {
+ const dom = this;
+
+ function fireCallBack(e) {
+ if (e.target !== this) return;
+ callback.call(this, e);
+ dom.off("transitionend", fireCallBack);
+ }
+
+ if (callback) {
+ dom.on("transitionend", fireCallBack);
+ }
+
+ return this;
+ }
+
+ function outerWidth(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetWidth +
+ parseFloat(styles.getPropertyValue("margin-right")) +
+ parseFloat(styles.getPropertyValue("margin-left"))
+ );
+ }
+
+ return this[0].offsetWidth;
+ }
+
+ return null;
+ }
+
+ function outerHeight(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetHeight +
+ parseFloat(styles.getPropertyValue("margin-top")) +
+ parseFloat(styles.getPropertyValue("margin-bottom"))
+ );
+ }
+
+ return this[0].offsetHeight;
+ }
+
+ return null;
+ }
+
+ function offset() {
+ if (this.length > 0) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ const box = el.getBoundingClientRect();
+ const body = document.body;
+ const clientTop = el.clientTop || body.clientTop || 0;
+ const clientLeft = el.clientLeft || body.clientLeft || 0;
+ const scrollTop = el === window ? window.scrollY : el.scrollTop;
+ const scrollLeft = el === window ? window.scrollX : el.scrollLeft;
+ return {
+ top: box.top + scrollTop - clientTop,
+ left: box.left + scrollLeft - clientLeft,
+ };
+ }
+
+ return null;
+ }
+
+ function styles() {
+ const window = getWindow();
+ if (this[0]) return window.getComputedStyle(this[0], null);
+ return {};
+ }
+
+ function css(props, value) {
+ const window = getWindow();
+ let i;
+
+ if (arguments.length === 1) {
+ if (typeof props === "string") {
+ // .css('width')
+ if (this[0])
+ return window.getComputedStyle(this[0], null).getPropertyValue(props);
+ } else {
+ // .css({ width: '100px' })
+ for (i = 0; i < this.length; i += 1) {
+ for (const prop in props) {
+ this[i].style[prop] = props[prop];
+ }
+ }
+
+ return this;
+ }
+ }
+
+ if (arguments.length === 2 && typeof props === "string") {
+ // .css('width', '100px')
+ for (i = 0; i < this.length; i += 1) {
+ this[i].style[props] = value;
+ }
+
+ return this;
+ }
+
+ return this;
+ }
+
+ function each(callback) {
+ if (!callback) return this;
+ this.forEach((el, index) => {
+ callback.apply(el, [el, index]);
+ });
+ return this;
+ }
+
+ function filter(callback) {
+ const result = arrayFilter(this, callback);
+ return $(result);
+ }
+
+ function html(html) {
+ if (typeof html === "undefined") {
+ return this[0] ? this[0].innerHTML : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].innerHTML = html;
+ }
+
+ return this;
+ }
+
+ function text(text) {
+ if (typeof text === "undefined") {
+ return this[0] ? this[0].textContent.trim() : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].textContent = text;
+ }
+
+ return this;
+ }
+
+ function is(selector) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ let compareWith;
+ let i;
+ if (!el || typeof selector === "undefined") return false;
+
+ if (typeof selector === "string") {
+ if (el.matches) return el.matches(selector);
+ if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
+ if (el.msMatchesSelector) return el.msMatchesSelector(selector);
+ compareWith = $(selector);
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ if (selector === document) {
+ return el === document;
+ }
+
+ if (selector === window) {
+ return el === window;
+ }
+
+ if (selector.nodeType || selector instanceof Dom7) {
+ compareWith = selector.nodeType ? [selector] : selector;
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ return false;
+ }
+
+ function index() {
+ let child = this[0];
+ let i;
+
+ if (child) {
+ i = 0; // eslint-disable-next-line
+
+ while ((child = child.previousSibling) !== null) {
+ if (child.nodeType === 1) i += 1;
+ }
+
+ return i;
+ }
+
+ return undefined;
+ }
+
+ function eq(index) {
+ if (typeof index === "undefined") return this;
+ const length = this.length;
+
+ if (index > length - 1) {
+ return $([]);
+ }
+
+ if (index < 0) {
+ const returnIndex = length + index;
+ if (returnIndex < 0) return $([]);
+ return $([this[returnIndex]]);
+ }
+
+ return $([this[index]]);
+ }
+
+ function append() {
+ let newChild;
+ const document = getDocument();
+
+ for (let k = 0; k < arguments.length; k += 1) {
+ newChild = k < 0 || arguments.length <= k ? undefined : arguments[k];
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ while (tempDiv.firstChild) {
+ this[i].appendChild(tempDiv.firstChild);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (let j = 0; j < newChild.length; j += 1) {
+ this[i].appendChild(newChild[j]);
+ }
+ } else {
+ this[i].appendChild(newChild);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function prepend(newChild) {
+ const document = getDocument();
+ let i;
+ let j;
+
+ for (i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {
+ this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (j = 0; j < newChild.length; j += 1) {
+ this[i].insertBefore(newChild[j], this[i].childNodes[0]);
+ }
+ } else {
+ this[i].insertBefore(newChild, this[i].childNodes[0]);
+ }
+ }
+
+ return this;
+ }
+
+ function next(selector) {
+ if (this.length > 0) {
+ if (selector) {
+ if (
+ this[0].nextElementSibling &&
+ $(this[0].nextElementSibling).is(selector)
+ ) {
+ return $([this[0].nextElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (this[0].nextElementSibling) return $([this[0].nextElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function nextAll(selector) {
+ const nextEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.nextElementSibling) {
+ const next = el.nextElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(next).is(selector)) nextEls.push(next);
+ } else nextEls.push(next);
+
+ el = next;
+ }
+
+ return $(nextEls);
+ }
+
+ function prev(selector) {
+ if (this.length > 0) {
+ const el = this[0];
+
+ if (selector) {
+ if (
+ el.previousElementSibling &&
+ $(el.previousElementSibling).is(selector)
+ ) {
+ return $([el.previousElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (el.previousElementSibling) return $([el.previousElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function prevAll(selector) {
+ const prevEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.previousElementSibling) {
+ const prev = el.previousElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(prev).is(selector)) prevEls.push(prev);
+ } else prevEls.push(prev);
+
+ el = prev;
+ }
+
+ return $(prevEls);
+ }
+
+ function parent(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode !== null) {
+ if (selector) {
+ if ($(this[i].parentNode).is(selector))
+ parents.push(this[i].parentNode);
+ } else {
+ parents.push(this[i].parentNode);
+ }
+ }
+ }
+
+ return $(parents);
+ }
+
+ function parents(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ let parent = this[i].parentNode; // eslint-disable-line
+
+ while (parent) {
+ if (selector) {
+ if ($(parent).is(selector)) parents.push(parent);
+ } else {
+ parents.push(parent);
+ }
+
+ parent = parent.parentNode;
+ }
+ }
+
+ return $(parents);
+ }
+
+ function closest(selector) {
+ let closest = this; // eslint-disable-line
+
+ if (typeof selector === "undefined") {
+ return $([]);
+ }
+
+ if (!closest.is(selector)) {
+ closest = closest.parents(selector).eq(0);
+ }
+
+ return closest;
+ }
+
+ function find(selector) {
+ const foundElements = [];
+
+ for (let i = 0; i < this.length; i += 1) {
+ const found = this[i].querySelectorAll(selector);
+
+ for (let j = 0; j < found.length; j += 1) {
+ foundElements.push(found[j]);
+ }
+ }
+
+ return $(foundElements);
+ }
+
+ function children(selector) {
+ const children = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ const childNodes = this[i].children;
+
+ for (let j = 0; j < childNodes.length; j += 1) {
+ if (!selector || $(childNodes[j]).is(selector)) {
+ children.push(childNodes[j]);
+ }
+ }
+ }
+
+ return $(children);
+ }
+
+ function remove() {
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode) this[i].parentNode.removeChild(this[i]);
+ }
+
+ return this;
+ }
+
+ const Methods = {
+ addClass,
+ removeClass,
+ hasClass,
+ toggleClass,
+ attr,
+ removeAttr,
+ transform,
+ transition: transition$1,
+ on,
+ off,
+ trigger,
+ transitionEnd: transitionEnd$1,
+ outerWidth,
+ outerHeight,
+ styles,
+ offset,
+ css,
+ each,
+ html,
+ text,
+ is,
+ index,
+ eq,
+ append,
+ prepend,
+ next,
+ nextAll,
+ prev,
+ prevAll,
+ parent,
+ parents,
+ closest,
+ find,
+ children,
+ filter,
+ remove,
+ };
+ Object.keys(Methods).forEach((methodName) => {
+ Object.defineProperty($.fn, methodName, {
+ value: Methods[methodName],
+ writable: true,
+ });
+ });
+
+ function deleteProps(obj) {
+ const object = obj;
+ Object.keys(object).forEach((key) => {
+ try {
+ object[key] = null;
+ } catch (e) {
+ // no getter for object
+ }
+
+ try {
+ delete object[key];
+ } catch (e) {
+ // something got wrong
+ }
+ });
+ }
+
+ function nextTick(callback, delay) {
+ if (delay === void 0) {
+ delay = 0;
+ }
+
+ return setTimeout(callback, delay);
+ }
+
+ function now() {
+ return Date.now();
+ }
+
+ function getComputedStyle$1(el) {
+ const window = getWindow();
+ let style;
+
+ if (window.getComputedStyle) {
+ style = window.getComputedStyle(el, null);
+ }
+
+ if (!style && el.currentStyle) {
+ style = el.currentStyle;
+ }
+
+ if (!style) {
+ style = el.style;
+ }
+
+ return style;
+ }
+
+ function getTranslate(el, axis) {
+ if (axis === void 0) {
+ axis = "x";
+ }
+
+ const window = getWindow();
+ let matrix;
+ let curTransform;
+ let transformMatrix;
+ const curStyle = getComputedStyle$1(el);
+
+ if (window.WebKitCSSMatrix) {
+ curTransform = curStyle.transform || curStyle.webkitTransform;
+
+ if (curTransform.split(",").length > 6) {
+ curTransform = curTransform
+ .split(", ")
+ .map((a) => a.replace(",", "."))
+ .join(", ");
+ } // Some old versions of Webkit choke when 'none' is passed; pass
+ // empty string instead in this case
+
+ transformMatrix = new window.WebKitCSSMatrix(
+ curTransform === "none" ? "" : curTransform,
+ );
+ } else {
+ transformMatrix =
+ curStyle.MozTransform ||
+ curStyle.OTransform ||
+ curStyle.MsTransform ||
+ curStyle.msTransform ||
+ curStyle.transform ||
+ curStyle
+ .getPropertyValue("transform")
+ .replace("translate(", "matrix(1, 0, 0, 1,");
+ matrix = transformMatrix.toString().split(",");
+ }
+
+ if (axis === "x") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m41; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[12]); // Normal Browsers
+ else curTransform = parseFloat(matrix[4]);
+ }
+
+ if (axis === "y") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m42; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[13]); // Normal Browsers
+ else curTransform = parseFloat(matrix[5]);
+ }
+
+ return curTransform || 0;
+ }
+
+ function isObject(o) {
+ return (
+ typeof o === "object" &&
+ o !== null &&
+ o.constructor &&
+ Object.prototype.toString.call(o).slice(8, -1) === "Object"
+ );
+ }
+
+ function isNode(node) {
+ // eslint-disable-next-line
+ if (
+ typeof window !== "undefined" &&
+ typeof window.HTMLElement !== "undefined"
+ ) {
+ return node instanceof HTMLElement;
+ }
+
+ return node && (node.nodeType === 1 || node.nodeType === 11);
+ }
+
+ function extend() {
+ const to = Object(arguments.length <= 0 ? undefined : arguments[0]);
+ const noExtend = ["__proto__", "constructor", "prototype"];
+
+ for (let i = 1; i < arguments.length; i += 1) {
+ const nextSource =
+ i < 0 || arguments.length <= i ? undefined : arguments[i];
+
+ if (
+ nextSource !== undefined &&
+ nextSource !== null &&
+ !isNode(nextSource)
+ ) {
+ const keysArray = Object.keys(Object(nextSource)).filter(
+ (key) => noExtend.indexOf(key) < 0,
+ );
+
+ for (
+ let nextIndex = 0, len = keysArray.length;
+ nextIndex < len;
+ nextIndex += 1
+ ) {
+ const nextKey = keysArray[nextIndex];
+ const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+
+ if (desc !== undefined && desc.enumerable) {
+ if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else if (
+ !isObject(to[nextKey]) &&
+ isObject(nextSource[nextKey])
+ ) {
+ to[nextKey] = {};
+
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ }
+
+ return to;
+ }
+
+ function setCSSProperty(el, varName, varValue) {
+ el.style.setProperty(varName, varValue);
+ }
+
+ function animateCSSModeScroll(_ref) {
+ let { swiper, targetPosition, side } = _ref;
+ const window = getWindow();
+ const startPosition = -swiper.translate;
+ let startTime = null;
+ let time;
+ const duration = swiper.params.speed;
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ const dir = targetPosition > startPosition ? "next" : "prev";
+
+ const isOutOfBound = (current, target) => {
+ return (
+ (dir === "next" && current >= target) ||
+ (dir === "prev" && current <= target)
+ );
+ };
+
+ const animate = () => {
+ time = new Date().getTime();
+
+ if (startTime === null) {
+ startTime = time;
+ }
+
+ const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
+ const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
+ let currentPosition =
+ startPosition + easeProgress * (targetPosition - startPosition);
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ currentPosition = targetPosition;
+ }
+
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.scrollSnapType = "";
+ setTimeout(() => {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+ });
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ return;
+ }
+
+ swiper.cssModeFrameID = window.requestAnimationFrame(animate);
+ };
+
+ animate();
+ }
+
+ let support;
+
+ function calcSupport() {
+ const window = getWindow();
+ const document = getDocument();
+ return {
+ smoothScroll:
+ document.documentElement &&
+ "scrollBehavior" in document.documentElement.style,
+ touch: !!(
+ "ontouchstart" in window ||
+ (window.DocumentTouch && document instanceof window.DocumentTouch)
+ ),
+ passiveListener: (function checkPassiveListener() {
+ let supportsPassive = false;
+
+ try {
+ const opts = Object.defineProperty({}, "passive", {
+ // eslint-disable-next-line
+ get() {
+ supportsPassive = true;
+ },
+ });
+ window.addEventListener("testPassiveListener", null, opts);
+ } catch (e) {
+ // No support
+ }
+
+ return supportsPassive;
+ })(),
+ gestures: (function checkGestures() {
+ return "ongesturestart" in window;
+ })(),
+ };
+ }
+
+ function getSupport() {
+ if (!support) {
+ support = calcSupport();
+ }
+
+ return support;
+ }
+
+ let deviceCached;
+
+ function calcDevice(_temp) {
+ let { userAgent } = _temp === void 0 ? {} : _temp;
+ const support = getSupport();
+ const window = getWindow();
+ const platform = window.navigator.platform;
+ const ua = userAgent || window.navigator.userAgent;
+ const device = {
+ ios: false,
+ android: false,
+ };
+ const screenWidth = window.screen.width;
+ const screenHeight = window.screen.height;
+ const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
+
+ let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
+ const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
+ const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
+ const windows = platform === "Win32";
+ let macos = platform === "MacIntel"; // iPadOs 13 fix
+
+ const iPadScreens = [
+ "1024x1366",
+ "1366x1024",
+ "834x1194",
+ "1194x834",
+ "834x1112",
+ "1112x834",
+ "768x1024",
+ "1024x768",
+ "820x1180",
+ "1180x820",
+ "810x1080",
+ "1080x810",
+ ];
+
+ if (
+ !ipad &&
+ macos &&
+ support.touch &&
+ iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0
+ ) {
+ ipad = ua.match(/(Version)\/([\d.]+)/);
+ if (!ipad) ipad = [0, 1, "13_0_0"];
+ macos = false;
+ } // Android
+
+ if (android && !windows) {
+ device.os = "android";
+ device.android = true;
+ }
+
+ if (ipad || iphone || ipod) {
+ device.os = "ios";
+ device.ios = true;
+ } // Export object
+
+ return device;
+ }
+
+ function getDevice(overrides) {
+ if (overrides === void 0) {
+ overrides = {};
+ }
+
+ if (!deviceCached) {
+ deviceCached = calcDevice(overrides);
+ }
+
+ return deviceCached;
+ }
+
+ let browser;
+
+ function calcBrowser() {
+ const window = getWindow();
+
+ function isSafari() {
+ const ua = window.navigator.userAgent.toLowerCase();
+ return (
+ ua.indexOf("safari") >= 0 &&
+ ua.indexOf("chrome") < 0 &&
+ ua.indexOf("android") < 0
+ );
+ }
+
+ return {
+ isSafari: isSafari(),
+ isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(
+ window.navigator.userAgent,
+ ),
+ };
+ }
+
+ function getBrowser() {
+ if (!browser) {
+ browser = calcBrowser();
+ }
+
+ return browser;
+ }
+
+ function Resize(_ref) {
+ let { swiper, on, emit } = _ref;
+ const window = getWindow();
+ let observer = null;
+ let animationFrame = null;
+
+ const resizeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("beforeResize");
+ emit("resize");
+ };
+
+ const createObserver = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ observer = new ResizeObserver((entries) => {
+ animationFrame = window.requestAnimationFrame(() => {
+ const { width, height } = swiper;
+ let newWidth = width;
+ let newHeight = height;
+ entries.forEach((_ref2) => {
+ let { contentBoxSize, contentRect, target } = _ref2;
+ if (target && target !== swiper.el) return;
+ newWidth = contentRect
+ ? contentRect.width
+ : (contentBoxSize[0] || contentBoxSize).inlineSize;
+ newHeight = contentRect
+ ? contentRect.height
+ : (contentBoxSize[0] || contentBoxSize).blockSize;
+ });
+
+ if (newWidth !== width || newHeight !== height) {
+ resizeHandler();
+ }
+ });
+ });
+ observer.observe(swiper.el);
+ };
+
+ const removeObserver = () => {
+ if (animationFrame) {
+ window.cancelAnimationFrame(animationFrame);
+ }
+
+ if (observer && observer.unobserve && swiper.el) {
+ observer.unobserve(swiper.el);
+ observer = null;
+ }
+ };
+
+ const orientationChangeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("orientationchange");
+ };
+
+ on("init", () => {
+ if (
+ swiper.params.resizeObserver &&
+ typeof window.ResizeObserver !== "undefined"
+ ) {
+ createObserver();
+ return;
+ }
+
+ window.addEventListener("resize", resizeHandler);
+ window.addEventListener("orientationchange", orientationChangeHandler);
+ });
+ on("destroy", () => {
+ removeObserver();
+ window.removeEventListener("resize", resizeHandler);
+ window.removeEventListener("orientationchange", orientationChangeHandler);
+ });
+ }
+
+ function Observer(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const observers = [];
+ const window = getWindow();
+
+ const attach = function (target, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ const ObserverFunc =
+ window.MutationObserver || window.WebkitMutationObserver;
+ const observer = new ObserverFunc((mutations) => {
+ // The observerUpdate event should only be triggered
+ // once despite the number of mutations. Additional
+ // triggers are redundant and are very costly
+ if (mutations.length === 1) {
+ emit("observerUpdate", mutations[0]);
+ return;
+ }
+
+ const observerUpdate = function observerUpdate() {
+ emit("observerUpdate", mutations[0]);
+ };
+
+ if (window.requestAnimationFrame) {
+ window.requestAnimationFrame(observerUpdate);
+ } else {
+ window.setTimeout(observerUpdate, 0);
+ }
+ });
+ observer.observe(target, {
+ attributes:
+ typeof options.attributes === "undefined" ? true : options.attributes,
+ childList:
+ typeof options.childList === "undefined" ? true : options.childList,
+ characterData:
+ typeof options.characterData === "undefined"
+ ? true
+ : options.characterData,
+ });
+ observers.push(observer);
+ };
+
+ const init = () => {
+ if (!swiper.params.observer) return;
+
+ if (swiper.params.observeParents) {
+ const containerParents = swiper.$el.parents();
+
+ for (let i = 0; i < containerParents.length; i += 1) {
+ attach(containerParents[i]);
+ }
+ } // Observe container
+
+ attach(swiper.$el[0], {
+ childList: swiper.params.observeSlideChildren,
+ }); // Observe wrapper
+
+ attach(swiper.$wrapperEl[0], {
+ attributes: false,
+ });
+ };
+
+ const destroy = () => {
+ observers.forEach((observer) => {
+ observer.disconnect();
+ });
+ observers.splice(0, observers.length);
+ };
+
+ extendParams({
+ observer: false,
+ observeParents: false,
+ observeSlideChildren: false,
+ });
+ on("init", init);
+ on("destroy", destroy);
+ }
+
+ /* eslint-disable no-underscore-dangle */
+ var eventsEmitter = {
+ on(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+ events.split(" ").forEach((event) => {
+ if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
+ self.eventsListeners[event][method](handler);
+ });
+ return self;
+ },
+
+ once(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+
+ function onceHandler() {
+ self.off(events, onceHandler);
+
+ if (onceHandler.__emitterProxy) {
+ delete onceHandler.__emitterProxy;
+ }
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ handler.apply(self, args);
+ }
+
+ onceHandler.__emitterProxy = handler;
+ return self.on(events, onceHandler, priority);
+ },
+
+ onAny(handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+
+ if (self.eventsAnyListeners.indexOf(handler) < 0) {
+ self.eventsAnyListeners[method](handler);
+ }
+
+ return self;
+ },
+
+ offAny(handler) {
+ const self = this;
+ if (!self.eventsAnyListeners) return self;
+ const index = self.eventsAnyListeners.indexOf(handler);
+
+ if (index >= 0) {
+ self.eventsAnyListeners.splice(index, 1);
+ }
+
+ return self;
+ },
+
+ off(events, handler) {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ events.split(" ").forEach((event) => {
+ if (typeof handler === "undefined") {
+ self.eventsListeners[event] = [];
+ } else if (self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler, index) => {
+ if (
+ eventHandler === handler ||
+ (eventHandler.__emitterProxy &&
+ eventHandler.__emitterProxy === handler)
+ ) {
+ self.eventsListeners[event].splice(index, 1);
+ }
+ });
+ }
+ });
+ return self;
+ },
+
+ emit() {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ let events;
+ let data;
+ let context;
+
+ for (
+ var _len2 = arguments.length, args = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ args[_key2] = arguments[_key2];
+ }
+
+ if (typeof args[0] === "string" || Array.isArray(args[0])) {
+ events = args[0];
+ data = args.slice(1, args.length);
+ context = self;
+ } else {
+ events = args[0].events;
+ data = args[0].data;
+ context = args[0].context || self;
+ }
+
+ data.unshift(context);
+ const eventsArray = Array.isArray(events) ? events : events.split(" ");
+ eventsArray.forEach((event) => {
+ if (self.eventsAnyListeners && self.eventsAnyListeners.length) {
+ self.eventsAnyListeners.forEach((eventHandler) => {
+ eventHandler.apply(context, [event, ...data]);
+ });
+ }
+
+ if (self.eventsListeners && self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler) => {
+ eventHandler.apply(context, data);
+ });
+ }
+ });
+ return self;
+ },
+ };
+
+ function updateSize() {
+ const swiper = this;
+ let width;
+ let height;
+ const $el = swiper.$el;
+
+ if (
+ typeof swiper.params.width !== "undefined" &&
+ swiper.params.width !== null
+ ) {
+ width = swiper.params.width;
+ } else {
+ width = $el[0].clientWidth;
+ }
+
+ if (
+ typeof swiper.params.height !== "undefined" &&
+ swiper.params.height !== null
+ ) {
+ height = swiper.params.height;
+ } else {
+ height = $el[0].clientHeight;
+ }
+
+ if (
+ (width === 0 && swiper.isHorizontal()) ||
+ (height === 0 && swiper.isVertical())
+ ) {
+ return;
+ } // Subtract paddings
+
+ width =
+ width -
+ parseInt($el.css("padding-left") || 0, 10) -
+ parseInt($el.css("padding-right") || 0, 10);
+ height =
+ height -
+ parseInt($el.css("padding-top") || 0, 10) -
+ parseInt($el.css("padding-bottom") || 0, 10);
+ if (Number.isNaN(width)) width = 0;
+ if (Number.isNaN(height)) height = 0;
+ Object.assign(swiper, {
+ width,
+ height,
+ size: swiper.isHorizontal() ? width : height,
+ });
+ }
+
+ function updateSlides() {
+ const swiper = this;
+
+ function getDirectionLabel(property) {
+ if (swiper.isHorizontal()) {
+ return property;
+ } // prettier-ignore
+
+ return {
+ width: "height",
+ "margin-top": "margin-left",
+ "margin-bottom ": "margin-right",
+ "margin-left": "margin-top",
+ "margin-right": "margin-bottom",
+ "padding-left": "padding-top",
+ "padding-right": "padding-bottom",
+ marginRight: "marginBottom",
+ }[property];
+ }
+
+ function getDirectionPropertyValue(node, label) {
+ return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);
+ }
+
+ const params = swiper.params;
+ const {
+ $wrapperEl,
+ size: swiperSize,
+ rtlTranslate: rtl,
+ wrongRTL,
+ } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ const previousSlidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
+ const slidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : slides.length;
+ let snapGrid = [];
+ const slidesGrid = [];
+ const slidesSizesGrid = [];
+ let offsetBefore = params.slidesOffsetBefore;
+
+ if (typeof offsetBefore === "function") {
+ offsetBefore = params.slidesOffsetBefore.call(swiper);
+ }
+
+ let offsetAfter = params.slidesOffsetAfter;
+
+ if (typeof offsetAfter === "function") {
+ offsetAfter = params.slidesOffsetAfter.call(swiper);
+ }
+
+ const previousSnapGridLength = swiper.snapGrid.length;
+ const previousSlidesGridLength = swiper.slidesGrid.length;
+ let spaceBetween = params.spaceBetween;
+ let slidePosition = -offsetBefore;
+ let prevSlideSize = 0;
+ let index = 0;
+
+ if (typeof swiperSize === "undefined") {
+ return;
+ }
+
+ if (typeof spaceBetween === "string" && spaceBetween.indexOf("%") >= 0) {
+ spaceBetween =
+ (parseFloat(spaceBetween.replace("%", "")) / 100) * swiperSize;
+ }
+
+ swiper.virtualSize = -spaceBetween; // reset margins
+
+ if (rtl)
+ slides.css({
+ marginLeft: "",
+ marginBottom: "",
+ marginTop: "",
+ });
+ else
+ slides.css({
+ marginRight: "",
+ marginBottom: "",
+ marginTop: "",
+ }); // reset cssMode offsets
+
+ if (params.centeredSlides && params.cssMode) {
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", "");
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-after", "");
+ }
+
+ const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
+
+ if (gridEnabled) {
+ swiper.grid.initSlides(slidesLength);
+ } // Calc slides
+
+ let slideSize;
+ const shouldResetSlideSize =
+ params.slidesPerView === "auto" &&
+ params.breakpoints &&
+ Object.keys(params.breakpoints).filter((key) => {
+ return typeof params.breakpoints[key].slidesPerView !== "undefined";
+ }).length > 0;
+
+ for (let i = 0; i < slidesLength; i += 1) {
+ slideSize = 0;
+ const slide = slides.eq(i);
+
+ if (gridEnabled) {
+ swiper.grid.updateSlide(i, slide, slidesLength, getDirectionLabel);
+ }
+
+ if (slide.css("display") === "none") continue; // eslint-disable-line
+
+ if (params.slidesPerView === "auto") {
+ if (shouldResetSlideSize) {
+ slides[i].style[getDirectionLabel("width")] = ``;
+ }
+
+ const slideStyles = getComputedStyle(slide[0]);
+ const currentTransform = slide[0].style.transform;
+ const currentWebKitTransform = slide[0].style.webkitTransform;
+
+ if (currentTransform) {
+ slide[0].style.transform = "none";
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = "none";
+ }
+
+ if (params.roundLengths) {
+ slideSize = swiper.isHorizontal()
+ ? slide.outerWidth(true)
+ : slide.outerHeight(true);
+ } else {
+ // eslint-disable-next-line
+ const width = getDirectionPropertyValue(slideStyles, "width");
+ const paddingLeft = getDirectionPropertyValue(
+ slideStyles,
+ "padding-left",
+ );
+ const paddingRight = getDirectionPropertyValue(
+ slideStyles,
+ "padding-right",
+ );
+ const marginLeft = getDirectionPropertyValue(
+ slideStyles,
+ "margin-left",
+ );
+ const marginRight = getDirectionPropertyValue(
+ slideStyles,
+ "margin-right",
+ );
+ const boxSizing = slideStyles.getPropertyValue("box-sizing");
+
+ if (boxSizing && boxSizing === "border-box") {
+ slideSize = width + marginLeft + marginRight;
+ } else {
+ const { clientWidth, offsetWidth } = slide[0];
+ slideSize =
+ width +
+ paddingLeft +
+ paddingRight +
+ marginLeft +
+ marginRight +
+ (offsetWidth - clientWidth);
+ }
+ }
+
+ if (currentTransform) {
+ slide[0].style.transform = currentTransform;
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = currentWebKitTransform;
+ }
+
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+ } else {
+ slideSize =
+ (swiperSize - (params.slidesPerView - 1) * spaceBetween) /
+ params.slidesPerView;
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+
+ if (slides[i]) {
+ slides[i].style[getDirectionLabel("width")] = `${slideSize}px`;
+ }
+ }
+
+ if (slides[i]) {
+ slides[i].swiperSlideSize = slideSize;
+ }
+
+ slidesSizesGrid.push(slideSize);
+
+ if (params.centeredSlides) {
+ slidePosition =
+ slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
+ if (prevSlideSize === 0 && i !== 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (i === 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ } else {
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (
+ (index - Math.min(swiper.params.slidesPerGroupSkip, index)) %
+ swiper.params.slidesPerGroup ===
+ 0
+ )
+ snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ slidePosition = slidePosition + slideSize + spaceBetween;
+ }
+
+ swiper.virtualSize += slideSize + spaceBetween;
+ prevSlideSize = slideSize;
+ index += 1;
+ }
+
+ swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
+
+ if (
+ rtl &&
+ wrongRTL &&
+ (params.effect === "slide" || params.effect === "coverflow")
+ ) {
+ $wrapperEl.css({
+ width: `${swiper.virtualSize + params.spaceBetween}px`,
+ });
+ }
+
+ if (params.setWrapperSize) {
+ $wrapperEl.css({
+ [getDirectionLabel("width")]: `${
+ swiper.virtualSize + params.spaceBetween
+ }px`,
+ });
+ }
+
+ if (gridEnabled) {
+ swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);
+ } // Remove last grid elements depending on width
+
+ if (!params.centeredSlides) {
+ const newSlidesGrid = [];
+
+ for (let i = 0; i < snapGrid.length; i += 1) {
+ let slidesGridItem = snapGrid[i];
+ if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
+
+ if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
+ newSlidesGrid.push(slidesGridItem);
+ }
+ }
+
+ snapGrid = newSlidesGrid;
+
+ if (
+ Math.floor(swiper.virtualSize - swiperSize) -
+ Math.floor(snapGrid[snapGrid.length - 1]) >
+ 1
+ ) {
+ snapGrid.push(swiper.virtualSize - swiperSize);
+ }
+ }
+
+ if (snapGrid.length === 0) snapGrid = [0];
+
+ if (params.spaceBetween !== 0) {
+ const key =
+ swiper.isHorizontal() && rtl
+ ? "marginLeft"
+ : getDirectionLabel("marginRight");
+ slides
+ .filter((_, slideIndex) => {
+ if (!params.cssMode) return true;
+
+ if (slideIndex === slides.length - 1) {
+ return false;
+ }
+
+ return true;
+ })
+ .css({
+ [key]: `${spaceBetween}px`,
+ });
+ }
+
+ if (params.centeredSlides && params.centeredSlidesBounds) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+ const maxSnap = allSlidesSize - swiperSize;
+ snapGrid = snapGrid.map((snap) => {
+ if (snap < 0) return -offsetBefore;
+ if (snap > maxSnap) return maxSnap + offsetAfter;
+ return snap;
+ });
+ }
+
+ if (params.centerInsufficientSlides) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+
+ if (allSlidesSize < swiperSize) {
+ const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+ snapGrid.forEach((snap, snapIndex) => {
+ snapGrid[snapIndex] = snap - allSlidesOffset;
+ });
+ slidesGrid.forEach((snap, snapIndex) => {
+ slidesGrid[snapIndex] = snap + allSlidesOffset;
+ });
+ }
+ }
+
+ Object.assign(swiper, {
+ slides,
+ snapGrid,
+ slidesGrid,
+ slidesSizesGrid,
+ });
+
+ if (
+ params.centeredSlides &&
+ params.cssMode &&
+ !params.centeredSlidesBounds
+ ) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-before",
+ `${-snapGrid[0]}px`,
+ );
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-after",
+ `${
+ swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2
+ }px`,
+ );
+ const addToSnapGrid = -swiper.snapGrid[0];
+ const addToSlidesGrid = -swiper.slidesGrid[0];
+ swiper.snapGrid = swiper.snapGrid.map((v) => v + addToSnapGrid);
+ swiper.slidesGrid = swiper.slidesGrid.map((v) => v + addToSlidesGrid);
+ }
+
+ if (slidesLength !== previousSlidesLength) {
+ swiper.emit("slidesLengthChange");
+ }
+
+ if (snapGrid.length !== previousSnapGridLength) {
+ if (swiper.params.watchOverflow) swiper.checkOverflow();
+ swiper.emit("snapGridLengthChange");
+ }
+
+ if (slidesGrid.length !== previousSlidesGridLength) {
+ swiper.emit("slidesGridLengthChange");
+ }
+
+ if (params.watchSlidesProgress) {
+ swiper.updateSlidesOffset();
+ }
+
+ if (
+ !isVirtual &&
+ !params.cssMode &&
+ (params.effect === "slide" || params.effect === "fade")
+ ) {
+ const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
+ const hasClassBackfaceClassAdded =
+ swiper.$el.hasClass(backFaceHiddenClass);
+
+ if (slidesLength <= params.maxBackfaceHiddenSlides) {
+ if (!hasClassBackfaceClassAdded)
+ swiper.$el.addClass(backFaceHiddenClass);
+ } else if (hasClassBackfaceClassAdded) {
+ swiper.$el.removeClass(backFaceHiddenClass);
+ }
+ }
+ }
+
+ function updateAutoHeight(speed) {
+ const swiper = this;
+ const activeSlides = [];
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ let newHeight = 0;
+ let i;
+
+ if (typeof speed === "number") {
+ swiper.setTransition(speed);
+ } else if (speed === true) {
+ swiper.setTransition(swiper.params.speed);
+ }
+
+ const getSlideByIndex = (index) => {
+ if (isVirtual) {
+ return swiper.slides.filter(
+ (el) =>
+ parseInt(el.getAttribute("data-swiper-slide-index"), 10) === index,
+ )[0];
+ }
+
+ return swiper.slides.eq(index)[0];
+ }; // Find slides currently in view
+
+ if (
+ swiper.params.slidesPerView !== "auto" &&
+ swiper.params.slidesPerView > 1
+ ) {
+ if (swiper.params.centeredSlides) {
+ swiper.visibleSlides.each((slide) => {
+ activeSlides.push(slide);
+ });
+ } else {
+ for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
+ const index = swiper.activeIndex + i;
+ if (index > swiper.slides.length && !isVirtual) break;
+ activeSlides.push(getSlideByIndex(index));
+ }
+ }
+ } else {
+ activeSlides.push(getSlideByIndex(swiper.activeIndex));
+ } // Find new height from highest slide in view
+
+ for (i = 0; i < activeSlides.length; i += 1) {
+ if (typeof activeSlides[i] !== "undefined") {
+ const height = activeSlides[i].offsetHeight;
+ newHeight = height > newHeight ? height : newHeight;
+ }
+ } // Update Height
+
+ if (newHeight || newHeight === 0)
+ swiper.$wrapperEl.css("height", `${newHeight}px`);
+ }
+
+ function updateSlidesOffset() {
+ const swiper = this;
+ const slides = swiper.slides;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ slides[i].swiperSlideOffset = swiper.isHorizontal()
+ ? slides[i].offsetLeft
+ : slides[i].offsetTop;
+ }
+ }
+
+ function updateSlidesProgress(translate) {
+ if (translate === void 0) {
+ translate = (this && this.translate) || 0;
+ }
+
+ const swiper = this;
+ const params = swiper.params;
+ const { slides, rtlTranslate: rtl, snapGrid } = swiper;
+ if (slides.length === 0) return;
+ if (typeof slides[0].swiperSlideOffset === "undefined")
+ swiper.updateSlidesOffset();
+ let offsetCenter = -translate;
+ if (rtl) offsetCenter = translate; // Visible Slides
+
+ slides.removeClass(params.slideVisibleClass);
+ swiper.visibleSlidesIndexes = [];
+ swiper.visibleSlides = [];
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ let slideOffset = slide.swiperSlideOffset;
+
+ if (params.cssMode && params.centeredSlides) {
+ slideOffset -= slides[0].swiperSlideOffset;
+ }
+
+ const slideProgress =
+ (offsetCenter +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const originalSlideProgress =
+ (offsetCenter -
+ snapGrid[0] +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const slideBefore = -(offsetCenter - slideOffset);
+ const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
+ const isVisible =
+ (slideBefore >= 0 && slideBefore < swiper.size - 1) ||
+ (slideAfter > 1 && slideAfter <= swiper.size) ||
+ (slideBefore <= 0 && slideAfter >= swiper.size);
+
+ if (isVisible) {
+ swiper.visibleSlides.push(slide);
+ swiper.visibleSlidesIndexes.push(i);
+ slides.eq(i).addClass(params.slideVisibleClass);
+ }
+
+ slide.progress = rtl ? -slideProgress : slideProgress;
+ slide.originalProgress = rtl
+ ? -originalSlideProgress
+ : originalSlideProgress;
+ }
+
+ swiper.visibleSlides = $(swiper.visibleSlides);
+ }
+
+ function updateProgress(translate) {
+ const swiper = this;
+
+ if (typeof translate === "undefined") {
+ const multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line
+
+ translate =
+ (swiper && swiper.translate && swiper.translate * multiplier) || 0;
+ }
+
+ const params = swiper.params;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ let { progress, isBeginning, isEnd } = swiper;
+ const wasBeginning = isBeginning;
+ const wasEnd = isEnd;
+
+ if (translatesDiff === 0) {
+ progress = 0;
+ isBeginning = true;
+ isEnd = true;
+ } else {
+ progress = (translate - swiper.minTranslate()) / translatesDiff;
+ isBeginning = progress <= 0;
+ isEnd = progress >= 1;
+ }
+
+ Object.assign(swiper, {
+ progress,
+ isBeginning,
+ isEnd,
+ });
+ if (
+ params.watchSlidesProgress ||
+ (params.centeredSlides && params.autoHeight)
+ )
+ swiper.updateSlidesProgress(translate);
+
+ if (isBeginning && !wasBeginning) {
+ swiper.emit("reachBeginning toEdge");
+ }
+
+ if (isEnd && !wasEnd) {
+ swiper.emit("reachEnd toEdge");
+ }
+
+ if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
+ swiper.emit("fromEdge");
+ }
+
+ swiper.emit("progress", progress);
+ }
+
+ function updateSlidesClasses() {
+ const swiper = this;
+ const { slides, params, $wrapperEl, activeIndex, realIndex } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ slides.removeClass(
+ `${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`,
+ );
+ let activeSlide;
+
+ if (isVirtual) {
+ activeSlide = swiper.$wrapperEl.find(
+ `.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`,
+ );
+ } else {
+ activeSlide = slides.eq(activeIndex);
+ } // Active classes
+
+ activeSlide.addClass(params.slideActiveClass);
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (activeSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ }
+ } // Next Slide
+
+ let nextSlide = activeSlide
+ .nextAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slideNextClass);
+
+ if (params.loop && nextSlide.length === 0) {
+ nextSlide = slides.eq(0);
+ nextSlide.addClass(params.slideNextClass);
+ } // Prev Slide
+
+ let prevSlide = activeSlide
+ .prevAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slidePrevClass);
+
+ if (params.loop && prevSlide.length === 0) {
+ prevSlide = slides.eq(-1);
+ prevSlide.addClass(params.slidePrevClass);
+ }
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (nextSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ }
+
+ if (prevSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ }
+ }
+
+ swiper.emitSlidesClasses();
+ }
+
+ function updateActiveIndex(newActiveIndex) {
+ const swiper = this;
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+ const {
+ slidesGrid,
+ snapGrid,
+ params,
+ activeIndex: previousIndex,
+ realIndex: previousRealIndex,
+ snapIndex: previousSnapIndex,
+ } = swiper;
+ let activeIndex = newActiveIndex;
+ let snapIndex;
+
+ if (typeof activeIndex === "undefined") {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ translate >= slidesGrid[i] &&
+ translate <
+ slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2
+ ) {
+ activeIndex = i;
+ } else if (
+ translate >= slidesGrid[i] &&
+ translate < slidesGrid[i + 1]
+ ) {
+ activeIndex = i + 1;
+ }
+ } else if (translate >= slidesGrid[i]) {
+ activeIndex = i;
+ }
+ } // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ if (activeIndex < 0 || typeof activeIndex === "undefined")
+ activeIndex = 0;
+ }
+ }
+
+ if (snapGrid.indexOf(translate) >= 0) {
+ snapIndex = snapGrid.indexOf(translate);
+ } else {
+ const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
+ snapIndex =
+ skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
+ }
+
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (activeIndex === previousIndex) {
+ if (snapIndex !== previousSnapIndex) {
+ swiper.snapIndex = snapIndex;
+ swiper.emit("snapIndexChange");
+ }
+
+ return;
+ } // Get real index
+
+ const realIndex = parseInt(
+ swiper.slides.eq(activeIndex).attr("data-swiper-slide-index") ||
+ activeIndex,
+ 10,
+ );
+ Object.assign(swiper, {
+ snapIndex,
+ realIndex,
+ previousIndex,
+ activeIndex,
+ });
+ swiper.emit("activeIndexChange");
+ swiper.emit("snapIndexChange");
+
+ if (previousRealIndex !== realIndex) {
+ swiper.emit("realIndexChange");
+ }
+
+ if (swiper.initialized || swiper.params.runCallbacksOnInit) {
+ swiper.emit("slideChange");
+ }
+ }
+
+ function updateClickedSlide(e) {
+ const swiper = this;
+ const params = swiper.params;
+ const slide = $(e).closest(`.${params.slideClass}`)[0];
+ let slideFound = false;
+ let slideIndex;
+
+ if (slide) {
+ for (let i = 0; i < swiper.slides.length; i += 1) {
+ if (swiper.slides[i] === slide) {
+ slideFound = true;
+ slideIndex = i;
+ break;
+ }
+ }
+ }
+
+ if (slide && slideFound) {
+ swiper.clickedSlide = slide;
+
+ if (swiper.virtual && swiper.params.virtual.enabled) {
+ swiper.clickedIndex = parseInt(
+ $(slide).attr("data-swiper-slide-index"),
+ 10,
+ );
+ } else {
+ swiper.clickedIndex = slideIndex;
+ }
+ } else {
+ swiper.clickedSlide = undefined;
+ swiper.clickedIndex = undefined;
+ return;
+ }
+
+ if (
+ params.slideToClickedSlide &&
+ swiper.clickedIndex !== undefined &&
+ swiper.clickedIndex !== swiper.activeIndex
+ ) {
+ swiper.slideToClickedSlide();
+ }
+ }
+
+ var update = {
+ updateSize,
+ updateSlides,
+ updateAutoHeight,
+ updateSlidesOffset,
+ updateSlidesProgress,
+ updateProgress,
+ updateSlidesClasses,
+ updateActiveIndex,
+ updateClickedSlide,
+ };
+
+ function getSwiperTranslate(axis) {
+ if (axis === void 0) {
+ axis = this.isHorizontal() ? "x" : "y";
+ }
+
+ const swiper = this;
+ const { params, rtlTranslate: rtl, translate, $wrapperEl } = swiper;
+
+ if (params.virtualTranslate) {
+ return rtl ? -translate : translate;
+ }
+
+ if (params.cssMode) {
+ return translate;
+ }
+
+ let currentTranslate = getTranslate($wrapperEl[0], axis);
+ if (rtl) currentTranslate = -currentTranslate;
+ return currentTranslate || 0;
+ }
+
+ function setTranslate(translate, byController) {
+ const swiper = this;
+ const {
+ rtlTranslate: rtl,
+ params,
+ $wrapperEl,
+ wrapperEl,
+ progress,
+ } = swiper;
+ let x = 0;
+ let y = 0;
+ const z = 0;
+
+ if (swiper.isHorizontal()) {
+ x = rtl ? -translate : translate;
+ } else {
+ y = translate;
+ }
+
+ if (params.roundLengths) {
+ x = Math.floor(x);
+ y = Math.floor(y);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[swiper.isHorizontal() ? "scrollLeft" : "scrollTop"] =
+ swiper.isHorizontal() ? -x : -y;
+ } else if (!params.virtualTranslate) {
+ $wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
+ }
+
+ swiper.previousTranslate = swiper.translate;
+ swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress
+
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== progress) {
+ swiper.updateProgress(translate);
+ }
+
+ swiper.emit("setTranslate", swiper.translate, byController);
+ }
+
+ function minTranslate() {
+ return -this.snapGrid[0];
+ }
+
+ function maxTranslate() {
+ return -this.snapGrid[this.snapGrid.length - 1];
+ }
+
+ function translateTo(
+ translate,
+ speed,
+ runCallbacks,
+ translateBounds,
+ internal,
+ ) {
+ if (translate === void 0) {
+ translate = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (translateBounds === void 0) {
+ translateBounds = true;
+ }
+
+ const swiper = this;
+ const { params, wrapperEl } = swiper;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return false;
+ }
+
+ const minTranslate = swiper.minTranslate();
+ const maxTranslate = swiper.maxTranslate();
+ let newTranslate;
+ if (translateBounds && translate > minTranslate)
+ newTranslate = minTranslate;
+ else if (translateBounds && translate < maxTranslate)
+ newTranslate = maxTranslate;
+ else newTranslate = translate; // Update progress
+
+ swiper.updateProgress(newTranslate);
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+
+ if (speed === 0) {
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = -newTranslate;
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: -newTranslate,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: -newTranslate,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ if (speed === 0) {
+ swiper.setTransition(0);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionEnd");
+ }
+ } else {
+ swiper.setTransition(speed);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionStart");
+ }
+
+ if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onTranslateToWrapperTransitionEnd) {
+ swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.onTranslateToWrapperTransitionEnd = null;
+ delete swiper.onTranslateToWrapperTransitionEnd;
+
+ if (runCallbacks) {
+ swiper.emit("transitionEnd");
+ }
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ }
+ }
+
+ return true;
+ }
+
+ var translate = {
+ getTranslate: getSwiperTranslate,
+ setTranslate,
+ minTranslate,
+ maxTranslate,
+ translateTo,
+ };
+
+ function setTransition(duration, byController) {
+ const swiper = this;
+
+ if (!swiper.params.cssMode) {
+ swiper.$wrapperEl.transition(duration);
+ }
+
+ swiper.emit("setTransition", duration, byController);
+ }
+
+ function transitionEmit(_ref) {
+ let { swiper, runCallbacks, direction, step } = _ref;
+ const { activeIndex, previousIndex } = swiper;
+ let dir = direction;
+
+ if (!dir) {
+ if (activeIndex > previousIndex) dir = "next";
+ else if (activeIndex < previousIndex) dir = "prev";
+ else dir = "reset";
+ }
+
+ swiper.emit(`transition${step}`);
+
+ if (runCallbacks && activeIndex !== previousIndex) {
+ if (dir === "reset") {
+ swiper.emit(`slideResetTransition${step}`);
+ return;
+ }
+
+ swiper.emit(`slideChangeTransition${step}`);
+
+ if (dir === "next") {
+ swiper.emit(`slideNextTransition${step}`);
+ } else {
+ swiper.emit(`slidePrevTransition${step}`);
+ }
+ }
+ }
+
+ function transitionStart(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ if (params.cssMode) return;
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "Start",
+ });
+ }
+
+ function transitionEnd(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ swiper.animating = false;
+ if (params.cssMode) return;
+ swiper.setTransition(0);
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "End",
+ });
+ }
+
+ var transition = {
+ setTransition,
+ transitionStart,
+ transitionEnd,
+ };
+
+ function slideTo(index, speed, runCallbacks, internal, initial) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (typeof index !== "number" && typeof index !== "string") {
+ throw new Error(
+ `The 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`,
+ );
+ }
+
+ if (typeof index === "string") {
+ /**
+ * The `index` argument converted from `string` to `number`.
+ * @type {number}
+ */
+ const indexAsNumber = parseInt(index, 10);
+ /**
+ * Determines whether the `index` argument is a valid `number`
+ * after being converted from the `string` type.
+ * @type {boolean}
+ */
+
+ const isValidNumber = isFinite(indexAsNumber);
+
+ if (!isValidNumber) {
+ throw new Error(
+ `The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`,
+ );
+ } // Knowing that the converted `index` is a valid number,
+ // we can update the original argument's value.
+
+ index = indexAsNumber;
+ }
+
+ const swiper = this;
+ let slideIndex = index;
+ if (slideIndex < 0) slideIndex = 0;
+ const {
+ params,
+ snapGrid,
+ slidesGrid,
+ previousIndex,
+ activeIndex,
+ rtlTranslate: rtl,
+ wrapperEl,
+ enabled,
+ } = swiper;
+
+ if (
+ (swiper.animating && params.preventInteractionOnTransition) ||
+ (!enabled && !internal && !initial)
+ ) {
+ return false;
+ }
+
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
+ let snapIndex =
+ skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (
+ (activeIndex || params.initialSlide || 0) === (previousIndex || 0) &&
+ runCallbacks
+ ) {
+ swiper.emit("beforeSlideChangeStart");
+ }
+
+ const translate = -snapGrid[snapIndex]; // Update progress
+
+ swiper.updateProgress(translate); // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ const normalizedTranslate = -Math.floor(translate * 100);
+ const normalizedGrid = Math.floor(slidesGrid[i] * 100);
+ const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);
+
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate <
+ normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2
+ ) {
+ slideIndex = i;
+ } else if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate < normalizedGridNext
+ ) {
+ slideIndex = i + 1;
+ }
+ } else if (normalizedTranslate >= normalizedGrid) {
+ slideIndex = i;
+ }
+ }
+ } // Directions locks
+
+ if (swiper.initialized && slideIndex !== activeIndex) {
+ if (
+ !swiper.allowSlideNext &&
+ translate < swiper.translate &&
+ translate < swiper.minTranslate()
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ translate > swiper.translate &&
+ translate > swiper.maxTranslate()
+ ) {
+ if ((activeIndex || 0) !== slideIndex) return false;
+ }
+ }
+
+ let direction;
+ if (slideIndex > activeIndex) direction = "next";
+ else if (slideIndex < activeIndex) direction = "prev";
+ else direction = "reset"; // Update Index
+
+ if (
+ (rtl && -translate === swiper.translate) ||
+ (!rtl && translate === swiper.translate)
+ ) {
+ swiper.updateActiveIndex(slideIndex); // Update Height
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ swiper.updateSlidesClasses();
+
+ if (params.effect !== "slide") {
+ swiper.setTranslate(translate);
+ }
+
+ if (direction !== "reset") {
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ }
+
+ return false;
+ }
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+ const t = rtl ? translate : -translate;
+
+ if (speed === 0) {
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+
+ if (isVirtual) {
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ swiper._immediateVirtual = true;
+ }
+
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = t;
+
+ if (isVirtual) {
+ requestAnimationFrame(() => {
+ swiper.wrapperEl.style.scrollSnapType = "";
+ swiper._swiperImmediateVirtual = false;
+ });
+ }
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: t,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: t,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ swiper.setTransition(speed);
+ swiper.setTranslate(translate);
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.transitionStart(runCallbacks, direction);
+
+ if (speed === 0) {
+ swiper.transitionEnd(runCallbacks, direction);
+ } else if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onSlideToWrapperTransitionEnd) {
+ swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.onSlideToWrapperTransitionEnd = null;
+ delete swiper.onSlideToWrapperTransitionEnd;
+ swiper.transitionEnd(runCallbacks, direction);
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ }
+
+ return true;
+ }
+
+ function slideToLoop(index, speed, runCallbacks, internal) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ let newIndex = index;
+
+ if (swiper.params.loop) {
+ newIndex += swiper.loopedSlides;
+ }
+
+ return swiper.slideTo(newIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideNext(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { animating, enabled, params } = swiper;
+ if (!enabled) return swiper;
+ let perGroup = params.slidesPerGroup;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ perGroup = Math.max(swiper.slidesPerViewDynamic("current", true), 1);
+ }
+
+ const increment =
+ swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ if (params.rewind && swiper.isEnd) {
+ return swiper.slideTo(0, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(
+ swiper.activeIndex + increment,
+ speed,
+ runCallbacks,
+ internal,
+ );
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slidePrev(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params, animating, snapGrid, slidesGrid, rtlTranslate, enabled } =
+ swiper;
+ if (!enabled) return swiper;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ const translate = rtlTranslate ? swiper.translate : -swiper.translate;
+
+ function normalize(val) {
+ if (val < 0) return -Math.floor(Math.abs(val));
+ return Math.floor(val);
+ }
+
+ const normalizedTranslate = normalize(translate);
+ const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
+ let prevSnap =
+ snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
+
+ if (typeof prevSnap === "undefined" && params.cssMode) {
+ let prevSnapIndex;
+ snapGrid.forEach((snap, snapIndex) => {
+ if (normalizedTranslate >= snap) {
+ // prevSnap = snap;
+ prevSnapIndex = snapIndex;
+ }
+ });
+
+ if (typeof prevSnapIndex !== "undefined") {
+ prevSnap =
+ snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
+ }
+ }
+
+ let prevIndex = 0;
+
+ if (typeof prevSnap !== "undefined") {
+ prevIndex = slidesGrid.indexOf(prevSnap);
+ if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ prevIndex =
+ prevIndex - swiper.slidesPerViewDynamic("previous", true) + 1;
+ prevIndex = Math.max(prevIndex, 0);
+ }
+ }
+
+ if (params.rewind && swiper.isBeginning) {
+ const lastIndex =
+ swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ return swiper.slideTo(lastIndex, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideReset(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideToClosest(speed, runCallbacks, internal, threshold) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (threshold === void 0) {
+ threshold = 0.5;
+ }
+
+ const swiper = this;
+ let index = swiper.activeIndex;
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
+ const snapIndex =
+ skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+
+ if (translate >= swiper.snapGrid[snapIndex]) {
+ // The current translate is on or after the current snap index, so the choice
+ // is between the current index and the one after it.
+ const currentSnap = swiper.snapGrid[snapIndex];
+ const nextSnap = swiper.snapGrid[snapIndex + 1];
+
+ if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {
+ index += swiper.params.slidesPerGroup;
+ }
+ } else {
+ // The current translate is before the current snap index, so the choice
+ // is between the current index and the one before it.
+ const prevSnap = swiper.snapGrid[snapIndex - 1];
+ const currentSnap = swiper.snapGrid[snapIndex];
+
+ if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {
+ index -= swiper.params.slidesPerGroup;
+ }
+ }
+
+ index = Math.max(index, 0);
+ index = Math.min(index, swiper.slidesGrid.length - 1);
+ return swiper.slideTo(index, speed, runCallbacks, internal);
+ }
+
+ function slideToClickedSlide() {
+ const swiper = this;
+ const { params, $wrapperEl } = swiper;
+ const slidesPerView =
+ params.slidesPerView === "auto"
+ ? swiper.slidesPerViewDynamic()
+ : params.slidesPerView;
+ let slideToIndex = swiper.clickedIndex;
+ let realIndex;
+
+ if (params.loop) {
+ if (swiper.animating) return;
+ realIndex = parseInt(
+ $(swiper.clickedSlide).attr("data-swiper-slide-index"),
+ 10,
+ );
+
+ if (params.centeredSlides) {
+ if (
+ slideToIndex < swiper.loopedSlides - slidesPerView / 2 ||
+ slideToIndex >
+ swiper.slides.length - swiper.loopedSlides + slidesPerView / 2
+ ) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else if (slideToIndex > swiper.slides.length - slidesPerView) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+
+ var slide = {
+ slideTo,
+ slideToLoop,
+ slideNext,
+ slidePrev,
+ slideReset,
+ slideToClosest,
+ slideToClickedSlide,
+ };
+
+ function loopCreate() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, $wrapperEl } = swiper; // Remove duplicated slides
+
+ const $selector =
+ $wrapperEl.children().length > 0
+ ? $($wrapperEl.children()[0].parentNode)
+ : $wrapperEl;
+ $selector
+ .children(`.${params.slideClass}.${params.slideDuplicateClass}`)
+ .remove();
+ let slides = $selector.children(`.${params.slideClass}`);
+
+ if (params.loopFillGroupWithBlank) {
+ const blankSlidesNum =
+ params.slidesPerGroup - (slides.length % params.slidesPerGroup);
+
+ if (blankSlidesNum !== params.slidesPerGroup) {
+ for (let i = 0; i < blankSlidesNum; i += 1) {
+ const blankNode = $(document.createElement("div")).addClass(
+ `${params.slideClass} ${params.slideBlankClass}`,
+ );
+ $selector.append(blankNode);
+ }
+
+ slides = $selector.children(`.${params.slideClass}`);
+ }
+ }
+
+ if (params.slidesPerView === "auto" && !params.loopedSlides)
+ params.loopedSlides = slides.length;
+ swiper.loopedSlides = Math.ceil(
+ parseFloat(params.loopedSlides || params.slidesPerView, 10),
+ );
+ swiper.loopedSlides += params.loopAdditionalSlides;
+
+ if (swiper.loopedSlides > slides.length) {
+ swiper.loopedSlides = slides.length;
+ }
+
+ const prependSlides = [];
+ const appendSlides = [];
+ slides.each((el, index) => {
+ const slide = $(el);
+
+ if (index < swiper.loopedSlides) {
+ appendSlides.push(el);
+ }
+
+ if (
+ index < slides.length &&
+ index >= slides.length - swiper.loopedSlides
+ ) {
+ prependSlides.push(el);
+ }
+
+ slide.attr("data-swiper-slide-index", index);
+ });
+
+ for (let i = 0; i < appendSlides.length; i += 1) {
+ $selector.append(
+ $(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass),
+ );
+ }
+
+ for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
+ $selector.prepend(
+ $(prependSlides[i].cloneNode(true)).addClass(
+ params.slideDuplicateClass,
+ ),
+ );
+ }
+ }
+
+ function loopFix() {
+ const swiper = this;
+ swiper.emit("beforeLoopFix");
+ const {
+ activeIndex,
+ slides,
+ loopedSlides,
+ allowSlidePrev,
+ allowSlideNext,
+ snapGrid,
+ rtlTranslate: rtl,
+ } = swiper;
+ let newIndex;
+ swiper.allowSlidePrev = true;
+ swiper.allowSlideNext = true;
+ const snapTranslate = -snapGrid[activeIndex];
+ const diff = snapTranslate - swiper.getTranslate(); // Fix For Negative Oversliding
+
+ if (activeIndex < loopedSlides) {
+ newIndex = slides.length - loopedSlides * 3 + activeIndex;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ } else if (activeIndex >= slides.length - loopedSlides) {
+ // Fix For Positive Oversliding
+ newIndex = -slides.length + activeIndex + loopedSlides;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ }
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ swiper.emit("loopFix");
+ }
+
+ function loopDestroy() {
+ const swiper = this;
+ const { $wrapperEl, params, slides } = swiper;
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`,
+ )
+ .remove();
+ slides.removeAttr("data-swiper-slide-index");
+ }
+
+ var loop = {
+ loopCreate,
+ loopFix,
+ loopDestroy,
+ };
+
+ function setGrabCursor(moving) {
+ const swiper = this;
+ if (
+ swiper.support.touch ||
+ !swiper.params.simulateTouch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ )
+ return;
+ const el =
+ swiper.params.touchEventsTarget === "container"
+ ? swiper.el
+ : swiper.wrapperEl;
+ el.style.cursor = "move";
+ el.style.cursor = moving ? "-webkit-grabbing" : "-webkit-grab";
+ el.style.cursor = moving ? "-moz-grabbin" : "-moz-grab";
+ el.style.cursor = moving ? "grabbing" : "grab";
+ }
+
+ function unsetGrabCursor() {
+ const swiper = this;
+
+ if (
+ swiper.support.touch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ ) {
+ return;
+ }
+
+ swiper[
+ swiper.params.touchEventsTarget === "container" ? "el" : "wrapperEl"
+ ].style.cursor = "";
+ }
+
+ var grabCursor = {
+ setGrabCursor,
+ unsetGrabCursor,
+ };
+
+ function closestElement(selector, base) {
+ if (base === void 0) {
+ base = this;
+ }
+
+ function __closestFrom(el) {
+ if (!el || el === getDocument() || el === getWindow()) return null;
+ if (el.assignedSlot) el = el.assignedSlot;
+ const found = el.closest(selector);
+ return found || __closestFrom(el.getRootNode().host);
+ }
+
+ return __closestFrom(base);
+ }
+
+ function onTouchStart(event) {
+ const swiper = this;
+ const document = getDocument();
+ const window = getWindow();
+ const data = swiper.touchEventsData;
+ const { params, touches, enabled } = swiper;
+ if (!enabled) return;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return;
+ }
+
+ if (!swiper.animating && params.cssMode && params.loop) {
+ swiper.loopFix();
+ }
+
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+ let $targetEl = $(e.target);
+
+ if (params.touchEventsTarget === "wrapper") {
+ if (!$targetEl.closest(swiper.wrapperEl).length) return;
+ }
+
+ data.isTouchEvent = e.type === "touchstart";
+ if (!data.isTouchEvent && "which" in e && e.which === 3) return;
+ if (!data.isTouchEvent && "button" in e && e.button > 0) return;
+ if (data.isTouched && data.isMoved) return; // change target el for shadow root component
+
+ const swipingClassHasValue =
+ !!params.noSwipingClass && params.noSwipingClass !== "";
+
+ if (
+ swipingClassHasValue &&
+ e.target &&
+ e.target.shadowRoot &&
+ event.path &&
+ event.path[0]
+ ) {
+ $targetEl = $(event.path[0]);
+ }
+
+ const noSwipingSelector = params.noSwipingSelector
+ ? params.noSwipingSelector
+ : `.${params.noSwipingClass}`;
+ const isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element
+
+ if (
+ params.noSwiping &&
+ (isTargetShadow
+ ? closestElement(noSwipingSelector, e.target)
+ : $targetEl.closest(noSwipingSelector)[0])
+ ) {
+ swiper.allowClick = true;
+ return;
+ }
+
+ if (params.swipeHandler) {
+ if (!$targetEl.closest(params.swipeHandler)[0]) return;
+ }
+
+ touches.currentX =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ touches.currentY =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ const startX = touches.currentX;
+ const startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
+
+ const edgeSwipeDetection =
+ params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
+ const edgeSwipeThreshold =
+ params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
+
+ if (
+ edgeSwipeDetection &&
+ (startX <= edgeSwipeThreshold ||
+ startX >= window.innerWidth - edgeSwipeThreshold)
+ ) {
+ if (edgeSwipeDetection === "prevent") {
+ event.preventDefault();
+ } else {
+ return;
+ }
+ }
+
+ Object.assign(data, {
+ isTouched: true,
+ isMoved: false,
+ allowTouchCallbacks: true,
+ isScrolling: undefined,
+ startMoving: undefined,
+ });
+ touches.startX = startX;
+ touches.startY = startY;
+ data.touchStartTime = now();
+ swiper.allowClick = true;
+ swiper.updateSize();
+ swiper.swipeDirection = undefined;
+ if (params.threshold > 0) data.allowThresholdMove = false;
+
+ if (e.type !== "touchstart") {
+ let preventDefault = true;
+
+ if ($targetEl.is(data.focusableElements)) {
+ preventDefault = false;
+
+ if ($targetEl[0].nodeName === "SELECT") {
+ data.isTouched = false;
+ }
+ }
+
+ if (
+ document.activeElement &&
+ $(document.activeElement).is(data.focusableElements) &&
+ document.activeElement !== $targetEl[0]
+ ) {
+ document.activeElement.blur();
+ }
+
+ const shouldPreventDefault =
+ preventDefault &&
+ swiper.allowTouchMove &&
+ params.touchStartPreventDefault;
+
+ if (
+ (params.touchStartForcePreventDefault || shouldPreventDefault) &&
+ !$targetEl[0].isContentEditable
+ ) {
+ e.preventDefault();
+ }
+ }
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ swiper.freeMode &&
+ swiper.animating &&
+ !params.cssMode
+ ) {
+ swiper.freeMode.onTouchStart();
+ }
+
+ swiper.emit("touchStart", e);
+ }
+
+ function onTouchMove(event) {
+ const document = getDocument();
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (!data.isTouched) {
+ if (data.startMoving && data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && e.type !== "touchmove") return;
+ const targetTouch =
+ e.type === "touchmove" &&
+ e.targetTouches &&
+ (e.targetTouches[0] || e.changedTouches[0]);
+ const pageX = e.type === "touchmove" ? targetTouch.pageX : e.pageX;
+ const pageY = e.type === "touchmove" ? targetTouch.pageY : e.pageY;
+
+ if (e.preventedByNestedSwiper) {
+ touches.startX = pageX;
+ touches.startY = pageY;
+ return;
+ }
+
+ if (!swiper.allowTouchMove) {
+ if (!$(e.target).is(data.focusableElements)) {
+ swiper.allowClick = false;
+ }
+
+ if (data.isTouched) {
+ Object.assign(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ });
+ data.touchStartTime = now();
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
+ if (swiper.isVertical()) {
+ // Vertical
+ if (
+ (pageY < touches.startY &&
+ swiper.translate <= swiper.maxTranslate()) ||
+ (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ return;
+ }
+ } else if (
+ (pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) ||
+ (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
+ ) {
+ return;
+ }
+ }
+
+ if (data.isTouchEvent && document.activeElement) {
+ if (
+ e.target === document.activeElement &&
+ $(e.target).is(data.focusableElements)
+ ) {
+ data.isMoved = true;
+ swiper.allowClick = false;
+ return;
+ }
+ }
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchMove", e);
+ }
+
+ if (e.targetTouches && e.targetTouches.length > 1) return;
+ touches.currentX = pageX;
+ touches.currentY = pageY;
+ const diffX = touches.currentX - touches.startX;
+ const diffY = touches.currentY - touches.startY;
+ if (
+ swiper.params.threshold &&
+ Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold
+ )
+ return;
+
+ if (typeof data.isScrolling === "undefined") {
+ let touchAngle;
+
+ if (
+ (swiper.isHorizontal() && touches.currentY === touches.startY) ||
+ (swiper.isVertical() && touches.currentX === touches.startX)
+ ) {
+ data.isScrolling = false;
+ } else {
+ // eslint-disable-next-line
+ if (diffX * diffX + diffY * diffY >= 25) {
+ touchAngle =
+ (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
+ data.isScrolling = swiper.isHorizontal()
+ ? touchAngle > params.touchAngle
+ : 90 - touchAngle > params.touchAngle;
+ }
+ }
+ }
+
+ if (data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ if (typeof data.startMoving === "undefined") {
+ if (
+ touches.currentX !== touches.startX ||
+ touches.currentY !== touches.startY
+ ) {
+ data.startMoving = true;
+ }
+ }
+
+ if (data.isScrolling) {
+ data.isTouched = false;
+ return;
+ }
+
+ if (!data.startMoving) {
+ return;
+ }
+
+ swiper.allowClick = false;
+
+ if (!params.cssMode && e.cancelable) {
+ e.preventDefault();
+ }
+
+ if (params.touchMoveStopPropagation && !params.nested) {
+ e.stopPropagation();
+ }
+
+ if (!data.isMoved) {
+ if (params.loop && !params.cssMode) {
+ swiper.loopFix();
+ }
+
+ data.startTranslate = swiper.getTranslate();
+ swiper.setTransition(0);
+
+ if (swiper.animating) {
+ swiper.$wrapperEl.trigger("webkitTransitionEnd transitionend");
+ }
+
+ data.allowMomentumBounce = false; // Grab Cursor
+
+ if (
+ params.grabCursor &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(true);
+ }
+
+ swiper.emit("sliderFirstMove", e);
+ }
+
+ swiper.emit("sliderMove", e);
+ data.isMoved = true;
+ let diff = swiper.isHorizontal() ? diffX : diffY;
+ touches.diff = diff;
+ diff *= params.touchRatio;
+ if (rtl) diff = -diff;
+ swiper.swipeDirection = diff > 0 ? "prev" : "next";
+ data.currentTranslate = diff + data.startTranslate;
+ let disableParentSwiper = true;
+ let resistanceRatio = params.resistanceRatio;
+
+ if (params.touchReleaseOnEdges) {
+ resistanceRatio = 0;
+ }
+
+ if (diff > 0 && data.currentTranslate > swiper.minTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.minTranslate() -
+ 1 +
+ (-swiper.minTranslate() + data.startTranslate + diff) **
+ resistanceRatio;
+ } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.maxTranslate() +
+ 1 -
+ (swiper.maxTranslate() - data.startTranslate - diff) **
+ resistanceRatio;
+ }
+
+ if (disableParentSwiper) {
+ e.preventedByNestedSwiper = true;
+ } // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ swiper.swipeDirection === "next" &&
+ data.currentTranslate < data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ swiper.swipeDirection === "prev" &&
+ data.currentTranslate > data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
+ data.currentTranslate = data.startTranslate;
+ } // Threshold
+
+ if (params.threshold > 0) {
+ if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
+ if (!data.allowThresholdMove) {
+ data.allowThresholdMove = true;
+ touches.startX = touches.currentX;
+ touches.startY = touches.currentY;
+ data.currentTranslate = data.startTranslate;
+ touches.diff = swiper.isHorizontal()
+ ? touches.currentX - touches.startX
+ : touches.currentY - touches.startY;
+ return;
+ }
+ } else {
+ data.currentTranslate = data.startTranslate;
+ return;
+ }
+ }
+
+ if (!params.followFinger || params.cssMode) return; // Update active index in free mode
+
+ if (
+ (params.freeMode && params.freeMode.enabled && swiper.freeMode) ||
+ params.watchSlidesProgress
+ ) {
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled && swiper.freeMode) {
+ swiper.freeMode.onTouchMove();
+ } // Update progress
+
+ swiper.updateProgress(data.currentTranslate); // Update translate
+
+ swiper.setTranslate(data.currentTranslate);
+ }
+
+ function onTouchEnd(event) {
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, slidesGrid, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchEnd", e);
+ }
+
+ data.allowTouchCallbacks = false;
+
+ if (!data.isTouched) {
+ if (data.isMoved && params.grabCursor) {
+ swiper.setGrabCursor(false);
+ }
+
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ } // Return Grab Cursor
+
+ if (
+ params.grabCursor &&
+ data.isMoved &&
+ data.isTouched &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(false);
+ } // Time diff
+
+ const touchEndTime = now();
+ const timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click
+
+ if (swiper.allowClick) {
+ const pathTree = e.path || (e.composedPath && e.composedPath());
+ swiper.updateClickedSlide((pathTree && pathTree[0]) || e.target);
+ swiper.emit("tap click", e);
+
+ if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {
+ swiper.emit("doubleTap doubleClick", e);
+ }
+ }
+
+ data.lastClickTime = now();
+ nextTick(() => {
+ if (!swiper.destroyed) swiper.allowClick = true;
+ });
+
+ if (
+ !data.isTouched ||
+ !data.isMoved ||
+ !swiper.swipeDirection ||
+ touches.diff === 0 ||
+ data.currentTranslate === data.startTranslate
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ let currentPos;
+
+ if (params.followFinger) {
+ currentPos = rtl ? swiper.translate : -swiper.translate;
+ } else {
+ currentPos = -data.currentTranslate;
+ }
+
+ if (params.cssMode) {
+ return;
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled) {
+ swiper.freeMode.onTouchEnd({
+ currentPos,
+ });
+ return;
+ } // Find current slide
+
+ let stopIndex = 0;
+ let groupSize = swiper.slidesSizesGrid[0];
+
+ for (
+ let i = 0;
+ i < slidesGrid.length;
+ i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup
+ ) {
+ const increment =
+ i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (typeof slidesGrid[i + increment] !== "undefined") {
+ if (
+ currentPos >= slidesGrid[i] &&
+ currentPos < slidesGrid[i + increment]
+ ) {
+ stopIndex = i;
+ groupSize = slidesGrid[i + increment] - slidesGrid[i];
+ }
+ } else if (currentPos >= slidesGrid[i]) {
+ stopIndex = i;
+ groupSize =
+ slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
+ }
+ }
+
+ let rewindFirstIndex = null;
+ let rewindLastIndex = null;
+
+ if (params.rewind) {
+ if (swiper.isBeginning) {
+ rewindLastIndex =
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ } else if (swiper.isEnd) {
+ rewindFirstIndex = 0;
+ }
+ } // Find current slide size
+
+ const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
+ const increment =
+ stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (timeDiff > params.longSwipesMs) {
+ // Long touches
+ if (!params.longSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ if (swiper.swipeDirection === "next") {
+ if (ratio >= params.longSwipesRatio)
+ swiper.slideTo(
+ params.rewind && swiper.isEnd
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ else swiper.slideTo(stopIndex);
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ if (ratio > 1 - params.longSwipesRatio) {
+ swiper.slideTo(stopIndex + increment);
+ } else if (
+ rewindLastIndex !== null &&
+ ratio < 0 &&
+ Math.abs(ratio) > params.longSwipesRatio
+ ) {
+ swiper.slideTo(rewindLastIndex);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ } else {
+ // Short swipes
+ if (!params.shortSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ const isNavButtonTarget =
+ swiper.navigation &&
+ (e.target === swiper.navigation.nextEl ||
+ e.target === swiper.navigation.prevEl);
+
+ if (!isNavButtonTarget) {
+ if (swiper.swipeDirection === "next") {
+ swiper.slideTo(
+ rewindFirstIndex !== null
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ swiper.slideTo(
+ rewindLastIndex !== null ? rewindLastIndex : stopIndex,
+ );
+ }
+ } else if (e.target === swiper.navigation.nextEl) {
+ swiper.slideTo(stopIndex + increment);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ }
+
+ function onResize() {
+ const swiper = this;
+ const { params, el } = swiper;
+ if (el && el.offsetWidth === 0) return; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Save locks
+
+ const { allowSlideNext, allowSlidePrev, snapGrid } = swiper; // Disable locks on resize
+
+ swiper.allowSlideNext = true;
+ swiper.allowSlidePrev = true;
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateSlidesClasses();
+
+ if (
+ (params.slidesPerView === "auto" || params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.isBeginning &&
+ !swiper.params.centeredSlides
+ ) {
+ swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
+ swiper.autoplay.run();
+ } // Return locks after resize
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+
+ if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ }
+
+ function onClick(e) {
+ const swiper = this;
+ if (!swiper.enabled) return;
+
+ if (!swiper.allowClick) {
+ if (swiper.params.preventClicks) e.preventDefault();
+
+ if (swiper.params.preventClicksPropagation && swiper.animating) {
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ }
+ }
+ }
+
+ function onScroll() {
+ const swiper = this;
+ const { wrapperEl, rtlTranslate, enabled } = swiper;
+ if (!enabled) return;
+ swiper.previousTranslate = swiper.translate;
+
+ if (swiper.isHorizontal()) {
+ swiper.translate = -wrapperEl.scrollLeft;
+ } else {
+ swiper.translate = -wrapperEl.scrollTop;
+ } // eslint-disable-next-line
+
+ if (swiper.translate === -0) swiper.translate = 0;
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== swiper.progress) {
+ swiper.updateProgress(
+ rtlTranslate ? -swiper.translate : swiper.translate,
+ );
+ }
+
+ swiper.emit("setTranslate", swiper.translate, false);
+ }
+
+ let dummyEventAttached = false;
+
+ function dummyEventListener() {}
+
+ const events = (swiper, method) => {
+ const document = getDocument();
+ const { params, touchEvents, el, wrapperEl, device, support } = swiper;
+ const capture = !!params.nested;
+ const domMethod =
+ method === "on" ? "addEventListener" : "removeEventListener";
+ const swiperMethod = method; // Touch Events
+
+ if (!support.touch) {
+ el[domMethod](touchEvents.start, swiper.onTouchStart, false);
+ document[domMethod](touchEvents.move, swiper.onTouchMove, capture);
+ document[domMethod](touchEvents.end, swiper.onTouchEnd, false);
+ } else {
+ const passiveListener =
+ touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ el[domMethod](touchEvents.start, swiper.onTouchStart, passiveListener);
+ el[domMethod](
+ touchEvents.move,
+ swiper.onTouchMove,
+ support.passiveListener
+ ? {
+ passive: false,
+ capture,
+ }
+ : capture,
+ );
+ el[domMethod](touchEvents.end, swiper.onTouchEnd, passiveListener);
+
+ if (touchEvents.cancel) {
+ el[domMethod](touchEvents.cancel, swiper.onTouchEnd, passiveListener);
+ }
+ } // Prevent Links Clicks
+
+ if (params.preventClicks || params.preventClicksPropagation) {
+ el[domMethod]("click", swiper.onClick, true);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[domMethod]("scroll", swiper.onScroll);
+ } // Resize handler
+
+ if (params.updateOnWindowResize) {
+ swiper[swiperMethod](
+ device.ios || device.android
+ ? "resize orientationchange observerUpdate"
+ : "resize observerUpdate",
+ onResize,
+ true,
+ );
+ } else {
+ swiper[swiperMethod]("observerUpdate", onResize, true);
+ }
+ };
+
+ function attachEvents() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, support } = swiper;
+ swiper.onTouchStart = onTouchStart.bind(swiper);
+ swiper.onTouchMove = onTouchMove.bind(swiper);
+ swiper.onTouchEnd = onTouchEnd.bind(swiper);
+
+ if (params.cssMode) {
+ swiper.onScroll = onScroll.bind(swiper);
+ }
+
+ swiper.onClick = onClick.bind(swiper);
+
+ if (support.touch && !dummyEventAttached) {
+ document.addEventListener("touchstart", dummyEventListener);
+ dummyEventAttached = true;
+ }
+
+ events(swiper, "on");
+ }
+
+ function detachEvents() {
+ const swiper = this;
+ events(swiper, "off");
+ }
+
+ var events$1 = {
+ attachEvents,
+ detachEvents,
+ };
+
+ const isGridEnabled = (swiper, params) => {
+ return swiper.grid && params.grid && params.grid.rows > 1;
+ };
+
+ function setBreakpoint() {
+ const swiper = this;
+ const { activeIndex, initialized, loopedSlides = 0, params, $el } = swiper;
+ const breakpoints = params.breakpoints;
+ if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0))
+ return; // Get breakpoint for window width and update parameters
+
+ const breakpoint = swiper.getBreakpoint(
+ breakpoints,
+ swiper.params.breakpointsBase,
+ swiper.el,
+ );
+ if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
+ const breakpointOnlyParams =
+ breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
+ const breakpointParams = breakpointOnlyParams || swiper.originalParams;
+ const wasMultiRow = isGridEnabled(swiper, params);
+ const isMultiRow = isGridEnabled(swiper, breakpointParams);
+ const wasEnabled = params.enabled;
+
+ if (wasMultiRow && !isMultiRow) {
+ $el.removeClass(
+ `${params.containerModifierClass}grid ${params.containerModifierClass}grid-column`,
+ );
+ swiper.emitContainerClasses();
+ } else if (!wasMultiRow && isMultiRow) {
+ $el.addClass(`${params.containerModifierClass}grid`);
+
+ if (
+ (breakpointParams.grid.fill &&
+ breakpointParams.grid.fill === "column") ||
+ (!breakpointParams.grid.fill && params.grid.fill === "column")
+ ) {
+ $el.addClass(`${params.containerModifierClass}grid-column`);
+ }
+
+ swiper.emitContainerClasses();
+ }
+
+ const directionChanged =
+ breakpointParams.direction &&
+ breakpointParams.direction !== params.direction;
+ const needsReLoop =
+ params.loop &&
+ (breakpointParams.slidesPerView !== params.slidesPerView ||
+ directionChanged);
+
+ if (directionChanged && initialized) {
+ swiper.changeDirection();
+ }
+
+ extend(swiper.params, breakpointParams);
+ const isEnabled = swiper.params.enabled;
+ Object.assign(swiper, {
+ allowTouchMove: swiper.params.allowTouchMove,
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ });
+
+ if (wasEnabled && !isEnabled) {
+ swiper.disable();
+ } else if (!wasEnabled && isEnabled) {
+ swiper.enable();
+ }
+
+ swiper.currentBreakpoint = breakpoint;
+ swiper.emit("_beforeBreakpoint", breakpointParams);
+
+ if (needsReLoop && initialized) {
+ swiper.loopDestroy();
+ swiper.loopCreate();
+ swiper.updateSlides();
+ swiper.slideTo(
+ activeIndex - loopedSlides + swiper.loopedSlides,
+ 0,
+ false,
+ );
+ }
+
+ swiper.emit("breakpoint", breakpointParams);
+ }
+
+ function getBreakpoint(breakpoints, base, containerEl) {
+ if (base === void 0) {
+ base = "window";
+ }
+
+ if (!breakpoints || (base === "container" && !containerEl))
+ return undefined;
+ let breakpoint = false;
+ const window = getWindow();
+ const currentHeight =
+ base === "window" ? window.innerHeight : containerEl.clientHeight;
+ const points = Object.keys(breakpoints).map((point) => {
+ if (typeof point === "string" && point.indexOf("@") === 0) {
+ const minRatio = parseFloat(point.substr(1));
+ const value = currentHeight * minRatio;
+ return {
+ value,
+ point,
+ };
+ }
+
+ return {
+ value: point,
+ point,
+ };
+ });
+ points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));
+
+ for (let i = 0; i < points.length; i += 1) {
+ const { point, value } = points[i];
+
+ if (base === "window") {
+ if (window.matchMedia(`(min-width: ${value}px)`).matches) {
+ breakpoint = point;
+ }
+ } else if (value <= containerEl.clientWidth) {
+ breakpoint = point;
+ }
+ }
+
+ return breakpoint || "max";
+ }
+
+ var breakpoints = {
+ setBreakpoint,
+ getBreakpoint,
+ };
+
+ function prepareClasses(entries, prefix) {
+ const resultClasses = [];
+ entries.forEach((item) => {
+ if (typeof item === "object") {
+ Object.keys(item).forEach((classNames) => {
+ if (item[classNames]) {
+ resultClasses.push(prefix + classNames);
+ }
+ });
+ } else if (typeof item === "string") {
+ resultClasses.push(prefix + item);
+ }
+ });
+ return resultClasses;
+ }
+
+ function addClasses() {
+ const swiper = this;
+ const {
+ classNames,
+ params,
+ rtl,
+ $el,
+ device,
+ support
+ } = swiper; // prettier-ignore
+
+ const suffixes = prepareClasses(
+ [
+ "initialized",
+ params.direction,
+ {
+ "pointer-events": !support.touch,
+ },
+ {
+ "free-mode": swiper.params.freeMode && params.freeMode.enabled,
+ },
+ {
+ autoheight: params.autoHeight,
+ },
+ {
+ rtl: rtl,
+ },
+ {
+ grid: params.grid && params.grid.rows > 1,
+ },
+ {
+ "grid-column":
+ params.grid &&
+ params.grid.rows > 1 &&
+ params.grid.fill === "column",
+ },
+ {
+ android: device.android,
+ },
+ {
+ ios: device.ios,
+ },
+ {
+ "css-mode": params.cssMode,
+ },
+ {
+ centered: params.cssMode && params.centeredSlides,
+ },
+ ],
+ params.containerModifierClass,
+ );
+ classNames.push(...suffixes);
+ $el.addClass([...classNames].join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ function removeClasses() {
+ const swiper = this;
+ const { $el, classNames } = swiper;
+ $el.removeClass(classNames.join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ var classes = {
+ addClasses,
+ removeClasses,
+ };
+
+ function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {
+ const window = getWindow();
+ let image;
+
+ function onReady() {
+ if (callback) callback();
+ }
+
+ const isPicture = $(imageEl).parent("picture")[0];
+
+ if (!isPicture && (!imageEl.complete || !checkForComplete)) {
+ if (src) {
+ image = new window.Image();
+ image.onload = onReady;
+ image.onerror = onReady;
+
+ if (sizes) {
+ image.sizes = sizes;
+ }
+
+ if (srcset) {
+ image.srcset = srcset;
+ }
+
+ if (src) {
+ image.src = src;
+ }
+ } else {
+ onReady();
+ }
+ } else {
+ // image already loaded...
+ onReady();
+ }
+ }
+
+ function preloadImages() {
+ const swiper = this;
+ swiper.imagesToLoad = swiper.$el.find("img");
+
+ function onReady() {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ swiper.destroyed
+ )
+ return;
+ if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;
+
+ if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
+ if (swiper.params.updateOnImagesReady) swiper.update();
+ swiper.emit("imagesReady");
+ }
+ }
+
+ for (let i = 0; i < swiper.imagesToLoad.length; i += 1) {
+ const imageEl = swiper.imagesToLoad[i];
+ swiper.loadImage(
+ imageEl,
+ imageEl.currentSrc || imageEl.getAttribute("src"),
+ imageEl.srcset || imageEl.getAttribute("srcset"),
+ imageEl.sizes || imageEl.getAttribute("sizes"),
+ true,
+ onReady,
+ );
+ }
+ }
+
+ var images = {
+ loadImage,
+ preloadImages,
+ };
+
+ function checkOverflow() {
+ const swiper = this;
+ const { isLocked: wasLocked, params } = swiper;
+ const { slidesOffsetBefore } = params;
+
+ if (slidesOffsetBefore) {
+ const lastSlideIndex = swiper.slides.length - 1;
+ const lastSlideRightEdge =
+ swiper.slidesGrid[lastSlideIndex] +
+ swiper.slidesSizesGrid[lastSlideIndex] +
+ slidesOffsetBefore * 2;
+ swiper.isLocked = swiper.size > lastSlideRightEdge;
+ } else {
+ swiper.isLocked = swiper.snapGrid.length === 1;
+ }
+
+ if (params.allowSlideNext === true) {
+ swiper.allowSlideNext = !swiper.isLocked;
+ }
+
+ if (params.allowSlidePrev === true) {
+ swiper.allowSlidePrev = !swiper.isLocked;
+ }
+
+ if (wasLocked && wasLocked !== swiper.isLocked) {
+ swiper.isEnd = false;
+ }
+
+ if (wasLocked !== swiper.isLocked) {
+ swiper.emit(swiper.isLocked ? "lock" : "unlock");
+ }
+ }
+
+ var checkOverflow$1 = {
+ checkOverflow,
+ };
+
+ var defaults = {
+ init: true,
+ direction: "horizontal",
+ touchEventsTarget: "wrapper",
+ initialSlide: 0,
+ speed: 300,
+ cssMode: false,
+ updateOnWindowResize: true,
+ resizeObserver: true,
+ nested: false,
+ createElements: false,
+ enabled: true,
+ focusableElements: "input, select, option, textarea, button, video, label",
+ // Overrides
+ width: null,
+ height: null,
+ //
+ preventInteractionOnTransition: false,
+ // ssr
+ userAgent: null,
+ url: null,
+ // To support iOS's swipe-to-go-back gesture (when being used in-app).
+ edgeSwipeDetection: false,
+ edgeSwipeThreshold: 20,
+ // Autoheight
+ autoHeight: false,
+ // Set wrapper width
+ setWrapperSize: false,
+ // Virtual Translate
+ virtualTranslate: false,
+ // Effects
+ effect: "slide",
+ // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
+ // Breakpoints
+ breakpoints: undefined,
+ breakpointsBase: "window",
+ // Slides grid
+ spaceBetween: 0,
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ slidesPerGroupSkip: 0,
+ slidesPerGroupAuto: false,
+ centeredSlides: false,
+ centeredSlidesBounds: false,
+ slidesOffsetBefore: 0,
+ // in px
+ slidesOffsetAfter: 0,
+ // in px
+ normalizeSlideIndex: true,
+ centerInsufficientSlides: false,
+ // Disable swiper and hide navigation when container not overflow
+ watchOverflow: true,
+ // Round length
+ roundLengths: false,
+ // Touches
+ touchRatio: 1,
+ touchAngle: 45,
+ simulateTouch: true,
+ shortSwipes: true,
+ longSwipes: true,
+ longSwipesRatio: 0.5,
+ longSwipesMs: 300,
+ followFinger: true,
+ allowTouchMove: true,
+ threshold: 0,
+ touchMoveStopPropagation: false,
+ touchStartPreventDefault: true,
+ touchStartForcePreventDefault: false,
+ touchReleaseOnEdges: false,
+ // Unique Navigation Elements
+ uniqueNavElements: true,
+ // Resistance
+ resistance: true,
+ resistanceRatio: 0.85,
+ // Progress
+ watchSlidesProgress: false,
+ // Cursor
+ grabCursor: false,
+ // Clicks
+ preventClicks: true,
+ preventClicksPropagation: true,
+ slideToClickedSlide: false,
+ // Images
+ preloadImages: true,
+ updateOnImagesReady: true,
+ // loop
+ loop: false,
+ loopAdditionalSlides: 0,
+ loopedSlides: null,
+ loopFillGroupWithBlank: false,
+ loopPreventsSlide: true,
+ // rewind
+ rewind: false,
+ // Swiping/no swiping
+ allowSlidePrev: true,
+ allowSlideNext: true,
+ swipeHandler: null,
+ // '.swipe-handler',
+ noSwiping: true,
+ noSwipingClass: "swiper-no-swiping",
+ noSwipingSelector: null,
+ // Passive Listeners
+ passiveListeners: true,
+ maxBackfaceHiddenSlides: 10,
+ // NS
+ containerModifierClass: "swiper-",
+ // NEW
+ slideClass: "swiper-slide",
+ slideBlankClass: "swiper-slide-invisible-blank",
+ slideActiveClass: "swiper-slide-active",
+ slideDuplicateActiveClass: "swiper-slide-duplicate-active",
+ slideVisibleClass: "swiper-slide-visible",
+ slideDuplicateClass: "swiper-slide-duplicate",
+ slideNextClass: "swiper-slide-next",
+ slideDuplicateNextClass: "swiper-slide-duplicate-next",
+ slidePrevClass: "swiper-slide-prev",
+ slideDuplicatePrevClass: "swiper-slide-duplicate-prev",
+ wrapperClass: "swiper-wrapper",
+ // Callbacks
+ runCallbacksOnInit: true,
+ // Internals
+ _emitClasses: false,
+ };
+
+ function moduleExtendParams(params, allModulesParams) {
+ return function extendParams(obj) {
+ if (obj === void 0) {
+ obj = {};
+ }
+
+ const moduleParamName = Object.keys(obj)[0];
+ const moduleParams = obj[moduleParamName];
+
+ if (typeof moduleParams !== "object" || moduleParams === null) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (
+ ["navigation", "pagination", "scrollbar"].indexOf(moduleParamName) >=
+ 0 &&
+ params[moduleParamName] === true
+ ) {
+ params[moduleParamName] = {
+ auto: true,
+ };
+ }
+
+ if (!(moduleParamName in params && "enabled" in moduleParams)) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (params[moduleParamName] === true) {
+ params[moduleParamName] = {
+ enabled: true,
+ };
+ }
+
+ if (
+ typeof params[moduleParamName] === "object" &&
+ !("enabled" in params[moduleParamName])
+ ) {
+ params[moduleParamName].enabled = true;
+ }
+
+ if (!params[moduleParamName])
+ params[moduleParamName] = {
+ enabled: false,
+ };
+ extend(allModulesParams, obj);
+ };
+ }
+
+ /* eslint no-param-reassign: "off" */
+ const prototypes = {
+ eventsEmitter,
+ update,
+ translate,
+ transition,
+ slide,
+ loop,
+ grabCursor,
+ events: events$1,
+ breakpoints,
+ checkOverflow: checkOverflow$1,
+ classes,
+ images,
+ };
+ const extendedDefaults = {};
+
+ class Swiper {
+ constructor() {
+ let el;
+ let params;
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ if (
+ args.length === 1 &&
+ args[0].constructor &&
+ Object.prototype.toString.call(args[0]).slice(8, -1) === "Object"
+ ) {
+ params = args[0];
+ } else {
+ [el, params] = args;
+ }
+
+ if (!params) params = {};
+ params = extend({}, params);
+ if (el && !params.el) params.el = el;
+
+ if (params.el && $(params.el).length > 1) {
+ const swipers = [];
+ $(params.el).each((containerEl) => {
+ const newParams = extend({}, params, {
+ el: containerEl,
+ });
+ swipers.push(new Swiper(newParams));
+ });
+ return swipers;
+ } // Swiper Instance
+
+ const swiper = this;
+ swiper.__swiper__ = true;
+ swiper.support = getSupport();
+ swiper.device = getDevice({
+ userAgent: params.userAgent,
+ });
+ swiper.browser = getBrowser();
+ swiper.eventsListeners = {};
+ swiper.eventsAnyListeners = [];
+ swiper.modules = [...swiper.__modules__];
+
+ if (params.modules && Array.isArray(params.modules)) {
+ swiper.modules.push(...params.modules);
+ }
+
+ const allModulesParams = {};
+ swiper.modules.forEach((mod) => {
+ mod({
+ swiper,
+ extendParams: moduleExtendParams(params, allModulesParams),
+ on: swiper.on.bind(swiper),
+ once: swiper.once.bind(swiper),
+ off: swiper.off.bind(swiper),
+ emit: swiper.emit.bind(swiper),
+ });
+ }); // Extend defaults with modules params
+
+ const swiperParams = extend({}, defaults, allModulesParams); // Extend defaults with passed params
+
+ swiper.params = extend({}, swiperParams, extendedDefaults, params);
+ swiper.originalParams = extend({}, swiper.params);
+ swiper.passedParams = extend({}, params); // add event listeners
+
+ if (swiper.params && swiper.params.on) {
+ Object.keys(swiper.params.on).forEach((eventName) => {
+ swiper.on(eventName, swiper.params.on[eventName]);
+ });
+ }
+
+ if (swiper.params && swiper.params.onAny) {
+ swiper.onAny(swiper.params.onAny);
+ } // Save Dom lib
+
+ swiper.$ = $; // Extend Swiper
+
+ Object.assign(swiper, {
+ enabled: swiper.params.enabled,
+ el,
+ // Classes
+ classNames: [],
+ // Slides
+ slides: $(),
+ slidesGrid: [],
+ snapGrid: [],
+ slidesSizesGrid: [],
+
+ // isDirection
+ isHorizontal() {
+ return swiper.params.direction === "horizontal";
+ },
+
+ isVertical() {
+ return swiper.params.direction === "vertical";
+ },
+
+ // Indexes
+ activeIndex: 0,
+ realIndex: 0,
+ //
+ isBeginning: true,
+ isEnd: false,
+ // Props
+ translate: 0,
+ previousTranslate: 0,
+ progress: 0,
+ velocity: 0,
+ animating: false,
+ // Locks
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ // Touch Events
+ touchEvents: (function touchEvents() {
+ const touch = ["touchstart", "touchmove", "touchend", "touchcancel"];
+ const desktop = ["pointerdown", "pointermove", "pointerup"];
+ swiper.touchEventsTouch = {
+ start: touch[0],
+ move: touch[1],
+ end: touch[2],
+ cancel: touch[3],
+ };
+ swiper.touchEventsDesktop = {
+ start: desktop[0],
+ move: desktop[1],
+ end: desktop[2],
+ };
+ return swiper.support.touch || !swiper.params.simulateTouch
+ ? swiper.touchEventsTouch
+ : swiper.touchEventsDesktop;
+ })(),
+ touchEventsData: {
+ isTouched: undefined,
+ isMoved: undefined,
+ allowTouchCallbacks: undefined,
+ touchStartTime: undefined,
+ isScrolling: undefined,
+ currentTranslate: undefined,
+ startTranslate: undefined,
+ allowThresholdMove: undefined,
+ // Form elements to match
+ focusableElements: swiper.params.focusableElements,
+ // Last click time
+ lastClickTime: now(),
+ clickTimeout: undefined,
+ // Velocities
+ velocities: [],
+ allowMomentumBounce: undefined,
+ isTouchEvent: undefined,
+ startMoving: undefined,
+ },
+ // Clicks
+ allowClick: true,
+ // Touches
+ allowTouchMove: swiper.params.allowTouchMove,
+ touches: {
+ startX: 0,
+ startY: 0,
+ currentX: 0,
+ currentY: 0,
+ diff: 0,
+ },
+ // Images
+ imagesToLoad: [],
+ imagesLoaded: 0,
+ });
+ swiper.emit("_swiper"); // Init
+
+ if (swiper.params.init) {
+ swiper.init();
+ } // Return app instance
+
+ return swiper;
+ }
+
+ enable() {
+ const swiper = this;
+ if (swiper.enabled) return;
+ swiper.enabled = true;
+
+ if (swiper.params.grabCursor) {
+ swiper.setGrabCursor();
+ }
+
+ swiper.emit("enable");
+ }
+
+ disable() {
+ const swiper = this;
+ if (!swiper.enabled) return;
+ swiper.enabled = false;
+
+ if (swiper.params.grabCursor) {
+ swiper.unsetGrabCursor();
+ }
+
+ swiper.emit("disable");
+ }
+
+ setProgress(progress, speed) {
+ const swiper = this;
+ progress = Math.min(Math.max(progress, 0), 1);
+ const min = swiper.minTranslate();
+ const max = swiper.maxTranslate();
+ const current = (max - min) * progress + min;
+ swiper.translateTo(current, typeof speed === "undefined" ? 0 : speed);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ emitContainerClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const cls = swiper.el.className.split(" ").filter((className) => {
+ return (
+ className.indexOf("swiper") === 0 ||
+ className.indexOf(swiper.params.containerModifierClass) === 0
+ );
+ });
+ swiper.emit("_containerClasses", cls.join(" "));
+ }
+
+ getSlideClasses(slideEl) {
+ const swiper = this;
+ return slideEl.className
+ .split(" ")
+ .filter((className) => {
+ return (
+ className.indexOf("swiper-slide") === 0 ||
+ className.indexOf(swiper.params.slideClass) === 0
+ );
+ })
+ .join(" ");
+ }
+
+ emitSlidesClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const updates = [];
+ swiper.slides.each((slideEl) => {
+ const classNames = swiper.getSlideClasses(slideEl);
+ updates.push({
+ slideEl,
+ classNames,
+ });
+ swiper.emit("_slideClass", slideEl, classNames);
+ });
+ swiper.emit("_slideClasses", updates);
+ }
+
+ slidesPerViewDynamic(view, exact) {
+ if (view === void 0) {
+ view = "current";
+ }
+
+ if (exact === void 0) {
+ exact = false;
+ }
+
+ const swiper = this;
+ const {
+ params,
+ slides,
+ slidesGrid,
+ slidesSizesGrid,
+ size: swiperSize,
+ activeIndex,
+ } = swiper;
+ let spv = 1;
+
+ if (params.centeredSlides) {
+ let slideSize = slides[activeIndex].swiperSlideSize;
+ let breakLoop;
+
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+ } else {
+ // eslint-disable-next-line
+ if (view === "current") {
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ const slideInView = exact
+ ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] <
+ swiperSize
+ : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ } else {
+ // previous
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ const slideInView =
+ slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ }
+ }
+
+ return spv;
+ }
+
+ update() {
+ const swiper = this;
+ if (!swiper || swiper.destroyed) return;
+ const { snapGrid, params } = swiper; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ function setTranslate() {
+ const translateValue = swiper.rtlTranslate
+ ? swiper.translate * -1
+ : swiper.translate;
+ const newTranslate = Math.min(
+ Math.max(translateValue, swiper.maxTranslate()),
+ swiper.minTranslate(),
+ );
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ let translated;
+
+ if (swiper.params.freeMode && swiper.params.freeMode.enabled) {
+ setTranslate();
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ } else {
+ if (
+ (swiper.params.slidesPerView === "auto" ||
+ swiper.params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.params.centeredSlides
+ ) {
+ translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (!translated) {
+ setTranslate();
+ }
+ }
+
+ if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+
+ swiper.emit("update");
+ }
+
+ changeDirection(newDirection, needUpdate) {
+ if (needUpdate === void 0) {
+ needUpdate = true;
+ }
+
+ const swiper = this;
+ const currentDirection = swiper.params.direction;
+
+ if (!newDirection) {
+ // eslint-disable-next-line
+ newDirection =
+ currentDirection === "horizontal" ? "vertical" : "horizontal";
+ }
+
+ if (
+ newDirection === currentDirection ||
+ (newDirection !== "horizontal" && newDirection !== "vertical")
+ ) {
+ return swiper;
+ }
+
+ swiper.$el
+ .removeClass(
+ `${swiper.params.containerModifierClass}${currentDirection}`,
+ )
+ .addClass(`${swiper.params.containerModifierClass}${newDirection}`);
+ swiper.emitContainerClasses();
+ swiper.params.direction = newDirection;
+ swiper.slides.each((slideEl) => {
+ if (newDirection === "vertical") {
+ slideEl.style.width = "";
+ } else {
+ slideEl.style.height = "";
+ }
+ });
+ swiper.emit("changeDirection");
+ if (needUpdate) swiper.update();
+ return swiper;
+ }
+
+ mount(el) {
+ const swiper = this;
+ if (swiper.mounted) return true; // Find el
+
+ const $el = $(el || swiper.params.el);
+ el = $el[0];
+
+ if (!el) {
+ return false;
+ }
+
+ el.swiper = swiper;
+
+ const getWrapperSelector = () => {
+ return `.${(swiper.params.wrapperClass || "")
+ .trim()
+ .split(" ")
+ .join(".")}`;
+ };
+
+ const getWrapper = () => {
+ if (el && el.shadowRoot && el.shadowRoot.querySelector) {
+ const res = $(el.shadowRoot.querySelector(getWrapperSelector())); // Children needs to return slot items
+
+ res.children = (options) => $el.children(options);
+
+ return res;
+ }
+
+ return $el.children(getWrapperSelector());
+ }; // Find Wrapper
+
+ let $wrapperEl = getWrapper();
+
+ if ($wrapperEl.length === 0 && swiper.params.createElements) {
+ const document = getDocument();
+ const wrapper = document.createElement("div");
+ $wrapperEl = $(wrapper);
+ wrapper.className = swiper.params.wrapperClass;
+ $el.append(wrapper);
+ $el.children(`.${swiper.params.slideClass}`).each((slideEl) => {
+ $wrapperEl.append(slideEl);
+ });
+ }
+
+ Object.assign(swiper, {
+ $el,
+ el,
+ $wrapperEl,
+ wrapperEl: $wrapperEl[0],
+ mounted: true,
+ // RTL
+ rtl: el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl",
+ rtlTranslate:
+ swiper.params.direction === "horizontal" &&
+ (el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl"),
+ wrongRTL: $wrapperEl.css("display") === "-webkit-box",
+ });
+ return true;
+ }
+
+ init(el) {
+ const swiper = this;
+ if (swiper.initialized) return swiper;
+ const mounted = swiper.mount(el);
+ if (mounted === false) return swiper;
+ swiper.emit("beforeInit"); // Set breakpoint
+
+ if (swiper.params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Add Classes
+
+ swiper.addClasses(); // Create loop
+
+ if (swiper.params.loop) {
+ swiper.loopCreate();
+ } // Update size
+
+ swiper.updateSize(); // Update slides
+
+ swiper.updateSlides();
+
+ if (swiper.params.watchOverflow) {
+ swiper.checkOverflow();
+ } // Set Grab Cursor
+
+ if (swiper.params.grabCursor && swiper.enabled) {
+ swiper.setGrabCursor();
+ }
+
+ if (swiper.params.preloadImages) {
+ swiper.preloadImages();
+ } // Slide To Initial Slide
+
+ if (swiper.params.loop) {
+ swiper.slideTo(
+ swiper.params.initialSlide + swiper.loopedSlides,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } else {
+ swiper.slideTo(
+ swiper.params.initialSlide,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } // Attach events
+
+ swiper.attachEvents(); // Init Flag
+
+ swiper.initialized = true; // Emit
+
+ swiper.emit("init");
+ swiper.emit("afterInit");
+ return swiper;
+ }
+
+ destroy(deleteInstance, cleanStyles) {
+ if (deleteInstance === void 0) {
+ deleteInstance = true;
+ }
+
+ if (cleanStyles === void 0) {
+ cleanStyles = true;
+ }
+
+ const swiper = this;
+ const { params, $el, $wrapperEl, slides } = swiper;
+
+ if (typeof swiper.params === "undefined" || swiper.destroyed) {
+ return null;
+ }
+
+ swiper.emit("beforeDestroy"); // Init Flag
+
+ swiper.initialized = false; // Detach events
+
+ swiper.detachEvents(); // Destroy loop
+
+ if (params.loop) {
+ swiper.loopDestroy();
+ } // Cleanup styles
+
+ if (cleanStyles) {
+ swiper.removeClasses();
+ $el.removeAttr("style");
+ $wrapperEl.removeAttr("style");
+
+ if (slides && slides.length) {
+ slides
+ .removeClass(
+ [
+ params.slideVisibleClass,
+ params.slideActiveClass,
+ params.slideNextClass,
+ params.slidePrevClass,
+ ].join(" "),
+ )
+ .removeAttr("style")
+ .removeAttr("data-swiper-slide-index");
+ }
+ }
+
+ swiper.emit("destroy"); // Detach emitter events
+
+ Object.keys(swiper.eventsListeners).forEach((eventName) => {
+ swiper.off(eventName);
+ });
+
+ if (deleteInstance !== false) {
+ swiper.$el[0].swiper = null;
+ deleteProps(swiper);
+ }
+
+ swiper.destroyed = true;
+ return null;
+ }
+
+ static extendDefaults(newDefaults) {
+ extend(extendedDefaults, newDefaults);
+ }
+
+ static get extendedDefaults() {
+ return extendedDefaults;
+ }
+
+ static get defaults() {
+ return defaults;
+ }
+
+ static installModule(mod) {
+ if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = [];
+ const modules = Swiper.prototype.__modules__;
+
+ if (typeof mod === "function" && modules.indexOf(mod) < 0) {
+ modules.push(mod);
+ }
+ }
+
+ static use(module) {
+ if (Array.isArray(module)) {
+ module.forEach((m) => Swiper.installModule(m));
+ return Swiper;
+ }
+
+ Swiper.installModule(module);
+ return Swiper;
+ }
+ }
+
+ Object.keys(prototypes).forEach((prototypeGroup) => {
+ Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => {
+ Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
+ });
+ });
+ Swiper.use([Resize, Observer]);
+
+ function Virtual(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ renderSlide: null,
+ renderExternal: null,
+ renderExternalUpdate: true,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0,
+ },
+ });
+ let cssModeTimeout;
+ swiper.virtual = {
+ cache: {},
+ from: undefined,
+ to: undefined,
+ slides: [],
+ offset: 0,
+ slidesGrid: [],
+ };
+
+ function renderSlide(slide, index) {
+ const params = swiper.params.virtual;
+
+ if (params.cache && swiper.virtual.cache[index]) {
+ return swiper.virtual.cache[index];
+ }
+
+ const $slideEl = params.renderSlide
+ ? $(params.renderSlide.call(swiper, slide, index))
+ : $(
+ `${slide}
`,
+ );
+ if (!$slideEl.attr("data-swiper-slide-index"))
+ $slideEl.attr("data-swiper-slide-index", index);
+ if (params.cache) swiper.virtual.cache[index] = $slideEl;
+ return $slideEl;
+ }
+
+ function update(force) {
+ const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params;
+ const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual;
+ const {
+ from: previousFrom,
+ to: previousTo,
+ slides,
+ slidesGrid: previousSlidesGrid,
+ offset: previousOffset,
+ } = swiper.virtual;
+
+ if (!swiper.params.cssMode) {
+ swiper.updateActiveIndex();
+ }
+
+ const activeIndex = swiper.activeIndex || 0;
+ let offsetProp;
+ if (swiper.rtlTranslate) offsetProp = "right";
+ else offsetProp = swiper.isHorizontal() ? "left" : "top";
+ let slidesAfter;
+ let slidesBefore;
+
+ if (centeredSlides) {
+ slidesAfter =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
+ slidesBefore =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
+ } else {
+ slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
+ slidesBefore = slidesPerGroup + addSlidesBefore;
+ }
+
+ const from = Math.max((activeIndex || 0) - slidesBefore, 0);
+ const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
+ const offset =
+ (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
+ Object.assign(swiper.virtual, {
+ from,
+ to,
+ offset,
+ slidesGrid: swiper.slidesGrid,
+ });
+
+ function onRendered() {
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ if (swiper.lazy && swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+
+ emit("virtualUpdate");
+ }
+
+ if (previousFrom === from && previousTo === to && !force) {
+ if (
+ swiper.slidesGrid !== previousSlidesGrid &&
+ offset !== previousOffset
+ ) {
+ swiper.slides.css(offsetProp, `${offset}px`);
+ }
+
+ swiper.updateProgress();
+ emit("virtualUpdate");
+ return;
+ }
+
+ if (swiper.params.virtual.renderExternal) {
+ swiper.params.virtual.renderExternal.call(swiper, {
+ offset,
+ from,
+ to,
+ slides: (function getSlides() {
+ const slidesToRender = [];
+
+ for (let i = from; i <= to; i += 1) {
+ slidesToRender.push(slides[i]);
+ }
+
+ return slidesToRender;
+ })(),
+ });
+
+ if (swiper.params.virtual.renderExternalUpdate) {
+ onRendered();
+ } else {
+ emit("virtualUpdate");
+ }
+
+ return;
+ }
+
+ const prependIndexes = [];
+ const appendIndexes = [];
+
+ if (force) {
+ swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove();
+ } else {
+ for (let i = previousFrom; i <= previousTo; i += 1) {
+ if (i < from || i > to) {
+ swiper.$wrapperEl
+ .find(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`,
+ )
+ .remove();
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ if (i >= from && i <= to) {
+ if (typeof previousTo === "undefined" || force) {
+ appendIndexes.push(i);
+ } else {
+ if (i > previousTo) appendIndexes.push(i);
+ if (i < previousFrom) prependIndexes.push(i);
+ }
+ }
+ }
+
+ appendIndexes.forEach((index) => {
+ swiper.$wrapperEl.append(renderSlide(slides[index], index));
+ });
+ prependIndexes
+ .sort((a, b) => b - a)
+ .forEach((index) => {
+ swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
+ });
+ swiper.$wrapperEl
+ .children(".swiper-slide")
+ .css(offsetProp, `${offset}px`);
+ onRendered();
+ }
+
+ function appendSlide(slides) {
+ if (typeof slides === "object" && "length" in slides) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.push(slides[i]);
+ }
+ } else {
+ swiper.virtual.slides.push(slides);
+ }
+
+ update(true);
+ }
+
+ function prependSlide(slides) {
+ const activeIndex = swiper.activeIndex;
+ let newActiveIndex = activeIndex + 1;
+ let numberOfNewSlides = 1;
+
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
+ }
+
+ newActiveIndex = activeIndex + slides.length;
+ numberOfNewSlides = slides.length;
+ } else {
+ swiper.virtual.slides.unshift(slides);
+ }
+
+ if (swiper.params.virtual.cache) {
+ const cache = swiper.virtual.cache;
+ const newCache = {};
+ Object.keys(cache).forEach((cachedIndex) => {
+ const $cachedEl = cache[cachedIndex];
+ const cachedElIndex = $cachedEl.attr("data-swiper-slide-index");
+
+ if (cachedElIndex) {
+ $cachedEl.attr(
+ "data-swiper-slide-index",
+ parseInt(cachedElIndex, 10) + numberOfNewSlides,
+ );
+ }
+
+ newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
+ });
+ swiper.virtual.cache = newCache;
+ }
+
+ update(true);
+ swiper.slideTo(newActiveIndex, 0);
+ }
+
+ function removeSlide(slidesIndexes) {
+ if (typeof slidesIndexes === "undefined" || slidesIndexes === null)
+ return;
+ let activeIndex = swiper.activeIndex;
+
+ if (Array.isArray(slidesIndexes)) {
+ for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
+ swiper.virtual.slides.splice(slidesIndexes[i], 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes[i]];
+ }
+
+ if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ } else {
+ swiper.virtual.slides.splice(slidesIndexes, 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes];
+ }
+
+ if (slidesIndexes < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+
+ update(true);
+ swiper.slideTo(activeIndex, 0);
+ }
+
+ function removeAllSlides() {
+ swiper.virtual.slides = [];
+
+ if (swiper.params.virtual.cache) {
+ swiper.virtual.cache = {};
+ }
+
+ update(true);
+ swiper.slideTo(0, 0);
+ }
+
+ on("beforeInit", () => {
+ if (!swiper.params.virtual.enabled) return;
+ swiper.virtual.slides = swiper.params.virtual.slides;
+ swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+
+ if (!swiper.params.initialSlide) {
+ update();
+ }
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode && !swiper._immediateVirtual) {
+ clearTimeout(cssModeTimeout);
+ cssModeTimeout = setTimeout(() => {
+ update();
+ }, 100);
+ } else {
+ update();
+ }
+ });
+ on("init update resize", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-virtual-size",
+ `${swiper.virtualSize}px`,
+ );
+ }
+ });
+ Object.assign(swiper.virtual, {
+ appendSlide,
+ prependSlide,
+ removeSlide,
+ removeAllSlides,
+ update,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Keyboard(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const document = getDocument();
+ const window = getWindow();
+ swiper.keyboard = {
+ enabled: false,
+ };
+ extendParams({
+ keyboard: {
+ enabled: false,
+ onlyInViewport: true,
+ pageUpDown: true,
+ },
+ });
+
+ function handle(event) {
+ if (!swiper.enabled) return;
+ const { rtlTranslate: rtl } = swiper;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ const kc = e.keyCode || e.charCode;
+ const pageUpDown = swiper.params.keyboard.pageUpDown;
+ const isPageUp = pageUpDown && kc === 33;
+ const isPageDown = pageUpDown && kc === 34;
+ const isArrowLeft = kc === 37;
+ const isArrowRight = kc === 39;
+ const isArrowUp = kc === 38;
+ const isArrowDown = kc === 40; // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ ((swiper.isHorizontal() && isArrowRight) ||
+ (swiper.isVertical() && isArrowDown) ||
+ isPageDown)
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ ((swiper.isHorizontal() && isArrowLeft) ||
+ (swiper.isVertical() && isArrowUp) ||
+ isPageUp)
+ ) {
+ return false;
+ }
+
+ if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
+ return undefined;
+ }
+
+ if (
+ document.activeElement &&
+ document.activeElement.nodeName &&
+ (document.activeElement.nodeName.toLowerCase() === "input" ||
+ document.activeElement.nodeName.toLowerCase() === "textarea")
+ ) {
+ return undefined;
+ }
+
+ if (
+ swiper.params.keyboard.onlyInViewport &&
+ (isPageUp ||
+ isPageDown ||
+ isArrowLeft ||
+ isArrowRight ||
+ isArrowUp ||
+ isArrowDown)
+ ) {
+ let inView = false; // Check that swiper should be inside of visible area of window
+
+ if (
+ swiper.$el.parents(`.${swiper.params.slideClass}`).length > 0 &&
+ swiper.$el.parents(`.${swiper.params.slideActiveClass}`).length === 0
+ ) {
+ return undefined;
+ }
+
+ const $el = swiper.$el;
+ const swiperWidth = $el[0].clientWidth;
+ const swiperHeight = $el[0].clientHeight;
+ const windowWidth = window.innerWidth;
+ const windowHeight = window.innerHeight;
+ const swiperOffset = swiper.$el.offset();
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiperWidth, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiperHeight],
+ [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= windowWidth &&
+ point[1] >= 0 &&
+ point[1] <= windowHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ if (!inView) return undefined;
+ }
+
+ if (swiper.isHorizontal()) {
+ if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (
+ ((isPageDown || isArrowRight) && !rtl) ||
+ ((isPageUp || isArrowLeft) && rtl)
+ )
+ swiper.slideNext();
+ if (
+ ((isPageUp || isArrowLeft) && !rtl) ||
+ ((isPageDown || isArrowRight) && rtl)
+ )
+ swiper.slidePrev();
+ } else {
+ if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (isPageDown || isArrowDown) swiper.slideNext();
+ if (isPageUp || isArrowUp) swiper.slidePrev();
+ }
+
+ emit("keyPress", kc);
+ return undefined;
+ }
+
+ function enable() {
+ if (swiper.keyboard.enabled) return;
+ $(document).on("keydown", handle);
+ swiper.keyboard.enabled = true;
+ }
+
+ function disable() {
+ if (!swiper.keyboard.enabled) return;
+ $(document).off("keydown", handle);
+ swiper.keyboard.enabled = false;
+ }
+
+ on("init", () => {
+ if (swiper.params.keyboard.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ if (swiper.keyboard.enabled) {
+ disable();
+ }
+ });
+ Object.assign(swiper.keyboard, {
+ enable,
+ disable,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Mousewheel(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ mousewheel: {
+ enabled: false,
+ releaseOnEdges: false,
+ invert: false,
+ forceToAxis: false,
+ sensitivity: 1,
+ eventsTarget: "container",
+ thresholdDelta: null,
+ thresholdTime: null,
+ },
+ });
+ swiper.mousewheel = {
+ enabled: false,
+ };
+ let timeout;
+ let lastScrollTime = now();
+ let lastEventBeforeSnap;
+ const recentWheelEvents = [];
+
+ function normalize(e) {
+ // Reasonable defaults
+ const PIXEL_STEP = 10;
+ const LINE_HEIGHT = 40;
+ const PAGE_HEIGHT = 800;
+ let sX = 0;
+ let sY = 0; // spinX, spinY
+
+ let pX = 0;
+ let pY = 0; // pixelX, pixelY
+ // Legacy
+
+ if ("detail" in e) {
+ sY = e.detail;
+ }
+
+ if ("wheelDelta" in e) {
+ sY = -e.wheelDelta / 120;
+ }
+
+ if ("wheelDeltaY" in e) {
+ sY = -e.wheelDeltaY / 120;
+ }
+
+ if ("wheelDeltaX" in e) {
+ sX = -e.wheelDeltaX / 120;
+ } // side scrolling on FF with DOMMouseScroll
+
+ if ("axis" in e && e.axis === e.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+
+ pX = sX * PIXEL_STEP;
+ pY = sY * PIXEL_STEP;
+
+ if ("deltaY" in e) {
+ pY = e.deltaY;
+ }
+
+ if ("deltaX" in e) {
+ pX = e.deltaX;
+ }
+
+ if (e.shiftKey && !pX) {
+ // if user scrolls with shift he wants horizontal scroll
+ pX = pY;
+ pY = 0;
+ }
+
+ if ((pX || pY) && e.deltaMode) {
+ if (e.deltaMode === 1) {
+ // delta in LINE units
+ pX *= LINE_HEIGHT;
+ pY *= LINE_HEIGHT;
+ } else {
+ // delta in PAGE units
+ pX *= PAGE_HEIGHT;
+ pY *= PAGE_HEIGHT;
+ }
+ } // Fall-back if spin cannot be determined
+
+ if (pX && !sX) {
+ sX = pX < 1 ? -1 : 1;
+ }
+
+ if (pY && !sY) {
+ sY = pY < 1 ? -1 : 1;
+ }
+
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY,
+ };
+ }
+
+ function handleMouseEnter() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = true;
+ }
+
+ function handleMouseLeave() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = false;
+ }
+
+ function animateSlider(newEvent) {
+ if (
+ swiper.params.mousewheel.thresholdDelta &&
+ newEvent.delta < swiper.params.mousewheel.thresholdDelta
+ ) {
+ // Prevent if delta of wheel scroll delta is below configured threshold
+ return false;
+ }
+
+ if (
+ swiper.params.mousewheel.thresholdTime &&
+ now() - lastScrollTime < swiper.params.mousewheel.thresholdTime
+ ) {
+ // Prevent if time between scrolls is below configured threshold
+ return false;
+ } // If the movement is NOT big enough and
+ // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
+ // Don't go any further (avoid insignificant scroll movement).
+
+ if (newEvent.delta >= 6 && now() - lastScrollTime < 60) {
+ // Return false as a default
+ return true;
+ } // If user is scrolling towards the end:
+ // If the slider hasn't hit the latest slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to next slide and
+ // emit a scroll event.
+ // Else (the user is scrolling towards the beginning) and
+ // if the slider hasn't hit the first slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to prev slide and
+ // emit a scroll event.
+
+ if (newEvent.direction < 0) {
+ if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
+ swiper.slideNext();
+ emit("scroll", newEvent.raw);
+ }
+ } else if (
+ (!swiper.isBeginning || swiper.params.loop) &&
+ !swiper.animating
+ ) {
+ swiper.slidePrev();
+ emit("scroll", newEvent.raw);
+ } // If you got here is because an animation has been triggered so store the current time
+
+ lastScrollTime = new window.Date().getTime(); // Return false as a default
+
+ return false;
+ }
+
+ function releaseScroll(newEvent) {
+ const params = swiper.params.mousewheel;
+
+ if (newEvent.direction < 0) {
+ if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ } else if (
+ swiper.isBeginning &&
+ !swiper.params.loop &&
+ params.releaseOnEdges
+ ) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+
+ return false;
+ }
+
+ function handle(event) {
+ let e = event;
+ let disableParentSwiper = true;
+ if (!swiper.enabled) return;
+ const params = swiper.params.mousewheel;
+
+ if (swiper.params.cssMode) {
+ e.preventDefault();
+ }
+
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ if (
+ !swiper.mouseEntered &&
+ !target[0].contains(e.target) &&
+ !params.releaseOnEdges
+ )
+ return true;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ let delta = 0;
+ const rtlFactor = swiper.rtlTranslate ? -1 : 1;
+ const data = normalize(e);
+
+ if (params.forceToAxis) {
+ if (swiper.isHorizontal()) {
+ if (Math.abs(data.pixelX) > Math.abs(data.pixelY))
+ delta = -data.pixelX * rtlFactor;
+ else return true;
+ } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX))
+ delta = -data.pixelY;
+ else return true;
+ } else {
+ delta =
+ Math.abs(data.pixelX) > Math.abs(data.pixelY)
+ ? -data.pixelX * rtlFactor
+ : -data.pixelY;
+ }
+
+ if (delta === 0) return true;
+ if (params.invert) delta = -delta; // Get the scroll positions
+
+ let positions = swiper.getTranslate() + delta * params.sensitivity;
+ if (positions >= swiper.minTranslate()) positions = swiper.minTranslate();
+ if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate(); // When loop is true:
+ // the disableParentSwiper will be true.
+ // When loop is false:
+ // if the scroll positions is not on edge,
+ // then the disableParentSwiper will be true.
+ // if the scroll on edge positions,
+ // then the disableParentSwiper will be false.
+
+ disableParentSwiper = swiper.params.loop
+ ? true
+ : !(
+ positions === swiper.minTranslate() ||
+ positions === swiper.maxTranslate()
+ );
+ if (disableParentSwiper && swiper.params.nested) e.stopPropagation();
+
+ if (!swiper.params.freeMode || !swiper.params.freeMode.enabled) {
+ // Register the new event in a variable which stores the relevant data
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ raw: event,
+ }; // Keep the most recent events
+
+ if (recentWheelEvents.length >= 2) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ recentWheelEvents.push(newEvent); // If there is at least one previous recorded event:
+ // If direction has changed or
+ // if the scroll is quicker than the previous one:
+ // Animate the slider.
+ // Else (this is the first time the wheel is moved):
+ // Animate the slider.
+
+ if (prevEvent) {
+ if (
+ newEvent.direction !== prevEvent.direction ||
+ newEvent.delta > prevEvent.delta ||
+ newEvent.time > prevEvent.time + 150
+ ) {
+ animateSlider(newEvent);
+ }
+ } else {
+ animateSlider(newEvent);
+ } // If it's time to release the scroll:
+ // Return now so you don't hit the preventDefault.
+
+ if (releaseScroll(newEvent)) {
+ return true;
+ }
+ } else {
+ // Freemode or scrollContainer:
+ // If we recently snapped after a momentum scroll, then ignore wheel events
+ // to give time for the deceleration to finish. Stop ignoring after 500 msecs
+ // or if it's a new scroll (larger delta or inverse sign as last event before
+ // an end-of-momentum snap).
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ };
+ const ignoreWheelEvents =
+ lastEventBeforeSnap &&
+ newEvent.time < lastEventBeforeSnap.time + 500 &&
+ newEvent.delta <= lastEventBeforeSnap.delta &&
+ newEvent.direction === lastEventBeforeSnap.direction;
+
+ if (!ignoreWheelEvents) {
+ lastEventBeforeSnap = undefined;
+
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ }
+
+ let position = swiper.getTranslate() + delta * params.sensitivity;
+ const wasBeginning = swiper.isBeginning;
+ const wasEnd = swiper.isEnd;
+ if (position >= swiper.minTranslate())
+ position = swiper.minTranslate();
+ if (position <= swiper.maxTranslate())
+ position = swiper.maxTranslate();
+ swiper.setTransition(0);
+ swiper.setTranslate(position);
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+
+ if (
+ (!wasBeginning && swiper.isBeginning) ||
+ (!wasEnd && swiper.isEnd)
+ ) {
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode.sticky) {
+ // When wheel scrolling starts with sticky (aka snap) enabled, then detect
+ // the end of a momentum scroll by storing recent (N=15?) wheel events.
+ // 1. do all N events have decreasing or same (absolute value) delta?
+ // 2. did all N events arrive in the last M (M=500?) msecs?
+ // 3. does the earliest event have an (absolute value) delta that's
+ // at least P (P=1?) larger than the most recent event's delta?
+ // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
+ // If 1-4 are "yes" then we're near the end of a momentum scroll deceleration.
+ // Snap immediately and ignore remaining wheel events in this scroll.
+ // See comment above for "remaining wheel events in this scroll" determination.
+ // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
+ clearTimeout(timeout);
+ timeout = undefined;
+
+ if (recentWheelEvents.length >= 15) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ const firstEvent = recentWheelEvents[0];
+ recentWheelEvents.push(newEvent);
+
+ if (
+ prevEvent &&
+ (newEvent.delta > prevEvent.delta ||
+ newEvent.direction !== prevEvent.direction)
+ ) {
+ // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
+ recentWheelEvents.splice(0);
+ } else if (
+ recentWheelEvents.length >= 15 &&
+ newEvent.time - firstEvent.time < 500 &&
+ firstEvent.delta - newEvent.delta >= 1 &&
+ newEvent.delta <= 6
+ ) {
+ // We're at the end of the deceleration of a momentum scroll, so there's no need
+ // to wait for more events. Snap ASAP on the next tick.
+ // Also, because there's some remaining momentum we'll bias the snap in the
+ // direction of the ongoing scroll because it's better UX for the scroll to snap
+ // in the same direction as the scroll instead of reversing to snap. Therefore,
+ // if it's already scrolled more than 20% in the current direction, keep going.
+ const snapToThreshold = delta > 0 ? 0.8 : 0.2;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ timeout = nextTick(() => {
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 0); // no delay; move on next tick
+ }
+
+ if (!timeout) {
+ // if we get here, then we haven't detected the end of a momentum scroll, so
+ // we'll consider a scroll "complete" when there haven't been any wheel events
+ // for 500ms.
+ timeout = nextTick(() => {
+ const snapToThreshold = 0.5;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 500);
+ }
+ } // Emit event
+
+ if (!ignoreWheelEvents) emit("scroll", e); // Stop autoplay
+
+ if (
+ swiper.params.autoplay &&
+ swiper.params.autoplayDisableOnInteraction
+ )
+ swiper.autoplay.stop(); // Return page scroll on edge positions
+
+ if (
+ position === swiper.minTranslate() ||
+ position === swiper.maxTranslate()
+ )
+ return true;
+ }
+ }
+
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ return false;
+ }
+
+ function events(method) {
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ target[method]("mouseenter", handleMouseEnter);
+ target[method]("mouseleave", handleMouseLeave);
+ target[method]("wheel", handle);
+ }
+
+ function enable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.removeEventListener("wheel", handle);
+ return true;
+ }
+
+ if (swiper.mousewheel.enabled) return false;
+ events("on");
+ swiper.mousewheel.enabled = true;
+ return true;
+ }
+
+ function disable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.addEventListener(event, handle);
+ return true;
+ }
+
+ if (!swiper.mousewheel.enabled) return false;
+ events("off");
+ swiper.mousewheel.enabled = false;
+ return true;
+ }
+
+ on("init", () => {
+ if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
+ disable();
+ }
+
+ if (swiper.params.mousewheel.enabled) enable();
+ });
+ on("destroy", () => {
+ if (swiper.params.cssMode) {
+ enable();
+ }
+
+ if (swiper.mousewheel.enabled) disable();
+ });
+ Object.assign(swiper.mousewheel, {
+ enable,
+ disable,
+ });
+ }
+
+ function createElementIfNotDefined(
+ swiper,
+ originalParams,
+ params,
+ checkProps,
+ ) {
+ const document = getDocument();
+
+ if (swiper.params.createElements) {
+ Object.keys(checkProps).forEach((key) => {
+ if (!params[key] && params.auto === true) {
+ let element = swiper.$el.children(`.${checkProps[key]}`)[0];
+
+ if (!element) {
+ element = document.createElement("div");
+ element.className = checkProps[key];
+ swiper.$el.append(element);
+ }
+
+ params[key] = element;
+ originalParams[key] = element;
+ }
+ });
+ }
+
+ return params;
+ }
+
+ function Navigation(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+ hideOnClick: false,
+ disabledClass: "swiper-button-disabled",
+ hiddenClass: "swiper-button-hidden",
+ lockClass: "swiper-button-lock",
+ },
+ });
+ swiper.navigation = {
+ nextEl: null,
+ $nextEl: null,
+ prevEl: null,
+ $prevEl: null,
+ };
+
+ function getEl(el) {
+ let $el;
+
+ if (el) {
+ $el = $(el);
+
+ if (
+ swiper.params.uniqueNavElements &&
+ typeof el === "string" &&
+ $el.length > 1 &&
+ swiper.$el.find(el).length === 1
+ ) {
+ $el = swiper.$el.find(el);
+ }
+ }
+
+ return $el;
+ }
+
+ function toggleEl($el, disabled) {
+ const params = swiper.params.navigation;
+
+ if ($el && $el.length > 0) {
+ $el[disabled ? "addClass" : "removeClass"](params.disabledClass);
+ if ($el[0] && $el[0].tagName === "BUTTON") $el[0].disabled = disabled;
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+ }
+
+ function update() {
+ // Update Navigation Buttons
+ if (swiper.params.loop) return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+ toggleEl($prevEl, swiper.isBeginning && !swiper.params.rewind);
+ toggleEl($nextEl, swiper.isEnd && !swiper.params.rewind);
+ }
+
+ function onPrevClick(e) {
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
+ return;
+ swiper.slidePrev();
+ }
+
+ function onNextClick(e) {
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;
+ swiper.slideNext();
+ }
+
+ function init() {
+ const params = swiper.params.navigation;
+ swiper.params.navigation = createElementIfNotDefined(
+ swiper,
+ swiper.originalParams.navigation,
+ swiper.params.navigation,
+ {
+ nextEl: "swiper-button-next",
+ prevEl: "swiper-button-prev",
+ },
+ );
+ if (!(params.nextEl || params.prevEl)) return;
+ const $nextEl = getEl(params.nextEl);
+ const $prevEl = getEl(params.prevEl);
+
+ if ($nextEl && $nextEl.length > 0) {
+ $nextEl.on("click", onNextClick);
+ }
+
+ if ($prevEl && $prevEl.length > 0) {
+ $prevEl.on("click", onPrevClick);
+ }
+
+ Object.assign(swiper.navigation, {
+ $nextEl,
+ nextEl: $nextEl && $nextEl[0],
+ $prevEl,
+ prevEl: $prevEl && $prevEl[0],
+ });
+
+ if (!swiper.enabled) {
+ if ($nextEl) $nextEl.addClass(params.lockClass);
+ if ($prevEl) $prevEl.addClass(params.lockClass);
+ }
+ }
+
+ function destroy() {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl && $nextEl.length) {
+ $nextEl.off("click", onNextClick);
+ $nextEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ $prevEl.off("click", onPrevClick);
+ $prevEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ }
+
+ on("init", () => {
+ init();
+ update();
+ });
+ on("toEdge fromEdge lock unlock", () => {
+ update();
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ on("enable disable", () => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl) {
+ $nextEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+
+ if ($prevEl) {
+ $prevEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+ });
+ on("click", (_s, e) => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+ const targetEl = e.target;
+
+ if (
+ swiper.params.navigation.hideOnClick &&
+ !$(targetEl).is($prevEl) &&
+ !$(targetEl).is($nextEl)
+ ) {
+ if (
+ swiper.pagination &&
+ swiper.params.pagination &&
+ swiper.params.pagination.clickable &&
+ (swiper.pagination.el === targetEl ||
+ swiper.pagination.el.contains(targetEl))
+ )
+ return;
+ let isHidden;
+
+ if ($nextEl) {
+ isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);
+ } else if ($prevEl) {
+ isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if (isHidden === true) {
+ emit("navigationShow");
+ } else {
+ emit("navigationHide");
+ }
+
+ if ($nextEl) {
+ $nextEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if ($prevEl) {
+ $prevEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+ }
+ });
+ Object.assign(swiper.navigation, {
+ update,
+ init,
+ destroy,
+ });
+ }
+
+ function classesToSelector(classes) {
+ if (classes === void 0) {
+ classes = "";
+ }
+
+ return `.${classes
+ .trim()
+ .replace(/([\.:!\/])/g, "\\$1") // eslint-disable-line
+ .replace(/ /g, ".")}`;
+ }
+
+ function Pagination(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const pfx = "swiper-pagination";
+ extendParams({
+ pagination: {
+ el: null,
+ bulletElement: "span",
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: "bullets",
+ // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: (number) => number,
+ formatFractionTotal: (number) => number,
+ bulletClass: `${pfx}-bullet`,
+ bulletActiveClass: `${pfx}-bullet-active`,
+ modifierClass: `${pfx}-`,
+ currentClass: `${pfx}-current`,
+ totalClass: `${pfx}-total`,
+ hiddenClass: `${pfx}-hidden`,
+ progressbarFillClass: `${pfx}-progressbar-fill`,
+ progressbarOppositeClass: `${pfx}-progressbar-opposite`,
+ clickableClass: `${pfx}-clickable`,
+ lockClass: `${pfx}-lock`,
+ horizontalClass: `${pfx}-horizontal`,
+ verticalClass: `${pfx}-vertical`,
+ },
+ });
+ swiper.pagination = {
+ el: null,
+ $el: null,
+ bullets: [],
+ };
+ let bulletSize;
+ let dynamicBulletIndex = 0;
+
+ function isPaginationDisabled() {
+ return (
+ !swiper.params.pagination.el ||
+ !swiper.pagination.el ||
+ !swiper.pagination.$el ||
+ swiper.pagination.$el.length === 0
+ );
+ }
+
+ function setSideBullets($bulletEl, position) {
+ const { bulletActiveClass } = swiper.params.pagination;
+ $bulletEl[position]()
+ .addClass(`${bulletActiveClass}-${position}`)
+ [position]()
+ .addClass(`${bulletActiveClass}-${position}-${position}`);
+ }
+
+ function update() {
+ // Render || Update Pagination bullets/items
+ const rtl = swiper.rtl;
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el; // Current/Total
+
+ let current;
+ const total = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (swiper.params.loop) {
+ current = Math.ceil(
+ (swiper.activeIndex - swiper.loopedSlides) /
+ swiper.params.slidesPerGroup,
+ );
+
+ if (current > slidesLength - 1 - swiper.loopedSlides * 2) {
+ current -= slidesLength - swiper.loopedSlides * 2;
+ }
+
+ if (current > total - 1) current -= total;
+ if (current < 0 && swiper.params.paginationType !== "bullets")
+ current = total + current;
+ } else if (typeof swiper.snapIndex !== "undefined") {
+ current = swiper.snapIndex;
+ } else {
+ current = swiper.activeIndex || 0;
+ } // Types
+
+ if (
+ params.type === "bullets" &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length > 0
+ ) {
+ const bullets = swiper.pagination.bullets;
+ let firstIndex;
+ let lastIndex;
+ let midIndex;
+
+ if (params.dynamicBullets) {
+ bulletSize = bullets
+ .eq(0)
+ [swiper.isHorizontal() ? "outerWidth" : "outerHeight"](true);
+ $el.css(
+ swiper.isHorizontal() ? "width" : "height",
+ `${bulletSize * (params.dynamicMainBullets + 4)}px`,
+ );
+
+ if (
+ params.dynamicMainBullets > 1 &&
+ swiper.previousIndex !== undefined
+ ) {
+ dynamicBulletIndex +=
+ current - (swiper.previousIndex - swiper.loopedSlides || 0);
+
+ if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
+ dynamicBulletIndex = params.dynamicMainBullets - 1;
+ } else if (dynamicBulletIndex < 0) {
+ dynamicBulletIndex = 0;
+ }
+ }
+
+ firstIndex = Math.max(current - dynamicBulletIndex, 0);
+ lastIndex =
+ firstIndex +
+ (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+
+ bullets.removeClass(
+ ["", "-next", "-next-next", "-prev", "-prev-prev", "-main"]
+ .map((suffix) => `${params.bulletActiveClass}${suffix}`)
+ .join(" "),
+ );
+
+ if ($el.length > 1) {
+ bullets.each((bullet) => {
+ const $bullet = $(bullet);
+ const bulletIndex = $bullet.index();
+
+ if (bulletIndex === current) {
+ $bullet.addClass(params.bulletActiveClass);
+ }
+
+ if (params.dynamicBullets) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ $bullet.addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (bulletIndex === firstIndex) {
+ setSideBullets($bullet, "prev");
+ }
+
+ if (bulletIndex === lastIndex) {
+ setSideBullets($bullet, "next");
+ }
+ }
+ });
+ } else {
+ const $bullet = bullets.eq(current);
+ const bulletIndex = $bullet.index();
+ $bullet.addClass(params.bulletActiveClass);
+
+ if (params.dynamicBullets) {
+ const $firstDisplayedBullet = bullets.eq(firstIndex);
+ const $lastDisplayedBullet = bullets.eq(lastIndex);
+
+ for (let i = firstIndex; i <= lastIndex; i += 1) {
+ bullets.eq(i).addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (swiper.params.loop) {
+ if (bulletIndex >= bullets.length) {
+ for (let i = params.dynamicMainBullets; i >= 0; i -= 1) {
+ bullets
+ .eq(bullets.length - i)
+ .addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ bullets
+ .eq(bullets.length - params.dynamicMainBullets - 1)
+ .addClass(`${params.bulletActiveClass}-prev`);
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ }
+ }
+
+ if (params.dynamicBullets) {
+ const dynamicBulletsLength = Math.min(
+ bullets.length,
+ params.dynamicMainBullets + 4,
+ );
+ const bulletsOffset =
+ (bulletSize * dynamicBulletsLength - bulletSize) / 2 -
+ midIndex * bulletSize;
+ const offsetProp = rtl ? "right" : "left";
+ bullets.css(
+ swiper.isHorizontal() ? offsetProp : "top",
+ `${bulletsOffset}px`,
+ );
+ }
+ }
+
+ if (params.type === "fraction") {
+ $el
+ .find(classesToSelector(params.currentClass))
+ .text(params.formatFractionCurrent(current + 1));
+ $el
+ .find(classesToSelector(params.totalClass))
+ .text(params.formatFractionTotal(total));
+ }
+
+ if (params.type === "progressbar") {
+ let progressbarDirection;
+
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal()
+ ? "vertical"
+ : "horizontal";
+ } else {
+ progressbarDirection = swiper.isHorizontal()
+ ? "horizontal"
+ : "vertical";
+ }
+
+ const scale = (current + 1) / total;
+ let scaleX = 1;
+ let scaleY = 1;
+
+ if (progressbarDirection === "horizontal") {
+ scaleX = scale;
+ } else {
+ scaleY = scale;
+ }
+
+ $el
+ .find(classesToSelector(params.progressbarFillClass))
+ .transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`)
+ .transition(swiper.params.speed);
+ }
+
+ if (params.type === "custom" && params.renderCustom) {
+ $el.html(params.renderCustom(swiper, current + 1, total));
+ emit("paginationRender", $el[0]);
+ } else {
+ emit("paginationUpdate", $el[0]);
+ }
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+
+ function render() {
+ // Render Container
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el;
+ let paginationHTML = "";
+
+ if (params.type === "bullets") {
+ let numberOfBullets = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.loop &&
+ numberOfBullets > slidesLength
+ ) {
+ numberOfBullets = slidesLength;
+ }
+
+ for (let i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(
+ swiper,
+ i,
+ params.bulletClass,
+ );
+ } else {
+ paginationHTML += `<${params.bulletElement} class="${params.bulletClass}">`;
+ }
+ }
+
+ $el.html(paginationHTML);
+ swiper.pagination.bullets = $el.find(
+ classesToSelector(params.bulletClass),
+ );
+ }
+
+ if (params.type === "fraction") {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(
+ swiper,
+ params.currentClass,
+ params.totalClass,
+ );
+ } else {
+ paginationHTML =
+ `
`);
+ $el.append($dragEl);
+ }
+
+ Object.assign(scrollbar, {
+ $el,
+ el: $el[0],
+ $dragEl,
+ dragEl: $dragEl[0],
+ });
+
+ if (params.draggable) {
+ enableDraggable();
+ }
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ }
+
+ function destroy() {
+ disableDraggable();
+ }
+
+ on("init", () => {
+ init();
+ updateSize();
+ setTranslate();
+ });
+ on("update resize observerUpdate lock unlock", () => {
+ updateSize();
+ });
+ on("setTranslate", () => {
+ setTranslate();
+ });
+ on("setTransition", (_s, duration) => {
+ setTransition(duration);
+ });
+ on("enable disable", () => {
+ const { $el } = swiper.scrollbar;
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ Object.assign(swiper.scrollbar, {
+ updateSize,
+ setTranslate,
+ init,
+ destroy,
+ });
+ }
+
+ function Parallax(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ parallax: {
+ enabled: false,
+ },
+ });
+
+ const setTransform = (el, progress) => {
+ const { rtl } = swiper;
+ const $el = $(el);
+ const rtlFactor = rtl ? -1 : 1;
+ const p = $el.attr("data-swiper-parallax") || "0";
+ let x = $el.attr("data-swiper-parallax-x");
+ let y = $el.attr("data-swiper-parallax-y");
+ const scale = $el.attr("data-swiper-parallax-scale");
+ const opacity = $el.attr("data-swiper-parallax-opacity");
+
+ if (x || y) {
+ x = x || "0";
+ y = y || "0";
+ } else if (swiper.isHorizontal()) {
+ x = p;
+ y = "0";
+ } else {
+ y = p;
+ x = "0";
+ }
+
+ if (x.indexOf("%") >= 0) {
+ x = `${parseInt(x, 10) * progress * rtlFactor}%`;
+ } else {
+ x = `${x * progress * rtlFactor}px`;
+ }
+
+ if (y.indexOf("%") >= 0) {
+ y = `${parseInt(y, 10) * progress}%`;
+ } else {
+ y = `${y * progress}px`;
+ }
+
+ if (typeof opacity !== "undefined" && opacity !== null) {
+ const currentOpacity =
+ opacity - (opacity - 1) * (1 - Math.abs(progress));
+ $el[0].style.opacity = currentOpacity;
+ }
+
+ if (typeof scale === "undefined" || scale === null) {
+ $el.transform(`translate3d(${x}, ${y}, 0px)`);
+ } else {
+ const currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
+ $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
+ }
+ };
+
+ const setTranslate = () => {
+ const { $el, slides, progress, snapGrid } = swiper;
+ $el
+ .children(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, progress);
+ });
+ slides.each((slideEl, slideIndex) => {
+ let slideProgress = slideEl.progress;
+
+ if (
+ swiper.params.slidesPerGroup > 1 &&
+ swiper.params.slidesPerView !== "auto"
+ ) {
+ slideProgress +=
+ Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
+ }
+
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ $(slideEl)
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, slideProgress);
+ });
+ });
+ };
+
+ const setTransition = function (duration) {
+ if (duration === void 0) {
+ duration = swiper.params.speed;
+ }
+
+ const { $el } = swiper;
+ $el
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((parallaxEl) => {
+ const $parallaxEl = $(parallaxEl);
+ let parallaxDuration =
+ parseInt($parallaxEl.attr("data-swiper-parallax-duration"), 10) ||
+ duration;
+ if (duration === 0) parallaxDuration = 0;
+ $parallaxEl.transition(parallaxDuration);
+ });
+ };
+
+ on("beforeInit", () => {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ });
+ on("init", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTransition", (_swiper, duration) => {
+ if (!swiper.params.parallax.enabled) return;
+ setTransition(duration);
+ });
+ }
+
+ function Zoom(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ zoom: {
+ enabled: false,
+ maxRatio: 3,
+ minRatio: 1,
+ toggle: true,
+ containerClass: "swiper-zoom-container",
+ zoomedSlideClass: "swiper-slide-zoomed",
+ },
+ });
+ swiper.zoom = {
+ enabled: false,
+ };
+ let currentScale = 1;
+ let isScaling = false;
+ let gesturesEnabled;
+ let fakeGestureTouched;
+ let fakeGestureMoved;
+ const gesture = {
+ $slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ $imageEl: undefined,
+ $imageWrapEl: undefined,
+ maxRatio: 3,
+ };
+ const image = {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {},
+ };
+ const velocity = {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined,
+ };
+ let scale = 1;
+ Object.defineProperty(swiper.zoom, "scale", {
+ get() {
+ return scale;
+ },
+
+ set(value) {
+ if (scale !== value) {
+ const imageEl = gesture.$imageEl ? gesture.$imageEl[0] : undefined;
+ const slideEl = gesture.$slideEl ? gesture.$slideEl[0] : undefined;
+ emit("zoomChange", value, imageEl, slideEl);
+ }
+
+ scale = value;
+ },
+ });
+
+ function getDistanceBetweenTouches(e) {
+ if (e.targetTouches.length < 2) return 1;
+ const x1 = e.targetTouches[0].pageX;
+ const y1 = e.targetTouches[0].pageY;
+ const x2 = e.targetTouches[1].pageX;
+ const y2 = e.targetTouches[1].pageY;
+ const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
+ return distance;
+ } // Events
+
+ function onGestureStart(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchstart" ||
+ (e.type === "touchstart" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = true;
+ gesture.scaleStart = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$slideEl || !gesture.$slideEl.length) {
+ gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`);
+ if (gesture.$slideEl.length === 0)
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ gesture.maxRatio =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (gesture.$imageWrapEl.length === 0) {
+ gesture.$imageEl = undefined;
+ return;
+ }
+ }
+
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transition(0);
+ }
+
+ isScaling = true;
+ }
+
+ function onGestureChange(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchmove" ||
+ (e.type === "touchmove" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureMoved = true;
+ gesture.scaleMove = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) {
+ if (e.type === "gesturechange") onGestureStart(e);
+ return;
+ }
+
+ if (support.gestures) {
+ zoom.scale = e.scale * currentScale;
+ } else {
+ zoom.scale = (gesture.scaleMove / gesture.scaleStart) * currentScale;
+ }
+
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale =
+ gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5;
+ }
+
+ if (zoom.scale < params.minRatio) {
+ zoom.scale =
+ params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5;
+ }
+
+ gesture.$imageEl.transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function onGestureEnd(e) {
+ const device = swiper.device;
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (!fakeGestureTouched || !fakeGestureMoved) {
+ return;
+ }
+
+ if (
+ e.type !== "touchend" ||
+ (e.type === "touchend" &&
+ e.changedTouches.length < 2 &&
+ !device.android)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ zoom.scale = Math.max(
+ Math.min(zoom.scale, gesture.maxRatio),
+ params.minRatio,
+ );
+ gesture.$imageEl
+ .transition(swiper.params.speed)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ currentScale = zoom.scale;
+ isScaling = false;
+ if (zoom.scale === 1) gesture.$slideEl = undefined;
+ }
+
+ function onTouchStart(e) {
+ const device = swiper.device;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ if (image.isTouched) return;
+ if (device.android && e.cancelable) e.preventDefault();
+ image.isTouched = true;
+ image.touchesStart.x =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesStart.y =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ }
+
+ function onTouchMove(e) {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ swiper.allowClick = false;
+ if (!image.isTouched || !gesture.$slideEl) return;
+
+ if (!image.isMoved) {
+ image.width = gesture.$imageEl[0].offsetWidth;
+ image.height = gesture.$imageEl[0].offsetHeight;
+ image.startX = getTranslate(gesture.$imageWrapEl[0], "x") || 0;
+ image.startY = getTranslate(gesture.$imageWrapEl[0], "y") || 0;
+ gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
+ gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
+ gesture.$imageWrapEl.transition(0);
+ } // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ if (
+ scaledWidth < gesture.slideWidth &&
+ scaledHeight < gesture.slideHeight
+ )
+ return;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.touchesCurrent.x =
+ e.type === "touchmove" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesCurrent.y =
+ e.type === "touchmove" ? e.targetTouches[0].pageY : e.pageY;
+
+ if (!image.isMoved && !isScaling) {
+ if (
+ swiper.isHorizontal() &&
+ ((Math.floor(image.minX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x < image.touchesStart.x) ||
+ (Math.floor(image.maxX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x > image.touchesStart.x))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+
+ if (
+ !swiper.isHorizontal() &&
+ ((Math.floor(image.minY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y < image.touchesStart.y) ||
+ (Math.floor(image.maxY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y > image.touchesStart.y))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+ }
+
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+
+ e.stopPropagation();
+ image.isMoved = true;
+ image.currentX =
+ image.touchesCurrent.x - image.touchesStart.x + image.startX;
+ image.currentY =
+ image.touchesCurrent.y - image.touchesStart.y + image.startY;
+
+ if (image.currentX < image.minX) {
+ image.currentX =
+ image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8;
+ }
+
+ if (image.currentX > image.maxX) {
+ image.currentX =
+ image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8;
+ }
+
+ if (image.currentY < image.minY) {
+ image.currentY =
+ image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8;
+ }
+
+ if (image.currentY > image.maxY) {
+ image.currentY =
+ image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
+ } // Velocity
+
+ if (!velocity.prevPositionX)
+ velocity.prevPositionX = image.touchesCurrent.x;
+ if (!velocity.prevPositionY)
+ velocity.prevPositionY = image.touchesCurrent.y;
+ if (!velocity.prevTime) velocity.prevTime = Date.now();
+ velocity.x =
+ (image.touchesCurrent.x - velocity.prevPositionX) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ velocity.y =
+ (image.touchesCurrent.y - velocity.prevPositionY) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2)
+ velocity.x = 0;
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2)
+ velocity.y = 0;
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+ gesture.$imageWrapEl.transform(
+ `translate3d(${image.currentX}px, ${image.currentY}px,0)`,
+ );
+ }
+
+ function onTouchEnd() {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+
+ image.isTouched = false;
+ image.isMoved = false;
+ let momentumDurationX = 300;
+ let momentumDurationY = 300;
+ const momentumDistanceX = velocity.x * momentumDurationX;
+ const newPositionX = image.currentX + momentumDistanceX;
+ const momentumDistanceY = velocity.y * momentumDurationY;
+ const newPositionY = image.currentY + momentumDistanceY; // Fix duration
+
+ if (velocity.x !== 0)
+ momentumDurationX = Math.abs(
+ (newPositionX - image.currentX) / velocity.x,
+ );
+ if (velocity.y !== 0)
+ momentumDurationY = Math.abs(
+ (newPositionY - image.currentY) / velocity.y,
+ );
+ const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+ image.currentX = newPositionX;
+ image.currentY = newPositionY; // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(
+ Math.min(image.currentX, image.maxX),
+ image.minX,
+ );
+ image.currentY = Math.max(
+ Math.min(image.currentY, image.maxY),
+ image.minY,
+ );
+ gesture.$imageWrapEl
+ .transition(momentumDuration)
+ .transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`);
+ }
+
+ function onTransitionEnd() {
+ const zoom = swiper.zoom;
+
+ if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transform("translate3d(0,0,0) scale(1)");
+ }
+
+ if (gesture.$imageWrapEl) {
+ gesture.$imageWrapEl.transform("translate3d(0,0,0)");
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$slideEl = undefined;
+ gesture.$imageEl = undefined;
+ gesture.$imageWrapEl = undefined;
+ }
+ }
+
+ function zoomIn(e) {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (e && e.target) {
+ gesture.$slideEl = $(e.target).closest(
+ `.${swiper.params.slideClass}`,
+ );
+ }
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.touchAction = "none";
+ }
+
+ gesture.$slideEl.addClass(`${params.zoomedSlideClass}`);
+ let touchX;
+ let touchY;
+ let offsetX;
+ let offsetY;
+ let diffX;
+ let diffY;
+ let translateX;
+ let translateY;
+ let imageWidth;
+ let imageHeight;
+ let scaledWidth;
+ let scaledHeight;
+ let translateMinX;
+ let translateMinY;
+ let translateMaxX;
+ let translateMaxY;
+ let slideWidth;
+ let slideHeight;
+
+ if (typeof image.touchesStart.x === "undefined" && e) {
+ touchX = e.type === "touchend" ? e.changedTouches[0].pageX : e.pageX;
+ touchY = e.type === "touchend" ? e.changedTouches[0].pageY : e.pageY;
+ } else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+
+ zoom.scale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+ currentScale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (e) {
+ slideWidth = gesture.$slideEl[0].offsetWidth;
+ slideHeight = gesture.$slideEl[0].offsetHeight;
+ offsetX = gesture.$slideEl.offset().left + window.scrollX;
+ offsetY = gesture.$slideEl.offset().top + window.scrollY;
+ diffX = offsetX + slideWidth / 2 - touchX;
+ diffY = offsetY + slideHeight / 2 - touchY;
+ imageWidth = gesture.$imageEl[0].offsetWidth;
+ imageHeight = gesture.$imageEl[0].offsetHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+ translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ } else {
+ translateX = 0;
+ translateY = 0;
+ }
+
+ gesture.$imageWrapEl
+ .transition(300)
+ .transform(`translate3d(${translateX}px, ${translateY}px,0)`);
+ gesture.$imageEl
+ .transition(300)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function zoomOut() {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.style.touchAction = "";
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$imageWrapEl.transition(300).transform("translate3d(0,0,0)");
+ gesture.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)");
+ gesture.$slideEl.removeClass(`${params.zoomedSlideClass}`);
+ gesture.$slideEl = undefined;
+ } // Toggle Zoom
+
+ function zoomToggle(e) {
+ const zoom = swiper.zoom;
+
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoomOut();
+ } else {
+ // Zoom In
+ zoomIn(e);
+ }
+ }
+
+ function getListeners() {
+ const support = swiper.support;
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ const activeListenerWithCapture = support.passiveListener
+ ? {
+ passive: false,
+ capture: true,
+ }
+ : true;
+ return {
+ passiveListener,
+ activeListenerWithCapture,
+ };
+ }
+
+ function getSlideSelector() {
+ return `.${swiper.params.slideClass}`;
+ }
+
+ function toggleGestures(method) {
+ const { passiveListener } = getListeners();
+ const slideSelector = getSlideSelector();
+ swiper.$wrapperEl[method](
+ "gesturestart",
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gesturechange",
+ slideSelector,
+ onGestureChange,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gestureend",
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+
+ function enableGestures() {
+ if (gesturesEnabled) return;
+ gesturesEnabled = true;
+ toggleGestures("on");
+ }
+
+ function disableGestures() {
+ if (!gesturesEnabled) return;
+ gesturesEnabled = false;
+ toggleGestures("off");
+ } // Attach/Detach Events
+
+ function enable() {
+ const zoom = swiper.zoom;
+ if (zoom.enabled) return;
+ zoom.enabled = true;
+ const support = swiper.support;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ function disable() {
+ const zoom = swiper.zoom;
+ if (!zoom.enabled) return;
+ const support = swiper.support;
+ zoom.enabled = false;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ on("init", () => {
+ if (swiper.params.zoom.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ disable();
+ });
+ on("touchStart", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchStart(e);
+ });
+ on("touchEnd", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchEnd();
+ });
+ on("doubleTap", (_s, e) => {
+ if (
+ !swiper.animating &&
+ swiper.params.zoom.enabled &&
+ swiper.zoom.enabled &&
+ swiper.params.zoom.toggle
+ ) {
+ zoomToggle(e);
+ }
+ });
+ on("transitionEnd", () => {
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
+ onTransitionEnd();
+ }
+ });
+ on("slideChange", () => {
+ if (
+ swiper.zoom.enabled &&
+ swiper.params.zoom.enabled &&
+ swiper.params.cssMode
+ ) {
+ onTransitionEnd();
+ }
+ });
+ Object.assign(swiper.zoom, {
+ enable,
+ disable,
+ in: zoomIn,
+ out: zoomOut,
+ toggle: zoomToggle,
+ });
+ }
+
+ function Lazy(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ lazy: {
+ checkInView: false,
+ enabled: false,
+ loadPrevNext: false,
+ loadPrevNextAmount: 1,
+ loadOnTransitionStart: false,
+ scrollingElement: "",
+ elementClass: "swiper-lazy",
+ loadingClass: "swiper-lazy-loading",
+ loadedClass: "swiper-lazy-loaded",
+ preloaderClass: "swiper-lazy-preloader",
+ },
+ });
+ swiper.lazy = {};
+ let scrollHandlerAttached = false;
+ let initialImageLoaded = false;
+
+ function loadInSlide(index, loadInDuplicate) {
+ if (loadInDuplicate === void 0) {
+ loadInDuplicate = true;
+ }
+
+ const params = swiper.params.lazy;
+ if (typeof index === "undefined") return;
+ if (swiper.slides.length === 0) return;
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ const $slideEl = isVirtual
+ ? swiper.$wrapperEl.children(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`,
+ )
+ : swiper.slides.eq(index);
+ const $images = $slideEl.find(
+ `.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`,
+ );
+
+ if (
+ $slideEl.hasClass(params.elementClass) &&
+ !$slideEl.hasClass(params.loadedClass) &&
+ !$slideEl.hasClass(params.loadingClass)
+ ) {
+ $images.push($slideEl[0]);
+ }
+
+ if ($images.length === 0) return;
+ $images.each((imageEl) => {
+ const $imageEl = $(imageEl);
+ $imageEl.addClass(params.loadingClass);
+ const background = $imageEl.attr("data-background");
+ const src = $imageEl.attr("data-src");
+ const srcset = $imageEl.attr("data-srcset");
+ const sizes = $imageEl.attr("data-sizes");
+ const $pictureEl = $imageEl.parent("picture");
+ swiper.loadImage(
+ $imageEl[0],
+ src || background,
+ srcset,
+ sizes,
+ false,
+ () => {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ (swiper && !swiper.params) ||
+ swiper.destroyed
+ )
+ return;
+
+ if (background) {
+ $imageEl.css("background-image", `url("${background}")`);
+ $imageEl.removeAttr("data-background");
+ } else {
+ if (srcset) {
+ $imageEl.attr("srcset", srcset);
+ $imageEl.removeAttr("data-srcset");
+ }
+
+ if (sizes) {
+ $imageEl.attr("sizes", sizes);
+ $imageEl.removeAttr("data-sizes");
+ }
+
+ if ($pictureEl.length) {
+ $pictureEl.children("source").each((sourceEl) => {
+ const $source = $(sourceEl);
+
+ if ($source.attr("data-srcset")) {
+ $source.attr("srcset", $source.attr("data-srcset"));
+ $source.removeAttr("data-srcset");
+ }
+ });
+ }
+
+ if (src) {
+ $imageEl.attr("src", src);
+ $imageEl.removeAttr("data-src");
+ }
+ }
+
+ $imageEl
+ .addClass(params.loadedClass)
+ .removeClass(params.loadingClass);
+ $slideEl.find(`.${params.preloaderClass}`).remove();
+
+ if (swiper.params.loop && loadInDuplicate) {
+ const slideOriginalIndex = $slideEl.attr(
+ "data-swiper-slide-index",
+ );
+
+ if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
+ const originalSlide = swiper.$wrapperEl.children(
+ `[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`,
+ );
+ loadInSlide(originalSlide.index(), false);
+ } else {
+ const duplicatedSlide = swiper.$wrapperEl.children(
+ `.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`,
+ );
+ loadInSlide(duplicatedSlide.index(), false);
+ }
+ }
+
+ emit("lazyImageReady", $slideEl[0], $imageEl[0]);
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ },
+ );
+ emit("lazyImageLoad", $slideEl[0], $imageEl[0]);
+ });
+ }
+
+ function load() {
+ const { $wrapperEl, params: swiperParams, slides, activeIndex } = swiper;
+ const isVirtual = swiper.virtual && swiperParams.virtual.enabled;
+ const params = swiperParams.lazy;
+ let slidesPerView = swiperParams.slidesPerView;
+
+ if (slidesPerView === "auto") {
+ slidesPerView = 0;
+ }
+
+ function slideExist(index) {
+ if (isVirtual) {
+ if (
+ $wrapperEl.children(
+ `.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`,
+ ).length
+ ) {
+ return true;
+ }
+ } else if (slides[index]) return true;
+
+ return false;
+ }
+
+ function slideIndex(slideEl) {
+ if (isVirtual) {
+ return $(slideEl).attr("data-swiper-slide-index");
+ }
+
+ return $(slideEl).index();
+ }
+
+ if (!initialImageLoaded) initialImageLoaded = true;
+
+ if (swiper.params.watchSlidesProgress) {
+ $wrapperEl
+ .children(`.${swiperParams.slideVisibleClass}`)
+ .each((slideEl) => {
+ const index = isVirtual
+ ? $(slideEl).attr("data-swiper-slide-index")
+ : $(slideEl).index();
+ loadInSlide(index);
+ });
+ } else if (slidesPerView > 1) {
+ for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ loadInSlide(activeIndex);
+ }
+
+ if (params.loadPrevNext) {
+ if (
+ slidesPerView > 1 ||
+ (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)
+ ) {
+ const amount = params.loadPrevNextAmount;
+ const spv = slidesPerView;
+ const maxIndex = Math.min(
+ activeIndex + spv + Math.max(amount, spv),
+ slides.length,
+ );
+ const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
+
+ for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ } // Prev Slides
+
+ for (let i = minIndex; i < activeIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ const nextSlide = $wrapperEl.children(
+ `.${swiperParams.slideNextClass}`,
+ );
+ if (nextSlide.length > 0) loadInSlide(slideIndex(nextSlide));
+ const prevSlide = $wrapperEl.children(
+ `.${swiperParams.slidePrevClass}`,
+ );
+ if (prevSlide.length > 0) loadInSlide(slideIndex(prevSlide));
+ }
+ }
+ }
+
+ function checkInViewOnLoad() {
+ const window = getWindow();
+ if (!swiper || swiper.destroyed) return;
+ const $scrollElement = swiper.params.lazy.scrollingElement
+ ? $(swiper.params.lazy.scrollingElement)
+ : $(window);
+ const isWindow = $scrollElement[0] === window;
+ const scrollElementWidth = isWindow
+ ? window.innerWidth
+ : $scrollElement[0].offsetWidth;
+ const scrollElementHeight = isWindow
+ ? window.innerHeight
+ : $scrollElement[0].offsetHeight;
+ const swiperOffset = swiper.$el.offset();
+ const { rtlTranslate: rtl } = swiper;
+ let inView = false;
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiper.width, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiper.height],
+ [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= scrollElementWidth &&
+ point[1] >= 0 &&
+ point[1] <= scrollElementHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ swiper.support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+
+ if (inView) {
+ load();
+ $scrollElement.off("scroll", checkInViewOnLoad, passiveListener);
+ } else if (!scrollHandlerAttached) {
+ scrollHandlerAttached = true;
+ $scrollElement.on("scroll", checkInViewOnLoad, passiveListener);
+ }
+ }
+
+ on("beforeInit", () => {
+ if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
+ swiper.params.preloadImages = false;
+ }
+ });
+ on("init", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("scroll", () => {
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.freeMode.sticky
+ ) {
+ load();
+ }
+ });
+ on("scrollbarDragMove resize _freeModeNoMomentumRelease", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("transitionStart", () => {
+ if (swiper.params.lazy.enabled) {
+ if (
+ swiper.params.lazy.loadOnTransitionStart ||
+ (!swiper.params.lazy.loadOnTransitionStart && !initialImageLoaded)
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ }
+ });
+ on("transitionEnd", () => {
+ if (
+ swiper.params.lazy.enabled &&
+ !swiper.params.lazy.loadOnTransitionStart
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("slideChange", () => {
+ const {
+ lazy,
+ cssMode,
+ watchSlidesProgress,
+ touchReleaseOnEdges,
+ resistanceRatio,
+ } = swiper.params;
+
+ if (
+ lazy.enabled &&
+ (cssMode ||
+ (watchSlidesProgress &&
+ (touchReleaseOnEdges || resistanceRatio === 0)))
+ ) {
+ load();
+ }
+ });
+ Object.assign(swiper.lazy, {
+ load,
+ loadInSlide,
+ });
+ }
+
+ /* eslint no-bitwise: ["error", { "allow": [">>"] }] */
+ function Controller(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: "slide", // or 'container'
+ },
+ });
+ swiper.controller = {
+ control: undefined,
+ };
+
+ function LinearSpline(x, y) {
+ const binarySearch = (function search() {
+ let maxIndex;
+ let minIndex;
+ let guess;
+ return (array, val) => {
+ minIndex = -1;
+ maxIndex = array.length;
+
+ while (maxIndex - minIndex > 1) {
+ guess = (maxIndex + minIndex) >> 1;
+
+ if (array[guess] <= val) {
+ minIndex = guess;
+ } else {
+ maxIndex = guess;
+ }
+ }
+
+ return maxIndex;
+ };
+ })();
+
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:
+ // (x1,y1) is the known point before given value,
+ // (x3,y3) is the known point after given value.
+
+ let i1;
+ let i3;
+
+ this.interpolate = function interpolate(x2) {
+ if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+
+ i3 = binarySearch(this.x, x2);
+ i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:
+ // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+
+ return (
+ ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) /
+ (this.x[i3] - this.x[i1]) +
+ this.y[i1]
+ );
+ };
+
+ return this;
+ } // xxx: for now i will just save one spline function to to
+
+ function getInterpolateFunction(c) {
+ if (!swiper.controller.spline) {
+ swiper.controller.spline = swiper.params.loop
+ ? new LinearSpline(swiper.slidesGrid, c.slidesGrid)
+ : new LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ }
+
+ function setTranslate(_t, byController) {
+ const controlled = swiper.controller.control;
+ let multiplier;
+ let controlledTranslate;
+ const Swiper = swiper.constructor;
+
+ function setControlledTranslate(c) {
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ const translate = swiper.rtlTranslate
+ ? -swiper.translate
+ : swiper.translate;
+
+ if (swiper.params.controller.by === "slide") {
+ getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+ // but it did not work out
+
+ controlledTranslate =
+ -swiper.controller.spline.interpolate(-translate);
+ }
+
+ if (
+ !controlledTranslate ||
+ swiper.params.controller.by === "container"
+ ) {
+ multiplier =
+ (c.maxTranslate() - c.minTranslate()) /
+ (swiper.maxTranslate() - swiper.minTranslate());
+ controlledTranslate =
+ (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
+ }
+
+ if (swiper.params.controller.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+
+ if (Array.isArray(controlled)) {
+ for (let i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTranslate(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
+ }
+
+ function setTransition(duration, byController) {
+ const Swiper = swiper.constructor;
+ const controlled = swiper.controller.control;
+ let i;
+
+ function setControlledTransition(c) {
+ c.setTransition(duration, swiper);
+
+ if (duration !== 0) {
+ c.transitionStart();
+
+ if (c.params.autoHeight) {
+ nextTick(() => {
+ c.updateAutoHeight();
+ });
+ }
+
+ c.$wrapperEl.transitionEnd(() => {
+ if (!controlled) return;
+
+ if (c.params.loop && swiper.params.controller.by === "slide") {
+ c.loopFix();
+ }
+
+ c.transitionEnd();
+ });
+ }
+ }
+
+ if (Array.isArray(controlled)) {
+ for (i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTransition(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
+ }
+
+ function removeSpline() {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ }
+
+ on("beforeInit", () => {
+ swiper.controller.control = swiper.params.controller.control;
+ });
+ on("update", () => {
+ removeSpline();
+ });
+ on("resize", () => {
+ removeSpline();
+ });
+ on("observerUpdate", () => {
+ removeSpline();
+ });
+ on("setTranslate", (_s, translate, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTranslate(translate, byController);
+ });
+ on("setTransition", (_s, duration, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTransition(duration, byController);
+ });
+ Object.assign(swiper.controller, {
+ setTranslate,
+ setTransition,
+ });
+ }
+
+ function A11y(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ a11y: {
+ enabled: true,
+ notificationClass: "swiper-notification",
+ prevSlideMessage: "Previous slide",
+ nextSlideMessage: "Next slide",
+ firstSlideMessage: "This is the first slide",
+ lastSlideMessage: "This is the last slide",
+ paginationBulletMessage: "Go to slide {{index}}",
+ slideLabelMessage: "{{index}} / {{slidesLength}}",
+ containerMessage: null,
+ containerRoleDescriptionMessage: null,
+ itemRoleDescriptionMessage: null,
+ slideRole: "group",
+ },
+ });
+ let liveRegion = null;
+
+ function notify(message) {
+ const notification = liveRegion;
+ if (notification.length === 0) return;
+ notification.html("");
+ notification.html(message);
+ }
+
+ function getRandomNumber(size) {
+ if (size === void 0) {
+ size = 16;
+ }
+
+ const randomChar = () => Math.round(16 * Math.random()).toString(16);
+
+ return "x".repeat(size).replace(/x/g, randomChar);
+ }
+
+ function makeElFocusable($el) {
+ $el.attr("tabIndex", "0");
+ }
+
+ function makeElNotFocusable($el) {
+ $el.attr("tabIndex", "-1");
+ }
+
+ function addElRole($el, role) {
+ $el.attr("role", role);
+ }
+
+ function addElRoleDescription($el, description) {
+ $el.attr("aria-roledescription", description);
+ }
+
+ function addElControls($el, controls) {
+ $el.attr("aria-controls", controls);
+ }
+
+ function addElLabel($el, label) {
+ $el.attr("aria-label", label);
+ }
+
+ function addElId($el, id) {
+ $el.attr("id", id);
+ }
+
+ function addElLive($el, live) {
+ $el.attr("aria-live", live);
+ }
+
+ function disableEl($el) {
+ $el.attr("aria-disabled", true);
+ }
+
+ function enableEl($el) {
+ $el.attr("aria-disabled", false);
+ }
+
+ function onEnterOrSpaceKey(e) {
+ if (e.keyCode !== 13 && e.keyCode !== 32) return;
+ const params = swiper.params.a11y;
+ const $targetEl = $(e.target);
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$nextEl &&
+ $targetEl.is(swiper.navigation.$nextEl)
+ ) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+
+ if (swiper.isEnd) {
+ notify(params.lastSlideMessage);
+ } else {
+ notify(params.nextSlideMessage);
+ }
+ }
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$prevEl &&
+ $targetEl.is(swiper.navigation.$prevEl)
+ ) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+
+ if (swiper.isBeginning) {
+ notify(params.firstSlideMessage);
+ } else {
+ notify(params.prevSlideMessage);
+ }
+ }
+
+ if (
+ swiper.pagination &&
+ $targetEl.is(classesToSelector(swiper.params.pagination.bulletClass))
+ ) {
+ $targetEl[0].click();
+ }
+ }
+
+ function updateNavigation() {
+ if (swiper.params.loop || swiper.params.rewind || !swiper.navigation)
+ return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ disableEl($prevEl);
+ makeElNotFocusable($prevEl);
+ } else {
+ enableEl($prevEl);
+ makeElFocusable($prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ disableEl($nextEl);
+ makeElNotFocusable($nextEl);
+ } else {
+ enableEl($nextEl);
+ makeElFocusable($nextEl);
+ }
+ }
+ }
+
+ function hasPagination() {
+ return (
+ swiper.pagination &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length
+ );
+ }
+
+ function hasClickablePagination() {
+ return hasPagination() && swiper.params.pagination.clickable;
+ }
+
+ function updatePagination() {
+ const params = swiper.params.a11y;
+ if (!hasPagination()) return;
+ swiper.pagination.bullets.each((bulletEl) => {
+ const $bulletEl = $(bulletEl);
+
+ if (swiper.params.pagination.clickable) {
+ makeElFocusable($bulletEl);
+
+ if (!swiper.params.pagination.renderBullet) {
+ addElRole($bulletEl, "button");
+ addElLabel(
+ $bulletEl,
+ params.paginationBulletMessage.replace(
+ /\{\{index\}\}/,
+ $bulletEl.index() + 1,
+ ),
+ );
+ }
+ }
+
+ if ($bulletEl.is(`.${swiper.params.pagination.bulletActiveClass}`)) {
+ $bulletEl.attr("aria-current", "true");
+ } else {
+ $bulletEl.removeAttr("aria-current");
+ }
+ });
+ }
+
+ const initNavEl = ($el, wrapperId, message) => {
+ makeElFocusable($el);
+
+ if ($el[0].tagName !== "BUTTON") {
+ addElRole($el, "button");
+ $el.on("keydown", onEnterOrSpaceKey);
+ }
+
+ addElLabel($el, message);
+ addElControls($el, wrapperId);
+ };
+
+ const handleFocus = (e) => {
+ const slideEl = e.target.closest(`.${swiper.params.slideClass}`);
+ if (!slideEl || !swiper.slides.includes(slideEl)) return;
+ const isActive = swiper.slides.indexOf(slideEl) === swiper.activeIndex;
+ const isVisible =
+ swiper.params.watchSlidesProgress &&
+ swiper.visibleSlides &&
+ swiper.visibleSlides.includes(slideEl);
+ if (isActive || isVisible) return;
+ swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
+ };
+
+ function init() {
+ const params = swiper.params.a11y;
+ swiper.$el.append(liveRegion); // Container
+
+ const $containerEl = swiper.$el;
+
+ if (params.containerRoleDescriptionMessage) {
+ addElRoleDescription(
+ $containerEl,
+ params.containerRoleDescriptionMessage,
+ );
+ }
+
+ if (params.containerMessage) {
+ addElLabel($containerEl, params.containerMessage);
+ } // Wrapper
+
+ const $wrapperEl = swiper.$wrapperEl;
+ const wrapperId =
+ $wrapperEl.attr("id") || `swiper-wrapper-${getRandomNumber(16)}`;
+ const live =
+ swiper.params.autoplay && swiper.params.autoplay.enabled
+ ? "off"
+ : "polite";
+ addElId($wrapperEl, wrapperId);
+ addElLive($wrapperEl, live); // Slide
+
+ if (params.itemRoleDescriptionMessage) {
+ addElRoleDescription(
+ $(swiper.slides),
+ params.itemRoleDescriptionMessage,
+ );
+ }
+
+ addElRole($(swiper.slides), params.slideRole);
+ const slidesLength = swiper.params.loop
+ ? swiper.slides.filter(
+ (el) => !el.classList.contains(swiper.params.slideDuplicateClass),
+ ).length
+ : swiper.slides.length;
+ swiper.slides.each((slideEl, index) => {
+ const $slideEl = $(slideEl);
+ const slideIndex = swiper.params.loop
+ ? parseInt($slideEl.attr("data-swiper-slide-index"), 10)
+ : index;
+ const ariaLabelMessage = params.slideLabelMessage
+ .replace(/\{\{index\}\}/, slideIndex + 1)
+ .replace(/\{\{slidesLength\}\}/, slidesLength);
+ addElLabel($slideEl, ariaLabelMessage);
+ }); // Navigation
+
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl && $nextEl.length) {
+ initNavEl($nextEl, wrapperId, params.nextSlideMessage);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ initNavEl($prevEl, wrapperId, params.prevSlideMessage);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.on(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.on("focus", handleFocus, true);
+ }
+
+ function destroy() {
+ if (liveRegion && liveRegion.length > 0) liveRegion.remove();
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl) {
+ $nextEl.off("keydown", onEnterOrSpaceKey);
+ }
+
+ if ($prevEl) {
+ $prevEl.off("keydown", onEnterOrSpaceKey);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.off(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.off("focus", handleFocus, true);
+ }
+
+ on("beforeInit", () => {
+ liveRegion = $(
+ `
');
+ $wrapperEl.append($cubeShadowEl);
+ }
+
+ $cubeShadowEl.css({
+ height: `${swiperWidth}px`,
+ });
+ } else {
+ $cubeShadowEl = $el.find(".swiper-cube-shadow");
+
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('
');
+ $el.append($cubeShadowEl);
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let slideIndex = i;
+
+ if (isVirtual) {
+ slideIndex = parseInt($slideEl.attr("data-swiper-slide-index"), 10);
+ }
+
+ let slideAngle = slideIndex * 90;
+ let round = Math.floor(slideAngle / 360);
+
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+
+ const progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ let tx = 0;
+ let ty = 0;
+ let tz = 0;
+
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ } else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ } else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + round * 4 * swiperSize;
+ tz = swiperSize;
+ } else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = 3 * swiperSize + swiperSize * 4 * round;
+ }
+
+ if (rtl) {
+ tx = -tx;
+ }
+
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+
+ const transform = `rotateX(${
+ isHorizontal ? 0 : -slideAngle
+ }deg) rotateY(${
+ isHorizontal ? slideAngle : 0
+ }deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
+
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = slideIndex * 90 + progress * 90;
+ if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90;
+ }
+
+ $slideEl.transform(transform);
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = $(
+ `
`,
+ );
+ $slideEl.append(shadowBefore);
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = $(
+ `
`,
+ );
+ $slideEl.append(shadowAfter);
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+ }
+
+ $wrapperEl.css({
+ "-webkit-transform-origin": `50% 50% -${swiperSize / 2}px`,
+ "transform-origin": `50% 50% -${swiperSize / 2}px`,
+ });
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl.transform(
+ `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${
+ -swiperWidth / 2
+ }px) rotateX(90deg) rotateZ(0deg) scale(${params.shadowScale})`,
+ );
+ } else {
+ const shadowAngle =
+ Math.abs(wrapperRotate) -
+ Math.floor(Math.abs(wrapperRotate) / 90) * 90;
+ const multiplier =
+ 1.5 -
+ (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2 +
+ Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2);
+ const scale1 = params.shadowScale;
+ const scale2 = params.shadowScale / multiplier;
+ const offset = params.shadowOffset;
+ $cubeShadowEl.transform(
+ `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${
+ swiperHeight / 2 + offset
+ }px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`,
+ );
+ }
+ }
+
+ const zFactor =
+ browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0;
+ $wrapperEl.transform(
+ `translate3d(0px,0,${zFactor}px) rotateX(${
+ swiper.isHorizontal() ? 0 : wrapperRotate
+ }deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`,
+ );
+ };
+
+ const setTransition = (duration) => {
+ const { $el, slides } = swiper;
+ slides
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+
+ if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
+ $el.find(".swiper-cube-shadow").transition(duration);
+ }
+ };
+
+ effectInit({
+ effect: "cube",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true,
+ }),
+ });
+ }
+
+ function createShadow(params, $slideEl, side) {
+ const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ""}`;
+ const $shadowContainer = params.transformEl
+ ? $slideEl.find(params.transformEl)
+ : $slideEl;
+ let $shadowEl = $shadowContainer.children(`.${shadowClass}`);
+
+ if (!$shadowEl.length) {
+ $shadowEl = $(
+ `
`,
+ );
+ $shadowContainer.append($shadowEl);
+ }
+
+ return $shadowEl;
+ }
+
+ function EffectFlip(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, rtlTranslate: rtl } = swiper;
+ const params = swiper.params.flipEffect;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let progress = $slideEl[0].progress;
+
+ if (swiper.params.flipEffect.limitRotation) {
+ progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const rotate = -180 * progress;
+ let rotateY = rotate;
+ let rotateX = 0;
+ let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let ty = 0;
+
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ } else if (rtl) {
+ rotateY = -rotateY;
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(progress)) + slides.length;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "left" : "top",
+ );
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "right" : "bottom",
+ );
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+
+ const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.flipEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "flip",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCoverflow(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ scale: 1,
+ modifier: 1,
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const {
+ width: swiperWidth,
+ height: swiperHeight,
+ slides,
+ slidesSizesGrid,
+ } = swiper;
+ const params = swiper.params.coverflowEffect;
+ const isHorizontal = swiper.isHorizontal();
+ const transform = swiper.translate;
+ const center = isHorizontal
+ ? -transform + swiperWidth / 2
+ : -transform + swiperHeight / 2;
+ const rotate = isHorizontal ? params.rotate : -params.rotate;
+ const translate = params.depth; // Each slide offset from center
+
+ for (let i = 0, length = slides.length; i < length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideSize = slidesSizesGrid[i];
+ const slideOffset = $slideEl[0].swiperSlideOffset;
+ const centerOffset = (center - slideOffset - slideSize / 2) / slideSize;
+ const offsetMultiplier =
+ typeof params.modifier === "function"
+ ? params.modifier(centerOffset)
+ : centerOffset * params.modifier;
+ let rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
+ let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0
+
+ let translateZ = -translate * Math.abs(offsetMultiplier);
+ let stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders
+
+ if (typeof stretch === "string" && stretch.indexOf("%") !== -1) {
+ stretch = (parseFloat(params.stretch) / 100) * slideSize;
+ }
+
+ let translateY = isHorizontal ? 0 : stretch * offsetMultiplier;
+ let translateX = isHorizontal ? stretch * offsetMultiplier : 0;
+ let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values
+
+ if (Math.abs(translateX) < 0.001) translateX = 0;
+ if (Math.abs(translateY) < 0.001) translateY = 0;
+ if (Math.abs(translateZ) < 0.001) translateZ = 0;
+ if (Math.abs(rotateY) < 0.001) rotateY = 0;
+ if (Math.abs(rotateX) < 0.001) rotateX = 0;
+ if (Math.abs(scale) < 0.001) scale = 0;
+ const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(slideTransform);
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowBeforeEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let $shadowAfterEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if ($shadowBeforeEl.length === 0) {
+ $shadowBeforeEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "left" : "top",
+ );
+ }
+
+ if ($shadowAfterEl.length === 0) {
+ $shadowAfterEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "right" : "bottom",
+ );
+ }
+
+ if ($shadowBeforeEl.length)
+ $shadowBeforeEl[0].style.opacity =
+ offsetMultiplier > 0 ? offsetMultiplier : 0;
+ if ($shadowAfterEl.length)
+ $shadowAfterEl[0].style.opacity =
+ -offsetMultiplier > 0 ? -offsetMultiplier : 0;
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.coverflowEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ };
+
+ effectInit({
+ effect: "coverflow",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ }),
+ });
+ }
+
+ function EffectCreative(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ creativeEffect: {
+ transformEl: null,
+ limitProgress: 1,
+ shadowPerProgress: false,
+ progressMultiplier: 1,
+ perspective: true,
+ prev: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ next: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ },
+ });
+
+ const getTranslateValue = (value) => {
+ if (typeof value === "string") return value;
+ return `${value}px`;
+ };
+
+ const setTranslate = () => {
+ const { slides, $wrapperEl, slidesSizesGrid } = swiper;
+ const params = swiper.params.creativeEffect;
+ const { progressMultiplier: multiplier } = params;
+ const isCenteredSlides = swiper.params.centeredSlides;
+
+ if (isCenteredSlides) {
+ const margin =
+ slidesSizesGrid[0] / 2 - swiper.params.slidesOffsetBefore || 0;
+ $wrapperEl.transform(`translateX(calc(50% - ${margin}px))`);
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(
+ Math.max($slideEl[0].progress, -params.limitProgress),
+ params.limitProgress,
+ );
+ let originalProgress = progress;
+
+ if (!isCenteredSlides) {
+ originalProgress = Math.min(
+ Math.max($slideEl[0].originalProgress, -params.limitProgress),
+ params.limitProgress,
+ );
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const t = [
+ swiper.params.cssMode ? -offset - swiper.translate : -offset,
+ 0,
+ 0,
+ ];
+ const r = [0, 0, 0];
+ let custom = false;
+
+ if (!swiper.isHorizontal()) {
+ t[1] = t[0];
+ t[0] = 0;
+ }
+
+ let data = {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ scale: 1,
+ opacity: 1,
+ };
+
+ if (progress < 0) {
+ data = params.next;
+ custom = true;
+ } else if (progress > 0) {
+ data = params.prev;
+ custom = true;
+ } // set translate
+
+ t.forEach((value, index) => {
+ t[index] = `calc(${value}px + (${getTranslateValue(
+ data.translate[index],
+ )} * ${Math.abs(progress * multiplier)}))`;
+ }); // set rotates
+
+ r.forEach((value, index) => {
+ r[index] = data.rotate[index] * Math.abs(progress * multiplier);
+ });
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const translateString = t.join(", ");
+ const rotateString = `rotateX(${r[0]}deg) rotateY(${r[1]}deg) rotateZ(${r[2]}deg)`;
+ const scaleString =
+ originalProgress < 0
+ ? `scale(${1 + (1 - data.scale) * originalProgress * multiplier})`
+ : `scale(${1 - (1 - data.scale) * originalProgress * multiplier})`;
+ const opacityString =
+ originalProgress < 0
+ ? 1 + (1 - data.opacity) * originalProgress * multiplier
+ : 1 - (1 - data.opacity) * originalProgress * multiplier;
+ const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`; // Set shadows
+
+ if ((custom && data.shadow) || !custom) {
+ let $shadowEl = $slideEl.children(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0 && data.shadow) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length) {
+ const shadowOpacity = params.shadowPerProgress
+ ? progress * (1 / params.limitProgress)
+ : progress;
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max(Math.abs(shadowOpacity), 0),
+ 1,
+ );
+ }
+ }
+
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform).css({
+ opacity: opacityString,
+ });
+
+ if (data.origin) {
+ $targetEl.css("transform-origin", data.origin);
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.creativeEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ allSlides: true,
+ });
+ };
+
+ effectInit({
+ effect: "creative",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => swiper.params.creativeEffect.perspective,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCards(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ cardsEffect: {
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, activeIndex } = swiper;
+ const params = swiper.params.cardsEffect;
+ const { startTranslate, isTouched } = swiper.touchEventsData;
+ const currentTranslate = swiper.translate;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(Math.max(slideProgress, -4), 4);
+ let offset = $slideEl[0].swiperSlideOffset;
+
+ if (swiper.params.centeredSlides && !swiper.params.cssMode) {
+ swiper.$wrapperEl.transform(`translateX(${swiper.minTranslate()}px)`);
+ }
+
+ if (swiper.params.centeredSlides && swiper.params.cssMode) {
+ offset -= slides[0].swiperSlideOffset;
+ }
+
+ let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let tY = 0;
+ const tZ = -100 * Math.abs(progress);
+ let scale = 1;
+ let rotate = -2 * progress;
+ let tXAdd = 8 - Math.abs(progress) * 0.75;
+ const slideIndex =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.from + i
+ : i;
+ const isSwipeToNext =
+ (slideIndex === activeIndex || slideIndex === activeIndex - 1) &&
+ progress > 0 &&
+ progress < 1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate < startTranslate;
+ const isSwipeToPrev =
+ (slideIndex === activeIndex || slideIndex === activeIndex + 1) &&
+ progress < 0 &&
+ progress > -1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate > startTranslate;
+
+ if (isSwipeToNext || isSwipeToPrev) {
+ const subProgress =
+ (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5;
+ rotate += -28 * progress * subProgress;
+ scale += -0.5 * subProgress;
+ tXAdd += 96 * subProgress;
+ tY = `${-25 * subProgress * Math.abs(progress)}%`;
+ }
+
+ if (progress < 0) {
+ // next
+ tX = `calc(${tX}px + (${tXAdd * Math.abs(progress)}%))`;
+ } else if (progress > 0) {
+ // prev
+ tX = `calc(${tX}px + (-${tXAdd * Math.abs(progress)}%))`;
+ } else {
+ tX = `${tX}px`;
+ }
+
+ if (!swiper.isHorizontal()) {
+ const prevY = tY;
+ tY = tX;
+ tX = prevY;
+ }
+
+ const scaleString =
+ progress < 0
+ ? `${1 + (1 - scale) * progress}`
+ : `${1 - (1 - scale) * progress}`;
+ const transform = `
+ translate3d(${tX}, ${tY}, ${tZ}px)
+ rotateZ(${rotate}deg)
+ scale(${scaleString})
+ `;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowEl = $slideEl.find(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length)
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max((Math.abs(progress) - 0.5) / 0.5, 0),
+ 1,
+ );
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.cardsEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "cards",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ // Swiper Class
+ const modules = [
+ Virtual,
+ Keyboard,
+ Mousewheel,
+ Navigation,
+ Pagination,
+ Scrollbar,
+ Parallax,
+ Zoom,
+ Lazy,
+ Controller,
+ A11y,
+ History,
+ HashNavigation,
+ Autoplay,
+ Thumb,
+ freeMode,
+ Grid,
+ Manipulation,
+ EffectFade,
+ EffectCube,
+ EffectFlip,
+ EffectCoverflow,
+ EffectCreative,
+ EffectCards,
+ ];
+ Swiper.use(modules);
+
+ return Swiper;
+});
+
+;
+!(function (e) {
+ var n;
+ if (
+ ("function" == typeof define && define.amd && (define(e), (n = !0)),
+ "object" == typeof exports && ((module.exports = e()), (n = !0)),
+ !n)
+ ) {
+ var t = window.Cookies,
+ o = (window.Cookies = e());
+ o.noConflict = function () {
+ return (window.Cookies = t), o;
+ };
+ }
+})(function () {
+ function f() {
+ for (var e = 0, n = {}; e < arguments.length; e++) {
+ var t = arguments[e];
+ for (var o in t) n[o] = t[o];
+ }
+ return n;
+ }
+ function a(e) {
+ return e.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
+ }
+ return (function e(u) {
+ function c() {}
+ function t(e, n, t) {
+ if ("undefined" != typeof document) {
+ "number" == typeof (t = f({ path: "/" }, c.defaults, t)).expires &&
+ (t.expires = new Date(1 * new Date() + 864e5 * t.expires)),
+ (t.expires = t.expires ? t.expires.toUTCString() : "");
+ try {
+ var o = JSON.stringify(n);
+ /^[\{\[]/.test(o) && (n = o);
+ } catch (e) {}
+ (n = u.write
+ ? u.write(n, e)
+ : encodeURIComponent(String(n)).replace(
+ /%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,
+ decodeURIComponent
+ )),
+ (e = encodeURIComponent(String(e))
+ .replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
+ .replace(/[\(\)]/g, escape));
+ var r = "";
+ for (var i in t)
+ t[i] &&
+ ((r += "; " + i), !0 !== t[i] && (r += "=" + t[i].split(";")[0]));
+ return (document.cookie = e + "=" + n + r);
+ }
+ }
+ function n(e, n) {
+ if ("undefined" != typeof document) {
+ for (
+ var t = {},
+ o = document.cookie ? document.cookie.split("; ") : [],
+ r = 0;
+ r < o.length;
+ r++
+ ) {
+ var i = o[r].split("="),
+ c = i.slice(1).join("=");
+ n || '"' !== c.charAt(0) || (c = c.slice(1, -1));
+ try {
+ var f = a(i[0]);
+ if (((c = (u.read || u)(c, f) || a(c)), n))
+ try {
+ c = JSON.parse(c);
+ } catch (e) {}
+ if (((t[f] = c), e === f)) break;
+ } catch (e) {}
+ }
+ return e ? t[e] : t;
+ }
+ }
+ return (
+ (c.set = t),
+ (c.get = function (e) {
+ return n(e, !1);
+ }),
+ (c.getJSON = function (e) {
+ return n(e, !0);
+ }),
+ (c.remove = function (e, n) {
+ t(e, "", f(n, { expires: -1 }));
+ }),
+ (c.defaults = {}),
+ (c.withConverter = e),
+ c
+ );
+ })(function () {});
+});
+
+;
+// main script
+(function () {
+ "use strict";
+
+ // Dropdown Menu Toggler For Mobile
+ // ----------------------------------------
+ const dropdownMenuToggler = document.querySelectorAll(
+ ".nav-dropdown > .nav-link",
+ );
+
+ dropdownMenuToggler.forEach((toggler) => {
+ toggler?.addEventListener("click", (e) => {
+ e.target.closest(".nav-item").classList.toggle("active");
+ });
+ });
+
+ // Testimonial Slider
+ // ----------------------------------------
+ new Swiper(".testimonial-slider", {
+ spaceBetween: 24,
+ loop: true,
+ pagination: {
+ el: ".testimonial-slider-pagination",
+ type: "bullets",
+ clickable: true,
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ },
+ });
+})();
diff --git a/website/public/manifest.webmanifest b/website/public/manifest.webmanifest
new file mode 100644
index 00000000..85ef76f2
--- /dev/null
+++ b/website/public/manifest.webmanifest
@@ -0,0 +1,56 @@
+{
+ "name": "Fediversity",
+ "short_name": "Fediversity",
+ "lang": "en-us",
+ "display": "fullscreen",
+ "orientation" : "portrait",
+ "start_url": "//localhost:1313/?utm_source=web_app_manifest",
+ "background_color": "#fff",
+ "theme_color": "#000",
+
+
+
+
+
+
+
+
+
+
+
+ "icons": [
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_48x48_resize_lanczos_3.png",
+ "sizes": "48x48",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_72x72_resize_lanczos_3.png",
+ "sizes": "72x72",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_96x96_resize_lanczos_3.png",
+ "sizes": "96x96",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_144x144_resize_lanczos_3.png",
+ "sizes": "144x144",
+ "type": "image/png"
+ },
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_192x192_resize_lanczos_3.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "any maskable"
+ },
+ {
+ "src": "/images/favicon_hudf4905de8b22f1b316f0f9113e9f1079_22623_512x512_resize_lanczos_3.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ]
+
+
+}
\ No newline at end of file
diff --git a/website/public/nlnet/index.html b/website/public/nlnet/index.html
new file mode 100644
index 00000000..d5fdbb1a
--- /dev/null
+++ b/website/public/nlnet/index.html
@@ -0,0 +1,896 @@
+
+
+
+
+ NLnet
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The NLnet Foundation supports organisations and people who contribute to an open internet for all. NLnet funds projects that help fix the internet through open hardware, open software, open standards, open science and open data. After its historical contribution to the early internet in Europe in the 1980’s, NLnet has been financially supporting the open internet since 1997.
+
NLnet provides grants to free and open source projects between 5.000 and 50.000 euro with the possibility to scale up. Funding is open to anyone: organisations of any type and individuals. Within NGI Fediversity, NLnet facilitates the open calls for third-party funding and contributes to outreach and dissemination.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/nordunet/index.html b/website/public/nordunet/index.html
new file mode 100644
index 00000000..c32635fe
--- /dev/null
+++ b/website/public/nordunet/index.html
@@ -0,0 +1,896 @@
+
+
+
+
+ NORDUnet
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
NORDUnet
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ NORDUnet
+
+
+
+
+
+
+
+
+
+
+
+
+
NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries connecting universities and research institutions across Denmark, Finland, Iceland, Norway, and Sweden. It enables collaboration, data sharing, and access to online resources for academic and research purposes.
+
Fun fact: the website of NORDUnet, nordu.net is the oldest still active domain on the internet.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/oid/index.html b/website/public/oid/index.html
new file mode 100644
index 00000000..6e4be063
--- /dev/null
+++ b/website/public/oid/index.html
@@ -0,0 +1,901 @@
+
+
+
+
+ Open Internet Discourse Foundation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Open Internet Discourse Foundation
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Open Internet Discourse Foundation
+
+
+
+
+
+
+
+
+
+
+
+
+
The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
+
The three pillars that are at the core of the OID Foundation:
+
OID believes in the fundamental right of individuals to privacy, self-determination, and freedom of expression.
+Building sustainably. The OID Foundation believes that the internet is crucial infrastructure for society, and as such, should be build from the perspective that software projects can exist and be maintained for a long time; decades, not years.
+Transparancy. The OID Foundation takes the commitment to openness seriously, and strives to use open software in all aspects.
+In order to realise our vision, we need a healthy, functional and open internet. This is where OID comes in, working on the infrastructure that powers the internet in a way that promotes it’s values.
+
OID Foundation is rooted in constructive optimism, believing in tackling challenges head-on with a positive outlook, viewing each obstacle as an opportunity for improvement. As a practical example of the long-term vision is the work on NixOS that the OID is doing, where the reproducibility and long-term maintainability of NixOS’s package management help with an open and sustainable internet.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/pages/index.html b/website/public/pages/index.html
new file mode 100644
index 00000000..d6db45a9
--- /dev/null
+++ b/website/public/pages/index.html
@@ -0,0 +1,953 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/pages/index.xml b/website/public/pages/index.xml
new file mode 100644
index 00000000..8a73f985
--- /dev/null
+++ b/website/public/pages/index.xml
@@ -0,0 +1,88 @@
+
+
+
+ Pages on Fediversity
+ Recent content in Pages on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ -
+
Consortium
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/consortium/
+ Information about the project. TODO.
+
+ -
+
Developers
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/developers/
+ The Fediversity Project enables easy hosting for a wide variety of fediverse platforms, all based on NixOS.
+
+ -
+
European Commission
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/ec/
+ The Fediversity project implements the visions outlined by the Next Generation Internet (NGI) initiative for an open internet in several ways.
+
+ -
+
Fediversity
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/fediversity/
+ Fediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone.
+
+ -
+
Grants
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/grants/
+ Fediversity invites other people to join this ambitious development effort. It is a vast domain with many more challenges than what any preconceived effort could tackle by itself.
+
+ -
+
Individuals
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/individuals/
+ The fediverse shows great potential in fundamentally rethinking how we approach the internet.
+
+ -
+
NLnet
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/nlnet/
+ The NLnet Foundation supports organisations and people who contribute to an open internet for all.
+
+ -
+
NORDUnet
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/nordunet/
+ NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries connecting universities and research institutions across Denmark, Finland, Iceland, Norway, and Sweden.
+
+ -
+
Open Internet Discourse Foundation
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/oid/
+ The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
+
+ -
+
Privacy
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/privacy-policy/
+ The Fediversity website does not track you, and does not process any of your data.
+
+ -
+
Tweag
+ Mon, 01 Jan 0001 00:00:00 +0000
+ //localhost:1313/tweag/
+ Tweag is the open source program office (OSPO) of Modus Create, a global digital consulting firm that helps enterprises build competitive advantage through digital innovation.
+
+
+
diff --git a/website/public/privacy-policy/index.html b/website/public/privacy-policy/index.html
new file mode 100644
index 00000000..ef860a45
--- /dev/null
+++ b/website/public/privacy-policy/index.html
@@ -0,0 +1,893 @@
+
+
+
+
+ Privacy
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Privacy
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Privacy
+
+
+
+
+
+
+
+
+
+
+
+
+
The Fediversity website does not track you, and does not process any of your data.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/searchindex.json b/website/public/searchindex.json
new file mode 100644
index 00000000..e5a2d8f5
--- /dev/null
+++ b/website/public/searchindex.json
@@ -0,0 +1,56 @@
+[{
+ "section": "Blog",
+ "slug": "/blog/nordunet-conference-2024/",
+ "title": "Nordunet Conference 2024",
+ "description": "Nordunet Conference 2024",
+ "date": "September 17, 2024",
+ "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_420x0_resize_q80_h2_lanczos.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"420\"\n height=\"315\"\n onerror=\"this.onerror='null';this.src='\\/images\\/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_420x0_resize_q80_lanczos.jpeg';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_100x100_fill_q80_h2_lanczos_smart1.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"100\"\n height=\"100\"\n onerror=\"this.onerror='null';this.src='\\/images\\/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_100x100_fill_q80_lanczos_smart1.jpeg';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "searchKeyword": "",
+ "categories": "News",
+ "tags": "",
+ "content":"Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present. This was a great opportunity for the different organisations in the consortium to meet with each other and exchange ideas.\nOne of those new ideas that came out of the conference is to think about offering EduMEET as a part of Fediversity. EduMEET is an open source video conferencing platform that is build for and by the Research and Education community. EduMEET allows for the possibility of recording conference calls, but does not offer an easy place to host these recordings. PeerTube is already mature fediverse software that offers video hosting. Combining these two pieces of software in the offering to onboard public organisations can make it easier to offer a complete package for the organisations. It can potentially help lower the barrier of entry, while at the same time making it more attractive for public education organisations to start using fediverse software.\nFediversity is now starting to explore if and how efforts with Nordunet to promote EduMEET can be combined with Fediversity\u0026rsquo;s (and thus Nordunet!) project to promote the fediverse.\nAnother aspect that came out of the conference is the possibility to use Argus as a real-time monitoring tool as part of our hosting stack that we\u0026rsquo;re building. How to do real-time monitoring was so far still unclear in our plans for building a Nix panel, but Argus might just be the open source tool we\u0026rsquo;re looking for.\nIt was exciting to meet so many people in the community that are all working towards building better digital systems for public organisations, and we\u0026rsquo;re proud to contribute our small piece to a much larger puzzle. Hope to meet more of you all soon!\n"},{
+ "section": "Blog",
+ "slug": "/blog/fediversity-tech-session/",
+ "title": "Fediversity Tech Session",
+ "description": "Fediversity Tech Session - NixOS and Kubernetes",
+ "date": "August 5, 2024",
+ "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"420\"\n height=\"318\"\n onerror=\"this.onerror='null';this.src='\\/images\\/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_lanczos_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"100\"\n height=\"100\"\n onerror=\"this.onerror='null';this.src='\\/images\\/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "searchKeyword": "",
+ "categories": "News",
+ "tags": "",
+ "content":"Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.\nOne of the core ideas of Fediversity is to build on top of NixOS. NixOS makes upgrading system reliable, and complex deployment reproducable. One of the goals of the Fediversity project that provides an interesting challenge is to help people move away from the cloud hyperscalers. Offering our project on Kubernetes offers easy integration with the storage platforms of the hyperscalers. Easy integration with the hyperscalers is an explicit anti-goal of Fediversity, but we\u0026rsquo;re not sure if we can offer all the functionality with NixOS yet.\nYou can check out our entire conversation right here.\n"},{
+ "section": "Blog",
+ "slug": "/blog/publicspaces-conference/",
+ "title": "PublicSpaces Conference 2024",
+ "description": "PublicSpaces Conference 2024 - 'Take Back the Internet'",
+ "date": "July 30, 2024",
+ "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_420x0_resize_q80_h2_lanczos.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"420\"\n height=\"280\"\n onerror=\"this.onerror='null';this.src='\\/images\\/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_420x0_resize_q80_lanczos.jpg';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_100x100_fill_q80_h2_lanczos_smart1.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"100\"\n height=\"100\"\n onerror=\"this.onerror='null';this.src='\\/images\\/avhuffelenmastodonpin_hu0cc757d18a5856163cd7dd527de01b67_1231197_100x100_fill_q80_lanczos_smart1.jpg';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "searchKeyword": "",
+ "categories": "News",
+ "tags": "",
+ "content":"PublicSpaces and Waag Futurelabs recently held their yearly conference in Amsterdam, titled \u0026lsquo;Taking Back the Internet\u0026rsquo;. PublicSpaces is a network of public organisations fighting for an internet based on public values. The Fediversity Project attended, to share ideas, and learn more about how people and organisations think about an ethical internet. If you are interested, you can view all sessions here (hosted on PeerTube!).\nAlexandra van Huffelen, who was Dutch Secretary of State of Digitalisation until last month, gave the opening talk to discuss digitalisation and public values. In the talk, van Huffelen said that the Netherlands has a prominent lead in the EU with the promotion of public values in the digital infrastructure. Van Huffelen has been a prominent supporter of open standards and decentralisation, and has pushed the usage of Mastodon within the Dutch government, which fits well with the goals and vision of the Fediversity project. Project Lead Koen de Jonge took the opportunity shortly before the talk to hand van Huffelen a Mastodon pin, which she proudly wore during her talk, as you can see in the header image!\nThere were quite some other talks about the Fediverse as well, discussing how to move the space forward. The goal of the Fediversity Project is to provide the technological infrastructure that makes it easier for people to join an open, free and fair social internet. The strength of Fediversity is in our technological capabilities, making the infrastructure more accessible. For our project to be successful, we also need a social infrastructure, that teaches people what it is and how it is beneficial for them, and how to get them on board. We also need public organisations to lead by example. Both of these social aspects of growing the fediverse were on full display during the PublicSpaces conference, and there is a real enthusiasm in growing the social internet. Fediversity is a strong supporter of organisations like PublicSpaces; while organisations like PublicSpaces help facilitate people and organisations with their thinking about why they should join the fediverse, and which steps should they take, Fediversity can provide the technological infrastructure that makes it all as easy as possible.\n"},{
+ "section": "Blog",
+ "slug": "/blog/new-website-launch/",
+ "title": "Fediversity new website launch",
+ "description": "Announcing Our New Website for the Fediversity Project",
+ "date": "May 15, 2024",
+ "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"420\"\n height=\"321\"\n onerror=\"this.onerror='null';this.src='\\/images\\/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_420x0_resize_lanczos_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"100\"\n height=\"100\"\n onerror=\"this.onerror='null';this.src='\\/images\\/website-new_hu1a99c13afd8cec2502ba6c213bba0f95_18139_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "searchKeyword": "",
+ "categories": "News",
+ "tags": "",
+ "content":"We are pleased to introduce the launch of our new website dedicated to the Fediversity project.\nThe project is broad in scope, and the website reflects this. Whether you are a developer, an individual interested in the project, or want to know how the grant money is spend, the website keeps you up to date with everything you need to know.\nWe\u0026rsquo;re excited to show you more of the progress of the Fediversity project, and how we can build a next generation of the open internet together!\n"},{
+ "section": "Blog",
+ "slug": "/blog/project-launch/",
+ "title": "Fediversity Project publicly announced",
+ "description": "The Fediversity Project has officially been announced",
+ "date": "January 1, 2024",
+ "image": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_q80_h2_lanczos_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"420\"\n height=\"318\"\n onerror=\"this.onerror='null';this.src='\\/images\\/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_420x0_resize_lanczos_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "imageSM": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n \n\n \n \n \n \n \n\n\n \n \n\n\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n\n\n \u003cimg\n \n src=\"/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_q80_h2_lanczos_smart1_3.webp\" loading=\"lazy\" decoding=\"async\"\n \n\n alt=\"\"\n class=\" img\"\n width=\"100\"\n height=\"100\"\n onerror=\"this.onerror='null';this.src='\\/images\\/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_100x100_fill_lanczos_smart1_3.png';\" /\u003e\n\n \n \n \n \n \n \n\n\n \n",
+ "searchKeyword": "",
+ "categories": "News",
+ "tags": "",
+ "content":"The Consortium behind the Fediversity project announces that the project has officially been started. NLnet, Tweag, NorduNet and the Open Internet Discourse Foundation are working together to build a new service for cloud hosters.\nFediversity is a comprehensive effort to bring easy-to-use, hosted cloud services with service portability and personal freedom at their core to everyone. It wants to provide everyone with high-quality, secure IT systems for everyday use. Without tracking, without exploitation, in a way that runs everywhere and scales effortlessly. Fediversity is based on NixOS, a disruptive Linux distribution with a unique approach to package and configuration management. Built on top of the Nix package manager, NixOS is completely declarative, makes upgrading systems reliable, and has many other advantages. Because it is reproducible, it is ideally suited for complex deployment scenario\u0026rsquo;s where consistent behaviour, stability and configurability matter.\nFediversity has received funding from the European Union’s Horizon Europe research and innovation programme under grant agreement No. 101136078.\n"}]
diff --git a/website/public/sections/index.html b/website/public/sections/index.html
new file mode 100644
index 00000000..3f2cfde8
--- /dev/null
+++ b/website/public/sections/index.html
@@ -0,0 +1,899 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sections
+
+
+
+
+
+ Home
+
+ /
+
+
+
+
+ Sections
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/sections/index.xml b/website/public/sections/index.xml
new file mode 100644
index 00000000..7e8bd2a6
--- /dev/null
+++ b/website/public/sections/index.xml
@@ -0,0 +1,25 @@
+
+
+
+ Sections on Fediversity
+ Recent content in Sections on Fediversity
+ Hugo -- gohugo.io
+ en-us
+ -
+
Ready to build your next project with Hugo?
+ Mon, 01 Jan 0001 00:00:00 +0000
+
+ -
+
What Users Are Saying About Hugoplate
+ Mon, 01 Jan 0001 00:00:00 +0000
+
+
+
diff --git a/website/public/service-worker.js b/website/public/service-worker.js
new file mode 100644
index 00000000..d39fc31b
--- /dev/null
+++ b/website/public/service-worker.js
@@ -0,0 +1,10 @@
+importScripts(
+ "https://storage.googleapis.com/workbox-cdn/releases/6.0.2/workbox-sw.js"
+);
+
+workbox.setConfig({ debug: false });
+
+workbox.routing.registerRoute(
+ ({ request }) => request.destination === "image",
+ new workbox.strategies.NetworkFirst()
+);
diff --git a/website/public/sitemap.xml b/website/public/sitemap.xml
new file mode 100644
index 00000000..7e840b08
--- /dev/null
+++ b/website/public/sitemap.xml
@@ -0,0 +1,87 @@
+
+
+
+ //localhost:1313/
+ 2024-08-05T05:00:00+00:00
+
+ //localhost:1313/categories/
+ 2024-08-05T05:00:00+00:00
+
+ //localhost:1313/blog/fediversity-tech-session/
+ 2024-08-05T05:00:00+00:00
+
+ //localhost:1313/categories/news/
+ 2024-08-05T05:00:00+00:00
+
+ //localhost:1313/blog/
+ 2024-08-05T05:00:00+00:00
+
+ //localhost:1313/blog/nordunet-conference-2024/
+ 2024-07-30T05:00:00+00:00
+
+ //localhost:1313/blog/publicspaces-conference/
+ 2024-07-30T05:00:00+00:00
+
+ //localhost:1313/blog/new-website-launch/
+ 2024-05-15T05:00:00+00:00
+
+ //localhost:1313/categories/conference/
+ 2024-05-11T14:00:00+02:00
+
+ //localhost:1313/categories/event/
+ 2024-05-11T14:00:00+02:00
+
+ //localhost:1313/events/
+ 2024-05-11T14:00:00+02:00
+
+ //localhost:1313/events/publicspaces-annual-conference/
+ 2024-05-11T14:00:00+02:00
+
+ //localhost:1313/events/owc-annual-conference-2024/
+ 2024-05-11T09:00:00+00:00
+
+ //localhost:1313/events/waag-state-internet-2024/
+ 2024-04-10T16:00:00+00:00
+
+ //localhost:1313/categories/webinar/
+ 2024-04-10T16:00:00+00:00
+
+ //localhost:1313/blog/project-launch/
+ 2024-01-01T05:00:00+00:00
+
+ //localhost:1313/authors/
+
+ //localhost:1313/consortium/
+
+ //localhost:1313/contact/
+
+ //localhost:1313/developers/
+
+ //localhost:1313/ec/
+
+ //localhost:1313/fediversity/
+
+ //localhost:1313/grants/
+
+ //localhost:1313/individuals/
+
+ //localhost:1313/authors/laurens-hof/
+
+ //localhost:1313/nlnet/
+
+ //localhost:1313/nordunet/
+
+ //localhost:1313/oid/
+
+ //localhost:1313/pages/
+
+ //localhost:1313/privacy-policy/
+
+ //localhost:1313/sections/
+
+ //localhost:1313/tags/
+
+ //localhost:1313/tweag/
+
+
diff --git a/website/public/tags/index.html b/website/public/tags/index.html
new file mode 100644
index 00000000..b435db35
--- /dev/null
+++ b/website/public/tags/index.html
@@ -0,0 +1,887 @@
+
+
+
+
+ Fediversity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/public/tags/index.xml b/website/public/tags/index.xml
new file mode 100644
index 00000000..4a5fe0c6
--- /dev/null
+++ b/website/public/tags/index.xml
@@ -0,0 +1,11 @@
+
+
+
+ Tags on Fediversity
+ Recent content in Tags on Fediversity
+ Hugo -- gohugo.io
+ en-us
+
+
diff --git a/website/public/tweag/index.html b/website/public/tweag/index.html
new file mode 100644
index 00000000..e2bbaf52
--- /dev/null
+++ b/website/public/tweag/index.html
@@ -0,0 +1,895 @@
+
+
+
+
+ Tweag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Tweag is the open source program office (OSPO) of Modus Create, a global digital consulting firm that helps enterprises build competitive advantage through digital innovation. Tweagers are leading contributors to several open source projects — from functional programming languages to cross-platform frameworks. Tweag has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/website/readme.md b/website/readme.md
new file mode 100755
index 00000000..72369874
--- /dev/null
+++ b/website/readme.md
@@ -0,0 +1,239 @@
+Hugo + Tailwind CSS Starter and Boilerplate
+
+Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time.
+
+Made with ♥ by Zeon Studio
+ If you find this project useful, please give it a ⭐ to show your support.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## 🎁 What's Included
+
+We have included almost everything you need to start your Hugo project. Let's see what's included in this template:
+
+### 📌 Key Features
+
+- 👥 Multi-Authors
+- 🎯 Similar Posts Suggestion
+- 🔍 Search Functionality
+- 🌑 Dark Mode
+- 🏷️ Tags & Categories
+- 🔗 Netlify setting pre-configured
+- 📞 Support contact form
+- 📱 Fully responsive
+- 📝 Write and update content in Markdown
+- 💬 Disqus Comment
+- 🔳 Syntax Highlighting
+
+### 📄 15+ Pre-designed Pages
+
+- 🏠 Homepage
+- 👤 About
+- 📞 Contact
+- 👥 Authors
+- 👤 Author Single
+- 📝 Blog
+- 📝 Blog Single
+- 🚫 Custom 404
+- 💡 Elements
+- 📄 Privacy Policy
+- 🏷️ Tags
+- 🏷️ Tag Single
+- 🗂️ Categories
+- 🗂️ Category Single
+- 🔍 Search
+
+### 📦 Tech Stack
+
+- [Hugo](https://gohugo.io/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [PostCSS](https://postcss.org/)
+- [PurgeCSS](https://purgecss.com/)
+- [AutoPrefixer](https://autoprefixer.github.io/)
+- [Hugo Modules](https://gohugo.io/hugo-modules/) by [Gethugothemes](https://gethugothemes.com/hugo-modules)
+- [Markdown](https://markdownguide.org/)
+- [Prettier](https://prettier.io/)
+- [Jshint](https://jshint.com/)
+- [Netlify](https://www.netlify.com/)
+- [Vercel](https://vercel.com/)
+- [Github Actions](https://github.com/features/actions)
+- [Gitlab Ci](https://docs.gitlab.com/ee/ci/)
+- [AWS Amplify](https://aws.amazon.com/amplify/)
+
+---
+
+## 🚀 Getting Started
+
+First you need to [clone](https://github.com/zeon-studio/hugoplate) or [download](https://github.com/zeon-studio/hugoplate/archive/refs/heads/main.zip) the template repository, and then let's get started with the following process:
+
+### ⚙️ Prerequisites
+
+To start using this template, you need to have some prerequisites installed on your machine.
+
+- [Hugo Extended v0.115+](https://gohugo.io/installation/)
+- [Node v18+](https://nodejs.org/en/download/)
+- [Go v1.20+](https://go.dev/doc/install)
+
+### 👉 Project Setup
+
+We build this custom script to make your project setup easier. It will create a new Hugo theme folder, and clone the Hugoplate theme into it. Then move the exampleSite folder into the root directory. So that you can start your Hugo server without going into the exampleSite folder. Use the following command to setup your project.
+
+```bash
+npm run project-setup
+```
+
+### 👉 Install Dependencies
+
+Install all the dependencies using the following command.
+
+```bash
+npm install
+```
+
+### 👉 Development Command
+
+Start the development server using the following command.
+
+```bash
+npm run dev
+```
+
+### 🎬 Still Confused? Watch a Quick Video
+
+https://github.com/zeon-studio/hugoplate/assets/58769763/c260c0ae-91be-42ce-b8db-aa7f11f777bd
+
+---
+
+## 📝 Customization
+
+This template has been designed with a lot of customization options in mind. You can customize almost anything you want, including:
+
+### 👉 Site Config
+
+You can change the site title, base URL, language, theme, plugins, and more from the `hugo.toml` file.
+
+### 👉 Site Params
+
+You can customize all the parameters from the `config/_default/params.toml` file. This includes the logo, favicon, search, SEO metadata, and more.
+
+### 👉 Colors and Fonts
+
+You can change the colors and fonts from the `data/theme.json` file. This includes the primary color, secondary color, font family, and font size.
+
+### 👉 Social Links
+
+You can change the social links from the `data/social.json` file. Add your social links here, and they will automatically be displayed on the site.
+
+---
+
+## 🛠 Advanced Usage
+
+We have added some custom scripts to make your life easier. You can use these scripts to help you with your development.
+
+### 👉 Update Theme
+
+If you want to update the theme, then you can use the following command. It will update the theme to the latest version.
+
+```bash
+npm run update-theme
+```
+
+> **Note:** This command will work after running `project-setup` script.
+
+### 👉 Update Modules
+
+We have added a lot of modules to this template. You can update all the modules using the following command.
+
+```bash
+npm run update-modules
+```
+
+### 👉 Remove Dark Mode
+
+If you want to remove dark mode from your project, you can use the following command to remove dark mode from your project.
+
+```bash
+npm run remove-darkmode
+```
+
+> **Note:** This command will work before running `project-setup` script. If you already run the `project-setup` command, then you have to run `npm run theme-setup` first, and then you can run this command. afterward, you can run `npm run project-setup` again.
+
+---
+
+## 🚀 Build And Deploy
+
+After you finish your development, you can build or deploy your project almost everywhere. Let's see the process:
+
+### 👉 Build Command
+
+To build your project locally, you can use the following command. It will purge all the unused CSS and minify all the files.
+
+```bash
+npm run build
+```
+
+### 👉 Deploy Site
+
+We have provided 5 different deploy platform configurations with this template, so you can deploy easily.
+
+- [Netlify](https://www.netlify.com/)
+- [Vercel](https://vercel.com/)
+- [Github Actions](https://github.com/features/actions)
+- [Gitlab Ci](https://docs.gitlab.com/ee/ci/)
+- [AWS Amplify](https://aws.amazon.com/amplify/)
+
+And if you want to Host some other hosting platforms. then you can build your project, and you will get a `public` folder. that you can copy and paste on your hosting platform.
+
+> **Note:** You must change the `baseURL` in the `hugo.toml` file. Otherwise, your site will not work properly.
+
+---
+
+## 🔒 Guide to Staying Compliant
+
+### 🐞 Reporting Issues
+
+We use GitHub Issues as the official bug tracker for this Template. Please Search [existing issues](https://github.com/zeon-studio/hugoplate/issues). It’s possible someone has already reported the same problem.
+If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/zeon-studio/hugoplate/issues).
+
+### 📝 License
+
+Copyright (c) 2023 - Present, Designed & Developed by [Zeon Studio](https://zeon.studio/)
+
+**Code License:** Released under the [MIT](https://github.com/zeon-studio/hugoplate/blob/main/LICENSE) license.
+
+**Image license:** The images are only for demonstration purposes. They have their license, we don't have permission to share those images.
+
+---
+
+## 🖼️ Showcase
+
+List of some projects people are building with **Hugoplate**!
+
+| [](https://open-neuromorphic.org/) | [](https://aimodels.org/) | [](https://www.hugobricks.preview.usecue.com/) | [](https://ono.day/) |
+| :----------------------------------------------------------------------------------: | :-----------------------------------------------------------------: | :---------------------------------------------------------------------------------------: | :----------------------------------------------------------: |
+| **Open Neuromorphic** | **AI Models** | **Hugobricks** | **ONO LLC** |
+
+---
+
+## 💻 Need Customization?
+
+If you need a custom theme, theme customization, or complete website development services from scratch you can [Hire Us](https://zeon.studio/estimate-project).
diff --git a/website/scripts/clearModules.js b/website/scripts/clearModules.js
new file mode 100644
index 00000000..1b9c74ae
--- /dev/null
+++ b/website/scripts/clearModules.js
@@ -0,0 +1,14 @@
+const fs = require("fs");
+
+const clearModules = (filePath) => {
+ if (fs.existsSync(filePath)) {
+ let fileContent = fs.readFileSync(filePath, "utf8");
+ fileContent = fileContent.replace(/require\s*\([\s\S]*?\)/, "");
+ fs.writeFileSync(filePath, fileContent, "utf8");
+ } else {
+ console.log("File does not exist.");
+ }
+};
+
+clearModules("go.mod");
+clearModules("exampleSite/go.mod");
diff --git a/website/scripts/projectSetup.js b/website/scripts/projectSetup.js
new file mode 100644
index 00000000..3ab73068
--- /dev/null
+++ b/website/scripts/projectSetup.js
@@ -0,0 +1,116 @@
+const fs = require("fs");
+const path = require("path");
+
+const toggleComment = ({ filepath, regex }) => {
+ let updatedContent = fs.readFileSync(filepath, "utf8");
+ const match = updatedContent.match(regex);
+
+ if (match) {
+ const matchedContent = match[0];
+ const hasComment = matchedContent.startsWith("# ");
+ if (hasComment) {
+ updatedContent = updatedContent.replace(
+ regex,
+ matchedContent.replace("# ", ""),
+ );
+ fs.writeFileSync(filepath, updatedContent, "utf8");
+ } else {
+ const hasBreakline = matchedContent.includes("\n");
+ if (hasBreakline) {
+ const content = matchedContent
+ .split("\n")
+ .map((line) => "# " + line)
+ .join("\n");
+ updatedContent = updatedContent.replace(regex, content);
+ fs.writeFileSync(filepath, updatedContent, "utf8");
+ }
+ }
+ }
+};
+
+const getFolderName = (rootfolder) => {
+ const configPath = path.join(rootfolder, "exampleSite/hugo.toml");
+ const getConfig = fs.readFileSync(configPath, "utf8");
+ const match = getConfig.match(/theme\s*=\s*\[?"([^"\]]+)"\]?/);
+ let selectedTheme = null;
+ if (match && match[1]) {
+ selectedTheme = match[1];
+ }
+ return selectedTheme;
+};
+
+const deleteFolder = (folderPath) => {
+ if (fs.existsSync(folderPath)) {
+ fs.rmSync(folderPath, { recursive: true, force: true });
+ }
+};
+
+const createNewfolder = (rootfolder, folderName) => {
+ const newFolder = path.join(rootfolder, folderName);
+ fs.mkdirSync(newFolder, { recursive: true });
+ return newFolder;
+};
+
+const iterateFilesAndFolders = (rootFolder, { destinationRoot }) => {
+ const directory = path.join(rootFolder);
+ const items = fs.readdirSync(directory, { withFileTypes: true });
+ items.forEach((item) => {
+ if (item.isDirectory()) {
+ createNewfolder(destinationRoot, item.name);
+ iterateFilesAndFolders(path.join(directory, item.name), {
+ currentFolder: item.name,
+ destinationRoot: path.join(destinationRoot, item.name),
+ });
+ } else {
+ const sourceFile = path.join(directory, item.name);
+ const destinationFile = path.join(destinationRoot, item.name);
+ fs.renameSync(sourceFile, destinationFile);
+ }
+ });
+};
+
+const setupProject = () => {
+ const rootfolder = path.join(__dirname, "../");
+ if (!fs.existsSync(path.join(rootfolder, "themes"))) {
+ // remove this part if you don't using theme demo as a module
+ [
+ {
+ filepath: path.join(rootfolder, "exampleSite/hugo.toml"),
+ regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m,
+ },
+ {
+ filepath: path.join(
+ rootfolder,
+ "exampleSite/config/_default/module.toml",
+ ),
+ regex: /\[\[imports\]\]\s*\r?\npath = "([^"]+)"/,
+ },
+ ].forEach(toggleComment);
+
+ const folderList = ["layouts", "assets", "static"];
+ const folderName = getFolderName(rootfolder);
+ const newfolderName = createNewfolder(
+ path.join(rootfolder, "themes"),
+ folderName,
+ );
+
+ folderList.forEach((folder) => {
+ const source = path.join(rootfolder, folder);
+ const destination = path.join(newfolderName, folder);
+ if (fs.existsSync(source)) {
+ fs.mkdirSync(destination, { recursive: true });
+ iterateFilesAndFolders(source, {
+ currentFolder: folder,
+ destinationRoot: destination,
+ });
+ deleteFolder(source);
+ }
+ });
+
+ const exampleSite = path.join(rootfolder, "exampleSite");
+ iterateFilesAndFolders(exampleSite, { destinationRoot: rootfolder });
+ deleteFolder(exampleSite);
+ }
+};
+
+setupProject();
diff --git a/website/scripts/removeDarkmode.js b/website/scripts/removeDarkmode.js
new file mode 100644
index 00000000..cb1b8636
--- /dev/null
+++ b/website/scripts/removeDarkmode.js
@@ -0,0 +1,69 @@
+const fs = require("fs");
+const path = require("path");
+
+const rootDirs = ["assets/scss", "layouts"];
+const configFiles = [
+ {
+ filePath: "exampleSite/tailwind.config.js",
+ patterns: ["darkmode:\\s*{[^}]*},", 'darkMode:\\s*"class",'],
+ },
+ {
+ filePath: "exampleSite/data/theme.json",
+ patterns: ["colors.darkmode"],
+ },
+];
+
+rootDirs.forEach(removeDarkModeFromPages);
+configFiles.forEach(removeDarkMode);
+
+function removeDarkModeFromFiles(filePath, regexPatterns) {
+ const fileContent = fs.readFileSync(filePath, "utf8");
+ let updatedContent = fileContent;
+ regexPatterns.forEach((pattern) => {
+ const regex = new RegExp(pattern, "g");
+ updatedContent = updatedContent.replace(regex, "");
+ });
+ fs.writeFileSync(filePath, updatedContent, "utf8");
+}
+
+function removeDarkModeFromPages(directoryPath) {
+ const files = fs.readdirSync(directoryPath);
+
+ files.forEach((file) => {
+ const filePath = path.join(directoryPath, file);
+ const stats = fs.statSync(filePath);
+ if (stats.isDirectory()) {
+ removeDarkModeFromPages(filePath);
+ } else if (stats.isFile()) {
+ removeDarkModeFromFiles(filePath, [
+ '(?:(?!["])\\S)*dark:(?:(?![,;"])\\S)*',
+ "@apply?(\\s)*;",
+ ]);
+ }
+ });
+}
+
+function removeDarkMode(configFile) {
+ const { filePath, patterns } = configFile;
+ if (filePath === "exampleSite/tailwind.config.js") {
+ removeDarkModeFromFiles(filePath, patterns);
+ } else {
+ const contentFile = JSON.parse(fs.readFileSync(filePath, "utf8"));
+ patterns.forEach((pattern) => deleteNestedProperty(contentFile, pattern));
+ fs.writeFileSync(filePath, JSON.stringify(contentFile));
+ }
+}
+
+function deleteNestedProperty(obj, propertyPath) {
+ const properties = propertyPath.split(".");
+ let currentObj = obj;
+ for (let i = 0; i < properties.length - 1; i++) {
+ const property = properties[i];
+ if (currentObj.hasOwnProperty(property)) {
+ currentObj = currentObj[property];
+ } else {
+ return; // Property not found, no need to continue
+ }
+ }
+ delete currentObj[properties[properties.length - 1]];
+}
diff --git a/website/scripts/themeSetup.js b/website/scripts/themeSetup.js
new file mode 100644
index 00000000..0d21aad1
--- /dev/null
+++ b/website/scripts/themeSetup.js
@@ -0,0 +1,125 @@
+const fs = require("fs");
+const path = require("path");
+
+const toggleComment = ({ filepath, regex }) => {
+ let updatedContent = fs.readFileSync(filepath, "utf8");
+ const match = updatedContent.match(regex);
+
+ if (match) {
+ const matchedContent = match[0];
+ const hasComment = matchedContent.startsWith("# ");
+ if (hasComment) {
+ const hasBreakline = matchedContent.includes("\n");
+ if (hasBreakline) {
+ updatedContent = updatedContent.replace(
+ regex,
+ matchedContent.replace(/# /gm, ""),
+ );
+ fs.writeFileSync(filepath, updatedContent, "utf8");
+ }
+ } else {
+ updatedContent = updatedContent.replace(regex, "# " + matchedContent);
+ fs.writeFileSync(filepath, updatedContent, "utf8");
+ }
+ }
+};
+
+const createNewfolder = (rootfolder, folderName) => {
+ const newFolder = path.join(rootfolder, folderName);
+ fs.mkdirSync(newFolder, { recursive: true });
+ return newFolder;
+};
+
+const deleteFolder = (folderPath) => {
+ if (fs.existsSync(folderPath)) {
+ fs.rmSync(folderPath, { recursive: true, force: true });
+ }
+};
+
+const getFolderName = (rootfolder) => {
+ const configPath = path.join(rootfolder, "exampleSite/hugo.toml");
+ const getConfig = fs.readFileSync(configPath, "utf8");
+ const match = getConfig.match(/theme\s*=\s*\[?"([^"\]]+)"\]?/);
+ let selectedTheme = null;
+ if (match && match[1]) {
+ selectedTheme = match[1];
+ }
+ return selectedTheme;
+};
+
+const iterateFilesAndFolders = (rootFolder, { destinationRoot }) => {
+ const directory = path.join(rootFolder);
+ const items = fs.readdirSync(directory, { withFileTypes: true });
+ items.forEach((item) => {
+ if (item.isDirectory()) {
+ createNewfolder(destinationRoot, item.name);
+ iterateFilesAndFolders(path.join(directory, item.name), {
+ currentFolder: item.name,
+ destinationRoot: path.join(destinationRoot, item.name),
+ });
+ } else {
+ const sourceFile = path.join(directory, item.name);
+ const destinationFile = path.join(destinationRoot, item.name);
+ fs.renameSync(sourceFile, destinationFile);
+ }
+ });
+};
+
+const setupTheme = () => {
+ const rootFolder = path.join(__dirname, "../");
+
+ if (!fs.existsSync(path.join(rootFolder, "exampleSite"))) {
+ // remove this part if you don't using theme demo as a module
+ [
+ {
+ filepath: path.join(rootFolder, "config/_default/module.toml"),
+ regex: /# \[\[imports\]\]\s*\r?\n# path = "([^"]+)"/,
+ },
+ {
+ filepath: path.join(rootFolder, "hugo.toml"),
+ regex: /^.*theme\s*=\s*("[^"\]]+"|\S+)/m,
+ },
+ ].forEach(toggleComment);
+
+ const includesFiles = [
+ "tailwind.config.js",
+ "postcss.config.js",
+ "go.mod",
+ "hugo.toml",
+ "assets",
+ "config",
+ "data",
+ "content",
+ "i18n",
+ "static",
+ ];
+
+ const folder = createNewfolder(rootFolder, "exampleSite");
+
+ fs.readdirSync(rootFolder, { withFileTypes: true }).forEach((file) => {
+ if (includesFiles.includes(file.name)) {
+ if (file.isDirectory()) {
+ const destination = path.join(rootFolder, "exampleSite", file.name);
+ fs.mkdirSync(destination, { recursive: true });
+ iterateFilesAndFolders(path.join(rootFolder, file.name), {
+ destinationRoot: destination,
+ });
+ deleteFolder(path.join(rootFolder, file.name));
+ } else {
+ fs.renameSync(
+ path.join(rootFolder, file.name),
+ path.join(folder, file.name),
+ );
+ }
+ }
+ });
+
+ const themes = path.join(rootFolder, "themes");
+ iterateFilesAndFolders(path.join(themes, getFolderName(rootFolder)), {
+ destinationRoot: rootFolder,
+ });
+ deleteFolder(themes);
+ }
+};
+
+setupTheme();
diff --git a/website/scripts/themeUpdate.js b/website/scripts/themeUpdate.js
new file mode 100644
index 00000000..742cd20b
--- /dev/null
+++ b/website/scripts/themeUpdate.js
@@ -0,0 +1,19 @@
+const { exec } = require("child_process");
+
+const repositoryUrl = "https://github.com/zeon-studio/hugoplate";
+const localDirectory = "./themes/hugoplate";
+const foldersToFetch = ["assets", "layouts"];
+const foldersToSkip = ["exampleSite"];
+
+const fetchFolder = (folder) => {
+ exec(
+ `curl -L ${repositoryUrl}/tarball/main | tar -xz --strip-components=1 --directory=${localDirectory} --exclude=$(curl -sL ${repositoryUrl}/tarball/main | tar -tz | grep -E "/(${foldersToSkip.join(
+ "|",
+ )})/") */${folder}`,
+ );
+};
+
+// Fetch each specified folder
+foldersToFetch.forEach((folder) => {
+ fetchFolder(folder);
+});
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
new file mode 100755
index 00000000..bbc2a5ea
--- /dev/null
+++ b/website/tailwind.config.js
@@ -0,0 +1,103 @@
+const fs = require("fs");
+const path = require("path");
+const themePath = path.join(__dirname, "data/theme.json");
+const themeRead = fs.readFileSync(themePath, "utf8");
+const theme = JSON.parse(themeRead);
+
+let font_base = Number(theme.fonts.font_size.base.replace("px", ""));
+let font_scale = Number(theme.fonts.font_size.scale);
+let h6 = font_scale;
+let h5 = h6 * font_scale;
+let h4 = h5 * font_scale;
+let h3 = h4 * font_scale;
+let h2 = h3 * font_scale;
+let h1 = h2 * font_scale;
+let fontPrimary, fontPrimaryType, fontSecondary, fontSecondaryType;
+if (theme.fonts.font_family.primary) {
+ fontPrimary = theme.fonts.font_family.primary
+ .replace(/\+/g, " ")
+ .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;]+/gi, "");
+ fontPrimaryType = theme.fonts.font_family.primary_type;
+}
+if (theme.fonts.font_family.secondary) {
+ fontSecondary = theme.fonts.font_family.secondary
+ .replace(/\+/g, " ")
+ .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;]+/gi, "");
+ fontSecondaryType = theme.fonts.font_family.secondary_type;
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./hugo_stats.json"],
+ safelist: [{ pattern: /^swiper-/ }],
+ darkMode: "class",
+ theme: {
+ screens: {
+ sm: "540px",
+ md: "768px",
+ lg: "1024px",
+ xl: "1280px",
+ "2xl": "1536px",
+ },
+ container: {
+ center: true,
+ padding: "2rem",
+ },
+ extend: {
+ colors: {
+ text: theme.colors.default.text_color.default,
+ light: theme.colors.default.text_color.light,
+ dark: theme.colors.default.text_color.dark,
+ primary: theme.colors.default.theme_color.primary,
+ secondary: theme.colors.default.theme_color.secondary,
+ body: theme.colors.default.theme_color.body,
+ border: theme.colors.default.theme_color.border,
+ "theme-light": theme.colors.default.theme_color.theme_light,
+ "theme-dark": theme.colors.default.theme_color.theme_dark,
+ darkmode: {
+ text: theme.colors.darkmode.text_color.default,
+ light: theme.colors.darkmode.text_color.light,
+ dark: theme.colors.darkmode.text_color.dark,
+ primary: theme.colors.darkmode.theme_color.primary,
+ secondary: theme.colors.darkmode.theme_color.secondary,
+ body: theme.colors.darkmode.theme_color.body,
+ border: theme.colors.darkmode.theme_color.border,
+ "theme-light": theme.colors.darkmode.theme_color.theme_light,
+ "theme-dark": theme.colors.darkmode.theme_color.theme_dark,
+ },
+ },
+ fontSize: {
+ base: font_base + "px",
+ "base-sm": font_base * 0.8 + "px",
+ h1: h1 + "rem",
+ "h1-sm": h1 * 0.9 + "rem",
+ h2: h2 + "rem",
+ "h2-sm": h2 * 0.9 + "rem",
+ h3: h3 + "rem",
+ "h3-sm": h3 * 0.9 + "rem",
+ h4: h4 + "rem",
+ h5: h5 + "rem",
+ h6: h6 + "rem",
+ },
+ fontFamily: {
+ primary: [fontPrimary, fontPrimaryType],
+ secondary: [fontSecondary, fontSecondaryType],
+ },
+ },
+ },
+ plugins: [
+ require("@tailwindcss/typography"),
+ require("@tailwindcss/forms"),
+ require("tailwind-bootstrap-grid")({
+ generateContainer: false,
+ gridGutterWidth: "2rem",
+ gridGutters: {
+ 1: "0.25rem",
+ 2: "0.5rem",
+ 3: "1rem",
+ 4: "1.5rem",
+ 5: "3rem",
+ },
+ }),
+ ],
+};
diff --git a/website/theme.toml b/website/theme.toml
new file mode 100644
index 00000000..0a68031f
--- /dev/null
+++ b/website/theme.toml
@@ -0,0 +1,38 @@
+name = "Hugoplate"
+license = "MIT"
+licenselink = "https://github.com/zeon-studio/hugoplate/blob/main/LICENSE"
+description = "Hugoplate is a free starter template built with Hugo, and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
+homepage = "https://github.com/zeon-studio/hugoplate"
+demosite = "https://zeon.studio/preview?project=hugoplate"
+min_version = "0.121.2"
+
+tags = [
+ "blog",
+ "responsive",
+ "minimal",
+ "personal",
+ "light",
+ "dark",
+ "multilingual",
+ "landing",
+ "contact",
+ "dark mode",
+ "tailwindcss",
+]
+
+features = [
+ "Multi-Authors",
+ "Search",
+ "Multilingual",
+ "Dark Mode",
+ "Taxonomies",
+]
+
+[author]
+name = "Zeon Studio"
+homepage = "https://zeon.studio"
+
+[original]
+author = "Zeon Studio"
+homepage = "https://zeon.studio"
+repo = "https://github.com/zeon-studio/themeplate"
diff --git a/website/themes/hugoplate/assets/js/main.js b/website/themes/hugoplate/assets/js/main.js
new file mode 100755
index 00000000..59272a50
--- /dev/null
+++ b/website/themes/hugoplate/assets/js/main.js
@@ -0,0 +1,36 @@
+// main script
+(function () {
+ "use strict";
+
+ // Dropdown Menu Toggler For Mobile
+ // ----------------------------------------
+ const dropdownMenuToggler = document.querySelectorAll(
+ ".nav-dropdown > .nav-link",
+ );
+
+ dropdownMenuToggler.forEach((toggler) => {
+ toggler?.addEventListener("click", (e) => {
+ e.target.closest(".nav-item").classList.toggle("active");
+ });
+ });
+
+ // Testimonial Slider
+ // ----------------------------------------
+ new Swiper(".testimonial-slider", {
+ spaceBetween: 24,
+ loop: true,
+ pagination: {
+ el: ".testimonial-slider-pagination",
+ type: "bullets",
+ clickable: true,
+ },
+ breakpoints: {
+ 768: {
+ slidesPerView: 2,
+ },
+ 992: {
+ slidesPerView: 3,
+ },
+ },
+ });
+})();
diff --git a/website/themes/hugoplate/assets/plugins/maps/google-map.js b/website/themes/hugoplate/assets/plugins/maps/google-map.js
new file mode 100644
index 00000000..884b5b1b
--- /dev/null
+++ b/website/themes/hugoplate/assets/plugins/maps/google-map.js
@@ -0,0 +1,179 @@
+/*!***************************************************
+ * Google Map
+ *****************************************************/
+
+window.marker = null;
+
+function initialize() {
+ var map,
+ mapId = document.getElementById("map");
+ var latitude = mapId.getAttribute("data-latitude");
+ var longitude = mapId.getAttribute("data-longitude");
+ var mapMarker = mapId.getAttribute("data-marker");
+ var mapMarkerName = mapId.getAttribute("data-marker-name");
+ var nottingham = new google.maps.LatLng(latitude, longitude);
+ var style = [
+ {
+ featureType: "administrative",
+ elementType: "all",
+ stylers: [
+ {
+ saturation: "-100",
+ },
+ ],
+ },
+ {
+ featureType: "administrative.province",
+ elementType: "all",
+ stylers: [
+ {
+ visibility: "off",
+ },
+ ],
+ },
+ {
+ featureType: "landscape",
+ elementType: "all",
+ stylers: [
+ {
+ saturation: -100,
+ },
+ {
+ lightness: 65,
+ },
+ {
+ visibility: "on",
+ },
+ ],
+ },
+ {
+ featureType: "poi",
+ elementType: "all",
+ stylers: [
+ {
+ saturation: -100,
+ },
+ {
+ lightness: "50",
+ },
+ {
+ visibility: "simplified",
+ },
+ ],
+ },
+ {
+ featureType: "road",
+ elementType: "all",
+ stylers: [
+ {
+ saturation: "-100",
+ },
+ ],
+ },
+ {
+ featureType: "road.highway",
+ elementType: "all",
+ stylers: [
+ {
+ visibility: "simplified",
+ },
+ ],
+ },
+ {
+ featureType: "road.arterial",
+ elementType: "all",
+ stylers: [
+ {
+ lightness: "30",
+ },
+ ],
+ },
+ {
+ featureType: "road.local",
+ elementType: "all",
+ stylers: [
+ {
+ lightness: "40",
+ },
+ ],
+ },
+ {
+ featureType: "transit",
+ elementType: "all",
+ stylers: [
+ {
+ saturation: -100,
+ },
+ {
+ visibility: "simplified",
+ },
+ ],
+ },
+ {
+ featureType: "water",
+ elementType: "geometry",
+ stylers: [
+ {
+ hue: "#ffff00",
+ },
+ {
+ lightness: -25,
+ },
+ {
+ saturation: -97,
+ },
+ ],
+ },
+ {
+ featureType: "water",
+ elementType: "labels",
+ stylers: [
+ {
+ lightness: -25,
+ },
+ {
+ saturation: -100,
+ },
+ ],
+ },
+ ];
+ var mapOptions = {
+ center: nottingham,
+ mapTypeId: google.maps.MapTypeId.ROADMAP,
+ backgroundColor: "#000",
+ zoom: 15,
+ panControl: !1,
+ zoomControl: !0,
+ mapTypeControl: !1,
+ scaleControl: !1,
+ streetViewControl: !1,
+ overviewMapControl: !1,
+ zoomControlOptions: {
+ style: google.maps.ZoomControlStyle.LARGE,
+ },
+ };
+ map = new google.maps.Map(document.getElementById("map"), mapOptions);
+ var mapType = new google.maps.StyledMapType(style, {
+ name: "Grayscale",
+ });
+ map.mapTypes.set("grey", mapType);
+ map.setMapTypeId("grey");
+ var marker_image = mapMarker;
+ var pinIcon = new google.maps.MarkerImage(
+ marker_image,
+ null,
+ null,
+ null,
+ new google.maps.Size(30, 50),
+ );
+ marker = new google.maps.Marker({
+ position: nottingham,
+ map: map,
+ icon: pinIcon,
+ title: mapMarkerName,
+ });
+}
+var map = document.getElementById("map");
+if (map != null) {
+ google.maps.event.addDomListener(window, "load", initialize);
+}
diff --git a/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css b/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css
new file mode 100644
index 00000000..6f0c1942
--- /dev/null
+++ b/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.css
@@ -0,0 +1,667 @@
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+@font-face {
+ font-family: "swiper-icons";
+ src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
+ font-weight: 400;
+ font-style: normal;
+}
+:root {
+ --swiper-theme-color: #007aff;
+}
+.swiper {
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ overflow: hidden;
+ list-style: none;
+ padding: 0;
+ /* Fix of Webkit flickering */
+ z-index: 1;
+}
+.swiper-vertical > .swiper-wrapper {
+ flex-direction: column;
+}
+.swiper-wrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ display: flex;
+ transition-property: transform;
+ box-sizing: content-box;
+}
+.swiper-android .swiper-slide,
+.swiper-wrapper {
+ transform: translate3d(0px, 0, 0);
+}
+.swiper-pointer-events {
+ touch-action: pan-y;
+}
+.swiper-pointer-events.swiper-vertical {
+ touch-action: pan-x;
+}
+.swiper-slide {
+ flex-shrink: 0;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+ visibility: hidden;
+}
+/* Auto Height */
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+ height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+ align-items: flex-start;
+ transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+ transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+/* 3D Effects */
+.swiper-3d,
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+ perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper,
+.swiper-3d .swiper-slide,
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-cube-shadow {
+ transform-style: preserve-3d;
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+ background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+ background-image: linear-gradient(
+ to left,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-right {
+ background-image: linear-gradient(
+ to right,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-top {
+ background-image: linear-gradient(
+ to top,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+ background-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0.5),
+ rgba(0, 0, 0, 0)
+ );
+}
+/* CSS Mode */
+.swiper-css-mode > .swiper-wrapper {
+ overflow: auto;
+ scrollbar-width: none;
+ /* For Firefox */
+ -ms-overflow-style: none;
+ /* For Internet Explorer and Edge */
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+ display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+ scroll-snap-align: start start;
+}
+.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+ scroll-snap-type: x mandatory;
+}
+.swiper-vertical.swiper-css-mode > .swiper-wrapper {
+ scroll-snap-type: y mandatory;
+}
+.swiper-centered > .swiper-wrapper::before {
+ content: "";
+ flex-shrink: 0;
+ order: 9999;
+}
+.swiper-centered.swiper-horizontal
+ > .swiper-wrapper
+ > .swiper-slide:first-child {
+ margin-inline-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+ height: 100%;
+ min-height: 1px;
+ width: var(--swiper-centered-offset-after);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+ margin-block-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+ width: 100%;
+ min-width: 1px;
+ height: var(--swiper-centered-offset-after);
+}
+.swiper-centered > .swiper-wrapper > .swiper-slide {
+ scroll-snap-align: center center;
+}
+.swiper-virtual .swiper-slide {
+ -webkit-backface-visibility: hidden;
+ transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+ height: 1px;
+ width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+ width: 1px;
+ height: var(--swiper-virtual-size);
+}
+:root {
+ --swiper-navigation-size: 44px;
+ /*
+ --swiper-navigation-color: var(--swiper-theme-color);
+ */
+}
+.swiper-button-prev,
+.swiper-button-next {
+ position: absolute;
+ top: 50%;
+ width: calc(var(--swiper-navigation-size) / 44 * 27);
+ height: var(--swiper-navigation-size);
+ margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+ z-index: 10;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+ opacity: 0.35;
+ cursor: auto;
+ pointer-events: none;
+}
+.swiper-button-prev:after,
+.swiper-button-next:after {
+ font-family: swiper-icons;
+ font-size: var(--swiper-navigation-size);
+ text-transform: none !important;
+ letter-spacing: 0;
+ text-transform: none;
+ font-variant: initial;
+ line-height: 1;
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+ left: 10px;
+ right: auto;
+}
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+ content: "prev";
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+ right: 10px;
+ left: auto;
+}
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+ content: "next";
+}
+.swiper-button-lock {
+ display: none;
+}
+:root {
+ /*
+ --swiper-pagination-color: var(--swiper-theme-color);
+ --swiper-pagination-bullet-size: 8px;
+ --swiper-pagination-bullet-width: 8px;
+ --swiper-pagination-bullet-height: 8px;
+ --swiper-pagination-bullet-inactive-color: #000;
+ --swiper-pagination-bullet-inactive-opacity: 0.2;
+ --swiper-pagination-bullet-opacity: 1;
+ --swiper-pagination-bullet-horizontal-gap: 4px;
+ --swiper-pagination-bullet-vertical-gap: 6px;
+ */
+}
+.swiper-pagination {
+ position: absolute;
+ text-align: center;
+ transition: 300ms opacity;
+ transform: translate3d(0, 0, 0);
+ z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+ opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+ bottom: 10px;
+ left: 0;
+ width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+ overflow: hidden;
+ font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+ transform: scale(0.33);
+ position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+ transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+ transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+ transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+ transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+ transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+ transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+ width: var(
+ --swiper-pagination-bullet-width,
+ var(--swiper-pagination-bullet-size, 8px)
+ );
+ height: var(
+ --swiper-pagination-bullet-height,
+ var(--swiper-pagination-bullet-size, 8px)
+ );
+ display: inline-block;
+ border-radius: 50%;
+ background: var(--swiper-pagination-bullet-inactive-color, #000);
+ opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+ border: none;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+ cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+ display: none !important;
+}
+.swiper-pagination-bullet-active {
+ opacity: var(--swiper-pagination-bullet-opacity, 1);
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-vertical > .swiper-pagination-bullets,
+.swiper-pagination-vertical.swiper-pagination-bullets {
+ right: 10px;
+ top: 50%;
+ transform: translate3d(0px, -50%, 0);
+}
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets
+ .swiper-pagination-bullet {
+ margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+ display: block;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ top: 50%;
+ transform: translateY(-50%);
+ width: 8px;
+}
+.swiper-vertical
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ display: inline-block;
+ transition:
+ 200ms transform,
+ 200ms top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets
+ .swiper-pagination-bullet {
+ margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+ left: 50%;
+ transform: translateX(-50%);
+ white-space: nowrap;
+}
+.swiper-horizontal
+ > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ transition:
+ 200ms transform,
+ 200ms left;
+}
+.swiper-horizontal.swiper-rtl
+ > .swiper-pagination-bullets-dynamic
+ .swiper-pagination-bullet {
+ transition:
+ 200ms transform,
+ 200ms right;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+ background: rgba(0, 0, 0, 0.25);
+ position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ transform: scale(0);
+ transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+ transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-vertical
+ > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+ width: 100%;
+ height: 4px;
+ left: 0;
+ top: 0;
+}
+.swiper-vertical > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-horizontal
+ > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+ width: 4px;
+ height: 100%;
+ left: 0;
+ top: 0;
+}
+.swiper-pagination-lock {
+ display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+ border-radius: 10px;
+ position: relative;
+ -ms-touch-action: none;
+ background: rgba(0, 0, 0, 0.1);
+}
+.swiper-horizontal > .swiper-scrollbar {
+ position: absolute;
+ left: 1%;
+ bottom: 3px;
+ z-index: 50;
+ height: 5px;
+ width: 98%;
+}
+.swiper-vertical > .swiper-scrollbar {
+ position: absolute;
+ right: 3px;
+ top: 1%;
+ z-index: 50;
+ width: 5px;
+ height: 98%;
+}
+.swiper-scrollbar-drag {
+ height: 100%;
+ width: 100%;
+ position: relative;
+ background: rgba(0, 0, 0, 0.5);
+ border-radius: 10px;
+ left: 0;
+ top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+ cursor: move;
+}
+.swiper-scrollbar-lock {
+ display: none;
+}
+.swiper-zoom-container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
+}
+.swiper-slide-zoomed {
+ cursor: move;
+}
+/* Preloader */
+:root {
+ /*
+ --swiper-preloader-color: var(--swiper-theme-color);
+ */
+}
+.swiper-lazy-preloader {
+ width: 42px;
+ height: 42px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-left: -21px;
+ margin-top: -21px;
+ z-index: 10;
+ transform-origin: 50%;
+ box-sizing: border-box;
+ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+ border-radius: 50%;
+ border-top-color: transparent;
+}
+.swiper-slide-visible .swiper-lazy-preloader {
+ animation: swiper-preloader-spin 1s infinite linear;
+}
+.swiper-lazy-preloader-white {
+ --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+ --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+/* a11y */
+.swiper .swiper-notification {
+ position: absolute;
+ left: 0;
+ top: 0;
+ pointer-events: none;
+ opacity: 0;
+ z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+ transition-timing-function: ease-out;
+ margin: 0 auto;
+}
+.swiper-grid > .swiper-wrapper {
+ flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+ flex-wrap: wrap;
+ flex-direction: column;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+ transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+ pointer-events: none;
+ transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-fade .swiper-slide-active,
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-cube {
+ overflow: visible;
+}
+.swiper-cube .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+ visibility: hidden;
+ transform-origin: 0 0;
+ width: 100%;
+ height: 100%;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+ transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev,
+.swiper-cube .swiper-slide-next + .swiper-slide {
+ pointer-events: auto;
+ visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-top,
+.swiper-cube .swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-right {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.swiper-cube .swiper-cube-shadow {
+ position: absolute;
+ left: 0;
+ bottom: 0px;
+ width: 100%;
+ height: 100%;
+ opacity: 0.6;
+ z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+ content: "";
+ background: #000;
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ filter: blur(50px);
+}
+.swiper-flip {
+ overflow: visible;
+}
+.swiper-flip .swiper-slide {
+ pointer-events: none;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+ pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+ pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-top,
+.swiper-flip .swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-right {
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.swiper-creative .swiper-slide {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+ transition-property: transform, opacity, height;
+}
+.swiper-cards {
+ overflow: visible;
+}
+.swiper-cards .swiper-slide {
+ transform-origin: center bottom;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ overflow: hidden;
+}
diff --git a/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js b/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js
new file mode 100644
index 00000000..0c4b838a
--- /dev/null
+++ b/website/themes/hugoplate/assets/plugins/swiper/swiper-bundle.js
@@ -0,0 +1,11852 @@
+/**
+ * Swiper 8.0.7
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: March 4, 2022
+ */
+
+(function (global, factory) {
+ typeof exports === "object" && typeof module !== "undefined"
+ ? (module.exports = factory())
+ : typeof define === "function" && define.amd
+ ? define(factory)
+ : ((global =
+ typeof globalThis !== "undefined" ? globalThis : global || self),
+ (global.Swiper = factory()));
+})(this, function () {
+ "use strict";
+
+ /**
+ * SSR Window 4.0.2
+ * Better handling for window object in SSR environment
+ * https://github.com/nolimits4web/ssr-window
+ *
+ * Copyright 2021, Vladimir Kharlampidi
+ *
+ * Licensed under MIT
+ *
+ * Released on: December 13, 2021
+ */
+
+ /* eslint-disable no-param-reassign */
+ function isObject$1(obj) {
+ return (
+ obj !== null &&
+ typeof obj === "object" &&
+ "constructor" in obj &&
+ obj.constructor === Object
+ );
+ }
+
+ function extend$1(target, src) {
+ if (target === void 0) {
+ target = {};
+ }
+
+ if (src === void 0) {
+ src = {};
+ }
+
+ Object.keys(src).forEach((key) => {
+ if (typeof target[key] === "undefined") target[key] = src[key];
+ else if (
+ isObject$1(src[key]) &&
+ isObject$1(target[key]) &&
+ Object.keys(src[key]).length > 0
+ ) {
+ extend$1(target[key], src[key]);
+ }
+ });
+ }
+
+ const ssrDocument = {
+ body: {},
+
+ addEventListener() {},
+
+ removeEventListener() {},
+
+ activeElement: {
+ blur() {},
+
+ nodeName: "",
+ },
+
+ querySelector() {
+ return null;
+ },
+
+ querySelectorAll() {
+ return [];
+ },
+
+ getElementById() {
+ return null;
+ },
+
+ createEvent() {
+ return {
+ initEvent() {},
+ };
+ },
+
+ createElement() {
+ return {
+ children: [],
+ childNodes: [],
+ style: {},
+
+ setAttribute() {},
+
+ getElementsByTagName() {
+ return [];
+ },
+ };
+ },
+
+ createElementNS() {
+ return {};
+ },
+
+ importNode() {
+ return null;
+ },
+
+ location: {
+ hash: "",
+ host: "",
+ hostname: "",
+ href: "",
+ origin: "",
+ pathname: "",
+ protocol: "",
+ search: "",
+ },
+ };
+
+ function getDocument() {
+ const doc = typeof document !== "undefined" ? document : {};
+ extend$1(doc, ssrDocument);
+ return doc;
+ }
+
+ const ssrWindow = {
+ document: ssrDocument,
+ navigator: {
+ userAgent: "",
+ },
+ location: {
+ hash: "",
+ host: "",
+ hostname: "",
+ href: "",
+ origin: "",
+ pathname: "",
+ protocol: "",
+ search: "",
+ },
+ history: {
+ replaceState() {},
+
+ pushState() {},
+
+ go() {},
+
+ back() {},
+ },
+ CustomEvent: function CustomEvent() {
+ return this;
+ },
+
+ addEventListener() {},
+
+ removeEventListener() {},
+
+ getComputedStyle() {
+ return {
+ getPropertyValue() {
+ return "";
+ },
+ };
+ },
+
+ Image() {},
+
+ Date() {},
+
+ screen: {},
+
+ setTimeout() {},
+
+ clearTimeout() {},
+
+ matchMedia() {
+ return {};
+ },
+
+ requestAnimationFrame(callback) {
+ if (typeof setTimeout === "undefined") {
+ callback();
+ return null;
+ }
+
+ return setTimeout(callback, 0);
+ },
+
+ cancelAnimationFrame(id) {
+ if (typeof setTimeout === "undefined") {
+ return;
+ }
+
+ clearTimeout(id);
+ },
+ };
+
+ function getWindow() {
+ const win = typeof window !== "undefined" ? window : {};
+ extend$1(win, ssrWindow);
+ return win;
+ }
+
+ /**
+ * Dom7 4.0.4
+ * Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
+ * https://framework7.io/docs/dom7.html
+ *
+ * Copyright 2022, Vladimir Kharlampidi
+ *
+ * Licensed under MIT
+ *
+ * Released on: January 11, 2022
+ */
+ /* eslint-disable no-proto */
+
+ function makeReactive(obj) {
+ const proto = obj.__proto__;
+ Object.defineProperty(obj, "__proto__", {
+ get() {
+ return proto;
+ },
+
+ set(value) {
+ proto.__proto__ = value;
+ },
+ });
+ }
+
+ class Dom7 extends Array {
+ constructor(items) {
+ if (typeof items === "number") {
+ super(items);
+ } else {
+ super(...(items || []));
+ makeReactive(this);
+ }
+ }
+ }
+
+ function arrayFlat(arr) {
+ if (arr === void 0) {
+ arr = [];
+ }
+
+ const res = [];
+ arr.forEach((el) => {
+ if (Array.isArray(el)) {
+ res.push(...arrayFlat(el));
+ } else {
+ res.push(el);
+ }
+ });
+ return res;
+ }
+
+ function arrayFilter(arr, callback) {
+ return Array.prototype.filter.call(arr, callback);
+ }
+
+ function arrayUnique(arr) {
+ const uniqueArray = [];
+
+ for (let i = 0; i < arr.length; i += 1) {
+ if (uniqueArray.indexOf(arr[i]) === -1) uniqueArray.push(arr[i]);
+ }
+
+ return uniqueArray;
+ }
+
+ function qsa(selector, context) {
+ if (typeof selector !== "string") {
+ return [selector];
+ }
+
+ const a = [];
+ const res = context.querySelectorAll(selector);
+
+ for (let i = 0; i < res.length; i += 1) {
+ a.push(res[i]);
+ }
+
+ return a;
+ }
+
+ function $(selector, context) {
+ const window = getWindow();
+ const document = getDocument();
+ let arr = [];
+
+ if (!context && selector instanceof Dom7) {
+ return selector;
+ }
+
+ if (!selector) {
+ return new Dom7(arr);
+ }
+
+ if (typeof selector === "string") {
+ const html = selector.trim();
+
+ if (html.indexOf("<") >= 0 && html.indexOf(">") >= 0) {
+ let toCreate = "div";
+ if (html.indexOf(" c.split(" ")));
+ this.forEach((el) => {
+ el.classList.add(...classNames);
+ });
+ return this;
+ }
+
+ function removeClass() {
+ for (
+ var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ classes[_key2] = arguments[_key2];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ el.classList.remove(...classNames);
+ });
+ return this;
+ }
+
+ function toggleClass() {
+ for (
+ var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0;
+ _key3 < _len3;
+ _key3++
+ ) {
+ classes[_key3] = arguments[_key3];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ this.forEach((el) => {
+ classNames.forEach((className) => {
+ el.classList.toggle(className);
+ });
+ });
+ }
+
+ function hasClass() {
+ for (
+ var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0;
+ _key4 < _len4;
+ _key4++
+ ) {
+ classes[_key4] = arguments[_key4];
+ }
+
+ const classNames = arrayFlat(classes.map((c) => c.split(" ")));
+ return (
+ arrayFilter(this, (el) => {
+ return (
+ classNames.filter((className) => el.classList.contains(className))
+ .length > 0
+ );
+ }).length > 0
+ );
+ }
+
+ function attr(attrs, value) {
+ if (arguments.length === 1 && typeof attrs === "string") {
+ // Get attr
+ if (this[0]) return this[0].getAttribute(attrs);
+ return undefined;
+ } // Set attrs
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (arguments.length === 2) {
+ // String
+ this[i].setAttribute(attrs, value);
+ } else {
+ // Object
+ for (const attrName in attrs) {
+ this[i][attrName] = attrs[attrName];
+ this[i].setAttribute(attrName, attrs[attrName]);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function removeAttr(attr) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].removeAttribute(attr);
+ }
+
+ return this;
+ }
+
+ function transform(transform) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transform = transform;
+ }
+
+ return this;
+ }
+
+ function transition$1(duration) {
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].style.transitionDuration =
+ typeof duration !== "string" ? `${duration}ms` : duration;
+ }
+
+ return this;
+ }
+
+ function on() {
+ for (
+ var _len5 = arguments.length, args = new Array(_len5), _key5 = 0;
+ _key5 < _len5;
+ _key5++
+ ) {
+ args[_key5] = arguments[_key5];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+
+ function handleLiveEvent(e) {
+ const target = e.target;
+ if (!target) return;
+ const eventData = e.target.dom7EventData || [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ if ($(target).is(targetSelector)) listener.apply(target, eventData);
+ else {
+ const parents = $(target).parents(); // eslint-disable-line
+
+ for (let k = 0; k < parents.length; k += 1) {
+ if ($(parents[k]).is(targetSelector))
+ listener.apply(parents[k], eventData);
+ }
+ }
+ }
+
+ function handleEvent(e) {
+ const eventData = e && e.target ? e.target.dom7EventData || [] : [];
+
+ if (eventData.indexOf(e) < 0) {
+ eventData.unshift(e);
+ }
+
+ listener.apply(this, eventData);
+ }
+
+ const events = eventType.split(" ");
+ let j;
+
+ for (let i = 0; i < this.length; i += 1) {
+ const el = this[i];
+
+ if (!targetSelector) {
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7Listeners) el.dom7Listeners = {};
+ if (!el.dom7Listeners[event]) el.dom7Listeners[event] = [];
+ el.dom7Listeners[event].push({
+ listener,
+ proxyListener: handleEvent,
+ });
+ el.addEventListener(event, handleEvent, capture);
+ }
+ } else {
+ // Live events
+ for (j = 0; j < events.length; j += 1) {
+ const event = events[j];
+ if (!el.dom7LiveListeners) el.dom7LiveListeners = {};
+ if (!el.dom7LiveListeners[event]) el.dom7LiveListeners[event] = [];
+ el.dom7LiveListeners[event].push({
+ listener,
+ proxyListener: handleLiveEvent,
+ });
+ el.addEventListener(event, handleLiveEvent, capture);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function off() {
+ for (
+ var _len6 = arguments.length, args = new Array(_len6), _key6 = 0;
+ _key6 < _len6;
+ _key6++
+ ) {
+ args[_key6] = arguments[_key6];
+ }
+
+ let [eventType, targetSelector, listener, capture] = args;
+
+ if (typeof args[1] === "function") {
+ [eventType, listener, capture] = args;
+ targetSelector = undefined;
+ }
+
+ if (!capture) capture = false;
+ const events = eventType.split(" ");
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+ let handlers;
+
+ if (!targetSelector && el.dom7Listeners) {
+ handlers = el.dom7Listeners[event];
+ } else if (targetSelector && el.dom7LiveListeners) {
+ handlers = el.dom7LiveListeners[event];
+ }
+
+ if (handlers && handlers.length) {
+ for (let k = handlers.length - 1; k >= 0; k -= 1) {
+ const handler = handlers[k];
+
+ if (listener && handler.listener === listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (
+ listener &&
+ handler.listener &&
+ handler.listener.dom7proxy &&
+ handler.listener.dom7proxy === listener
+ ) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ } else if (!listener) {
+ el.removeEventListener(event, handler.proxyListener, capture);
+ handlers.splice(k, 1);
+ }
+ }
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function trigger() {
+ const window = getWindow();
+
+ for (
+ var _len9 = arguments.length, args = new Array(_len9), _key9 = 0;
+ _key9 < _len9;
+ _key9++
+ ) {
+ args[_key9] = arguments[_key9];
+ }
+
+ const events = args[0].split(" ");
+ const eventData = args[1];
+
+ for (let i = 0; i < events.length; i += 1) {
+ const event = events[i];
+
+ for (let j = 0; j < this.length; j += 1) {
+ const el = this[j];
+
+ if (window.CustomEvent) {
+ const evt = new window.CustomEvent(event, {
+ detail: eventData,
+ bubbles: true,
+ cancelable: true,
+ });
+ el.dom7EventData = args.filter((data, dataIndex) => dataIndex > 0);
+ el.dispatchEvent(evt);
+ el.dom7EventData = [];
+ delete el.dom7EventData;
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function transitionEnd$1(callback) {
+ const dom = this;
+
+ function fireCallBack(e) {
+ if (e.target !== this) return;
+ callback.call(this, e);
+ dom.off("transitionend", fireCallBack);
+ }
+
+ if (callback) {
+ dom.on("transitionend", fireCallBack);
+ }
+
+ return this;
+ }
+
+ function outerWidth(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetWidth +
+ parseFloat(styles.getPropertyValue("margin-right")) +
+ parseFloat(styles.getPropertyValue("margin-left"))
+ );
+ }
+
+ return this[0].offsetWidth;
+ }
+
+ return null;
+ }
+
+ function outerHeight(includeMargins) {
+ if (this.length > 0) {
+ if (includeMargins) {
+ const styles = this.styles();
+ return (
+ this[0].offsetHeight +
+ parseFloat(styles.getPropertyValue("margin-top")) +
+ parseFloat(styles.getPropertyValue("margin-bottom"))
+ );
+ }
+
+ return this[0].offsetHeight;
+ }
+
+ return null;
+ }
+
+ function offset() {
+ if (this.length > 0) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ const box = el.getBoundingClientRect();
+ const body = document.body;
+ const clientTop = el.clientTop || body.clientTop || 0;
+ const clientLeft = el.clientLeft || body.clientLeft || 0;
+ const scrollTop = el === window ? window.scrollY : el.scrollTop;
+ const scrollLeft = el === window ? window.scrollX : el.scrollLeft;
+ return {
+ top: box.top + scrollTop - clientTop,
+ left: box.left + scrollLeft - clientLeft,
+ };
+ }
+
+ return null;
+ }
+
+ function styles() {
+ const window = getWindow();
+ if (this[0]) return window.getComputedStyle(this[0], null);
+ return {};
+ }
+
+ function css(props, value) {
+ const window = getWindow();
+ let i;
+
+ if (arguments.length === 1) {
+ if (typeof props === "string") {
+ // .css('width')
+ if (this[0])
+ return window.getComputedStyle(this[0], null).getPropertyValue(props);
+ } else {
+ // .css({ width: '100px' })
+ for (i = 0; i < this.length; i += 1) {
+ for (const prop in props) {
+ this[i].style[prop] = props[prop];
+ }
+ }
+
+ return this;
+ }
+ }
+
+ if (arguments.length === 2 && typeof props === "string") {
+ // .css('width', '100px')
+ for (i = 0; i < this.length; i += 1) {
+ this[i].style[props] = value;
+ }
+
+ return this;
+ }
+
+ return this;
+ }
+
+ function each(callback) {
+ if (!callback) return this;
+ this.forEach((el, index) => {
+ callback.apply(el, [el, index]);
+ });
+ return this;
+ }
+
+ function filter(callback) {
+ const result = arrayFilter(this, callback);
+ return $(result);
+ }
+
+ function html(html) {
+ if (typeof html === "undefined") {
+ return this[0] ? this[0].innerHTML : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].innerHTML = html;
+ }
+
+ return this;
+ }
+
+ function text(text) {
+ if (typeof text === "undefined") {
+ return this[0] ? this[0].textContent.trim() : null;
+ }
+
+ for (let i = 0; i < this.length; i += 1) {
+ this[i].textContent = text;
+ }
+
+ return this;
+ }
+
+ function is(selector) {
+ const window = getWindow();
+ const document = getDocument();
+ const el = this[0];
+ let compareWith;
+ let i;
+ if (!el || typeof selector === "undefined") return false;
+
+ if (typeof selector === "string") {
+ if (el.matches) return el.matches(selector);
+ if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
+ if (el.msMatchesSelector) return el.msMatchesSelector(selector);
+ compareWith = $(selector);
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ if (selector === document) {
+ return el === document;
+ }
+
+ if (selector === window) {
+ return el === window;
+ }
+
+ if (selector.nodeType || selector instanceof Dom7) {
+ compareWith = selector.nodeType ? [selector] : selector;
+
+ for (i = 0; i < compareWith.length; i += 1) {
+ if (compareWith[i] === el) return true;
+ }
+
+ return false;
+ }
+
+ return false;
+ }
+
+ function index() {
+ let child = this[0];
+ let i;
+
+ if (child) {
+ i = 0; // eslint-disable-next-line
+
+ while ((child = child.previousSibling) !== null) {
+ if (child.nodeType === 1) i += 1;
+ }
+
+ return i;
+ }
+
+ return undefined;
+ }
+
+ function eq(index) {
+ if (typeof index === "undefined") return this;
+ const length = this.length;
+
+ if (index > length - 1) {
+ return $([]);
+ }
+
+ if (index < 0) {
+ const returnIndex = length + index;
+ if (returnIndex < 0) return $([]);
+ return $([this[returnIndex]]);
+ }
+
+ return $([this[index]]);
+ }
+
+ function append() {
+ let newChild;
+ const document = getDocument();
+
+ for (let k = 0; k < arguments.length; k += 1) {
+ newChild = k < 0 || arguments.length <= k ? undefined : arguments[k];
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ while (tempDiv.firstChild) {
+ this[i].appendChild(tempDiv.firstChild);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (let j = 0; j < newChild.length; j += 1) {
+ this[i].appendChild(newChild[j]);
+ }
+ } else {
+ this[i].appendChild(newChild);
+ }
+ }
+ }
+
+ return this;
+ }
+
+ function prepend(newChild) {
+ const document = getDocument();
+ let i;
+ let j;
+
+ for (i = 0; i < this.length; i += 1) {
+ if (typeof newChild === "string") {
+ const tempDiv = document.createElement("div");
+ tempDiv.innerHTML = newChild;
+
+ for (j = tempDiv.childNodes.length - 1; j >= 0; j -= 1) {
+ this[i].insertBefore(tempDiv.childNodes[j], this[i].childNodes[0]);
+ }
+ } else if (newChild instanceof Dom7) {
+ for (j = 0; j < newChild.length; j += 1) {
+ this[i].insertBefore(newChild[j], this[i].childNodes[0]);
+ }
+ } else {
+ this[i].insertBefore(newChild, this[i].childNodes[0]);
+ }
+ }
+
+ return this;
+ }
+
+ function next(selector) {
+ if (this.length > 0) {
+ if (selector) {
+ if (
+ this[0].nextElementSibling &&
+ $(this[0].nextElementSibling).is(selector)
+ ) {
+ return $([this[0].nextElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (this[0].nextElementSibling) return $([this[0].nextElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function nextAll(selector) {
+ const nextEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.nextElementSibling) {
+ const next = el.nextElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(next).is(selector)) nextEls.push(next);
+ } else nextEls.push(next);
+
+ el = next;
+ }
+
+ return $(nextEls);
+ }
+
+ function prev(selector) {
+ if (this.length > 0) {
+ const el = this[0];
+
+ if (selector) {
+ if (
+ el.previousElementSibling &&
+ $(el.previousElementSibling).is(selector)
+ ) {
+ return $([el.previousElementSibling]);
+ }
+
+ return $([]);
+ }
+
+ if (el.previousElementSibling) return $([el.previousElementSibling]);
+ return $([]);
+ }
+
+ return $([]);
+ }
+
+ function prevAll(selector) {
+ const prevEls = [];
+ let el = this[0];
+ if (!el) return $([]);
+
+ while (el.previousElementSibling) {
+ const prev = el.previousElementSibling; // eslint-disable-line
+
+ if (selector) {
+ if ($(prev).is(selector)) prevEls.push(prev);
+ } else prevEls.push(prev);
+
+ el = prev;
+ }
+
+ return $(prevEls);
+ }
+
+ function parent(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode !== null) {
+ if (selector) {
+ if ($(this[i].parentNode).is(selector))
+ parents.push(this[i].parentNode);
+ } else {
+ parents.push(this[i].parentNode);
+ }
+ }
+ }
+
+ return $(parents);
+ }
+
+ function parents(selector) {
+ const parents = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ let parent = this[i].parentNode; // eslint-disable-line
+
+ while (parent) {
+ if (selector) {
+ if ($(parent).is(selector)) parents.push(parent);
+ } else {
+ parents.push(parent);
+ }
+
+ parent = parent.parentNode;
+ }
+ }
+
+ return $(parents);
+ }
+
+ function closest(selector) {
+ let closest = this; // eslint-disable-line
+
+ if (typeof selector === "undefined") {
+ return $([]);
+ }
+
+ if (!closest.is(selector)) {
+ closest = closest.parents(selector).eq(0);
+ }
+
+ return closest;
+ }
+
+ function find(selector) {
+ const foundElements = [];
+
+ for (let i = 0; i < this.length; i += 1) {
+ const found = this[i].querySelectorAll(selector);
+
+ for (let j = 0; j < found.length; j += 1) {
+ foundElements.push(found[j]);
+ }
+ }
+
+ return $(foundElements);
+ }
+
+ function children(selector) {
+ const children = []; // eslint-disable-line
+
+ for (let i = 0; i < this.length; i += 1) {
+ const childNodes = this[i].children;
+
+ for (let j = 0; j < childNodes.length; j += 1) {
+ if (!selector || $(childNodes[j]).is(selector)) {
+ children.push(childNodes[j]);
+ }
+ }
+ }
+
+ return $(children);
+ }
+
+ function remove() {
+ for (let i = 0; i < this.length; i += 1) {
+ if (this[i].parentNode) this[i].parentNode.removeChild(this[i]);
+ }
+
+ return this;
+ }
+
+ const Methods = {
+ addClass,
+ removeClass,
+ hasClass,
+ toggleClass,
+ attr,
+ removeAttr,
+ transform,
+ transition: transition$1,
+ on,
+ off,
+ trigger,
+ transitionEnd: transitionEnd$1,
+ outerWidth,
+ outerHeight,
+ styles,
+ offset,
+ css,
+ each,
+ html,
+ text,
+ is,
+ index,
+ eq,
+ append,
+ prepend,
+ next,
+ nextAll,
+ prev,
+ prevAll,
+ parent,
+ parents,
+ closest,
+ find,
+ children,
+ filter,
+ remove,
+ };
+ Object.keys(Methods).forEach((methodName) => {
+ Object.defineProperty($.fn, methodName, {
+ value: Methods[methodName],
+ writable: true,
+ });
+ });
+
+ function deleteProps(obj) {
+ const object = obj;
+ Object.keys(object).forEach((key) => {
+ try {
+ object[key] = null;
+ } catch (e) {
+ // no getter for object
+ }
+
+ try {
+ delete object[key];
+ } catch (e) {
+ // something got wrong
+ }
+ });
+ }
+
+ function nextTick(callback, delay) {
+ if (delay === void 0) {
+ delay = 0;
+ }
+
+ return setTimeout(callback, delay);
+ }
+
+ function now() {
+ return Date.now();
+ }
+
+ function getComputedStyle$1(el) {
+ const window = getWindow();
+ let style;
+
+ if (window.getComputedStyle) {
+ style = window.getComputedStyle(el, null);
+ }
+
+ if (!style && el.currentStyle) {
+ style = el.currentStyle;
+ }
+
+ if (!style) {
+ style = el.style;
+ }
+
+ return style;
+ }
+
+ function getTranslate(el, axis) {
+ if (axis === void 0) {
+ axis = "x";
+ }
+
+ const window = getWindow();
+ let matrix;
+ let curTransform;
+ let transformMatrix;
+ const curStyle = getComputedStyle$1(el);
+
+ if (window.WebKitCSSMatrix) {
+ curTransform = curStyle.transform || curStyle.webkitTransform;
+
+ if (curTransform.split(",").length > 6) {
+ curTransform = curTransform
+ .split(", ")
+ .map((a) => a.replace(",", "."))
+ .join(", ");
+ } // Some old versions of Webkit choke when 'none' is passed; pass
+ // empty string instead in this case
+
+ transformMatrix = new window.WebKitCSSMatrix(
+ curTransform === "none" ? "" : curTransform,
+ );
+ } else {
+ transformMatrix =
+ curStyle.MozTransform ||
+ curStyle.OTransform ||
+ curStyle.MsTransform ||
+ curStyle.msTransform ||
+ curStyle.transform ||
+ curStyle
+ .getPropertyValue("transform")
+ .replace("translate(", "matrix(1, 0, 0, 1,");
+ matrix = transformMatrix.toString().split(",");
+ }
+
+ if (axis === "x") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m41; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[12]); // Normal Browsers
+ else curTransform = parseFloat(matrix[4]);
+ }
+
+ if (axis === "y") {
+ // Latest Chrome and webkits Fix
+ if (window.WebKitCSSMatrix)
+ curTransform = transformMatrix.m42; // Crazy IE10 Matrix
+ else if (matrix.length === 16)
+ curTransform = parseFloat(matrix[13]); // Normal Browsers
+ else curTransform = parseFloat(matrix[5]);
+ }
+
+ return curTransform || 0;
+ }
+
+ function isObject(o) {
+ return (
+ typeof o === "object" &&
+ o !== null &&
+ o.constructor &&
+ Object.prototype.toString.call(o).slice(8, -1) === "Object"
+ );
+ }
+
+ function isNode(node) {
+ // eslint-disable-next-line
+ if (
+ typeof window !== "undefined" &&
+ typeof window.HTMLElement !== "undefined"
+ ) {
+ return node instanceof HTMLElement;
+ }
+
+ return node && (node.nodeType === 1 || node.nodeType === 11);
+ }
+
+ function extend() {
+ const to = Object(arguments.length <= 0 ? undefined : arguments[0]);
+ const noExtend = ["__proto__", "constructor", "prototype"];
+
+ for (let i = 1; i < arguments.length; i += 1) {
+ const nextSource =
+ i < 0 || arguments.length <= i ? undefined : arguments[i];
+
+ if (
+ nextSource !== undefined &&
+ nextSource !== null &&
+ !isNode(nextSource)
+ ) {
+ const keysArray = Object.keys(Object(nextSource)).filter(
+ (key) => noExtend.indexOf(key) < 0,
+ );
+
+ for (
+ let nextIndex = 0, len = keysArray.length;
+ nextIndex < len;
+ nextIndex += 1
+ ) {
+ const nextKey = keysArray[nextIndex];
+ const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
+
+ if (desc !== undefined && desc.enumerable) {
+ if (isObject(to[nextKey]) && isObject(nextSource[nextKey])) {
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else if (
+ !isObject(to[nextKey]) &&
+ isObject(nextSource[nextKey])
+ ) {
+ to[nextKey] = {};
+
+ if (nextSource[nextKey].__swiper__) {
+ to[nextKey] = nextSource[nextKey];
+ } else {
+ extend(to[nextKey], nextSource[nextKey]);
+ }
+ } else {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ }
+
+ return to;
+ }
+
+ function setCSSProperty(el, varName, varValue) {
+ el.style.setProperty(varName, varValue);
+ }
+
+ function animateCSSModeScroll(_ref) {
+ let { swiper, targetPosition, side } = _ref;
+ const window = getWindow();
+ const startPosition = -swiper.translate;
+ let startTime = null;
+ let time;
+ const duration = swiper.params.speed;
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ const dir = targetPosition > startPosition ? "next" : "prev";
+
+ const isOutOfBound = (current, target) => {
+ return (
+ (dir === "next" && current >= target) ||
+ (dir === "prev" && current <= target)
+ );
+ };
+
+ const animate = () => {
+ time = new Date().getTime();
+
+ if (startTime === null) {
+ startTime = time;
+ }
+
+ const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
+ const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
+ let currentPosition =
+ startPosition + easeProgress * (targetPosition - startPosition);
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ currentPosition = targetPosition;
+ }
+
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+
+ if (isOutOfBound(currentPosition, targetPosition)) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.scrollSnapType = "";
+ setTimeout(() => {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.scrollTo({
+ [side]: currentPosition,
+ });
+ });
+ window.cancelAnimationFrame(swiper.cssModeFrameID);
+ return;
+ }
+
+ swiper.cssModeFrameID = window.requestAnimationFrame(animate);
+ };
+
+ animate();
+ }
+
+ let support;
+
+ function calcSupport() {
+ const window = getWindow();
+ const document = getDocument();
+ return {
+ smoothScroll:
+ document.documentElement &&
+ "scrollBehavior" in document.documentElement.style,
+ touch: !!(
+ "ontouchstart" in window ||
+ (window.DocumentTouch && document instanceof window.DocumentTouch)
+ ),
+ passiveListener: (function checkPassiveListener() {
+ let supportsPassive = false;
+
+ try {
+ const opts = Object.defineProperty({}, "passive", {
+ // eslint-disable-next-line
+ get() {
+ supportsPassive = true;
+ },
+ });
+ window.addEventListener("testPassiveListener", null, opts);
+ } catch (e) {
+ // No support
+ }
+
+ return supportsPassive;
+ })(),
+ gestures: (function checkGestures() {
+ return "ongesturestart" in window;
+ })(),
+ };
+ }
+
+ function getSupport() {
+ if (!support) {
+ support = calcSupport();
+ }
+
+ return support;
+ }
+
+ let deviceCached;
+
+ function calcDevice(_temp) {
+ let { userAgent } = _temp === void 0 ? {} : _temp;
+ const support = getSupport();
+ const window = getWindow();
+ const platform = window.navigator.platform;
+ const ua = userAgent || window.navigator.userAgent;
+ const device = {
+ ios: false,
+ android: false,
+ };
+ const screenWidth = window.screen.width;
+ const screenHeight = window.screen.height;
+ const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
+
+ let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
+ const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
+ const iphone = !ipad && ua.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
+ const windows = platform === "Win32";
+ let macos = platform === "MacIntel"; // iPadOs 13 fix
+
+ const iPadScreens = [
+ "1024x1366",
+ "1366x1024",
+ "834x1194",
+ "1194x834",
+ "834x1112",
+ "1112x834",
+ "768x1024",
+ "1024x768",
+ "820x1180",
+ "1180x820",
+ "810x1080",
+ "1080x810",
+ ];
+
+ if (
+ !ipad &&
+ macos &&
+ support.touch &&
+ iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0
+ ) {
+ ipad = ua.match(/(Version)\/([\d.]+)/);
+ if (!ipad) ipad = [0, 1, "13_0_0"];
+ macos = false;
+ } // Android
+
+ if (android && !windows) {
+ device.os = "android";
+ device.android = true;
+ }
+
+ if (ipad || iphone || ipod) {
+ device.os = "ios";
+ device.ios = true;
+ } // Export object
+
+ return device;
+ }
+
+ function getDevice(overrides) {
+ if (overrides === void 0) {
+ overrides = {};
+ }
+
+ if (!deviceCached) {
+ deviceCached = calcDevice(overrides);
+ }
+
+ return deviceCached;
+ }
+
+ let browser;
+
+ function calcBrowser() {
+ const window = getWindow();
+
+ function isSafari() {
+ const ua = window.navigator.userAgent.toLowerCase();
+ return (
+ ua.indexOf("safari") >= 0 &&
+ ua.indexOf("chrome") < 0 &&
+ ua.indexOf("android") < 0
+ );
+ }
+
+ return {
+ isSafari: isSafari(),
+ isWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(
+ window.navigator.userAgent,
+ ),
+ };
+ }
+
+ function getBrowser() {
+ if (!browser) {
+ browser = calcBrowser();
+ }
+
+ return browser;
+ }
+
+ function Resize(_ref) {
+ let { swiper, on, emit } = _ref;
+ const window = getWindow();
+ let observer = null;
+ let animationFrame = null;
+
+ const resizeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("beforeResize");
+ emit("resize");
+ };
+
+ const createObserver = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ observer = new ResizeObserver((entries) => {
+ animationFrame = window.requestAnimationFrame(() => {
+ const { width, height } = swiper;
+ let newWidth = width;
+ let newHeight = height;
+ entries.forEach((_ref2) => {
+ let { contentBoxSize, contentRect, target } = _ref2;
+ if (target && target !== swiper.el) return;
+ newWidth = contentRect
+ ? contentRect.width
+ : (contentBoxSize[0] || contentBoxSize).inlineSize;
+ newHeight = contentRect
+ ? contentRect.height
+ : (contentBoxSize[0] || contentBoxSize).blockSize;
+ });
+
+ if (newWidth !== width || newHeight !== height) {
+ resizeHandler();
+ }
+ });
+ });
+ observer.observe(swiper.el);
+ };
+
+ const removeObserver = () => {
+ if (animationFrame) {
+ window.cancelAnimationFrame(animationFrame);
+ }
+
+ if (observer && observer.unobserve && swiper.el) {
+ observer.unobserve(swiper.el);
+ observer = null;
+ }
+ };
+
+ const orientationChangeHandler = () => {
+ if (!swiper || swiper.destroyed || !swiper.initialized) return;
+ emit("orientationchange");
+ };
+
+ on("init", () => {
+ if (
+ swiper.params.resizeObserver &&
+ typeof window.ResizeObserver !== "undefined"
+ ) {
+ createObserver();
+ return;
+ }
+
+ window.addEventListener("resize", resizeHandler);
+ window.addEventListener("orientationchange", orientationChangeHandler);
+ });
+ on("destroy", () => {
+ removeObserver();
+ window.removeEventListener("resize", resizeHandler);
+ window.removeEventListener("orientationchange", orientationChangeHandler);
+ });
+ }
+
+ function Observer(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const observers = [];
+ const window = getWindow();
+
+ const attach = function (target, options) {
+ if (options === void 0) {
+ options = {};
+ }
+
+ const ObserverFunc =
+ window.MutationObserver || window.WebkitMutationObserver;
+ const observer = new ObserverFunc((mutations) => {
+ // The observerUpdate event should only be triggered
+ // once despite the number of mutations. Additional
+ // triggers are redundant and are very costly
+ if (mutations.length === 1) {
+ emit("observerUpdate", mutations[0]);
+ return;
+ }
+
+ const observerUpdate = function observerUpdate() {
+ emit("observerUpdate", mutations[0]);
+ };
+
+ if (window.requestAnimationFrame) {
+ window.requestAnimationFrame(observerUpdate);
+ } else {
+ window.setTimeout(observerUpdate, 0);
+ }
+ });
+ observer.observe(target, {
+ attributes:
+ typeof options.attributes === "undefined" ? true : options.attributes,
+ childList:
+ typeof options.childList === "undefined" ? true : options.childList,
+ characterData:
+ typeof options.characterData === "undefined"
+ ? true
+ : options.characterData,
+ });
+ observers.push(observer);
+ };
+
+ const init = () => {
+ if (!swiper.params.observer) return;
+
+ if (swiper.params.observeParents) {
+ const containerParents = swiper.$el.parents();
+
+ for (let i = 0; i < containerParents.length; i += 1) {
+ attach(containerParents[i]);
+ }
+ } // Observe container
+
+ attach(swiper.$el[0], {
+ childList: swiper.params.observeSlideChildren,
+ }); // Observe wrapper
+
+ attach(swiper.$wrapperEl[0], {
+ attributes: false,
+ });
+ };
+
+ const destroy = () => {
+ observers.forEach((observer) => {
+ observer.disconnect();
+ });
+ observers.splice(0, observers.length);
+ };
+
+ extendParams({
+ observer: false,
+ observeParents: false,
+ observeSlideChildren: false,
+ });
+ on("init", init);
+ on("destroy", destroy);
+ }
+
+ /* eslint-disable no-underscore-dangle */
+ var eventsEmitter = {
+ on(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+ events.split(" ").forEach((event) => {
+ if (!self.eventsListeners[event]) self.eventsListeners[event] = [];
+ self.eventsListeners[event][method](handler);
+ });
+ return self;
+ },
+
+ once(events, handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+
+ function onceHandler() {
+ self.off(events, onceHandler);
+
+ if (onceHandler.__emitterProxy) {
+ delete onceHandler.__emitterProxy;
+ }
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ handler.apply(self, args);
+ }
+
+ onceHandler.__emitterProxy = handler;
+ return self.on(events, onceHandler, priority);
+ },
+
+ onAny(handler, priority) {
+ const self = this;
+ if (typeof handler !== "function") return self;
+ const method = priority ? "unshift" : "push";
+
+ if (self.eventsAnyListeners.indexOf(handler) < 0) {
+ self.eventsAnyListeners[method](handler);
+ }
+
+ return self;
+ },
+
+ offAny(handler) {
+ const self = this;
+ if (!self.eventsAnyListeners) return self;
+ const index = self.eventsAnyListeners.indexOf(handler);
+
+ if (index >= 0) {
+ self.eventsAnyListeners.splice(index, 1);
+ }
+
+ return self;
+ },
+
+ off(events, handler) {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ events.split(" ").forEach((event) => {
+ if (typeof handler === "undefined") {
+ self.eventsListeners[event] = [];
+ } else if (self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler, index) => {
+ if (
+ eventHandler === handler ||
+ (eventHandler.__emitterProxy &&
+ eventHandler.__emitterProxy === handler)
+ ) {
+ self.eventsListeners[event].splice(index, 1);
+ }
+ });
+ }
+ });
+ return self;
+ },
+
+ emit() {
+ const self = this;
+ if (!self.eventsListeners) return self;
+ let events;
+ let data;
+ let context;
+
+ for (
+ var _len2 = arguments.length, args = new Array(_len2), _key2 = 0;
+ _key2 < _len2;
+ _key2++
+ ) {
+ args[_key2] = arguments[_key2];
+ }
+
+ if (typeof args[0] === "string" || Array.isArray(args[0])) {
+ events = args[0];
+ data = args.slice(1, args.length);
+ context = self;
+ } else {
+ events = args[0].events;
+ data = args[0].data;
+ context = args[0].context || self;
+ }
+
+ data.unshift(context);
+ const eventsArray = Array.isArray(events) ? events : events.split(" ");
+ eventsArray.forEach((event) => {
+ if (self.eventsAnyListeners && self.eventsAnyListeners.length) {
+ self.eventsAnyListeners.forEach((eventHandler) => {
+ eventHandler.apply(context, [event, ...data]);
+ });
+ }
+
+ if (self.eventsListeners && self.eventsListeners[event]) {
+ self.eventsListeners[event].forEach((eventHandler) => {
+ eventHandler.apply(context, data);
+ });
+ }
+ });
+ return self;
+ },
+ };
+
+ function updateSize() {
+ const swiper = this;
+ let width;
+ let height;
+ const $el = swiper.$el;
+
+ if (
+ typeof swiper.params.width !== "undefined" &&
+ swiper.params.width !== null
+ ) {
+ width = swiper.params.width;
+ } else {
+ width = $el[0].clientWidth;
+ }
+
+ if (
+ typeof swiper.params.height !== "undefined" &&
+ swiper.params.height !== null
+ ) {
+ height = swiper.params.height;
+ } else {
+ height = $el[0].clientHeight;
+ }
+
+ if (
+ (width === 0 && swiper.isHorizontal()) ||
+ (height === 0 && swiper.isVertical())
+ ) {
+ return;
+ } // Subtract paddings
+
+ width =
+ width -
+ parseInt($el.css("padding-left") || 0, 10) -
+ parseInt($el.css("padding-right") || 0, 10);
+ height =
+ height -
+ parseInt($el.css("padding-top") || 0, 10) -
+ parseInt($el.css("padding-bottom") || 0, 10);
+ if (Number.isNaN(width)) width = 0;
+ if (Number.isNaN(height)) height = 0;
+ Object.assign(swiper, {
+ width,
+ height,
+ size: swiper.isHorizontal() ? width : height,
+ });
+ }
+
+ function updateSlides() {
+ const swiper = this;
+
+ function getDirectionLabel(property) {
+ if (swiper.isHorizontal()) {
+ return property;
+ } // prettier-ignore
+
+ return {
+ width: "height",
+ "margin-top": "margin-left",
+ "margin-bottom ": "margin-right",
+ "margin-left": "margin-top",
+ "margin-right": "margin-bottom",
+ "padding-left": "padding-top",
+ "padding-right": "padding-bottom",
+ marginRight: "marginBottom",
+ }[property];
+ }
+
+ function getDirectionPropertyValue(node, label) {
+ return parseFloat(node.getPropertyValue(getDirectionLabel(label)) || 0);
+ }
+
+ const params = swiper.params;
+ const {
+ $wrapperEl,
+ size: swiperSize,
+ rtlTranslate: rtl,
+ wrongRTL,
+ } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ const previousSlidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const slides = $wrapperEl.children(`.${swiper.params.slideClass}`);
+ const slidesLength = isVirtual
+ ? swiper.virtual.slides.length
+ : slides.length;
+ let snapGrid = [];
+ const slidesGrid = [];
+ const slidesSizesGrid = [];
+ let offsetBefore = params.slidesOffsetBefore;
+
+ if (typeof offsetBefore === "function") {
+ offsetBefore = params.slidesOffsetBefore.call(swiper);
+ }
+
+ let offsetAfter = params.slidesOffsetAfter;
+
+ if (typeof offsetAfter === "function") {
+ offsetAfter = params.slidesOffsetAfter.call(swiper);
+ }
+
+ const previousSnapGridLength = swiper.snapGrid.length;
+ const previousSlidesGridLength = swiper.slidesGrid.length;
+ let spaceBetween = params.spaceBetween;
+ let slidePosition = -offsetBefore;
+ let prevSlideSize = 0;
+ let index = 0;
+
+ if (typeof swiperSize === "undefined") {
+ return;
+ }
+
+ if (typeof spaceBetween === "string" && spaceBetween.indexOf("%") >= 0) {
+ spaceBetween =
+ (parseFloat(spaceBetween.replace("%", "")) / 100) * swiperSize;
+ }
+
+ swiper.virtualSize = -spaceBetween; // reset margins
+
+ if (rtl)
+ slides.css({
+ marginLeft: "",
+ marginBottom: "",
+ marginTop: "",
+ });
+ else
+ slides.css({
+ marginRight: "",
+ marginBottom: "",
+ marginTop: "",
+ }); // reset cssMode offsets
+
+ if (params.centeredSlides && params.cssMode) {
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-before", "");
+ setCSSProperty(swiper.wrapperEl, "--swiper-centered-offset-after", "");
+ }
+
+ const gridEnabled = params.grid && params.grid.rows > 1 && swiper.grid;
+
+ if (gridEnabled) {
+ swiper.grid.initSlides(slidesLength);
+ } // Calc slides
+
+ let slideSize;
+ const shouldResetSlideSize =
+ params.slidesPerView === "auto" &&
+ params.breakpoints &&
+ Object.keys(params.breakpoints).filter((key) => {
+ return typeof params.breakpoints[key].slidesPerView !== "undefined";
+ }).length > 0;
+
+ for (let i = 0; i < slidesLength; i += 1) {
+ slideSize = 0;
+ const slide = slides.eq(i);
+
+ if (gridEnabled) {
+ swiper.grid.updateSlide(i, slide, slidesLength, getDirectionLabel);
+ }
+
+ if (slide.css("display") === "none") continue; // eslint-disable-line
+
+ if (params.slidesPerView === "auto") {
+ if (shouldResetSlideSize) {
+ slides[i].style[getDirectionLabel("width")] = ``;
+ }
+
+ const slideStyles = getComputedStyle(slide[0]);
+ const currentTransform = slide[0].style.transform;
+ const currentWebKitTransform = slide[0].style.webkitTransform;
+
+ if (currentTransform) {
+ slide[0].style.transform = "none";
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = "none";
+ }
+
+ if (params.roundLengths) {
+ slideSize = swiper.isHorizontal()
+ ? slide.outerWidth(true)
+ : slide.outerHeight(true);
+ } else {
+ // eslint-disable-next-line
+ const width = getDirectionPropertyValue(slideStyles, "width");
+ const paddingLeft = getDirectionPropertyValue(
+ slideStyles,
+ "padding-left",
+ );
+ const paddingRight = getDirectionPropertyValue(
+ slideStyles,
+ "padding-right",
+ );
+ const marginLeft = getDirectionPropertyValue(
+ slideStyles,
+ "margin-left",
+ );
+ const marginRight = getDirectionPropertyValue(
+ slideStyles,
+ "margin-right",
+ );
+ const boxSizing = slideStyles.getPropertyValue("box-sizing");
+
+ if (boxSizing && boxSizing === "border-box") {
+ slideSize = width + marginLeft + marginRight;
+ } else {
+ const { clientWidth, offsetWidth } = slide[0];
+ slideSize =
+ width +
+ paddingLeft +
+ paddingRight +
+ marginLeft +
+ marginRight +
+ (offsetWidth - clientWidth);
+ }
+ }
+
+ if (currentTransform) {
+ slide[0].style.transform = currentTransform;
+ }
+
+ if (currentWebKitTransform) {
+ slide[0].style.webkitTransform = currentWebKitTransform;
+ }
+
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+ } else {
+ slideSize =
+ (swiperSize - (params.slidesPerView - 1) * spaceBetween) /
+ params.slidesPerView;
+ if (params.roundLengths) slideSize = Math.floor(slideSize);
+
+ if (slides[i]) {
+ slides[i].style[getDirectionLabel("width")] = `${slideSize}px`;
+ }
+ }
+
+ if (slides[i]) {
+ slides[i].swiperSlideSize = slideSize;
+ }
+
+ slidesSizesGrid.push(slideSize);
+
+ if (params.centeredSlides) {
+ slidePosition =
+ slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
+ if (prevSlideSize === 0 && i !== 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (i === 0)
+ slidePosition = slidePosition - swiperSize / 2 - spaceBetween;
+ if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (index % params.slidesPerGroup === 0) snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ } else {
+ if (params.roundLengths) slidePosition = Math.floor(slidePosition);
+ if (
+ (index - Math.min(swiper.params.slidesPerGroupSkip, index)) %
+ swiper.params.slidesPerGroup ===
+ 0
+ )
+ snapGrid.push(slidePosition);
+ slidesGrid.push(slidePosition);
+ slidePosition = slidePosition + slideSize + spaceBetween;
+ }
+
+ swiper.virtualSize += slideSize + spaceBetween;
+ prevSlideSize = slideSize;
+ index += 1;
+ }
+
+ swiper.virtualSize = Math.max(swiper.virtualSize, swiperSize) + offsetAfter;
+
+ if (
+ rtl &&
+ wrongRTL &&
+ (params.effect === "slide" || params.effect === "coverflow")
+ ) {
+ $wrapperEl.css({
+ width: `${swiper.virtualSize + params.spaceBetween}px`,
+ });
+ }
+
+ if (params.setWrapperSize) {
+ $wrapperEl.css({
+ [getDirectionLabel("width")]: `${
+ swiper.virtualSize + params.spaceBetween
+ }px`,
+ });
+ }
+
+ if (gridEnabled) {
+ swiper.grid.updateWrapperSize(slideSize, snapGrid, getDirectionLabel);
+ } // Remove last grid elements depending on width
+
+ if (!params.centeredSlides) {
+ const newSlidesGrid = [];
+
+ for (let i = 0; i < snapGrid.length; i += 1) {
+ let slidesGridItem = snapGrid[i];
+ if (params.roundLengths) slidesGridItem = Math.floor(slidesGridItem);
+
+ if (snapGrid[i] <= swiper.virtualSize - swiperSize) {
+ newSlidesGrid.push(slidesGridItem);
+ }
+ }
+
+ snapGrid = newSlidesGrid;
+
+ if (
+ Math.floor(swiper.virtualSize - swiperSize) -
+ Math.floor(snapGrid[snapGrid.length - 1]) >
+ 1
+ ) {
+ snapGrid.push(swiper.virtualSize - swiperSize);
+ }
+ }
+
+ if (snapGrid.length === 0) snapGrid = [0];
+
+ if (params.spaceBetween !== 0) {
+ const key =
+ swiper.isHorizontal() && rtl
+ ? "marginLeft"
+ : getDirectionLabel("marginRight");
+ slides
+ .filter((_, slideIndex) => {
+ if (!params.cssMode) return true;
+
+ if (slideIndex === slides.length - 1) {
+ return false;
+ }
+
+ return true;
+ })
+ .css({
+ [key]: `${spaceBetween}px`,
+ });
+ }
+
+ if (params.centeredSlides && params.centeredSlidesBounds) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+ const maxSnap = allSlidesSize - swiperSize;
+ snapGrid = snapGrid.map((snap) => {
+ if (snap < 0) return -offsetBefore;
+ if (snap > maxSnap) return maxSnap + offsetAfter;
+ return snap;
+ });
+ }
+
+ if (params.centerInsufficientSlides) {
+ let allSlidesSize = 0;
+ slidesSizesGrid.forEach((slideSizeValue) => {
+ allSlidesSize +=
+ slideSizeValue + (params.spaceBetween ? params.spaceBetween : 0);
+ });
+ allSlidesSize -= params.spaceBetween;
+
+ if (allSlidesSize < swiperSize) {
+ const allSlidesOffset = (swiperSize - allSlidesSize) / 2;
+ snapGrid.forEach((snap, snapIndex) => {
+ snapGrid[snapIndex] = snap - allSlidesOffset;
+ });
+ slidesGrid.forEach((snap, snapIndex) => {
+ slidesGrid[snapIndex] = snap + allSlidesOffset;
+ });
+ }
+ }
+
+ Object.assign(swiper, {
+ slides,
+ snapGrid,
+ slidesGrid,
+ slidesSizesGrid,
+ });
+
+ if (
+ params.centeredSlides &&
+ params.cssMode &&
+ !params.centeredSlidesBounds
+ ) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-before",
+ `${-snapGrid[0]}px`,
+ );
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-centered-offset-after",
+ `${
+ swiper.size / 2 - slidesSizesGrid[slidesSizesGrid.length - 1] / 2
+ }px`,
+ );
+ const addToSnapGrid = -swiper.snapGrid[0];
+ const addToSlidesGrid = -swiper.slidesGrid[0];
+ swiper.snapGrid = swiper.snapGrid.map((v) => v + addToSnapGrid);
+ swiper.slidesGrid = swiper.slidesGrid.map((v) => v + addToSlidesGrid);
+ }
+
+ if (slidesLength !== previousSlidesLength) {
+ swiper.emit("slidesLengthChange");
+ }
+
+ if (snapGrid.length !== previousSnapGridLength) {
+ if (swiper.params.watchOverflow) swiper.checkOverflow();
+ swiper.emit("snapGridLengthChange");
+ }
+
+ if (slidesGrid.length !== previousSlidesGridLength) {
+ swiper.emit("slidesGridLengthChange");
+ }
+
+ if (params.watchSlidesProgress) {
+ swiper.updateSlidesOffset();
+ }
+
+ if (
+ !isVirtual &&
+ !params.cssMode &&
+ (params.effect === "slide" || params.effect === "fade")
+ ) {
+ const backFaceHiddenClass = `${params.containerModifierClass}backface-hidden`;
+ const hasClassBackfaceClassAdded =
+ swiper.$el.hasClass(backFaceHiddenClass);
+
+ if (slidesLength <= params.maxBackfaceHiddenSlides) {
+ if (!hasClassBackfaceClassAdded)
+ swiper.$el.addClass(backFaceHiddenClass);
+ } else if (hasClassBackfaceClassAdded) {
+ swiper.$el.removeClass(backFaceHiddenClass);
+ }
+ }
+ }
+
+ function updateAutoHeight(speed) {
+ const swiper = this;
+ const activeSlides = [];
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ let newHeight = 0;
+ let i;
+
+ if (typeof speed === "number") {
+ swiper.setTransition(speed);
+ } else if (speed === true) {
+ swiper.setTransition(swiper.params.speed);
+ }
+
+ const getSlideByIndex = (index) => {
+ if (isVirtual) {
+ return swiper.slides.filter(
+ (el) =>
+ parseInt(el.getAttribute("data-swiper-slide-index"), 10) === index,
+ )[0];
+ }
+
+ return swiper.slides.eq(index)[0];
+ }; // Find slides currently in view
+
+ if (
+ swiper.params.slidesPerView !== "auto" &&
+ swiper.params.slidesPerView > 1
+ ) {
+ if (swiper.params.centeredSlides) {
+ swiper.visibleSlides.each((slide) => {
+ activeSlides.push(slide);
+ });
+ } else {
+ for (i = 0; i < Math.ceil(swiper.params.slidesPerView); i += 1) {
+ const index = swiper.activeIndex + i;
+ if (index > swiper.slides.length && !isVirtual) break;
+ activeSlides.push(getSlideByIndex(index));
+ }
+ }
+ } else {
+ activeSlides.push(getSlideByIndex(swiper.activeIndex));
+ } // Find new height from highest slide in view
+
+ for (i = 0; i < activeSlides.length; i += 1) {
+ if (typeof activeSlides[i] !== "undefined") {
+ const height = activeSlides[i].offsetHeight;
+ newHeight = height > newHeight ? height : newHeight;
+ }
+ } // Update Height
+
+ if (newHeight || newHeight === 0)
+ swiper.$wrapperEl.css("height", `${newHeight}px`);
+ }
+
+ function updateSlidesOffset() {
+ const swiper = this;
+ const slides = swiper.slides;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ slides[i].swiperSlideOffset = swiper.isHorizontal()
+ ? slides[i].offsetLeft
+ : slides[i].offsetTop;
+ }
+ }
+
+ function updateSlidesProgress(translate) {
+ if (translate === void 0) {
+ translate = (this && this.translate) || 0;
+ }
+
+ const swiper = this;
+ const params = swiper.params;
+ const { slides, rtlTranslate: rtl, snapGrid } = swiper;
+ if (slides.length === 0) return;
+ if (typeof slides[0].swiperSlideOffset === "undefined")
+ swiper.updateSlidesOffset();
+ let offsetCenter = -translate;
+ if (rtl) offsetCenter = translate; // Visible Slides
+
+ slides.removeClass(params.slideVisibleClass);
+ swiper.visibleSlidesIndexes = [];
+ swiper.visibleSlides = [];
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const slide = slides[i];
+ let slideOffset = slide.swiperSlideOffset;
+
+ if (params.cssMode && params.centeredSlides) {
+ slideOffset -= slides[0].swiperSlideOffset;
+ }
+
+ const slideProgress =
+ (offsetCenter +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const originalSlideProgress =
+ (offsetCenter -
+ snapGrid[0] +
+ (params.centeredSlides ? swiper.minTranslate() : 0) -
+ slideOffset) /
+ (slide.swiperSlideSize + params.spaceBetween);
+ const slideBefore = -(offsetCenter - slideOffset);
+ const slideAfter = slideBefore + swiper.slidesSizesGrid[i];
+ const isVisible =
+ (slideBefore >= 0 && slideBefore < swiper.size - 1) ||
+ (slideAfter > 1 && slideAfter <= swiper.size) ||
+ (slideBefore <= 0 && slideAfter >= swiper.size);
+
+ if (isVisible) {
+ swiper.visibleSlides.push(slide);
+ swiper.visibleSlidesIndexes.push(i);
+ slides.eq(i).addClass(params.slideVisibleClass);
+ }
+
+ slide.progress = rtl ? -slideProgress : slideProgress;
+ slide.originalProgress = rtl
+ ? -originalSlideProgress
+ : originalSlideProgress;
+ }
+
+ swiper.visibleSlides = $(swiper.visibleSlides);
+ }
+
+ function updateProgress(translate) {
+ const swiper = this;
+
+ if (typeof translate === "undefined") {
+ const multiplier = swiper.rtlTranslate ? -1 : 1; // eslint-disable-next-line
+
+ translate =
+ (swiper && swiper.translate && swiper.translate * multiplier) || 0;
+ }
+
+ const params = swiper.params;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+ let { progress, isBeginning, isEnd } = swiper;
+ const wasBeginning = isBeginning;
+ const wasEnd = isEnd;
+
+ if (translatesDiff === 0) {
+ progress = 0;
+ isBeginning = true;
+ isEnd = true;
+ } else {
+ progress = (translate - swiper.minTranslate()) / translatesDiff;
+ isBeginning = progress <= 0;
+ isEnd = progress >= 1;
+ }
+
+ Object.assign(swiper, {
+ progress,
+ isBeginning,
+ isEnd,
+ });
+ if (
+ params.watchSlidesProgress ||
+ (params.centeredSlides && params.autoHeight)
+ )
+ swiper.updateSlidesProgress(translate);
+
+ if (isBeginning && !wasBeginning) {
+ swiper.emit("reachBeginning toEdge");
+ }
+
+ if (isEnd && !wasEnd) {
+ swiper.emit("reachEnd toEdge");
+ }
+
+ if ((wasBeginning && !isBeginning) || (wasEnd && !isEnd)) {
+ swiper.emit("fromEdge");
+ }
+
+ swiper.emit("progress", progress);
+ }
+
+ function updateSlidesClasses() {
+ const swiper = this;
+ const { slides, params, $wrapperEl, activeIndex, realIndex } = swiper;
+ const isVirtual = swiper.virtual && params.virtual.enabled;
+ slides.removeClass(
+ `${params.slideActiveClass} ${params.slideNextClass} ${params.slidePrevClass} ${params.slideDuplicateActiveClass} ${params.slideDuplicateNextClass} ${params.slideDuplicatePrevClass}`,
+ );
+ let activeSlide;
+
+ if (isVirtual) {
+ activeSlide = swiper.$wrapperEl.find(
+ `.${params.slideClass}[data-swiper-slide-index="${activeIndex}"]`,
+ );
+ } else {
+ activeSlide = slides.eq(activeIndex);
+ } // Active classes
+
+ activeSlide.addClass(params.slideActiveClass);
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (activeSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${params.slideDuplicateClass})[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass}[data-swiper-slide-index="${realIndex}"]`,
+ )
+ .addClass(params.slideDuplicateActiveClass);
+ }
+ } // Next Slide
+
+ let nextSlide = activeSlide
+ .nextAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slideNextClass);
+
+ if (params.loop && nextSlide.length === 0) {
+ nextSlide = slides.eq(0);
+ nextSlide.addClass(params.slideNextClass);
+ } // Prev Slide
+
+ let prevSlide = activeSlide
+ .prevAll(`.${params.slideClass}`)
+ .eq(0)
+ .addClass(params.slidePrevClass);
+
+ if (params.loop && prevSlide.length === 0) {
+ prevSlide = slides.eq(-1);
+ prevSlide.addClass(params.slidePrevClass);
+ }
+
+ if (params.loop) {
+ // Duplicate to all looped slides
+ if (nextSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${nextSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicateNextClass);
+ }
+
+ if (prevSlide.hasClass(params.slideDuplicateClass)) {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}:not(.${
+ params.slideDuplicateClass
+ })[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ } else {
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${
+ params.slideDuplicateClass
+ }[data-swiper-slide-index="${prevSlide.attr(
+ "data-swiper-slide-index",
+ )}"]`,
+ )
+ .addClass(params.slideDuplicatePrevClass);
+ }
+ }
+
+ swiper.emitSlidesClasses();
+ }
+
+ function updateActiveIndex(newActiveIndex) {
+ const swiper = this;
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+ const {
+ slidesGrid,
+ snapGrid,
+ params,
+ activeIndex: previousIndex,
+ realIndex: previousRealIndex,
+ snapIndex: previousSnapIndex,
+ } = swiper;
+ let activeIndex = newActiveIndex;
+ let snapIndex;
+
+ if (typeof activeIndex === "undefined") {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ translate >= slidesGrid[i] &&
+ translate <
+ slidesGrid[i + 1] - (slidesGrid[i + 1] - slidesGrid[i]) / 2
+ ) {
+ activeIndex = i;
+ } else if (
+ translate >= slidesGrid[i] &&
+ translate < slidesGrid[i + 1]
+ ) {
+ activeIndex = i + 1;
+ }
+ } else if (translate >= slidesGrid[i]) {
+ activeIndex = i;
+ }
+ } // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ if (activeIndex < 0 || typeof activeIndex === "undefined")
+ activeIndex = 0;
+ }
+ }
+
+ if (snapGrid.indexOf(translate) >= 0) {
+ snapIndex = snapGrid.indexOf(translate);
+ } else {
+ const skip = Math.min(params.slidesPerGroupSkip, activeIndex);
+ snapIndex =
+ skip + Math.floor((activeIndex - skip) / params.slidesPerGroup);
+ }
+
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (activeIndex === previousIndex) {
+ if (snapIndex !== previousSnapIndex) {
+ swiper.snapIndex = snapIndex;
+ swiper.emit("snapIndexChange");
+ }
+
+ return;
+ } // Get real index
+
+ const realIndex = parseInt(
+ swiper.slides.eq(activeIndex).attr("data-swiper-slide-index") ||
+ activeIndex,
+ 10,
+ );
+ Object.assign(swiper, {
+ snapIndex,
+ realIndex,
+ previousIndex,
+ activeIndex,
+ });
+ swiper.emit("activeIndexChange");
+ swiper.emit("snapIndexChange");
+
+ if (previousRealIndex !== realIndex) {
+ swiper.emit("realIndexChange");
+ }
+
+ if (swiper.initialized || swiper.params.runCallbacksOnInit) {
+ swiper.emit("slideChange");
+ }
+ }
+
+ function updateClickedSlide(e) {
+ const swiper = this;
+ const params = swiper.params;
+ const slide = $(e).closest(`.${params.slideClass}`)[0];
+ let slideFound = false;
+ let slideIndex;
+
+ if (slide) {
+ for (let i = 0; i < swiper.slides.length; i += 1) {
+ if (swiper.slides[i] === slide) {
+ slideFound = true;
+ slideIndex = i;
+ break;
+ }
+ }
+ }
+
+ if (slide && slideFound) {
+ swiper.clickedSlide = slide;
+
+ if (swiper.virtual && swiper.params.virtual.enabled) {
+ swiper.clickedIndex = parseInt(
+ $(slide).attr("data-swiper-slide-index"),
+ 10,
+ );
+ } else {
+ swiper.clickedIndex = slideIndex;
+ }
+ } else {
+ swiper.clickedSlide = undefined;
+ swiper.clickedIndex = undefined;
+ return;
+ }
+
+ if (
+ params.slideToClickedSlide &&
+ swiper.clickedIndex !== undefined &&
+ swiper.clickedIndex !== swiper.activeIndex
+ ) {
+ swiper.slideToClickedSlide();
+ }
+ }
+
+ var update = {
+ updateSize,
+ updateSlides,
+ updateAutoHeight,
+ updateSlidesOffset,
+ updateSlidesProgress,
+ updateProgress,
+ updateSlidesClasses,
+ updateActiveIndex,
+ updateClickedSlide,
+ };
+
+ function getSwiperTranslate(axis) {
+ if (axis === void 0) {
+ axis = this.isHorizontal() ? "x" : "y";
+ }
+
+ const swiper = this;
+ const { params, rtlTranslate: rtl, translate, $wrapperEl } = swiper;
+
+ if (params.virtualTranslate) {
+ return rtl ? -translate : translate;
+ }
+
+ if (params.cssMode) {
+ return translate;
+ }
+
+ let currentTranslate = getTranslate($wrapperEl[0], axis);
+ if (rtl) currentTranslate = -currentTranslate;
+ return currentTranslate || 0;
+ }
+
+ function setTranslate(translate, byController) {
+ const swiper = this;
+ const {
+ rtlTranslate: rtl,
+ params,
+ $wrapperEl,
+ wrapperEl,
+ progress,
+ } = swiper;
+ let x = 0;
+ let y = 0;
+ const z = 0;
+
+ if (swiper.isHorizontal()) {
+ x = rtl ? -translate : translate;
+ } else {
+ y = translate;
+ }
+
+ if (params.roundLengths) {
+ x = Math.floor(x);
+ y = Math.floor(y);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[swiper.isHorizontal() ? "scrollLeft" : "scrollTop"] =
+ swiper.isHorizontal() ? -x : -y;
+ } else if (!params.virtualTranslate) {
+ $wrapperEl.transform(`translate3d(${x}px, ${y}px, ${z}px)`);
+ }
+
+ swiper.previousTranslate = swiper.translate;
+ swiper.translate = swiper.isHorizontal() ? x : y; // Check if we need to update progress
+
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== progress) {
+ swiper.updateProgress(translate);
+ }
+
+ swiper.emit("setTranslate", swiper.translate, byController);
+ }
+
+ function minTranslate() {
+ return -this.snapGrid[0];
+ }
+
+ function maxTranslate() {
+ return -this.snapGrid[this.snapGrid.length - 1];
+ }
+
+ function translateTo(
+ translate,
+ speed,
+ runCallbacks,
+ translateBounds,
+ internal,
+ ) {
+ if (translate === void 0) {
+ translate = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (translateBounds === void 0) {
+ translateBounds = true;
+ }
+
+ const swiper = this;
+ const { params, wrapperEl } = swiper;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return false;
+ }
+
+ const minTranslate = swiper.minTranslate();
+ const maxTranslate = swiper.maxTranslate();
+ let newTranslate;
+ if (translateBounds && translate > minTranslate)
+ newTranslate = minTranslate;
+ else if (translateBounds && translate < maxTranslate)
+ newTranslate = maxTranslate;
+ else newTranslate = translate; // Update progress
+
+ swiper.updateProgress(newTranslate);
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+
+ if (speed === 0) {
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = -newTranslate;
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: -newTranslate,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: -newTranslate,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ if (speed === 0) {
+ swiper.setTransition(0);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionEnd");
+ }
+ } else {
+ swiper.setTransition(speed);
+ swiper.setTranslate(newTranslate);
+
+ if (runCallbacks) {
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.emit("transitionStart");
+ }
+
+ if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onTranslateToWrapperTransitionEnd) {
+ swiper.onTranslateToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.onTranslateToWrapperTransitionEnd = null;
+ delete swiper.onTranslateToWrapperTransitionEnd;
+
+ if (runCallbacks) {
+ swiper.emit("transitionEnd");
+ }
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onTranslateToWrapperTransitionEnd,
+ );
+ }
+ }
+
+ return true;
+ }
+
+ var translate = {
+ getTranslate: getSwiperTranslate,
+ setTranslate,
+ minTranslate,
+ maxTranslate,
+ translateTo,
+ };
+
+ function setTransition(duration, byController) {
+ const swiper = this;
+
+ if (!swiper.params.cssMode) {
+ swiper.$wrapperEl.transition(duration);
+ }
+
+ swiper.emit("setTransition", duration, byController);
+ }
+
+ function transitionEmit(_ref) {
+ let { swiper, runCallbacks, direction, step } = _ref;
+ const { activeIndex, previousIndex } = swiper;
+ let dir = direction;
+
+ if (!dir) {
+ if (activeIndex > previousIndex) dir = "next";
+ else if (activeIndex < previousIndex) dir = "prev";
+ else dir = "reset";
+ }
+
+ swiper.emit(`transition${step}`);
+
+ if (runCallbacks && activeIndex !== previousIndex) {
+ if (dir === "reset") {
+ swiper.emit(`slideResetTransition${step}`);
+ return;
+ }
+
+ swiper.emit(`slideChangeTransition${step}`);
+
+ if (dir === "next") {
+ swiper.emit(`slideNextTransition${step}`);
+ } else {
+ swiper.emit(`slidePrevTransition${step}`);
+ }
+ }
+ }
+
+ function transitionStart(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ if (params.cssMode) return;
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "Start",
+ });
+ }
+
+ function transitionEnd(runCallbacks, direction) {
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params } = swiper;
+ swiper.animating = false;
+ if (params.cssMode) return;
+ swiper.setTransition(0);
+ transitionEmit({
+ swiper,
+ runCallbacks,
+ direction,
+ step: "End",
+ });
+ }
+
+ var transition = {
+ setTransition,
+ transitionStart,
+ transitionEnd,
+ };
+
+ function slideTo(index, speed, runCallbacks, internal, initial) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (typeof index !== "number" && typeof index !== "string") {
+ throw new Error(
+ `The 'index' argument cannot have type other than 'number' or 'string'. [${typeof index}] given.`,
+ );
+ }
+
+ if (typeof index === "string") {
+ /**
+ * The `index` argument converted from `string` to `number`.
+ * @type {number}
+ */
+ const indexAsNumber = parseInt(index, 10);
+ /**
+ * Determines whether the `index` argument is a valid `number`
+ * after being converted from the `string` type.
+ * @type {boolean}
+ */
+
+ const isValidNumber = isFinite(indexAsNumber);
+
+ if (!isValidNumber) {
+ throw new Error(
+ `The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`,
+ );
+ } // Knowing that the converted `index` is a valid number,
+ // we can update the original argument's value.
+
+ index = indexAsNumber;
+ }
+
+ const swiper = this;
+ let slideIndex = index;
+ if (slideIndex < 0) slideIndex = 0;
+ const {
+ params,
+ snapGrid,
+ slidesGrid,
+ previousIndex,
+ activeIndex,
+ rtlTranslate: rtl,
+ wrapperEl,
+ enabled,
+ } = swiper;
+
+ if (
+ (swiper.animating && params.preventInteractionOnTransition) ||
+ (!enabled && !internal && !initial)
+ ) {
+ return false;
+ }
+
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, slideIndex);
+ let snapIndex =
+ skip + Math.floor((slideIndex - skip) / swiper.params.slidesPerGroup);
+ if (snapIndex >= snapGrid.length) snapIndex = snapGrid.length - 1;
+
+ if (
+ (activeIndex || params.initialSlide || 0) === (previousIndex || 0) &&
+ runCallbacks
+ ) {
+ swiper.emit("beforeSlideChangeStart");
+ }
+
+ const translate = -snapGrid[snapIndex]; // Update progress
+
+ swiper.updateProgress(translate); // Normalize slideIndex
+
+ if (params.normalizeSlideIndex) {
+ for (let i = 0; i < slidesGrid.length; i += 1) {
+ const normalizedTranslate = -Math.floor(translate * 100);
+ const normalizedGrid = Math.floor(slidesGrid[i] * 100);
+ const normalizedGridNext = Math.floor(slidesGrid[i + 1] * 100);
+
+ if (typeof slidesGrid[i + 1] !== "undefined") {
+ if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate <
+ normalizedGridNext - (normalizedGridNext - normalizedGrid) / 2
+ ) {
+ slideIndex = i;
+ } else if (
+ normalizedTranslate >= normalizedGrid &&
+ normalizedTranslate < normalizedGridNext
+ ) {
+ slideIndex = i + 1;
+ }
+ } else if (normalizedTranslate >= normalizedGrid) {
+ slideIndex = i;
+ }
+ }
+ } // Directions locks
+
+ if (swiper.initialized && slideIndex !== activeIndex) {
+ if (
+ !swiper.allowSlideNext &&
+ translate < swiper.translate &&
+ translate < swiper.minTranslate()
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ translate > swiper.translate &&
+ translate > swiper.maxTranslate()
+ ) {
+ if ((activeIndex || 0) !== slideIndex) return false;
+ }
+ }
+
+ let direction;
+ if (slideIndex > activeIndex) direction = "next";
+ else if (slideIndex < activeIndex) direction = "prev";
+ else direction = "reset"; // Update Index
+
+ if (
+ (rtl && -translate === swiper.translate) ||
+ (!rtl && translate === swiper.translate)
+ ) {
+ swiper.updateActiveIndex(slideIndex); // Update Height
+
+ if (params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+
+ swiper.updateSlidesClasses();
+
+ if (params.effect !== "slide") {
+ swiper.setTranslate(translate);
+ }
+
+ if (direction !== "reset") {
+ swiper.transitionStart(runCallbacks, direction);
+ swiper.transitionEnd(runCallbacks, direction);
+ }
+
+ return false;
+ }
+
+ if (params.cssMode) {
+ const isH = swiper.isHorizontal();
+ const t = rtl ? translate : -translate;
+
+ if (speed === 0) {
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+
+ if (isVirtual) {
+ swiper.wrapperEl.style.scrollSnapType = "none";
+ swiper._immediateVirtual = true;
+ }
+
+ wrapperEl[isH ? "scrollLeft" : "scrollTop"] = t;
+
+ if (isVirtual) {
+ requestAnimationFrame(() => {
+ swiper.wrapperEl.style.scrollSnapType = "";
+ swiper._swiperImmediateVirtual = false;
+ });
+ }
+ } else {
+ if (!swiper.support.smoothScroll) {
+ animateCSSModeScroll({
+ swiper,
+ targetPosition: t,
+ side: isH ? "left" : "top",
+ });
+ return true;
+ }
+
+ wrapperEl.scrollTo({
+ [isH ? "left" : "top"]: t,
+ behavior: "smooth",
+ });
+ }
+
+ return true;
+ }
+
+ swiper.setTransition(speed);
+ swiper.setTranslate(translate);
+ swiper.updateActiveIndex(slideIndex);
+ swiper.updateSlidesClasses();
+ swiper.emit("beforeTransitionStart", speed, internal);
+ swiper.transitionStart(runCallbacks, direction);
+
+ if (speed === 0) {
+ swiper.transitionEnd(runCallbacks, direction);
+ } else if (!swiper.animating) {
+ swiper.animating = true;
+
+ if (!swiper.onSlideToWrapperTransitionEnd) {
+ swiper.onSlideToWrapperTransitionEnd = function transitionEnd(e) {
+ if (!swiper || swiper.destroyed) return;
+ if (e.target !== this) return;
+ swiper.$wrapperEl[0].removeEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].removeEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.onSlideToWrapperTransitionEnd = null;
+ delete swiper.onSlideToWrapperTransitionEnd;
+ swiper.transitionEnd(runCallbacks, direction);
+ };
+ }
+
+ swiper.$wrapperEl[0].addEventListener(
+ "transitionend",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ swiper.$wrapperEl[0].addEventListener(
+ "webkitTransitionEnd",
+ swiper.onSlideToWrapperTransitionEnd,
+ );
+ }
+
+ return true;
+ }
+
+ function slideToLoop(index, speed, runCallbacks, internal) {
+ if (index === void 0) {
+ index = 0;
+ }
+
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ let newIndex = index;
+
+ if (swiper.params.loop) {
+ newIndex += swiper.loopedSlides;
+ }
+
+ return swiper.slideTo(newIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideNext(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { animating, enabled, params } = swiper;
+ if (!enabled) return swiper;
+ let perGroup = params.slidesPerGroup;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ perGroup = Math.max(swiper.slidesPerViewDynamic("current", true), 1);
+ }
+
+ const increment =
+ swiper.activeIndex < params.slidesPerGroupSkip ? 1 : perGroup;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ if (params.rewind && swiper.isEnd) {
+ return swiper.slideTo(0, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(
+ swiper.activeIndex + increment,
+ speed,
+ runCallbacks,
+ internal,
+ );
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slidePrev(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ const { params, animating, snapGrid, slidesGrid, rtlTranslate, enabled } =
+ swiper;
+ if (!enabled) return swiper;
+
+ if (params.loop) {
+ if (animating && params.loopPreventsSlide) return false;
+ swiper.loopFix(); // eslint-disable-next-line
+
+ swiper._clientLeft = swiper.$wrapperEl[0].clientLeft;
+ }
+
+ const translate = rtlTranslate ? swiper.translate : -swiper.translate;
+
+ function normalize(val) {
+ if (val < 0) return -Math.floor(Math.abs(val));
+ return Math.floor(val);
+ }
+
+ const normalizedTranslate = normalize(translate);
+ const normalizedSnapGrid = snapGrid.map((val) => normalize(val));
+ let prevSnap =
+ snapGrid[normalizedSnapGrid.indexOf(normalizedTranslate) - 1];
+
+ if (typeof prevSnap === "undefined" && params.cssMode) {
+ let prevSnapIndex;
+ snapGrid.forEach((snap, snapIndex) => {
+ if (normalizedTranslate >= snap) {
+ // prevSnap = snap;
+ prevSnapIndex = snapIndex;
+ }
+ });
+
+ if (typeof prevSnapIndex !== "undefined") {
+ prevSnap =
+ snapGrid[prevSnapIndex > 0 ? prevSnapIndex - 1 : prevSnapIndex];
+ }
+ }
+
+ let prevIndex = 0;
+
+ if (typeof prevSnap !== "undefined") {
+ prevIndex = slidesGrid.indexOf(prevSnap);
+ if (prevIndex < 0) prevIndex = swiper.activeIndex - 1;
+
+ if (
+ params.slidesPerView === "auto" &&
+ params.slidesPerGroup === 1 &&
+ params.slidesPerGroupAuto
+ ) {
+ prevIndex =
+ prevIndex - swiper.slidesPerViewDynamic("previous", true) + 1;
+ prevIndex = Math.max(prevIndex, 0);
+ }
+ }
+
+ if (params.rewind && swiper.isBeginning) {
+ const lastIndex =
+ swiper.params.virtual && swiper.params.virtual.enabled && swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ return swiper.slideTo(lastIndex, speed, runCallbacks, internal);
+ }
+
+ return swiper.slideTo(prevIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideReset(speed, runCallbacks, internal) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ const swiper = this;
+ return swiper.slideTo(swiper.activeIndex, speed, runCallbacks, internal);
+ }
+
+ /* eslint no-unused-vars: "off" */
+ function slideToClosest(speed, runCallbacks, internal, threshold) {
+ if (speed === void 0) {
+ speed = this.params.speed;
+ }
+
+ if (runCallbacks === void 0) {
+ runCallbacks = true;
+ }
+
+ if (threshold === void 0) {
+ threshold = 0.5;
+ }
+
+ const swiper = this;
+ let index = swiper.activeIndex;
+ const skip = Math.min(swiper.params.slidesPerGroupSkip, index);
+ const snapIndex =
+ skip + Math.floor((index - skip) / swiper.params.slidesPerGroup);
+ const translate = swiper.rtlTranslate
+ ? swiper.translate
+ : -swiper.translate;
+
+ if (translate >= swiper.snapGrid[snapIndex]) {
+ // The current translate is on or after the current snap index, so the choice
+ // is between the current index and the one after it.
+ const currentSnap = swiper.snapGrid[snapIndex];
+ const nextSnap = swiper.snapGrid[snapIndex + 1];
+
+ if (translate - currentSnap > (nextSnap - currentSnap) * threshold) {
+ index += swiper.params.slidesPerGroup;
+ }
+ } else {
+ // The current translate is before the current snap index, so the choice
+ // is between the current index and the one before it.
+ const prevSnap = swiper.snapGrid[snapIndex - 1];
+ const currentSnap = swiper.snapGrid[snapIndex];
+
+ if (translate - prevSnap <= (currentSnap - prevSnap) * threshold) {
+ index -= swiper.params.slidesPerGroup;
+ }
+ }
+
+ index = Math.max(index, 0);
+ index = Math.min(index, swiper.slidesGrid.length - 1);
+ return swiper.slideTo(index, speed, runCallbacks, internal);
+ }
+
+ function slideToClickedSlide() {
+ const swiper = this;
+ const { params, $wrapperEl } = swiper;
+ const slidesPerView =
+ params.slidesPerView === "auto"
+ ? swiper.slidesPerViewDynamic()
+ : params.slidesPerView;
+ let slideToIndex = swiper.clickedIndex;
+ let realIndex;
+
+ if (params.loop) {
+ if (swiper.animating) return;
+ realIndex = parseInt(
+ $(swiper.clickedSlide).attr("data-swiper-slide-index"),
+ 10,
+ );
+
+ if (params.centeredSlides) {
+ if (
+ slideToIndex < swiper.loopedSlides - slidesPerView / 2 ||
+ slideToIndex >
+ swiper.slides.length - swiper.loopedSlides + slidesPerView / 2
+ ) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else if (slideToIndex > swiper.slides.length - slidesPerView) {
+ swiper.loopFix();
+ slideToIndex = $wrapperEl
+ .children(
+ `.${params.slideClass}[data-swiper-slide-index="${realIndex}"]:not(.${params.slideDuplicateClass})`,
+ )
+ .eq(0)
+ .index();
+ nextTick(() => {
+ swiper.slideTo(slideToIndex);
+ });
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ } else {
+ swiper.slideTo(slideToIndex);
+ }
+ }
+
+ var slide = {
+ slideTo,
+ slideToLoop,
+ slideNext,
+ slidePrev,
+ slideReset,
+ slideToClosest,
+ slideToClickedSlide,
+ };
+
+ function loopCreate() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, $wrapperEl } = swiper; // Remove duplicated slides
+
+ const $selector =
+ $wrapperEl.children().length > 0
+ ? $($wrapperEl.children()[0].parentNode)
+ : $wrapperEl;
+ $selector
+ .children(`.${params.slideClass}.${params.slideDuplicateClass}`)
+ .remove();
+ let slides = $selector.children(`.${params.slideClass}`);
+
+ if (params.loopFillGroupWithBlank) {
+ const blankSlidesNum =
+ params.slidesPerGroup - (slides.length % params.slidesPerGroup);
+
+ if (blankSlidesNum !== params.slidesPerGroup) {
+ for (let i = 0; i < blankSlidesNum; i += 1) {
+ const blankNode = $(document.createElement("div")).addClass(
+ `${params.slideClass} ${params.slideBlankClass}`,
+ );
+ $selector.append(blankNode);
+ }
+
+ slides = $selector.children(`.${params.slideClass}`);
+ }
+ }
+
+ if (params.slidesPerView === "auto" && !params.loopedSlides)
+ params.loopedSlides = slides.length;
+ swiper.loopedSlides = Math.ceil(
+ parseFloat(params.loopedSlides || params.slidesPerView, 10),
+ );
+ swiper.loopedSlides += params.loopAdditionalSlides;
+
+ if (swiper.loopedSlides > slides.length) {
+ swiper.loopedSlides = slides.length;
+ }
+
+ const prependSlides = [];
+ const appendSlides = [];
+ slides.each((el, index) => {
+ const slide = $(el);
+
+ if (index < swiper.loopedSlides) {
+ appendSlides.push(el);
+ }
+
+ if (
+ index < slides.length &&
+ index >= slides.length - swiper.loopedSlides
+ ) {
+ prependSlides.push(el);
+ }
+
+ slide.attr("data-swiper-slide-index", index);
+ });
+
+ for (let i = 0; i < appendSlides.length; i += 1) {
+ $selector.append(
+ $(appendSlides[i].cloneNode(true)).addClass(params.slideDuplicateClass),
+ );
+ }
+
+ for (let i = prependSlides.length - 1; i >= 0; i -= 1) {
+ $selector.prepend(
+ $(prependSlides[i].cloneNode(true)).addClass(
+ params.slideDuplicateClass,
+ ),
+ );
+ }
+ }
+
+ function loopFix() {
+ const swiper = this;
+ swiper.emit("beforeLoopFix");
+ const {
+ activeIndex,
+ slides,
+ loopedSlides,
+ allowSlidePrev,
+ allowSlideNext,
+ snapGrid,
+ rtlTranslate: rtl,
+ } = swiper;
+ let newIndex;
+ swiper.allowSlidePrev = true;
+ swiper.allowSlideNext = true;
+ const snapTranslate = -snapGrid[activeIndex];
+ const diff = snapTranslate - swiper.getTranslate(); // Fix For Negative Oversliding
+
+ if (activeIndex < loopedSlides) {
+ newIndex = slides.length - loopedSlides * 3 + activeIndex;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ } else if (activeIndex >= slides.length - loopedSlides) {
+ // Fix For Positive Oversliding
+ newIndex = -slides.length + activeIndex + loopedSlides;
+ newIndex += loopedSlides;
+ const slideChanged = swiper.slideTo(newIndex, 0, false, true);
+
+ if (slideChanged && diff !== 0) {
+ swiper.setTranslate(
+ (rtl ? -swiper.translate : swiper.translate) - diff,
+ );
+ }
+ }
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+ swiper.emit("loopFix");
+ }
+
+ function loopDestroy() {
+ const swiper = this;
+ const { $wrapperEl, params, slides } = swiper;
+ $wrapperEl
+ .children(
+ `.${params.slideClass}.${params.slideDuplicateClass},.${params.slideClass}.${params.slideBlankClass}`,
+ )
+ .remove();
+ slides.removeAttr("data-swiper-slide-index");
+ }
+
+ var loop = {
+ loopCreate,
+ loopFix,
+ loopDestroy,
+ };
+
+ function setGrabCursor(moving) {
+ const swiper = this;
+ if (
+ swiper.support.touch ||
+ !swiper.params.simulateTouch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ )
+ return;
+ const el =
+ swiper.params.touchEventsTarget === "container"
+ ? swiper.el
+ : swiper.wrapperEl;
+ el.style.cursor = "move";
+ el.style.cursor = moving ? "-webkit-grabbing" : "-webkit-grab";
+ el.style.cursor = moving ? "-moz-grabbin" : "-moz-grab";
+ el.style.cursor = moving ? "grabbing" : "grab";
+ }
+
+ function unsetGrabCursor() {
+ const swiper = this;
+
+ if (
+ swiper.support.touch ||
+ (swiper.params.watchOverflow && swiper.isLocked) ||
+ swiper.params.cssMode
+ ) {
+ return;
+ }
+
+ swiper[
+ swiper.params.touchEventsTarget === "container" ? "el" : "wrapperEl"
+ ].style.cursor = "";
+ }
+
+ var grabCursor = {
+ setGrabCursor,
+ unsetGrabCursor,
+ };
+
+ function closestElement(selector, base) {
+ if (base === void 0) {
+ base = this;
+ }
+
+ function __closestFrom(el) {
+ if (!el || el === getDocument() || el === getWindow()) return null;
+ if (el.assignedSlot) el = el.assignedSlot;
+ const found = el.closest(selector);
+ return found || __closestFrom(el.getRootNode().host);
+ }
+
+ return __closestFrom(base);
+ }
+
+ function onTouchStart(event) {
+ const swiper = this;
+ const document = getDocument();
+ const window = getWindow();
+ const data = swiper.touchEventsData;
+ const { params, touches, enabled } = swiper;
+ if (!enabled) return;
+
+ if (swiper.animating && params.preventInteractionOnTransition) {
+ return;
+ }
+
+ if (!swiper.animating && params.cssMode && params.loop) {
+ swiper.loopFix();
+ }
+
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+ let $targetEl = $(e.target);
+
+ if (params.touchEventsTarget === "wrapper") {
+ if (!$targetEl.closest(swiper.wrapperEl).length) return;
+ }
+
+ data.isTouchEvent = e.type === "touchstart";
+ if (!data.isTouchEvent && "which" in e && e.which === 3) return;
+ if (!data.isTouchEvent && "button" in e && e.button > 0) return;
+ if (data.isTouched && data.isMoved) return; // change target el for shadow root component
+
+ const swipingClassHasValue =
+ !!params.noSwipingClass && params.noSwipingClass !== "";
+
+ if (
+ swipingClassHasValue &&
+ e.target &&
+ e.target.shadowRoot &&
+ event.path &&
+ event.path[0]
+ ) {
+ $targetEl = $(event.path[0]);
+ }
+
+ const noSwipingSelector = params.noSwipingSelector
+ ? params.noSwipingSelector
+ : `.${params.noSwipingClass}`;
+ const isTargetShadow = !!(e.target && e.target.shadowRoot); // use closestElement for shadow root element to get the actual closest for nested shadow root element
+
+ if (
+ params.noSwiping &&
+ (isTargetShadow
+ ? closestElement(noSwipingSelector, e.target)
+ : $targetEl.closest(noSwipingSelector)[0])
+ ) {
+ swiper.allowClick = true;
+ return;
+ }
+
+ if (params.swipeHandler) {
+ if (!$targetEl.closest(params.swipeHandler)[0]) return;
+ }
+
+ touches.currentX =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ touches.currentY =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ const startX = touches.currentX;
+ const startY = touches.currentY; // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
+
+ const edgeSwipeDetection =
+ params.edgeSwipeDetection || params.iOSEdgeSwipeDetection;
+ const edgeSwipeThreshold =
+ params.edgeSwipeThreshold || params.iOSEdgeSwipeThreshold;
+
+ if (
+ edgeSwipeDetection &&
+ (startX <= edgeSwipeThreshold ||
+ startX >= window.innerWidth - edgeSwipeThreshold)
+ ) {
+ if (edgeSwipeDetection === "prevent") {
+ event.preventDefault();
+ } else {
+ return;
+ }
+ }
+
+ Object.assign(data, {
+ isTouched: true,
+ isMoved: false,
+ allowTouchCallbacks: true,
+ isScrolling: undefined,
+ startMoving: undefined,
+ });
+ touches.startX = startX;
+ touches.startY = startY;
+ data.touchStartTime = now();
+ swiper.allowClick = true;
+ swiper.updateSize();
+ swiper.swipeDirection = undefined;
+ if (params.threshold > 0) data.allowThresholdMove = false;
+
+ if (e.type !== "touchstart") {
+ let preventDefault = true;
+
+ if ($targetEl.is(data.focusableElements)) {
+ preventDefault = false;
+
+ if ($targetEl[0].nodeName === "SELECT") {
+ data.isTouched = false;
+ }
+ }
+
+ if (
+ document.activeElement &&
+ $(document.activeElement).is(data.focusableElements) &&
+ document.activeElement !== $targetEl[0]
+ ) {
+ document.activeElement.blur();
+ }
+
+ const shouldPreventDefault =
+ preventDefault &&
+ swiper.allowTouchMove &&
+ params.touchStartPreventDefault;
+
+ if (
+ (params.touchStartForcePreventDefault || shouldPreventDefault) &&
+ !$targetEl[0].isContentEditable
+ ) {
+ e.preventDefault();
+ }
+ }
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ swiper.freeMode &&
+ swiper.animating &&
+ !params.cssMode
+ ) {
+ swiper.freeMode.onTouchStart();
+ }
+
+ swiper.emit("touchStart", e);
+ }
+
+ function onTouchMove(event) {
+ const document = getDocument();
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (!data.isTouched) {
+ if (data.startMoving && data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && e.type !== "touchmove") return;
+ const targetTouch =
+ e.type === "touchmove" &&
+ e.targetTouches &&
+ (e.targetTouches[0] || e.changedTouches[0]);
+ const pageX = e.type === "touchmove" ? targetTouch.pageX : e.pageX;
+ const pageY = e.type === "touchmove" ? targetTouch.pageY : e.pageY;
+
+ if (e.preventedByNestedSwiper) {
+ touches.startX = pageX;
+ touches.startY = pageY;
+ return;
+ }
+
+ if (!swiper.allowTouchMove) {
+ if (!$(e.target).is(data.focusableElements)) {
+ swiper.allowClick = false;
+ }
+
+ if (data.isTouched) {
+ Object.assign(touches, {
+ startX: pageX,
+ startY: pageY,
+ currentX: pageX,
+ currentY: pageY,
+ });
+ data.touchStartTime = now();
+ }
+
+ return;
+ }
+
+ if (data.isTouchEvent && params.touchReleaseOnEdges && !params.loop) {
+ if (swiper.isVertical()) {
+ // Vertical
+ if (
+ (pageY < touches.startY &&
+ swiper.translate <= swiper.maxTranslate()) ||
+ (pageY > touches.startY && swiper.translate >= swiper.minTranslate())
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ return;
+ }
+ } else if (
+ (pageX < touches.startX && swiper.translate <= swiper.maxTranslate()) ||
+ (pageX > touches.startX && swiper.translate >= swiper.minTranslate())
+ ) {
+ return;
+ }
+ }
+
+ if (data.isTouchEvent && document.activeElement) {
+ if (
+ e.target === document.activeElement &&
+ $(e.target).is(data.focusableElements)
+ ) {
+ data.isMoved = true;
+ swiper.allowClick = false;
+ return;
+ }
+ }
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchMove", e);
+ }
+
+ if (e.targetTouches && e.targetTouches.length > 1) return;
+ touches.currentX = pageX;
+ touches.currentY = pageY;
+ const diffX = touches.currentX - touches.startX;
+ const diffY = touches.currentY - touches.startY;
+ if (
+ swiper.params.threshold &&
+ Math.sqrt(diffX ** 2 + diffY ** 2) < swiper.params.threshold
+ )
+ return;
+
+ if (typeof data.isScrolling === "undefined") {
+ let touchAngle;
+
+ if (
+ (swiper.isHorizontal() && touches.currentY === touches.startY) ||
+ (swiper.isVertical() && touches.currentX === touches.startX)
+ ) {
+ data.isScrolling = false;
+ } else {
+ // eslint-disable-next-line
+ if (diffX * diffX + diffY * diffY >= 25) {
+ touchAngle =
+ (Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180) / Math.PI;
+ data.isScrolling = swiper.isHorizontal()
+ ? touchAngle > params.touchAngle
+ : 90 - touchAngle > params.touchAngle;
+ }
+ }
+ }
+
+ if (data.isScrolling) {
+ swiper.emit("touchMoveOpposite", e);
+ }
+
+ if (typeof data.startMoving === "undefined") {
+ if (
+ touches.currentX !== touches.startX ||
+ touches.currentY !== touches.startY
+ ) {
+ data.startMoving = true;
+ }
+ }
+
+ if (data.isScrolling) {
+ data.isTouched = false;
+ return;
+ }
+
+ if (!data.startMoving) {
+ return;
+ }
+
+ swiper.allowClick = false;
+
+ if (!params.cssMode && e.cancelable) {
+ e.preventDefault();
+ }
+
+ if (params.touchMoveStopPropagation && !params.nested) {
+ e.stopPropagation();
+ }
+
+ if (!data.isMoved) {
+ if (params.loop && !params.cssMode) {
+ swiper.loopFix();
+ }
+
+ data.startTranslate = swiper.getTranslate();
+ swiper.setTransition(0);
+
+ if (swiper.animating) {
+ swiper.$wrapperEl.trigger("webkitTransitionEnd transitionend");
+ }
+
+ data.allowMomentumBounce = false; // Grab Cursor
+
+ if (
+ params.grabCursor &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(true);
+ }
+
+ swiper.emit("sliderFirstMove", e);
+ }
+
+ swiper.emit("sliderMove", e);
+ data.isMoved = true;
+ let diff = swiper.isHorizontal() ? diffX : diffY;
+ touches.diff = diff;
+ diff *= params.touchRatio;
+ if (rtl) diff = -diff;
+ swiper.swipeDirection = diff > 0 ? "prev" : "next";
+ data.currentTranslate = diff + data.startTranslate;
+ let disableParentSwiper = true;
+ let resistanceRatio = params.resistanceRatio;
+
+ if (params.touchReleaseOnEdges) {
+ resistanceRatio = 0;
+ }
+
+ if (diff > 0 && data.currentTranslate > swiper.minTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.minTranslate() -
+ 1 +
+ (-swiper.minTranslate() + data.startTranslate + diff) **
+ resistanceRatio;
+ } else if (diff < 0 && data.currentTranslate < swiper.maxTranslate()) {
+ disableParentSwiper = false;
+ if (params.resistance)
+ data.currentTranslate =
+ swiper.maxTranslate() +
+ 1 -
+ (swiper.maxTranslate() - data.startTranslate - diff) **
+ resistanceRatio;
+ }
+
+ if (disableParentSwiper) {
+ e.preventedByNestedSwiper = true;
+ } // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ swiper.swipeDirection === "next" &&
+ data.currentTranslate < data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ swiper.swipeDirection === "prev" &&
+ data.currentTranslate > data.startTranslate
+ ) {
+ data.currentTranslate = data.startTranslate;
+ }
+
+ if (!swiper.allowSlidePrev && !swiper.allowSlideNext) {
+ data.currentTranslate = data.startTranslate;
+ } // Threshold
+
+ if (params.threshold > 0) {
+ if (Math.abs(diff) > params.threshold || data.allowThresholdMove) {
+ if (!data.allowThresholdMove) {
+ data.allowThresholdMove = true;
+ touches.startX = touches.currentX;
+ touches.startY = touches.currentY;
+ data.currentTranslate = data.startTranslate;
+ touches.diff = swiper.isHorizontal()
+ ? touches.currentX - touches.startX
+ : touches.currentY - touches.startY;
+ return;
+ }
+ } else {
+ data.currentTranslate = data.startTranslate;
+ return;
+ }
+ }
+
+ if (!params.followFinger || params.cssMode) return; // Update active index in free mode
+
+ if (
+ (params.freeMode && params.freeMode.enabled && swiper.freeMode) ||
+ params.watchSlidesProgress
+ ) {
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled && swiper.freeMode) {
+ swiper.freeMode.onTouchMove();
+ } // Update progress
+
+ swiper.updateProgress(data.currentTranslate); // Update translate
+
+ swiper.setTranslate(data.currentTranslate);
+ }
+
+ function onTouchEnd(event) {
+ const swiper = this;
+ const data = swiper.touchEventsData;
+ const { params, touches, rtlTranslate: rtl, slidesGrid, enabled } = swiper;
+ if (!enabled) return;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent;
+
+ if (data.allowTouchCallbacks) {
+ swiper.emit("touchEnd", e);
+ }
+
+ data.allowTouchCallbacks = false;
+
+ if (!data.isTouched) {
+ if (data.isMoved && params.grabCursor) {
+ swiper.setGrabCursor(false);
+ }
+
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ } // Return Grab Cursor
+
+ if (
+ params.grabCursor &&
+ data.isMoved &&
+ data.isTouched &&
+ (swiper.allowSlideNext === true || swiper.allowSlidePrev === true)
+ ) {
+ swiper.setGrabCursor(false);
+ } // Time diff
+
+ const touchEndTime = now();
+ const timeDiff = touchEndTime - data.touchStartTime; // Tap, doubleTap, Click
+
+ if (swiper.allowClick) {
+ const pathTree = e.path || (e.composedPath && e.composedPath());
+ swiper.updateClickedSlide((pathTree && pathTree[0]) || e.target);
+ swiper.emit("tap click", e);
+
+ if (timeDiff < 300 && touchEndTime - data.lastClickTime < 300) {
+ swiper.emit("doubleTap doubleClick", e);
+ }
+ }
+
+ data.lastClickTime = now();
+ nextTick(() => {
+ if (!swiper.destroyed) swiper.allowClick = true;
+ });
+
+ if (
+ !data.isTouched ||
+ !data.isMoved ||
+ !swiper.swipeDirection ||
+ touches.diff === 0 ||
+ data.currentTranslate === data.startTranslate
+ ) {
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ return;
+ }
+
+ data.isTouched = false;
+ data.isMoved = false;
+ data.startMoving = false;
+ let currentPos;
+
+ if (params.followFinger) {
+ currentPos = rtl ? swiper.translate : -swiper.translate;
+ } else {
+ currentPos = -data.currentTranslate;
+ }
+
+ if (params.cssMode) {
+ return;
+ }
+
+ if (swiper.params.freeMode && params.freeMode.enabled) {
+ swiper.freeMode.onTouchEnd({
+ currentPos,
+ });
+ return;
+ } // Find current slide
+
+ let stopIndex = 0;
+ let groupSize = swiper.slidesSizesGrid[0];
+
+ for (
+ let i = 0;
+ i < slidesGrid.length;
+ i += i < params.slidesPerGroupSkip ? 1 : params.slidesPerGroup
+ ) {
+ const increment =
+ i < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (typeof slidesGrid[i + increment] !== "undefined") {
+ if (
+ currentPos >= slidesGrid[i] &&
+ currentPos < slidesGrid[i + increment]
+ ) {
+ stopIndex = i;
+ groupSize = slidesGrid[i + increment] - slidesGrid[i];
+ }
+ } else if (currentPos >= slidesGrid[i]) {
+ stopIndex = i;
+ groupSize =
+ slidesGrid[slidesGrid.length - 1] - slidesGrid[slidesGrid.length - 2];
+ }
+ }
+
+ let rewindFirstIndex = null;
+ let rewindLastIndex = null;
+
+ if (params.rewind) {
+ if (swiper.isBeginning) {
+ rewindLastIndex =
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ? swiper.virtual.slides.length - 1
+ : swiper.slides.length - 1;
+ } else if (swiper.isEnd) {
+ rewindFirstIndex = 0;
+ }
+ } // Find current slide size
+
+ const ratio = (currentPos - slidesGrid[stopIndex]) / groupSize;
+ const increment =
+ stopIndex < params.slidesPerGroupSkip - 1 ? 1 : params.slidesPerGroup;
+
+ if (timeDiff > params.longSwipesMs) {
+ // Long touches
+ if (!params.longSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ if (swiper.swipeDirection === "next") {
+ if (ratio >= params.longSwipesRatio)
+ swiper.slideTo(
+ params.rewind && swiper.isEnd
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ else swiper.slideTo(stopIndex);
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ if (ratio > 1 - params.longSwipesRatio) {
+ swiper.slideTo(stopIndex + increment);
+ } else if (
+ rewindLastIndex !== null &&
+ ratio < 0 &&
+ Math.abs(ratio) > params.longSwipesRatio
+ ) {
+ swiper.slideTo(rewindLastIndex);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ } else {
+ // Short swipes
+ if (!params.shortSwipes) {
+ swiper.slideTo(swiper.activeIndex);
+ return;
+ }
+
+ const isNavButtonTarget =
+ swiper.navigation &&
+ (e.target === swiper.navigation.nextEl ||
+ e.target === swiper.navigation.prevEl);
+
+ if (!isNavButtonTarget) {
+ if (swiper.swipeDirection === "next") {
+ swiper.slideTo(
+ rewindFirstIndex !== null
+ ? rewindFirstIndex
+ : stopIndex + increment,
+ );
+ }
+
+ if (swiper.swipeDirection === "prev") {
+ swiper.slideTo(
+ rewindLastIndex !== null ? rewindLastIndex : stopIndex,
+ );
+ }
+ } else if (e.target === swiper.navigation.nextEl) {
+ swiper.slideTo(stopIndex + increment);
+ } else {
+ swiper.slideTo(stopIndex);
+ }
+ }
+ }
+
+ function onResize() {
+ const swiper = this;
+ const { params, el } = swiper;
+ if (el && el.offsetWidth === 0) return; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Save locks
+
+ const { allowSlideNext, allowSlidePrev, snapGrid } = swiper; // Disable locks on resize
+
+ swiper.allowSlideNext = true;
+ swiper.allowSlidePrev = true;
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateSlidesClasses();
+
+ if (
+ (params.slidesPerView === "auto" || params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.isBeginning &&
+ !swiper.params.centeredSlides
+ ) {
+ swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (swiper.autoplay && swiper.autoplay.running && swiper.autoplay.paused) {
+ swiper.autoplay.run();
+ } // Return locks after resize
+
+ swiper.allowSlidePrev = allowSlidePrev;
+ swiper.allowSlideNext = allowSlideNext;
+
+ if (swiper.params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+ }
+
+ function onClick(e) {
+ const swiper = this;
+ if (!swiper.enabled) return;
+
+ if (!swiper.allowClick) {
+ if (swiper.params.preventClicks) e.preventDefault();
+
+ if (swiper.params.preventClicksPropagation && swiper.animating) {
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+ }
+ }
+ }
+
+ function onScroll() {
+ const swiper = this;
+ const { wrapperEl, rtlTranslate, enabled } = swiper;
+ if (!enabled) return;
+ swiper.previousTranslate = swiper.translate;
+
+ if (swiper.isHorizontal()) {
+ swiper.translate = -wrapperEl.scrollLeft;
+ } else {
+ swiper.translate = -wrapperEl.scrollTop;
+ } // eslint-disable-next-line
+
+ if (swiper.translate === -0) swiper.translate = 0;
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ let newProgress;
+ const translatesDiff = swiper.maxTranslate() - swiper.minTranslate();
+
+ if (translatesDiff === 0) {
+ newProgress = 0;
+ } else {
+ newProgress = (swiper.translate - swiper.minTranslate()) / translatesDiff;
+ }
+
+ if (newProgress !== swiper.progress) {
+ swiper.updateProgress(
+ rtlTranslate ? -swiper.translate : swiper.translate,
+ );
+ }
+
+ swiper.emit("setTranslate", swiper.translate, false);
+ }
+
+ let dummyEventAttached = false;
+
+ function dummyEventListener() {}
+
+ const events = (swiper, method) => {
+ const document = getDocument();
+ const { params, touchEvents, el, wrapperEl, device, support } = swiper;
+ const capture = !!params.nested;
+ const domMethod =
+ method === "on" ? "addEventListener" : "removeEventListener";
+ const swiperMethod = method; // Touch Events
+
+ if (!support.touch) {
+ el[domMethod](touchEvents.start, swiper.onTouchStart, false);
+ document[domMethod](touchEvents.move, swiper.onTouchMove, capture);
+ document[domMethod](touchEvents.end, swiper.onTouchEnd, false);
+ } else {
+ const passiveListener =
+ touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ el[domMethod](touchEvents.start, swiper.onTouchStart, passiveListener);
+ el[domMethod](
+ touchEvents.move,
+ swiper.onTouchMove,
+ support.passiveListener
+ ? {
+ passive: false,
+ capture,
+ }
+ : capture,
+ );
+ el[domMethod](touchEvents.end, swiper.onTouchEnd, passiveListener);
+
+ if (touchEvents.cancel) {
+ el[domMethod](touchEvents.cancel, swiper.onTouchEnd, passiveListener);
+ }
+ } // Prevent Links Clicks
+
+ if (params.preventClicks || params.preventClicksPropagation) {
+ el[domMethod]("click", swiper.onClick, true);
+ }
+
+ if (params.cssMode) {
+ wrapperEl[domMethod]("scroll", swiper.onScroll);
+ } // Resize handler
+
+ if (params.updateOnWindowResize) {
+ swiper[swiperMethod](
+ device.ios || device.android
+ ? "resize orientationchange observerUpdate"
+ : "resize observerUpdate",
+ onResize,
+ true,
+ );
+ } else {
+ swiper[swiperMethod]("observerUpdate", onResize, true);
+ }
+ };
+
+ function attachEvents() {
+ const swiper = this;
+ const document = getDocument();
+ const { params, support } = swiper;
+ swiper.onTouchStart = onTouchStart.bind(swiper);
+ swiper.onTouchMove = onTouchMove.bind(swiper);
+ swiper.onTouchEnd = onTouchEnd.bind(swiper);
+
+ if (params.cssMode) {
+ swiper.onScroll = onScroll.bind(swiper);
+ }
+
+ swiper.onClick = onClick.bind(swiper);
+
+ if (support.touch && !dummyEventAttached) {
+ document.addEventListener("touchstart", dummyEventListener);
+ dummyEventAttached = true;
+ }
+
+ events(swiper, "on");
+ }
+
+ function detachEvents() {
+ const swiper = this;
+ events(swiper, "off");
+ }
+
+ var events$1 = {
+ attachEvents,
+ detachEvents,
+ };
+
+ const isGridEnabled = (swiper, params) => {
+ return swiper.grid && params.grid && params.grid.rows > 1;
+ };
+
+ function setBreakpoint() {
+ const swiper = this;
+ const { activeIndex, initialized, loopedSlides = 0, params, $el } = swiper;
+ const breakpoints = params.breakpoints;
+ if (!breakpoints || (breakpoints && Object.keys(breakpoints).length === 0))
+ return; // Get breakpoint for window width and update parameters
+
+ const breakpoint = swiper.getBreakpoint(
+ breakpoints,
+ swiper.params.breakpointsBase,
+ swiper.el,
+ );
+ if (!breakpoint || swiper.currentBreakpoint === breakpoint) return;
+ const breakpointOnlyParams =
+ breakpoint in breakpoints ? breakpoints[breakpoint] : undefined;
+ const breakpointParams = breakpointOnlyParams || swiper.originalParams;
+ const wasMultiRow = isGridEnabled(swiper, params);
+ const isMultiRow = isGridEnabled(swiper, breakpointParams);
+ const wasEnabled = params.enabled;
+
+ if (wasMultiRow && !isMultiRow) {
+ $el.removeClass(
+ `${params.containerModifierClass}grid ${params.containerModifierClass}grid-column`,
+ );
+ swiper.emitContainerClasses();
+ } else if (!wasMultiRow && isMultiRow) {
+ $el.addClass(`${params.containerModifierClass}grid`);
+
+ if (
+ (breakpointParams.grid.fill &&
+ breakpointParams.grid.fill === "column") ||
+ (!breakpointParams.grid.fill && params.grid.fill === "column")
+ ) {
+ $el.addClass(`${params.containerModifierClass}grid-column`);
+ }
+
+ swiper.emitContainerClasses();
+ }
+
+ const directionChanged =
+ breakpointParams.direction &&
+ breakpointParams.direction !== params.direction;
+ const needsReLoop =
+ params.loop &&
+ (breakpointParams.slidesPerView !== params.slidesPerView ||
+ directionChanged);
+
+ if (directionChanged && initialized) {
+ swiper.changeDirection();
+ }
+
+ extend(swiper.params, breakpointParams);
+ const isEnabled = swiper.params.enabled;
+ Object.assign(swiper, {
+ allowTouchMove: swiper.params.allowTouchMove,
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ });
+
+ if (wasEnabled && !isEnabled) {
+ swiper.disable();
+ } else if (!wasEnabled && isEnabled) {
+ swiper.enable();
+ }
+
+ swiper.currentBreakpoint = breakpoint;
+ swiper.emit("_beforeBreakpoint", breakpointParams);
+
+ if (needsReLoop && initialized) {
+ swiper.loopDestroy();
+ swiper.loopCreate();
+ swiper.updateSlides();
+ swiper.slideTo(
+ activeIndex - loopedSlides + swiper.loopedSlides,
+ 0,
+ false,
+ );
+ }
+
+ swiper.emit("breakpoint", breakpointParams);
+ }
+
+ function getBreakpoint(breakpoints, base, containerEl) {
+ if (base === void 0) {
+ base = "window";
+ }
+
+ if (!breakpoints || (base === "container" && !containerEl))
+ return undefined;
+ let breakpoint = false;
+ const window = getWindow();
+ const currentHeight =
+ base === "window" ? window.innerHeight : containerEl.clientHeight;
+ const points = Object.keys(breakpoints).map((point) => {
+ if (typeof point === "string" && point.indexOf("@") === 0) {
+ const minRatio = parseFloat(point.substr(1));
+ const value = currentHeight * minRatio;
+ return {
+ value,
+ point,
+ };
+ }
+
+ return {
+ value: point,
+ point,
+ };
+ });
+ points.sort((a, b) => parseInt(a.value, 10) - parseInt(b.value, 10));
+
+ for (let i = 0; i < points.length; i += 1) {
+ const { point, value } = points[i];
+
+ if (base === "window") {
+ if (window.matchMedia(`(min-width: ${value}px)`).matches) {
+ breakpoint = point;
+ }
+ } else if (value <= containerEl.clientWidth) {
+ breakpoint = point;
+ }
+ }
+
+ return breakpoint || "max";
+ }
+
+ var breakpoints = {
+ setBreakpoint,
+ getBreakpoint,
+ };
+
+ function prepareClasses(entries, prefix) {
+ const resultClasses = [];
+ entries.forEach((item) => {
+ if (typeof item === "object") {
+ Object.keys(item).forEach((classNames) => {
+ if (item[classNames]) {
+ resultClasses.push(prefix + classNames);
+ }
+ });
+ } else if (typeof item === "string") {
+ resultClasses.push(prefix + item);
+ }
+ });
+ return resultClasses;
+ }
+
+ function addClasses() {
+ const swiper = this;
+ const {
+ classNames,
+ params,
+ rtl,
+ $el,
+ device,
+ support
+ } = swiper; // prettier-ignore
+
+ const suffixes = prepareClasses(
+ [
+ "initialized",
+ params.direction,
+ {
+ "pointer-events": !support.touch,
+ },
+ {
+ "free-mode": swiper.params.freeMode && params.freeMode.enabled,
+ },
+ {
+ autoheight: params.autoHeight,
+ },
+ {
+ rtl: rtl,
+ },
+ {
+ grid: params.grid && params.grid.rows > 1,
+ },
+ {
+ "grid-column":
+ params.grid &&
+ params.grid.rows > 1 &&
+ params.grid.fill === "column",
+ },
+ {
+ android: device.android,
+ },
+ {
+ ios: device.ios,
+ },
+ {
+ "css-mode": params.cssMode,
+ },
+ {
+ centered: params.cssMode && params.centeredSlides,
+ },
+ ],
+ params.containerModifierClass,
+ );
+ classNames.push(...suffixes);
+ $el.addClass([...classNames].join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ function removeClasses() {
+ const swiper = this;
+ const { $el, classNames } = swiper;
+ $el.removeClass(classNames.join(" "));
+ swiper.emitContainerClasses();
+ }
+
+ var classes = {
+ addClasses,
+ removeClasses,
+ };
+
+ function loadImage(imageEl, src, srcset, sizes, checkForComplete, callback) {
+ const window = getWindow();
+ let image;
+
+ function onReady() {
+ if (callback) callback();
+ }
+
+ const isPicture = $(imageEl).parent("picture")[0];
+
+ if (!isPicture && (!imageEl.complete || !checkForComplete)) {
+ if (src) {
+ image = new window.Image();
+ image.onload = onReady;
+ image.onerror = onReady;
+
+ if (sizes) {
+ image.sizes = sizes;
+ }
+
+ if (srcset) {
+ image.srcset = srcset;
+ }
+
+ if (src) {
+ image.src = src;
+ }
+ } else {
+ onReady();
+ }
+ } else {
+ // image already loaded...
+ onReady();
+ }
+ }
+
+ function preloadImages() {
+ const swiper = this;
+ swiper.imagesToLoad = swiper.$el.find("img");
+
+ function onReady() {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ swiper.destroyed
+ )
+ return;
+ if (swiper.imagesLoaded !== undefined) swiper.imagesLoaded += 1;
+
+ if (swiper.imagesLoaded === swiper.imagesToLoad.length) {
+ if (swiper.params.updateOnImagesReady) swiper.update();
+ swiper.emit("imagesReady");
+ }
+ }
+
+ for (let i = 0; i < swiper.imagesToLoad.length; i += 1) {
+ const imageEl = swiper.imagesToLoad[i];
+ swiper.loadImage(
+ imageEl,
+ imageEl.currentSrc || imageEl.getAttribute("src"),
+ imageEl.srcset || imageEl.getAttribute("srcset"),
+ imageEl.sizes || imageEl.getAttribute("sizes"),
+ true,
+ onReady,
+ );
+ }
+ }
+
+ var images = {
+ loadImage,
+ preloadImages,
+ };
+
+ function checkOverflow() {
+ const swiper = this;
+ const { isLocked: wasLocked, params } = swiper;
+ const { slidesOffsetBefore } = params;
+
+ if (slidesOffsetBefore) {
+ const lastSlideIndex = swiper.slides.length - 1;
+ const lastSlideRightEdge =
+ swiper.slidesGrid[lastSlideIndex] +
+ swiper.slidesSizesGrid[lastSlideIndex] +
+ slidesOffsetBefore * 2;
+ swiper.isLocked = swiper.size > lastSlideRightEdge;
+ } else {
+ swiper.isLocked = swiper.snapGrid.length === 1;
+ }
+
+ if (params.allowSlideNext === true) {
+ swiper.allowSlideNext = !swiper.isLocked;
+ }
+
+ if (params.allowSlidePrev === true) {
+ swiper.allowSlidePrev = !swiper.isLocked;
+ }
+
+ if (wasLocked && wasLocked !== swiper.isLocked) {
+ swiper.isEnd = false;
+ }
+
+ if (wasLocked !== swiper.isLocked) {
+ swiper.emit(swiper.isLocked ? "lock" : "unlock");
+ }
+ }
+
+ var checkOverflow$1 = {
+ checkOverflow,
+ };
+
+ var defaults = {
+ init: true,
+ direction: "horizontal",
+ touchEventsTarget: "wrapper",
+ initialSlide: 0,
+ speed: 300,
+ cssMode: false,
+ updateOnWindowResize: true,
+ resizeObserver: true,
+ nested: false,
+ createElements: false,
+ enabled: true,
+ focusableElements: "input, select, option, textarea, button, video, label",
+ // Overrides
+ width: null,
+ height: null,
+ //
+ preventInteractionOnTransition: false,
+ // ssr
+ userAgent: null,
+ url: null,
+ // To support iOS's swipe-to-go-back gesture (when being used in-app).
+ edgeSwipeDetection: false,
+ edgeSwipeThreshold: 20,
+ // Autoheight
+ autoHeight: false,
+ // Set wrapper width
+ setWrapperSize: false,
+ // Virtual Translate
+ virtualTranslate: false,
+ // Effects
+ effect: "slide",
+ // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
+ // Breakpoints
+ breakpoints: undefined,
+ breakpointsBase: "window",
+ // Slides grid
+ spaceBetween: 0,
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ slidesPerGroupSkip: 0,
+ slidesPerGroupAuto: false,
+ centeredSlides: false,
+ centeredSlidesBounds: false,
+ slidesOffsetBefore: 0,
+ // in px
+ slidesOffsetAfter: 0,
+ // in px
+ normalizeSlideIndex: true,
+ centerInsufficientSlides: false,
+ // Disable swiper and hide navigation when container not overflow
+ watchOverflow: true,
+ // Round length
+ roundLengths: false,
+ // Touches
+ touchRatio: 1,
+ touchAngle: 45,
+ simulateTouch: true,
+ shortSwipes: true,
+ longSwipes: true,
+ longSwipesRatio: 0.5,
+ longSwipesMs: 300,
+ followFinger: true,
+ allowTouchMove: true,
+ threshold: 0,
+ touchMoveStopPropagation: false,
+ touchStartPreventDefault: true,
+ touchStartForcePreventDefault: false,
+ touchReleaseOnEdges: false,
+ // Unique Navigation Elements
+ uniqueNavElements: true,
+ // Resistance
+ resistance: true,
+ resistanceRatio: 0.85,
+ // Progress
+ watchSlidesProgress: false,
+ // Cursor
+ grabCursor: false,
+ // Clicks
+ preventClicks: true,
+ preventClicksPropagation: true,
+ slideToClickedSlide: false,
+ // Images
+ preloadImages: true,
+ updateOnImagesReady: true,
+ // loop
+ loop: false,
+ loopAdditionalSlides: 0,
+ loopedSlides: null,
+ loopFillGroupWithBlank: false,
+ loopPreventsSlide: true,
+ // rewind
+ rewind: false,
+ // Swiping/no swiping
+ allowSlidePrev: true,
+ allowSlideNext: true,
+ swipeHandler: null,
+ // '.swipe-handler',
+ noSwiping: true,
+ noSwipingClass: "swiper-no-swiping",
+ noSwipingSelector: null,
+ // Passive Listeners
+ passiveListeners: true,
+ maxBackfaceHiddenSlides: 10,
+ // NS
+ containerModifierClass: "swiper-",
+ // NEW
+ slideClass: "swiper-slide",
+ slideBlankClass: "swiper-slide-invisible-blank",
+ slideActiveClass: "swiper-slide-active",
+ slideDuplicateActiveClass: "swiper-slide-duplicate-active",
+ slideVisibleClass: "swiper-slide-visible",
+ slideDuplicateClass: "swiper-slide-duplicate",
+ slideNextClass: "swiper-slide-next",
+ slideDuplicateNextClass: "swiper-slide-duplicate-next",
+ slidePrevClass: "swiper-slide-prev",
+ slideDuplicatePrevClass: "swiper-slide-duplicate-prev",
+ wrapperClass: "swiper-wrapper",
+ // Callbacks
+ runCallbacksOnInit: true,
+ // Internals
+ _emitClasses: false,
+ };
+
+ function moduleExtendParams(params, allModulesParams) {
+ return function extendParams(obj) {
+ if (obj === void 0) {
+ obj = {};
+ }
+
+ const moduleParamName = Object.keys(obj)[0];
+ const moduleParams = obj[moduleParamName];
+
+ if (typeof moduleParams !== "object" || moduleParams === null) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (
+ ["navigation", "pagination", "scrollbar"].indexOf(moduleParamName) >=
+ 0 &&
+ params[moduleParamName] === true
+ ) {
+ params[moduleParamName] = {
+ auto: true,
+ };
+ }
+
+ if (!(moduleParamName in params && "enabled" in moduleParams)) {
+ extend(allModulesParams, obj);
+ return;
+ }
+
+ if (params[moduleParamName] === true) {
+ params[moduleParamName] = {
+ enabled: true,
+ };
+ }
+
+ if (
+ typeof params[moduleParamName] === "object" &&
+ !("enabled" in params[moduleParamName])
+ ) {
+ params[moduleParamName].enabled = true;
+ }
+
+ if (!params[moduleParamName])
+ params[moduleParamName] = {
+ enabled: false,
+ };
+ extend(allModulesParams, obj);
+ };
+ }
+
+ /* eslint no-param-reassign: "off" */
+ const prototypes = {
+ eventsEmitter,
+ update,
+ translate,
+ transition,
+ slide,
+ loop,
+ grabCursor,
+ events: events$1,
+ breakpoints,
+ checkOverflow: checkOverflow$1,
+ classes,
+ images,
+ };
+ const extendedDefaults = {};
+
+ class Swiper {
+ constructor() {
+ let el;
+ let params;
+
+ for (
+ var _len = arguments.length, args = new Array(_len), _key = 0;
+ _key < _len;
+ _key++
+ ) {
+ args[_key] = arguments[_key];
+ }
+
+ if (
+ args.length === 1 &&
+ args[0].constructor &&
+ Object.prototype.toString.call(args[0]).slice(8, -1) === "Object"
+ ) {
+ params = args[0];
+ } else {
+ [el, params] = args;
+ }
+
+ if (!params) params = {};
+ params = extend({}, params);
+ if (el && !params.el) params.el = el;
+
+ if (params.el && $(params.el).length > 1) {
+ const swipers = [];
+ $(params.el).each((containerEl) => {
+ const newParams = extend({}, params, {
+ el: containerEl,
+ });
+ swipers.push(new Swiper(newParams));
+ });
+ return swipers;
+ } // Swiper Instance
+
+ const swiper = this;
+ swiper.__swiper__ = true;
+ swiper.support = getSupport();
+ swiper.device = getDevice({
+ userAgent: params.userAgent,
+ });
+ swiper.browser = getBrowser();
+ swiper.eventsListeners = {};
+ swiper.eventsAnyListeners = [];
+ swiper.modules = [...swiper.__modules__];
+
+ if (params.modules && Array.isArray(params.modules)) {
+ swiper.modules.push(...params.modules);
+ }
+
+ const allModulesParams = {};
+ swiper.modules.forEach((mod) => {
+ mod({
+ swiper,
+ extendParams: moduleExtendParams(params, allModulesParams),
+ on: swiper.on.bind(swiper),
+ once: swiper.once.bind(swiper),
+ off: swiper.off.bind(swiper),
+ emit: swiper.emit.bind(swiper),
+ });
+ }); // Extend defaults with modules params
+
+ const swiperParams = extend({}, defaults, allModulesParams); // Extend defaults with passed params
+
+ swiper.params = extend({}, swiperParams, extendedDefaults, params);
+ swiper.originalParams = extend({}, swiper.params);
+ swiper.passedParams = extend({}, params); // add event listeners
+
+ if (swiper.params && swiper.params.on) {
+ Object.keys(swiper.params.on).forEach((eventName) => {
+ swiper.on(eventName, swiper.params.on[eventName]);
+ });
+ }
+
+ if (swiper.params && swiper.params.onAny) {
+ swiper.onAny(swiper.params.onAny);
+ } // Save Dom lib
+
+ swiper.$ = $; // Extend Swiper
+
+ Object.assign(swiper, {
+ enabled: swiper.params.enabled,
+ el,
+ // Classes
+ classNames: [],
+ // Slides
+ slides: $(),
+ slidesGrid: [],
+ snapGrid: [],
+ slidesSizesGrid: [],
+
+ // isDirection
+ isHorizontal() {
+ return swiper.params.direction === "horizontal";
+ },
+
+ isVertical() {
+ return swiper.params.direction === "vertical";
+ },
+
+ // Indexes
+ activeIndex: 0,
+ realIndex: 0,
+ //
+ isBeginning: true,
+ isEnd: false,
+ // Props
+ translate: 0,
+ previousTranslate: 0,
+ progress: 0,
+ velocity: 0,
+ animating: false,
+ // Locks
+ allowSlideNext: swiper.params.allowSlideNext,
+ allowSlidePrev: swiper.params.allowSlidePrev,
+ // Touch Events
+ touchEvents: (function touchEvents() {
+ const touch = ["touchstart", "touchmove", "touchend", "touchcancel"];
+ const desktop = ["pointerdown", "pointermove", "pointerup"];
+ swiper.touchEventsTouch = {
+ start: touch[0],
+ move: touch[1],
+ end: touch[2],
+ cancel: touch[3],
+ };
+ swiper.touchEventsDesktop = {
+ start: desktop[0],
+ move: desktop[1],
+ end: desktop[2],
+ };
+ return swiper.support.touch || !swiper.params.simulateTouch
+ ? swiper.touchEventsTouch
+ : swiper.touchEventsDesktop;
+ })(),
+ touchEventsData: {
+ isTouched: undefined,
+ isMoved: undefined,
+ allowTouchCallbacks: undefined,
+ touchStartTime: undefined,
+ isScrolling: undefined,
+ currentTranslate: undefined,
+ startTranslate: undefined,
+ allowThresholdMove: undefined,
+ // Form elements to match
+ focusableElements: swiper.params.focusableElements,
+ // Last click time
+ lastClickTime: now(),
+ clickTimeout: undefined,
+ // Velocities
+ velocities: [],
+ allowMomentumBounce: undefined,
+ isTouchEvent: undefined,
+ startMoving: undefined,
+ },
+ // Clicks
+ allowClick: true,
+ // Touches
+ allowTouchMove: swiper.params.allowTouchMove,
+ touches: {
+ startX: 0,
+ startY: 0,
+ currentX: 0,
+ currentY: 0,
+ diff: 0,
+ },
+ // Images
+ imagesToLoad: [],
+ imagesLoaded: 0,
+ });
+ swiper.emit("_swiper"); // Init
+
+ if (swiper.params.init) {
+ swiper.init();
+ } // Return app instance
+
+ return swiper;
+ }
+
+ enable() {
+ const swiper = this;
+ if (swiper.enabled) return;
+ swiper.enabled = true;
+
+ if (swiper.params.grabCursor) {
+ swiper.setGrabCursor();
+ }
+
+ swiper.emit("enable");
+ }
+
+ disable() {
+ const swiper = this;
+ if (!swiper.enabled) return;
+ swiper.enabled = false;
+
+ if (swiper.params.grabCursor) {
+ swiper.unsetGrabCursor();
+ }
+
+ swiper.emit("disable");
+ }
+
+ setProgress(progress, speed) {
+ const swiper = this;
+ progress = Math.min(Math.max(progress, 0), 1);
+ const min = swiper.minTranslate();
+ const max = swiper.maxTranslate();
+ const current = (max - min) * progress + min;
+ swiper.translateTo(current, typeof speed === "undefined" ? 0 : speed);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ emitContainerClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const cls = swiper.el.className.split(" ").filter((className) => {
+ return (
+ className.indexOf("swiper") === 0 ||
+ className.indexOf(swiper.params.containerModifierClass) === 0
+ );
+ });
+ swiper.emit("_containerClasses", cls.join(" "));
+ }
+
+ getSlideClasses(slideEl) {
+ const swiper = this;
+ return slideEl.className
+ .split(" ")
+ .filter((className) => {
+ return (
+ className.indexOf("swiper-slide") === 0 ||
+ className.indexOf(swiper.params.slideClass) === 0
+ );
+ })
+ .join(" ");
+ }
+
+ emitSlidesClasses() {
+ const swiper = this;
+ if (!swiper.params._emitClasses || !swiper.el) return;
+ const updates = [];
+ swiper.slides.each((slideEl) => {
+ const classNames = swiper.getSlideClasses(slideEl);
+ updates.push({
+ slideEl,
+ classNames,
+ });
+ swiper.emit("_slideClass", slideEl, classNames);
+ });
+ swiper.emit("_slideClasses", updates);
+ }
+
+ slidesPerViewDynamic(view, exact) {
+ if (view === void 0) {
+ view = "current";
+ }
+
+ if (exact === void 0) {
+ exact = false;
+ }
+
+ const swiper = this;
+ const {
+ params,
+ slides,
+ slidesGrid,
+ slidesSizesGrid,
+ size: swiperSize,
+ activeIndex,
+ } = swiper;
+ let spv = 1;
+
+ if (params.centeredSlides) {
+ let slideSize = slides[activeIndex].swiperSlideSize;
+ let breakLoop;
+
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ if (slides[i] && !breakLoop) {
+ slideSize += slides[i].swiperSlideSize;
+ spv += 1;
+ if (slideSize > swiperSize) breakLoop = true;
+ }
+ }
+ } else {
+ // eslint-disable-next-line
+ if (view === "current") {
+ for (let i = activeIndex + 1; i < slides.length; i += 1) {
+ const slideInView = exact
+ ? slidesGrid[i] + slidesSizesGrid[i] - slidesGrid[activeIndex] <
+ swiperSize
+ : slidesGrid[i] - slidesGrid[activeIndex] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ } else {
+ // previous
+ for (let i = activeIndex - 1; i >= 0; i -= 1) {
+ const slideInView =
+ slidesGrid[activeIndex] - slidesGrid[i] < swiperSize;
+
+ if (slideInView) {
+ spv += 1;
+ }
+ }
+ }
+ }
+
+ return spv;
+ }
+
+ update() {
+ const swiper = this;
+ if (!swiper || swiper.destroyed) return;
+ const { snapGrid, params } = swiper; // Breakpoints
+
+ if (params.breakpoints) {
+ swiper.setBreakpoint();
+ }
+
+ swiper.updateSize();
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ function setTranslate() {
+ const translateValue = swiper.rtlTranslate
+ ? swiper.translate * -1
+ : swiper.translate;
+ const newTranslate = Math.min(
+ Math.max(translateValue, swiper.maxTranslate()),
+ swiper.minTranslate(),
+ );
+ swiper.setTranslate(newTranslate);
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+ }
+
+ let translated;
+
+ if (swiper.params.freeMode && swiper.params.freeMode.enabled) {
+ setTranslate();
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ } else {
+ if (
+ (swiper.params.slidesPerView === "auto" ||
+ swiper.params.slidesPerView > 1) &&
+ swiper.isEnd &&
+ !swiper.params.centeredSlides
+ ) {
+ translated = swiper.slideTo(swiper.slides.length - 1, 0, false, true);
+ } else {
+ translated = swiper.slideTo(swiper.activeIndex, 0, false, true);
+ }
+
+ if (!translated) {
+ setTranslate();
+ }
+ }
+
+ if (params.watchOverflow && snapGrid !== swiper.snapGrid) {
+ swiper.checkOverflow();
+ }
+
+ swiper.emit("update");
+ }
+
+ changeDirection(newDirection, needUpdate) {
+ if (needUpdate === void 0) {
+ needUpdate = true;
+ }
+
+ const swiper = this;
+ const currentDirection = swiper.params.direction;
+
+ if (!newDirection) {
+ // eslint-disable-next-line
+ newDirection =
+ currentDirection === "horizontal" ? "vertical" : "horizontal";
+ }
+
+ if (
+ newDirection === currentDirection ||
+ (newDirection !== "horizontal" && newDirection !== "vertical")
+ ) {
+ return swiper;
+ }
+
+ swiper.$el
+ .removeClass(
+ `${swiper.params.containerModifierClass}${currentDirection}`,
+ )
+ .addClass(`${swiper.params.containerModifierClass}${newDirection}`);
+ swiper.emitContainerClasses();
+ swiper.params.direction = newDirection;
+ swiper.slides.each((slideEl) => {
+ if (newDirection === "vertical") {
+ slideEl.style.width = "";
+ } else {
+ slideEl.style.height = "";
+ }
+ });
+ swiper.emit("changeDirection");
+ if (needUpdate) swiper.update();
+ return swiper;
+ }
+
+ mount(el) {
+ const swiper = this;
+ if (swiper.mounted) return true; // Find el
+
+ const $el = $(el || swiper.params.el);
+ el = $el[0];
+
+ if (!el) {
+ return false;
+ }
+
+ el.swiper = swiper;
+
+ const getWrapperSelector = () => {
+ return `.${(swiper.params.wrapperClass || "")
+ .trim()
+ .split(" ")
+ .join(".")}`;
+ };
+
+ const getWrapper = () => {
+ if (el && el.shadowRoot && el.shadowRoot.querySelector) {
+ const res = $(el.shadowRoot.querySelector(getWrapperSelector())); // Children needs to return slot items
+
+ res.children = (options) => $el.children(options);
+
+ return res;
+ }
+
+ return $el.children(getWrapperSelector());
+ }; // Find Wrapper
+
+ let $wrapperEl = getWrapper();
+
+ if ($wrapperEl.length === 0 && swiper.params.createElements) {
+ const document = getDocument();
+ const wrapper = document.createElement("div");
+ $wrapperEl = $(wrapper);
+ wrapper.className = swiper.params.wrapperClass;
+ $el.append(wrapper);
+ $el.children(`.${swiper.params.slideClass}`).each((slideEl) => {
+ $wrapperEl.append(slideEl);
+ });
+ }
+
+ Object.assign(swiper, {
+ $el,
+ el,
+ $wrapperEl,
+ wrapperEl: $wrapperEl[0],
+ mounted: true,
+ // RTL
+ rtl: el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl",
+ rtlTranslate:
+ swiper.params.direction === "horizontal" &&
+ (el.dir.toLowerCase() === "rtl" || $el.css("direction") === "rtl"),
+ wrongRTL: $wrapperEl.css("display") === "-webkit-box",
+ });
+ return true;
+ }
+
+ init(el) {
+ const swiper = this;
+ if (swiper.initialized) return swiper;
+ const mounted = swiper.mount(el);
+ if (mounted === false) return swiper;
+ swiper.emit("beforeInit"); // Set breakpoint
+
+ if (swiper.params.breakpoints) {
+ swiper.setBreakpoint();
+ } // Add Classes
+
+ swiper.addClasses(); // Create loop
+
+ if (swiper.params.loop) {
+ swiper.loopCreate();
+ } // Update size
+
+ swiper.updateSize(); // Update slides
+
+ swiper.updateSlides();
+
+ if (swiper.params.watchOverflow) {
+ swiper.checkOverflow();
+ } // Set Grab Cursor
+
+ if (swiper.params.grabCursor && swiper.enabled) {
+ swiper.setGrabCursor();
+ }
+
+ if (swiper.params.preloadImages) {
+ swiper.preloadImages();
+ } // Slide To Initial Slide
+
+ if (swiper.params.loop) {
+ swiper.slideTo(
+ swiper.params.initialSlide + swiper.loopedSlides,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } else {
+ swiper.slideTo(
+ swiper.params.initialSlide,
+ 0,
+ swiper.params.runCallbacksOnInit,
+ false,
+ true,
+ );
+ } // Attach events
+
+ swiper.attachEvents(); // Init Flag
+
+ swiper.initialized = true; // Emit
+
+ swiper.emit("init");
+ swiper.emit("afterInit");
+ return swiper;
+ }
+
+ destroy(deleteInstance, cleanStyles) {
+ if (deleteInstance === void 0) {
+ deleteInstance = true;
+ }
+
+ if (cleanStyles === void 0) {
+ cleanStyles = true;
+ }
+
+ const swiper = this;
+ const { params, $el, $wrapperEl, slides } = swiper;
+
+ if (typeof swiper.params === "undefined" || swiper.destroyed) {
+ return null;
+ }
+
+ swiper.emit("beforeDestroy"); // Init Flag
+
+ swiper.initialized = false; // Detach events
+
+ swiper.detachEvents(); // Destroy loop
+
+ if (params.loop) {
+ swiper.loopDestroy();
+ } // Cleanup styles
+
+ if (cleanStyles) {
+ swiper.removeClasses();
+ $el.removeAttr("style");
+ $wrapperEl.removeAttr("style");
+
+ if (slides && slides.length) {
+ slides
+ .removeClass(
+ [
+ params.slideVisibleClass,
+ params.slideActiveClass,
+ params.slideNextClass,
+ params.slidePrevClass,
+ ].join(" "),
+ )
+ .removeAttr("style")
+ .removeAttr("data-swiper-slide-index");
+ }
+ }
+
+ swiper.emit("destroy"); // Detach emitter events
+
+ Object.keys(swiper.eventsListeners).forEach((eventName) => {
+ swiper.off(eventName);
+ });
+
+ if (deleteInstance !== false) {
+ swiper.$el[0].swiper = null;
+ deleteProps(swiper);
+ }
+
+ swiper.destroyed = true;
+ return null;
+ }
+
+ static extendDefaults(newDefaults) {
+ extend(extendedDefaults, newDefaults);
+ }
+
+ static get extendedDefaults() {
+ return extendedDefaults;
+ }
+
+ static get defaults() {
+ return defaults;
+ }
+
+ static installModule(mod) {
+ if (!Swiper.prototype.__modules__) Swiper.prototype.__modules__ = [];
+ const modules = Swiper.prototype.__modules__;
+
+ if (typeof mod === "function" && modules.indexOf(mod) < 0) {
+ modules.push(mod);
+ }
+ }
+
+ static use(module) {
+ if (Array.isArray(module)) {
+ module.forEach((m) => Swiper.installModule(m));
+ return Swiper;
+ }
+
+ Swiper.installModule(module);
+ return Swiper;
+ }
+ }
+
+ Object.keys(prototypes).forEach((prototypeGroup) => {
+ Object.keys(prototypes[prototypeGroup]).forEach((protoMethod) => {
+ Swiper.prototype[protoMethod] = prototypes[prototypeGroup][protoMethod];
+ });
+ });
+ Swiper.use([Resize, Observer]);
+
+ function Virtual(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ virtual: {
+ enabled: false,
+ slides: [],
+ cache: true,
+ renderSlide: null,
+ renderExternal: null,
+ renderExternalUpdate: true,
+ addSlidesBefore: 0,
+ addSlidesAfter: 0,
+ },
+ });
+ let cssModeTimeout;
+ swiper.virtual = {
+ cache: {},
+ from: undefined,
+ to: undefined,
+ slides: [],
+ offset: 0,
+ slidesGrid: [],
+ };
+
+ function renderSlide(slide, index) {
+ const params = swiper.params.virtual;
+
+ if (params.cache && swiper.virtual.cache[index]) {
+ return swiper.virtual.cache[index];
+ }
+
+ const $slideEl = params.renderSlide
+ ? $(params.renderSlide.call(swiper, slide, index))
+ : $(
+ `${slide}
`,
+ );
+ if (!$slideEl.attr("data-swiper-slide-index"))
+ $slideEl.attr("data-swiper-slide-index", index);
+ if (params.cache) swiper.virtual.cache[index] = $slideEl;
+ return $slideEl;
+ }
+
+ function update(force) {
+ const { slidesPerView, slidesPerGroup, centeredSlides } = swiper.params;
+ const { addSlidesBefore, addSlidesAfter } = swiper.params.virtual;
+ const {
+ from: previousFrom,
+ to: previousTo,
+ slides,
+ slidesGrid: previousSlidesGrid,
+ offset: previousOffset,
+ } = swiper.virtual;
+
+ if (!swiper.params.cssMode) {
+ swiper.updateActiveIndex();
+ }
+
+ const activeIndex = swiper.activeIndex || 0;
+ let offsetProp;
+ if (swiper.rtlTranslate) offsetProp = "right";
+ else offsetProp = swiper.isHorizontal() ? "left" : "top";
+ let slidesAfter;
+ let slidesBefore;
+
+ if (centeredSlides) {
+ slidesAfter =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesAfter;
+ slidesBefore =
+ Math.floor(slidesPerView / 2) + slidesPerGroup + addSlidesBefore;
+ } else {
+ slidesAfter = slidesPerView + (slidesPerGroup - 1) + addSlidesAfter;
+ slidesBefore = slidesPerGroup + addSlidesBefore;
+ }
+
+ const from = Math.max((activeIndex || 0) - slidesBefore, 0);
+ const to = Math.min((activeIndex || 0) + slidesAfter, slides.length - 1);
+ const offset =
+ (swiper.slidesGrid[from] || 0) - (swiper.slidesGrid[0] || 0);
+ Object.assign(swiper.virtual, {
+ from,
+ to,
+ offset,
+ slidesGrid: swiper.slidesGrid,
+ });
+
+ function onRendered() {
+ swiper.updateSlides();
+ swiper.updateProgress();
+ swiper.updateSlidesClasses();
+
+ if (swiper.lazy && swiper.params.lazy.enabled) {
+ swiper.lazy.load();
+ }
+
+ emit("virtualUpdate");
+ }
+
+ if (previousFrom === from && previousTo === to && !force) {
+ if (
+ swiper.slidesGrid !== previousSlidesGrid &&
+ offset !== previousOffset
+ ) {
+ swiper.slides.css(offsetProp, `${offset}px`);
+ }
+
+ swiper.updateProgress();
+ emit("virtualUpdate");
+ return;
+ }
+
+ if (swiper.params.virtual.renderExternal) {
+ swiper.params.virtual.renderExternal.call(swiper, {
+ offset,
+ from,
+ to,
+ slides: (function getSlides() {
+ const slidesToRender = [];
+
+ for (let i = from; i <= to; i += 1) {
+ slidesToRender.push(slides[i]);
+ }
+
+ return slidesToRender;
+ })(),
+ });
+
+ if (swiper.params.virtual.renderExternalUpdate) {
+ onRendered();
+ } else {
+ emit("virtualUpdate");
+ }
+
+ return;
+ }
+
+ const prependIndexes = [];
+ const appendIndexes = [];
+
+ if (force) {
+ swiper.$wrapperEl.find(`.${swiper.params.slideClass}`).remove();
+ } else {
+ for (let i = previousFrom; i <= previousTo; i += 1) {
+ if (i < from || i > to) {
+ swiper.$wrapperEl
+ .find(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${i}"]`,
+ )
+ .remove();
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ if (i >= from && i <= to) {
+ if (typeof previousTo === "undefined" || force) {
+ appendIndexes.push(i);
+ } else {
+ if (i > previousTo) appendIndexes.push(i);
+ if (i < previousFrom) prependIndexes.push(i);
+ }
+ }
+ }
+
+ appendIndexes.forEach((index) => {
+ swiper.$wrapperEl.append(renderSlide(slides[index], index));
+ });
+ prependIndexes
+ .sort((a, b) => b - a)
+ .forEach((index) => {
+ swiper.$wrapperEl.prepend(renderSlide(slides[index], index));
+ });
+ swiper.$wrapperEl
+ .children(".swiper-slide")
+ .css(offsetProp, `${offset}px`);
+ onRendered();
+ }
+
+ function appendSlide(slides) {
+ if (typeof slides === "object" && "length" in slides) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.push(slides[i]);
+ }
+ } else {
+ swiper.virtual.slides.push(slides);
+ }
+
+ update(true);
+ }
+
+ function prependSlide(slides) {
+ const activeIndex = swiper.activeIndex;
+ let newActiveIndex = activeIndex + 1;
+ let numberOfNewSlides = 1;
+
+ if (Array.isArray(slides)) {
+ for (let i = 0; i < slides.length; i += 1) {
+ if (slides[i]) swiper.virtual.slides.unshift(slides[i]);
+ }
+
+ newActiveIndex = activeIndex + slides.length;
+ numberOfNewSlides = slides.length;
+ } else {
+ swiper.virtual.slides.unshift(slides);
+ }
+
+ if (swiper.params.virtual.cache) {
+ const cache = swiper.virtual.cache;
+ const newCache = {};
+ Object.keys(cache).forEach((cachedIndex) => {
+ const $cachedEl = cache[cachedIndex];
+ const cachedElIndex = $cachedEl.attr("data-swiper-slide-index");
+
+ if (cachedElIndex) {
+ $cachedEl.attr(
+ "data-swiper-slide-index",
+ parseInt(cachedElIndex, 10) + numberOfNewSlides,
+ );
+ }
+
+ newCache[parseInt(cachedIndex, 10) + numberOfNewSlides] = $cachedEl;
+ });
+ swiper.virtual.cache = newCache;
+ }
+
+ update(true);
+ swiper.slideTo(newActiveIndex, 0);
+ }
+
+ function removeSlide(slidesIndexes) {
+ if (typeof slidesIndexes === "undefined" || slidesIndexes === null)
+ return;
+ let activeIndex = swiper.activeIndex;
+
+ if (Array.isArray(slidesIndexes)) {
+ for (let i = slidesIndexes.length - 1; i >= 0; i -= 1) {
+ swiper.virtual.slides.splice(slidesIndexes[i], 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes[i]];
+ }
+
+ if (slidesIndexes[i] < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+ } else {
+ swiper.virtual.slides.splice(slidesIndexes, 1);
+
+ if (swiper.params.virtual.cache) {
+ delete swiper.virtual.cache[slidesIndexes];
+ }
+
+ if (slidesIndexes < activeIndex) activeIndex -= 1;
+ activeIndex = Math.max(activeIndex, 0);
+ }
+
+ update(true);
+ swiper.slideTo(activeIndex, 0);
+ }
+
+ function removeAllSlides() {
+ swiper.virtual.slides = [];
+
+ if (swiper.params.virtual.cache) {
+ swiper.virtual.cache = {};
+ }
+
+ update(true);
+ swiper.slideTo(0, 0);
+ }
+
+ on("beforeInit", () => {
+ if (!swiper.params.virtual.enabled) return;
+ swiper.virtual.slides = swiper.params.virtual.slides;
+ swiper.classNames.push(`${swiper.params.containerModifierClass}virtual`);
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+
+ if (!swiper.params.initialSlide) {
+ update();
+ }
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode && !swiper._immediateVirtual) {
+ clearTimeout(cssModeTimeout);
+ cssModeTimeout = setTimeout(() => {
+ update();
+ }, 100);
+ } else {
+ update();
+ }
+ });
+ on("init update resize", () => {
+ if (!swiper.params.virtual.enabled) return;
+
+ if (swiper.params.cssMode) {
+ setCSSProperty(
+ swiper.wrapperEl,
+ "--swiper-virtual-size",
+ `${swiper.virtualSize}px`,
+ );
+ }
+ });
+ Object.assign(swiper.virtual, {
+ appendSlide,
+ prependSlide,
+ removeSlide,
+ removeAllSlides,
+ update,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Keyboard(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const document = getDocument();
+ const window = getWindow();
+ swiper.keyboard = {
+ enabled: false,
+ };
+ extendParams({
+ keyboard: {
+ enabled: false,
+ onlyInViewport: true,
+ pageUpDown: true,
+ },
+ });
+
+ function handle(event) {
+ if (!swiper.enabled) return;
+ const { rtlTranslate: rtl } = swiper;
+ let e = event;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ const kc = e.keyCode || e.charCode;
+ const pageUpDown = swiper.params.keyboard.pageUpDown;
+ const isPageUp = pageUpDown && kc === 33;
+ const isPageDown = pageUpDown && kc === 34;
+ const isArrowLeft = kc === 37;
+ const isArrowRight = kc === 39;
+ const isArrowUp = kc === 38;
+ const isArrowDown = kc === 40; // Directions locks
+
+ if (
+ !swiper.allowSlideNext &&
+ ((swiper.isHorizontal() && isArrowRight) ||
+ (swiper.isVertical() && isArrowDown) ||
+ isPageDown)
+ ) {
+ return false;
+ }
+
+ if (
+ !swiper.allowSlidePrev &&
+ ((swiper.isHorizontal() && isArrowLeft) ||
+ (swiper.isVertical() && isArrowUp) ||
+ isPageUp)
+ ) {
+ return false;
+ }
+
+ if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
+ return undefined;
+ }
+
+ if (
+ document.activeElement &&
+ document.activeElement.nodeName &&
+ (document.activeElement.nodeName.toLowerCase() === "input" ||
+ document.activeElement.nodeName.toLowerCase() === "textarea")
+ ) {
+ return undefined;
+ }
+
+ if (
+ swiper.params.keyboard.onlyInViewport &&
+ (isPageUp ||
+ isPageDown ||
+ isArrowLeft ||
+ isArrowRight ||
+ isArrowUp ||
+ isArrowDown)
+ ) {
+ let inView = false; // Check that swiper should be inside of visible area of window
+
+ if (
+ swiper.$el.parents(`.${swiper.params.slideClass}`).length > 0 &&
+ swiper.$el.parents(`.${swiper.params.slideActiveClass}`).length === 0
+ ) {
+ return undefined;
+ }
+
+ const $el = swiper.$el;
+ const swiperWidth = $el[0].clientWidth;
+ const swiperHeight = $el[0].clientHeight;
+ const windowWidth = window.innerWidth;
+ const windowHeight = window.innerHeight;
+ const swiperOffset = swiper.$el.offset();
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiperWidth, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiperHeight],
+ [swiperOffset.left + swiperWidth, swiperOffset.top + swiperHeight],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= windowWidth &&
+ point[1] >= 0 &&
+ point[1] <= windowHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ if (!inView) return undefined;
+ }
+
+ if (swiper.isHorizontal()) {
+ if (isPageUp || isPageDown || isArrowLeft || isArrowRight) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (
+ ((isPageDown || isArrowRight) && !rtl) ||
+ ((isPageUp || isArrowLeft) && rtl)
+ )
+ swiper.slideNext();
+ if (
+ ((isPageUp || isArrowLeft) && !rtl) ||
+ ((isPageDown || isArrowRight) && rtl)
+ )
+ swiper.slidePrev();
+ } else {
+ if (isPageUp || isPageDown || isArrowUp || isArrowDown) {
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ }
+
+ if (isPageDown || isArrowDown) swiper.slideNext();
+ if (isPageUp || isArrowUp) swiper.slidePrev();
+ }
+
+ emit("keyPress", kc);
+ return undefined;
+ }
+
+ function enable() {
+ if (swiper.keyboard.enabled) return;
+ $(document).on("keydown", handle);
+ swiper.keyboard.enabled = true;
+ }
+
+ function disable() {
+ if (!swiper.keyboard.enabled) return;
+ $(document).off("keydown", handle);
+ swiper.keyboard.enabled = false;
+ }
+
+ on("init", () => {
+ if (swiper.params.keyboard.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ if (swiper.keyboard.enabled) {
+ disable();
+ }
+ });
+ Object.assign(swiper.keyboard, {
+ enable,
+ disable,
+ });
+ }
+
+ /* eslint-disable consistent-return */
+ function Mousewheel(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ mousewheel: {
+ enabled: false,
+ releaseOnEdges: false,
+ invert: false,
+ forceToAxis: false,
+ sensitivity: 1,
+ eventsTarget: "container",
+ thresholdDelta: null,
+ thresholdTime: null,
+ },
+ });
+ swiper.mousewheel = {
+ enabled: false,
+ };
+ let timeout;
+ let lastScrollTime = now();
+ let lastEventBeforeSnap;
+ const recentWheelEvents = [];
+
+ function normalize(e) {
+ // Reasonable defaults
+ const PIXEL_STEP = 10;
+ const LINE_HEIGHT = 40;
+ const PAGE_HEIGHT = 800;
+ let sX = 0;
+ let sY = 0; // spinX, spinY
+
+ let pX = 0;
+ let pY = 0; // pixelX, pixelY
+ // Legacy
+
+ if ("detail" in e) {
+ sY = e.detail;
+ }
+
+ if ("wheelDelta" in e) {
+ sY = -e.wheelDelta / 120;
+ }
+
+ if ("wheelDeltaY" in e) {
+ sY = -e.wheelDeltaY / 120;
+ }
+
+ if ("wheelDeltaX" in e) {
+ sX = -e.wheelDeltaX / 120;
+ } // side scrolling on FF with DOMMouseScroll
+
+ if ("axis" in e && e.axis === e.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+
+ pX = sX * PIXEL_STEP;
+ pY = sY * PIXEL_STEP;
+
+ if ("deltaY" in e) {
+ pY = e.deltaY;
+ }
+
+ if ("deltaX" in e) {
+ pX = e.deltaX;
+ }
+
+ if (e.shiftKey && !pX) {
+ // if user scrolls with shift he wants horizontal scroll
+ pX = pY;
+ pY = 0;
+ }
+
+ if ((pX || pY) && e.deltaMode) {
+ if (e.deltaMode === 1) {
+ // delta in LINE units
+ pX *= LINE_HEIGHT;
+ pY *= LINE_HEIGHT;
+ } else {
+ // delta in PAGE units
+ pX *= PAGE_HEIGHT;
+ pY *= PAGE_HEIGHT;
+ }
+ } // Fall-back if spin cannot be determined
+
+ if (pX && !sX) {
+ sX = pX < 1 ? -1 : 1;
+ }
+
+ if (pY && !sY) {
+ sY = pY < 1 ? -1 : 1;
+ }
+
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY,
+ };
+ }
+
+ function handleMouseEnter() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = true;
+ }
+
+ function handleMouseLeave() {
+ if (!swiper.enabled) return;
+ swiper.mouseEntered = false;
+ }
+
+ function animateSlider(newEvent) {
+ if (
+ swiper.params.mousewheel.thresholdDelta &&
+ newEvent.delta < swiper.params.mousewheel.thresholdDelta
+ ) {
+ // Prevent if delta of wheel scroll delta is below configured threshold
+ return false;
+ }
+
+ if (
+ swiper.params.mousewheel.thresholdTime &&
+ now() - lastScrollTime < swiper.params.mousewheel.thresholdTime
+ ) {
+ // Prevent if time between scrolls is below configured threshold
+ return false;
+ } // If the movement is NOT big enough and
+ // if the last time the user scrolled was too close to the current one (avoid continuously triggering the slider):
+ // Don't go any further (avoid insignificant scroll movement).
+
+ if (newEvent.delta >= 6 && now() - lastScrollTime < 60) {
+ // Return false as a default
+ return true;
+ } // If user is scrolling towards the end:
+ // If the slider hasn't hit the latest slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to next slide and
+ // emit a scroll event.
+ // Else (the user is scrolling towards the beginning) and
+ // if the slider hasn't hit the first slide or
+ // if the slider is a loop and
+ // if the slider isn't moving right now:
+ // Go to prev slide and
+ // emit a scroll event.
+
+ if (newEvent.direction < 0) {
+ if ((!swiper.isEnd || swiper.params.loop) && !swiper.animating) {
+ swiper.slideNext();
+ emit("scroll", newEvent.raw);
+ }
+ } else if (
+ (!swiper.isBeginning || swiper.params.loop) &&
+ !swiper.animating
+ ) {
+ swiper.slidePrev();
+ emit("scroll", newEvent.raw);
+ } // If you got here is because an animation has been triggered so store the current time
+
+ lastScrollTime = new window.Date().getTime(); // Return false as a default
+
+ return false;
+ }
+
+ function releaseScroll(newEvent) {
+ const params = swiper.params.mousewheel;
+
+ if (newEvent.direction < 0) {
+ if (swiper.isEnd && !swiper.params.loop && params.releaseOnEdges) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+ } else if (
+ swiper.isBeginning &&
+ !swiper.params.loop &&
+ params.releaseOnEdges
+ ) {
+ // Return true to animate scroll on edges
+ return true;
+ }
+
+ return false;
+ }
+
+ function handle(event) {
+ let e = event;
+ let disableParentSwiper = true;
+ if (!swiper.enabled) return;
+ const params = swiper.params.mousewheel;
+
+ if (swiper.params.cssMode) {
+ e.preventDefault();
+ }
+
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ if (
+ !swiper.mouseEntered &&
+ !target[0].contains(e.target) &&
+ !params.releaseOnEdges
+ )
+ return true;
+ if (e.originalEvent) e = e.originalEvent; // jquery fix
+
+ let delta = 0;
+ const rtlFactor = swiper.rtlTranslate ? -1 : 1;
+ const data = normalize(e);
+
+ if (params.forceToAxis) {
+ if (swiper.isHorizontal()) {
+ if (Math.abs(data.pixelX) > Math.abs(data.pixelY))
+ delta = -data.pixelX * rtlFactor;
+ else return true;
+ } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX))
+ delta = -data.pixelY;
+ else return true;
+ } else {
+ delta =
+ Math.abs(data.pixelX) > Math.abs(data.pixelY)
+ ? -data.pixelX * rtlFactor
+ : -data.pixelY;
+ }
+
+ if (delta === 0) return true;
+ if (params.invert) delta = -delta; // Get the scroll positions
+
+ let positions = swiper.getTranslate() + delta * params.sensitivity;
+ if (positions >= swiper.minTranslate()) positions = swiper.minTranslate();
+ if (positions <= swiper.maxTranslate()) positions = swiper.maxTranslate(); // When loop is true:
+ // the disableParentSwiper will be true.
+ // When loop is false:
+ // if the scroll positions is not on edge,
+ // then the disableParentSwiper will be true.
+ // if the scroll on edge positions,
+ // then the disableParentSwiper will be false.
+
+ disableParentSwiper = swiper.params.loop
+ ? true
+ : !(
+ positions === swiper.minTranslate() ||
+ positions === swiper.maxTranslate()
+ );
+ if (disableParentSwiper && swiper.params.nested) e.stopPropagation();
+
+ if (!swiper.params.freeMode || !swiper.params.freeMode.enabled) {
+ // Register the new event in a variable which stores the relevant data
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ raw: event,
+ }; // Keep the most recent events
+
+ if (recentWheelEvents.length >= 2) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ recentWheelEvents.push(newEvent); // If there is at least one previous recorded event:
+ // If direction has changed or
+ // if the scroll is quicker than the previous one:
+ // Animate the slider.
+ // Else (this is the first time the wheel is moved):
+ // Animate the slider.
+
+ if (prevEvent) {
+ if (
+ newEvent.direction !== prevEvent.direction ||
+ newEvent.delta > prevEvent.delta ||
+ newEvent.time > prevEvent.time + 150
+ ) {
+ animateSlider(newEvent);
+ }
+ } else {
+ animateSlider(newEvent);
+ } // If it's time to release the scroll:
+ // Return now so you don't hit the preventDefault.
+
+ if (releaseScroll(newEvent)) {
+ return true;
+ }
+ } else {
+ // Freemode or scrollContainer:
+ // If we recently snapped after a momentum scroll, then ignore wheel events
+ // to give time for the deceleration to finish. Stop ignoring after 500 msecs
+ // or if it's a new scroll (larger delta or inverse sign as last event before
+ // an end-of-momentum snap).
+ const newEvent = {
+ time: now(),
+ delta: Math.abs(delta),
+ direction: Math.sign(delta),
+ };
+ const ignoreWheelEvents =
+ lastEventBeforeSnap &&
+ newEvent.time < lastEventBeforeSnap.time + 500 &&
+ newEvent.delta <= lastEventBeforeSnap.delta &&
+ newEvent.direction === lastEventBeforeSnap.direction;
+
+ if (!ignoreWheelEvents) {
+ lastEventBeforeSnap = undefined;
+
+ if (swiper.params.loop) {
+ swiper.loopFix();
+ }
+
+ let position = swiper.getTranslate() + delta * params.sensitivity;
+ const wasBeginning = swiper.isBeginning;
+ const wasEnd = swiper.isEnd;
+ if (position >= swiper.minTranslate())
+ position = swiper.minTranslate();
+ if (position <= swiper.maxTranslate())
+ position = swiper.maxTranslate();
+ swiper.setTransition(0);
+ swiper.setTranslate(position);
+ swiper.updateProgress();
+ swiper.updateActiveIndex();
+ swiper.updateSlidesClasses();
+
+ if (
+ (!wasBeginning && swiper.isBeginning) ||
+ (!wasEnd && swiper.isEnd)
+ ) {
+ swiper.updateSlidesClasses();
+ }
+
+ if (swiper.params.freeMode.sticky) {
+ // When wheel scrolling starts with sticky (aka snap) enabled, then detect
+ // the end of a momentum scroll by storing recent (N=15?) wheel events.
+ // 1. do all N events have decreasing or same (absolute value) delta?
+ // 2. did all N events arrive in the last M (M=500?) msecs?
+ // 3. does the earliest event have an (absolute value) delta that's
+ // at least P (P=1?) larger than the most recent event's delta?
+ // 4. does the latest event have a delta that's smaller than Q (Q=6?) pixels?
+ // If 1-4 are "yes" then we're near the end of a momentum scroll deceleration.
+ // Snap immediately and ignore remaining wheel events in this scroll.
+ // See comment above for "remaining wheel events in this scroll" determination.
+ // If 1-4 aren't satisfied, then wait to snap until 500ms after the last event.
+ clearTimeout(timeout);
+ timeout = undefined;
+
+ if (recentWheelEvents.length >= 15) {
+ recentWheelEvents.shift(); // only store the last N events
+ }
+
+ const prevEvent = recentWheelEvents.length
+ ? recentWheelEvents[recentWheelEvents.length - 1]
+ : undefined;
+ const firstEvent = recentWheelEvents[0];
+ recentWheelEvents.push(newEvent);
+
+ if (
+ prevEvent &&
+ (newEvent.delta > prevEvent.delta ||
+ newEvent.direction !== prevEvent.direction)
+ ) {
+ // Increasing or reverse-sign delta means the user started scrolling again. Clear the wheel event log.
+ recentWheelEvents.splice(0);
+ } else if (
+ recentWheelEvents.length >= 15 &&
+ newEvent.time - firstEvent.time < 500 &&
+ firstEvent.delta - newEvent.delta >= 1 &&
+ newEvent.delta <= 6
+ ) {
+ // We're at the end of the deceleration of a momentum scroll, so there's no need
+ // to wait for more events. Snap ASAP on the next tick.
+ // Also, because there's some remaining momentum we'll bias the snap in the
+ // direction of the ongoing scroll because it's better UX for the scroll to snap
+ // in the same direction as the scroll instead of reversing to snap. Therefore,
+ // if it's already scrolled more than 20% in the current direction, keep going.
+ const snapToThreshold = delta > 0 ? 0.8 : 0.2;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ timeout = nextTick(() => {
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 0); // no delay; move on next tick
+ }
+
+ if (!timeout) {
+ // if we get here, then we haven't detected the end of a momentum scroll, so
+ // we'll consider a scroll "complete" when there haven't been any wheel events
+ // for 500ms.
+ timeout = nextTick(() => {
+ const snapToThreshold = 0.5;
+ lastEventBeforeSnap = newEvent;
+ recentWheelEvents.splice(0);
+ swiper.slideToClosest(
+ swiper.params.speed,
+ true,
+ undefined,
+ snapToThreshold,
+ );
+ }, 500);
+ }
+ } // Emit event
+
+ if (!ignoreWheelEvents) emit("scroll", e); // Stop autoplay
+
+ if (
+ swiper.params.autoplay &&
+ swiper.params.autoplayDisableOnInteraction
+ )
+ swiper.autoplay.stop(); // Return page scroll on edge positions
+
+ if (
+ position === swiper.minTranslate() ||
+ position === swiper.maxTranslate()
+ )
+ return true;
+ }
+ }
+
+ if (e.preventDefault) e.preventDefault();
+ else e.returnValue = false;
+ return false;
+ }
+
+ function events(method) {
+ let target = swiper.$el;
+
+ if (swiper.params.mousewheel.eventsTarget !== "container") {
+ target = $(swiper.params.mousewheel.eventsTarget);
+ }
+
+ target[method]("mouseenter", handleMouseEnter);
+ target[method]("mouseleave", handleMouseLeave);
+ target[method]("wheel", handle);
+ }
+
+ function enable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.removeEventListener("wheel", handle);
+ return true;
+ }
+
+ if (swiper.mousewheel.enabled) return false;
+ events("on");
+ swiper.mousewheel.enabled = true;
+ return true;
+ }
+
+ function disable() {
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.addEventListener(event, handle);
+ return true;
+ }
+
+ if (!swiper.mousewheel.enabled) return false;
+ events("off");
+ swiper.mousewheel.enabled = false;
+ return true;
+ }
+
+ on("init", () => {
+ if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
+ disable();
+ }
+
+ if (swiper.params.mousewheel.enabled) enable();
+ });
+ on("destroy", () => {
+ if (swiper.params.cssMode) {
+ enable();
+ }
+
+ if (swiper.mousewheel.enabled) disable();
+ });
+ Object.assign(swiper.mousewheel, {
+ enable,
+ disable,
+ });
+ }
+
+ function createElementIfNotDefined(
+ swiper,
+ originalParams,
+ params,
+ checkProps,
+ ) {
+ const document = getDocument();
+
+ if (swiper.params.createElements) {
+ Object.keys(checkProps).forEach((key) => {
+ if (!params[key] && params.auto === true) {
+ let element = swiper.$el.children(`.${checkProps[key]}`)[0];
+
+ if (!element) {
+ element = document.createElement("div");
+ element.className = checkProps[key];
+ swiper.$el.append(element);
+ }
+
+ params[key] = element;
+ originalParams[key] = element;
+ }
+ });
+ }
+
+ return params;
+ }
+
+ function Navigation(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ navigation: {
+ nextEl: null,
+ prevEl: null,
+ hideOnClick: false,
+ disabledClass: "swiper-button-disabled",
+ hiddenClass: "swiper-button-hidden",
+ lockClass: "swiper-button-lock",
+ },
+ });
+ swiper.navigation = {
+ nextEl: null,
+ $nextEl: null,
+ prevEl: null,
+ $prevEl: null,
+ };
+
+ function getEl(el) {
+ let $el;
+
+ if (el) {
+ $el = $(el);
+
+ if (
+ swiper.params.uniqueNavElements &&
+ typeof el === "string" &&
+ $el.length > 1 &&
+ swiper.$el.find(el).length === 1
+ ) {
+ $el = swiper.$el.find(el);
+ }
+ }
+
+ return $el;
+ }
+
+ function toggleEl($el, disabled) {
+ const params = swiper.params.navigation;
+
+ if ($el && $el.length > 0) {
+ $el[disabled ? "addClass" : "removeClass"](params.disabledClass);
+ if ($el[0] && $el[0].tagName === "BUTTON") $el[0].disabled = disabled;
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+ }
+
+ function update() {
+ // Update Navigation Buttons
+ if (swiper.params.loop) return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+ toggleEl($prevEl, swiper.isBeginning && !swiper.params.rewind);
+ toggleEl($nextEl, swiper.isEnd && !swiper.params.rewind);
+ }
+
+ function onPrevClick(e) {
+ e.preventDefault();
+ if (swiper.isBeginning && !swiper.params.loop && !swiper.params.rewind)
+ return;
+ swiper.slidePrev();
+ }
+
+ function onNextClick(e) {
+ e.preventDefault();
+ if (swiper.isEnd && !swiper.params.loop && !swiper.params.rewind) return;
+ swiper.slideNext();
+ }
+
+ function init() {
+ const params = swiper.params.navigation;
+ swiper.params.navigation = createElementIfNotDefined(
+ swiper,
+ swiper.originalParams.navigation,
+ swiper.params.navigation,
+ {
+ nextEl: "swiper-button-next",
+ prevEl: "swiper-button-prev",
+ },
+ );
+ if (!(params.nextEl || params.prevEl)) return;
+ const $nextEl = getEl(params.nextEl);
+ const $prevEl = getEl(params.prevEl);
+
+ if ($nextEl && $nextEl.length > 0) {
+ $nextEl.on("click", onNextClick);
+ }
+
+ if ($prevEl && $prevEl.length > 0) {
+ $prevEl.on("click", onPrevClick);
+ }
+
+ Object.assign(swiper.navigation, {
+ $nextEl,
+ nextEl: $nextEl && $nextEl[0],
+ $prevEl,
+ prevEl: $prevEl && $prevEl[0],
+ });
+
+ if (!swiper.enabled) {
+ if ($nextEl) $nextEl.addClass(params.lockClass);
+ if ($prevEl) $prevEl.addClass(params.lockClass);
+ }
+ }
+
+ function destroy() {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl && $nextEl.length) {
+ $nextEl.off("click", onNextClick);
+ $nextEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ $prevEl.off("click", onPrevClick);
+ $prevEl.removeClass(swiper.params.navigation.disabledClass);
+ }
+ }
+
+ on("init", () => {
+ init();
+ update();
+ });
+ on("toEdge fromEdge lock unlock", () => {
+ update();
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ on("enable disable", () => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($nextEl) {
+ $nextEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+
+ if ($prevEl) {
+ $prevEl[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.navigation.lockClass,
+ );
+ }
+ });
+ on("click", (_s, e) => {
+ const { $nextEl, $prevEl } = swiper.navigation;
+ const targetEl = e.target;
+
+ if (
+ swiper.params.navigation.hideOnClick &&
+ !$(targetEl).is($prevEl) &&
+ !$(targetEl).is($nextEl)
+ ) {
+ if (
+ swiper.pagination &&
+ swiper.params.pagination &&
+ swiper.params.pagination.clickable &&
+ (swiper.pagination.el === targetEl ||
+ swiper.pagination.el.contains(targetEl))
+ )
+ return;
+ let isHidden;
+
+ if ($nextEl) {
+ isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);
+ } else if ($prevEl) {
+ isHidden = $prevEl.hasClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if (isHidden === true) {
+ emit("navigationShow");
+ } else {
+ emit("navigationHide");
+ }
+
+ if ($nextEl) {
+ $nextEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+
+ if ($prevEl) {
+ $prevEl.toggleClass(swiper.params.navigation.hiddenClass);
+ }
+ }
+ });
+ Object.assign(swiper.navigation, {
+ update,
+ init,
+ destroy,
+ });
+ }
+
+ function classesToSelector(classes) {
+ if (classes === void 0) {
+ classes = "";
+ }
+
+ return `.${classes
+ .trim()
+ .replace(/([\.:!\/])/g, "\\$1") // eslint-disable-line
+ .replace(/ /g, ".")}`;
+ }
+
+ function Pagination(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const pfx = "swiper-pagination";
+ extendParams({
+ pagination: {
+ el: null,
+ bulletElement: "span",
+ clickable: false,
+ hideOnClick: false,
+ renderBullet: null,
+ renderProgressbar: null,
+ renderFraction: null,
+ renderCustom: null,
+ progressbarOpposite: false,
+ type: "bullets",
+ // 'bullets' or 'progressbar' or 'fraction' or 'custom'
+ dynamicBullets: false,
+ dynamicMainBullets: 1,
+ formatFractionCurrent: (number) => number,
+ formatFractionTotal: (number) => number,
+ bulletClass: `${pfx}-bullet`,
+ bulletActiveClass: `${pfx}-bullet-active`,
+ modifierClass: `${pfx}-`,
+ currentClass: `${pfx}-current`,
+ totalClass: `${pfx}-total`,
+ hiddenClass: `${pfx}-hidden`,
+ progressbarFillClass: `${pfx}-progressbar-fill`,
+ progressbarOppositeClass: `${pfx}-progressbar-opposite`,
+ clickableClass: `${pfx}-clickable`,
+ lockClass: `${pfx}-lock`,
+ horizontalClass: `${pfx}-horizontal`,
+ verticalClass: `${pfx}-vertical`,
+ },
+ });
+ swiper.pagination = {
+ el: null,
+ $el: null,
+ bullets: [],
+ };
+ let bulletSize;
+ let dynamicBulletIndex = 0;
+
+ function isPaginationDisabled() {
+ return (
+ !swiper.params.pagination.el ||
+ !swiper.pagination.el ||
+ !swiper.pagination.$el ||
+ swiper.pagination.$el.length === 0
+ );
+ }
+
+ function setSideBullets($bulletEl, position) {
+ const { bulletActiveClass } = swiper.params.pagination;
+ $bulletEl[position]()
+ .addClass(`${bulletActiveClass}-${position}`)
+ [position]()
+ .addClass(`${bulletActiveClass}-${position}-${position}`);
+ }
+
+ function update() {
+ // Render || Update Pagination bullets/items
+ const rtl = swiper.rtl;
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el; // Current/Total
+
+ let current;
+ const total = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (swiper.params.loop) {
+ current = Math.ceil(
+ (swiper.activeIndex - swiper.loopedSlides) /
+ swiper.params.slidesPerGroup,
+ );
+
+ if (current > slidesLength - 1 - swiper.loopedSlides * 2) {
+ current -= slidesLength - swiper.loopedSlides * 2;
+ }
+
+ if (current > total - 1) current -= total;
+ if (current < 0 && swiper.params.paginationType !== "bullets")
+ current = total + current;
+ } else if (typeof swiper.snapIndex !== "undefined") {
+ current = swiper.snapIndex;
+ } else {
+ current = swiper.activeIndex || 0;
+ } // Types
+
+ if (
+ params.type === "bullets" &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length > 0
+ ) {
+ const bullets = swiper.pagination.bullets;
+ let firstIndex;
+ let lastIndex;
+ let midIndex;
+
+ if (params.dynamicBullets) {
+ bulletSize = bullets
+ .eq(0)
+ [swiper.isHorizontal() ? "outerWidth" : "outerHeight"](true);
+ $el.css(
+ swiper.isHorizontal() ? "width" : "height",
+ `${bulletSize * (params.dynamicMainBullets + 4)}px`,
+ );
+
+ if (
+ params.dynamicMainBullets > 1 &&
+ swiper.previousIndex !== undefined
+ ) {
+ dynamicBulletIndex +=
+ current - (swiper.previousIndex - swiper.loopedSlides || 0);
+
+ if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
+ dynamicBulletIndex = params.dynamicMainBullets - 1;
+ } else if (dynamicBulletIndex < 0) {
+ dynamicBulletIndex = 0;
+ }
+ }
+
+ firstIndex = Math.max(current - dynamicBulletIndex, 0);
+ lastIndex =
+ firstIndex +
+ (Math.min(bullets.length, params.dynamicMainBullets) - 1);
+ midIndex = (lastIndex + firstIndex) / 2;
+ }
+
+ bullets.removeClass(
+ ["", "-next", "-next-next", "-prev", "-prev-prev", "-main"]
+ .map((suffix) => `${params.bulletActiveClass}${suffix}`)
+ .join(" "),
+ );
+
+ if ($el.length > 1) {
+ bullets.each((bullet) => {
+ const $bullet = $(bullet);
+ const bulletIndex = $bullet.index();
+
+ if (bulletIndex === current) {
+ $bullet.addClass(params.bulletActiveClass);
+ }
+
+ if (params.dynamicBullets) {
+ if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
+ $bullet.addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (bulletIndex === firstIndex) {
+ setSideBullets($bullet, "prev");
+ }
+
+ if (bulletIndex === lastIndex) {
+ setSideBullets($bullet, "next");
+ }
+ }
+ });
+ } else {
+ const $bullet = bullets.eq(current);
+ const bulletIndex = $bullet.index();
+ $bullet.addClass(params.bulletActiveClass);
+
+ if (params.dynamicBullets) {
+ const $firstDisplayedBullet = bullets.eq(firstIndex);
+ const $lastDisplayedBullet = bullets.eq(lastIndex);
+
+ for (let i = firstIndex; i <= lastIndex; i += 1) {
+ bullets.eq(i).addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ if (swiper.params.loop) {
+ if (bulletIndex >= bullets.length) {
+ for (let i = params.dynamicMainBullets; i >= 0; i -= 1) {
+ bullets
+ .eq(bullets.length - i)
+ .addClass(`${params.bulletActiveClass}-main`);
+ }
+
+ bullets
+ .eq(bullets.length - params.dynamicMainBullets - 1)
+ .addClass(`${params.bulletActiveClass}-prev`);
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ } else {
+ setSideBullets($firstDisplayedBullet, "prev");
+ setSideBullets($lastDisplayedBullet, "next");
+ }
+ }
+ }
+
+ if (params.dynamicBullets) {
+ const dynamicBulletsLength = Math.min(
+ bullets.length,
+ params.dynamicMainBullets + 4,
+ );
+ const bulletsOffset =
+ (bulletSize * dynamicBulletsLength - bulletSize) / 2 -
+ midIndex * bulletSize;
+ const offsetProp = rtl ? "right" : "left";
+ bullets.css(
+ swiper.isHorizontal() ? offsetProp : "top",
+ `${bulletsOffset}px`,
+ );
+ }
+ }
+
+ if (params.type === "fraction") {
+ $el
+ .find(classesToSelector(params.currentClass))
+ .text(params.formatFractionCurrent(current + 1));
+ $el
+ .find(classesToSelector(params.totalClass))
+ .text(params.formatFractionTotal(total));
+ }
+
+ if (params.type === "progressbar") {
+ let progressbarDirection;
+
+ if (params.progressbarOpposite) {
+ progressbarDirection = swiper.isHorizontal()
+ ? "vertical"
+ : "horizontal";
+ } else {
+ progressbarDirection = swiper.isHorizontal()
+ ? "horizontal"
+ : "vertical";
+ }
+
+ const scale = (current + 1) / total;
+ let scaleX = 1;
+ let scaleY = 1;
+
+ if (progressbarDirection === "horizontal") {
+ scaleX = scale;
+ } else {
+ scaleY = scale;
+ }
+
+ $el
+ .find(classesToSelector(params.progressbarFillClass))
+ .transform(`translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`)
+ .transition(swiper.params.speed);
+ }
+
+ if (params.type === "custom" && params.renderCustom) {
+ $el.html(params.renderCustom(swiper, current + 1, total));
+ emit("paginationRender", $el[0]);
+ } else {
+ emit("paginationUpdate", $el[0]);
+ }
+
+ if (swiper.params.watchOverflow && swiper.enabled) {
+ $el[swiper.isLocked ? "addClass" : "removeClass"](params.lockClass);
+ }
+ }
+
+ function render() {
+ // Render Container
+ const params = swiper.params.pagination;
+ if (isPaginationDisabled()) return;
+ const slidesLength =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.slides.length
+ : swiper.slides.length;
+ const $el = swiper.pagination.$el;
+ let paginationHTML = "";
+
+ if (params.type === "bullets") {
+ let numberOfBullets = swiper.params.loop
+ ? Math.ceil(
+ (slidesLength - swiper.loopedSlides * 2) /
+ swiper.params.slidesPerGroup,
+ )
+ : swiper.snapGrid.length;
+
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.loop &&
+ numberOfBullets > slidesLength
+ ) {
+ numberOfBullets = slidesLength;
+ }
+
+ for (let i = 0; i < numberOfBullets; i += 1) {
+ if (params.renderBullet) {
+ paginationHTML += params.renderBullet.call(
+ swiper,
+ i,
+ params.bulletClass,
+ );
+ } else {
+ paginationHTML += `<${params.bulletElement} class="${params.bulletClass}">`;
+ }
+ }
+
+ $el.html(paginationHTML);
+ swiper.pagination.bullets = $el.find(
+ classesToSelector(params.bulletClass),
+ );
+ }
+
+ if (params.type === "fraction") {
+ if (params.renderFraction) {
+ paginationHTML = params.renderFraction.call(
+ swiper,
+ params.currentClass,
+ params.totalClass,
+ );
+ } else {
+ paginationHTML =
+ `
`);
+ $el.append($dragEl);
+ }
+
+ Object.assign(scrollbar, {
+ $el,
+ el: $el[0],
+ $dragEl,
+ dragEl: $dragEl[0],
+ });
+
+ if (params.draggable) {
+ enableDraggable();
+ }
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ }
+
+ function destroy() {
+ disableDraggable();
+ }
+
+ on("init", () => {
+ init();
+ updateSize();
+ setTranslate();
+ });
+ on("update resize observerUpdate lock unlock", () => {
+ updateSize();
+ });
+ on("setTranslate", () => {
+ setTranslate();
+ });
+ on("setTransition", (_s, duration) => {
+ setTransition(duration);
+ });
+ on("enable disable", () => {
+ const { $el } = swiper.scrollbar;
+
+ if ($el) {
+ $el[swiper.enabled ? "removeClass" : "addClass"](
+ swiper.params.scrollbar.lockClass,
+ );
+ }
+ });
+ on("destroy", () => {
+ destroy();
+ });
+ Object.assign(swiper.scrollbar, {
+ updateSize,
+ setTranslate,
+ init,
+ destroy,
+ });
+ }
+
+ function Parallax(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ parallax: {
+ enabled: false,
+ },
+ });
+
+ const setTransform = (el, progress) => {
+ const { rtl } = swiper;
+ const $el = $(el);
+ const rtlFactor = rtl ? -1 : 1;
+ const p = $el.attr("data-swiper-parallax") || "0";
+ let x = $el.attr("data-swiper-parallax-x");
+ let y = $el.attr("data-swiper-parallax-y");
+ const scale = $el.attr("data-swiper-parallax-scale");
+ const opacity = $el.attr("data-swiper-parallax-opacity");
+
+ if (x || y) {
+ x = x || "0";
+ y = y || "0";
+ } else if (swiper.isHorizontal()) {
+ x = p;
+ y = "0";
+ } else {
+ y = p;
+ x = "0";
+ }
+
+ if (x.indexOf("%") >= 0) {
+ x = `${parseInt(x, 10) * progress * rtlFactor}%`;
+ } else {
+ x = `${x * progress * rtlFactor}px`;
+ }
+
+ if (y.indexOf("%") >= 0) {
+ y = `${parseInt(y, 10) * progress}%`;
+ } else {
+ y = `${y * progress}px`;
+ }
+
+ if (typeof opacity !== "undefined" && opacity !== null) {
+ const currentOpacity =
+ opacity - (opacity - 1) * (1 - Math.abs(progress));
+ $el[0].style.opacity = currentOpacity;
+ }
+
+ if (typeof scale === "undefined" || scale === null) {
+ $el.transform(`translate3d(${x}, ${y}, 0px)`);
+ } else {
+ const currentScale = scale - (scale - 1) * (1 - Math.abs(progress));
+ $el.transform(`translate3d(${x}, ${y}, 0px) scale(${currentScale})`);
+ }
+ };
+
+ const setTranslate = () => {
+ const { $el, slides, progress, snapGrid } = swiper;
+ $el
+ .children(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, progress);
+ });
+ slides.each((slideEl, slideIndex) => {
+ let slideProgress = slideEl.progress;
+
+ if (
+ swiper.params.slidesPerGroup > 1 &&
+ swiper.params.slidesPerView !== "auto"
+ ) {
+ slideProgress +=
+ Math.ceil(slideIndex / 2) - progress * (snapGrid.length - 1);
+ }
+
+ slideProgress = Math.min(Math.max(slideProgress, -1), 1);
+ $(slideEl)
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((el) => {
+ setTransform(el, slideProgress);
+ });
+ });
+ };
+
+ const setTransition = function (duration) {
+ if (duration === void 0) {
+ duration = swiper.params.speed;
+ }
+
+ const { $el } = swiper;
+ $el
+ .find(
+ "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+ )
+ .each((parallaxEl) => {
+ const $parallaxEl = $(parallaxEl);
+ let parallaxDuration =
+ parseInt($parallaxEl.attr("data-swiper-parallax-duration"), 10) ||
+ duration;
+ if (duration === 0) parallaxDuration = 0;
+ $parallaxEl.transition(parallaxDuration);
+ });
+ };
+
+ on("beforeInit", () => {
+ if (!swiper.params.parallax.enabled) return;
+ swiper.params.watchSlidesProgress = true;
+ swiper.originalParams.watchSlidesProgress = true;
+ });
+ on("init", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTranslate", () => {
+ if (!swiper.params.parallax.enabled) return;
+ setTranslate();
+ });
+ on("setTransition", (_swiper, duration) => {
+ if (!swiper.params.parallax.enabled) return;
+ setTransition(duration);
+ });
+ }
+
+ function Zoom(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ const window = getWindow();
+ extendParams({
+ zoom: {
+ enabled: false,
+ maxRatio: 3,
+ minRatio: 1,
+ toggle: true,
+ containerClass: "swiper-zoom-container",
+ zoomedSlideClass: "swiper-slide-zoomed",
+ },
+ });
+ swiper.zoom = {
+ enabled: false,
+ };
+ let currentScale = 1;
+ let isScaling = false;
+ let gesturesEnabled;
+ let fakeGestureTouched;
+ let fakeGestureMoved;
+ const gesture = {
+ $slideEl: undefined,
+ slideWidth: undefined,
+ slideHeight: undefined,
+ $imageEl: undefined,
+ $imageWrapEl: undefined,
+ maxRatio: 3,
+ };
+ const image = {
+ isTouched: undefined,
+ isMoved: undefined,
+ currentX: undefined,
+ currentY: undefined,
+ minX: undefined,
+ minY: undefined,
+ maxX: undefined,
+ maxY: undefined,
+ width: undefined,
+ height: undefined,
+ startX: undefined,
+ startY: undefined,
+ touchesStart: {},
+ touchesCurrent: {},
+ };
+ const velocity = {
+ x: undefined,
+ y: undefined,
+ prevPositionX: undefined,
+ prevPositionY: undefined,
+ prevTime: undefined,
+ };
+ let scale = 1;
+ Object.defineProperty(swiper.zoom, "scale", {
+ get() {
+ return scale;
+ },
+
+ set(value) {
+ if (scale !== value) {
+ const imageEl = gesture.$imageEl ? gesture.$imageEl[0] : undefined;
+ const slideEl = gesture.$slideEl ? gesture.$slideEl[0] : undefined;
+ emit("zoomChange", value, imageEl, slideEl);
+ }
+
+ scale = value;
+ },
+ });
+
+ function getDistanceBetweenTouches(e) {
+ if (e.targetTouches.length < 2) return 1;
+ const x1 = e.targetTouches[0].pageX;
+ const y1 = e.targetTouches[0].pageY;
+ const x2 = e.targetTouches[1].pageX;
+ const y2 = e.targetTouches[1].pageY;
+ const distance = Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
+ return distance;
+ } // Events
+
+ function onGestureStart(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchstart" ||
+ (e.type === "touchstart" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = true;
+ gesture.scaleStart = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$slideEl || !gesture.$slideEl.length) {
+ gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`);
+ if (gesture.$slideEl.length === 0)
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ gesture.maxRatio =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (gesture.$imageWrapEl.length === 0) {
+ gesture.$imageEl = undefined;
+ return;
+ }
+ }
+
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transition(0);
+ }
+
+ isScaling = true;
+ }
+
+ function onGestureChange(e) {
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (
+ e.type !== "touchmove" ||
+ (e.type === "touchmove" && e.targetTouches.length < 2)
+ ) {
+ return;
+ }
+
+ fakeGestureMoved = true;
+ gesture.scaleMove = getDistanceBetweenTouches(e);
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) {
+ if (e.type === "gesturechange") onGestureStart(e);
+ return;
+ }
+
+ if (support.gestures) {
+ zoom.scale = e.scale * currentScale;
+ } else {
+ zoom.scale = (gesture.scaleMove / gesture.scaleStart) * currentScale;
+ }
+
+ if (zoom.scale > gesture.maxRatio) {
+ zoom.scale =
+ gesture.maxRatio - 1 + (zoom.scale - gesture.maxRatio + 1) ** 0.5;
+ }
+
+ if (zoom.scale < params.minRatio) {
+ zoom.scale =
+ params.minRatio + 1 - (params.minRatio - zoom.scale + 1) ** 0.5;
+ }
+
+ gesture.$imageEl.transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function onGestureEnd(e) {
+ const device = swiper.device;
+ const support = swiper.support;
+ const params = swiper.params.zoom;
+ const zoom = swiper.zoom;
+
+ if (!support.gestures) {
+ if (!fakeGestureTouched || !fakeGestureMoved) {
+ return;
+ }
+
+ if (
+ e.type !== "touchend" ||
+ (e.type === "touchend" &&
+ e.changedTouches.length < 2 &&
+ !device.android)
+ ) {
+ return;
+ }
+
+ fakeGestureTouched = false;
+ fakeGestureMoved = false;
+ }
+
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ zoom.scale = Math.max(
+ Math.min(zoom.scale, gesture.maxRatio),
+ params.minRatio,
+ );
+ gesture.$imageEl
+ .transition(swiper.params.speed)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ currentScale = zoom.scale;
+ isScaling = false;
+ if (zoom.scale === 1) gesture.$slideEl = undefined;
+ }
+
+ function onTouchStart(e) {
+ const device = swiper.device;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ if (image.isTouched) return;
+ if (device.android && e.cancelable) e.preventDefault();
+ image.isTouched = true;
+ image.touchesStart.x =
+ e.type === "touchstart" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesStart.y =
+ e.type === "touchstart" ? e.targetTouches[0].pageY : e.pageY;
+ }
+
+ function onTouchMove(e) {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+ swiper.allowClick = false;
+ if (!image.isTouched || !gesture.$slideEl) return;
+
+ if (!image.isMoved) {
+ image.width = gesture.$imageEl[0].offsetWidth;
+ image.height = gesture.$imageEl[0].offsetHeight;
+ image.startX = getTranslate(gesture.$imageWrapEl[0], "x") || 0;
+ image.startY = getTranslate(gesture.$imageWrapEl[0], "y") || 0;
+ gesture.slideWidth = gesture.$slideEl[0].offsetWidth;
+ gesture.slideHeight = gesture.$slideEl[0].offsetHeight;
+ gesture.$imageWrapEl.transition(0);
+ } // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ if (
+ scaledWidth < gesture.slideWidth &&
+ scaledHeight < gesture.slideHeight
+ )
+ return;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.touchesCurrent.x =
+ e.type === "touchmove" ? e.targetTouches[0].pageX : e.pageX;
+ image.touchesCurrent.y =
+ e.type === "touchmove" ? e.targetTouches[0].pageY : e.pageY;
+
+ if (!image.isMoved && !isScaling) {
+ if (
+ swiper.isHorizontal() &&
+ ((Math.floor(image.minX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x < image.touchesStart.x) ||
+ (Math.floor(image.maxX) === Math.floor(image.startX) &&
+ image.touchesCurrent.x > image.touchesStart.x))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+
+ if (
+ !swiper.isHorizontal() &&
+ ((Math.floor(image.minY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y < image.touchesStart.y) ||
+ (Math.floor(image.maxY) === Math.floor(image.startY) &&
+ image.touchesCurrent.y > image.touchesStart.y))
+ ) {
+ image.isTouched = false;
+ return;
+ }
+ }
+
+ if (e.cancelable) {
+ e.preventDefault();
+ }
+
+ e.stopPropagation();
+ image.isMoved = true;
+ image.currentX =
+ image.touchesCurrent.x - image.touchesStart.x + image.startX;
+ image.currentY =
+ image.touchesCurrent.y - image.touchesStart.y + image.startY;
+
+ if (image.currentX < image.minX) {
+ image.currentX =
+ image.minX + 1 - (image.minX - image.currentX + 1) ** 0.8;
+ }
+
+ if (image.currentX > image.maxX) {
+ image.currentX =
+ image.maxX - 1 + (image.currentX - image.maxX + 1) ** 0.8;
+ }
+
+ if (image.currentY < image.minY) {
+ image.currentY =
+ image.minY + 1 - (image.minY - image.currentY + 1) ** 0.8;
+ }
+
+ if (image.currentY > image.maxY) {
+ image.currentY =
+ image.maxY - 1 + (image.currentY - image.maxY + 1) ** 0.8;
+ } // Velocity
+
+ if (!velocity.prevPositionX)
+ velocity.prevPositionX = image.touchesCurrent.x;
+ if (!velocity.prevPositionY)
+ velocity.prevPositionY = image.touchesCurrent.y;
+ if (!velocity.prevTime) velocity.prevTime = Date.now();
+ velocity.x =
+ (image.touchesCurrent.x - velocity.prevPositionX) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ velocity.y =
+ (image.touchesCurrent.y - velocity.prevPositionY) /
+ (Date.now() - velocity.prevTime) /
+ 2;
+ if (Math.abs(image.touchesCurrent.x - velocity.prevPositionX) < 2)
+ velocity.x = 0;
+ if (Math.abs(image.touchesCurrent.y - velocity.prevPositionY) < 2)
+ velocity.y = 0;
+ velocity.prevPositionX = image.touchesCurrent.x;
+ velocity.prevPositionY = image.touchesCurrent.y;
+ velocity.prevTime = Date.now();
+ gesture.$imageWrapEl.transform(
+ `translate3d(${image.currentX}px, ${image.currentY}px,0)`,
+ );
+ }
+
+ function onTouchEnd() {
+ const zoom = swiper.zoom;
+ if (!gesture.$imageEl || gesture.$imageEl.length === 0) return;
+
+ if (!image.isTouched || !image.isMoved) {
+ image.isTouched = false;
+ image.isMoved = false;
+ return;
+ }
+
+ image.isTouched = false;
+ image.isMoved = false;
+ let momentumDurationX = 300;
+ let momentumDurationY = 300;
+ const momentumDistanceX = velocity.x * momentumDurationX;
+ const newPositionX = image.currentX + momentumDistanceX;
+ const momentumDistanceY = velocity.y * momentumDurationY;
+ const newPositionY = image.currentY + momentumDistanceY; // Fix duration
+
+ if (velocity.x !== 0)
+ momentumDurationX = Math.abs(
+ (newPositionX - image.currentX) / velocity.x,
+ );
+ if (velocity.y !== 0)
+ momentumDurationY = Math.abs(
+ (newPositionY - image.currentY) / velocity.y,
+ );
+ const momentumDuration = Math.max(momentumDurationX, momentumDurationY);
+ image.currentX = newPositionX;
+ image.currentY = newPositionY; // Define if we need image drag
+
+ const scaledWidth = image.width * zoom.scale;
+ const scaledHeight = image.height * zoom.scale;
+ image.minX = Math.min(gesture.slideWidth / 2 - scaledWidth / 2, 0);
+ image.maxX = -image.minX;
+ image.minY = Math.min(gesture.slideHeight / 2 - scaledHeight / 2, 0);
+ image.maxY = -image.minY;
+ image.currentX = Math.max(
+ Math.min(image.currentX, image.maxX),
+ image.minX,
+ );
+ image.currentY = Math.max(
+ Math.min(image.currentY, image.maxY),
+ image.minY,
+ );
+ gesture.$imageWrapEl
+ .transition(momentumDuration)
+ .transform(`translate3d(${image.currentX}px, ${image.currentY}px,0)`);
+ }
+
+ function onTransitionEnd() {
+ const zoom = swiper.zoom;
+
+ if (gesture.$slideEl && swiper.previousIndex !== swiper.activeIndex) {
+ if (gesture.$imageEl) {
+ gesture.$imageEl.transform("translate3d(0,0,0) scale(1)");
+ }
+
+ if (gesture.$imageWrapEl) {
+ gesture.$imageWrapEl.transform("translate3d(0,0,0)");
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$slideEl = undefined;
+ gesture.$imageEl = undefined;
+ gesture.$imageWrapEl = undefined;
+ }
+ }
+
+ function zoomIn(e) {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (e && e.target) {
+ gesture.$slideEl = $(e.target).closest(
+ `.${swiper.params.slideClass}`,
+ );
+ }
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "hidden";
+ swiper.wrapperEl.style.touchAction = "none";
+ }
+
+ gesture.$slideEl.addClass(`${params.zoomedSlideClass}`);
+ let touchX;
+ let touchY;
+ let offsetX;
+ let offsetY;
+ let diffX;
+ let diffY;
+ let translateX;
+ let translateY;
+ let imageWidth;
+ let imageHeight;
+ let scaledWidth;
+ let scaledHeight;
+ let translateMinX;
+ let translateMinY;
+ let translateMaxX;
+ let translateMaxY;
+ let slideWidth;
+ let slideHeight;
+
+ if (typeof image.touchesStart.x === "undefined" && e) {
+ touchX = e.type === "touchend" ? e.changedTouches[0].pageX : e.pageX;
+ touchY = e.type === "touchend" ? e.changedTouches[0].pageY : e.pageY;
+ } else {
+ touchX = image.touchesStart.x;
+ touchY = image.touchesStart.y;
+ }
+
+ zoom.scale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+ currentScale =
+ gesture.$imageWrapEl.attr("data-swiper-zoom") || params.maxRatio;
+
+ if (e) {
+ slideWidth = gesture.$slideEl[0].offsetWidth;
+ slideHeight = gesture.$slideEl[0].offsetHeight;
+ offsetX = gesture.$slideEl.offset().left + window.scrollX;
+ offsetY = gesture.$slideEl.offset().top + window.scrollY;
+ diffX = offsetX + slideWidth / 2 - touchX;
+ diffY = offsetY + slideHeight / 2 - touchY;
+ imageWidth = gesture.$imageEl[0].offsetWidth;
+ imageHeight = gesture.$imageEl[0].offsetHeight;
+ scaledWidth = imageWidth * zoom.scale;
+ scaledHeight = imageHeight * zoom.scale;
+ translateMinX = Math.min(slideWidth / 2 - scaledWidth / 2, 0);
+ translateMinY = Math.min(slideHeight / 2 - scaledHeight / 2, 0);
+ translateMaxX = -translateMinX;
+ translateMaxY = -translateMinY;
+ translateX = diffX * zoom.scale;
+ translateY = diffY * zoom.scale;
+
+ if (translateX < translateMinX) {
+ translateX = translateMinX;
+ }
+
+ if (translateX > translateMaxX) {
+ translateX = translateMaxX;
+ }
+
+ if (translateY < translateMinY) {
+ translateY = translateMinY;
+ }
+
+ if (translateY > translateMaxY) {
+ translateY = translateMaxY;
+ }
+ } else {
+ translateX = 0;
+ translateY = 0;
+ }
+
+ gesture.$imageWrapEl
+ .transition(300)
+ .transform(`translate3d(${translateX}px, ${translateY}px,0)`);
+ gesture.$imageEl
+ .transition(300)
+ .transform(`translate3d(0,0,0) scale(${zoom.scale})`);
+ }
+
+ function zoomOut() {
+ const zoom = swiper.zoom;
+ const params = swiper.params.zoom;
+
+ if (!gesture.$slideEl) {
+ if (
+ swiper.params.virtual &&
+ swiper.params.virtual.enabled &&
+ swiper.virtual
+ ) {
+ gesture.$slideEl = swiper.$wrapperEl.children(
+ `.${swiper.params.slideActiveClass}`,
+ );
+ } else {
+ gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
+ }
+
+ gesture.$imageEl = gesture.$slideEl
+ .find(`.${params.containerClass}`)
+ .eq(0)
+ .find("picture, img, svg, canvas, .swiper-zoom-target")
+ .eq(0);
+ gesture.$imageWrapEl = gesture.$imageEl.parent(
+ `.${params.containerClass}`,
+ );
+ }
+
+ if (
+ !gesture.$imageEl ||
+ gesture.$imageEl.length === 0 ||
+ !gesture.$imageWrapEl ||
+ gesture.$imageWrapEl.length === 0
+ )
+ return;
+
+ if (swiper.params.cssMode) {
+ swiper.wrapperEl.style.overflow = "";
+ swiper.wrapperEl.style.touchAction = "";
+ }
+
+ zoom.scale = 1;
+ currentScale = 1;
+ gesture.$imageWrapEl.transition(300).transform("translate3d(0,0,0)");
+ gesture.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)");
+ gesture.$slideEl.removeClass(`${params.zoomedSlideClass}`);
+ gesture.$slideEl = undefined;
+ } // Toggle Zoom
+
+ function zoomToggle(e) {
+ const zoom = swiper.zoom;
+
+ if (zoom.scale && zoom.scale !== 1) {
+ // Zoom Out
+ zoomOut();
+ } else {
+ // Zoom In
+ zoomIn(e);
+ }
+ }
+
+ function getListeners() {
+ const support = swiper.support;
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+ const activeListenerWithCapture = support.passiveListener
+ ? {
+ passive: false,
+ capture: true,
+ }
+ : true;
+ return {
+ passiveListener,
+ activeListenerWithCapture,
+ };
+ }
+
+ function getSlideSelector() {
+ return `.${swiper.params.slideClass}`;
+ }
+
+ function toggleGestures(method) {
+ const { passiveListener } = getListeners();
+ const slideSelector = getSlideSelector();
+ swiper.$wrapperEl[method](
+ "gesturestart",
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gesturechange",
+ slideSelector,
+ onGestureChange,
+ passiveListener,
+ );
+ swiper.$wrapperEl[method](
+ "gestureend",
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+
+ function enableGestures() {
+ if (gesturesEnabled) return;
+ gesturesEnabled = true;
+ toggleGestures("on");
+ }
+
+ function disableGestures() {
+ if (!gesturesEnabled) return;
+ gesturesEnabled = false;
+ toggleGestures("off");
+ } // Attach/Detach Events
+
+ function enable() {
+ const zoom = swiper.zoom;
+ if (zoom.enabled) return;
+ zoom.enabled = true;
+ const support = swiper.support;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.on(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ function disable() {
+ const zoom = swiper.zoom;
+ if (!zoom.enabled) return;
+ const support = swiper.support;
+ zoom.enabled = false;
+ const { passiveListener, activeListenerWithCapture } = getListeners();
+ const slideSelector = getSlideSelector(); // Scale image
+
+ if (support.gestures) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ enableGestures,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ disableGestures,
+ passiveListener,
+ );
+ } else if (swiper.touchEvents.start === "touchstart") {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.start,
+ slideSelector,
+ onGestureStart,
+ passiveListener,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ slideSelector,
+ onGestureChange,
+ activeListenerWithCapture,
+ );
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.end,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+
+ if (swiper.touchEvents.cancel) {
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.cancel,
+ slideSelector,
+ onGestureEnd,
+ passiveListener,
+ );
+ }
+ } // Move image
+
+ swiper.$wrapperEl.off(
+ swiper.touchEvents.move,
+ `.${swiper.params.zoom.containerClass}`,
+ onTouchMove,
+ activeListenerWithCapture,
+ );
+ }
+
+ on("init", () => {
+ if (swiper.params.zoom.enabled) {
+ enable();
+ }
+ });
+ on("destroy", () => {
+ disable();
+ });
+ on("touchStart", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchStart(e);
+ });
+ on("touchEnd", (_s, e) => {
+ if (!swiper.zoom.enabled) return;
+ onTouchEnd();
+ });
+ on("doubleTap", (_s, e) => {
+ if (
+ !swiper.animating &&
+ swiper.params.zoom.enabled &&
+ swiper.zoom.enabled &&
+ swiper.params.zoom.toggle
+ ) {
+ zoomToggle(e);
+ }
+ });
+ on("transitionEnd", () => {
+ if (swiper.zoom.enabled && swiper.params.zoom.enabled) {
+ onTransitionEnd();
+ }
+ });
+ on("slideChange", () => {
+ if (
+ swiper.zoom.enabled &&
+ swiper.params.zoom.enabled &&
+ swiper.params.cssMode
+ ) {
+ onTransitionEnd();
+ }
+ });
+ Object.assign(swiper.zoom, {
+ enable,
+ disable,
+ in: zoomIn,
+ out: zoomOut,
+ toggle: zoomToggle,
+ });
+ }
+
+ function Lazy(_ref) {
+ let { swiper, extendParams, on, emit } = _ref;
+ extendParams({
+ lazy: {
+ checkInView: false,
+ enabled: false,
+ loadPrevNext: false,
+ loadPrevNextAmount: 1,
+ loadOnTransitionStart: false,
+ scrollingElement: "",
+ elementClass: "swiper-lazy",
+ loadingClass: "swiper-lazy-loading",
+ loadedClass: "swiper-lazy-loaded",
+ preloaderClass: "swiper-lazy-preloader",
+ },
+ });
+ swiper.lazy = {};
+ let scrollHandlerAttached = false;
+ let initialImageLoaded = false;
+
+ function loadInSlide(index, loadInDuplicate) {
+ if (loadInDuplicate === void 0) {
+ loadInDuplicate = true;
+ }
+
+ const params = swiper.params.lazy;
+ if (typeof index === "undefined") return;
+ if (swiper.slides.length === 0) return;
+ const isVirtual = swiper.virtual && swiper.params.virtual.enabled;
+ const $slideEl = isVirtual
+ ? swiper.$wrapperEl.children(
+ `.${swiper.params.slideClass}[data-swiper-slide-index="${index}"]`,
+ )
+ : swiper.slides.eq(index);
+ const $images = $slideEl.find(
+ `.${params.elementClass}:not(.${params.loadedClass}):not(.${params.loadingClass})`,
+ );
+
+ if (
+ $slideEl.hasClass(params.elementClass) &&
+ !$slideEl.hasClass(params.loadedClass) &&
+ !$slideEl.hasClass(params.loadingClass)
+ ) {
+ $images.push($slideEl[0]);
+ }
+
+ if ($images.length === 0) return;
+ $images.each((imageEl) => {
+ const $imageEl = $(imageEl);
+ $imageEl.addClass(params.loadingClass);
+ const background = $imageEl.attr("data-background");
+ const src = $imageEl.attr("data-src");
+ const srcset = $imageEl.attr("data-srcset");
+ const sizes = $imageEl.attr("data-sizes");
+ const $pictureEl = $imageEl.parent("picture");
+ swiper.loadImage(
+ $imageEl[0],
+ src || background,
+ srcset,
+ sizes,
+ false,
+ () => {
+ if (
+ typeof swiper === "undefined" ||
+ swiper === null ||
+ !swiper ||
+ (swiper && !swiper.params) ||
+ swiper.destroyed
+ )
+ return;
+
+ if (background) {
+ $imageEl.css("background-image", `url("${background}")`);
+ $imageEl.removeAttr("data-background");
+ } else {
+ if (srcset) {
+ $imageEl.attr("srcset", srcset);
+ $imageEl.removeAttr("data-srcset");
+ }
+
+ if (sizes) {
+ $imageEl.attr("sizes", sizes);
+ $imageEl.removeAttr("data-sizes");
+ }
+
+ if ($pictureEl.length) {
+ $pictureEl.children("source").each((sourceEl) => {
+ const $source = $(sourceEl);
+
+ if ($source.attr("data-srcset")) {
+ $source.attr("srcset", $source.attr("data-srcset"));
+ $source.removeAttr("data-srcset");
+ }
+ });
+ }
+
+ if (src) {
+ $imageEl.attr("src", src);
+ $imageEl.removeAttr("data-src");
+ }
+ }
+
+ $imageEl
+ .addClass(params.loadedClass)
+ .removeClass(params.loadingClass);
+ $slideEl.find(`.${params.preloaderClass}`).remove();
+
+ if (swiper.params.loop && loadInDuplicate) {
+ const slideOriginalIndex = $slideEl.attr(
+ "data-swiper-slide-index",
+ );
+
+ if ($slideEl.hasClass(swiper.params.slideDuplicateClass)) {
+ const originalSlide = swiper.$wrapperEl.children(
+ `[data-swiper-slide-index="${slideOriginalIndex}"]:not(.${swiper.params.slideDuplicateClass})`,
+ );
+ loadInSlide(originalSlide.index(), false);
+ } else {
+ const duplicatedSlide = swiper.$wrapperEl.children(
+ `.${swiper.params.slideDuplicateClass}[data-swiper-slide-index="${slideOriginalIndex}"]`,
+ );
+ loadInSlide(duplicatedSlide.index(), false);
+ }
+ }
+
+ emit("lazyImageReady", $slideEl[0], $imageEl[0]);
+
+ if (swiper.params.autoHeight) {
+ swiper.updateAutoHeight();
+ }
+ },
+ );
+ emit("lazyImageLoad", $slideEl[0], $imageEl[0]);
+ });
+ }
+
+ function load() {
+ const { $wrapperEl, params: swiperParams, slides, activeIndex } = swiper;
+ const isVirtual = swiper.virtual && swiperParams.virtual.enabled;
+ const params = swiperParams.lazy;
+ let slidesPerView = swiperParams.slidesPerView;
+
+ if (slidesPerView === "auto") {
+ slidesPerView = 0;
+ }
+
+ function slideExist(index) {
+ if (isVirtual) {
+ if (
+ $wrapperEl.children(
+ `.${swiperParams.slideClass}[data-swiper-slide-index="${index}"]`,
+ ).length
+ ) {
+ return true;
+ }
+ } else if (slides[index]) return true;
+
+ return false;
+ }
+
+ function slideIndex(slideEl) {
+ if (isVirtual) {
+ return $(slideEl).attr("data-swiper-slide-index");
+ }
+
+ return $(slideEl).index();
+ }
+
+ if (!initialImageLoaded) initialImageLoaded = true;
+
+ if (swiper.params.watchSlidesProgress) {
+ $wrapperEl
+ .children(`.${swiperParams.slideVisibleClass}`)
+ .each((slideEl) => {
+ const index = isVirtual
+ ? $(slideEl).attr("data-swiper-slide-index")
+ : $(slideEl).index();
+ loadInSlide(index);
+ });
+ } else if (slidesPerView > 1) {
+ for (let i = activeIndex; i < activeIndex + slidesPerView; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ loadInSlide(activeIndex);
+ }
+
+ if (params.loadPrevNext) {
+ if (
+ slidesPerView > 1 ||
+ (params.loadPrevNextAmount && params.loadPrevNextAmount > 1)
+ ) {
+ const amount = params.loadPrevNextAmount;
+ const spv = slidesPerView;
+ const maxIndex = Math.min(
+ activeIndex + spv + Math.max(amount, spv),
+ slides.length,
+ );
+ const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
+
+ for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ } // Prev Slides
+
+ for (let i = minIndex; i < activeIndex; i += 1) {
+ if (slideExist(i)) loadInSlide(i);
+ }
+ } else {
+ const nextSlide = $wrapperEl.children(
+ `.${swiperParams.slideNextClass}`,
+ );
+ if (nextSlide.length > 0) loadInSlide(slideIndex(nextSlide));
+ const prevSlide = $wrapperEl.children(
+ `.${swiperParams.slidePrevClass}`,
+ );
+ if (prevSlide.length > 0) loadInSlide(slideIndex(prevSlide));
+ }
+ }
+ }
+
+ function checkInViewOnLoad() {
+ const window = getWindow();
+ if (!swiper || swiper.destroyed) return;
+ const $scrollElement = swiper.params.lazy.scrollingElement
+ ? $(swiper.params.lazy.scrollingElement)
+ : $(window);
+ const isWindow = $scrollElement[0] === window;
+ const scrollElementWidth = isWindow
+ ? window.innerWidth
+ : $scrollElement[0].offsetWidth;
+ const scrollElementHeight = isWindow
+ ? window.innerHeight
+ : $scrollElement[0].offsetHeight;
+ const swiperOffset = swiper.$el.offset();
+ const { rtlTranslate: rtl } = swiper;
+ let inView = false;
+ if (rtl) swiperOffset.left -= swiper.$el[0].scrollLeft;
+ const swiperCoord = [
+ [swiperOffset.left, swiperOffset.top],
+ [swiperOffset.left + swiper.width, swiperOffset.top],
+ [swiperOffset.left, swiperOffset.top + swiper.height],
+ [swiperOffset.left + swiper.width, swiperOffset.top + swiper.height],
+ ];
+
+ for (let i = 0; i < swiperCoord.length; i += 1) {
+ const point = swiperCoord[i];
+
+ if (
+ point[0] >= 0 &&
+ point[0] <= scrollElementWidth &&
+ point[1] >= 0 &&
+ point[1] <= scrollElementHeight
+ ) {
+ if (point[0] === 0 && point[1] === 0) continue; // eslint-disable-line
+
+ inView = true;
+ }
+ }
+
+ const passiveListener =
+ swiper.touchEvents.start === "touchstart" &&
+ swiper.support.passiveListener &&
+ swiper.params.passiveListeners
+ ? {
+ passive: true,
+ capture: false,
+ }
+ : false;
+
+ if (inView) {
+ load();
+ $scrollElement.off("scroll", checkInViewOnLoad, passiveListener);
+ } else if (!scrollHandlerAttached) {
+ scrollHandlerAttached = true;
+ $scrollElement.on("scroll", checkInViewOnLoad, passiveListener);
+ }
+ }
+
+ on("beforeInit", () => {
+ if (swiper.params.lazy.enabled && swiper.params.preloadImages) {
+ swiper.params.preloadImages = false;
+ }
+ });
+ on("init", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("scroll", () => {
+ if (
+ swiper.params.freeMode &&
+ swiper.params.freeMode.enabled &&
+ !swiper.params.freeMode.sticky
+ ) {
+ load();
+ }
+ });
+ on("scrollbarDragMove resize _freeModeNoMomentumRelease", () => {
+ if (swiper.params.lazy.enabled) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("transitionStart", () => {
+ if (swiper.params.lazy.enabled) {
+ if (
+ swiper.params.lazy.loadOnTransitionStart ||
+ (!swiper.params.lazy.loadOnTransitionStart && !initialImageLoaded)
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ }
+ });
+ on("transitionEnd", () => {
+ if (
+ swiper.params.lazy.enabled &&
+ !swiper.params.lazy.loadOnTransitionStart
+ ) {
+ if (swiper.params.lazy.checkInView) {
+ checkInViewOnLoad();
+ } else {
+ load();
+ }
+ }
+ });
+ on("slideChange", () => {
+ const {
+ lazy,
+ cssMode,
+ watchSlidesProgress,
+ touchReleaseOnEdges,
+ resistanceRatio,
+ } = swiper.params;
+
+ if (
+ lazy.enabled &&
+ (cssMode ||
+ (watchSlidesProgress &&
+ (touchReleaseOnEdges || resistanceRatio === 0)))
+ ) {
+ load();
+ }
+ });
+ Object.assign(swiper.lazy, {
+ load,
+ loadInSlide,
+ });
+ }
+
+ /* eslint no-bitwise: ["error", { "allow": [">>"] }] */
+ function Controller(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ controller: {
+ control: undefined,
+ inverse: false,
+ by: "slide", // or 'container'
+ },
+ });
+ swiper.controller = {
+ control: undefined,
+ };
+
+ function LinearSpline(x, y) {
+ const binarySearch = (function search() {
+ let maxIndex;
+ let minIndex;
+ let guess;
+ return (array, val) => {
+ minIndex = -1;
+ maxIndex = array.length;
+
+ while (maxIndex - minIndex > 1) {
+ guess = (maxIndex + minIndex) >> 1;
+
+ if (array[guess] <= val) {
+ minIndex = guess;
+ } else {
+ maxIndex = guess;
+ }
+ }
+
+ return maxIndex;
+ };
+ })();
+
+ this.x = x;
+ this.y = y;
+ this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:
+ // (x1,y1) is the known point before given value,
+ // (x3,y3) is the known point after given value.
+
+ let i1;
+ let i3;
+
+ this.interpolate = function interpolate(x2) {
+ if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):
+
+ i3 = binarySearch(this.x, x2);
+ i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:
+ // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1
+
+ return (
+ ((x2 - this.x[i1]) * (this.y[i3] - this.y[i1])) /
+ (this.x[i3] - this.x[i1]) +
+ this.y[i1]
+ );
+ };
+
+ return this;
+ } // xxx: for now i will just save one spline function to to
+
+ function getInterpolateFunction(c) {
+ if (!swiper.controller.spline) {
+ swiper.controller.spline = swiper.params.loop
+ ? new LinearSpline(swiper.slidesGrid, c.slidesGrid)
+ : new LinearSpline(swiper.snapGrid, c.snapGrid);
+ }
+ }
+
+ function setTranslate(_t, byController) {
+ const controlled = swiper.controller.control;
+ let multiplier;
+ let controlledTranslate;
+ const Swiper = swiper.constructor;
+
+ function setControlledTranslate(c) {
+ // this will create an Interpolate function based on the snapGrids
+ // x is the Grid of the scrolled scroller and y will be the controlled scroller
+ // it makes sense to create this only once and recall it for the interpolation
+ // the function does a lot of value caching for performance
+ const translate = swiper.rtlTranslate
+ ? -swiper.translate
+ : swiper.translate;
+
+ if (swiper.params.controller.by === "slide") {
+ getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid
+ // but it did not work out
+
+ controlledTranslate =
+ -swiper.controller.spline.interpolate(-translate);
+ }
+
+ if (
+ !controlledTranslate ||
+ swiper.params.controller.by === "container"
+ ) {
+ multiplier =
+ (c.maxTranslate() - c.minTranslate()) /
+ (swiper.maxTranslate() - swiper.minTranslate());
+ controlledTranslate =
+ (translate - swiper.minTranslate()) * multiplier + c.minTranslate();
+ }
+
+ if (swiper.params.controller.inverse) {
+ controlledTranslate = c.maxTranslate() - controlledTranslate;
+ }
+
+ c.updateProgress(controlledTranslate);
+ c.setTranslate(controlledTranslate, swiper);
+ c.updateActiveIndex();
+ c.updateSlidesClasses();
+ }
+
+ if (Array.isArray(controlled)) {
+ for (let i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTranslate(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTranslate(controlled);
+ }
+ }
+
+ function setTransition(duration, byController) {
+ const Swiper = swiper.constructor;
+ const controlled = swiper.controller.control;
+ let i;
+
+ function setControlledTransition(c) {
+ c.setTransition(duration, swiper);
+
+ if (duration !== 0) {
+ c.transitionStart();
+
+ if (c.params.autoHeight) {
+ nextTick(() => {
+ c.updateAutoHeight();
+ });
+ }
+
+ c.$wrapperEl.transitionEnd(() => {
+ if (!controlled) return;
+
+ if (c.params.loop && swiper.params.controller.by === "slide") {
+ c.loopFix();
+ }
+
+ c.transitionEnd();
+ });
+ }
+ }
+
+ if (Array.isArray(controlled)) {
+ for (i = 0; i < controlled.length; i += 1) {
+ if (
+ controlled[i] !== byController &&
+ controlled[i] instanceof Swiper
+ ) {
+ setControlledTransition(controlled[i]);
+ }
+ }
+ } else if (controlled instanceof Swiper && byController !== controlled) {
+ setControlledTransition(controlled);
+ }
+ }
+
+ function removeSpline() {
+ if (!swiper.controller.control) return;
+
+ if (swiper.controller.spline) {
+ swiper.controller.spline = undefined;
+ delete swiper.controller.spline;
+ }
+ }
+
+ on("beforeInit", () => {
+ swiper.controller.control = swiper.params.controller.control;
+ });
+ on("update", () => {
+ removeSpline();
+ });
+ on("resize", () => {
+ removeSpline();
+ });
+ on("observerUpdate", () => {
+ removeSpline();
+ });
+ on("setTranslate", (_s, translate, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTranslate(translate, byController);
+ });
+ on("setTransition", (_s, duration, byController) => {
+ if (!swiper.controller.control) return;
+ swiper.controller.setTransition(duration, byController);
+ });
+ Object.assign(swiper.controller, {
+ setTranslate,
+ setTransition,
+ });
+ }
+
+ function A11y(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ a11y: {
+ enabled: true,
+ notificationClass: "swiper-notification",
+ prevSlideMessage: "Previous slide",
+ nextSlideMessage: "Next slide",
+ firstSlideMessage: "This is the first slide",
+ lastSlideMessage: "This is the last slide",
+ paginationBulletMessage: "Go to slide {{index}}",
+ slideLabelMessage: "{{index}} / {{slidesLength}}",
+ containerMessage: null,
+ containerRoleDescriptionMessage: null,
+ itemRoleDescriptionMessage: null,
+ slideRole: "group",
+ },
+ });
+ let liveRegion = null;
+
+ function notify(message) {
+ const notification = liveRegion;
+ if (notification.length === 0) return;
+ notification.html("");
+ notification.html(message);
+ }
+
+ function getRandomNumber(size) {
+ if (size === void 0) {
+ size = 16;
+ }
+
+ const randomChar = () => Math.round(16 * Math.random()).toString(16);
+
+ return "x".repeat(size).replace(/x/g, randomChar);
+ }
+
+ function makeElFocusable($el) {
+ $el.attr("tabIndex", "0");
+ }
+
+ function makeElNotFocusable($el) {
+ $el.attr("tabIndex", "-1");
+ }
+
+ function addElRole($el, role) {
+ $el.attr("role", role);
+ }
+
+ function addElRoleDescription($el, description) {
+ $el.attr("aria-roledescription", description);
+ }
+
+ function addElControls($el, controls) {
+ $el.attr("aria-controls", controls);
+ }
+
+ function addElLabel($el, label) {
+ $el.attr("aria-label", label);
+ }
+
+ function addElId($el, id) {
+ $el.attr("id", id);
+ }
+
+ function addElLive($el, live) {
+ $el.attr("aria-live", live);
+ }
+
+ function disableEl($el) {
+ $el.attr("aria-disabled", true);
+ }
+
+ function enableEl($el) {
+ $el.attr("aria-disabled", false);
+ }
+
+ function onEnterOrSpaceKey(e) {
+ if (e.keyCode !== 13 && e.keyCode !== 32) return;
+ const params = swiper.params.a11y;
+ const $targetEl = $(e.target);
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$nextEl &&
+ $targetEl.is(swiper.navigation.$nextEl)
+ ) {
+ if (!(swiper.isEnd && !swiper.params.loop)) {
+ swiper.slideNext();
+ }
+
+ if (swiper.isEnd) {
+ notify(params.lastSlideMessage);
+ } else {
+ notify(params.nextSlideMessage);
+ }
+ }
+
+ if (
+ swiper.navigation &&
+ swiper.navigation.$prevEl &&
+ $targetEl.is(swiper.navigation.$prevEl)
+ ) {
+ if (!(swiper.isBeginning && !swiper.params.loop)) {
+ swiper.slidePrev();
+ }
+
+ if (swiper.isBeginning) {
+ notify(params.firstSlideMessage);
+ } else {
+ notify(params.prevSlideMessage);
+ }
+ }
+
+ if (
+ swiper.pagination &&
+ $targetEl.is(classesToSelector(swiper.params.pagination.bulletClass))
+ ) {
+ $targetEl[0].click();
+ }
+ }
+
+ function updateNavigation() {
+ if (swiper.params.loop || swiper.params.rewind || !swiper.navigation)
+ return;
+ const { $nextEl, $prevEl } = swiper.navigation;
+
+ if ($prevEl && $prevEl.length > 0) {
+ if (swiper.isBeginning) {
+ disableEl($prevEl);
+ makeElNotFocusable($prevEl);
+ } else {
+ enableEl($prevEl);
+ makeElFocusable($prevEl);
+ }
+ }
+
+ if ($nextEl && $nextEl.length > 0) {
+ if (swiper.isEnd) {
+ disableEl($nextEl);
+ makeElNotFocusable($nextEl);
+ } else {
+ enableEl($nextEl);
+ makeElFocusable($nextEl);
+ }
+ }
+ }
+
+ function hasPagination() {
+ return (
+ swiper.pagination &&
+ swiper.pagination.bullets &&
+ swiper.pagination.bullets.length
+ );
+ }
+
+ function hasClickablePagination() {
+ return hasPagination() && swiper.params.pagination.clickable;
+ }
+
+ function updatePagination() {
+ const params = swiper.params.a11y;
+ if (!hasPagination()) return;
+ swiper.pagination.bullets.each((bulletEl) => {
+ const $bulletEl = $(bulletEl);
+
+ if (swiper.params.pagination.clickable) {
+ makeElFocusable($bulletEl);
+
+ if (!swiper.params.pagination.renderBullet) {
+ addElRole($bulletEl, "button");
+ addElLabel(
+ $bulletEl,
+ params.paginationBulletMessage.replace(
+ /\{\{index\}\}/,
+ $bulletEl.index() + 1,
+ ),
+ );
+ }
+ }
+
+ if ($bulletEl.is(`.${swiper.params.pagination.bulletActiveClass}`)) {
+ $bulletEl.attr("aria-current", "true");
+ } else {
+ $bulletEl.removeAttr("aria-current");
+ }
+ });
+ }
+
+ const initNavEl = ($el, wrapperId, message) => {
+ makeElFocusable($el);
+
+ if ($el[0].tagName !== "BUTTON") {
+ addElRole($el, "button");
+ $el.on("keydown", onEnterOrSpaceKey);
+ }
+
+ addElLabel($el, message);
+ addElControls($el, wrapperId);
+ };
+
+ const handleFocus = (e) => {
+ const slideEl = e.target.closest(`.${swiper.params.slideClass}`);
+ if (!slideEl || !swiper.slides.includes(slideEl)) return;
+ const isActive = swiper.slides.indexOf(slideEl) === swiper.activeIndex;
+ const isVisible =
+ swiper.params.watchSlidesProgress &&
+ swiper.visibleSlides &&
+ swiper.visibleSlides.includes(slideEl);
+ if (isActive || isVisible) return;
+ swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
+ };
+
+ function init() {
+ const params = swiper.params.a11y;
+ swiper.$el.append(liveRegion); // Container
+
+ const $containerEl = swiper.$el;
+
+ if (params.containerRoleDescriptionMessage) {
+ addElRoleDescription(
+ $containerEl,
+ params.containerRoleDescriptionMessage,
+ );
+ }
+
+ if (params.containerMessage) {
+ addElLabel($containerEl, params.containerMessage);
+ } // Wrapper
+
+ const $wrapperEl = swiper.$wrapperEl;
+ const wrapperId =
+ $wrapperEl.attr("id") || `swiper-wrapper-${getRandomNumber(16)}`;
+ const live =
+ swiper.params.autoplay && swiper.params.autoplay.enabled
+ ? "off"
+ : "polite";
+ addElId($wrapperEl, wrapperId);
+ addElLive($wrapperEl, live); // Slide
+
+ if (params.itemRoleDescriptionMessage) {
+ addElRoleDescription(
+ $(swiper.slides),
+ params.itemRoleDescriptionMessage,
+ );
+ }
+
+ addElRole($(swiper.slides), params.slideRole);
+ const slidesLength = swiper.params.loop
+ ? swiper.slides.filter(
+ (el) => !el.classList.contains(swiper.params.slideDuplicateClass),
+ ).length
+ : swiper.slides.length;
+ swiper.slides.each((slideEl, index) => {
+ const $slideEl = $(slideEl);
+ const slideIndex = swiper.params.loop
+ ? parseInt($slideEl.attr("data-swiper-slide-index"), 10)
+ : index;
+ const ariaLabelMessage = params.slideLabelMessage
+ .replace(/\{\{index\}\}/, slideIndex + 1)
+ .replace(/\{\{slidesLength\}\}/, slidesLength);
+ addElLabel($slideEl, ariaLabelMessage);
+ }); // Navigation
+
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl && $nextEl.length) {
+ initNavEl($nextEl, wrapperId, params.nextSlideMessage);
+ }
+
+ if ($prevEl && $prevEl.length) {
+ initNavEl($prevEl, wrapperId, params.prevSlideMessage);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.on(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.on("focus", handleFocus, true);
+ }
+
+ function destroy() {
+ if (liveRegion && liveRegion.length > 0) liveRegion.remove();
+ let $nextEl;
+ let $prevEl;
+
+ if (swiper.navigation && swiper.navigation.$nextEl) {
+ $nextEl = swiper.navigation.$nextEl;
+ }
+
+ if (swiper.navigation && swiper.navigation.$prevEl) {
+ $prevEl = swiper.navigation.$prevEl;
+ }
+
+ if ($nextEl) {
+ $nextEl.off("keydown", onEnterOrSpaceKey);
+ }
+
+ if ($prevEl) {
+ $prevEl.off("keydown", onEnterOrSpaceKey);
+ } // Pagination
+
+ if (hasClickablePagination()) {
+ swiper.pagination.$el.off(
+ "keydown",
+ classesToSelector(swiper.params.pagination.bulletClass),
+ onEnterOrSpaceKey,
+ );
+ } // Tab focus
+
+ swiper.$el.off("focus", handleFocus, true);
+ }
+
+ on("beforeInit", () => {
+ liveRegion = $(
+ `
');
+ $wrapperEl.append($cubeShadowEl);
+ }
+
+ $cubeShadowEl.css({
+ height: `${swiperWidth}px`,
+ });
+ } else {
+ $cubeShadowEl = $el.find(".swiper-cube-shadow");
+
+ if ($cubeShadowEl.length === 0) {
+ $cubeShadowEl = $('
');
+ $el.append($cubeShadowEl);
+ }
+ }
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let slideIndex = i;
+
+ if (isVirtual) {
+ slideIndex = parseInt($slideEl.attr("data-swiper-slide-index"), 10);
+ }
+
+ let slideAngle = slideIndex * 90;
+ let round = Math.floor(slideAngle / 360);
+
+ if (rtl) {
+ slideAngle = -slideAngle;
+ round = Math.floor(-slideAngle / 360);
+ }
+
+ const progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ let tx = 0;
+ let ty = 0;
+ let tz = 0;
+
+ if (slideIndex % 4 === 0) {
+ tx = -round * 4 * swiperSize;
+ tz = 0;
+ } else if ((slideIndex - 1) % 4 === 0) {
+ tx = 0;
+ tz = -round * 4 * swiperSize;
+ } else if ((slideIndex - 2) % 4 === 0) {
+ tx = swiperSize + round * 4 * swiperSize;
+ tz = swiperSize;
+ } else if ((slideIndex - 3) % 4 === 0) {
+ tx = -swiperSize;
+ tz = 3 * swiperSize + swiperSize * 4 * round;
+ }
+
+ if (rtl) {
+ tx = -tx;
+ }
+
+ if (!isHorizontal) {
+ ty = tx;
+ tx = 0;
+ }
+
+ const transform = `rotateX(${
+ isHorizontal ? 0 : -slideAngle
+ }deg) rotateY(${
+ isHorizontal ? slideAngle : 0
+ }deg) translate3d(${tx}px, ${ty}px, ${tz}px)`;
+
+ if (progress <= 1 && progress > -1) {
+ wrapperRotate = slideIndex * 90 + progress * 90;
+ if (rtl) wrapperRotate = -slideIndex * 90 - progress * 90;
+ }
+
+ $slideEl.transform(transform);
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = $(
+ `
`,
+ );
+ $slideEl.append(shadowBefore);
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = $(
+ `
`,
+ );
+ $slideEl.append(shadowAfter);
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+ }
+
+ $wrapperEl.css({
+ "-webkit-transform-origin": `50% 50% -${swiperSize / 2}px`,
+ "transform-origin": `50% 50% -${swiperSize / 2}px`,
+ });
+
+ if (params.shadow) {
+ if (isHorizontal) {
+ $cubeShadowEl.transform(
+ `translate3d(0px, ${swiperWidth / 2 + params.shadowOffset}px, ${
+ -swiperWidth / 2
+ }px) rotateX(90deg) rotateZ(0deg) scale(${params.shadowScale})`,
+ );
+ } else {
+ const shadowAngle =
+ Math.abs(wrapperRotate) -
+ Math.floor(Math.abs(wrapperRotate) / 90) * 90;
+ const multiplier =
+ 1.5 -
+ (Math.sin((shadowAngle * 2 * Math.PI) / 360) / 2 +
+ Math.cos((shadowAngle * 2 * Math.PI) / 360) / 2);
+ const scale1 = params.shadowScale;
+ const scale2 = params.shadowScale / multiplier;
+ const offset = params.shadowOffset;
+ $cubeShadowEl.transform(
+ `scale3d(${scale1}, 1, ${scale2}) translate3d(0px, ${
+ swiperHeight / 2 + offset
+ }px, ${-swiperHeight / 2 / scale2}px) rotateX(-90deg)`,
+ );
+ }
+ }
+
+ const zFactor =
+ browser.isSafari || browser.isWebView ? -swiperSize / 2 : 0;
+ $wrapperEl.transform(
+ `translate3d(0px,0,${zFactor}px) rotateX(${
+ swiper.isHorizontal() ? 0 : wrapperRotate
+ }deg) rotateY(${swiper.isHorizontal() ? -wrapperRotate : 0}deg)`,
+ );
+ };
+
+ const setTransition = (duration) => {
+ const { $el, slides } = swiper;
+ slides
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+
+ if (swiper.params.cubeEffect.shadow && !swiper.isHorizontal()) {
+ $el.find(".swiper-cube-shadow").transition(duration);
+ }
+ };
+
+ effectInit({
+ effect: "cube",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ resistanceRatio: 0,
+ spaceBetween: 0,
+ centeredSlides: false,
+ virtualTranslate: true,
+ }),
+ });
+ }
+
+ function createShadow(params, $slideEl, side) {
+ const shadowClass = `swiper-slide-shadow${side ? `-${side}` : ""}`;
+ const $shadowContainer = params.transformEl
+ ? $slideEl.find(params.transformEl)
+ : $slideEl;
+ let $shadowEl = $shadowContainer.children(`.${shadowClass}`);
+
+ if (!$shadowEl.length) {
+ $shadowEl = $(
+ `
`,
+ );
+ $shadowContainer.append($shadowEl);
+ }
+
+ return $shadowEl;
+ }
+
+ function EffectFlip(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ flipEffect: {
+ slideShadows: true,
+ limitRotation: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, rtlTranslate: rtl } = swiper;
+ const params = swiper.params.flipEffect;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ let progress = $slideEl[0].progress;
+
+ if (swiper.params.flipEffect.limitRotation) {
+ progress = Math.max(Math.min($slideEl[0].progress, 1), -1);
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const rotate = -180 * progress;
+ let rotateY = rotate;
+ let rotateX = 0;
+ let tx = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let ty = 0;
+
+ if (!swiper.isHorizontal()) {
+ ty = tx;
+ tx = 0;
+ rotateX = -rotateY;
+ rotateY = 0;
+ } else if (rtl) {
+ rotateY = -rotateY;
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(progress)) + slides.length;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let shadowBefore = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let shadowAfter = swiper.isHorizontal()
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if (shadowBefore.length === 0) {
+ shadowBefore = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "left" : "top",
+ );
+ }
+
+ if (shadowAfter.length === 0) {
+ shadowAfter = createShadow(
+ params,
+ $slideEl,
+ swiper.isHorizontal() ? "right" : "bottom",
+ );
+ }
+
+ if (shadowBefore.length)
+ shadowBefore[0].style.opacity = Math.max(-progress, 0);
+ if (shadowAfter.length)
+ shadowAfter[0].style.opacity = Math.max(progress, 0);
+ }
+
+ const transform = `translate3d(${tx}px, ${ty}px, 0px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.flipEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "flip",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ slidesPerView: 1,
+ slidesPerGroup: 1,
+ watchSlidesProgress: true,
+ spaceBetween: 0,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCoverflow(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ coverflowEffect: {
+ rotate: 50,
+ stretch: 0,
+ depth: 100,
+ scale: 1,
+ modifier: 1,
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const {
+ width: swiperWidth,
+ height: swiperHeight,
+ slides,
+ slidesSizesGrid,
+ } = swiper;
+ const params = swiper.params.coverflowEffect;
+ const isHorizontal = swiper.isHorizontal();
+ const transform = swiper.translate;
+ const center = isHorizontal
+ ? -transform + swiperWidth / 2
+ : -transform + swiperHeight / 2;
+ const rotate = isHorizontal ? params.rotate : -params.rotate;
+ const translate = params.depth; // Each slide offset from center
+
+ for (let i = 0, length = slides.length; i < length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideSize = slidesSizesGrid[i];
+ const slideOffset = $slideEl[0].swiperSlideOffset;
+ const centerOffset = (center - slideOffset - slideSize / 2) / slideSize;
+ const offsetMultiplier =
+ typeof params.modifier === "function"
+ ? params.modifier(centerOffset)
+ : centerOffset * params.modifier;
+ let rotateY = isHorizontal ? rotate * offsetMultiplier : 0;
+ let rotateX = isHorizontal ? 0 : rotate * offsetMultiplier; // var rotateZ = 0
+
+ let translateZ = -translate * Math.abs(offsetMultiplier);
+ let stretch = params.stretch; // Allow percentage to make a relative stretch for responsive sliders
+
+ if (typeof stretch === "string" && stretch.indexOf("%") !== -1) {
+ stretch = (parseFloat(params.stretch) / 100) * slideSize;
+ }
+
+ let translateY = isHorizontal ? 0 : stretch * offsetMultiplier;
+ let translateX = isHorizontal ? stretch * offsetMultiplier : 0;
+ let scale = 1 - (1 - params.scale) * Math.abs(offsetMultiplier); // Fix for ultra small values
+
+ if (Math.abs(translateX) < 0.001) translateX = 0;
+ if (Math.abs(translateY) < 0.001) translateY = 0;
+ if (Math.abs(translateZ) < 0.001) translateZ = 0;
+ if (Math.abs(rotateY) < 0.001) rotateY = 0;
+ if (Math.abs(rotateX) < 0.001) rotateX = 0;
+ if (Math.abs(scale) < 0.001) scale = 0;
+ const slideTransform = `translate3d(${translateX}px,${translateY}px,${translateZ}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(${scale})`;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(slideTransform);
+ $slideEl[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowBeforeEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-left")
+ : $slideEl.find(".swiper-slide-shadow-top");
+ let $shadowAfterEl = isHorizontal
+ ? $slideEl.find(".swiper-slide-shadow-right")
+ : $slideEl.find(".swiper-slide-shadow-bottom");
+
+ if ($shadowBeforeEl.length === 0) {
+ $shadowBeforeEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "left" : "top",
+ );
+ }
+
+ if ($shadowAfterEl.length === 0) {
+ $shadowAfterEl = createShadow(
+ params,
+ $slideEl,
+ isHorizontal ? "right" : "bottom",
+ );
+ }
+
+ if ($shadowBeforeEl.length)
+ $shadowBeforeEl[0].style.opacity =
+ offsetMultiplier > 0 ? offsetMultiplier : 0;
+ if ($shadowAfterEl.length)
+ $shadowAfterEl[0].style.opacity =
+ -offsetMultiplier > 0 ? -offsetMultiplier : 0;
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.coverflowEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(
+ ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left",
+ )
+ .transition(duration);
+ };
+
+ effectInit({
+ effect: "coverflow",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ }),
+ });
+ }
+
+ function EffectCreative(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ creativeEffect: {
+ transformEl: null,
+ limitProgress: 1,
+ shadowPerProgress: false,
+ progressMultiplier: 1,
+ perspective: true,
+ prev: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ next: {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ opacity: 1,
+ scale: 1,
+ },
+ },
+ });
+
+ const getTranslateValue = (value) => {
+ if (typeof value === "string") return value;
+ return `${value}px`;
+ };
+
+ const setTranslate = () => {
+ const { slides, $wrapperEl, slidesSizesGrid } = swiper;
+ const params = swiper.params.creativeEffect;
+ const { progressMultiplier: multiplier } = params;
+ const isCenteredSlides = swiper.params.centeredSlides;
+
+ if (isCenteredSlides) {
+ const margin =
+ slidesSizesGrid[0] / 2 - swiper.params.slidesOffsetBefore || 0;
+ $wrapperEl.transform(`translateX(calc(50% - ${margin}px))`);
+ }
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(
+ Math.max($slideEl[0].progress, -params.limitProgress),
+ params.limitProgress,
+ );
+ let originalProgress = progress;
+
+ if (!isCenteredSlides) {
+ originalProgress = Math.min(
+ Math.max($slideEl[0].originalProgress, -params.limitProgress),
+ params.limitProgress,
+ );
+ }
+
+ const offset = $slideEl[0].swiperSlideOffset;
+ const t = [
+ swiper.params.cssMode ? -offset - swiper.translate : -offset,
+ 0,
+ 0,
+ ];
+ const r = [0, 0, 0];
+ let custom = false;
+
+ if (!swiper.isHorizontal()) {
+ t[1] = t[0];
+ t[0] = 0;
+ }
+
+ let data = {
+ translate: [0, 0, 0],
+ rotate: [0, 0, 0],
+ scale: 1,
+ opacity: 1,
+ };
+
+ if (progress < 0) {
+ data = params.next;
+ custom = true;
+ } else if (progress > 0) {
+ data = params.prev;
+ custom = true;
+ } // set translate
+
+ t.forEach((value, index) => {
+ t[index] = `calc(${value}px + (${getTranslateValue(
+ data.translate[index],
+ )} * ${Math.abs(progress * multiplier)}))`;
+ }); // set rotates
+
+ r.forEach((value, index) => {
+ r[index] = data.rotate[index] * Math.abs(progress * multiplier);
+ });
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const translateString = t.join(", ");
+ const rotateString = `rotateX(${r[0]}deg) rotateY(${r[1]}deg) rotateZ(${r[2]}deg)`;
+ const scaleString =
+ originalProgress < 0
+ ? `scale(${1 + (1 - data.scale) * originalProgress * multiplier})`
+ : `scale(${1 - (1 - data.scale) * originalProgress * multiplier})`;
+ const opacityString =
+ originalProgress < 0
+ ? 1 + (1 - data.opacity) * originalProgress * multiplier
+ : 1 - (1 - data.opacity) * originalProgress * multiplier;
+ const transform = `translate3d(${translateString}) ${rotateString} ${scaleString}`; // Set shadows
+
+ if ((custom && data.shadow) || !custom) {
+ let $shadowEl = $slideEl.children(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0 && data.shadow) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length) {
+ const shadowOpacity = params.shadowPerProgress
+ ? progress * (1 / params.limitProgress)
+ : progress;
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max(Math.abs(shadowOpacity), 0),
+ 1,
+ );
+ }
+ }
+
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform).css({
+ opacity: opacityString,
+ });
+
+ if (data.origin) {
+ $targetEl.css("transform-origin", data.origin);
+ }
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.creativeEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ allSlides: true,
+ });
+ };
+
+ effectInit({
+ effect: "creative",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => swiper.params.creativeEffect.perspective,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ function EffectCards(_ref) {
+ let { swiper, extendParams, on } = _ref;
+ extendParams({
+ cardsEffect: {
+ slideShadows: true,
+ transformEl: null,
+ },
+ });
+
+ const setTranslate = () => {
+ const { slides, activeIndex } = swiper;
+ const params = swiper.params.cardsEffect;
+ const { startTranslate, isTouched } = swiper.touchEventsData;
+ const currentTranslate = swiper.translate;
+
+ for (let i = 0; i < slides.length; i += 1) {
+ const $slideEl = slides.eq(i);
+ const slideProgress = $slideEl[0].progress;
+ const progress = Math.min(Math.max(slideProgress, -4), 4);
+ let offset = $slideEl[0].swiperSlideOffset;
+
+ if (swiper.params.centeredSlides && !swiper.params.cssMode) {
+ swiper.$wrapperEl.transform(`translateX(${swiper.minTranslate()}px)`);
+ }
+
+ if (swiper.params.centeredSlides && swiper.params.cssMode) {
+ offset -= slides[0].swiperSlideOffset;
+ }
+
+ let tX = swiper.params.cssMode ? -offset - swiper.translate : -offset;
+ let tY = 0;
+ const tZ = -100 * Math.abs(progress);
+ let scale = 1;
+ let rotate = -2 * progress;
+ let tXAdd = 8 - Math.abs(progress) * 0.75;
+ const slideIndex =
+ swiper.virtual && swiper.params.virtual.enabled
+ ? swiper.virtual.from + i
+ : i;
+ const isSwipeToNext =
+ (slideIndex === activeIndex || slideIndex === activeIndex - 1) &&
+ progress > 0 &&
+ progress < 1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate < startTranslate;
+ const isSwipeToPrev =
+ (slideIndex === activeIndex || slideIndex === activeIndex + 1) &&
+ progress < 0 &&
+ progress > -1 &&
+ (isTouched || swiper.params.cssMode) &&
+ currentTranslate > startTranslate;
+
+ if (isSwipeToNext || isSwipeToPrev) {
+ const subProgress =
+ (1 - Math.abs((Math.abs(progress) - 0.5) / 0.5)) ** 0.5;
+ rotate += -28 * progress * subProgress;
+ scale += -0.5 * subProgress;
+ tXAdd += 96 * subProgress;
+ tY = `${-25 * subProgress * Math.abs(progress)}%`;
+ }
+
+ if (progress < 0) {
+ // next
+ tX = `calc(${tX}px + (${tXAdd * Math.abs(progress)}%))`;
+ } else if (progress > 0) {
+ // prev
+ tX = `calc(${tX}px + (-${tXAdd * Math.abs(progress)}%))`;
+ } else {
+ tX = `${tX}px`;
+ }
+
+ if (!swiper.isHorizontal()) {
+ const prevY = tY;
+ tY = tX;
+ tX = prevY;
+ }
+
+ const scaleString =
+ progress < 0
+ ? `${1 + (1 - scale) * progress}`
+ : `${1 - (1 - scale) * progress}`;
+ const transform = `
+ translate3d(${tX}, ${tY}, ${tZ}px)
+ rotateZ(${rotate}deg)
+ scale(${scaleString})
+ `;
+
+ if (params.slideShadows) {
+ // Set shadows
+ let $shadowEl = $slideEl.find(".swiper-slide-shadow");
+
+ if ($shadowEl.length === 0) {
+ $shadowEl = createShadow(params, $slideEl);
+ }
+
+ if ($shadowEl.length)
+ $shadowEl[0].style.opacity = Math.min(
+ Math.max((Math.abs(progress) - 0.5) / 0.5, 0),
+ 1,
+ );
+ }
+
+ $slideEl[0].style.zIndex =
+ -Math.abs(Math.round(slideProgress)) + slides.length;
+ const $targetEl = effectTarget(params, $slideEl);
+ $targetEl.transform(transform);
+ }
+ };
+
+ const setTransition = (duration) => {
+ const { transformEl } = swiper.params.cardsEffect;
+ const $transitionElements = transformEl
+ ? swiper.slides.find(transformEl)
+ : swiper.slides;
+ $transitionElements
+ .transition(duration)
+ .find(".swiper-slide-shadow")
+ .transition(duration);
+ effectVirtualTransitionEnd({
+ swiper,
+ duration,
+ transformEl,
+ });
+ };
+
+ effectInit({
+ effect: "cards",
+ swiper,
+ on,
+ setTranslate,
+ setTransition,
+ perspective: () => true,
+ overwriteParams: () => ({
+ watchSlidesProgress: true,
+ virtualTranslate: !swiper.params.cssMode,
+ }),
+ });
+ }
+
+ // Swiper Class
+ const modules = [
+ Virtual,
+ Keyboard,
+ Mousewheel,
+ Navigation,
+ Pagination,
+ Scrollbar,
+ Parallax,
+ Zoom,
+ Lazy,
+ Controller,
+ A11y,
+ History,
+ HashNavigation,
+ Autoplay,
+ Thumb,
+ freeMode,
+ Grid,
+ Manipulation,
+ EffectFade,
+ EffectCube,
+ EffectFlip,
+ EffectCoverflow,
+ EffectCreative,
+ EffectCards,
+ ];
+ Swiper.use(modules);
+
+ return Swiper;
+});
diff --git a/website/themes/hugoplate/assets/scss/base.scss b/website/themes/hugoplate/assets/scss/base.scss
new file mode 100755
index 00000000..b5683305
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/base.scss
@@ -0,0 +1,59 @@
+html {
+ @apply text-base-sm md:text-base;
+}
+
+body {
+ @apply bg-body dark:bg-darkmode-body font-primary font-normal leading-relaxed text-text dark:text-darkmode-text;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ @apply font-secondary font-bold leading-tight text-dark dark:text-darkmode-dark;
+}
+
+h1,
+.h1 {
+ @apply text-h1-sm md:text-h1;
+}
+
+h2,
+.h2 {
+ @apply text-h2-sm md:text-h2;
+}
+
+h3,
+.h3 {
+ @apply text-h3-sm md:text-h3;
+}
+
+h4,
+.h4 {
+ @apply text-h4;
+}
+
+h5,
+.h5 {
+ @apply text-h5;
+}
+
+h6,
+.h6 {
+ @apply text-h6;
+}
+
+b,
+strong {
+ @apply font-semibold;
+}
+
+code {
+ @apply after:border-none;
+}
+
+blockquote > p {
+ @apply my-0 #{!important};
+}
diff --git a/website/themes/hugoplate/assets/scss/buttons.scss b/website/themes/hugoplate/assets/scss/buttons.scss
new file mode 100755
index 00000000..e75043f8
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/buttons.scss
@@ -0,0 +1,15 @@
+.btn {
+ @apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition;
+}
+
+.btn-sm {
+ @apply rounded-sm px-4 py-1.5 text-sm;
+}
+
+.btn-primary {
+ @apply border-primary bg-primary dark:border-darkmode-primary dark:text-dark text-white dark:bg-white;
+}
+
+.btn-outline-primary {
+ @apply border-dark text-dark hover:bg-dark dark:hover:text-dark bg-transparent hover:text-white dark:border-white dark:text-white dark:hover:bg-white;
+}
diff --git a/website/themes/hugoplate/assets/scss/components.scss b/website/themes/hugoplate/assets/scss/components.scss
new file mode 100755
index 00000000..213d5a1c
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/components.scss
@@ -0,0 +1,74 @@
+main {
+ min-height: 70vh;
+}
+
+// section style
+.section {
+ @apply py-24 xl:py-28;
+ &-sm {
+ @apply py-16 xl:py-20;
+ }
+}
+
+// container
+.container {
+ @apply mx-auto px-4 2xl:max-w-[1320px];
+}
+
+// form style
+.form-input {
+ @apply bg-theme-light text-dark placeholder:text-light focus:border-primary dark:border-darkmode-border dark:bg-darkmode-theme-light dark:text-darkmode-light w-full rounded border-transparent px-6 py-4 focus:ring-transparent;
+}
+
+.form-label {
+ @apply font-secondary text-dark dark:text-darkmode-light mb-4 block text-xl font-normal;
+}
+
+// social icons
+.social-icons {
+ @apply space-x-4;
+ li {
+ @apply inline-block;
+ a {
+ @apply bg-primary dark:bg-darkmode-primary dark:text-dark flex h-9 w-9 items-center justify-center rounded text-center leading-9 text-white;
+ svg {
+ @apply h-5 w-5;
+ }
+ }
+ }
+}
+
+// swiper pagination
+.swiper-pagination-bullet {
+ @apply bg-theme-light dark:bg-darkmode-theme-light h-2.5 w-2.5 opacity-100 mx-1.5 #{!important};
+
+ &-active {
+ @apply bg-primary dark:bg-darkmode-primary h-4 w-4 #{!important};
+ }
+}
+
+// content style
+.content {
+ @apply prose max-w-none;
+ @apply prose-headings:mb-[.3em] prose-headings:mt-[.6em] prose-headings:text-dark prose-headings:dark:text-darkmode-dark;
+ @apply prose-h1:text-h1-sm md:prose-h1:text-h1;
+ @apply prose-h2:text-h2-sm md:prose-h2:text-h2;
+ @apply prose-h3:text-h3-sm md:prose-h3:text-h3;
+ @apply prose-img:max-w-full prose-img:rounded;
+ @apply prose-hr:border-border prose-hr:dark:border-darkmode-border;
+ @apply prose-p:text-base prose-p:text-text prose-p:dark:text-darkmode-text;
+ @apply prose-blockquote:rounded-lg prose-blockquote:border prose-blockquote:border-l-[10px] prose-blockquote:border-primary prose-blockquote:bg-theme-light prose-blockquote:px-8 prose-blockquote:py-10 prose-blockquote:font-secondary prose-blockquote:text-2xl prose-blockquote:not-italic prose-blockquote:text-dark prose-blockquote:dark:border-darkmode-primary prose-blockquote:dark:bg-darkmode-theme-light prose-blockquote:dark:text-darkmode-light;
+ @apply prose-pre:rounded-lg prose-pre:bg-theme-light prose-pre:dark:bg-darkmode-theme-light;
+ @apply prose-code:px-1 prose-code:dark:text-darkmode-light;
+ @apply prose-strong:text-dark prose-strong:dark:text-darkmode-text;
+ @apply prose-a:text-text prose-a:underline hover:prose-a:text-primary prose-a:dark:text-darkmode-text hover:prose-a:dark:text-darkmode-primary;
+ @apply prose-li:text-text prose-li:dark:text-darkmode-text;
+ @apply prose-table:relative prose-table:overflow-hidden prose-table:rounded-lg prose-table:before:absolute prose-table:before:left-0 prose-table:before:top-0 prose-table:before:h-full prose-table:before:w-full prose-table:before:rounded-[inherit] prose-table:before:border prose-table:before:content-[""] prose-table:before:dark:border-darkmode-border;
+ @apply prose-thead:border-border prose-thead:bg-theme-light prose-thead:dark:border-darkmode-border prose-thead:dark:bg-darkmode-theme-light;
+ @apply prose-th:relative prose-th:z-10 prose-th:px-4 prose-th:py-[18px] prose-th:text-dark prose-th:dark:text-darkmode-text;
+ @apply prose-tr:border-border prose-tr:dark:border-darkmode-border;
+ @apply prose-td:relative prose-td:z-10 prose-td:px-3 prose-td:py-[18px] prose-td:dark:text-darkmode-text;
+ .btn {
+ @apply dark:hover:text-dark no-underline hover:text-white #{!important};
+ }
+}
diff --git a/website/themes/hugoplate/assets/scss/custom.scss b/website/themes/hugoplate/assets/scss/custom.scss
new file mode 100644
index 00000000..6dc68fe1
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/custom.scss
@@ -0,0 +1,2 @@
+// DO NOT WRITE ANY STYLE IN THIS FILE
+// If you want to add your own styles, please write it in the `./assets/scss/custom.scss` file.
diff --git a/website/themes/hugoplate/assets/scss/main.scss b/website/themes/hugoplate/assets/scss/main.scss
new file mode 100755
index 00000000..4bbaf781
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/main.scss
@@ -0,0 +1,30 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ @import "base";
+}
+
+@layer components {
+ @import "components";
+ @import "navigation";
+ @import "buttons";
+}
+
+@layer utilities {
+ @import "utilities";
+}
+
+@import "search";
+@import "social-share";
+@import "gallery-slider";
+@import "images";
+@import "toc";
+@import "tab";
+@import "accordion";
+@import "modal";
+@import "notice";
+
+@import "module-overrides";
+@import "custom";
diff --git a/website/themes/hugoplate/assets/scss/module-overrides.scss b/website/themes/hugoplate/assets/scss/module-overrides.scss
new file mode 100644
index 00000000..d1a0f250
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/module-overrides.scss
@@ -0,0 +1,58 @@
+// table of contents
+.table-of-content {
+ @apply overflow-hidden rounded;
+}
+
+// share icons
+.share-icons {
+ .share-link {
+ @apply h-9 w-9 rounded leading-9;
+ @apply bg-primary hover:bg-primary dark:bg-darkmode-primary dark:hover:bg-darkmode-primary;
+ }
+ .share-icon svg {
+ @apply dark:fill-dark;
+ }
+}
+
+// notice
+.notice {
+ @apply rounded-lg;
+}
+
+// tab
+.tab {
+ @apply border-border dark:border-darkmode-border overflow-hidden rounded-lg border;
+ &-nav {
+ @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light pl-4;
+
+ &-item {
+ @apply text-dark dark:text-darkmode-dark px-8 text-lg #{!important};
+ &.active {
+ @apply border-dark dark:border-darkmode-primary;
+ }
+ }
+ }
+ &-content {
+ &-panel {
+ @apply px-4 pt-0 #{!important};
+ }
+ }
+}
+
+// accordion
+.accordion {
+ @apply border-border bg-theme-light dark:border-darkmode-border dark:bg-darkmode-theme-light mb-6 overflow-hidden rounded-lg border;
+ &-header {
+ @apply text-dark dark:text-darkmode-dark;
+ }
+}
+
+// cookie consent
+.cookie-box {
+ @apply rounded-lg #{!important};
+}
+
+// slider
+.gallery-slider {
+ @apply ml-0 #{!important};
+}
diff --git a/website/themes/hugoplate/assets/scss/navigation.scss b/website/themes/hugoplate/assets/scss/navigation.scss
new file mode 100755
index 00000000..24fc9e11
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/navigation.scss
@@ -0,0 +1,87 @@
+// navbar toggler
+input#nav-toggle:checked + label #show-button {
+ @apply hidden;
+}
+
+input#nav-toggle:checked + label #hide-button {
+ @apply block;
+}
+
+input#nav-toggle:checked ~ #nav-menu {
+ @apply block;
+}
+
+.header {
+ @apply bg-body dark:bg-darkmode-body py-6;
+}
+
+// navbar items
+.navbar {
+ @apply relative flex flex-wrap items-center justify-between;
+}
+
+.navbar-brand {
+ @apply text-dark dark:text-darkmode-dark text-xl font-semibold;
+ image {
+ @apply max-h-full max-w-full;
+ }
+}
+
+.navbar-nav {
+ @apply text-center lg:text-left;
+}
+
+// .nav-item {
+// @apply mx-3;
+// }
+
+.nav-link {
+ @apply text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary block p-3 cursor-pointer font-semibold transition lg:px-2 lg:py-3;
+}
+
+.nav-dropdown {
+ @apply mr-0;
+ & > svg {
+ @apply pointer-events-none;
+ }
+ &.active {
+ .nav-dropdown-list {
+ @apply block;
+ }
+ }
+}
+
+.nav-dropdown-list {
+ @apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow hidden lg:invisible lg:absolute lg:block lg:opacity-0;
+}
+
+.nav-dropdown-item {
+ @apply [&:not(:last-child)]:mb-2;
+}
+
+.nav-dropdown-link {
+ @apply text-dark hover:text-primary dark:text-darkmode-text dark:hover:text-darkmode-primary block py-1 font-semibold transition;
+}
+
+//theme-switcher
+.theme-switcher {
+ @apply inline-flex;
+
+ label {
+ @apply bg-border relative inline-block h-4 w-6 cursor-pointer rounded-2xl lg:w-10;
+ }
+
+ input {
+ @apply absolute opacity-0;
+ }
+
+ span {
+ @apply bg-dark absolute -top-1 left-0 flex h-6 w-6 items-center justify-center rounded-full transition-all duration-300 dark:bg-white;
+ }
+
+ input:checked + label {
+ span {
+ @apply lg:left-4;
+ }
+ }
+}
diff --git a/website/themes/hugoplate/assets/scss/utilities.scss b/website/themes/hugoplate/assets/scss/utilities.scss
new file mode 100755
index 00000000..154570e3
--- /dev/null
+++ b/website/themes/hugoplate/assets/scss/utilities.scss
@@ -0,0 +1,20 @@
+.bg-gradient {
+ @apply dark:from-darkmode-theme-light dark:to-darkmode-body bg-gradient-to-b from-[rgba(249,249,249,1)] from-[0.53%] to-white to-[83.28%];
+}
+
+.rounded-sm {
+ @apply rounded-[4px];
+}
+.rounded {
+ @apply rounded-[6px];
+}
+.rounded-lg {
+ @apply rounded-[12px];
+}
+.rounded-xl {
+ @apply rounded-[16px];
+}
+
+.shadow {
+ box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
+}
diff --git a/website/themes/hugoplate/layouts/404.html b/website/themes/hugoplate/layouts/404.html
new file mode 100755
index 00000000..648ca437
--- /dev/null
+++ b/website/themes/hugoplate/layouts/404.html
@@ -0,0 +1,25 @@
+{{ define "main" }}
+
+
+
+
+
+ 404
+
+
Page not found
+
+
+ The page you are looking for might have been removed, had its name
+ changed, or is temporarily unavailable.
+
+
+
+ Back to home
+
+
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/_default/baseof.html b/website/themes/hugoplate/layouts/_default/baseof.html
new file mode 100755
index 00000000..f1ceaab5
--- /dev/null
+++ b/website/themes/hugoplate/layouts/_default/baseof.html
@@ -0,0 +1,39 @@
+
+
+
+
+ {{ partial "essentials/head.html" . }}
+
+
+ {{ partialCached "essentials/style.html" . }}
+
+
+
+
+ {{ if hugo.IsProduction }} {{ partialCached "preloader.html" . }} {{
+ partialCached "gtm-noscript.html" . }} {{ else }} {{ partial
+ "preloader.html" . }}
+
+
+ {{ partial "components/tw-size-indicator.html" . }} {{ end }}
+
+
+ {{ partial "essentials/header.html" . }} {{ partial "search-modal.html"
+ (dict "Context" . ) }}
+
+ {{ block "main" . }}{{ end }}
+
+
+ {{ partial "essentials/footer.html" . }}
+
+
+ {{ partialCached "essentials/script.html" . }}
+
+
diff --git a/website/themes/hugoplate/layouts/_default/list.html b/website/themes/hugoplate/layouts/_default/list.html
new file mode 100755
index 00000000..f8372b05
--- /dev/null
+++ b/website/themes/hugoplate/layouts/_default/list.html
@@ -0,0 +1,19 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/_default/single.html b/website/themes/hugoplate/layouts/_default/single.html
new file mode 100755
index 00000000..a3b5b191
--- /dev/null
+++ b/website/themes/hugoplate/layouts/_default/single.html
@@ -0,0 +1,12 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/_default/taxonomy.html b/website/themes/hugoplate/layouts/_default/taxonomy.html
new file mode 100755
index 00000000..25d78a93
--- /dev/null
+++ b/website/themes/hugoplate/layouts/_default/taxonomy.html
@@ -0,0 +1,19 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+ {{ range .Data.Pages }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/_default/terms.html b/website/themes/hugoplate/layouts/_default/terms.html
new file mode 100755
index 00000000..c31d1364
--- /dev/null
+++ b/website/themes/hugoplate/layouts/_default/terms.html
@@ -0,0 +1,36 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/about/list.html b/website/themes/hugoplate/layouts/about/list.html
new file mode 100644
index 00000000..b3e40164
--- /dev/null
+++ b/website/themes/hugoplate/layouts/about/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }}
+
+
+
+
+ {{ partial "image" (dict "Src" .Params.image "Alt" .Title "Class"
+ "mx-auto mb-6" "Size" "200x200") }}
+
{{ .Title }}
+
{{ .Content }}
+
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/authors/list.html b/website/themes/hugoplate/layouts/authors/list.html
new file mode 100644
index 00000000..fda2b3db
--- /dev/null
+++ b/website/themes/hugoplate/layouts/authors/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+ {{ range .RegularPages }}
+
+ {{ partial "components/author-card" . }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/authors/single.html b/website/themes/hugoplate/layouts/authors/single.html
new file mode 100755
index 00000000..c5e008a5
--- /dev/null
+++ b/website/themes/hugoplate/layouts/authors/single.html
@@ -0,0 +1,48 @@
+{{ define "main" }}
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict
+ "Src" $image "Alt" .Title "Class" "mx-auto" "Size" "200x200") }} {{ else
+ if .Params.Email }}
+
+ {{ end }}
+
{{ .Title }}
+
{{ .Content }}
+
+ {{ range .Params.social }}
+
+
+ {{ .title }}
+
+
+ {{ end }}
+
+
+
+
+
+ {{ $filterByAuthor := where site.RegularPages "Params.author" "==" .Title
+ }} {{ range $filterByAuthor }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/blog/list.html b/website/themes/hugoplate/layouts/blog/list.html
new file mode 100644
index 00000000..24731bb5
--- /dev/null
+++ b/website/themes/hugoplate/layouts/blog/list.html
@@ -0,0 +1,27 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+ {{ $paginator:= .Paginate .RegularPages }} {{ range $paginator.Pages
+ }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+ {{ partial "components/pagination.html" . }}
+
+
+
+
+ {{ $widget:= site.Params.widgets.sidebar }} {{ partialCached
+ "widgets/widget-wrapper" ( dict "Widgets" $widget "Scope" . ) }}
+
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/blog/single.html b/website/themes/hugoplate/layouts/blog/single.html
new file mode 100644
index 00000000..dc0d878a
--- /dev/null
+++ b/website/themes/hugoplate/layouts/blog/single.html
@@ -0,0 +1,87 @@
+{{ define "main" }}
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }}
+
+ {{ partial "image" (dict "Src" $image "Alt" .Title "Class" "w-full
+ rounded") }}
+
+ {{ end }}
+ {{ .Title }}
+
+ {{ .Content }}
+
+ {{ $tags:= .Params.tags }} {{ if $tags }}
+
+
{{ i18n "tags" }} :
+
+
+ {{ end }}
+
+ {{ partial "social-share" (dict "Context" . "Class" "share-icons"
+ "Title" (i18n "share") "Whatsapp" false "Telegram" false "Linkedin"
+ false "Pinterest" false "Tumblr" false "Vk" false) }}
+
+
{{ template "_internal/disqus.html" . }}
+ {{ end }}
+
+
+
+
+ {{ $related := (where site.RegularPages "Section" "in"
+ site.Params.mainSections) | intersect (where site.RegularPages ".Title" "!="
+ .Title) | union (site.RegularPages.Related . ) }} {{ $related = $related |
+ shuffle | first 3 }} {{ with $related }}
+
+
{{ i18n "related_posts" }}
+
+ {{ range . }}
+
{{ partial "components/blog-card" . }}
+ {{ end }}
+
+
+ {{ end }}
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/contact/list.html b/website/themes/hugoplate/layouts/contact/list.html
new file mode 100755
index 00000000..6973cc6c
--- /dev/null
+++ b/website/themes/hugoplate/layouts/contact/list.html
@@ -0,0 +1,114 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+{{ with site.Params.google_map }} {{ if .enable }}
+
+{{ end }} {{ end }} {{ with site.Params.subscription }} {{ if .enable }}
+
+
+
+
+
+{{ end }} {{ end }} {{ if site.Params.google_map.enable }} {{ $gmap:=
+resources.Get "plugins/maps/google-map.js" }}
+
+
+{{ end }} {{ end }}
diff --git a/website/themes/hugoplate/layouts/events/list.html b/website/themes/hugoplate/layouts/events/list.html
new file mode 100644
index 00000000..24731bb5
--- /dev/null
+++ b/website/themes/hugoplate/layouts/events/list.html
@@ -0,0 +1,27 @@
+{{ define "main" }} {{ partial "page-header" . }}
+
+
+
+
+
+
+
+ {{ $paginator:= .Paginate .RegularPages }} {{ range $paginator.Pages
+ }}
+
+ {{ partial "components/blog-card" . }}
+
+ {{ end }}
+
+ {{ partial "components/pagination.html" . }}
+
+
+
+
+ {{ $widget:= site.Params.widgets.sidebar }} {{ partialCached
+ "widgets/widget-wrapper" ( dict "Widgets" $widget "Scope" . ) }}
+
+
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/events/single.html b/website/themes/hugoplate/layouts/events/single.html
new file mode 100644
index 00000000..dc0d878a
--- /dev/null
+++ b/website/themes/hugoplate/layouts/events/single.html
@@ -0,0 +1,87 @@
+{{ define "main" }}
+
+
+
+
+ {{ $image:= .Params.image }} {{ if $image }}
+
+ {{ partial "image" (dict "Src" $image "Alt" .Title "Class" "w-full
+ rounded") }}
+
+ {{ end }}
+ {{ .Title }}
+
+ {{ .Content }}
+
+ {{ $tags:= .Params.tags }} {{ if $tags }}
+
+
{{ i18n "tags" }} :
+
+
+ {{ end }}
+
+ {{ partial "social-share" (dict "Context" . "Class" "share-icons"
+ "Title" (i18n "share") "Whatsapp" false "Telegram" false "Linkedin"
+ false "Pinterest" false "Tumblr" false "Vk" false) }}
+
+
{{ template "_internal/disqus.html" . }}
+ {{ end }}
+
+
+
+
+ {{ $related := (where site.RegularPages "Section" "in"
+ site.Params.mainSections) | intersect (where site.RegularPages ".Title" "!="
+ .Title) | union (site.RegularPages.Related . ) }} {{ $related = $related |
+ shuffle | first 3 }} {{ with $related }}
+
+
{{ i18n "related_posts" }}
+
+ {{ range . }}
+
{{ partial "components/blog-card" . }}
+ {{ end }}
+
+
+ {{ end }}
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/index.html b/website/themes/hugoplate/layouts/index.html
new file mode 100755
index 00000000..6d074623
--- /dev/null
+++ b/website/themes/hugoplate/layouts/index.html
@@ -0,0 +1,142 @@
+{{ define "main" }}
+
+{{ with .Params.banner }}
+
+
+
+
+
{{ .title | markdownify }}
+
{{ .content | markdownify }}
+ {{ with .button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading"
+ "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+
+
+
+{{ end }}
+
+
+
+{{ range $i, $e:= .Params.features }}
+
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL"
+ "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
+
+
+
{{ .title | markdownify }}
+
{{ .content | markdownify }}
+
+ {{ range .bulletpoints }}
+
+
+ {{ end }}
+
+ {{ with .button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+
+{{ end }}
+
+
+
+{{ with site.GetPage "sections/testimonial" }} {{ if .Params.enable }}
+
+
+
+
+
{{ .Title | markdownify }}
+
{{ .Params.description | markdownify }}
+
+
+
+
+ {{ range .Params.testimonials }}
+
+
+
+
+ {{ .content | markdownify }}
+
+
+
+ {{ partial "image" (dict "Src" .avatar "Size" "50x50"
+ "Class" "rounded-full" "Alt" .name) }}
+
+
+
{{ .name }}
+
+ {{ .designation | markdownify }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+
+
+{{ end }} {{ end }}
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/partials/call-to-action.html b/website/themes/hugoplate/layouts/partials/call-to-action.html
new file mode 100644
index 00000000..62e826ed
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/call-to-action.html
@@ -0,0 +1,27 @@
+
+{{ with site.GetPage "sections/call-to-action" }} {{ if .Params.enable }}
+
+
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "call to action" "Class"
+ "w-full") }}
+
+
+
{{ .Title | markdownify }}
+
{{ .Params.description | markdownify }}
+ {{ with .Params.button }} {{ if .enable }}
+
+ {{ .label }}
+
+ {{ end }} {{ end }}
+
+
+
+
+{{ end }} {{ end }}
+
diff --git a/website/themes/hugoplate/layouts/partials/components/author-card.html b/website/themes/hugoplate/layouts/partials/components/author-card.html
new file mode 100755
index 00000000..f05554d6
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/components/author-card.html
@@ -0,0 +1,29 @@
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict "Src"
+ $image "Alt" .Title "Class" "mx-auto mb-6 rounded" "size" "120x120") }} {{
+ else if .Params.Email }}
+
+ {{ end }}
+
+
{{ .Summary }}
+
+
+ {{ $image:= .Params.image }} {{ if $image }} {{ partial "image" (dict "Src"
+ $image "Alt" .Title "Class" "mb-6 w-full rounded") }} {{ end }}
+
+ {{ $categories:= .Params.categories }} {{ if $categories }}
+
+ {{ end }}
+
{{ .Summary }}
+
+ {{ i18n "read_more" }}
+
+
+ {{ range $siteLanguages }} {{ if eq (string $pageLang) (string .Language) }}
+
+ {{ .Language.LanguageName }}
+
+ {{ else }}
+
+ {{ .Language.LanguageName }}
+
+ {{ end }} {{ end }}
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/partials/components/pagination.html b/website/themes/hugoplate/layouts/partials/components/pagination.html
new file mode 100755
index 00000000..e96814f5
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/components/pagination.html
@@ -0,0 +1,136 @@
+{{ $paginator := .Paginator }}
+
+{{ $adjacent_links := 2 }}
+
+{{ $max_links := (add (mul $adjacent_links 2) 1) }}
+
+{{ $lower_limit := (add $adjacent_links 1) }}
+
+{{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
+
+{{ if gt $paginator.TotalPages 1 }}
+
+
+ {{ if $paginator.HasPrev }}
+
+ Previous
+
+
+
+ {{ else }}
+
+ Previous
+
+
+
+ {{ end }}
+
+
+ {{ range $paginator.Pagers }} {{ $.Scratch.Set "page_number_flag" false }}
+
+ {{ if gt $paginator.TotalPages $max_links }}
+
+
+ {{ if le $paginator.PageNumber $lower_limit }}
+
+ {{ if le .PageNumber $max_links }} {{ $.Scratch.Set "page_number_flag" true }}
+ {{ end }}
+
+
+ {{ else if ge $paginator.PageNumber $upper_limit }}
+
+ {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }} {{
+ $.Scratch.Set "page_number_flag" true }} {{ end }}
+
+ {{ else }} {{ if and ( ge .PageNumber (sub $paginator.PageNumber
+ $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber
+ $adjacent_links) ) }} {{ $.Scratch.Set "page_number_flag" true }} {{ end }} {{
+ end }}
+
+ {{ else }} {{ $.Scratch.Set "page_number_flag" true }} {{ end }}
+
+ {{ if eq ($.Scratch.Get "page_number_flag") true }} {{ if eq . $paginator }}
+
+ {{ .PageNumber }}
+
+ {{ else }}
+
+ {{ .PageNumber }}
+
+ {{ end }} {{ end }} {{ end }}
+
+
+ {{ if $paginator.HasNext }}
+
+ Next
+
+
+
+ {{ else }}
+
+ Next
+
+
+
+ {{ end }}
+
+{{ end }}
diff --git a/website/themes/hugoplate/layouts/partials/components/theme-switcher.html b/website/themes/hugoplate/layouts/partials/components/theme-switcher.html
new file mode 100644
index 00000000..82b83135
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/components/theme-switcher.html
@@ -0,0 +1,65 @@
+
+{{ $class := .Class }} {{ if site.Params.theme_switcher }}
+
+
+
+ theme switcher
+
+
+
+
+
+
+
+
+
+
+ all
+ sm
+ md
+ lg
+ xl
+ 2xl
+
diff --git a/website/themes/hugoplate/layouts/partials/essentials/footer.html b/website/themes/hugoplate/layouts/partials/essentials/footer.html
new file mode 100755
index 00000000..033f415d
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/essentials/footer.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ {{ range site.Menus.footer }}
+
+ {{ .Name }}
+
+ {{ end }}
+
+
+
+
+ {{ range site.Data.social.main }}
+
+
+
+
+ {{ end }}
+
+
+
+
+
+
{{ site.Params.copyright | markdownify }}
+
+
diff --git a/website/themes/hugoplate/layouts/partials/essentials/head.html b/website/themes/hugoplate/layouts/partials/essentials/head.html
new file mode 100755
index 00000000..9dae7a0d
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/essentials/head.html
@@ -0,0 +1,51 @@
+
+
+
+
{{ i18n (printf "%s" (lower .Title)) | default .Title | title }}
+ {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
+
+
diff --git a/website/themes/hugoplate/layouts/partials/widgets/categories.html b/website/themes/hugoplate/layouts/partials/widgets/categories.html
new file mode 100755
index 00000000..9dc774da
--- /dev/null
+++ b/website/themes/hugoplate/layouts/partials/widgets/categories.html
@@ -0,0 +1,23 @@
+
+{{ if isset site.Taxonomies "categories" }} {{ if not (eq (len
+site.Taxonomies.categories) 0) }}
+
+
{{ i18n "categories" }}
+
+
+ {{ end }}
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+