@bigbinary/neeto-site-blocks 1.10.0 → 1.10.2

package/dist/index.js

@@ -16278,7 +16278,7 @@ var PageNavigation = function PageNavigation(_ref) {
   }));
 };
 
-var Pagination$1 = function Pagination(_ref) {
+var Pagination = function Pagination(_ref) {
   var swiper = _ref.swiper,
     _ref$design = _ref.design,
     design = _ref$design === void 0 ? {} : _ref$design,
@@ -16924,16 +16924,6 @@ function elementParents(el, selector) {
   }
   return parents;
 }
-function elementTransitionEnd(el, callback) {
-  function fireCallBack(e) {
-    if (e.target !== el) return;
-    callback.call(el, e);
-    el.removeEventListener('transitionend', fireCallBack);
-  }
-  if (callback) {
-    el.addEventListener('transitionend', fireCallBack);
-  }
-}
 function elementOuterSize(el, size, includeMargins) {
   const window = getWindow();
   if (includeMargins) {
@@ -40517,6 +40507,105 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
   }, otherProps), copyrightText));
 };
 
+var GalleryClassic = function GalleryClassic(_ref) {
+  var configurations = _ref.configurations,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
+    image = _ref.image;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    swiper = _useState2[0],
+    setSwiper = _useState2[1];
+  var properties = configurations.properties,
+    design = configurations.design;
+  var _properties$content = properties.content,
+    title = _properties$content.title,
+    description = _properties$content.description,
+    enableAnimation = properties.enableAnimation,
+    _properties$images = properties.images,
+    images = _properties$images === void 0 ? [] : _properties$images,
+    src = properties.backgroundImage.src;
+  var baseClasses = "grid grid-cols-12 items-center gap-y-8";
+  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
+    className: className,
+    enableAnimation: enableAnimation,
+    id: id,
+    backgroundImage: mergeLeft({
+      src: src
+    }, design.backgroundImage),
+    design: design.body,
+    nestedClassName: baseClasses
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    disableButtonAndLinks: disableButtonAndLinks,
+    isTitle: true,
+    component: "h3",
+    id: "gallery-classic-title",
+    style: design.title
+  }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
+    disableButtonAndLinks: disableButtonAndLinks,
+    id: "gallery-classic-description",
+    style: design.description
+  }, description)), /*#__PURE__*/React__default.createElement(ArrowButton, {
+    isStart: true,
+    Icon: ArrowLeft$1,
+    className: "hidden sm:flex",
+    design: design.navigationButtons,
+    onClick: function onClick() {
+      return swiper === null || swiper === void 0 ? void 0 : swiper.slidePrev();
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "ns-gallery-with-multiple-images col-span-10 col-start-2"
+  }, /*#__PURE__*/React__default.createElement(Swiper, {
+    loop: true,
+    breakpointsBase: "container",
+    pagination: {
+      clickable: true
+    },
+    slidesPerView: 1,
+    spaceBetween: 10,
+    breakpoints: {
+      640: {
+        slidesPerView: 2,
+        spaceBetween: 10
+      }
+    },
+    onSwiper: setSwiper
+  }, images.map(function (_ref2, index) {
+    var src = _ref2.src,
+      caption = _ref2.title,
+      style = _ref2.style;
+    return /*#__PURE__*/React__default.createElement(SwiperSlide, {
+      className: "swiper__wrapper",
+      key: getUniqueKey(src, title, index)
+    }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
+      disableButtonAndLinks: disableButtonAndLinks,
+      image: image,
+      index: index,
+      src: src,
+      alt: caption,
+      className: "sliding-image",
+      design: style,
+      id: "gallery-classic-images-".concat(index, "-image"),
+      title: caption,
+      wrapperClassName: "h-full w-full"
+    }));
+  })), /*#__PURE__*/React__default.createElement(Pagination, {
+    swiper: swiper,
+    design: design.button
+  })), /*#__PURE__*/React__default.createElement(ArrowButton, {
+    Icon: ArrowRight$1,
+    className: "hidden sm:flex",
+    design: design.navigationButtons,
+    onClick: function onClick() {
+      return swiper === null || swiper === void 0 ? void 0 : swiper.slideNext();
+    }
+  }));
+};
+
 /* eslint-disable consistent-return */
 function Keyboard(_ref) {
   let {
@@ -40630,992 +40719,115 @@ function Keyboard(_ref) {
   });
 }
 
-/* eslint-disable consistent-return */
-function Mousewheel(_ref) {
+function History(_ref) {
   let {
     swiper,
     extendParams,
-    on,
-    emit
+    on
   } = _ref;
-  const window = getWindow();
   extendParams({
-    mousewheel: {
+    history: {
       enabled: false,
-      releaseOnEdges: false,
-      invert: false,
-      forceToAxis: false,
-      sensitivity: 1,
-      eventsTarget: 'container',
-      thresholdDelta: null,
-      thresholdTime: null,
-      noMousewheelClass: 'swiper-no-mousewheel'
+      root: '',
+      replaceState: false,
+      key: 'slides',
+      keepQuery: false
     }
   });
-  swiper.mousewheel = {
-    enabled: false
+  let initialized = false;
+  let paths = {};
+  const slugify = text => {
+    return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
   };
-  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;
+  const getPathValues = urlOverride => {
+    const window = getWindow();
+    let location;
+    if (urlOverride) {
+      location = new URL(urlOverride);
+    } else {
+      location = window.location;
     }
+    const pathArray = location.pathname.slice(1).split('/').filter(part => part !== '');
+    const total = pathArray.length;
+    const key = pathArray[total - 2];
+    const value = pathArray[total - 1];
     return {
-      spinX: sX,
-      spinY: sY,
-      pixelX: pX,
-      pixelY: pY
+      key,
+      value
     };
-  }
-  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);
+  };
+  const setHistory = (key, index) => {
+    const window = getWindow();
+    if (!initialized || !swiper.params.history.enabled) return;
+    let location;
+    if (swiper.params.url) {
+      location = new URL(swiper.params.url);
+    } else {
+      location = window.location;
     }
-    // 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;
+    const slide = swiper.slides[index];
+    let value = slugify(slide.getAttribute('data-history'));
+    if (swiper.params.history.root.length > 0) {
+      let root = swiper.params.history.root;
+      if (root[root.length - 1] === '/') root = root.slice(0, root.length - 1);
+      value = `${root}/${key ? `${key}/` : ''}${value}`;
+    } else if (!location.pathname.includes(key)) {
+      value = `${key ? `${key}/` : ''}${value}`;
     }
-    return false;
-  }
-  function handle(event) {
-    let e = event;
-    let disableParentSwiper = true;
-    if (!swiper.enabled) return;
-
-    // Ignore event if the target or its parents have the swiper-no-mousewheel class
-    if (event.target.closest(`.${swiper.params.mousewheel.noMousewheelClass}`)) return;
-    const params = swiper.params.mousewheel;
-    if (swiper.params.cssMode) {
-      e.preventDefault();
+    if (swiper.params.history.keepQuery) {
+      value += location.search;
     }
-    let targetEl = swiper.el;
-    if (swiper.params.mousewheel.eventsTarget !== 'container') {
-      targetEl = document.querySelector(swiper.params.mousewheel.eventsTarget);
+    const currentState = window.history.state;
+    if (currentState && currentState.value === value) {
+      return;
     }
-    const targetElContainsTarget = targetEl && targetEl.contains(e.target);
-    if (!swiper.mouseEntered && !targetElContainsTarget && !params.releaseOnEdges) return true;
-    if (e.originalEvent) e = e.originalEvent; // jquery fix
-    let delta = 0;
-    const rtlFactor = swiper.rtlTranslate ? -1 : 1;
-    const data = normalize(e);
-    if (params.forceToAxis) {
-      if (swiper.isHorizontal()) {
-        if (Math.abs(data.pixelX) > Math.abs(data.pixelY)) delta = -data.pixelX * rtlFactor;else return true;
-      } else if (Math.abs(data.pixelY) > Math.abs(data.pixelX)) delta = -data.pixelY;else return true;
+    if (swiper.params.history.replaceState) {
+      window.history.replaceState({
+        value
+      }, null, value);
     } 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);
+      window.history.pushState({
+        value
+      }, null, value);
+    }
+  };
+  const scrollToSlide = (speed, value, runCallbacks) => {
+    if (value) {
+      for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
+        const slide = swiper.slides[i];
+        const slideHistory = slugify(slide.getAttribute('data-history'));
+        if (slideHistory === value) {
+          const index = swiper.getSlideIndex(slide);
+          swiper.slideTo(index, speed, runCallbacks);
         }
-      } else {
-        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;
-        let position = swiper.getTranslate() + delta * params.sensitivity;
-        const wasBeginning = swiper.isBeginning;
-        const wasEnd = swiper.isEnd;
-        if (position >= swiper.minTranslate()) position = swiper.minTranslate();
-        if (position <= swiper.maxTranslate()) position = swiper.maxTranslate();
-        swiper.setTransition(0);
-        swiper.setTranslate(position);
-        swiper.updateProgress();
-        swiper.updateActiveIndex();
-        swiper.updateSlidesClasses();
-        if (!wasBeginning && swiper.isBeginning || !wasEnd && swiper.isEnd) {
-          swiper.updateSlidesClasses();
-        }
-        if (swiper.params.loop) {
-          swiper.loopFix({
-            direction: newEvent.direction < 0 ? 'next' : 'prev',
-            byMousewheel: true
-          });
-        }
-        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 (params.releaseOnEdges && (position === swiper.minTranslate() || position === swiper.maxTranslate())) {
-          return true;
-        }
-      }
+      swiper.slideTo(0, speed, runCallbacks);
     }
-    if (e.preventDefault) e.preventDefault();else e.returnValue = false;
-    return false;
-  }
-  function events(method) {
-    let targetEl = swiper.el;
-    if (swiper.params.mousewheel.eventsTarget !== 'container') {
-      targetEl = document.querySelector(swiper.params.mousewheel.eventsTarget);
+  };
+  const setHistoryPopState = () => {
+    paths = getPathValues(swiper.params.url);
+    scrollToSlide(swiper.params.speed, paths.value, false);
+  };
+  const init = () => {
+    const window = getWindow();
+    if (!swiper.params.history) return;
+    if (!window.history || !window.history.pushState) {
+      swiper.params.history.enabled = false;
+      swiper.params.hashNavigation.enabled = true;
+      return;
     }
-    targetEl[method]('mouseenter', handleMouseEnter);
-    targetEl[method]('mouseleave', handleMouseLeave);
-    targetEl[method]('wheel', handle);
-  }
-  function enable() {
-    if (swiper.params.cssMode) {
-      swiper.wrapperEl.removeEventListener('wheel', handle);
-      return true;
+    initialized = true;
+    paths = getPathValues(swiper.params.url);
+    if (!paths.key && !paths.value) {
+      if (!swiper.params.history.replaceState) {
+        window.addEventListener('popstate', setHistoryPopState);
+      }
+      return;
     }
-    if (swiper.mousewheel.enabled) return false;
-    events('addEventListener');
-    swiper.mousewheel.enabled = true;
-    return true;
-  }
-  function disable() {
-    if (swiper.params.cssMode) {
-      swiper.wrapperEl.addEventListener(event, handle);
-      return true;
-    }
-    if (!swiper.mousewheel.enabled) return false;
-    events('removeEventListener');
-    swiper.mousewheel.enabled = false;
-    return true;
-  }
-  on('init', () => {
-    if (!swiper.params.mousewheel.enabled && swiper.params.cssMode) {
-      disable();
-    }
-    if (swiper.params.mousewheel.enabled) enable();
-  });
-  on('destroy', () => {
-    if (swiper.params.cssMode) {
-      enable();
-    }
-    if (swiper.mousewheel.enabled) disable();
-  });
-  Object.assign(swiper.mousewheel, {
-    enable,
-    disable
-  });
-}
-
-function createElementIfNotDefined(swiper, originalParams, params, checkProps) {
-  if (swiper.params.createElements) {
-    Object.keys(checkProps).forEach(key => {
-      if (!params[key] && params.auto === true) {
-        let element = elementChildren(swiper.el, `.${checkProps[key]}`)[0];
-        if (!element) {
-          element = createElement('div', checkProps[key]);
-          element.className = checkProps[key];
-          swiper.el.append(element);
-        }
-        params[key] = element;
-        originalParams[key] = element;
-      }
-    });
-  }
-  return params;
-}
-
-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`,
-      paginationDisabledClass: `${pfx}-disabled`
-    }
-  });
-  swiper.pagination = {
-    el: null,
-    bullets: []
-  };
-  let bulletSize;
-  let dynamicBulletIndex = 0;
-  const makeElementsArray = el => (Array.isArray(el) ? el : [el]).filter(e => !!e);
-  function isPaginationDisabled() {
-    return !swiper.params.pagination.el || !swiper.pagination.el || Array.isArray(swiper.pagination.el) && swiper.pagination.el.length === 0;
-  }
-  function setSideBullets(bulletEl, position) {
-    const {
-      bulletActiveClass
-    } = swiper.params.pagination;
-    if (!bulletEl) return;
-    bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
-    if (bulletEl) {
-      bulletEl.classList.add(`${bulletActiveClass}-${position}`);
-      bulletEl = bulletEl[`${position === 'prev' ? 'previous' : 'next'}ElementSibling`];
-      if (bulletEl) {
-        bulletEl.classList.add(`${bulletActiveClass}-${position}-${position}`);
-      }
-    }
-  }
-  function onBulletClick(e) {
-    const bulletEl = e.target.closest(classesToSelector(swiper.params.pagination.bulletClass));
-    if (!bulletEl) {
-      return;
-    }
-    e.preventDefault();
-    const index = elementIndex(bulletEl) * swiper.params.slidesPerGroup;
-    if (swiper.params.loop) {
-      if (swiper.realIndex === index) return;
-      const realIndex = swiper.realIndex;
-      const newSlideIndex = swiper.getSlideIndexByData(index);
-      const currentSlideIndex = swiper.getSlideIndexByData(swiper.realIndex);
-      const loopFix = dir => {
-        const indexBeforeLoopFix = swiper.activeIndex;
-        swiper.loopFix({
-          direction: dir,
-          activeSlideIndex: newSlideIndex,
-          slideTo: false
-        });
-        const indexAfterFix = swiper.activeIndex;
-        if (indexBeforeLoopFix === indexAfterFix) {
-          swiper.slideToLoop(realIndex, 0, false, true);
-        }
-      };
-      if (newSlideIndex > swiper.slides.length - swiper.loopedSlides) {
-        loopFix(newSlideIndex > currentSlideIndex ? 'next' : 'prev');
-      } else if (swiper.params.centeredSlides) {
-        const slidesPerView = swiper.params.slidesPerView === 'auto' ? swiper.slidesPerViewDynamic() : Math.ceil(parseFloat(swiper.params.slidesPerView, 10));
-        if (newSlideIndex < Math.floor(slidesPerView / 2)) {
-          loopFix('prev');
-        }
-      }
-      swiper.slideToLoop(index);
-    } else {
-      swiper.slideTo(index);
-    }
-  }
-  function update() {
-    // Render || Update Pagination bullets/items
-    const rtl = swiper.rtl;
-    const params = swiper.params.pagination;
-    if (isPaginationDisabled()) return;
-    let el = swiper.pagination.el;
-    el = makeElementsArray(el);
-    // Current/Total
-    let current;
-    let previousIndex;
-    const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
-    const total = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
-    if (swiper.params.loop) {
-      previousIndex = swiper.previousRealIndex || 0;
-      current = swiper.params.slidesPerGroup > 1 ? Math.floor(swiper.realIndex / swiper.params.slidesPerGroup) : swiper.realIndex;
-    } else if (typeof swiper.snapIndex !== 'undefined') {
-      current = swiper.snapIndex;
-      previousIndex = swiper.previousSnapIndex;
-    } else {
-      previousIndex = swiper.previousIndex || 0;
-      current = swiper.activeIndex || 0;
-    }
-    // Types
-    if (params.type === 'bullets' && swiper.pagination.bullets && swiper.pagination.bullets.length > 0) {
-      const bullets = swiper.pagination.bullets;
-      let firstIndex;
-      let lastIndex;
-      let midIndex;
-      if (params.dynamicBullets) {
-        bulletSize = elementOuterSize(bullets[0], swiper.isHorizontal() ? 'width' : 'height', true);
-        el.forEach(subEl => {
-          subEl.style[swiper.isHorizontal() ? 'width' : 'height'] = `${bulletSize * (params.dynamicMainBullets + 4)}px`;
-        });
-        if (params.dynamicMainBullets > 1 && previousIndex !== undefined) {
-          dynamicBulletIndex += current - (previousIndex || 0);
-          if (dynamicBulletIndex > params.dynamicMainBullets - 1) {
-            dynamicBulletIndex = params.dynamicMainBullets - 1;
-          } else if (dynamicBulletIndex < 0) {
-            dynamicBulletIndex = 0;
-          }
-        }
-        firstIndex = Math.max(current - dynamicBulletIndex, 0);
-        lastIndex = firstIndex + (Math.min(bullets.length, params.dynamicMainBullets) - 1);
-        midIndex = (lastIndex + firstIndex) / 2;
-      }
-      bullets.forEach(bulletEl => {
-        const classesToRemove = [...['', '-next', '-next-next', '-prev', '-prev-prev', '-main'].map(suffix => `${params.bulletActiveClass}${suffix}`)].map(s => typeof s === 'string' && s.includes(' ') ? s.split(' ') : s).flat();
-        bulletEl.classList.remove(...classesToRemove);
-      });
-      if (el.length > 1) {
-        bullets.forEach(bullet => {
-          const bulletIndex = elementIndex(bullet);
-          if (bulletIndex === current) {
-            bullet.classList.add(...params.bulletActiveClass.split(' '));
-          } else if (swiper.isElement) {
-            bullet.setAttribute('part', 'bullet');
-          }
-          if (params.dynamicBullets) {
-            if (bulletIndex >= firstIndex && bulletIndex <= lastIndex) {
-              bullet.classList.add(...`${params.bulletActiveClass}-main`.split(' '));
-            }
-            if (bulletIndex === firstIndex) {
-              setSideBullets(bullet, 'prev');
-            }
-            if (bulletIndex === lastIndex) {
-              setSideBullets(bullet, 'next');
-            }
-          }
-        });
-      } else {
-        const bullet = bullets[current];
-        if (bullet) {
-          bullet.classList.add(...params.bulletActiveClass.split(' '));
-        }
-        if (swiper.isElement) {
-          bullets.forEach((bulletEl, bulletIndex) => {
-            bulletEl.setAttribute('part', bulletIndex === current ? 'bullet-active' : 'bullet');
-          });
-        }
-        if (params.dynamicBullets) {
-          const firstDisplayedBullet = bullets[firstIndex];
-          const lastDisplayedBullet = bullets[lastIndex];
-          for (let i = firstIndex; i <= lastIndex; i += 1) {
-            if (bullets[i]) {
-              bullets[i].classList.add(...`${params.bulletActiveClass}-main`.split(' '));
-            }
-          }
-          setSideBullets(firstDisplayedBullet, 'prev');
-          setSideBullets(lastDisplayedBullet, 'next');
-        }
-      }
-      if (params.dynamicBullets) {
-        const dynamicBulletsLength = Math.min(bullets.length, params.dynamicMainBullets + 4);
-        const bulletsOffset = (bulletSize * dynamicBulletsLength - bulletSize) / 2 - midIndex * bulletSize;
-        const offsetProp = rtl ? 'right' : 'left';
-        bullets.forEach(bullet => {
-          bullet.style[swiper.isHorizontal() ? offsetProp : 'top'] = `${bulletsOffset}px`;
-        });
-      }
-    }
-    el.forEach((subEl, subElIndex) => {
-      if (params.type === 'fraction') {
-        subEl.querySelectorAll(classesToSelector(params.currentClass)).forEach(fractionEl => {
-          fractionEl.textContent = params.formatFractionCurrent(current + 1);
-        });
-        subEl.querySelectorAll(classesToSelector(params.totalClass)).forEach(totalEl => {
-          totalEl.textContent = params.formatFractionTotal(total);
-        });
-      }
-      if (params.type === 'progressbar') {
-        let progressbarDirection;
-        if (params.progressbarOpposite) {
-          progressbarDirection = swiper.isHorizontal() ? 'vertical' : 'horizontal';
-        } else {
-          progressbarDirection = swiper.isHorizontal() ? 'horizontal' : 'vertical';
-        }
-        const scale = (current + 1) / total;
-        let scaleX = 1;
-        let scaleY = 1;
-        if (progressbarDirection === 'horizontal') {
-          scaleX = scale;
-        } else {
-          scaleY = scale;
-        }
-        subEl.querySelectorAll(classesToSelector(params.progressbarFillClass)).forEach(progressEl => {
-          progressEl.style.transform = `translate3d(0,0,0) scaleX(${scaleX}) scaleY(${scaleY})`;
-          progressEl.style.transitionDuration = `${swiper.params.speed}ms`;
-        });
-      }
-      if (params.type === 'custom' && params.renderCustom) {
-        subEl.innerHTML = params.renderCustom(swiper, current + 1, total);
-        if (subElIndex === 0) emit('paginationRender', subEl);
-      } else {
-        if (subElIndex === 0) emit('paginationRender', subEl);
-        emit('paginationUpdate', subEl);
-      }
-      if (swiper.params.watchOverflow && swiper.enabled) {
-        subEl.classList[swiper.isLocked ? 'add' : 'remove'](params.lockClass);
-      }
-    });
-  }
-  function render() {
-    // Render Container
-    const params = swiper.params.pagination;
-    if (isPaginationDisabled()) return;
-    const slidesLength = swiper.virtual && swiper.params.virtual.enabled ? swiper.virtual.slides.length : swiper.slides.length;
-    let el = swiper.pagination.el;
-    el = makeElementsArray(el);
-    let paginationHTML = '';
-    if (params.type === 'bullets') {
-      let numberOfBullets = swiper.params.loop ? Math.ceil(slidesLength / swiper.params.slidesPerGroup) : swiper.snapGrid.length;
-      if (swiper.params.freeMode && swiper.params.freeMode.enabled && numberOfBullets > slidesLength) {
-        numberOfBullets = slidesLength;
-      }
-      for (let i = 0; i < numberOfBullets; i += 1) {
-        if (params.renderBullet) {
-          paginationHTML += params.renderBullet.call(swiper, i, params.bulletClass);
-        } else {
-          // prettier-ignore
-          paginationHTML += `<${params.bulletElement} ${swiper.isElement ? 'part="bullet"' : ''} class="${params.bulletClass}"></${params.bulletElement}>`;
-        }
-      }
-    }
-    if (params.type === 'fraction') {
-      if (params.renderFraction) {
-        paginationHTML = params.renderFraction.call(swiper, params.currentClass, params.totalClass);
-      } else {
-        paginationHTML = `<span class="${params.currentClass}"></span>` + ' / ' + `<span class="${params.totalClass}"></span>`;
-      }
-    }
-    if (params.type === 'progressbar') {
-      if (params.renderProgressbar) {
-        paginationHTML = params.renderProgressbar.call(swiper, params.progressbarFillClass);
-      } else {
-        paginationHTML = `<span class="${params.progressbarFillClass}"></span>`;
-      }
-    }
-    swiper.pagination.bullets = [];
-    el.forEach(subEl => {
-      if (params.type !== 'custom') {
-        subEl.innerHTML = paginationHTML || '';
-      }
-      if (params.type === 'bullets') {
-        swiper.pagination.bullets.push(...subEl.querySelectorAll(classesToSelector(params.bulletClass)));
-      }
-    });
-    if (params.type !== 'custom') {
-      emit('paginationRender', el[0]);
-    }
-  }
-  function init() {
-    swiper.params.pagination = createElementIfNotDefined(swiper, swiper.originalParams.pagination, swiper.params.pagination, {
-      el: 'swiper-pagination'
-    });
-    const params = swiper.params.pagination;
-    if (!params.el) return;
-    let el;
-    if (typeof params.el === 'string' && swiper.isElement) {
-      el = swiper.el.querySelector(params.el);
-    }
-    if (!el && typeof params.el === 'string') {
-      el = [...document.querySelectorAll(params.el)];
-    }
-    if (!el) {
-      el = params.el;
-    }
-    if (!el || el.length === 0) return;
-    if (swiper.params.uniqueNavElements && typeof params.el === 'string' && Array.isArray(el) && el.length > 1) {
-      el = [...swiper.el.querySelectorAll(params.el)];
-      // check if it belongs to another nested Swiper
-      if (el.length > 1) {
-        el = el.filter(subEl => {
-          if (elementParents(subEl, '.swiper')[0] !== swiper.el) return false;
-          return true;
-        })[0];
-      }
-    }
-    if (Array.isArray(el) && el.length === 1) el = el[0];
-    Object.assign(swiper.pagination, {
-      el
-    });
-    el = makeElementsArray(el);
-    el.forEach(subEl => {
-      if (params.type === 'bullets' && params.clickable) {
-        subEl.classList.add(...(params.clickableClass || '').split(' '));
-      }
-      subEl.classList.add(params.modifierClass + params.type);
-      subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
-      if (params.type === 'bullets' && params.dynamicBullets) {
-        subEl.classList.add(`${params.modifierClass}${params.type}-dynamic`);
-        dynamicBulletIndex = 0;
-        if (params.dynamicMainBullets < 1) {
-          params.dynamicMainBullets = 1;
-        }
-      }
-      if (params.type === 'progressbar' && params.progressbarOpposite) {
-        subEl.classList.add(params.progressbarOppositeClass);
-      }
-      if (params.clickable) {
-        subEl.addEventListener('click', onBulletClick);
-      }
-      if (!swiper.enabled) {
-        subEl.classList.add(params.lockClass);
-      }
-    });
-  }
-  function destroy() {
-    const params = swiper.params.pagination;
-    if (isPaginationDisabled()) return;
-    let el = swiper.pagination.el;
-    if (el) {
-      el = makeElementsArray(el);
-      el.forEach(subEl => {
-        subEl.classList.remove(params.hiddenClass);
-        subEl.classList.remove(params.modifierClass + params.type);
-        subEl.classList.remove(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
-        if (params.clickable) {
-          subEl.classList.remove(...(params.clickableClass || '').split(' '));
-          subEl.removeEventListener('click', onBulletClick);
-        }
-      });
-    }
-    if (swiper.pagination.bullets) swiper.pagination.bullets.forEach(subEl => subEl.classList.remove(...params.bulletActiveClass.split(' ')));
-  }
-  on('changeDirection', () => {
-    if (!swiper.pagination || !swiper.pagination.el) return;
-    const params = swiper.params.pagination;
-    let {
-      el
-    } = swiper.pagination;
-    el = makeElementsArray(el);
-    el.forEach(subEl => {
-      subEl.classList.remove(params.horizontalClass, params.verticalClass);
-      subEl.classList.add(swiper.isHorizontal() ? params.horizontalClass : params.verticalClass);
-    });
-  });
-  on('init', () => {
-    if (swiper.params.pagination.enabled === false) {
-      // eslint-disable-next-line
-      disable();
-    } else {
-      init();
-      render();
-      update();
-    }
-  });
-  on('activeIndexChange', () => {
-    if (typeof swiper.snapIndex === 'undefined') {
-      update();
-    }
-  });
-  on('snapIndexChange', () => {
-    update();
-  });
-  on('snapGridLengthChange', () => {
-    render();
-    update();
-  });
-  on('destroy', () => {
-    destroy();
-  });
-  on('enable disable', () => {
-    let {
-      el
-    } = swiper.pagination;
-    if (el) {
-      el = makeElementsArray(el);
-      el.forEach(subEl => subEl.classList[swiper.enabled ? 'remove' : 'add'](swiper.params.pagination.lockClass));
-    }
-  });
-  on('lock unlock', () => {
-    update();
-  });
-  on('click', (_s, e) => {
-    const targetEl = e.target;
-    const el = makeElementsArray(swiper.pagination.el);
-    if (swiper.params.pagination.el && swiper.params.pagination.hideOnClick && el && el.length > 0 && !targetEl.classList.contains(swiper.params.pagination.bulletClass)) {
-      if (swiper.navigation && (swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl || swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) return;
-      const isHidden = el[0].classList.contains(swiper.params.pagination.hiddenClass);
-      if (isHidden === true) {
-        emit('paginationShow');
-      } else {
-        emit('paginationHide');
-      }
-      el.forEach(subEl => subEl.classList.toggle(swiper.params.pagination.hiddenClass));
-    }
-  });
-  const enable = () => {
-    swiper.el.classList.remove(swiper.params.pagination.paginationDisabledClass);
-    let {
-      el
-    } = swiper.pagination;
-    if (el) {
-      el = makeElementsArray(el);
-      el.forEach(subEl => subEl.classList.remove(swiper.params.pagination.paginationDisabledClass));
-    }
-    init();
-    render();
-    update();
-  };
-  const disable = () => {
-    swiper.el.classList.add(swiper.params.pagination.paginationDisabledClass);
-    let {
-      el
-    } = swiper.pagination;
-    if (el) {
-      el = makeElementsArray(el);
-      el.forEach(subEl => subEl.classList.add(swiper.params.pagination.paginationDisabledClass));
-    }
-    destroy();
-  };
-  Object.assign(swiper.pagination, {
-    enable,
-    disable,
-    render,
-    update,
-    init,
-    destroy
-  });
-}
-
-function History(_ref) {
-  let {
-    swiper,
-    extendParams,
-    on
-  } = _ref;
-  extendParams({
-    history: {
-      enabled: false,
-      root: '',
-      replaceState: false,
-      key: 'slides',
-      keepQuery: false
-    }
-  });
-  let initialized = false;
-  let paths = {};
-  const slugify = text => {
-    return text.toString().replace(/\s+/g, '-').replace(/[^\w-]+/g, '').replace(/--+/g, '-').replace(/^-+/, '').replace(/-+$/, '');
-  };
-  const getPathValues = urlOverride => {
-    const window = getWindow();
-    let location;
-    if (urlOverride) {
-      location = new URL(urlOverride);
-    } else {
-      location = window.location;
-    }
-    const pathArray = location.pathname.slice(1).split('/').filter(part => part !== '');
-    const total = pathArray.length;
-    const key = pathArray[total - 2];
-    const value = pathArray[total - 1];
-    return {
-      key,
-      value
-    };
-  };
-  const setHistory = (key, index) => {
-    const window = getWindow();
-    if (!initialized || !swiper.params.history.enabled) return;
-    let location;
-    if (swiper.params.url) {
-      location = new URL(swiper.params.url);
-    } else {
-      location = window.location;
-    }
-    const slide = swiper.slides[index];
-    let value = slugify(slide.getAttribute('data-history'));
-    if (swiper.params.history.root.length > 0) {
-      let root = swiper.params.history.root;
-      if (root[root.length - 1] === '/') root = root.slice(0, root.length - 1);
-      value = `${root}/${key ? `${key}/` : ''}${value}`;
-    } else if (!location.pathname.includes(key)) {
-      value = `${key ? `${key}/` : ''}${value}`;
-    }
-    if (swiper.params.history.keepQuery) {
-      value += location.search;
-    }
-    const currentState = window.history.state;
-    if (currentState && currentState.value === value) {
-      return;
-    }
-    if (swiper.params.history.replaceState) {
-      window.history.replaceState({
-        value
-      }, null, value);
-    } else {
-      window.history.pushState({
-        value
-      }, null, value);
-    }
-  };
-  const scrollToSlide = (speed, value, runCallbacks) => {
-    if (value) {
-      for (let i = 0, length = swiper.slides.length; i < length; i += 1) {
-        const slide = swiper.slides[i];
-        const slideHistory = slugify(slide.getAttribute('data-history'));
-        if (slideHistory === value) {
-          const index = swiper.getSlideIndex(slide);
-          swiper.slideTo(index, speed, runCallbacks);
-        }
-      }
-    } else {
-      swiper.slideTo(0, speed, runCallbacks);
-    }
-  };
-  const setHistoryPopState = () => {
-    paths = getPathValues(swiper.params.url);
-    scrollToSlide(swiper.params.speed, paths.value, false);
-  };
-  const init = () => {
-    const window = getWindow();
-    if (!swiper.params.history) return;
-    if (!window.history || !window.history.pushState) {
-      swiper.params.history.enabled = false;
-      swiper.params.hashNavigation.enabled = true;
-      return;
-    }
-    initialized = true;
-    paths = getPathValues(swiper.params.url);
-    if (!paths.key && !paths.value) {
-      if (!swiper.params.history.replaceState) {
-        window.addEventListener('popstate', setHistoryPopState);
-      }
-      return;
-    }
-    scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit);
-    if (!swiper.params.history.replaceState) {
-      window.addEventListener('popstate', setHistoryPopState);
+    scrollToSlide(0, paths.value, swiper.params.runCallbacksOnInit);
+    if (!swiper.params.history.replaceState) {
+      window.addEventListener('popstate', setHistoryPopState);
     }
   };
   const destroy = () => {
@@ -42115,342 +41327,6 @@ function Thumb(_ref) {
   });
 }
 
-function freeMode(_ref) {
-  let {
-    swiper,
-    extendParams,
-    emit,
-    once
-  } = _ref;
-  extendParams({
-    freeMode: {
-      enabled: false,
-      momentum: true,
-      momentumRatio: 1,
-      momentumBounce: true,
-      momentumBounceRatio: 1,
-      momentumVelocityRatio: 1,
-      sticky: false,
-      minimumVelocity: 0.02
-    }
-  });
-  function onTouchStart() {
-    if (swiper.params.cssMode) return;
-    const translate = swiper.getTranslate();
-    swiper.setTranslate(translate);
-    swiper.setTransition(0);
-    swiper.touchEventsData.velocities.length = 0;
-    swiper.freeMode.onTouchEnd({
-      currentPos: swiper.rtl ? swiper.translate : -swiper.translate
-    });
-  }
-  function onTouchMove() {
-    if (swiper.params.cssMode) return;
-    const {
-      touchEventsData: data,
-      touches
-    } = swiper;
-    // Velocity
-    if (data.velocities.length === 0) {
-      data.velocities.push({
-        position: touches[swiper.isHorizontal() ? 'startX' : 'startY'],
-        time: data.touchStartTime
-      });
-    }
-    data.velocities.push({
-      position: touches[swiper.isHorizontal() ? 'currentX' : 'currentY'],
-      time: now()
-    });
-  }
-  function onTouchEnd(_ref2) {
-    let {
-      currentPos
-    } = _ref2;
-    if (swiper.params.cssMode) return;
-    const {
-      params,
-      wrapperEl,
-      rtlTranslate: rtl,
-      snapGrid,
-      touchEventsData: data
-    } = swiper;
-    // Time diff
-    const touchEndTime = now();
-    const timeDiff = touchEndTime - data.touchStartTime;
-    if (currentPos < -swiper.minTranslate()) {
-      swiper.slideTo(swiper.activeIndex);
-      return;
-    }
-    if (currentPos > -swiper.maxTranslate()) {
-      if (swiper.slides.length < snapGrid.length) {
-        swiper.slideTo(snapGrid.length - 1);
-      } else {
-        swiper.slideTo(swiper.slides.length - 1);
-      }
-      return;
-    }
-    if (params.freeMode.momentum) {
-      if (data.velocities.length > 1) {
-        const lastMoveEvent = data.velocities.pop();
-        const velocityEvent = data.velocities.pop();
-        const distance = lastMoveEvent.position - velocityEvent.position;
-        const time = lastMoveEvent.time - velocityEvent.time;
-        swiper.velocity = distance / time;
-        swiper.velocity /= 2;
-        if (Math.abs(swiper.velocity) < params.freeMode.minimumVelocity) {
-          swiper.velocity = 0;
-        }
-        // this implies that the user stopped moving a finger then released.
-        // There would be no events with distance zero, so the last event is stale.
-        if (time > 150 || now() - lastMoveEvent.time > 300) {
-          swiper.velocity = 0;
-        }
-      } else {
-        swiper.velocity = 0;
-      }
-      swiper.velocity *= params.freeMode.momentumVelocityRatio;
-      data.velocities.length = 0;
-      let momentumDuration = 1000 * params.freeMode.momentumRatio;
-      const momentumDistance = swiper.velocity * momentumDuration;
-      let newPosition = swiper.translate + momentumDistance;
-      if (rtl) newPosition = -newPosition;
-      let doBounce = false;
-      let afterBouncePosition;
-      const bounceAmount = Math.abs(swiper.velocity) * 20 * params.freeMode.momentumBounceRatio;
-      let needsLoopFix;
-      if (newPosition < swiper.maxTranslate()) {
-        if (params.freeMode.momentumBounce) {
-          if (newPosition + swiper.maxTranslate() < -bounceAmount) {
-            newPosition = swiper.maxTranslate() - bounceAmount;
-          }
-          afterBouncePosition = swiper.maxTranslate();
-          doBounce = true;
-          data.allowMomentumBounce = true;
-        } else {
-          newPosition = swiper.maxTranslate();
-        }
-        if (params.loop && params.centeredSlides) needsLoopFix = true;
-      } else if (newPosition > swiper.minTranslate()) {
-        if (params.freeMode.momentumBounce) {
-          if (newPosition - swiper.minTranslate() > bounceAmount) {
-            newPosition = swiper.minTranslate() + bounceAmount;
-          }
-          afterBouncePosition = swiper.minTranslate();
-          doBounce = true;
-          data.allowMomentumBounce = true;
-        } else {
-          newPosition = swiper.minTranslate();
-        }
-        if (params.loop && params.centeredSlides) needsLoopFix = true;
-      } else if (params.freeMode.sticky) {
-        let nextSlide;
-        for (let j = 0; j < snapGrid.length; j += 1) {
-          if (snapGrid[j] > -newPosition) {
-            nextSlide = j;
-            break;
-          }
-        }
-        if (Math.abs(snapGrid[nextSlide] - newPosition) < Math.abs(snapGrid[nextSlide - 1] - newPosition) || swiper.swipeDirection === 'next') {
-          newPosition = snapGrid[nextSlide];
-        } else {
-          newPosition = snapGrid[nextSlide - 1];
-        }
-        newPosition = -newPosition;
-      }
-      if (needsLoopFix) {
-        once('transitionEnd', () => {
-          swiper.loopFix();
-        });
-      }
-      // Fix duration
-      if (swiper.velocity !== 0) {
-        if (rtl) {
-          momentumDuration = Math.abs((-newPosition - swiper.translate) / swiper.velocity);
-        } else {
-          momentumDuration = Math.abs((newPosition - swiper.translate) / swiper.velocity);
-        }
-        if (params.freeMode.sticky) {
-          // If freeMode.sticky is active and the user ends a swipe with a slow-velocity
-          // event, then durations can be 20+ seconds to slide one (or zero!) slides.
-          // It's easy to see this when simulating touch with mouse events. To fix this,
-          // limit single-slide swipes to the default slide duration. This also has the
-          // nice side effect of matching slide speed if the user stopped moving before
-          // lifting finger or mouse vs. moving slowly before lifting the finger/mouse.
-          // For faster swipes, also apply limits (albeit higher ones).
-          const moveDistance = Math.abs((rtl ? -newPosition : newPosition) - swiper.translate);
-          const currentSlideSize = swiper.slidesSizesGrid[swiper.activeIndex];
-          if (moveDistance < currentSlideSize) {
-            momentumDuration = params.speed;
-          } else if (moveDistance < 2 * currentSlideSize) {
-            momentumDuration = params.speed * 1.5;
-          } else {
-            momentumDuration = params.speed * 2.5;
-          }
-        }
-      } else if (params.freeMode.sticky) {
-        swiper.slideToClosest();
-        return;
-      }
-      if (params.freeMode.momentumBounce && doBounce) {
-        swiper.updateProgress(afterBouncePosition);
-        swiper.setTransition(momentumDuration);
-        swiper.setTranslate(newPosition);
-        swiper.transitionStart(true, swiper.swipeDirection);
-        swiper.animating = true;
-        elementTransitionEnd(wrapperEl, () => {
-          if (!swiper || swiper.destroyed || !data.allowMomentumBounce) return;
-          emit('momentumBounce');
-          swiper.setTransition(params.speed);
-          setTimeout(() => {
-            swiper.setTranslate(afterBouncePosition);
-            elementTransitionEnd(wrapperEl, () => {
-              if (!swiper || swiper.destroyed) return;
-              swiper.transitionEnd();
-            });
-          }, 0);
-        });
-      } else if (swiper.velocity) {
-        emit('_freeModeNoMomentumRelease');
-        swiper.updateProgress(newPosition);
-        swiper.setTransition(momentumDuration);
-        swiper.setTranslate(newPosition);
-        swiper.transitionStart(true, swiper.swipeDirection);
-        if (!swiper.animating) {
-          swiper.animating = true;
-          elementTransitionEnd(wrapperEl, () => {
-            if (!swiper || swiper.destroyed) return;
-            swiper.transitionEnd();
-          });
-        }
-      } else {
-        swiper.updateProgress(newPosition);
-      }
-      swiper.updateActiveIndex();
-      swiper.updateSlidesClasses();
-    } else if (params.freeMode.sticky) {
-      swiper.slideToClosest();
-      return;
-    } else if (params.freeMode) {
-      emit('_freeModeNoMomentumRelease');
-    }
-    if (!params.freeMode.momentum || timeDiff >= params.longSwipesMs) {
-      swiper.updateProgress();
-      swiper.updateActiveIndex();
-      swiper.updateSlidesClasses();
-    }
-  }
-  Object.assign(swiper, {
-    freeMode: {
-      onTouchStart,
-      onTouchMove,
-      onTouchEnd
-    }
-  });
-}
-
-var GalleryClassic = function GalleryClassic(_ref) {
-  var configurations = _ref.configurations,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    id = _ref.id,
-    disableButtonAndLinks = _ref.disableButtonAndLinks,
-    image = _ref.image;
-  var swiperRef = useRef(null);
-  var properties = configurations.properties,
-    design = configurations.design;
-  var _properties$content = properties.content,
-    title = _properties$content.title,
-    description = _properties$content.description,
-    enableAnimation = properties.enableAnimation,
-    _properties$images = properties.images,
-    images = _properties$images === void 0 ? [] : _properties$images,
-    src = properties.backgroundImage.src;
-  var baseClasses = "grid grid-cols-12 items-center gap-y-8";
-  return /*#__PURE__*/React__default.createElement(BlockWrapper, {
-    className: className,
-    enableAnimation: enableAnimation,
-    id: id,
-    backgroundImage: mergeLeft({
-      src: src
-    }, design.backgroundImage),
-    design: design.body,
-    nestedClassName: baseClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
-  }, /*#__PURE__*/React__default.createElement(Typography$1, {
-    disableButtonAndLinks: disableButtonAndLinks,
-    isTitle: true,
-    component: "h3",
-    id: "gallery-classic-title",
-    style: design.title
-  }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
-    disableButtonAndLinks: disableButtonAndLinks,
-    id: "gallery-classic-description",
-    style: design.description
-  }, description)), /*#__PURE__*/React__default.createElement(ArrowButton, {
-    isStart: true,
-    Icon: ArrowLeft$1,
-    className: "hidden sm:flex",
-    design: design.navigationButtons,
-    onClick: function onClick() {
-      var _swiperRef$current;
-      return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
-    }
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "ns-gallery-with-multiple-images col-span-10 col-start-2"
-  }, /*#__PURE__*/React__default.createElement(Swiper, {
-    freeMode: true,
-    grabCursor: true,
-    loop: true,
-    breakpointsBase: "container",
-    modules: [Pagination, Mousewheel, freeMode],
-    mousewheel: {
-      sensitivity: 0.5
-    },
-    pagination: {
-      clickable: true
-    },
-    slidesPerView: 1,
-    spaceBetween: 10,
-    breakpoints: {
-      640: {
-        slidesPerView: 2,
-        spaceBetween: 10
-      }
-    },
-    onSwiper: function onSwiper(swiper) {
-      swiperRef.current = swiper;
-    }
-  }, images.map(function (_ref2, index) {
-    var src = _ref2.src,
-      caption = _ref2.title,
-      style = _ref2.style;
-    return /*#__PURE__*/React__default.createElement(SwiperSlide, {
-      className: "swiper__wrapper",
-      key: getUniqueKey(src, title, index)
-    }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
-      disableButtonAndLinks: disableButtonAndLinks,
-      image: image,
-      index: index,
-      src: src,
-      alt: caption,
-      className: "sliding-image",
-      design: style,
-      id: "gallery-classic-images-".concat(index, "-image"),
-      title: caption,
-      wrapperClassName: "h-full w-full"
-    }));
-  }))), /*#__PURE__*/React__default.createElement(ArrowButton, {
-    Icon: ArrowRight$1,
-    className: "hidden sm:flex",
-    design: design.navigationButtons,
-    onClick: function onClick() {
-      var _swiperRef$current2;
-      return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();
-    }
-  }));
-};
-
 var _excluded$a = ["configurations", "className", "id", "image"];
 var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   var configurations = _ref.configurations,
@@ -42463,6 +41339,10 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     thumbsSwiper = _useState2[0],
     setThumbsSwiper = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    swiper = _useState4[0],
+    setSwiper = _useState4[1];
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$content = properties.content,
@@ -42478,7 +41358,6 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
     className: className,
     enableAnimation: enableAnimation,
     id: id,
-    as: "footer",
     backgroundImage: mergeLeft({
       src: src
     }, design.backgroundImage),
@@ -42502,17 +41381,15 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       delay: 5000,
       disableOnInteraction: false
     },
-    modules: [Thumb, Autoplay, Mousewheel, Pagination],
-    mousewheel: {
-      sensitivity: 0.5
-    },
+    modules: [Thumb, Autoplay],
     pagination: !isThumbsView && {
       clickable: true
     },
     spaceBetween: 10,
     thumbs: {
       swiper: thumbsSwiper
-    }
+    },
+    onSwiper: setSwiper
   }, images.map(function (_ref2, index) {
     var src = _ref2.src,
       caption = _ref2.title,
@@ -42534,18 +41411,14 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "ns-gallery-with-sliding-images sm:col-span-6 sm:col-start-4"
   }, isThumbsView && /*#__PURE__*/React__default.createElement(Swiper, {
-    freeMode: true,
     watchSlidesProgress: true,
-    modules: [Thumb, Pagination, Mousewheel, freeMode],
-    mousewheel: {
-      sensitivity: 0.5
-    },
+    modules: [Thumb],
     pagination: {
       clickable: true
     },
     slidesPerView: 4,
     spaceBetween: 12,
-    className: classnames("hidden sm:block", {
+    className: classnames("pointer-events-none hidden sm:block", {
       swiper__thumbs__slide: images.length <= 3
     }),
     onSwiper: setThumbsSwiper
@@ -42554,8 +41427,11 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       alt = _ref3.alt,
       title = _ref3.title;
     return /*#__PURE__*/React__default.createElement(SwiperSlide, {
-      className: "cursor-pointer",
-      key: getUniqueKey(src, title, index)
+      className: "!pointer-events-auto cursor-pointer",
+      key: getUniqueKey(src, title, index),
+      onClick: function onClick() {
+        return swiper === null || swiper === void 0 ? void 0 : swiper.slideTo(index);
+      }
     }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
       alt: alt,
       image: image,
@@ -42564,6 +41440,10 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       title: title,
       className: "clickable-image"
     }));
+  }), /*#__PURE__*/React__default.createElement(Pagination, {
+    swiper: swiper,
+    className: "!pointer-events-auto",
+    design: design.button
   }))));
 };
 
@@ -43301,7 +42181,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       media: media,
       index: index
     }));
-  }), /*#__PURE__*/React__default.createElement(Pagination$1, {
+  }), /*#__PURE__*/React__default.createElement(Pagination, {
     swiper: swiper,
     className: "!relative"
   })), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -43738,13 +42618,13 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     src = properties.backgroundImage.src;
   var baseClasses = "grid grid-cols-12 sm:gap-x-10 gap-x-2 items-center grid-flow-row-dense gap-y-8";
   var imageClasses = function imageClasses(imagePosition) {
-    return classnames("col-span-6 col-start-4 sm:col-span-2 flex flex-col items-center", {
+    return classnames("col-span-6 col-start-4 sm:col-span-2 flex flex-col items-center justify-center", {
       "sm:col-start-2": POSITIONS.LEFT.label === imagePosition,
       "sm:col-start-10": POSITIONS.RIGHT.label === imagePosition
     });
   };
   var contentClasses = function contentClasses(imagePosition) {
-    return classnames("col-span-12 my-auto sm:col-span-7", {
+    return classnames("col-span-12 my-auto sm:col-span-7 space-y-2", {
       "sm:col-start-5": POSITIONS.LEFT.label === imagePosition,
       "sm:col-start-2": POSITIONS.RIGHT.label === imagePosition
     });
@@ -43794,6 +42674,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       image: image,
       index: index,
       src: src,
+      priority: true,
       className: "ns-testimonial-image-aspect-ratio object-cover",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -43815,6 +42696,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       className: contentClasses(imagePosition)
     }, /*#__PURE__*/React__default.createElement(StyledImage$1, {
       index: index,
+      priority: true,
       className: "mx-auto sm:ml-0",
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
@@ -43825,10 +42707,11 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
     }, _objectSpread(_objectSpread({}, otherProps), {}, {
       index: index
     }), {
+      className: "ns-testimonial-text-align",
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-slider-".concat(index, "-description")
     }), testimonialDescription))));
-  }), /*#__PURE__*/React__default.createElement(Pagination$1, {
+  }), /*#__PURE__*/React__default.createElement(Pagination, {
     swiper: swiper,
     hasNavigation: true,
     design: design.buttons
@@ -43938,6 +42821,7 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       src: logoUrl
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
+      className: "ns-testimonial-text-align",
       id: "testimonial-with-vertical-view-images-".concat(index, "-description"),
       style: design.testimonialDescription
     }, otherProps), testimonialDescription)));