q2-tecton-elements 1.70.2 → 1.71.0

package/dist/q2-tecton-elements/q2-carousel.entry.js

@@ -1,4 +1,4 @@
-import { r as e, c as t, h as i, F as n, H as o, g as r } from "./index-Cqkz7Bnm.js";
+import { r as e, c as t, h as i, F as n, H as r, g as o } from "./index-Cqkz7Bnm.js";
 
 import { c as a, l as s, d as l, o as c, i as d, g as u } from "./index-Cps4jSQM.js";
 
@@ -124,24 +124,24 @@ function now() {
 
 function getTranslate(e, t = "x") {
   const i = getWindow();
-  let n, o, r;
+  let n, r, o;
   const a = function(e) {
     const t = getWindow();
     let i;
     return t.getComputedStyle && (i = t.getComputedStyle(e, null)), !i && e.currentStyle && (i = e.currentStyle), 
     i || (i = e.style), i;
   }(e);
-  return i.WebKitCSSMatrix ? (o = a.transform || a.webkitTransform, o.split(",").length > 6 && (o = o.split(", ").map((e => e.replace(",", "."))).join(", ")), 
+  return i.WebKitCSSMatrix ? (r = a.transform || a.webkitTransform, r.split(",").length > 6 && (r = r.split(", ").map((e => e.replace(",", "."))).join(", ")), 
   // Some old versions of Webkit choke when 'none' is passed; pass
   // empty string instead in this case
-  r = new i.WebKitCSSMatrix("none" === o ? "" : o)) : (r = a.MozTransform || a.OTransform || a.MsTransform || a.msTransform || a.transform || a.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), 
-  n = r.toString().split(",")), "x" === t && (
+  o = new i.WebKitCSSMatrix("none" === r ? "" : r)) : (o = a.MozTransform || a.OTransform || a.MsTransform || a.msTransform || a.transform || a.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), 
+  n = o.toString().split(",")), "x" === t && (
   // Latest Chrome and webkits Fix
-  o = i.WebKitCSSMatrix ? r.m41 : 16 === n.length ? parseFloat(n[12]) : parseFloat(n[4])), 
+  r = i.WebKitCSSMatrix ? o.m41 : 16 === n.length ? parseFloat(n[12]) : parseFloat(n[4])), 
   "y" === t && (
   // Latest Chrome and webkits Fix
-  o = i.WebKitCSSMatrix ? r.m42 : 16 === n.length ? parseFloat(n[13]) : parseFloat(n[5])), 
-  o || 0;
+  r = i.WebKitCSSMatrix ? o.m42 : 16 === n.length ? parseFloat(n[13]) : parseFloat(n[5])), 
+  r || 0;
 }
 
 function isObject(e) {
@@ -151,15 +151,15 @@ function isObject(e) {
 function extend(...e) {
   const t = Object(e[0]);
   for (let n = 1; n < e.length; n += 1) {
-    const o = e[n];
-    if (null != o && (i = o, !(
+    const r = e[n];
+    if (null != r && (i = r, !(
     // eslint-disable-next-line
     "undefined" != typeof window && void 0 !== window.HTMLElement ? i instanceof HTMLElement : i && (1 === i.nodeType || 11 === i.nodeType)))) {
-      const e = Object.keys(Object(o)).filter((e => "__proto__" !== e && "constructor" !== e && "prototype" !== e));
+      const e = Object.keys(Object(r)).filter((e => "__proto__" !== e && "constructor" !== e && "prototype" !== e));
       for (let i = 0, n = e.length; i < n; i += 1) {
-        const n = e[i], r = Object.getOwnPropertyDescriptor(o, n);
-        void 0 !== r && r.enumerable && (isObject(t[n]) && isObject(o[n]) ? o[n].__swiper__ ? t[n] = o[n] : extend(t[n], o[n]) : !isObject(t[n]) && isObject(o[n]) ? (t[n] = {}, 
-        o[n].__swiper__ ? t[n] = o[n] : extend(t[n], o[n])) : t[n] = o[n]);
+        const n = e[i], o = Object.getOwnPropertyDescriptor(r, n);
+        void 0 !== o && o.enumerable && (isObject(t[n]) && isObject(r[n]) ? r[n].__swiper__ ? t[n] = r[n] : extend(t[n], r[n]) : !isObject(t[n]) && isObject(r[n]) ? (t[n] = {}, 
+        r[n].__swiper__ ? t[n] = r[n] : extend(t[n], r[n])) : t[n] = r[n]);
       }
     }
   }
@@ -172,14 +172,14 @@ function setCSSProperty(e, t, i) {
 }
 
 function animateCSSModeScroll({swiper: e, targetPosition: t, side: i}) {
-  const n = getWindow(), o = -e.translate;
-  let r, a = null;
+  const n = getWindow(), r = -e.translate;
+  let o, a = null;
   const s = e.params.speed;
   e.wrapperEl.style.scrollSnapType = "none", n.cancelAnimationFrame(e.cssModeFrameID);
-  const l = t > o ? "next" : "prev", isOutOfBound = (e, t) => "next" === l && e >= t || "prev" === l && e <= t, animate = () => {
-    r = (new Date).getTime(), null === a && (a = r);
-    const l = Math.max(Math.min((r - a) / s, 1), 0), c = .5 - Math.cos(l * Math.PI) / 2;
-    let d = o + c * (t - o);
+  const l = t > r ? "next" : "prev", isOutOfBound = (e, t) => "next" === l && e >= t || "prev" === l && e <= t, animate = () => {
+    o = (new Date).getTime(), null === a && (a = o);
+    const l = Math.max(Math.min((o - a) / s, 1), 0), c = .5 - Math.cos(l * Math.PI) / 2;
+    let d = r + c * (t - r);
     if (isOutOfBound(d, t) && (d = t), e.wrapperEl.scrollTo({
       [i]: d
     }), isOutOfBound(d, t)) return e.wrapperEl.style.overflow = "hidden", e.wrapperEl.style.scrollSnapType = "", 
@@ -246,21 +246,21 @@ function getSupport() {
 
 function getDevice(e = {}) {
   return w || (w = function({userAgent: e} = {}) {
-    const t = getSupport(), i = getWindow(), n = i.navigator.platform, o = e || i.navigator.userAgent, r = {
+    const t = getSupport(), i = getWindow(), n = i.navigator.platform, r = e || i.navigator.userAgent, o = {
       ios: !1,
       android: !1
-    }, a = i.screen.width, s = i.screen.height, l = o.match(/(Android);?[\s\/]+([\d.]+)?/);
+    }, a = i.screen.width, s = i.screen.height, l = r.match(/(Android);?[\s\/]+([\d.]+)?/);
     // eslint-disable-line
-    let c = o.match(/(iPad)(?!\1).*OS\s([\d_]+)/);
-    const d = o.match(/(iPod)(.*OS\s([\d_]+))?/), u = !c && o.match(/(iPhone\sOS|iOS)\s([\d_]+)/), p = "Win32" === n;
+    let c = r.match(/(iPad)(?!\1).*OS\s([\d_]+)/);
+    const d = r.match(/(iPod)(.*OS\s([\d_]+))?/), u = !c && r.match(/(iPhone\sOS|iOS)\s([\d_]+)/), p = "Win32" === n;
     let h = "MacIntel" === n;
     // iPadOs 13 fix
         // Export object
-    return !c && h && t.touch && [ "1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810" ].indexOf(`${a}x${s}`) >= 0 && (c = o.match(/(Version)\/([\d.]+)/), 
+    return !c && h && t.touch && [ "1024x1366", "1366x1024", "834x1194", "1194x834", "834x1112", "1112x834", "768x1024", "1024x768", "820x1180", "1180x820", "810x1080", "1080x810" ].indexOf(`${a}x${s}`) >= 0 && (c = r.match(/(Version)\/([\d.]+)/), 
     c || (c = [ 0, 1, "13_0_0" ]), h = !1), 
     // Android
-    l && !p && (r.os = "android", r.android = !0), (c || u || d) && (r.os = "ios", r.ios = !0), 
-    r;
+    l && !p && (o.os = "android", o.android = !0), (c || u || d) && (o.os = "ios", o.ios = !0), 
+    o;
   }(e)), w;
 }
 
@@ -279,11 +279,11 @@ function getBrowser() {
         i = e < 16 || 16 === e && n < 2;
       }
     }
-    const n = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent), o = isSafari();
+    const n = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent), r = isSafari();
     return {
-      isSafari: i || o,
+      isSafari: i || r,
       needPerspectiveFix: i,
-      need3dFix: o || n && t.ios,
+      need3dFix: r || n && t.ios,
       isWebView: n
     };
   }()), b;
@@ -295,9 +295,9 @@ var x = {
     const n = this;
     if (!n.eventsListeners || n.destroyed) return n;
     if ("function" != typeof t) return n;
-    const o = i ? "unshift" : "push";
+    const r = i ? "unshift" : "push";
     return e.split(" ").forEach((e => {
-      n.eventsListeners[e] || (n.eventsListeners[e] = []), n.eventsListeners[e][o](t);
+      n.eventsListeners[e] || (n.eventsListeners[e] = []), n.eventsListeners[e][r](t);
     })), n;
   },
   once(e, t, i) {
@@ -327,8 +327,8 @@ var x = {
   off(e, t) {
     const i = this;
     return !i.eventsListeners || i.destroyed ? i : i.eventsListeners ? (e.split(" ").forEach((e => {
-      void 0 === t ? i.eventsListeners[e] = [] : i.eventsListeners[e] && i.eventsListeners[e].forEach(((n, o) => {
-        (n === t || n.__emitterProxy && n.__emitterProxy === t) && i.eventsListeners[e].splice(o, 1);
+      void 0 === t ? i.eventsListeners[e] = [] : i.eventsListeners[e] && i.eventsListeners[e].forEach(((n, r) => {
+        (n === t || n.__emitterProxy && n.__emitterProxy === t) && i.eventsListeners[e].splice(r, 1);
       }));
     })), i) : i;
   },
@@ -336,14 +336,14 @@ var x = {
     const t = this;
     if (!t.eventsListeners || t.destroyed) return t;
     if (!t.eventsListeners) return t;
-    let i, n, o;
+    let i, n, r;
     "string" == typeof e[0] || Array.isArray(e[0]) ? (i = e[0], n = e.slice(1, e.length), 
-    o = t) : (i = e[0].events, n = e[0].data, o = e[0].context || t), n.unshift(o);
+    r = t) : (i = e[0].events, n = e[0].data, r = e[0].context || t), n.unshift(r);
     return (Array.isArray(i) ? i : i.split(" ")).forEach((e => {
       t.eventsAnyListeners && t.eventsAnyListeners.length && t.eventsAnyListeners.forEach((t => {
-        t.apply(o, [ e, ...n ]);
+        t.apply(r, [ e, ...n ]);
       })), t.eventsListeners && t.eventsListeners[e] && t.eventsListeners[e].forEach((e => {
-        e.apply(o, n);
+        e.apply(r, n);
       }));
     })), t;
   }
@@ -381,20 +381,20 @@ const processLazyPreloader = (e, t) => {
   const i = e.slides.length;
   if (!i || !t || t < 0) return;
   t = Math.min(t, i);
-  const n = "auto" === e.params.slidesPerView ? e.slidesPerViewDynamic() : Math.ceil(e.params.slidesPerView), o = e.activeIndex;
+  const n = "auto" === e.params.slidesPerView ? e.slidesPerViewDynamic() : Math.ceil(e.params.slidesPerView), r = e.activeIndex;
   if (e.params.grid && e.params.grid.rows > 1) {
-    const i = o, r = [ i - t ];
-    return r.push(...Array.from({
+    const i = r, o = [ i - t ];
+    return o.push(...Array.from({
       length: t
     }).map(((e, t) => i + n + t))), void e.slides.forEach(((t, i) => {
-      r.includes(t.column) && unlazy(e, i);
+      o.includes(t.column) && unlazy(e, i);
     }));
   }
-  const r = o + n - 1;
-  if (e.params.rewind || e.params.loop) for (let n = o - t; n <= r + t; n += 1) {
+  const o = r + n - 1;
+  if (e.params.rewind || e.params.loop) for (let n = r - t; n <= o + t; n += 1) {
     const t = (n % i + i) % i;
-    (t < o || t > r) && unlazy(e, t);
-  } else for (let n = Math.max(o - t, 0); n <= Math.min(r + t, i - 1); n += 1) n !== o && (n > r || n < o) && unlazy(e, n);
+    (t < r || t > o) && unlazy(e, t);
+  } else for (let n = Math.max(r - t, 0); n <= Math.min(o + t, i - 1); n += 1) n !== r && (n > o || n < r) && unlazy(e, n);
 };
 
 var y = {
@@ -419,7 +419,7 @@ var y = {
     function getDirectionPropertyValue(t, i) {
       return parseFloat(t.getPropertyValue(e.getDirectionLabel(i)) || 0);
     }
-    const t = e.params, {wrapperEl: i, slidesEl: n, rtlTranslate: o, wrongRTL: r} = e, a = e.virtual && t.virtual.enabled, s = a ? e.virtual.slides.length : e.slides.length, l = elementChildren(n, `.${e.params.slideClass}, swiper-slide`), c = a ? e.virtual.slides.length : l.length;
+    const t = e.params, {wrapperEl: i, slidesEl: n, rtlTranslate: r, wrongRTL: o} = e, a = e.virtual && t.virtual.enabled, s = a ? e.virtual.slides.length : e.slides.length, l = elementChildren(n, `.${e.params.slideClass}, swiper-slide`), c = a ? e.virtual.slides.length : l.length;
     let d = [];
     const u = [], p = [];
     let h = t.slidesOffsetBefore;
@@ -433,7 +433,7 @@ var y = {
     e.virtualSize = -w - h - f, 
     // reset margins
     l.forEach((e => {
-      o ? e.style.marginLeft = "" : e.style.marginRight = "", e.style.marginBottom = "", 
+      r ? e.style.marginLeft = "" : e.style.marginRight = "", e.style.marginBottom = "", 
       e.style.marginTop = "";
     })), 
     // reset cssMode offsets
@@ -453,17 +453,17 @@ var y = {
         if (a && "auto" === t.slidesPerView) t.virtual.slidesPerViewAutoSlideSize && (q = t.virtual.slidesPerViewAutoSlideSize), 
         q && n && (t.roundLengths && (q = Math.floor(q)), n.style[e.getDirectionLabel("width")] = `${q}px`); else if ("auto" === t.slidesPerView) {
           M && (n.style[e.getDirectionLabel("width")] = "");
-          const i = getComputedStyle(n), o = n.style.transform, r = n.style.webkitTransform;
-          if (o && (n.style.transform = "none"), r && (n.style.webkitTransform = "none"), 
+          const i = getComputedStyle(n), r = n.style.transform, o = n.style.webkitTransform;
+          if (r && (n.style.transform = "none"), o && (n.style.webkitTransform = "none"), 
           t.roundLengths) q = e.isHorizontal() ? elementOuterSize(n, "width") : elementOuterSize(n, "height"); else {
             // eslint-disable-next-line
-            const e = getDirectionPropertyValue(i, "width"), t = getDirectionPropertyValue(i, "padding-left"), o = getDirectionPropertyValue(i, "padding-right"), r = getDirectionPropertyValue(i, "margin-left"), a = getDirectionPropertyValue(i, "margin-right"), s = i.getPropertyValue("box-sizing");
-            if (s && "border-box" === s) q = e + r + a; else {
+            const e = getDirectionPropertyValue(i, "width"), t = getDirectionPropertyValue(i, "padding-left"), r = getDirectionPropertyValue(i, "padding-right"), o = getDirectionPropertyValue(i, "margin-left"), a = getDirectionPropertyValue(i, "margin-right"), s = i.getPropertyValue("box-sizing");
+            if (s && "border-box" === s) q = e + o + a; else {
               const {clientWidth: i, offsetWidth: s} = n;
-              q = e + t + o + r + a + (s - i);
+              q = e + t + r + o + a + (s - i);
             }
           }
-          o && (n.style.transform = o), r && (n.style.webkitTransform = r), t.roundLengths && (q = Math.floor(q));
+          r && (n.style.transform = r), o && (n.style.webkitTransform = o), t.roundLengths && (q = Math.floor(q));
         } else q = (m - (t.slidesPerView - 1) * w) / t.slidesPerView, t.roundLengths && (q = Math.floor(q)), 
         n && (n.style[e.getDirectionLabel("width")] = `${q}px`);
         n && (n.swiperSlideSize = q), p.push(q), t.centeredSlides ? (b = b + q / 2 + x / 2 + w, 
@@ -474,14 +474,14 @@ var y = {
       }
     }
     // Remove last grid elements depending on width
-    if (e.virtualSize = Math.max(e.virtualSize, m) + f, o && r && ("slide" === t.effect || "coverflow" === t.effect) && (i.style.width = `${e.virtualSize + w}px`), 
+    if (e.virtualSize = Math.max(e.virtualSize, m) + f, r && o && ("slide" === t.effect || "coverflow" === t.effect) && (i.style.width = `${e.virtualSize + w}px`), 
     t.setWrapperSize && (i.style[e.getDirectionLabel("width")] = `${e.virtualSize + w}px`), 
     S && e.grid.updateWrapperSize(q, d), !t.centeredSlides) {
       // Check if snapToSlideEdge should be applied
       const i = "auto" !== t.slidesPerView && t.slidesPerView % 1 != 0, n = t.snapToSlideEdge && !t.loop && ("auto" === t.slidesPerView || i);
       // Calculate the last allowed snap index when snapToSlideEdge is enabled
       // This ensures minimum slides are visible at the end
-      let o = d.length;
+      let r = d.length;
       if (n) {
         let e;
         if ("auto" === t.slidesPerView) {
@@ -490,32 +490,32 @@ var y = {
           let t = 0;
           for (let i = p.length - 1; i >= 0 && (t += p[i] + (i < p.length - 1 ? w : 0), t <= m); i -= 1) e = p.length - i;
         } else e = Math.floor(t.slidesPerView);
-        o = Math.max(c - e, 0);
+        r = Math.max(c - e, 0);
       }
-      const r = [];
+      const o = [];
       for (let i = 0; i < d.length; i += 1) {
         let a = d[i];
         t.roundLengths && (a = Math.floor(a)), n ? 
         // When snapToSlideEdge is enabled, only keep snaps up to lastAllowedSnapIndex
-        i <= o && r.push(a) : d[i] <= e.virtualSize - m && 
+        i <= r && o.push(a) : d[i] <= e.virtualSize - m && 
         // When snapToSlideEdge is disabled, keep snaps that fit within scrollable area
-        r.push(a);
+        o.push(a);
       }
-      d = r, Math.floor(e.virtualSize - m) - Math.floor(d[d.length - 1]) > 1 && (
+      d = o, Math.floor(e.virtualSize - m) - Math.floor(d[d.length - 1]) > 1 && (
       // Only add edge-aligned snap if snapToSlideEdge is not enabled
       n || d.push(e.virtualSize - m));
     }
     if (a && t.loop) {
       const i = p[0] + w;
       if (t.slidesPerGroup > 1) {
-        const n = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / t.slidesPerGroup), o = i * t.slidesPerGroup;
-        for (let e = 0; e < n; e += 1) d.push(d[d.length - 1] + o);
+        const n = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / t.slidesPerGroup), r = i * t.slidesPerGroup;
+        for (let e = 0; e < n; e += 1) d.push(d[d.length - 1] + r);
       }
       for (let n = 0; n < e.virtual.slidesBefore + e.virtual.slidesAfter; n += 1) 1 === t.slidesPerGroup && d.push(d[d.length - 1] + i), 
       u.push(u[u.length - 1] + i), e.virtualSize += i;
     }
     if (0 === d.length && (d = [ 0 ]), 0 !== w) {
-      const i = e.isHorizontal() && o ? "marginLeft" : e.getDirectionLabel("marginRight");
+      const i = e.isHorizontal() && r ? "marginLeft" : e.getDirectionLabel("marginRight");
       l.filter(((e, i) => !(t.cssMode && !t.loop) || i !== l.length - 1)).forEach((e => {
         e.style[i] = `${w}px`;
       }));
@@ -560,44 +560,44 @@ var y = {
   },
   updateAutoHeight: function(e) {
     const t = this, i = [], n = t.virtual && t.params.virtual.enabled;
-    let o, r = 0;
+    let r, o = 0;
     "number" == typeof e ? t.setTransition(e) : !0 === e && t.setTransition(t.params.speed);
     const getSlideByIndex = e => n ? t.slides[t.getSlideIndexByData(e)] : t.slides[e];
     // Find slides currently in view
         if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1) if (t.params.centeredSlides) (t.visibleSlides || []).forEach((e => {
       i.push(e);
-    })); else for (o = 0; o < Math.ceil(t.params.slidesPerView); o += 1) {
-      const e = t.activeIndex + o;
+    })); else for (r = 0; r < Math.ceil(t.params.slidesPerView); r += 1) {
+      const e = t.activeIndex + r;
       if (e > t.slides.length && !n) break;
       i.push(getSlideByIndex(e));
     } else i.push(getSlideByIndex(t.activeIndex));
     // Find new height from highest slide in view
-        for (o = 0; o < i.length; o += 1) if (void 0 !== i[o]) {
-      const e = i[o].offsetHeight;
-      r = e > r ? e : r;
+        for (r = 0; r < i.length; r += 1) if (void 0 !== i[r]) {
+      const e = i[r].offsetHeight;
+      o = e > o ? e : o;
     }
     // Update Height
-        (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`);
+        (o || 0 === o) && (t.wrapperEl.style.height = `${o}px`);
   },
   updateSlidesOffset: function() {
     const e = this, t = e.slides, i = e.isElement ? e.isHorizontal() ? e.wrapperEl.offsetLeft : e.wrapperEl.offsetTop : 0;
     for (let n = 0; n < t.length; n += 1) t[n].swiperSlideOffset = (e.isHorizontal() ? t[n].offsetLeft : t[n].offsetTop) - i - e.cssOverflowAdjustment();
   },
   updateSlidesProgress: function(e = this && this.translate || 0) {
-    const t = this, i = t.params, {slides: n, rtlTranslate: o, snapGrid: r} = t;
+    const t = this, i = t.params, {slides: n, rtlTranslate: r, snapGrid: o} = t;
     if (0 === n.length) return;
     void 0 === n[0].swiperSlideOffset && t.updateSlidesOffset();
     let a = -e;
-    o && (a = e), t.visibleSlidesIndexes = [], t.visibleSlides = [];
+    r && (a = e), t.visibleSlidesIndexes = [], t.visibleSlides = [];
     let s = i.spaceBetween;
     "string" == typeof s && s.indexOf("%") >= 0 ? s = parseFloat(s.replace("%", "")) / 100 * t.size : "string" == typeof s && (s = parseFloat(s));
     for (let e = 0; e < n.length; e += 1) {
       const l = n[e];
       let c = l.swiperSlideOffset;
       i.cssMode && i.centeredSlides && (c -= n[0].swiperSlideOffset);
-      const d = (a + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + s), u = (a - r[0] + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + s), p = -(a - c), h = p + t.slidesSizesGrid[e], f = p >= 0 && p <= t.size - t.slidesSizesGrid[e], v = p >= 0 && p < t.size - 1 || h > 1 && h <= t.size || p <= 0 && h >= t.size;
+      const d = (a + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + s), u = (a - o[0] + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + s), p = -(a - c), h = p + t.slidesSizesGrid[e], f = p >= 0 && p <= t.size - t.slidesSizesGrid[e], v = p >= 0 && p < t.size - 1 || h > 1 && h <= t.size || p <= 0 && h >= t.size;
       v && (t.visibleSlides.push(l), t.visibleSlidesIndexes.push(e)), toggleSlideClasses$1(l, v, i.slideVisibleClass), 
-      toggleSlideClasses$1(l, f, i.slideFullyVisibleClass), l.progress = o ? -d : d, l.originalProgress = o ? -u : u;
+      toggleSlideClasses$1(l, f, i.slideFullyVisibleClass), l.progress = r ? -d : d, l.originalProgress = r ? -u : u;
     }
   },
   updateProgress: function(e) {
@@ -608,35 +608,35 @@ var y = {
             e = t && t.translate && t.translate * i || 0;
     }
     const i = t.params, n = t.maxTranslate() - t.minTranslate();
-    let {progress: o, isBeginning: r, isEnd: a, progressLoop: s} = t;
-    const l = r, c = a;
-    if (0 === n) o = 0, r = !0, a = !0; else {
-      o = (e - t.minTranslate()) / n;
+    let {progress: r, isBeginning: o, isEnd: a, progressLoop: s} = t;
+    const l = o, c = a;
+    if (0 === n) r = 0, o = !0, a = !0; else {
+      r = (e - t.minTranslate()) / n;
       const i = Math.abs(e - t.minTranslate()) < 1, s = Math.abs(e - t.maxTranslate()) < 1;
-      r = i || o <= 0, a = s || o >= 1, i && (o = 0), s && (o = 1);
+      o = i || r <= 0, a = s || r >= 1, i && (r = 0), s && (r = 1);
     }
     if (i.loop) {
-      const i = t.getSlideIndexByData(0), n = t.getSlideIndexByData(t.slides.length - 1), o = t.slidesGrid[i], r = t.slidesGrid[n], a = t.slidesGrid[t.slidesGrid.length - 1], l = Math.abs(e);
-      s = l >= o ? (l - o) / a : (l + a - r) / a, s > 1 && (s -= 1);
+      const i = t.getSlideIndexByData(0), n = t.getSlideIndexByData(t.slides.length - 1), r = t.slidesGrid[i], o = t.slidesGrid[n], a = t.slidesGrid[t.slidesGrid.length - 1], l = Math.abs(e);
+      s = l >= r ? (l - r) / a : (l + a - o) / a, s > 1 && (s -= 1);
     }
     Object.assign(t, {
-      progress: o,
+      progress: r,
       progressLoop: s,
-      isBeginning: r,
+      isBeginning: o,
       isEnd: a
     }), (i.watchSlidesProgress || i.centeredSlides && i.autoHeight) && t.updateSlidesProgress(e), 
-    r && !l && t.emit("reachBeginning toEdge"), a && !c && t.emit("reachEnd toEdge"), 
-    (l && !r || c && !a) && t.emit("fromEdge"), t.emit("progress", o);
+    o && !l && t.emit("reachBeginning toEdge"), a && !c && t.emit("reachEnd toEdge"), 
+    (l && !o || c && !a) && t.emit("fromEdge"), t.emit("progress", r);
   },
   updateSlidesClasses: function() {
-    const e = this, {slides: t, params: i, slidesEl: n, activeIndex: o} = e, r = e.virtual && i.virtual.enabled, a = e.grid && i.grid && i.grid.rows > 1, getFilteredSlide = e => elementChildren(n, `.${i.slideClass}${e}, swiper-slide${e}`)[0];
+    const e = this, {slides: t, params: i, slidesEl: n, activeIndex: r} = e, o = e.virtual && i.virtual.enabled, a = e.grid && i.grid && i.grid.rows > 1, getFilteredSlide = e => elementChildren(n, `.${i.slideClass}${e}, swiper-slide${e}`)[0];
     let s, l, c;
-    if (r) if (i.loop) {
-      let t = o - e.virtual.slidesBefore;
+    if (o) if (i.loop) {
+      let t = r - e.virtual.slidesBefore;
       t < 0 && (t = e.virtual.slides.length + t), t >= e.virtual.slides.length && (t -= e.virtual.slides.length), 
       s = getFilteredSlide(`[data-swiper-slide-index="${t}"]`);
-    } else s = getFilteredSlide(`[data-swiper-slide-index="${o}"]`); else a ? (s = t.find((e => e.column === o)), 
-    c = t.find((e => e.column === o + 1)), l = t.find((e => e.column === o - 1))) : s = t[o];
+    } else s = getFilteredSlide(`[data-swiper-slide-index="${r}"]`); else a ? (s = t.find((e => e.column === r)), 
+    c = t.find((e => e.column === r + 1)), l = t.find((e => e.column === r - 1))) : s = t[r];
     s && (a || (
     // Next Slide
     c = function(e, t) {
@@ -664,7 +664,7 @@ var y = {
     })), e.emitSlidesClasses();
   },
   updateActiveIndex: function(e) {
-    const t = this, i = t.rtlTranslate ? t.translate : -t.translate, {snapGrid: n, params: o, activeIndex: r, realIndex: a, snapIndex: s} = t;
+    const t = this, i = t.rtlTranslate ? t.translate : -t.translate, {snapGrid: n, params: r, activeIndex: o, realIndex: a, snapIndex: s} = t;
     let l, c = e;
     const getVirtualRealIndex = e => {
       let i = e - t.virtual.slidesBefore;
@@ -673,24 +673,24 @@ var y = {
     };
     if (void 0 === c && (c = function(e) {
       const {slidesGrid: t, params: i} = e, n = e.rtlTranslate ? e.translate : -e.translate;
-      let o;
-      for (let e = 0; e < t.length; e += 1) void 0 !== t[e + 1] ? n >= t[e] && n < t[e + 1] - (t[e + 1] - t[e]) / 2 ? o = e : n >= t[e] && n < t[e + 1] && (o = e + 1) : n >= t[e] && (o = e);
+      let r;
+      for (let e = 0; e < t.length; e += 1) void 0 !== t[e + 1] ? n >= t[e] && n < t[e + 1] - (t[e + 1] - t[e]) / 2 ? r = e : n >= t[e] && n < t[e + 1] && (r = e + 1) : n >= t[e] && (r = e);
       // Normalize slideIndex
-            return i.normalizeSlideIndex && (o < 0 || void 0 === o) && (o = 0), o;
+            return i.normalizeSlideIndex && (r < 0 || void 0 === r) && (r = 0), r;
     }(t)), n.indexOf(i) >= 0) l = n.indexOf(i); else {
-      const e = Math.min(o.slidesPerGroupSkip, c);
-      l = e + Math.floor((c - e) / o.slidesPerGroup);
+      const e = Math.min(r.slidesPerGroupSkip, c);
+      l = e + Math.floor((c - e) / r.slidesPerGroup);
     }
-    if (l >= n.length && (l = n.length - 1), c === r && !t.params.loop) return void (l !== s && (t.snapIndex = l, 
+    if (l >= n.length && (l = n.length - 1), c === o && !t.params.loop) return void (l !== s && (t.snapIndex = l, 
     t.emit("snapIndexChange")));
-    if (c === r && t.params.loop && t.virtual && t.params.virtual.enabled) return void (t.realIndex = getVirtualRealIndex(c));
-    const d = t.grid && o.grid && o.grid.rows > 1;
+    if (c === o && t.params.loop && t.virtual && t.params.virtual.enabled) return void (t.realIndex = getVirtualRealIndex(c));
+    const d = t.grid && r.grid && r.grid.rows > 1;
     // Get real index
         let u;
-    if (t.virtual && o.virtual.enabled) u = o.loop ? getVirtualRealIndex(c) : c; else if (d) {
+    if (t.virtual && r.virtual.enabled) u = r.loop ? getVirtualRealIndex(c) : c; else if (d) {
       const e = t.slides.find((e => e.column === c));
       let i = parseInt(e.getAttribute("data-swiper-slide-index"), 10);
-      Number.isNaN(i) && (i = Math.max(t.slides.indexOf(e), 0)), u = Math.floor(i / o.grid.rows);
+      Number.isNaN(i) && (i = Math.max(t.slides.indexOf(e), 0)), u = Math.floor(i / r.grid.rows);
     } else if (t.slides[c]) {
       const e = t.slides[c].getAttribute("data-swiper-slide-index");
       u = e ? parseInt(e, 10) : c;
@@ -700,7 +700,7 @@ var y = {
       snapIndex: l,
       previousRealIndex: a,
       realIndex: u,
-      previousIndex: r,
+      previousIndex: o,
       activeIndex: c
     }), t.initialized && preload(t), t.emit("activeIndexChange"), t.emit("snapIndexChange"), 
     (t.initialized || t.params.runCallbacksOnInit) && (a !== u && t.emit("realIndexChange"), 
@@ -708,36 +708,36 @@ var y = {
   },
   updateClickedSlide: function(e, t) {
     const i = this, n = i.params;
-    let o = e.closest(`.${n.slideClass}, swiper-slide`);
-    !o && i.isElement && t && t.length > 1 && t.includes(e) && [ ...t.slice(t.indexOf(e) + 1, t.length) ].forEach((e => {
-      !o && e.matches && e.matches(`.${n.slideClass}, swiper-slide`) && (o = e);
+    let r = e.closest(`.${n.slideClass}, swiper-slide`);
+    !r && i.isElement && t && t.length > 1 && t.includes(e) && [ ...t.slice(t.indexOf(e) + 1, t.length) ].forEach((e => {
+      !r && e.matches && e.matches(`.${n.slideClass}, swiper-slide`) && (r = e);
     }));
-    let r, a = !1;
-    if (o) for (let e = 0; e < i.slides.length; e += 1) if (i.slides[e] === o) {
-      a = !0, r = e;
+    let o, a = !1;
+    if (r) for (let e = 0; e < i.slides.length; e += 1) if (i.slides[e] === r) {
+      a = !0, o = e;
       break;
     }
-    if (!o || !a) return i.clickedSlide = void 0, void (i.clickedIndex = void 0);
-    i.clickedSlide = o, i.virtual && i.params.virtual.enabled ? i.clickedIndex = parseInt(o.getAttribute("data-swiper-slide-index"), 10) : i.clickedIndex = r, 
+    if (!r || !a) return i.clickedSlide = void 0, void (i.clickedIndex = void 0);
+    i.clickedSlide = r, i.virtual && i.params.virtual.enabled ? i.clickedIndex = parseInt(r.getAttribute("data-swiper-slide-index"), 10) : i.clickedIndex = o, 
     n.slideToClickedSlide && void 0 !== i.clickedIndex && i.clickedIndex !== i.activeIndex && i.slideToClickedSlide();
   }
 };
 
 var S = {
   getTranslate: function(e = (this.isHorizontal() ? "x" : "y")) {
-    const {params: t, rtlTranslate: i, translate: n, wrapperEl: o} = this;
+    const {params: t, rtlTranslate: i, translate: n, wrapperEl: r} = this;
     if (t.virtualTranslate) return i ? -n : n;
     if (t.cssMode) return n;
-    let r = getTranslate(o, e);
-    return r += this.cssOverflowAdjustment(), i && (r = -r), r || 0;
+    let o = getTranslate(r, e);
+    return o += this.cssOverflowAdjustment(), i && (o = -o), o || 0;
   },
   setTranslate: function(e, t) {
-    const i = this, {rtlTranslate: n, params: o, wrapperEl: r, progress: a} = i;
+    const i = this, {rtlTranslate: n, params: r, wrapperEl: o, progress: a} = i;
     let s, l = 0, c = 0;
-    i.isHorizontal() ? l = n ? -e : e : c = e, o.roundLengths && (l = Math.floor(l), 
+    i.isHorizontal() ? l = n ? -e : e : c = e, r.roundLengths && (l = Math.floor(l), 
     c = Math.floor(c)), i.previousTranslate = i.translate, i.translate = i.isHorizontal() ? l : c, 
-    o.cssMode ? r[i.isHorizontal() ? "scrollLeft" : "scrollTop"] = i.isHorizontal() ? -l : -c : o.virtualTranslate || (i.isHorizontal() ? l -= i.cssOverflowAdjustment() : c -= i.cssOverflowAdjustment(), 
-    r.style.transform = `translate3d(${l}px, ${c}px, 0px)`);
+    r.cssMode ? o[i.isHorizontal() ? "scrollLeft" : "scrollTop"] = i.isHorizontal() ? -l : -c : r.virtualTranslate || (i.isHorizontal() ? l -= i.cssOverflowAdjustment() : c -= i.cssOverflowAdjustment(), 
+    o.style.transform = `translate3d(${l}px, ${c}px, 0px)`);
     const d = i.maxTranslate() - i.minTranslate();
     s = 0 === d ? 0 : (e - i.minTranslate()) / d, s !== a && i.updateProgress(e), i.emit("setTranslate", i.translate, t);
   },
@@ -747,18 +747,18 @@ var S = {
   maxTranslate: function() {
     return -this.snapGrid[this.snapGrid.length - 1];
   },
-  translateTo: function(e = 0, t = this.params.speed, i = !0, n = !0, o) {
-    const r = this, {params: a, wrapperEl: s} = r;
-    if (r.animating && a.preventInteractionOnTransition) return !1;
-    const l = r.minTranslate(), c = r.maxTranslate();
+  translateTo: function(e = 0, t = this.params.speed, i = !0, n = !0, r) {
+    const o = this, {params: a, wrapperEl: s} = o;
+    if (o.animating && a.preventInteractionOnTransition) return !1;
+    const l = o.minTranslate(), c = o.maxTranslate();
     let d;
     if (d = n && e > l ? l : n && e < c ? c : e, 
     // Update progress
-    r.updateProgress(d), a.cssMode) {
-      const e = r.isHorizontal();
+    o.updateProgress(d), a.cssMode) {
+      const e = o.isHorizontal();
       if (0 === t) s[e ? "scrollLeft" : "scrollTop"] = -d; else {
-        if (!r.support.smoothScroll) return animateCSSModeScroll({
-          swiper: r,
+        if (!o.support.smoothScroll) return animateCSSModeScroll({
+          swiper: o,
           targetPosition: -d,
           side: e ? "left" : "top"
         }), !0;
@@ -769,36 +769,36 @@ var S = {
       }
       return !0;
     }
-    return 0 === t ? (r.setTransition(0), r.setTranslate(d), i && (r.emit("beforeTransitionStart", t, o), 
-    r.emit("transitionEnd"))) : (r.setTransition(t), r.setTranslate(d), i && (r.emit("beforeTransitionStart", t, o), 
-    r.emit("transitionStart")), r.animating || (r.animating = !0, r.onTranslateToWrapperTransitionEnd || (r.onTranslateToWrapperTransitionEnd = function(e) {
-      r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onTranslateToWrapperTransitionEnd), 
-      r.onTranslateToWrapperTransitionEnd = null, delete r.onTranslateToWrapperTransitionEnd, 
-      r.animating = !1, i && r.emit("transitionEnd"));
-    }), r.wrapperEl.addEventListener("transitionend", r.onTranslateToWrapperTransitionEnd))), 
+    return 0 === t ? (o.setTransition(0), o.setTranslate(d), i && (o.emit("beforeTransitionStart", t, r), 
+    o.emit("transitionEnd"))) : (o.setTransition(t), o.setTranslate(d), i && (o.emit("beforeTransitionStart", t, r), 
+    o.emit("transitionStart")), o.animating || (o.animating = !0, o.onTranslateToWrapperTransitionEnd || (o.onTranslateToWrapperTransitionEnd = function(e) {
+      o && !o.destroyed && e.target === this && (o.wrapperEl.removeEventListener("transitionend", o.onTranslateToWrapperTransitionEnd), 
+      o.onTranslateToWrapperTransitionEnd = null, delete o.onTranslateToWrapperTransitionEnd, 
+      o.animating = !1, i && o.emit("transitionEnd"));
+    }), o.wrapperEl.addEventListener("transitionend", o.onTranslateToWrapperTransitionEnd))), 
     !0;
   }
 };
 
 function transitionEmit({swiper: e, runCallbacks: t, direction: i, step: n}) {
-  const {activeIndex: o, previousIndex: r} = e;
+  const {activeIndex: r, previousIndex: o} = e;
   let a = i;
-  a || (a = o > r ? "next" : o < r ? "prev" : "reset"), e.emit(`transition${n}`), 
-  t && "reset" === a ? e.emit(`slideResetTransition${n}`) : t && o !== r && (e.emit(`slideChangeTransition${n}`), 
+  a || (a = r > o ? "next" : r < o ? "prev" : "reset"), e.emit(`transition${n}`), 
+  t && "reset" === a ? e.emit(`slideResetTransition${n}`) : t && r !== o && (e.emit(`slideChangeTransition${n}`), 
   "next" === a ? e.emit(`slideNextTransition${n}`) : e.emit(`slidePrevTransition${n}`));
 }
 
 var q = {
-  slideTo: function(e = 0, t, i = !0, n, o) {
+  slideTo: function(e = 0, t, i = !0, n, r) {
     "string" == typeof e && (e = parseInt(e, 10));
-    const r = this;
+    const o = this;
     let a = e;
     a < 0 && (a = 0);
-    const {params: s, snapGrid: l, slidesGrid: c, previousIndex: d, activeIndex: u, rtlTranslate: p, wrapperEl: h, enabled: f} = r;
-    if (!f && !n && !o || r.destroyed || r.animating && s.preventInteractionOnTransition) return !1;
-    void 0 === t && (t = r.params.speed);
-    const v = Math.min(r.params.slidesPerGroupSkip, a);
-    let g = v + Math.floor((a - v) / r.params.slidesPerGroup);
+    const {params: s, snapGrid: l, slidesGrid: c, previousIndex: d, activeIndex: u, rtlTranslate: p, wrapperEl: h, enabled: f} = o;
+    if (!f && !n && !r || o.destroyed || o.animating && s.preventInteractionOnTransition) return !1;
+    void 0 === t && (t = o.params.speed);
+    const v = Math.min(o.params.slidesPerGroupSkip, a);
+    let g = v + Math.floor((a - v) / o.params.slidesPerGroup);
     g >= l.length && (g = l.length - 1);
     const m = -l[g];
     // Normalize slideIndex
@@ -807,32 +807,32 @@ var q = {
       void 0 !== c[e + 1] ? t >= i && t < n - (n - i) / 2 ? a = e : t >= i && t < n && (a = e + 1) : t >= i && (a = e);
     }
     // Directions locks
-        if (r.initialized && a !== u) {
-      if (!r.allowSlideNext && (p ? m > r.translate && m > r.minTranslate() : m < r.translate && m < r.minTranslate())) return !1;
-      if (!r.allowSlidePrev && m > r.translate && m > r.maxTranslate() && (u || 0) !== a) return !1;
+        if (o.initialized && a !== u) {
+      if (!o.allowSlideNext && (p ? m > o.translate && m > o.minTranslate() : m < o.translate && m < o.minTranslate())) return !1;
+      if (!o.allowSlidePrev && m > o.translate && m > o.maxTranslate() && (u || 0) !== a) return !1;
     }
     let w;
-    a !== (d || 0) && i && r.emit("beforeSlideChangeStart"), 
+    a !== (d || 0) && i && o.emit("beforeSlideChangeStart"), 
     // Update progress
-    r.updateProgress(m), w = a > u ? "next" : a < u ? "prev" : "reset";
+    o.updateProgress(m), w = a > u ? "next" : a < u ? "prev" : "reset";
     // initial virtual
-    const b = r.virtual && r.params.virtual.enabled;
+    const b = o.virtual && o.params.virtual.enabled;
     // Update Index
-    if (!(b && o) && (p && -m === r.translate || !p && m === r.translate)) return r.updateActiveIndex(a), 
+    if (!(b && r) && (p && -m === o.translate || !p && m === o.translate)) return o.updateActiveIndex(a), 
     // Update Height
-    s.autoHeight && r.updateAutoHeight(), r.updateSlidesClasses(), "slide" !== s.effect && r.setTranslate(m), 
-    "reset" !== w && (r.transitionStart(i, w), r.transitionEnd(i, w)), !1;
+    s.autoHeight && o.updateAutoHeight(), o.updateSlidesClasses(), "slide" !== s.effect && o.setTranslate(m), 
+    "reset" !== w && (o.transitionStart(i, w), o.transitionEnd(i, w)), !1;
     if (s.cssMode) {
-      const e = r.isHorizontal(), i = p ? m : -m;
-      if (0 === t) b && (r.wrapperEl.style.scrollSnapType = "none", r._immediateVirtual = !0), 
-      b && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0 ? (r._cssModeVirtualInitialSet = !0, 
+      const e = o.isHorizontal(), i = p ? m : -m;
+      if (0 === t) b && (o.wrapperEl.style.scrollSnapType = "none", o._immediateVirtual = !0), 
+      b && !o._cssModeVirtualInitialSet && o.params.initialSlide > 0 ? (o._cssModeVirtualInitialSet = !0, 
       requestAnimationFrame((() => {
         h[e ? "scrollLeft" : "scrollTop"] = i;
       }))) : h[e ? "scrollLeft" : "scrollTop"] = i, b && requestAnimationFrame((() => {
-        r.wrapperEl.style.scrollSnapType = "", r._immediateVirtual = !1;
+        o.wrapperEl.style.scrollSnapType = "", o._immediateVirtual = !1;
       })); else {
-        if (!r.support.smoothScroll) return animateCSSModeScroll({
-          swiper: r,
+        if (!o.support.smoothScroll) return animateCSSModeScroll({
+          swiper: o,
           targetPosition: i,
           side: e ? "left" : "top"
         }), !0;
@@ -844,85 +844,85 @@ var q = {
       return !0;
     }
     const x = getBrowser().isSafari;
-    return b && !o && x && r.isElement && r.virtual.update(!1, !1, a), r.setTransition(t), 
-    r.setTranslate(m), r.updateActiveIndex(a), r.updateSlidesClasses(), r.emit("beforeTransitionStart", t, n), 
-    r.transitionStart(i, w), 0 === t ? r.transitionEnd(i, w) : r.animating || (r.animating = !0, 
-    r.onSlideToWrapperTransitionEnd || (r.onSlideToWrapperTransitionEnd = function(e) {
-      r && !r.destroyed && e.target === this && (r.wrapperEl.removeEventListener("transitionend", r.onSlideToWrapperTransitionEnd), 
-      r.onSlideToWrapperTransitionEnd = null, delete r.onSlideToWrapperTransitionEnd, 
-      r.transitionEnd(i, w));
-    }), r.wrapperEl.addEventListener("transitionend", r.onSlideToWrapperTransitionEnd)), 
+    return b && !r && x && o.isElement && o.virtual.update(!1, !1, a), o.setTransition(t), 
+    o.setTranslate(m), o.updateActiveIndex(a), o.updateSlidesClasses(), o.emit("beforeTransitionStart", t, n), 
+    o.transitionStart(i, w), 0 === t ? o.transitionEnd(i, w) : o.animating || (o.animating = !0, 
+    o.onSlideToWrapperTransitionEnd || (o.onSlideToWrapperTransitionEnd = function(e) {
+      o && !o.destroyed && e.target === this && (o.wrapperEl.removeEventListener("transitionend", o.onSlideToWrapperTransitionEnd), 
+      o.onSlideToWrapperTransitionEnd = null, delete o.onSlideToWrapperTransitionEnd, 
+      o.transitionEnd(i, w));
+    }), o.wrapperEl.addEventListener("transitionend", o.onSlideToWrapperTransitionEnd)), 
     !0;
   },
   slideToLoop: function(e = 0, t, i = !0, n) {
     if ("string" == typeof e) {
       e = parseInt(e, 10);
     }
-    const o = this;
-    if (o.destroyed) return;
-    void 0 === t && (t = o.params.speed);
-    const r = o.grid && o.params.grid && o.params.grid.rows > 1;
+    const r = this;
+    if (r.destroyed) return;
+    void 0 === t && (t = r.params.speed);
+    const o = r.grid && r.params.grid && r.params.grid.rows > 1;
     let a = e;
-    if (o.params.loop) if (o.virtual && o.params.virtual.enabled) 
+    if (r.params.loop) if (r.virtual && r.params.virtual.enabled) 
     // eslint-disable-next-line
-    a += o.virtual.slidesBefore; else {
+    a += r.virtual.slidesBefore; else {
       let e;
-      if (r) {
-        const t = a * o.params.grid.rows;
-        e = o.slides.find((e => 1 * e.getAttribute("data-swiper-slide-index") === t)).column;
-      } else e = o.getSlideIndexByData(a);
-      const t = r ? Math.ceil(o.slides.length / o.params.grid.rows) : o.slides.length, {centeredSlides: i, slidesOffsetBefore: s, slidesOffsetAfter: l} = o.params, c = i || !!s || !!l;
-      let d = o.params.slidesPerView;
-      "auto" === d ? d = o.slidesPerViewDynamic() : (d = Math.ceil(parseFloat(o.params.slidesPerView, 10)), 
+      if (o) {
+        const t = a * r.params.grid.rows;
+        e = r.slides.find((e => 1 * e.getAttribute("data-swiper-slide-index") === t)).column;
+      } else e = r.getSlideIndexByData(a);
+      const t = o ? Math.ceil(r.slides.length / r.params.grid.rows) : r.slides.length, {centeredSlides: i, slidesOffsetBefore: s, slidesOffsetAfter: l} = r.params, c = i || !!s || !!l;
+      let d = r.params.slidesPerView;
+      "auto" === d ? d = r.slidesPerViewDynamic() : (d = Math.ceil(parseFloat(r.params.slidesPerView, 10)), 
       c && d % 2 == 0 && (d += 1));
       let u = t - e < d;
-      if (c && (u = u || e < Math.ceil(d / 2)), n && c && "auto" !== o.params.slidesPerView && !r && (u = !1), 
+      if (c && (u = u || e < Math.ceil(d / 2)), n && c && "auto" !== r.params.slidesPerView && !o && (u = !1), 
       u) {
-        const i = c ? e < o.activeIndex ? "prev" : "next" : e - o.activeIndex - 1 < o.params.slidesPerView ? "next" : "prev";
-        o.loopFix({
+        const i = c ? e < r.activeIndex ? "prev" : "next" : e - r.activeIndex - 1 < r.params.slidesPerView ? "next" : "prev";
+        r.loopFix({
           direction: i,
           slideTo: !0,
           activeSlideIndex: "next" === i ? e + 1 : e - t + 1,
-          slideRealIndex: "next" === i ? o.realIndex : void 0
+          slideRealIndex: "next" === i ? r.realIndex : void 0
         });
       }
-      if (r) {
-        const e = a * o.params.grid.rows;
-        a = o.slides.find((t => 1 * t.getAttribute("data-swiper-slide-index") === e)).column;
-      } else a = o.getSlideIndexByData(a);
+      if (o) {
+        const e = a * r.params.grid.rows;
+        a = r.slides.find((t => 1 * t.getAttribute("data-swiper-slide-index") === e)).column;
+      } else a = r.getSlideIndexByData(a);
     }
     return requestAnimationFrame((() => {
-      o.slideTo(a, t, i, n);
-    })), o;
+      r.slideTo(a, t, i, n);
+    })), r;
   }
   /* eslint no-unused-vars: "off" */ ,
   slideNext: function(e, t = !0, i) {
-    const n = this, {enabled: o, params: r, animating: a} = n;
-    if (!o || n.destroyed) return n;
+    const n = this, {enabled: r, params: o, animating: a} = n;
+    if (!r || n.destroyed) return n;
     void 0 === e && (e = n.params.speed);
-    let s = r.slidesPerGroup;
-    "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (s = Math.max(n.slidesPerViewDynamic("current", !0), 1));
-    const l = n.activeIndex < r.slidesPerGroupSkip ? 1 : s, c = n.virtual && r.virtual.enabled;
-    if (r.loop) {
-      if (a && !c && r.loopPreventsSliding) return !1;
+    let s = o.slidesPerGroup;
+    "auto" === o.slidesPerView && 1 === o.slidesPerGroup && o.slidesPerGroupAuto && (s = Math.max(n.slidesPerViewDynamic("current", !0), 1));
+    const l = n.activeIndex < o.slidesPerGroupSkip ? 1 : s, c = n.virtual && o.virtual.enabled;
+    if (o.loop) {
+      if (a && !c && o.loopPreventsSliding) return !1;
       if (n.loopFix({
         direction: "next"
       }), 
       // eslint-disable-next-line
-      n._clientLeft = n.wrapperEl.clientLeft, n.activeIndex === n.slides.length - 1 && r.cssMode) return requestAnimationFrame((() => {
+      n._clientLeft = n.wrapperEl.clientLeft, n.activeIndex === n.slides.length - 1 && o.cssMode) return requestAnimationFrame((() => {
         n.slideTo(n.activeIndex + l, e, t, i);
       })), !0;
     }
-    return r.rewind && n.isEnd ? n.slideTo(0, e, t, i) : n.slideTo(n.activeIndex + l, e, t, i);
+    return o.rewind && n.isEnd ? n.slideTo(0, e, t, i) : n.slideTo(n.activeIndex + l, e, t, i);
   }
   /* eslint no-unused-vars: "off" */ ,
   slidePrev: function(e, t = !0, i) {
-    const n = this, {params: o, snapGrid: r, slidesGrid: a, rtlTranslate: s, enabled: l, animating: c} = n;
+    const n = this, {params: r, snapGrid: o, slidesGrid: a, rtlTranslate: s, enabled: l, animating: c} = n;
     if (!l || n.destroyed) return n;
     void 0 === e && (e = n.params.speed);
-    const d = n.virtual && o.virtual.enabled;
-    if (o.loop) {
-      if (c && !d && o.loopPreventsSliding) return !1;
+    const d = n.virtual && r.virtual.enabled;
+    if (r.loop) {
+      if (c && !d && r.loopPreventsSliding) return !1;
       n.loopFix({
         direction: "prev"
       }), 
@@ -932,23 +932,23 @@ var q = {
     function normalize(e) {
       return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e);
     }
-    const u = normalize(s ? n.translate : -n.translate), p = r.map((e => normalize(e))), h = o.freeMode && o.freeMode.enabled;
-    let f = r[p.indexOf(u) - 1];
-    if (void 0 === f && (o.cssMode || h)) {
+    const u = normalize(s ? n.translate : -n.translate), p = o.map((e => normalize(e))), h = r.freeMode && r.freeMode.enabled;
+    let f = o[p.indexOf(u) - 1];
+    if (void 0 === f && (r.cssMode || h)) {
       let e;
-      r.forEach(((t, i) => {
+      o.forEach(((t, i) => {
         u >= t && (
         // prevSnap = snap;
         e = i);
-      })), void 0 !== e && (f = h ? r[e] : r[e > 0 ? e - 1 : e]);
+      })), void 0 !== e && (f = h ? o[e] : o[e > 0 ? e - 1 : e]);
     }
     let v = 0;
-    if (void 0 !== f && (v = a.indexOf(f), v < 0 && (v = n.activeIndex - 1), "auto" === o.slidesPerView && 1 === o.slidesPerGroup && o.slidesPerGroupAuto && (v = v - n.slidesPerViewDynamic("previous", !0) + 1, 
-    v = Math.max(v, 0))), o.rewind && n.isBeginning) {
-      const o = n.params.virtual && n.params.virtual.enabled && n.virtual ? n.virtual.slides.length - 1 : n.slides.length - 1;
-      return n.slideTo(o, e, t, i);
+    if (void 0 !== f && (v = a.indexOf(f), v < 0 && (v = n.activeIndex - 1), "auto" === r.slidesPerView && 1 === r.slidesPerGroup && r.slidesPerGroupAuto && (v = v - n.slidesPerViewDynamic("previous", !0) + 1, 
+    v = Math.max(v, 0))), r.rewind && n.isBeginning) {
+      const r = n.params.virtual && n.params.virtual.enabled && n.virtual ? n.virtual.slides.length - 1 : n.slides.length - 1;
+      return n.slideTo(r, e, t, i);
     }
-    return o.loop && 0 === n.activeIndex && o.cssMode ? (requestAnimationFrame((() => {
+    return r.loop && 0 === n.activeIndex && r.cssMode ? (requestAnimationFrame((() => {
       n.slideTo(v, e, t, i);
     })), !0) : n.slideTo(v, e, t, i);
   }
@@ -959,57 +959,57 @@ var q = {
   }
   /* eslint no-unused-vars: "off" */ ,
   slideToClosest: function(e, t = !0, i, n = .5) {
-    const o = this;
-    if (o.destroyed) return;
-    void 0 === e && (e = o.params.speed);
-    let r = o.activeIndex;
-    const a = Math.min(o.params.slidesPerGroupSkip, r), s = a + Math.floor((r - a) / o.params.slidesPerGroup), l = o.rtlTranslate ? o.translate : -o.translate;
-    if (l >= o.snapGrid[s]) {
+    const r = this;
+    if (r.destroyed) return;
+    void 0 === e && (e = r.params.speed);
+    let o = r.activeIndex;
+    const a = Math.min(r.params.slidesPerGroupSkip, o), s = a + Math.floor((o - a) / r.params.slidesPerGroup), l = r.rtlTranslate ? r.translate : -r.translate;
+    if (l >= r.snapGrid[s]) {
       // 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 e = o.snapGrid[s];
-      l - e > (o.snapGrid[s + 1] - e) * n && (r += o.params.slidesPerGroup);
+      const e = r.snapGrid[s];
+      l - e > (r.snapGrid[s + 1] - e) * n && (o += r.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 e = o.snapGrid[s - 1];
-      l - e <= (o.snapGrid[s] - e) * n && (r -= o.params.slidesPerGroup);
+      const e = r.snapGrid[s - 1];
+      l - e <= (r.snapGrid[s] - e) * n && (o -= r.params.slidesPerGroup);
     }
-    return r = Math.max(r, 0), r = Math.min(r, o.slidesGrid.length - 1), o.slideTo(r, e, t, i);
+    return o = Math.max(o, 0), o = Math.min(o, r.slidesGrid.length - 1), r.slideTo(o, e, t, i);
   },
   slideToClickedSlide: function() {
     const e = this;
     if (e.destroyed) return;
     const {params: t, slidesEl: i} = e, n = "auto" === t.slidesPerView ? e.slidesPerViewDynamic() : t.slidesPerView;
-    let o, r = e.getSlideIndexWhenGrid(e.clickedIndex);
+    let r, o = e.getSlideIndexWhenGrid(e.clickedIndex);
     const a = e.isElement ? "swiper-slide" : `.${t.slideClass}`, s = e.grid && e.params.grid && e.params.grid.rows > 1;
     if (t.loop) {
       if (e.animating) return;
-      o = parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10), t.centeredSlides ? e.slideToLoop(o) : r > (s ? (e.slides.length - n) / 2 - (e.params.grid.rows - 1) : e.slides.length - n) ? (e.loopFix(), 
-      r = e.getSlideIndex(elementChildren(i, `${a}[data-swiper-slide-index="${o}"]`)[0]), 
+      r = parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10), t.centeredSlides ? e.slideToLoop(r) : o > (s ? (e.slides.length - n) / 2 - (e.params.grid.rows - 1) : e.slides.length - n) ? (e.loopFix(), 
+      o = e.getSlideIndex(elementChildren(i, `${a}[data-swiper-slide-index="${r}"]`)[0]), 
       nextTick((() => {
-        e.slideTo(r);
-      }))) : e.slideTo(r);
-    } else e.slideTo(r);
+        e.slideTo(o);
+      }))) : e.slideTo(o);
+    } else e.slideTo(o);
   }
 };
 
 var M = {
   loopCreate: function(e, t) {
-    const i = this, {params: n, slidesEl: o} = i;
+    const i = this, {params: n, slidesEl: r} = i;
     if (!n.loop || i.virtual && i.params.virtual.enabled) return;
     const initSlides = () => {
-      elementChildren(o, `.${n.slideClass}, swiper-slide`).forEach(((e, t) => {
+      elementChildren(r, `.${n.slideClass}, swiper-slide`).forEach(((e, t) => {
         e.setAttribute("data-swiper-slide-index", t);
       }));
-    }, r = i.grid && n.grid && n.grid.rows > 1;
-    n.loopAddBlankSlides && (n.slidesPerGroup > 1 || r) && (() => {
-      const e = elementChildren(o, `.${n.slideBlankClass}`);
+    }, o = i.grid && n.grid && n.grid.rows > 1;
+    n.loopAddBlankSlides && (n.slidesPerGroup > 1 || o) && (() => {
+      const e = elementChildren(r, `.${n.slideBlankClass}`);
       e.forEach((e => {
         e.remove();
       })), e.length > 0 && (i.recalcSlides(), i.updateSlides());
     })();
-    const a = n.slidesPerGroup * (r ? n.grid.rows : 1), s = i.slides.length % a != 0, l = r && i.slides.length % n.grid.rows != 0, addBlankSlides = e => {
+    const a = n.slidesPerGroup * (o ? n.grid.rows : 1), s = i.slides.length % a != 0, l = o && i.slides.length % n.grid.rows != 0, addBlankSlides = e => {
       for (let t = 0; t < e; t += 1) {
         const e = i.isElement ? createElement("swiper-slide", [ n.slideBlankClass ]) : createElement("div", [ n.slideClass, n.slideBlankClass ]);
         i.slidesEl.append(e);
@@ -1033,7 +1033,7 @@ var M = {
       initial: t
     });
   },
-  loopFix: function({slideRealIndex: e, slideTo: t = !0, direction: i, setTranslate: n, activeSlideIndex: o, initial: r, byController: a, byMousewheel: s} = {}) {
+  loopFix: function({slideRealIndex: e, slideTo: t = !0, direction: i, setTranslate: n, activeSlideIndex: r, initial: o, byController: a, byMousewheel: s} = {}) {
     const l = this;
     if (!l.params.loop) return;
     l.emit("beforeLoopFix");
@@ -1048,12 +1048,12 @@ var M = {
     y % x != 0 && (y += x - y % x), y += h.loopAdditionalSlides, l.loopedSlides = y;
     const S = l.grid && h.grid && h.grid.rows > 1;
     c.length < b + y || "cards" === l.params.effect && c.length < b + 2 * y ? showWarning("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : S && "row" === h.grid.fill && showWarning("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
-    const q = [], M = [], C = S ? Math.ceil(c.length / h.grid.rows) : c.length, T = r && C - m < b && !w;
+    const q = [], M = [], C = S ? Math.ceil(c.length / h.grid.rows) : c.length, T = o && C - m < b && !w;
     let k = T ? m : l.activeIndex;
-    void 0 === o ? o = l.getSlideIndex(c.find((e => e.classList.contains(h.slideActiveClass)))) : k = o;
+    void 0 === r ? r = l.getSlideIndex(c.find((e => e.classList.contains(h.slideActiveClass)))) : k = r;
     const P = "next" === i || !i, E = "prev" === i || !i;
     let O = 0, I = 0;
-    const $ = (S ? c[o].column : o) + (w && void 0 === n ? -b / 2 + .5 : 0);
+    const $ = (S ? c[r].column : r) + (w && void 0 === n ? -b / 2 + .5 : 0);
     // prepend last slides before start
     if ($ < y) {
       O = Math.max(y - $, x);
@@ -1078,8 +1078,8 @@ var M = {
     }
     if (l.__preventObserver__ = !0, requestAnimationFrame((() => {
       l.__preventObserver__ = !1;
-    })), "cards" === l.params.effect && c.length < b + 2 * y && (M.includes(o) && M.splice(M.indexOf(o), 1), 
-    q.includes(o) && q.splice(q.indexOf(o), 1)), E && q.forEach((e => {
+    })), "cards" === l.params.effect && c.length < b + 2 * y && (M.includes(r) && M.splice(M.indexOf(r), 1), 
+    q.includes(r) && q.splice(q.indexOf(r), 1)), E && q.forEach((e => {
       c[e].swiperLoopMoveDOM = !0, p.prepend(c[e]), c[e].swiperLoopMoveDOM = !1;
     })), P && M.forEach((e => {
       c[e].swiperLoopMoveDOM = !0, p.append(c[e]), c[e].swiperLoopMoveDOM = !1;
@@ -1103,20 +1103,20 @@ var M = {
       l.slideTo(l.activeIndex - e, 0, !1, !0);
     }
     if (l.allowSlidePrev = d, l.allowSlideNext = u, l.controller && l.controller.control && !a) {
-      const r = {
+      const o = {
         slideRealIndex: e,
         direction: i,
         setTranslate: n,
-        activeSlideIndex: o,
+        activeSlideIndex: r,
         byController: !0
       };
       Array.isArray(l.controller.control) ? l.controller.control.forEach((e => {
         !e.destroyed && e.params.loop && e.loopFix({
-          ...r,
+          ...o,
           slideTo: e.params.slidesPerView === h.slidesPerView && t
         });
       })) : l.controller.control instanceof l.constructor && l.controller.control.params.loop && l.controller.control.loopFix({
-        ...r,
+        ...o,
         slideTo: l.controller.control.params.slidesPerView === h.slidesPerView && t
       });
     }
@@ -1139,8 +1139,8 @@ var M = {
 };
 
 function preventEdgeSwipe(e, t, i) {
-  const n = getWindow(), {params: o} = e, r = o.edgeSwipeDetection, a = o.edgeSwipeThreshold;
-  return !r || !(i <= a || i >= n.innerWidth - a) || "prevent" === r && (t.preventDefault(), 
+  const n = getWindow(), {params: r} = e, o = r.edgeSwipeDetection, a = r.edgeSwipeThreshold;
+  return !o || !(i <= a || i >= n.innerWidth - a) || "prevent" === o && (t.preventDefault(), 
   !0);
 }
 
@@ -1148,21 +1148,21 @@ function onTouchStart(e) {
   const t = this, i = getDocument();
   let n = e;
   n.originalEvent && (n = n.originalEvent);
-  const o = t.touchEventsData;
+  const r = t.touchEventsData;
   if ("pointerdown" === n.type) {
-    if (null !== o.pointerId && o.pointerId !== n.pointerId) return;
-    o.pointerId = n.pointerId;
-  } else "touchstart" === n.type && 1 === n.targetTouches.length && (o.touchId = n.targetTouches[0].identifier);
+    if (null !== r.pointerId && r.pointerId !== n.pointerId) return;
+    r.pointerId = n.pointerId;
+  } else "touchstart" === n.type && 1 === n.targetTouches.length && (r.touchId = n.targetTouches[0].identifier);
   if ("touchstart" === n.type) 
   // don't proceed touch event
   return void preventEdgeSwipe(t, n, n.targetTouches[0].pageX);
-  const {params: r, touches: a, enabled: s} = t;
+  const {params: o, touches: a, enabled: s} = t;
   if (!s) return;
-  if (!r.simulateTouch && "mouse" === n.pointerType) return;
-  if (t.animating && r.preventInteractionOnTransition) return;
-  !t.animating && r.cssMode && r.loop && t.loopFix();
+  if (!o.simulateTouch && "mouse" === n.pointerType) return;
+  if (t.animating && o.preventInteractionOnTransition) return;
+  !t.animating && o.cssMode && o.loop && t.loopFix();
   let l = n.target;
-  if ("wrapper" === r.touchEventsTarget && !function(e, t) {
+  if ("wrapper" === o.touchEventsTarget && !function(e, t) {
     const i = getWindow();
     let n = t.contains(e);
     !n && i.HTMLSlotElement && t instanceof HTMLSlotElement && (n = [ ...t.assignedElements() ].includes(e), 
@@ -1179,14 +1179,14 @@ function onTouchStart(e) {
   }(l, t.wrapperEl)) return;
   if ("which" in n && 3 === n.which) return;
   if ("button" in n && n.button > 0) return;
-  if (o.isTouched && o.isMoved) return;
+  if (r.isTouched && r.isMoved) return;
   // change target el for shadow root component
-    const c = !!r.noSwipingClass && "" !== r.noSwipingClass, d = n.composedPath ? n.composedPath() : n.path;
+    const c = !!o.noSwipingClass && "" !== o.noSwipingClass, d = n.composedPath ? n.composedPath() : n.path;
   // eslint-disable-next-line
     c && n.target && n.target.shadowRoot && d && (l = d[0]);
-  const u = r.noSwipingSelector ? r.noSwipingSelector : `.${r.noSwipingClass}`, p = !(!n.target || !n.target.shadowRoot);
+  const u = o.noSwipingSelector ? o.noSwipingSelector : `.${o.noSwipingClass}`, p = !(!n.target || !n.target.shadowRoot);
   // use closestElement for shadow root element to get the actual closest for nested shadow root element
-  if (r.noSwiping && (p ? 
+  if (o.noSwiping && (p ? 
   // Modified from https://stackoverflow.com/questions/54520554/custom-element-getrootnode-closest-function-crossing-multiple-parent-shadowd
   function(e, t = this) {
     return function __closestFrom(t) {
@@ -1196,32 +1196,32 @@ function onTouchStart(e) {
       return i || t.getRootNode ? i || __closestFrom(t.getRootNode().host) : null;
     }(t);
   }(u, l) : l.closest(u))) return void (t.allowClick = !0);
-  if (r.swipeHandler && !l.closest(r.swipeHandler)) return;
+  if (o.swipeHandler && !l.closest(o.swipeHandler)) return;
   a.currentX = n.pageX, a.currentY = n.pageY;
   const h = a.currentX, f = a.currentY;
   // Do NOT start if iOS edge swipe is detected. Otherwise iOS app cannot swipe-to-go-back anymore
   if (!preventEdgeSwipe(t, n, h)) return;
-  Object.assign(o, {
+  Object.assign(r, {
     isTouched: !0,
     isMoved: !1,
     allowTouchCallbacks: !0,
     isScrolling: void 0,
     startMoving: void 0
-  }), a.startX = h, a.startY = f, o.touchStartTime = now(), t.allowClick = !0, t.updateSize(), 
-  t.swipeDirection = void 0, r.threshold > 0 && (o.allowThresholdMove = !1);
+  }), a.startX = h, a.startY = f, r.touchStartTime = now(), t.allowClick = !0, t.updateSize(), 
+  t.swipeDirection = void 0, o.threshold > 0 && (r.allowThresholdMove = !1);
   let v = !0;
-  l.matches(o.focusableElements) && (v = !1, "SELECT" === l.nodeName && (o.isTouched = !1)), 
-  i.activeElement && i.activeElement.matches(o.focusableElements) && i.activeElement !== l && ("mouse" === n.pointerType || "mouse" !== n.pointerType && !l.matches(o.focusableElements)) && i.activeElement.blur();
-  const g = v && t.allowTouchMove && r.touchStartPreventDefault;
-  !r.touchStartForcePreventDefault && !g || l.isContentEditable || n.preventDefault(), 
-  r.freeMode && r.freeMode.enabled && t.freeMode && t.animating && !r.cssMode && t.freeMode.onTouchStart(), 
+  l.matches(r.focusableElements) && (v = !1, "SELECT" === l.nodeName && (r.isTouched = !1)), 
+  i.activeElement && i.activeElement.matches(r.focusableElements) && i.activeElement !== l && ("mouse" === n.pointerType || "mouse" !== n.pointerType && !l.matches(r.focusableElements)) && i.activeElement.blur();
+  const g = v && t.allowTouchMove && o.touchStartPreventDefault;
+  !o.touchStartForcePreventDefault && !g || l.isContentEditable || n.preventDefault(), 
+  o.freeMode && o.freeMode.enabled && t.freeMode && t.animating && !o.cssMode && t.freeMode.onTouchStart(), 
   t.emit("touchStart", n);
 }
 
 function onTouchMove(e) {
-  const t = getDocument(), i = this, n = i.touchEventsData, {params: o, touches: r, rtlTranslate: a, enabled: s} = i;
+  const t = getDocument(), i = this, n = i.touchEventsData, {params: r, touches: o, rtlTranslate: a, enabled: s} = i;
   if (!s) return;
-  if (!o.simulateTouch && "mouse" === e.pointerType) return;
+  if (!r.simulateTouch && "mouse" === e.pointerType) return;
   let l, c = e;
   if (c.originalEvent && (c = c.originalEvent), "pointermove" === c.type) {
     if (null !== n.touchId) return;
@@ -1233,46 +1233,46 @@ function onTouchMove(e) {
   } else l = c;
   if (!n.isTouched) return void (n.startMoving && n.isScrolling && i.emit("touchMoveOpposite", c));
   const d = l.pageX, u = l.pageY;
-  if (c.preventedByNestedSwiper) return r.startX = d, void (r.startY = u);
+  if (c.preventedByNestedSwiper) return o.startX = d, void (o.startY = u);
   if (!i.allowTouchMove) return c.target.matches(n.focusableElements) || (i.allowClick = !1), 
-  void (n.isTouched && (Object.assign(r, {
+  void (n.isTouched && (Object.assign(o, {
     startX: d,
     startY: u,
     currentX: d,
     currentY: u
   }), n.touchStartTime = now()));
-  if (o.touchReleaseOnEdges && !o.loop) if (i.isVertical()) {
+  if (r.touchReleaseOnEdges && !r.loop) if (i.isVertical()) {
     // Vertical
-    if (u < r.startY && i.translate <= i.maxTranslate() || u > r.startY && i.translate >= i.minTranslate()) return n.isTouched = !1, 
+    if (u < o.startY && i.translate <= i.maxTranslate() || u > o.startY && i.translate >= i.minTranslate()) return n.isTouched = !1, 
     void (n.isMoved = !1);
   } else {
-    if (a && (d > r.startX && -i.translate <= i.maxTranslate() || d < r.startX && -i.translate >= i.minTranslate())) return;
-    if (!a && (d < r.startX && i.translate <= i.maxTranslate() || d > r.startX && i.translate >= i.minTranslate())) return;
+    if (a && (d > o.startX && -i.translate <= i.maxTranslate() || d < o.startX && -i.translate >= i.minTranslate())) return;
+    if (!a && (d < o.startX && i.translate <= i.maxTranslate() || d > o.startX && i.translate >= i.minTranslate())) return;
   }
   if (t.activeElement && t.activeElement.matches(n.focusableElements) && t.activeElement !== c.target && "mouse" !== c.pointerType && t.activeElement.blur(), 
   t.activeElement && c.target === t.activeElement && c.target.matches(n.focusableElements)) return n.isMoved = !0, 
   void (i.allowClick = !1);
-  n.allowTouchCallbacks && i.emit("touchMove", c), r.previousX = r.currentX, r.previousY = r.currentY, 
-  r.currentX = d, r.currentY = u;
-  const p = r.currentX - r.startX, h = r.currentY - r.startY;
+  n.allowTouchCallbacks && i.emit("touchMove", c), o.previousX = o.currentX, o.previousY = o.currentY, 
+  o.currentX = d, o.currentY = u;
+  const p = o.currentX - o.startX, h = o.currentY - o.startY;
   if (i.params.threshold && Math.sqrt(p ** 2 + h ** 2) < i.params.threshold) return;
   if (void 0 === n.isScrolling) {
     let e;
-    i.isHorizontal() && r.currentY === r.startY || i.isVertical() && r.currentX === r.startX ? n.isScrolling = !1 : 
+    i.isHorizontal() && o.currentY === o.startY || i.isVertical() && o.currentX === o.startX ? n.isScrolling = !1 : 
     // eslint-disable-next-line
     p * p + h * h >= 25 && (e = 180 * Math.atan2(Math.abs(h), Math.abs(p)) / Math.PI, 
-    n.isScrolling = i.isHorizontal() ? e > o.touchAngle : 90 - e > o.touchAngle);
+    n.isScrolling = i.isHorizontal() ? e > r.touchAngle : 90 - e > r.touchAngle);
   }
-  if (n.isScrolling && i.emit("touchMoveOpposite", c), void 0 === n.startMoving && (r.currentX === r.startX && r.currentY === r.startY || (n.startMoving = !0)), 
+  if (n.isScrolling && i.emit("touchMoveOpposite", c), void 0 === n.startMoving && (o.currentX === o.startX && o.currentY === o.startY || (n.startMoving = !0)), 
   n.isScrolling || "touchmove" === c.type && n.preventTouchMoveFromPointerMove) return void (n.isTouched = !1);
   if (!n.startMoving) return;
-  i.allowClick = !1, !o.cssMode && c.cancelable && c.preventDefault(), o.touchMoveStopPropagation && !o.nested && c.stopPropagation();
-  let f = i.isHorizontal() ? p : h, v = i.isHorizontal() ? r.currentX - r.previousX : r.currentY - r.previousY;
-  o.oneWayMovement && (f = Math.abs(f) * (a ? 1 : -1), v = Math.abs(v) * (a ? 1 : -1)), 
-  r.diff = f, f *= o.touchRatio, a && (f = -f, v = -v);
+  i.allowClick = !1, !r.cssMode && c.cancelable && c.preventDefault(), r.touchMoveStopPropagation && !r.nested && c.stopPropagation();
+  let f = i.isHorizontal() ? p : h, v = i.isHorizontal() ? o.currentX - o.previousX : o.currentY - o.previousY;
+  r.oneWayMovement && (f = Math.abs(f) * (a ? 1 : -1), v = Math.abs(v) * (a ? 1 : -1)), 
+  o.diff = f, f *= r.touchRatio, a && (f = -f, v = -v);
   const g = i.touchesDirection;
   i.swipeDirection = f > 0 ? "prev" : "next", i.touchesDirection = v > 0 ? "prev" : "next";
-  const m = i.params.loop && !o.cssMode, w = "next" === i.touchesDirection && i.allowSlideNext || "prev" === i.touchesDirection && i.allowSlidePrev;
+  const m = i.params.loop && !r.cssMode, w = "next" === i.touchesDirection && i.allowSlideNext || "prev" === i.touchesDirection && i.allowSlidePrev;
   if (!n.isMoved) {
     if (m && w && i.loopFix({
       direction: i.swipeDirection
@@ -1288,10 +1288,10 @@ function onTouchMove(e) {
     }
     n.allowMomentumBounce = !1, 
     // Grab Cursor
-    !o.grabCursor || !0 !== i.allowSlideNext && !0 !== i.allowSlidePrev || i.setGrabCursor(!0), 
+    !r.grabCursor || !0 !== i.allowSlideNext && !0 !== i.allowSlidePrev || i.setGrabCursor(!0), 
     i.emit("sliderFirstMove", c);
   }
-  if ((new Date).getTime(), !1 !== o._loopSwapReset && n.isMoved && n.allowThresholdMove && g !== i.touchesDirection && m && w && Math.abs(f) >= 1) return Object.assign(r, {
+  if ((new Date).getTime(), !1 !== r._loopSwapReset && n.isMoved && n.allowThresholdMove && g !== i.touchesDirection && m && w && Math.abs(f) >= 1) return Object.assign(o, {
     startX: d,
     startY: u,
     currentX: d,
@@ -1299,31 +1299,31 @@ function onTouchMove(e) {
     startTranslate: n.currentTranslate
   }), n.loopSwapReset = !0, void (n.startTranslate = n.currentTranslate);
   i.emit("sliderMove", c), n.isMoved = !0, n.currentTranslate = f + n.startTranslate;
-  let b = !0, x = o.resistanceRatio;
+  let b = !0, x = r.resistanceRatio;
   // Threshold
-  if (o.touchReleaseOnEdges && (x = 0), f > 0 ? (m && w && n.allowThresholdMove && n.currentTranslate > (o.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] - ("auto" !== o.slidesPerView && i.slides.length - o.slidesPerView >= 2 ? i.slidesSizesGrid[i.activeIndex + 1] + i.params.spaceBetween : 0) - i.params.spaceBetween : i.minTranslate()) && i.loopFix({
+  if (r.touchReleaseOnEdges && (x = 0), f > 0 ? (m && w && n.allowThresholdMove && n.currentTranslate > (r.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] - ("auto" !== r.slidesPerView && i.slides.length - r.slidesPerView >= 2 ? i.slidesSizesGrid[i.activeIndex + 1] + i.params.spaceBetween : 0) - i.params.spaceBetween : i.minTranslate()) && i.loopFix({
     direction: "prev",
     setTranslate: !0,
     activeSlideIndex: 0
-  }), n.currentTranslate > i.minTranslate() && (b = !1, o.resistance && (n.currentTranslate = i.minTranslate() - 1 + (-i.minTranslate() + n.startTranslate + f) ** x))) : f < 0 && (m && w && n.allowThresholdMove && n.currentTranslate < (o.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween + ("auto" !== o.slidesPerView && i.slides.length - o.slidesPerView >= 2 ? i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween : 0) : i.maxTranslate()) && i.loopFix({
+  }), n.currentTranslate > i.minTranslate() && (b = !1, r.resistance && (n.currentTranslate = i.minTranslate() - 1 + (-i.minTranslate() + n.startTranslate + f) ** x))) : f < 0 && (m && w && n.allowThresholdMove && n.currentTranslate < (r.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween + ("auto" !== r.slidesPerView && i.slides.length - r.slidesPerView >= 2 ? i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween : 0) : i.maxTranslate()) && i.loopFix({
     direction: "next",
     setTranslate: !0,
-    activeSlideIndex: i.slides.length - ("auto" === o.slidesPerView ? i.slidesPerViewDynamic() : Math.ceil(parseFloat(o.slidesPerView, 10)))
-  }), n.currentTranslate < i.maxTranslate() && (b = !1, o.resistance && (n.currentTranslate = i.maxTranslate() + 1 - (i.maxTranslate() - n.startTranslate - f) ** x))), 
+    activeSlideIndex: i.slides.length - ("auto" === r.slidesPerView ? i.slidesPerViewDynamic() : Math.ceil(parseFloat(r.slidesPerView, 10)))
+  }), n.currentTranslate < i.maxTranslate() && (b = !1, r.resistance && (n.currentTranslate = i.maxTranslate() + 1 - (i.maxTranslate() - n.startTranslate - f) ** x))), 
   b && (c.preventedByNestedSwiper = !0), 
   // Directions locks
   !i.allowSlideNext && "next" === i.swipeDirection && n.currentTranslate < n.startTranslate && (n.currentTranslate = n.startTranslate), 
   !i.allowSlidePrev && "prev" === i.swipeDirection && n.currentTranslate > n.startTranslate && (n.currentTranslate = n.startTranslate), 
   i.allowSlidePrev || i.allowSlideNext || (n.currentTranslate = n.startTranslate), 
-  o.threshold > 0) {
-    if (!(Math.abs(f) > o.threshold || n.allowThresholdMove)) return void (n.currentTranslate = n.startTranslate);
-    if (!n.allowThresholdMove) return n.allowThresholdMove = !0, r.startX = r.currentX, 
-    r.startY = r.currentY, n.currentTranslate = n.startTranslate, void (r.diff = i.isHorizontal() ? r.currentX - r.startX : r.currentY - r.startY);
+  r.threshold > 0) {
+    if (!(Math.abs(f) > r.threshold || n.allowThresholdMove)) return void (n.currentTranslate = n.startTranslate);
+    if (!n.allowThresholdMove) return n.allowThresholdMove = !0, o.startX = o.currentX, 
+    o.startY = o.currentY, n.currentTranslate = n.startTranslate, void (o.diff = i.isHorizontal() ? o.currentX - o.startX : o.currentY - o.startY);
   }
-  o.followFinger && !o.cssMode && (
+  r.followFinger && !r.cssMode && (
   // Update active index in free mode
-  (o.freeMode && o.freeMode.enabled && i.freeMode || o.watchSlidesProgress) && (i.updateActiveIndex(), 
-  i.updateSlidesClasses()), o.freeMode && o.freeMode.enabled && i.freeMode && i.freeMode.onTouchMove(), 
+  (r.freeMode && r.freeMode.enabled && i.freeMode || r.watchSlidesProgress) && (i.updateActiveIndex(), 
+  i.updateSlidesClasses()), r.freeMode && r.freeMode.enabled && i.freeMode && i.freeMode.onTouchMove(), 
   // Update progress
   i.updateProgress(n.currentTranslate), 
   // Update translate
@@ -1332,66 +1332,66 @@ function onTouchMove(e) {
 
 function onTouchEnd(e) {
   const t = this, i = t.touchEventsData;
-  let n, o = e;
-  o.originalEvent && (o = o.originalEvent);
-  if ("touchend" === o.type || "touchcancel" === o.type) {
-    if (n = [ ...o.changedTouches ].find((e => e.identifier === i.touchId)), !n || n.identifier !== i.touchId) return;
+  let n, r = e;
+  r.originalEvent && (r = r.originalEvent);
+  if ("touchend" === r.type || "touchcancel" === r.type) {
+    if (n = [ ...r.changedTouches ].find((e => e.identifier === i.touchId)), !n || n.identifier !== i.touchId) return;
   } else {
     if (null !== i.touchId) return;
  // return from pointer if we use touch
-        if (o.pointerId !== i.pointerId) return;
-    n = o;
+        if (r.pointerId !== i.pointerId) return;
+    n = r;
   }
-  if ([ "pointercancel", "pointerout", "pointerleave", "contextmenu" ].includes(o.type)) {
-    if (!([ "pointercancel", "contextmenu" ].includes(o.type) && (t.browser.isSafari || t.browser.isWebView))) return;
+  if ([ "pointercancel", "pointerout", "pointerleave", "contextmenu" ].includes(r.type)) {
+    if (!([ "pointercancel", "contextmenu" ].includes(r.type) && (t.browser.isSafari || t.browser.isWebView))) return;
   }
   i.pointerId = null, i.touchId = null;
-  const {params: r, touches: a, rtlTranslate: s, slidesGrid: l, enabled: c} = t;
+  const {params: o, touches: a, rtlTranslate: s, slidesGrid: l, enabled: c} = t;
   if (!c) return;
-  if (!r.simulateTouch && "mouse" === o.pointerType) return;
-  if (i.allowTouchCallbacks && t.emit("touchEnd", o), i.allowTouchCallbacks = !1, 
-  !i.isTouched) return i.isMoved && r.grabCursor && t.setGrabCursor(!1), i.isMoved = !1, 
+  if (!o.simulateTouch && "mouse" === r.pointerType) return;
+  if (i.allowTouchCallbacks && t.emit("touchEnd", r), i.allowTouchCallbacks = !1, 
+  !i.isTouched) return i.isMoved && o.grabCursor && t.setGrabCursor(!1), i.isMoved = !1, 
   void (i.startMoving = !1);
   // Return Grab Cursor
-    r.grabCursor && i.isMoved && i.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1);
+    o.grabCursor && i.isMoved && i.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1);
   // Time diff
     const d = now(), u = d - i.touchStartTime;
   // Tap, doubleTap, Click
   if (t.allowClick) {
-    const e = o.path || o.composedPath && o.composedPath();
-    t.updateClickedSlide(e && e[0] || o.target, e), t.emit("tap click", o), u < 300 && d - i.lastClickTime < 300 && t.emit("doubleTap doubleClick", o);
+    const e = r.path || r.composedPath && r.composedPath();
+    t.updateClickedSlide(e && e[0] || r.target, e), t.emit("tap click", r), u < 300 && d - i.lastClickTime < 300 && t.emit("doubleTap doubleClick", r);
   }
   if (i.lastClickTime = now(), nextTick((() => {
     t.destroyed || (t.allowClick = !0);
   })), !i.isTouched || !i.isMoved || !t.swipeDirection || 0 === a.diff && !i.loopSwapReset || i.currentTranslate === i.startTranslate && !i.loopSwapReset) return i.isTouched = !1, 
   i.isMoved = !1, void (i.startMoving = !1);
   let p;
-  if (i.isTouched = !1, i.isMoved = !1, i.startMoving = !1, p = r.followFinger ? s ? t.translate : -t.translate : -i.currentTranslate, 
-  r.cssMode) return;
-  if (r.freeMode && r.freeMode.enabled) return void t.freeMode.onTouchEnd({
+  if (i.isTouched = !1, i.isMoved = !1, i.startMoving = !1, p = o.followFinger ? s ? t.translate : -t.translate : -i.currentTranslate, 
+  o.cssMode) return;
+  if (o.freeMode && o.freeMode.enabled) return void t.freeMode.onTouchEnd({
     currentPos: p
   });
   // Find current slide
     const h = p >= -t.maxTranslate() && !t.params.loop;
   let f = 0, v = t.slidesSizesGrid[0];
-  for (let e = 0; e < l.length; e += e < r.slidesPerGroupSkip ? 1 : r.slidesPerGroup) {
-    const t = e < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
+  for (let e = 0; e < l.length; e += e < o.slidesPerGroupSkip ? 1 : o.slidesPerGroup) {
+    const t = e < o.slidesPerGroupSkip - 1 ? 1 : o.slidesPerGroup;
     void 0 !== l[e + t] ? (h || p >= l[e] && p < l[e + t]) && (f = e, v = l[e + t] - l[e]) : (h || p >= l[e]) && (f = e, 
     v = l[l.length - 1] - l[l.length - 2]);
   }
   let g = null, m = null;
-  r.rewind && (t.isBeginning ? m = r.virtual && r.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (g = 0));
+  o.rewind && (t.isBeginning ? m = o.virtual && o.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1 : t.isEnd && (g = 0));
   // Find current slide size
-    const w = (p - l[f]) / v, b = f < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
-  if (u > r.longSwipesMs) {
+    const w = (p - l[f]) / v, b = f < o.slidesPerGroupSkip - 1 ? 1 : o.slidesPerGroup;
+  if (u > o.longSwipesMs) {
     // Long touches
-    if (!r.longSwipes) return void t.slideTo(t.activeIndex);
-    "next" === t.swipeDirection && (w >= r.longSwipesRatio ? t.slideTo(r.rewind && t.isEnd ? g : f + b) : t.slideTo(f)), 
-    "prev" === t.swipeDirection && (w > 1 - r.longSwipesRatio ? t.slideTo(f + b) : null !== m && w < 0 && Math.abs(w) > r.longSwipesRatio ? t.slideTo(m) : t.slideTo(f));
+    if (!o.longSwipes) return void t.slideTo(t.activeIndex);
+    "next" === t.swipeDirection && (w >= o.longSwipesRatio ? t.slideTo(o.rewind && t.isEnd ? g : f + b) : t.slideTo(f)), 
+    "prev" === t.swipeDirection && (w > 1 - o.longSwipesRatio ? t.slideTo(f + b) : null !== m && w < 0 && Math.abs(w) > o.longSwipesRatio ? t.slideTo(m) : t.slideTo(f));
   } else {
     // Short swipes
-    if (!r.shortSwipes) return void t.slideTo(t.activeIndex);
-    t.navigation && (o.target === t.navigation.nextEl || o.target === t.navigation.prevEl) ? o.target === t.navigation.nextEl ? t.slideTo(f + b) : t.slideTo(f) : ("next" === t.swipeDirection && t.slideTo(null !== g ? g : f + b), 
+    if (!o.shortSwipes) return void t.slideTo(t.activeIndex);
+    t.navigation && (r.target === t.navigation.nextEl || r.target === t.navigation.prevEl) ? r.target === t.navigation.nextEl ? t.slideTo(f + b) : t.slideTo(f) : ("next" === t.swipeDirection && t.slideTo(null !== g ? g : f + b), 
     "prev" === t.swipeDirection && t.slideTo(null !== m ? m : f));
   }
 }
@@ -1402,7 +1402,7 @@ function onResize() {
   // Breakpoints
     t.breakpoints && e.setBreakpoint();
   // Save locks
-    const {allowSlideNext: n, allowSlidePrev: o, snapGrid: r} = e, a = e.virtual && e.params.virtual.enabled;
+    const {allowSlideNext: n, allowSlidePrev: r, snapGrid: o} = e, a = e.virtual && e.params.virtual.enabled;
   // Disable locks on resize
   e.allowSlideNext = !0, e.allowSlidePrev = !0, e.updateSize(), e.updateSlides(), 
   e.updateSlidesClasses();
@@ -1413,7 +1413,7 @@ function onResize() {
     e.autoplay && e.autoplay.running && e.autoplay.paused && e.autoplay.resume();
   }), 500)), 
   // Return locks after resize
-  e.allowSlidePrev = o, e.allowSlideNext = n, e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow();
+  e.allowSlidePrev = r, e.allowSlideNext = n, e.params.watchOverflow && o !== e.snapGrid && e.checkOverflow();
 }
 
 function onClick(e) {
@@ -1425,12 +1425,12 @@ function onClick(e) {
 function onScroll() {
   const e = this, {wrapperEl: t, rtlTranslate: i, enabled: n} = e;
   if (!n) return;
-  let o;
+  let r;
   e.previousTranslate = e.translate, e.isHorizontal() ? e.translate = -t.scrollLeft : e.translate = -t.scrollTop, 
   // eslint-disable-next-line
   0 === e.translate && (e.translate = 0), e.updateActiveIndex(), e.updateSlidesClasses();
-  const r = e.maxTranslate() - e.minTranslate();
-  o = 0 === r ? 0 : (e.translate - e.minTranslate()) / r, o !== e.progress && e.updateProgress(i ? -e.translate : e.translate), 
+  const o = e.maxTranslate() - e.minTranslate();
+  r = 0 === o ? 0 : (e.translate - e.minTranslate()) / o, r !== e.progress && e.updateProgress(i ? -e.translate : e.translate), 
   e.emit("setTranslate", e.translate, !1);
 }
 
@@ -1445,15 +1445,15 @@ function onDocumentTouchStart() {
 }
 
 const events = (e, t) => {
-  const i = getDocument(), {params: n, el: o, wrapperEl: r, device: a} = e, s = !!n.nested, l = "on" === t ? "addEventListener" : "removeEventListener", c = t;
-  o && "string" != typeof o && (
+  const i = getDocument(), {params: n, el: r, wrapperEl: o, device: a} = e, s = !!n.nested, l = "on" === t ? "addEventListener" : "removeEventListener", c = t;
+  r && "string" != typeof r && (
   // Touch Events
   i[l]("touchstart", e.onDocumentTouchStart, {
     passive: !1,
     capture: s
-  }), o[l]("touchstart", e.onTouchStart, {
+  }), r[l]("touchstart", e.onTouchStart, {
     passive: !1
-  }), o[l]("pointerdown", e.onTouchStart, {
+  }), r[l]("pointerdown", e.onTouchStart, {
     passive: !1
   }), i[l]("touchmove", e.onTouchMove, {
     passive: !1,
@@ -1477,12 +1477,12 @@ const events = (e, t) => {
     passive: !0
   }), 
   // Prevent Links Clicks
-  (n.preventClicks || n.preventClicksPropagation) && o[l]("click", e.onClick, !0), 
-  n.cssMode && r[l]("scroll", e.onScroll), 
+  (n.preventClicks || n.preventClicksPropagation) && r[l]("click", e.onClick, !0), 
+  n.cssMode && o[l]("scroll", e.onScroll), 
   // Resize handler
   n.updateOnWindowResize ? e[c](a.ios || a.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", onResize, !0) : e[c]("observerUpdate", onResize, !0), 
   // Images loader
-  o[l]("load", e.onLoad, {
+  r[l]("load", e.onLoad, {
     capture: !0
   }));
 };
@@ -1613,12 +1613,12 @@ var C = {
 
 function moduleExtendParams(e, t) {
   return function(i = {}) {
-    const n = Object.keys(i)[0], o = i[n];
-    "object" == typeof o && null !== o ? (!0 === e[n] && (e[n] = {
+    const n = Object.keys(i)[0], r = i[n];
+    "object" == typeof r && null !== r ? (!0 === e[n] && (e[n] = {
       enabled: !0
     }), "navigation" === n && e[n] && e[n].enabled && !e[n].prevEl && !e[n].nextEl && (e[n].auto = !0), 
     [ "pagination", "scrollbar" ].indexOf(n) >= 0 && e[n] && e[n].enabled && !e[n].el && (e[n].auto = !0), 
-    n in e && "enabled" in o ? ("object" != typeof e[n] || "enabled" in e[n] || (e[n].enabled = !0), 
+    n in e && "enabled" in r ? ("object" != typeof e[n] || "enabled" in e[n] || (e[n].enabled = !0), 
     e[n] || (e[n] = {
       enabled: !1
     }), extend(t, i)) : extend(t, i)) : extend(t, i);
@@ -1688,21 +1688,21 @@ function moduleExtendParams(e, t) {
   },
   breakpoints: {
     setBreakpoint: function() {
-      const e = this, {realIndex: t, initialized: i, params: n, el: o} = e, r = n.breakpoints;
-      if (!r || r && 0 === Object.keys(r).length) return;
-      const a = getDocument(), s = "window" !== n.breakpointsBase && n.breakpointsBase ? "container" : n.breakpointsBase, l = [ "window", "container" ].includes(n.breakpointsBase) || !n.breakpointsBase ? e.el : a.querySelector(n.breakpointsBase), c = e.getBreakpoint(r, s, l);
+      const e = this, {realIndex: t, initialized: i, params: n, el: r} = e, o = n.breakpoints;
+      if (!o || o && 0 === Object.keys(o).length) return;
+      const a = getDocument(), s = "window" !== n.breakpointsBase && n.breakpointsBase ? "container" : n.breakpointsBase, l = [ "window", "container" ].includes(n.breakpointsBase) || !n.breakpointsBase ? e.el : a.querySelector(n.breakpointsBase), c = e.getBreakpoint(o, s, l);
       // Get breakpoint for window/container width and update parameters
             if (!c || e.currentBreakpoint === c) return;
-      const d = (c in r ? r[c] : void 0) || e.originalParams, u = isGridEnabled(e, n), p = isGridEnabled(e, d), h = e.params.grabCursor, f = d.grabCursor, v = n.enabled;
-      u && !p ? (o.classList.remove(`${n.containerModifierClass}grid`, `${n.containerModifierClass}grid-column`), 
-      e.emitContainerClasses()) : !u && p && (o.classList.add(`${n.containerModifierClass}grid`), 
-      (d.grid.fill && "column" === d.grid.fill || !d.grid.fill && "column" === n.grid.fill) && o.classList.add(`${n.containerModifierClass}grid-column`), 
+      const d = (c in o ? o[c] : void 0) || e.originalParams, u = isGridEnabled(e, n), p = isGridEnabled(e, d), h = e.params.grabCursor, f = d.grabCursor, v = n.enabled;
+      u && !p ? (r.classList.remove(`${n.containerModifierClass}grid`, `${n.containerModifierClass}grid-column`), 
+      e.emitContainerClasses()) : !u && p && (r.classList.add(`${n.containerModifierClass}grid`), 
+      (d.grid.fill && "column" === d.grid.fill || !d.grid.fill && "column" === n.grid.fill) && r.classList.add(`${n.containerModifierClass}grid-column`), 
       e.emitContainerClasses()), h && !f ? e.unsetGrabCursor() : !h && f && e.setGrabCursor(), 
       // Toggle navigation, pagination, scrollbar
       [ "navigation", "pagination", "scrollbar" ].forEach((t => {
         if (void 0 === d[t]) return;
-        const i = n[t] && n[t].enabled, o = d[t] && d[t].enabled;
-        i && !o && e[t].disable(), !i && o && e[t].enable();
+        const i = n[t] && n[t].enabled, r = d[t] && d[t].enabled;
+        i && !r && e[t].disable(), !i && r && e[t].enable();
       }));
       const g = d.direction && d.direction !== n.direction, m = n.loop && (d.slidesPerView !== n.slidesPerView || g), w = n.loop;
       g && i && e.changeDirection(), extend(e.params, d);
@@ -1718,11 +1718,11 @@ function moduleExtendParams(e, t) {
     getBreakpoint: function(e, t = "window", i) {
       if (!e || "container" === t && !i) return;
       let n = !1;
-      const o = getWindow(), r = "window" === t ? o.innerHeight : i.clientHeight, a = Object.keys(e).map((e => {
+      const r = getWindow(), o = "window" === t ? r.innerHeight : i.clientHeight, a = Object.keys(e).map((e => {
         if ("string" == typeof e && 0 === e.indexOf("@")) {
           const t = parseFloat(e.substr(1));
           return {
-            value: r * t,
+            value: o * t,
             point: e
           };
         }
@@ -1733,8 +1733,8 @@ function moduleExtendParams(e, t) {
       }));
       a.sort(((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10)));
       for (let e = 0; e < a.length; e += 1) {
-        const {point: r, value: s} = a[e];
-        "window" === t ? o.matchMedia(`(min-width: ${s}px)`).matches && (n = r) : s <= i.clientWidth && (n = r);
+        const {point: o, value: s} = a[e];
+        "window" === t ? r.matchMedia(`(min-width: ${s}px)`).matches && (n = o) : s <= i.clientWidth && (n = o);
       }
       return n || "max";
     }
@@ -1752,7 +1752,7 @@ function moduleExtendParams(e, t) {
   },
   classes: {
     addClasses: function() {
-      const e = this, {classNames: t, params: i, rtl: n, el: o, device: r} = e, a = function(e, t) {
+      const e = this, {classNames: t, params: i, rtl: n, el: r, device: o} = e, a = function(e, t) {
         const i = [];
         return e.forEach((e => {
           "object" == typeof e ? Object.keys(e).forEach((n => {
@@ -1770,9 +1770,9 @@ function moduleExtendParams(e, t) {
       }, {
         "grid-column": i.grid && i.grid.rows > 1 && "column" === i.grid.fill
       }, {
-        android: r.android
+        android: o.android
       }, {
-        ios: r.ios
+        ios: o.ios
       }, {
         "css-mode": i.cssMode
       }, {
@@ -1780,7 +1780,7 @@ function moduleExtendParams(e, t) {
       }, {
         "watch-progress": i.watchSlidesProgress
       } ], i.containerModifierClass);
-      t.push(...a), o.classList.add(...t), e.emitContainerClasses();
+      t.push(...a), r.classList.add(...t), e.emitContainerClasses();
     },
     removeClasses: function() {
       const {el: e, classNames: t} = this;
@@ -1806,39 +1806,39 @@ class P {
       })), e;
     }
     // Swiper Instance
-        const o = this;
-    o.__swiper__ = !0, o.support = getSupport(), o.device = getDevice({
+        const r = this;
+    r.__swiper__ = !0, r.support = getSupport(), r.device = getDevice({
       userAgent: i.userAgent
-    }), o.browser = getBrowser(), o.eventsListeners = {}, o.eventsAnyListeners = [], 
-    o.modules = [ ...o.__modules__ ], i.modules && Array.isArray(i.modules) && i.modules.forEach((e => {
-      "function" == typeof e && o.modules.indexOf(e) < 0 && o.modules.push(e);
+    }), r.browser = getBrowser(), r.eventsListeners = {}, r.eventsAnyListeners = [], 
+    r.modules = [ ...r.__modules__ ], i.modules && Array.isArray(i.modules) && i.modules.forEach((e => {
+      "function" == typeof e && r.modules.indexOf(e) < 0 && r.modules.push(e);
     }));
-    const r = {};
-    o.modules.forEach((e => {
+    const o = {};
+    r.modules.forEach((e => {
       e({
         params: i,
-        swiper: o,
-        extendParams: moduleExtendParams(i, r),
-        on: o.on.bind(o),
-        once: o.once.bind(o),
-        off: o.off.bind(o),
-        emit: o.emit.bind(o)
+        swiper: r,
+        extendParams: moduleExtendParams(i, o),
+        on: r.on.bind(r),
+        once: r.once.bind(r),
+        off: r.off.bind(r),
+        emit: r.emit.bind(r)
       });
     }));
     // Extend defaults with modules params
-    const a = extend({}, C, r);
+    const a = extend({}, C, o);
     // Extend defaults with passed params
         // Return app instance
     // eslint-disable-next-line no-constructor-return
-    return o.params = extend({}, a, k, i), o.originalParams = extend({}, o.params), 
-    o.passedParams = extend({}, i), 
+    return r.params = extend({}, a, k, i), r.originalParams = extend({}, r.params), 
+    r.passedParams = extend({}, i), 
     // add event listeners
-    o.params && o.params.on && Object.keys(o.params.on).forEach((e => {
-      o.on(e, o.params.on[e]);
-    })), o.params && o.params.onAny && o.onAny(o.params.onAny), 
+    r.params && r.params.on && Object.keys(r.params.on).forEach((e => {
+      r.on(e, r.params.on[e]);
+    })), r.params && r.params.onAny && r.onAny(r.params.onAny), 
     // Extend Swiper
-    Object.assign(o, {
-      enabled: o.params.enabled,
+    Object.assign(r, {
+      enabled: r.params.enabled,
       el: t,
       // Classes
       classNames: [],
@@ -1848,8 +1848,8 @@ class P {
       snapGrid: [],
       slidesSizesGrid: [],
       // isDirection
-      isHorizontal: () => "horizontal" === o.params.direction,
-      isVertical: () => "vertical" === o.params.direction,
+      isHorizontal: () => "horizontal" === r.params.direction,
+      isVertical: () => "vertical" === r.params.direction,
       // Indexes
       activeIndex: 0,
       realIndex: 0,
@@ -1867,8 +1867,8 @@ class P {
         return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
       },
       // Locks
-      allowSlideNext: o.params.allowSlideNext,
-      allowSlidePrev: o.params.allowSlidePrev,
+      allowSlideNext: r.params.allowSlideNext,
+      allowSlidePrev: r.params.allowSlidePrev,
       // Touch Events
       touchEventsData: {
         isTouched: void 0,
@@ -1880,7 +1880,7 @@ class P {
         startTranslate: void 0,
         allowThresholdMove: void 0,
         // Form elements to match
-        focusableElements: o.params.focusableElements,
+        focusableElements: r.params.focusableElements,
         // Last click time
         lastClickTime: 0,
         clickTimeout: void 0,
@@ -1894,7 +1894,7 @@ class P {
       // Clicks
       allowClick: !0,
       // Touches
-      allowTouchMove: o.params.allowTouchMove,
+      allowTouchMove: r.params.allowTouchMove,
       touches: {
         startX: 0,
         startY: 0,
@@ -1905,9 +1905,9 @@ class P {
       // Images
       imagesToLoad: [],
       imagesLoaded: 0
-    }), o.emit("_swiper"), 
+    }), r.emit("_swiper"), 
     // Init
-    o.params.init && o.init(), o;
+    r.params.init && r.init(), r;
   }
   getDirectionLabel(e) {
     return this.isHorizontal() ? e : {
@@ -1948,8 +1948,8 @@ class P {
   setProgress(e, t) {
     const i = this;
     e = Math.min(Math.max(e, 0), 1);
-    const n = i.minTranslate(), o = (i.maxTranslate() - n) * e + n;
-    i.translateTo(o, void 0 === t ? 0 : t), i.updateActiveIndex(), i.updateSlidesClasses();
+    const n = i.minTranslate(), r = (i.maxTranslate() - n) * e + n;
+    i.translateTo(r, void 0 === t ? 0 : t), i.updateActiveIndex(), i.updateSlidesClasses();
   }
   emitContainerClasses() {
     const e = this;
@@ -1974,7 +1974,7 @@ class P {
     })), e.emit("_slideClasses", t);
   }
   slidesPerViewDynamic(e = "current", t = !1) {
-    const {params: i, slides: n, slidesGrid: o, slidesSizesGrid: r, size: a, activeIndex: s} = this;
+    const {params: i, slides: n, slidesGrid: r, slidesSizesGrid: o, size: a, activeIndex: s} = this;
     let l = 1;
     if ("number" == typeof i.slidesPerView) return i.slidesPerView;
     if (i.centeredSlides) {
@@ -1986,11 +1986,11 @@ class P {
     } else 
     // eslint-disable-next-line
     if ("current" === e) for (let e = s + 1; e < n.length; e += 1) {
-      (t ? o[e] + r[e] - o[s] < a : o[e] - o[s] < a) && (l += 1);
+      (t ? r[e] + o[e] - r[s] < a : r[e] - r[s] < a) && (l += 1);
     } else 
     // previous
     for (let e = s - 1; e >= 0; e -= 1) {
-      o[s] - o[e] < a && (l += 1);
+      r[s] - r[e] < a && (l += 1);
     }
     return l;
   }
@@ -2097,7 +2097,7 @@ class P {
     t.emit("init"), t.emit("afterInit"), t;
   }
   destroy(e = !0, t = !0) {
-    const i = this, {params: n, el: o, wrapperEl: r, slides: a} = i;
+    const i = this, {params: n, el: r, wrapperEl: o, slides: a} = i;
     return void 0 === i.params || i.destroyed || (i.emit("beforeDestroy"), 
     // Init Flag
     i.initialized = !1, 
@@ -2106,8 +2106,8 @@ class P {
     // Destroy loop
     n.loop && i.loopDestroy(), 
     // Cleanup styles
-    t && (i.removeClasses(), o && "string" != typeof o && o.removeAttribute("style"), 
-    r && r.removeAttribute("style"), a && a.length && a.forEach((e => {
+    t && (i.removeClasses(), r && "string" != typeof r && r.removeAttribute("style"), 
+    o && o.removeAttribute("style"), a && a.length && a.forEach((e => {
       e.classList.remove(n.slideVisibleClass, n.slideFullyVisibleClass, n.slideActiveClass, n.slideNextClass, n.slidePrevClass), 
       e.removeAttribute("style"), e.removeAttribute("data-swiper-slide-index");
     }))), i.emit("destroy"), 
@@ -2152,8 +2152,8 @@ class P {
 
 /* eslint no-underscore-dangle: "off" */
 /* eslint no-use-before-define: "off" */
-function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: o}) {
-  let r, a;
+function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: r}) {
+  let o, a;
   e.autoplay = {
     running: !1,
     paused: !1,
@@ -2169,7 +2169,7 @@ function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: o}) {
       pauseOnMouseEnter: !1
     }
   });
-  let s, l, c, d, u, p, h, f = o && o.autoplay ? o.autoplay.delay : 3e3, v = o && o.autoplay ? o.autoplay.delay : 3e3, g = (new Date).getTime();
+  let s, l, c, d, u, p, h, f = r && r.autoplay ? r.autoplay.delay : 3e3, v = r && r.autoplay ? r.autoplay.delay : 3e3, g = (new Date).getTime();
   function onTransitionEnd(t) {
     e && !e.destroyed && e.wrapperEl && t.target === e.wrapperEl && (e.wrapperEl.removeEventListener("transitionend", onTransitionEnd), 
     h || t.detail && t.detail.bySwiperTouchMove || resume());
@@ -2195,17 +2195,17 @@ function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: o}) {
     cancelAnimationFrame(a), calcTimeLeft();
     let i = t;
     void 0 === i && (i = getTotalDelay(), f = i, v = i), s = i;
-    const o = e.params.speed, proceed = () => {
-      e && !e.destroyed && (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(o, !0, !0), 
-      n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(e.slides.length - 1, o, !0, !0), 
-      n("autoplay")) : !e.isEnd || e.params.loop || e.params.rewind ? (e.slideNext(o, !0, !0), 
-      n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(0, o, !0, !0), 
+    const r = e.params.speed, proceed = () => {
+      e && !e.destroyed && (e.params.autoplay.reverseDirection ? !e.isBeginning || e.params.loop || e.params.rewind ? (e.slidePrev(r, !0, !0), 
+      n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(e.slides.length - 1, r, !0, !0), 
+      n("autoplay")) : !e.isEnd || e.params.loop || e.params.rewind ? (e.slideNext(r, !0, !0), 
+      n("autoplay")) : e.params.autoplay.stopOnLastSlide || (e.slideTo(0, r, !0, !0), 
       n("autoplay")), e.params.cssMode && (g = (new Date).getTime(), requestAnimationFrame((() => {
         run();
       }))));
     };
     // eslint-disable-next-line
-    return i > 0 ? (clearTimeout(r), r = setTimeout((() => {
+    return i > 0 ? (clearTimeout(o), o = setTimeout((() => {
       proceed();
     }), i)) : requestAnimationFrame((() => {
       proceed();
@@ -2213,16 +2213,16 @@ function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: o}) {
   }, start = () => {
     g = (new Date).getTime(), e.autoplay.running = !0, run(), n("autoplayStart");
   }, stop = () => {
-    e.autoplay.running = !1, clearTimeout(r), cancelAnimationFrame(a), n("autoplayStop");
+    e.autoplay.running = !1, clearTimeout(o), cancelAnimationFrame(a), n("autoplayStop");
   }, pause = (t, i) => {
     if (e.destroyed || !e.autoplay.running) return;
-    clearTimeout(r), t || (p = !0);
+    clearTimeout(o), t || (p = !0);
     const proceed = () => {
       n("autoplayPause"), e.params.autoplay.waitForTransition ? e.wrapperEl.addEventListener("transitionend", onTransitionEnd) : resume();
     };
     if (e.autoplay.paused = !0, i) return void proceed();
-    const o = s || e.params.autoplay.delay;
-    s = o - ((new Date).getTime() - g), e.isEnd && s < 0 && !e.params.loop || (s < 0 && (s = 0), 
+    const r = s || e.params.autoplay.delay;
+    s = r - ((new Date).getTime() - g), e.isEnd && s < 0 && !e.params.loop || (s < 0 && (s = 0), 
     proceed());
   }, resume = () => {
     e.isEnd && s < 0 && !e.params.loop || e.destroyed || !e.autoplay.running || (g = (new Date).getTime(), 
@@ -2257,7 +2257,7 @@ function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: o}) {
     }), 200)));
   })), i("touchEnd", (() => {
     if (!e.destroyed && e.autoplay.running && c) {
-      if (clearTimeout(u), clearTimeout(r), e.params.autoplay.disableOnInteraction) return d = !1, 
+      if (clearTimeout(u), clearTimeout(o), e.params.autoplay.disableOnInteraction) return d = !1, 
       void (c = !1);
       d && e.params.cssMode && resume(), d = !1, c = !1;
     }
@@ -2278,29 +2278,29 @@ Object.keys(T).forEach((e => {
   }));
 })), P.use([ function({swiper: e, on: t, emit: i}) {
   const n = getWindow();
-  let o = null, r = null;
+  let r = null, o = null;
   const resizeHandler = () => {
     e && !e.destroyed && e.initialized && (i("beforeResize"), i("resize"));
   }, orientationChangeHandler = () => {
     e && !e.destroyed && e.initialized && i("orientationchange");
   };
   t("init", (() => {
-    e.params.resizeObserver && void 0 !== n.ResizeObserver ? e && !e.destroyed && e.initialized && (o = new ResizeObserver((t => {
-      r = n.requestAnimationFrame((() => {
+    e.params.resizeObserver && void 0 !== n.ResizeObserver ? e && !e.destroyed && e.initialized && (r = new ResizeObserver((t => {
+      o = n.requestAnimationFrame((() => {
         const {width: i, height: n} = e;
-        let o = i, r = n;
+        let r = i, o = n;
         t.forEach((({contentBoxSize: t, contentRect: i, target: n}) => {
-          n && n !== e.el || (o = i ? i.width : (t[0] || t).inlineSize, r = i ? i.height : (t[0] || t).blockSize);
-        })), o === i && r === n || resizeHandler();
+          n && n !== e.el || (r = i ? i.width : (t[0] || t).inlineSize, o = i ? i.height : (t[0] || t).blockSize);
+        })), r === i && o === n || resizeHandler();
       }));
-    })), o.observe(e.el)) : (n.addEventListener("resize", resizeHandler), n.addEventListener("orientationchange", orientationChangeHandler));
+    })), r.observe(e.el)) : (n.addEventListener("resize", resizeHandler), n.addEventListener("orientationchange", orientationChangeHandler));
   })), t("destroy", (() => {
-    r && n.cancelAnimationFrame(r), o && o.unobserve && e.el && (o.unobserve(e.el), 
-    o = null), n.removeEventListener("resize", resizeHandler), n.removeEventListener("orientationchange", orientationChangeHandler);
+    o && n.cancelAnimationFrame(o), r && r.unobserve && e.el && (r.unobserve(e.el), 
+    r = null), n.removeEventListener("resize", resizeHandler), n.removeEventListener("orientationchange", orientationChangeHandler);
   }));
 }, function({swiper: e, extendParams: t, on: i, emit: n}) {
-  const o = [], r = getWindow(), attach = (t, i = {}) => {
-    const a = new (r.MutationObserver || r.WebkitMutationObserver)((t => {
+  const r = [], o = getWindow(), attach = (t, i = {}) => {
+    const a = new (o.MutationObserver || o.WebkitMutationObserver)((t => {
       // The observerUpdate event should only be triggered
       // once despite the number of mutations.  Additional
       // triggers are redundant and are very costly
@@ -2309,13 +2309,13 @@ Object.keys(T).forEach((e => {
       const observerUpdate = function() {
         n("observerUpdate", t[0]);
       };
-      r.requestAnimationFrame ? r.requestAnimationFrame(observerUpdate) : r.setTimeout(observerUpdate, 0);
+      o.requestAnimationFrame ? o.requestAnimationFrame(observerUpdate) : o.setTimeout(observerUpdate, 0);
     }));
     a.observe(t, {
       attributes: void 0 === i.attributes || i.attributes,
       childList: e.isElement || (void 0 === i.childList || i).childList,
       characterData: void 0 === i.characterData || i.characterData
-    }), o.push(a);
+    }), r.push(a);
   };
   t({
     observer: !1,
@@ -2344,9 +2344,9 @@ Object.keys(T).forEach((e => {
       });
     }
   })), i("destroy", (() => {
-    o.forEach((e => {
+    r.forEach((e => {
       e.disconnect();
-    })), o.splice(0, o.length);
+    })), r.splice(0, r.length);
   }));
 } ]);
 
@@ -2388,8 +2388,54 @@ const E = 1024, O = class {
          */
     this.label = "tecton.element.carousel.ariaLabel", 
     /** Display navigation arrow buttons as another way to navigate the carousel. */
-    this.showNavigationArrows = !1, this.configureCarousel = (e, t) => {
-      var i, n, o, r;
+    this.showNavigationArrows = !1, 
+    /**
+         * Rebuilt whenever a prop that feeds Swiper's static config (e.g. `loop`) changes,
+         * since Swiper reads its options only at construction time.
+         */
+    this.buildCarouselOptions = () => {
+      this.universalCarouselOptions = {
+        centeredSlides: !0,
+        loop: !1 !== this.loop,
+        focusableElements: "q2-btn, q2-dropdown, q2-item, q2-list, a, input, select, textarea, button, video, label, option",
+        autoplay: this.autoPlay,
+        modules: [ Autoplay ],
+        on: {
+          realIndexChange: e => {
+            // When peek mode pads the DOM with duplicates (3- or 4-pane carousels),
+            // `swiper.realIndex` can point at a duplicate; map it back to the 0..paneCount-1
+            // range so `this.index`, pagination dots, and emitted events stay logical.
+            const t = this.paneCount > 0 ? e.realIndex % this.paneCount : e.realIndex;
+            this.index = t + 1, this.updateCarouselPaneProps();
+            const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), r = i || n;
+            this.handleAriaLive(r), p(this, [ "change", "tctChange" ], {
+              index: t + 1
+            }), i ? this.paginationBtns[t].focus({
+              preventScroll: !0
+            }) : n && e.slides[e.activeIndex].focus({
+              preventScroll: !0
+            });
+          },
+          afterInit: e => {
+            var t;
+            this.swiper = e, null === (t = this.activePane) || void 0 === t || t.addEventListener("popoverStateChanged", this.handlePopovers);
+          },
+          slideChangeTransitionEnd: () => {
+            var e;
+            null === (e = this.activePane) || void 0 === e || e.addEventListener("popoverStateChanged", this.handlePopovers);
+          },
+          slideChangeTransitionStart: () => {
+            var e;
+            null === (e = this.activePane) || void 0 === e || e.removeEventListener("popoverStateChanged", this.handlePopovers);
+          }
+        }
+      }, this.fullWidthDisplayOptions = {
+        slidesPerView: 1,
+        spaceBetween: 100,
+        ...this.universalCarouselOptions
+      };
+    }, this.configureCarousel = (e, t) => {
+      var i, n, r;
       // Disconnect observer to prevent infinite loop from Swiper's internal DOM changes (e.g. loop mode)
             null === (i = this.mutationObserver) || void 0 === i || i.disconnect(), this.swiper && this.tearDownCarousel(), 
       this.autoPlayInProgress = this.autoPlay, 
@@ -2398,10 +2444,10 @@ const E = 1024, O = class {
       this.syncPaneDuplicates(), this.updateCarouselPaneProps();
       // Save the target index before Swiper init — the realIndexChange callback
       // fires during construction and may overwrite this.index
-      const a = this.realIndex;
-      new P(e, t), null === (n = this.swiper) || void 0 === n || n.slideToLoop(a, 0), 
+      const o = this.realIndex;
+      new P(e, t), this.slideToPane(o, 0), 
       // Ensure popover listener is on the active pane after initial positioning
-      null === (o = this.activePane) || void 0 === o || o.addEventListener("popoverStateChanged", this.handlePopovers), 
+      null === (n = this.activePane) || void 0 === n || n.addEventListener("popoverStateChanged", this.handlePopovers), 
       this.autoPlayInProgress && (null === (r = this.swiper) || void 0 === r || r.autoplay.start()), 
       this.managePaneHeightObserver(), 
       // Re-observe after Swiper's DOM changes have settled
@@ -2412,6 +2458,9 @@ const E = 1024, O = class {
           subtree: !0
         });
       }));
+    }, this.getPaginationLabel = e => {
+      const t = this.paneArray.find((t => t.index === e)), i = (null == t ? void 0 : t.label) || (null == t ? void 0 : t.getAttribute("label")), n = s("tecton.element.carousel.itemDescription", [ (e + 1).toString(), this.paneCount.toString() ]);
+      return i ? `${s(i)}, ${n}` : n;
     }, this.handleAutoPlayPause = e => {
       var t;
       if (!this.autoPlay) return;
@@ -2430,7 +2479,7 @@ const E = 1024, O = class {
       null == t || t.disable()) : (i.style.left = null, i.style.transform = `translate3d(${null == t ? void 0 : t.translate}px, 0, 0)`, 
       null == t || t.enable());
     }, this.keydownHandler = e => {
-      var t, i, n, o;
+      var t, i;
       switch (e.key) {
        case "ArrowRight":
         e.preventDefault(), null === (t = this.swiper) || void 0 === t || t.slideNext();
@@ -2441,11 +2490,11 @@ const E = 1024, O = class {
         break;
 
        case "Home":
-        e.preventDefault(), null === (n = this.swiper) || void 0 === n || n.slideToLoop(0);
+        e.preventDefault(), this.slideToPane(0);
         break;
 
        case "End":
-        e.preventDefault(), null === (o = this.swiper) || void 0 === o || o.slideToLoop(this.paneCount - 1);
+        e.preventDefault(), this.slideToPane(this.paneCount - 1);
       }
     }, this.managePaneHeightObserver = () => {
       var e, t, i;
@@ -2469,6 +2518,16 @@ const E = 1024, O = class {
     }, this.setCarouselWrapperWidth = () => {
       this.insufficientPanes || (this.carouselWrapperWidth = this.carouselWrapper.clientWidth);
     }, 
+    /**
+         * Swiper's `slideToLoop` snaps by real (logical) index but only exists when loop mode is on.
+         * For non-looped carousels, `slideTo` targets the same logical index directly since the DOM
+         * has no duplicates.
+         */
+    this.slideToPane = (e, t) => {
+      if (!this.swiper) return;
+      const i = !1 !== this.loop ? this.swiper.slideToLoop : this.swiper.slideTo;
+      void 0 === t ? i.call(this.swiper, e) : i.call(this.swiper, e, t);
+    }, 
     /**
          * Swiper's loop mode needs enough DOM slides on both sides of a centered active slide. For
          * two-pane full-width carousels and 3 to 5 pane peek carousels, we double the pane set in the
@@ -2477,11 +2536,14 @@ const E = 1024, O = class {
          * logical index changes are mapped back to the real-pane range via `modulo paneCount`.
          */
     this.syncPaneDuplicates = () => {
-      const e = this.paneArray, t = e.length, i = 2 === t || !this.useFullWidthPanes && t >= 3 && t <= 5;
+      // Duplicates only exist to satisfy Swiper's loop-mode minimum slide count.
+      // Non-looped carousels navigate their real panes directly.
       if (Array.from(this.hostElement.querySelectorAll("q2-carousel-pane[data-q2-pane-duplicate]")).forEach((e => e.remove())), 
-      !i || 0 === t) return;
-      const n = e[0].parentElement;
-      for (let i = 0; i < t; i += 1) {
+      !1 === this.loop) return;
+      const e = this.paneArray, t = e.length;
+      if (!(2 === t || !this.useFullWidthPanes && t >= 3 && t <= 5) || 0 === t) return;
+      const i = e[0].parentElement;
+      for (let n = 0; n < t; n += 1) {
         // Build a fresh pane and clone only the user-authored slot content. Cloning the
         // hydrated real pane would copy Stencil's rendered `<article class="...main-content">`
         // wrapper, so when the duplicate hydrates it re-wraps → nested articles.
@@ -2489,11 +2551,11 @@ const E = 1024, O = class {
         t.setAttribute("data-q2-pane-duplicate", "true"), t.setAttribute("aria-hidden", "true"), 
         // Apply the same classes Stencil will add on hydration so Swiper recognizes the
         // duplicates as slides during initialization (which happens before Stencil runs).
-        t.classList.add("q2-carousel-pane", "swiper-slide", `q2-carousel-pane-${i}`);
-        const o = e[i].querySelector(":scope > article.q2-carousel-pane-main-content") || e[i];
-        Array.from(o.children).forEach((e => {
+        t.classList.add("q2-carousel-pane", "swiper-slide", `q2-carousel-pane-${n}`);
+        const r = e[n].querySelector(":scope > article.q2-carousel-pane-main-content") || e[n];
+        Array.from(r.children).forEach((e => {
           t.appendChild(e.cloneNode(!0));
-        })), n.appendChild(t);
+        })), i.appendChild(t);
       }
     }, this.syncPaneHeights = () => {
       var e, t;
@@ -2508,11 +2570,11 @@ const E = 1024, O = class {
       // Swiper's loop mode reorders slide DOM nodes, so DOM order no longer matches pane identity.
       // When Swiper has tagged a slide, use its data-swiper-slide-index as the authoritative index.
             t.forEach(((t, n) => {
-        const o = t.getAttribute("data-swiper-slide-index"), r = null !== o ? parseInt(o, 10) : n, a = i > 0 ? r % i : r;
+        const r = t.getAttribute("data-swiper-slide-index"), o = null !== r ? parseInt(r, 10) : n, a = i > 0 ? o % i : o;
         t.index = a, t.siblingCount = i, t.isActivePane = a === this.realIndex, t.slotFrameless = e || void 0;
       }));
       Array.from(this.hostElement.querySelectorAll("q2-carousel-pane[data-q2-pane-duplicate]")).forEach(((t, n) => {
-        const o = t.getAttribute("data-swiper-slide-index"), r = null !== o ? parseInt(o, 10) : n + i, a = i > 0 ? r % i : r;
+        const r = t.getAttribute("data-swiper-slide-index"), o = null !== r ? parseInt(r, 10) : n + i, a = i > 0 ? o % i : o;
         t.index = a, t.siblingCount = i, t.isActivePane = !1, t.slotFrameless = e || void 0;
       })), this.currentPaneCount = i;
     }, 
@@ -2549,58 +2611,65 @@ const E = 1024, O = class {
       }, i("strong", null, s("tecton.element.carousel.insufficientPanesMessageHeader"))), i("p", {
         class: "insufficient-panes-body"
       }, s("tecton.element.carousel.insufficientPanesMessageBody")));
-    }, this.renderNextNavBtn = () => i("div", {
-      class: "next-btn"
-    }, i("button", {
-      type: "button",
-      class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
-      "aria-label": s("tecton.element.carousel.nextItemLabel"),
-      onClick: () => {
-        var e;
-        return null === (e = this.swiper) || void 0 === e ? void 0 : e.slideNext();
-      }
-    }, i("q2-icon", {
-      type: "arrow-right"
-    }))), this.renderPaginationArea = () => {
-      const {useDynamicPaginationDots: e, realIndex: t, paneCount: n} = this, o = [ "q2-carousel-pagination", "autoplay" ];
-      return e && o.push("dynamic"), this.autoPlayInProgress && o.push("autoplay-on"), 
+    }, this.renderNextNavBtn = () => {
+      const e = !1 === this.loop && this.realIndex >= this.paneCount - 1;
+      return i("div", {
+        class: "next-btn"
+      }, i("q2-btn", {
+        class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
+        intent: "workflow-primary",
+        label: s("tecton.element.carousel.nextItemLabel"),
+        hideLabel: !0,
+        disabled: e || void 0,
+        onTctClick: () => {
+          var e;
+          return null === (e = this.swiper) || void 0 === e ? void 0 : e.slideNext();
+        }
+      }, i("q2-icon", {
+        type: "arrow-right"
+      })));
+    }, this.renderPaginationArea = () => {
+      const {useDynamicPaginationDots: e, realIndex: t, paneCount: n} = this, r = [ "q2-carousel-pagination", "autoplay" ];
+      return e && r.push("dynamic"), this.autoPlayInProgress && r.push("autoplay-on"), 
       i("div", {
-        class: o.join(" "),
+        class: r.join(" "),
         role: "tablist",
         "aria-label": s("tecton.element.carousel.tabWrapperLabel")
       }, Array.from({
         length: n
-      }, ((e, t) => t)).map((o => {
-        const r = o === t;
-        let a = [ "q2-carousel-page-indicator", `q2-carousel-page-indicator-${o}` ];
-        r && (a = [ ...a, "active-page" ]), e && (a = [ ...a, "dynamic" ]);
-        return Math.abs(o - t) <= 2 && !r && (a = [ ...a, "active-adjacent" ]), i("button", {
+      }, ((e, t) => t)).map((n => {
+        const r = n === t;
+        let o = [ "q2-carousel-page-indicator", `q2-carousel-page-indicator-${n}` ];
+        r && (o = [ ...o, "active-page" ]), e && (o = [ ...o, "dynamic" ]);
+        return Math.abs(n - t) <= 2 && !r && (o = [ ...o, "active-adjacent" ]), i("button", {
           type: "button",
           role: "tab",
           tabIndex: r ? void 0 : -1,
           "aria-selected": `${r}`,
-          class: a.join(" "),
-          onClick: () => {
-            var e;
-            return null === (e = this.swiper) || void 0 === e ? void 0 : e.slideToLoop(o);
-          },
+          class: o.join(" "),
+          onClick: () => this.slideToPane(n),
           onKeyDown: this.keydownHandler,
-          "aria-label": s("tecton.element.carousel.itemDescription", [ (o + 1).toString(), n.toString() ])
+          "aria-label": this.getPaginationLabel(n)
         });
       })));
-    }, this.renderPrevNavBtn = () => i("div", {
-      class: "prev-btn"
-    }, i("button", {
-      type: "button",
-      class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
-      "aria-label": s("tecton.element.carousel.previousItemLabel"),
-      onClick: () => {
-        var e;
-        return null === (e = this.swiper) || void 0 === e ? void 0 : e.slidePrev();
-      }
-    }, i("q2-icon", {
-      type: "arrow-left"
-    })));
+    }, this.renderPrevNavBtn = () => {
+      const e = !1 === this.loop && this.realIndex <= 0;
+      return i("div", {
+        class: "prev-btn"
+      }, i("q2-btn", {
+        class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
+        intent: "workflow-primary",
+        label: s("tecton.element.carousel.previousItemLabel"),
+        hideLabel: !0,
+        disabled: e || void 0,
+        onTctClick: () => {
+          var e;
+          return null === (e = this.swiper) || void 0 === e ? void 0 : e.slidePrev();
+        }
+      }, i("q2-icon", {
+        type: "arrow-left"
+      })));
+    };
   }
   // #endregion
   // #region Component Lifecycle Events
@@ -2613,46 +2682,7 @@ const E = 1024, O = class {
   componentWillLoad() {
     l(this), this.updateCarouselPaneProps(), window.addEventListener("resize", this.setCarouselWrapperWidth), 
     h(this.hostElement, "q2-carousel-pane") || f(this.hostElement, "q2-carousel-pane"), 
-    this.universalCarouselOptions = {
-      centeredSlides: !0,
-      loop: !0,
-      focusableElements: "q2-btn, q2-dropdown, q2-item, q2-list, a, input, select, textarea, button, video, label, option",
-      autoplay: this.autoPlay,
-      modules: [ Autoplay ],
-      on: {
-        realIndexChange: e => {
-          // When peek mode pads the DOM with duplicates (3- or 4-pane carousels),
-          // `swiper.realIndex` can point at a duplicate; map it back to the 0..paneCount-1
-          // range so `this.index`, pagination dots, and emitted events stay logical.
-          const t = this.paneCount > 0 ? e.realIndex % this.paneCount : e.realIndex;
-          this.index = t + 1, this.updateCarouselPaneProps();
-          const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), o = i || n;
-          this.handleAriaLive(o), p(this, [ "change", "tctChange" ], {
-            index: t + 1
-          }), i ? this.paginationBtns[t].focus({
-            preventScroll: !0
-          }) : n && e.slides[e.activeIndex].focus({
-            preventScroll: !0
-          });
-        },
-        afterInit: e => {
-          var t;
-          this.swiper = e, null === (t = this.activePane) || void 0 === t || t.addEventListener("popoverStateChanged", this.handlePopovers);
-        },
-        slideChangeTransitionEnd: () => {
-          var e;
-          null === (e = this.activePane) || void 0 === e || e.addEventListener("popoverStateChanged", this.handlePopovers);
-        },
-        slideChangeTransitionStart: () => {
-          var e;
-          null === (e = this.activePane) || void 0 === e || e.removeEventListener("popoverStateChanged", this.handlePopovers);
-        }
-      }
-    }, this.fullWidthDisplayOptions = {
-      slidesPerView: 1,
-      spaceBetween: 100,
-      ...this.universalCarouselOptions
-    };
+    this.buildCarouselOptions();
   }
   componentDidLoad() {
     this.setCarouselWrapperWidth(), this.carouselWrapper && this.paneArray.length && this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
@@ -2665,8 +2695,7 @@ const E = 1024, O = class {
   // #endregion
   // #region Listeners
   carouselPaneClicked(e) {
-    var t;
-    null === (t = this.swiper) || void 0 === t || t.slideToLoop(e.detail.paneIndex);
+    this.slideToPane(e.detail.paneIndex);
   }
   delegateFocus(e) {
     var t, i;
@@ -2682,11 +2711,11 @@ const E = 1024, O = class {
      * @testOnly
      */
   async selectCarouselPane(e) {
-    var t, i, n;
+    var t, i;
     if (e > this.paneCount) return;
-    const o = e > 0 ? e - 1 : 0;
-    null === (t = this.swiper) || void 0 === t || t.slideToLoop(o);
-    const r = null === (i = this.swiper) || void 0 === i ? void 0 : i.slides[null === (n = this.swiper) || void 0 === n ? void 0 : n.activeIndex];
+    const n = e > 0 ? e - 1 : 0;
+    this.slideToPane(n);
+    const r = null === (t = this.swiper) || void 0 === t ? void 0 : t.slides[null === (i = this.swiper) || void 0 === i ? void 0 : i.activeIndex];
     null == r || r.focus({
       preventScroll: !0
     });
@@ -2718,7 +2747,7 @@ const E = 1024, O = class {
     this.updateCarouselPaneProps(), this.revampCarousel();
   }
   revampCarousel() {
-    this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
+    this.buildCarouselOptions(), this.syncPaneDuplicates(), this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
   }
   indexChanged(e) {
     // this allows the carousel to be swiped programmatically via the index prop
@@ -2726,7 +2755,7 @@ const E = 1024, O = class {
     // Small looped carousels duplicate the pane set, so `swiper.realIndex` may point
     // at a duplicate. Compare against its logical (mod paneCount) equivalent before deciding
     // to programmatically slide — otherwise the watcher fights our own realIndexChange mapping.
-        e !== (this.paneCount > 0 ? this.swiper.realIndex % this.paneCount : this.swiper.realIndex) + 1 && this.swiper.slideToLoop(this.realIndex);
+        e !== (this.paneCount > 0 ? this.swiper.realIndex % this.paneCount : this.swiper.realIndex) + 1 && this.slideToPane(this.realIndex);
   }
   // #endregion
   // #region Local Methods
@@ -2782,14 +2811,14 @@ const E = 1024, O = class {
     this.autoPlayInProgress && !e ? this.ariaLiveValue = "off" : this.ariaLiveValue = "polite";
   }
   render() {
-    const {paneCount: e, useFullWidthPanes: t, framelessPanes: r, compactMode: a, showNavigationArrows: l, arrowPosition: c = "bottom", insufficientPanes: d, autoPlay: u, hidePagination: p, ariaLiveValue: h, label: f} = this;
+    const {paneCount: e, useFullWidthPanes: t, framelessPanes: o, compactMode: a, showNavigationArrows: l, arrowPosition: c = "bottom", insufficientPanes: d, autoPlay: u, hidePagination: p, ariaLiveValue: h, label: f} = this;
     let v = [ "q2-carousel-swiper-container", "swiper" ];
-    t && (v = [ ...v, "full-width-display" ]), r && (v = [ ...v, "frameless-display" ]), 
+    t && (v = [ ...v, "full-width-display" ]), o && (v = [ ...v, "frameless-display" ]), 
     t || (v = [ ...v, "content-peek-display" ]), a && (v = [ ...v, "compact" ]);
     const g = [ "q2-carousel-pagination-navigation-wrapper" ];
     return l && "bottom" === c && g.push("evenly-space"), l && "hug" === c && g.push("center-space"), 
-    i(o, {
-      key: "e99de21a2de9706b1ff5fcd8dd2349c99920198b",
+    i(r, {
+      key: "2c623516b2b0ce7800440110cde323bdf065abc1",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
     }, d ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {
@@ -2817,7 +2846,7 @@ const E = 1024, O = class {
     }, this.renderPrevNavBtn(), this.renderNextNavBtn())))));
   }
   get hostElement() {
-    return r(this);
+    return o(this);
   }
   static get watchers() {
     return {
@@ -2844,6 +2873,9 @@ const E = 1024, O = class {
       autoPlay: [ {
         revampCarousel: 0
       } ],
+      loop: [ {
+        revampCarousel: 0
+      } ],
       index: [ {
         indexChanged: 0
       } ]
@@ -2851,6 +2883,6 @@ const E = 1024, O = class {
   }
 };
 
-O.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel{display:grid;grid-template-rows:repeat(2, auto);gap:var(--tct-carousel-gap, var(--app-scale-2x, 10px))}.swiper{--comp-container-padding:var(--app-scale-1x, 5px) 0 var(--app-scale-2x, 10px);display:block;width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;padding:var(--tct-carousel-container-padding, var(--t-carousel-container-padding, var(--comp-container-padding, 5px 0 10px)))}.insufficient-pane-feedback{text-align:center;box-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));background:var(--tct-carousel-background, var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 1px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 7px))}.insufficient-pane-feedback.content-peek-display{max-width:395px;margin:0 auto}.insufficient-pane-feedback .insufficient-panes-header,.insufficient-pane-feedback .insufficient-panes-body{text-align:center}.insufficient-pane-feedback .insufficient-panes-header strong{font-weight:600}.insufficient-pane-feedback .insufficient-panes-body{margin:0 auto 2rem auto;max-width:75%}.insufficient-pane-feedback .insufficient-panes-icon-wrapper{display:flex;justify-content:center;margin:1rem 0 2rem 0}.insufficient-pane-feedback .insufficient-panes-icon-wrapper q2-icon{width:38px}.q2-carousel-pagination-navigation-wrapper{grid-row:2;display:flex;justify-content:center;align-items:center;min-height:44px}.q2-carousel-pagination-navigation-wrapper.evenly-space{justify-content:space-between}.q2-carousel-pagination-navigation-wrapper.center-space{justify-content:center}.q2-carousel-pagination-navigation-wrapper.center-space .q2-carousel-control-center-tray{margin:var(--tct-carousel-pagination-center-tray-margin, 0 24px)}.q2-carousel-floating-arrow-wrapper{--comp-pagination-arrow-height:var(--tct-carousel-floating-nav-arrow-height, 44px);width:auto;z-index:2;display:flex;position:absolute;left:10px;right:10px;top:calc(50% - var(--comp-pagination-arrow-height) / 2);height:var(--comp-pagination-arrow-height);justify-content:space-between;align-items:center}.q2-carousel-control-center-tray{display:flex;align-items:center;gap:var(--tct-carousel-control-gap, 16px)}.q2-carousel-swiper-wrapper.compact{overflow:visible}.q2-carousel-swiper-wrapper.compact q2-btn{margin-top:4px}.q2-carousel-pagination{height:var(--tct-carousel-pagination-height, 12px);display:flex;align-content:center;justify-content:center;gap:0.5rem;--comp-carousel-page-transition-duration:var(--tct-carousel-page-transition-duration, 0.3s)}.q2-carousel-pagination .q2-carousel-page-indicator{display:inline-block;height:var(--tct-carousel-indicator-size, 8px);width:var(--tct-carousel-indicator-size, 8px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-page-indicator-inactive-color, var(--t-gray11, #cccccc));padding:0;border:0;transition:width 0.3s ease, background-color 0.3s ease 0.3s;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination .q2-carousel-page-indicator:hover{background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6a4a9e));transition:background-color 0.3s ease;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination .q2-carousel-page-indicator.active-page{width:var(--tct-carousel-indicator-active-width, 24px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6A4A9E))}.q2-carousel-pagination .q2-carousel-page-indicator.active-page:focus-visible{box-shadow:var(--tct-carousel-indicator-active-focus-visible-box-shadow, var(--const-double-focus-ring))}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator{display:none}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-page,.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent{display:inline-block;height:8px;width:8px}.q2-carousel-pagination.autoplay{align-items:center;gap:var(--tct-carousel-pagination-gap, var(--app-scale-2x, 8px))}.q2-carousel-pagination.autoplay.autoplay-on{--comp-carousel-indicator-grow-animation:autoplay-progress 3s linear forwards}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator{height:var(--tct-carousel-page-indicator-height, 8px);width:var(--tct-carousel-page-indicator-width, 8px);transition:width 0.3s ease;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator.active-page{width:var(--tct-carousel-indicator-active-width, 24px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-indicator-inactive, var(--t-gray11, #cccccc));position:relative;overflow:hidden}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator.active-page::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:var(--tct-carousel-active-page-border-radius-pseudo, 4px);background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6a4a9e));transform-origin:left;animation:var(--comp-carousel-indicator-grow-animation, none)}@keyframes autoplay-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.q2-carousel-section-wrapper{position:relative;grid-row:1;overflow:hidden}.q2-carousel-edge-fade{position:absolute;top:0;bottom:0;width:var(--tct-carousel-edge-fade-width, 64px);z-index:10;pointer-events:none}.q2-carousel-edge-fade-left{left:0;background:linear-gradient(to right, var(--tct-carousel-edge-fade-color, #ffffff), transparent)}.q2-carousel-edge-fade-right{right:0;background:linear-gradient(to left, var(--tct-carousel-edge-fade-color, #ffffff), transparent)}.q2-carousel-swiper-container{}.q2-carousel-swiper-container .swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.q2-carousel-swiper-container.content-peek-display .q2-carousel-pane:not(.swiper-slide-active){transform:scale(var(--tct-carousel-neighbor-pane-scale, 1))}.q2-carousel-swiper-container.frameless-display{padding:var(--tct-carousel-frameless-container-padding, var(--t-carousel-frameless-container-padding, 0))}.q2-carousel-swiper-container.full-width-display{--comp-container-padding:var(--app-scale-1x, 5px) var(--app-scale-2x, 10px) var(--app-scale-2x, 10px);padding:var(--tct-carousel-full-width-container-padding, var(--t-carousel-full-width-container-padding, var(--comp-container-padding, 5px 10px 10px)))}.q2-carousel-navigation-button{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;opacity:var(--tct-carousel-navigation-arrow-opacity, 1);-webkit-tap-highlight-color:transparent}.q2-carousel-navigation-button::before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background-color:var(--tct-carousel-arrow-background, var(--t-primary, #6a4a9e));transition:background-color var(--t-tween-time-in-2, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1))}.q2-carousel-navigation-button:hover::before,.q2-carousel-navigation-button:focus-visible::before{background-color:var(--tct-carousel-arrow-hover-background, var(--t-primary-d1, #5f438e))}.q2-carousel-navigation-button:focus-visible{outline:none;box-shadow:none}.q2-carousel-navigation-button:focus-visible::before{outline:2px solid var(--const-focus-color, #1a73e8);outline-offset:2px}.q2-carousel-navigation-button q2-icon{position:relative;--tct-icon-size:16px;--tct-icon-stroke-primary:var(--tct-carousel-arrow-font-color, var(--t-base, #ffffff));--tct-icon-stroke-secondary:var(--tct-carousel-btn-icon-stroke-secondary, var(--app-gray, #747474))}.q2-carousel-autoplay-control{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.q2-carousel-autoplay-control::before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:transparent;transition:background-color var(--t-tween-time-in-2, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1))}.q2-carousel-autoplay-control:hover::before,.q2-carousel-autoplay-control:focus-visible::before{background-color:var(--tct-carousel-autoplay-hover-background, var(--t-gray13, #e6e6e6))}.q2-carousel-autoplay-control:focus-visible{outline:none}.q2-carousel-autoplay-control:focus-visible::before{outline:2px solid var(--const-focus-color, #1a73e8);outline-offset:2px}.q2-carousel-autoplay-control .autoplay-icon{position:relative;width:var(--tct-carousel-autoplay-icon-width, 16px);height:var(--tct-carousel-autoplay-icon-height, 16px);color:var(--tct-carousel-autoplay-icon-color, var(--t-gray6, #4d4d4d))}';
+O.style = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}q2-carousel{display:grid;grid-template-rows:repeat(2, auto);gap:var(--tct-carousel-gap, var(--app-scale-2x, 10px))}.swiper{--comp-container-padding:var(--app-scale-1x, 5px) 0 var(--app-scale-2x, 10px);display:block;width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;padding:var(--tct-carousel-container-padding, var(--t-carousel-container-padding, var(--comp-container-padding, 5px 0 10px)))}.insufficient-pane-feedback{text-align:center;box-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));background:var(--tct-carousel-background, var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 1px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 7px))}.insufficient-pane-feedback.content-peek-display{max-width:395px;margin:0 auto}.insufficient-pane-feedback .insufficient-panes-header,.insufficient-pane-feedback .insufficient-panes-body{text-align:center}.insufficient-pane-feedback .insufficient-panes-header strong{font-weight:600}.insufficient-pane-feedback .insufficient-panes-body{margin:0 auto 2rem auto;max-width:75%}.insufficient-pane-feedback .insufficient-panes-icon-wrapper{display:flex;justify-content:center;margin:1rem 0 2rem 0}.insufficient-pane-feedback .insufficient-panes-icon-wrapper q2-icon{width:38px}.q2-carousel-pagination-navigation-wrapper{grid-row:2;display:flex;justify-content:center;align-items:center;min-height:44px}.q2-carousel-pagination-navigation-wrapper.evenly-space{justify-content:space-between}.q2-carousel-pagination-navigation-wrapper.center-space{justify-content:center}.q2-carousel-pagination-navigation-wrapper.center-space .q2-carousel-control-center-tray{margin:var(--tct-carousel-pagination-center-tray-margin, 0 24px)}.q2-carousel-floating-arrow-wrapper{--comp-pagination-arrow-height:var(--tct-carousel-floating-nav-arrow-height, 44px);width:auto;z-index:2;display:flex;position:absolute;left:10px;right:10px;top:calc(50% - var(--comp-pagination-arrow-height) / 2);height:var(--comp-pagination-arrow-height);justify-content:space-between;align-items:center}.q2-carousel-control-center-tray{display:flex;align-items:center;gap:var(--tct-carousel-control-gap, 16px)}.q2-carousel-swiper-wrapper.compact{overflow:visible}.q2-carousel-swiper-wrapper.compact q2-btn{margin-top:4px}.q2-carousel-pagination{height:var(--tct-carousel-pagination-height, 12px);display:flex;align-content:center;justify-content:center;gap:0.5rem;--comp-carousel-page-transition-duration:var(--tct-carousel-page-transition-duration, 0.3s)}.q2-carousel-pagination .q2-carousel-page-indicator{display:inline-block;height:var(--tct-carousel-indicator-size, 8px);width:var(--tct-carousel-indicator-size, 8px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-page-indicator-inactive-color, var(--t-gray11, #cccccc));padding:0;border:0;transition:width 0.3s ease, background-color 0.3s ease 0.3s;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination .q2-carousel-page-indicator:hover{background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6a4a9e));transition:background-color 0.3s ease;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination .q2-carousel-page-indicator.active-page{width:var(--tct-carousel-indicator-active-width, 24px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6A4A9E))}.q2-carousel-pagination .q2-carousel-page-indicator.active-page:focus-visible{box-shadow:var(--tct-carousel-indicator-active-focus-visible-box-shadow, var(--const-double-focus-ring))}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator{display:none}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-page,.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent{display:inline-block;height:8px;width:8px}.q2-carousel-pagination.autoplay{align-items:center;gap:var(--tct-carousel-pagination-gap, var(--app-scale-2x, 8px))}.q2-carousel-pagination.autoplay.autoplay-on{--comp-carousel-indicator-grow-animation:autoplay-progress 3s linear forwards}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator{height:var(--tct-carousel-page-indicator-height, 8px);width:var(--tct-carousel-page-indicator-width, 8px);transition:width 0.3s ease;transition-duration:var(--comp-carousel-page-transition-duration)}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator.active-page{width:var(--tct-carousel-indicator-active-width, 24px);border-radius:var(--tct-carousel-active-page-border-radius, 4px);background-color:var(--tct-carousel-indicator-inactive, var(--t-gray11, #cccccc));position:relative;overflow:hidden}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator.active-page::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:var(--tct-carousel-active-page-border-radius-pseudo, 4px);background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6a4a9e));transform-origin:left;animation:var(--comp-carousel-indicator-grow-animation, none)}@keyframes autoplay-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.q2-carousel-section-wrapper{position:relative;grid-row:1;overflow:hidden}.q2-carousel-edge-fade{position:absolute;top:0;bottom:0;width:var(--tct-carousel-edge-fade-width, 64px);z-index:10;pointer-events:none}.q2-carousel-edge-fade-left{left:0;background:linear-gradient(to right, var(--tct-carousel-edge-fade-color, #ffffff), transparent)}.q2-carousel-edge-fade-right{right:0;background:linear-gradient(to left, var(--tct-carousel-edge-fade-color, #ffffff), transparent)}.q2-carousel-swiper-container{}.q2-carousel-swiper-container .swiper-wrapper{position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.q2-carousel-swiper-container.content-peek-display .q2-carousel-pane:not(.swiper-slide-active){transform:scale(var(--tct-carousel-neighbor-pane-scale, 1))}.q2-carousel-swiper-container.frameless-display{padding:var(--tct-carousel-frameless-container-padding, var(--t-carousel-frameless-container-padding, 0))}.q2-carousel-swiper-container.full-width-display{--comp-container-padding:var(--app-scale-1x, 5px) var(--app-scale-2x, 10px) var(--app-scale-2x, 10px);padding:var(--tct-carousel-full-width-container-padding, var(--t-carousel-full-width-container-padding, var(--comp-container-padding, 5px 10px 10px)))}.q2-carousel-navigation-button{--tct-btn-icon-width:32px;--tct-btn-icon-height:32px;--tct-btn-icon-border-radius:50%;--tct-btn-icon-padding:0;--tct-icon-size:16px;--tct-btn-primary-background:var(--tct-carousel-arrow-background, var(--tct-carousel-indicator-active, var(--t-primary, #6a4a9e)));--tct-btn-primary-hover-background:var(--tct-carousel-arrow-hover-background, var(--t-primary-d1, #5f438e));opacity:var(--tct-carousel-navigation-arrow-opacity, 1)}.q2-carousel-autoplay-control{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.q2-carousel-autoplay-control::before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:transparent;transition:background-color var(--t-tween-time-in-2, 200ms) var(--t-tween-ease-inout, cubic-bezier(0.4, 0, 0.2, 1))}.q2-carousel-autoplay-control:hover::before,.q2-carousel-autoplay-control:focus-visible::before{background-color:var(--tct-carousel-autoplay-hover-background, var(--t-gray13, #e6e6e6))}.q2-carousel-autoplay-control:focus-visible{outline:none}.q2-carousel-autoplay-control:focus-visible::before{outline:2px solid var(--const-focus-color, #1a73e8);outline-offset:2px}.q2-carousel-autoplay-control .autoplay-icon{position:relative;width:var(--tct-carousel-autoplay-icon-width, 16px);height:var(--tct-carousel-autoplay-icon-height, 16px);color:var(--tct-carousel-autoplay-icon-color, var(--t-gray6, #4d4d4d))}';
 
 export { O as q2_carousel }