q2-tecton-elements 1.67.2 → 1.68.0

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

@@ -1,10 +1,10 @@
 import { r as e, c as t, h as i, F as n, H as s, g as r } from "./index-CGkHOjh1.js";
 
-import { c as o, l as a, d as l, o as c, i as f } from "./index-C4PILj1_.js";
+import { c as o, l as a, d as l, o as c, i as u, g as f } from "./index-C5gj0T_3.js";
 
-import { m as u } from "./mirror-emit-DUjY_ucm.js";
+import { m as d } from "./mirror-emit-DUjY_ucm.js";
 
-import { h as d, f as p } from "./component-DVxzK3WH.js";
+import { h as p, f as h } from "./component-DaQM9u3s.js";
 
 /**
  * SSR Window 5.0.1
@@ -30,7 +30,7 @@ function extend$1(e = {}, t = {}) {
   }));
 }
 
-const h = {
+const g = {
   body: {},
   addEventListener() {},
   removeEventListener() {},
@@ -83,12 +83,12 @@ const h = {
 
 function getDocument() {
   const e = typeof document !== "undefined" ? document : {};
-  extend$1(e, h);
+  extend$1(e, g);
   return e;
 }
 
-const g = {
-  document: h,
+const v = {
+  document: g,
   navigator: {
     userAgent: ""
   },
@@ -145,7 +145,7 @@ const g = {
 
 function getWindow() {
   const e = typeof window !== "undefined" ? window : {};
-  extend$1(e, g);
+  extend$1(e, v);
   return e;
 }
 
@@ -295,20 +295,20 @@ function animateCSSModeScroll({swiper: e, targetPosition: t, side: i}) {
     }
     const l = Math.max(Math.min((o - r) / a, 1), 0);
     const c = .5 - Math.cos(l * Math.PI) / 2;
-    let f = s + c * (t - s);
-    if (isOutOfBound(f, t)) {
-      f = t;
+    let u = s + c * (t - s);
+    if (isOutOfBound(u, t)) {
+      u = t;
     }
     e.wrapperEl.scrollTo({
-      [i]: f
+      [i]: u
     });
-    if (isOutOfBound(f, t)) {
+    if (isOutOfBound(u, t)) {
       e.wrapperEl.style.overflow = "hidden";
       e.wrapperEl.style.scrollSnapType = "";
       setTimeout((() => {
         e.wrapperEl.style.overflow = "";
         e.wrapperEl.scrollTo({
-          [i]: f
+          [i]: u
         });
       }));
       n.cancelAnimationFrame(e.cssModeFrameID);
@@ -437,7 +437,7 @@ function elementOuterSize(e, t, i) {
   }
 }
 
-let v;
+let m;
 
 function calcSupport() {
   const e = getWindow();
@@ -449,13 +449,13 @@ function calcSupport() {
 }
 
 function getSupport() {
-  if (!v) {
-    v = calcSupport();
+  if (!m) {
+    m = calcSupport();
   }
-  return v;
+  return m;
 }
 
-let m;
+let w;
 
 function calcDevice({userAgent: e} = {}) {
   const t = getSupport();
@@ -471,8 +471,8 @@ function calcDevice({userAgent: e} = {}) {
   const l = s.match(/(Android);?[\s\/]+([\d.]+)?/);
  // eslint-disable-line
     let c = s.match(/(iPad)(?!\1).*OS\s([\d_]+)/);
-  const f = s.match(/(iPod)(.*OS\s([\d_]+))?/);
-  const u = !c && s.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
+  const u = s.match(/(iPod)(.*OS\s([\d_]+))?/);
+  const f = !c && s.match(/(iPhone\sOS|iOS)\s([\d_]+)/);
   const d = n === "Win32";
   let p = n === "MacIntel";
   // iPadOs 13 fix
@@ -487,7 +487,7 @@ function calcDevice({userAgent: e} = {}) {
     r.os = "android";
     r.android = true;
   }
-  if (c || u || f) {
+  if (c || f || u) {
     r.os = "ios";
     r.ios = true;
   }
@@ -496,13 +496,13 @@ function calcDevice({userAgent: e} = {}) {
 }
 
 function getDevice(e = {}) {
-  if (!m) {
-    m = calcDevice(e);
+  if (!w) {
+    w = calcDevice(e);
   }
-  return m;
+  return w;
 }
 
-let w;
+let b;
 
 function calcBrowser() {
   const e = getWindow();
@@ -531,10 +531,10 @@ function calcBrowser() {
 }
 
 function getBrowser() {
-  if (!w) {
-    w = calcBrowser();
+  if (!b) {
+    b = calcBrowser();
   }
-  return w;
+  return b;
 }
 
 function Resize({swiper: e, on: t, emit: i}) {
@@ -655,7 +655,7 @@ function Observer({swiper: e, extendParams: t, on: i, emit: n}) {
   i("destroy", destroy);
 }
 
-/* eslint-disable no-underscore-dangle */ var b = {
+/* eslint-disable no-underscore-dangle */ var y = {
   on(e, t, i) {
     const n = this;
     if (!n.eventsListeners || n.destroyed) return n;
@@ -793,8 +793,8 @@ function updateSlides() {
   const a = o ? e.virtual.slides.length : e.slides.length;
   const l = elementChildren(n, `.${e.params.slideClass}, swiper-slide`);
   const c = o ? e.virtual.slides.length : l.length;
-  let f = [];
-  const u = [];
+  let u = [];
+  const f = [];
   const d = [];
   let p = t.slidesOffsetBefore;
   if (typeof p === "function") {
@@ -921,12 +921,12 @@ function updateSlides() {
       if (i === 0) b = b - m / 2 - w;
       if (Math.abs(b) < 1 / 1e3) b = 0;
       if (t.roundLengths) b = Math.floor(b);
-      if (x % t.slidesPerGroup === 0) f.push(b);
-      u.push(b);
+      if (x % t.slidesPerGroup === 0) u.push(b);
+      f.push(b);
     } else {
       if (t.roundLengths) b = Math.floor(b);
-      if ((x - Math.min(e.params.slidesPerGroupSkip, x)) % e.params.slidesPerGroup === 0) f.push(b);
-      u.push(b);
+      if ((x - Math.min(e.params.slidesPerGroupSkip, x)) % e.params.slidesPerGroup === 0) u.push(b);
+      f.push(b);
       b = b + C + w;
     }
     e.virtualSize += C + w;
@@ -941,7 +941,7 @@ function updateSlides() {
     i.style[e.getDirectionLabel("width")] = `${e.virtualSize + w}px`;
   }
   if (S) {
-    e.grid.updateWrapperSize(C, f);
+    e.grid.updateWrapperSize(C, u);
   }
   // Remove last grid elements depending on width
     if (!t.centeredSlides) {
@@ -950,7 +950,7 @@ function updateSlides() {
     const n = t.snapToSlideEdge && !t.loop && (t.slidesPerView === "auto" || i);
     // Calculate the last allowed snap index when snapToSlideEdge is enabled
     // This ensures minimum slides are visible at the end
-        let s = f.length;
+        let s = u.length;
     if (n) {
       let e;
       if (t.slidesPerView === "auto") {
@@ -971,24 +971,24 @@ function updateSlides() {
       s = Math.max(c - e, 0);
     }
     const r = [];
-    for (let i = 0; i < f.length; i += 1) {
-      let o = f[i];
+    for (let i = 0; i < u.length; i += 1) {
+      let o = u[i];
       if (t.roundLengths) o = Math.floor(o);
       if (n) {
         // When snapToSlideEdge is enabled, only keep snaps up to lastAllowedSnapIndex
         if (i <= s) {
           r.push(o);
         }
-      } else if (f[i] <= e.virtualSize - m) {
+      } else if (u[i] <= e.virtualSize - m) {
         // When snapToSlideEdge is disabled, keep snaps that fit within scrollable area
         r.push(o);
       }
     }
-    f = r;
-    if (Math.floor(e.virtualSize - m) - Math.floor(f[f.length - 1]) > 1) {
+    u = r;
+    if (Math.floor(e.virtualSize - m) - Math.floor(u[u.length - 1]) > 1) {
       // Only add edge-aligned snap if snapToSlideEdge is not enabled
       if (!n) {
-        f.push(e.virtualSize - m);
+        u.push(e.virtualSize - m);
       }
     }
   }
@@ -998,18 +998,18 @@ function updateSlides() {
       const n = Math.ceil((e.virtual.slidesBefore + e.virtual.slidesAfter) / t.slidesPerGroup);
       const s = i * t.slidesPerGroup;
       for (let e = 0; e < n; e += 1) {
-        f.push(f[f.length - 1] + s);
+        u.push(u[u.length - 1] + s);
       }
     }
     for (let n = 0; n < e.virtual.slidesBefore + e.virtual.slidesAfter; n += 1) {
       if (t.slidesPerGroup === 1) {
-        f.push(f[f.length - 1] + i);
+        u.push(u[u.length - 1] + i);
       }
-      u.push(u[u.length - 1] + i);
+      f.push(f[f.length - 1] + i);
       e.virtualSize += i;
     }
   }
-  if (f.length === 0) f = [ 0 ];
+  if (u.length === 0) u = [ 0 ];
   if (w !== 0) {
     const i = e.isHorizontal() && s ? "marginLeft" : e.getDirectionLabel("marginRight");
     l.filter(((e, i) => {
@@ -1029,7 +1029,7 @@ function updateSlides() {
     }));
     e -= w;
     const t = e > m ? e - m : 0;
-    f = f.map((e => {
+    u = u.map((e => {
       if (e <= 0) return -p;
       if (e > t) return t + h;
       return e;
@@ -1043,22 +1043,22 @@ function updateSlides() {
     e -= w;
     if (e < m) {
       const t = (m - e) / 2;
-      f.forEach(((e, i) => {
-        f[i] = e - t;
-      }));
       u.forEach(((e, i) => {
-        u[i] = e + t;
+        u[i] = e - t;
+      }));
+      f.forEach(((e, i) => {
+        f[i] = e + t;
       }));
     }
   }
   Object.assign(e, {
     slides: l,
-    snapGrid: f,
-    slidesGrid: u,
+    snapGrid: u,
+    slidesGrid: f,
     slidesSizesGrid: d
   });
   if (t.centeredSlides && t.cssMode && !t.centeredSlidesBounds) {
-    setCSSProperty(i, "--swiper-centered-offset-before", `${-f[0]}px`);
+    setCSSProperty(i, "--swiper-centered-offset-before", `${-u[0]}px`);
     setCSSProperty(i, "--swiper-centered-offset-after", `${e.size / 2 - d[d.length - 1] / 2}px`);
     const t = -e.snapGrid[0];
     const n = -e.slidesGrid[0];
@@ -1068,11 +1068,11 @@ function updateSlides() {
   if (c !== a) {
     e.emit("slidesLengthChange");
   }
-  if (f.length !== g) {
+  if (u.length !== g) {
     if (e.params.watchOverflow) e.checkOverflow();
     e.emit("snapGridLengthChange");
   }
-  if (u.length !== v) {
+  if (f.length !== v) {
     e.emit("slidesGridLengthChange");
   }
   if (t.watchSlidesProgress) {
@@ -1174,8 +1174,8 @@ function updateSlidesProgress(e = this && this.translate || 0) {
     if (i.cssMode && i.centeredSlides) {
       c -= n[0].swiperSlideOffset;
     }
-    const f = (o + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + a);
-    const u = (o - r[0] + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + a);
+    const u = (o + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + a);
+    const f = (o - r[0] + (i.centeredSlides ? t.minTranslate() : 0) - c) / (l.swiperSlideSize + a);
     const d = -(o - c);
     const p = d + t.slidesSizesGrid[e];
     const h = d >= 0 && d <= t.size - t.slidesSizesGrid[e];
@@ -1186,8 +1186,8 @@ function updateSlidesProgress(e = this && this.translate || 0) {
     }
     toggleSlideClasses$1(l, g, i.slideVisibleClass);
     toggleSlideClasses$1(l, h, i.slideFullyVisibleClass);
-    l.progress = s ? -f : f;
-    l.originalProgress = s ? -u : u;
+    l.progress = s ? -u : u;
+    l.originalProgress = s ? -f : f;
   }
 }
 
@@ -1429,37 +1429,37 @@ function updateActiveIndex(e) {
     t.realIndex = getVirtualRealIndex(l);
     return;
   }
-  const f = t.grid && s.grid && s.grid.rows > 1;
+  const u = t.grid && s.grid && s.grid.rows > 1;
   // Get real index
-    let u;
+    let f;
   if (t.virtual && s.virtual.enabled) {
     if (s.loop) {
-      u = getVirtualRealIndex(l);
+      f = getVirtualRealIndex(l);
     } else {
-      u = l;
+      f = l;
     }
-  } else if (f) {
+  } else if (u) {
     const e = t.slides.find((e => e.column === l));
     let i = parseInt(e.getAttribute("data-swiper-slide-index"), 10);
     if (Number.isNaN(i)) {
       i = Math.max(t.slides.indexOf(e), 0);
     }
-    u = Math.floor(i / s.grid.rows);
+    f = Math.floor(i / s.grid.rows);
   } else if (t.slides[l]) {
     const e = t.slides[l].getAttribute("data-swiper-slide-index");
     if (e) {
-      u = parseInt(e, 10);
+      f = parseInt(e, 10);
     } else {
-      u = l;
+      f = l;
     }
   } else {
-    u = l;
+    f = l;
   }
   Object.assign(t, {
     previousSnapIndex: a,
     snapIndex: c,
     previousRealIndex: o,
-    realIndex: u,
+    realIndex: f,
     previousIndex: r,
     activeIndex: l
   });
@@ -1469,7 +1469,7 @@ function updateActiveIndex(e) {
   t.emit("activeIndexChange");
   t.emit("snapIndexChange");
   if (t.initialized || t.params.runCallbacksOnInit) {
-    if (o !== u) {
+    if (o !== f) {
       t.emit("realIndexChange");
     }
     t.emit("slideChange");
@@ -1515,7 +1515,7 @@ function updateClickedSlide(e, t) {
   }
 }
 
-var y = {
+var x = {
   updateSize,
   updateSlides,
   updateAutoHeight,
@@ -1570,14 +1570,14 @@ function setTranslate(e, t) {
     r.style.transform = `translate3d(${a}px, ${l}px, ${c}px)`;
   }
   // Check if we need to update progress
-    let f;
-  const u = i.maxTranslate() - i.minTranslate();
-  if (u === 0) {
-    f = 0;
+    let u;
+  const f = i.maxTranslate() - i.minTranslate();
+  if (f === 0) {
+    u = 0;
   } else {
-    f = (e - i.minTranslate()) / u;
+    u = (e - i.minTranslate()) / f;
   }
-  if (f !== o) {
+  if (u !== o) {
     i.updateProgress(e);
   }
   i.emit("setTranslate", i.translate, t);
@@ -1599,25 +1599,25 @@ function translateTo(e = 0, t = this.params.speed, i = true, n = true, s) {
   }
   const l = r.minTranslate();
   const c = r.maxTranslate();
-  let f;
-  if (n && e > l) f = l; else if (n && e < c) f = c; else f = e;
+  let u;
+  if (n && e > l) u = l; else if (n && e < c) u = c; else u = e;
   // Update progress
-    r.updateProgress(f);
+    r.updateProgress(u);
   if (o.cssMode) {
     const e = r.isHorizontal();
     if (t === 0) {
-      a[e ? "scrollLeft" : "scrollTop"] = -f;
+      a[e ? "scrollLeft" : "scrollTop"] = -u;
     } else {
       if (!r.support.smoothScroll) {
         animateCSSModeScroll({
           swiper: r,
-          targetPosition: -f,
+          targetPosition: -u,
           side: e ? "left" : "top"
         });
         return true;
       }
       a.scrollTo({
-        [e ? "left" : "top"]: -f,
+        [e ? "left" : "top"]: -u,
         behavior: "smooth"
       });
     }
@@ -1625,14 +1625,14 @@ function translateTo(e = 0, t = this.params.speed, i = true, n = true, s) {
   }
   if (t === 0) {
     r.setTransition(0);
-    r.setTranslate(f);
+    r.setTranslate(u);
     if (i) {
       r.emit("beforeTransitionStart", t, s);
       r.emit("transitionEnd");
     }
   } else {
     r.setTransition(t);
-    r.setTranslate(f);
+    r.setTranslate(u);
     if (i) {
       r.emit("beforeTransitionStart", t, s);
       r.emit("transitionStart");
@@ -1658,7 +1658,7 @@ function translateTo(e = 0, t = this.params.speed, i = true, n = true, s) {
   return true;
 }
 
-var x = {
+var S = {
   getTranslate: getSwiperTranslate,
   setTranslate,
   minTranslate,
@@ -1723,7 +1723,7 @@ function transitionEnd(e = true, t) {
   });
 }
 
-var S = {
+var C = {
   setTransition,
   transitionStart,
   transitionEnd
@@ -1736,7 +1736,7 @@ function slideTo(e = 0, t, i = true, n, s) {
   const r = this;
   let o = e;
   if (o < 0) o = 0;
-  const {params: a, snapGrid: l, slidesGrid: c, previousIndex: f, activeIndex: u, rtlTranslate: d, wrapperEl: p, enabled: h} = r;
+  const {params: a, snapGrid: l, slidesGrid: c, previousIndex: u, activeIndex: f, rtlTranslate: d, wrapperEl: p, enabled: h} = r;
   if (!h && !n && !s || r.destroyed || r.animating && a.preventInteractionOnTransition) {
     return false;
   }
@@ -1765,23 +1765,23 @@ function slideTo(e = 0, t, i = true, n, s) {
     }
   }
   // Directions locks
-    if (r.initialized && o !== u) {
+    if (r.initialized && o !== f) {
     if (!r.allowSlideNext && (d ? m > r.translate && m > r.minTranslate() : m < r.translate && m < r.minTranslate())) {
       return false;
     }
     if (!r.allowSlidePrev && m > r.translate && m > r.maxTranslate()) {
-      if ((u || 0) !== o) {
+      if ((f || 0) !== o) {
         return false;
       }
     }
   }
-  if (o !== (f || 0) && i) {
+  if (o !== (u || 0) && i) {
     r.emit("beforeSlideChangeStart");
   }
   // Update progress
     r.updateProgress(m);
   let w;
-  if (o > u) w = "next"; else if (o < u) w = "prev"; else w = "reset";
+  if (o > f) w = "next"; else if (o < f) w = "prev"; else w = "reset";
   // initial virtual
     const b = r.virtual && r.params.virtual.enabled;
   const y = b && s;
@@ -1897,23 +1897,23 @@ function slideToLoop(e = 0, t, i = true, n) {
       const t = r ? Math.ceil(s.slides.length / s.params.grid.rows) : s.slides.length;
       const {centeredSlides: i, slidesOffsetBefore: a, slidesOffsetAfter: l} = s.params;
       const c = i || !!a || !!l;
-      let f = s.params.slidesPerView;
-      if (f === "auto") {
-        f = s.slidesPerViewDynamic();
+      let u = s.params.slidesPerView;
+      if (u === "auto") {
+        u = s.slidesPerViewDynamic();
       } else {
-        f = Math.ceil(parseFloat(s.params.slidesPerView, 10));
-        if (c && f % 2 === 0) {
-          f = f + 1;
+        u = Math.ceil(parseFloat(s.params.slidesPerView, 10));
+        if (c && u % 2 === 0) {
+          u = u + 1;
         }
       }
-      let u = t - e < f;
+      let f = t - e < u;
       if (c) {
-        u = u || e < Math.ceil(f / 2);
+        f = f || e < Math.ceil(u / 2);
       }
       if (n && c && s.params.slidesPerView !== "auto" && !r) {
-        u = false;
+        f = false;
       }
-      if (u) {
+      if (f) {
         const i = c ? e < s.activeIndex ? "prev" : "next" : e - s.activeIndex - 1 < s.params.slidesPerView ? "next" : "prev";
         s.loopFix({
           direction: i,
@@ -1976,21 +1976,21 @@ function slideToLoop(e = 0, t, i = true, n) {
   if (typeof e === "undefined") {
     e = n.params.speed;
   }
-  const f = n.virtual && s.virtual.enabled;
+  const u = n.virtual && s.virtual.enabled;
   if (s.loop) {
-    if (c && !f && s.loopPreventsSliding) return false;
+    if (c && !u && s.loopPreventsSliding) return false;
     n.loopFix({
       direction: "prev"
     });
     // eslint-disable-next-line
         n._clientLeft = n.wrapperEl.clientLeft;
   }
-  const u = a ? n.translate : -n.translate;
+  const f = a ? n.translate : -n.translate;
   function normalize(e) {
     if (e < 0) return -Math.floor(Math.abs(e));
     return Math.floor(e);
   }
-  const d = normalize(u);
+  const d = normalize(f);
   const p = r.map((e => normalize(e)));
   const h = s.freeMode && s.freeMode.enabled;
   let g = r[p.indexOf(d) - 1];
@@ -2096,7 +2096,7 @@ function slideToClickedSlide() {
   }
 }
 
-var C = {
+var T = {
   slideTo,
   slideToLoop,
   slideNext,
@@ -2174,7 +2174,7 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
   const l = this;
   if (!l.params.loop) return;
   l.emit("beforeLoopFix");
-  const {slides: c, allowSlidePrev: f, allowSlideNext: u, slidesEl: d, params: p} = l;
+  const {slides: c, allowSlidePrev: u, allowSlideNext: f, slidesEl: d, params: p} = l;
   const {centeredSlides: h, slidesOffsetBefore: g, slidesOffsetAfter: v, initialSlide: m} = p;
   const w = h || !!g || !!v;
   l.allowSlidePrev = true;
@@ -2189,8 +2189,8 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
         l.slideTo(l.virtual.slidesBefore, 0, false, true);
       }
     }
-    l.allowSlidePrev = f;
-    l.allowSlideNext = u;
+    l.allowSlidePrev = u;
+    l.allowSlideNext = f;
     l.emit("loopFix");
     return;
   }
@@ -2218,27 +2218,27 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
   }
   const C = [];
   const T = [];
-  const M = S ? Math.ceil(c.length / p.grid.rows) : c.length;
-  const k = r && M - m < b && !w;
-  let E = k ? m : l.activeIndex;
+  const q = S ? Math.ceil(c.length / p.grid.rows) : c.length;
+  const M = r && q - m < b && !w;
+  let k = M ? m : l.activeIndex;
   if (typeof s === "undefined") {
     s = l.getSlideIndex(c.find((e => e.classList.contains(p.slideActiveClass))));
   } else {
-    E = s;
+    k = s;
   }
-  const P = i === "next" || !i;
-  const q = i === "prev" || !i;
+  const E = i === "next" || !i;
+  const P = i === "prev" || !i;
   let O = 0;
   let I = 0;
-  const $ = S ? c[s].column : s;
-  const A = $ + (w && typeof n === "undefined" ? -b / 2 + .5 : 0);
+  const A = S ? c[s].column : s;
+  const F = A + (w && typeof n === "undefined" ? -b / 2 + .5 : 0);
   // prepend last slides before start
-    if (A < x) {
-    O = Math.max(x - A, y);
-    for (let e = 0; e < x - A; e += 1) {
-      const t = e - Math.floor(e / M) * M;
+    if (F < x) {
+    O = Math.max(x - F, y);
+    for (let e = 0; e < x - F; e += 1) {
+      const t = e - Math.floor(e / q) * q;
       if (S) {
-        const e = M - t - 1;
+        const e = q - t - 1;
         for (let t = c.length - 1; t >= 0; t -= 1) {
           if (c[t].column === e) C.push(t);
         }
@@ -2246,16 +2246,16 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
         //   if (slide.column === colIndexToPrepend) prependSlidesIndexes.push(slideIndex);
         // });
             } else {
-        C.push(M - t - 1);
+        C.push(q - t - 1);
       }
     }
-  } else if (A + b > M - x) {
-    I = Math.max(A - (M - x * 2), y);
-    if (k) {
-      I = Math.max(I, b - M + m + 1);
+  } else if (F + b > q - x) {
+    I = Math.max(F - (q - x * 2), y);
+    if (M) {
+      I = Math.max(I, b - q + m + 1);
     }
     for (let e = 0; e < I; e += 1) {
-      const t = e - Math.floor(e / M) * M;
+      const t = e - Math.floor(e / q) * q;
       if (S) {
         c.forEach(((e, i) => {
           if (e.column === t) T.push(i);
@@ -2277,14 +2277,14 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
       C.splice(C.indexOf(s), 1);
     }
   }
-  if (q) {
+  if (P) {
     C.forEach((e => {
       c[e].swiperLoopMoveDOM = true;
       d.prepend(c[e]);
       c[e].swiperLoopMoveDOM = false;
     }));
   }
-  if (P) {
+  if (E) {
     T.forEach((e => {
       c[e].swiperLoopMoveDOM = true;
       d.append(c[e]);
@@ -2294,7 +2294,7 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
   l.recalcSlides();
   if (p.slidesPerView === "auto") {
     l.updateSlides();
-  } else if (S && (C.length > 0 && q || T.length > 0 && P)) {
+  } else if (S && (C.length > 0 && P || T.length > 0 && E)) {
     l.slides.forEach(((e, t) => {
       l.grid.updateSlide(t, e, l.slides);
     }));
@@ -2303,15 +2303,15 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
     l.updateSlidesOffset();
   }
   if (t) {
-    if (C.length > 0 && q) {
+    if (C.length > 0 && P) {
       if (typeof e === "undefined") {
-        const e = l.slidesGrid[E];
-        const t = l.slidesGrid[E + O];
+        const e = l.slidesGrid[k];
+        const t = l.slidesGrid[k + O];
         const i = t - e;
         if (a) {
           l.setTranslate(l.translate - i);
         } else {
-          l.slideTo(E + Math.ceil(O), 0, false, true);
+          l.slideTo(k + Math.ceil(O), 0, false, true);
           if (n) {
             l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - i;
             l.touchEventsData.currentTranslate = l.touchEventsData.currentTranslate - i;
@@ -2324,15 +2324,15 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
           l.touchEventsData.currentTranslate = l.translate;
         }
       }
-    } else if (T.length > 0 && P) {
+    } else if (T.length > 0 && E) {
       if (typeof e === "undefined") {
-        const e = l.slidesGrid[E];
-        const t = l.slidesGrid[E - I];
+        const e = l.slidesGrid[k];
+        const t = l.slidesGrid[k - I];
         const i = t - e;
         if (a) {
           l.setTranslate(l.translate - i);
         } else {
-          l.slideTo(E - I, 0, false, true);
+          l.slideTo(k - I, 0, false, true);
           if (n) {
             l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - i;
             l.touchEventsData.currentTranslate = l.touchEventsData.currentTranslate - i;
@@ -2344,8 +2344,8 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
       }
     }
   }
-  l.allowSlidePrev = f;
-  l.allowSlideNext = u;
+  l.allowSlidePrev = u;
+  l.allowSlideNext = f;
   if (l.controller && l.controller.control && !o) {
     const r = {
       slideRealIndex: e,
@@ -2391,7 +2391,7 @@ function loopDestroy() {
   e.slideTo(e.realIndex, 0);
 }
 
-var T = {
+var q = {
   loopCreate,
   loopFix,
   loopDestroy
@@ -2501,14 +2501,14 @@ function onTouchStart(e) {
   // change target el for shadow root component
     const c = !!r.noSwipingClass && r.noSwipingClass !== "";
   // eslint-disable-next-line
-    const f = n.composedPath ? n.composedPath() : n.path;
-  if (c && n.target && n.target.shadowRoot && f) {
-    l = f[0];
+    const u = n.composedPath ? n.composedPath() : n.path;
+  if (c && n.target && n.target.shadowRoot && u) {
+    l = u[0];
   }
-  const u = r.noSwipingSelector ? r.noSwipingSelector : `.${r.noSwipingClass}`;
+  const f = r.noSwipingSelector ? r.noSwipingSelector : `.${r.noSwipingClass}`;
   const d = !!(n.target && n.target.shadowRoot);
   // use closestElement for shadow root element to get the actual closest for nested shadow root element
-    if (r.noSwiping && (d ? closestElement(u, l) : l.closest(u))) {
+    if (r.noSwiping && (d ? closestElement(f, l) : l.closest(f))) {
     t.allowClick = true;
     return;
   }
@@ -2585,11 +2585,11 @@ function onTouchMove(e) {
     }
     return;
   }
-  const f = c.pageX;
-  const u = c.pageY;
+  const u = c.pageX;
+  const f = c.pageY;
   if (l.preventedByNestedSwiper) {
-    r.startX = f;
-    r.startY = u;
+    r.startX = u;
+    r.startY = f;
     return;
   }
   if (!i.allowTouchMove) {
@@ -2598,10 +2598,10 @@ function onTouchMove(e) {
     }
     if (n.isTouched) {
       Object.assign(r, {
-        startX: f,
-        startY: u,
-        currentX: f,
-        currentY: u
+        startX: u,
+        startY: f,
+        currentX: u,
+        currentY: f
       });
       n.touchStartTime = now();
     }
@@ -2610,14 +2610,14 @@ function onTouchMove(e) {
   if (s.touchReleaseOnEdges && !s.loop) {
     if (i.isVertical()) {
       // Vertical
-      if (u < r.startY && i.translate <= i.maxTranslate() || u > r.startY && i.translate >= i.minTranslate()) {
+      if (f < r.startY && i.translate <= i.maxTranslate() || f > r.startY && i.translate >= i.minTranslate()) {
         n.isTouched = false;
         n.isMoved = false;
         return;
       }
-    } else if (o && (f > r.startX && -i.translate <= i.maxTranslate() || f < r.startX && -i.translate >= i.minTranslate())) {
+    } else if (o && (u > r.startX && -i.translate <= i.maxTranslate() || u < r.startX && -i.translate >= i.minTranslate())) {
       return;
-    } else if (!o && (f < r.startX && i.translate <= i.maxTranslate() || f > r.startX && i.translate >= i.minTranslate())) {
+    } else if (!o && (u < r.startX && i.translate <= i.maxTranslate() || u > r.startX && i.translate >= i.minTranslate())) {
       return;
     }
   }
@@ -2636,8 +2636,8 @@ function onTouchMove(e) {
   }
   r.previousX = r.currentX;
   r.previousY = r.currentY;
-  r.currentX = f;
-  r.currentY = u;
+  r.currentX = u;
+  r.currentY = f;
   const d = r.currentX - r.startX;
   const p = r.currentY - r.startY;
   if (i.params.threshold && Math.sqrt(d ** 2 + p ** 2) < i.params.threshold) return;
@@ -2720,10 +2720,10 @@ function onTouchMove(e) {
   (new Date).getTime();
   if (s._loopSwapReset !== false && n.isMoved && n.allowThresholdMove && v !== i.touchesDirection && m && w && Math.abs(h) >= 1) {
     Object.assign(r, {
-      startX: f,
-      startY: u,
-      currentX: f,
-      currentY: u,
+      startX: u,
+      startY: f,
+      currentX: u,
+      currentY: f,
       startTranslate: n.currentTranslate
     });
     n.loopSwapReset = true;
@@ -2835,8 +2835,8 @@ function onTouchEnd(e) {
   }
   i.pointerId = null;
   i.touchId = null;
-  const {params: o, touches: a, rtlTranslate: l, slidesGrid: c, enabled: f} = t;
-  if (!f) return;
+  const {params: o, touches: a, rtlTranslate: l, slidesGrid: c, enabled: u} = t;
+  if (!u) return;
   if (!o.simulateTouch && n.pointerType === "mouse") return;
   if (i.allowTouchCallbacks) {
     t.emit("touchEnd", n);
@@ -2855,14 +2855,14 @@ function onTouchEnd(e) {
     t.setGrabCursor(false);
   }
   // Time diff
-    const u = now();
-  const d = u - i.touchStartTime;
+    const f = now();
+  const d = f - i.touchStartTime;
   // Tap, doubleTap, Click
     if (t.allowClick) {
     const e = n.path || n.composedPath && n.composedPath();
     t.updateClickedSlide(e && e[0] || n.target, e);
     t.emit("tap click", n);
-    if (d < 300 && u - i.lastClickTime < 300) {
+    if (d < 300 && f - i.lastClickTime < 300) {
       t.emit("doubleTap doubleClick", n);
     }
   }
@@ -3166,19 +3166,19 @@ function setBreakpoint() {
   const l = [ "window", "container" ].includes(n.breakpointsBase) || !n.breakpointsBase ? e.el : o.querySelector(n.breakpointsBase);
   const c = e.getBreakpoint(r, a, l);
   if (!c || e.currentBreakpoint === c) return;
-  const f = c in r ? r[c] : undefined;
-  const u = f || e.originalParams;
+  const u = c in r ? r[c] : undefined;
+  const f = u || e.originalParams;
   const d = isGridEnabled(e, n);
-  const p = isGridEnabled(e, u);
+  const p = isGridEnabled(e, f);
   const h = e.params.grabCursor;
-  const g = u.grabCursor;
+  const g = f.grabCursor;
   const v = n.enabled;
   if (d && !p) {
     s.classList.remove(`${n.containerModifierClass}grid`, `${n.containerModifierClass}grid-column`);
     e.emitContainerClasses();
   } else if (!d && p) {
     s.classList.add(`${n.containerModifierClass}grid`);
-    if (u.grid.fill && u.grid.fill === "column" || !u.grid.fill && n.grid.fill === "column") {
+    if (f.grid.fill && f.grid.fill === "column" || !f.grid.fill && n.grid.fill === "column") {
       s.classList.add(`${n.containerModifierClass}grid-column`);
     }
     e.emitContainerClasses();
@@ -3190,9 +3190,9 @@ function setBreakpoint() {
   }
   // Toggle navigation, pagination, scrollbar
     [ "navigation", "pagination", "scrollbar" ].forEach((t => {
-    if (typeof u[t] === "undefined") return;
+    if (typeof f[t] === "undefined") return;
     const i = n[t] && n[t].enabled;
-    const s = u[t] && u[t].enabled;
+    const s = f[t] && f[t].enabled;
     if (i && !s) {
       e[t].disable();
     }
@@ -3200,13 +3200,13 @@ function setBreakpoint() {
       e[t].enable();
     }
   }));
-  const m = u.direction && u.direction !== n.direction;
-  const w = n.loop && (u.slidesPerView !== n.slidesPerView || m);
+  const m = f.direction && f.direction !== n.direction;
+  const w = n.loop && (f.slidesPerView !== n.slidesPerView || m);
   const b = n.loop;
   if (m && i) {
     e.changeDirection();
   }
-  extend(e.params, u);
+  extend(e.params, f);
   const y = e.params.enabled;
   const x = e.params.loop;
   Object.assign(e, {
@@ -3220,7 +3220,7 @@ function setBreakpoint() {
     e.enable();
   }
   e.currentBreakpoint = c;
-  e.emit("_beforeBreakpoint", u);
+  e.emit("_beforeBreakpoint", f);
   if (i) {
     if (w) {
       e.loopDestroy();
@@ -3233,7 +3233,7 @@ function setBreakpoint() {
       e.loopDestroy();
     }
   }
-  e.emit("breakpoint", u);
+  e.emit("breakpoint", f);
 }
 
 function getBreakpoint(e, t = "window", i) {
@@ -3358,11 +3358,11 @@ function checkOverflow() {
   }
 }
 
-var q = {
+var O = {
   checkOverflow
 };
 
-var O = {
+var I = {
   init: true,
   direction: "horizontal",
   oneWayMovement: false,
@@ -3517,23 +3517,23 @@ function moduleExtendParams(e, t) {
   };
 }
 
-/* eslint no-param-reassign: "off" */ const I = {
-  eventsEmitter: b,
-  update: y,
-  translate: x,
-  transition: S,
-  slide: C,
-  loop: T,
+/* eslint no-param-reassign: "off" */ const A = {
+  eventsEmitter: y,
+  update: x,
+  translate: S,
+  transition: C,
+  slide: T,
+  loop: q,
   grabCursor: M,
   events: k,
   breakpoints: E,
-  checkOverflow: q,
+  checkOverflow: O,
   classes: P
 };
 
-const $ = {};
+const F = {};
 
-class A {
+class $ {
   constructor(...e) {
     let t;
     let i;
@@ -3552,7 +3552,7 @@ class A {
         const n = extend({}, i, {
           el: t
         });
-        e.push(new A(n));
+        e.push(new $(n));
       }));
       // eslint-disable-next-line no-constructor-return
             return e;
@@ -3588,9 +3588,9 @@ class A {
       });
     }));
     // Extend defaults with modules params
-        const o = extend({}, O, r);
+        const o = extend({}, I, r);
     // Extend defaults with passed params
-        s.params = extend({}, o, $, i);
+        s.params = extend({}, o, F, i);
     s.originalParams = extend({}, s.params);
     s.passedParams = extend({}, i);
     // add event listeners
@@ -4056,38 +4056,38 @@ class A {
     return null;
   }
   static extendDefaults(e) {
-    extend($, e);
+    extend(F, e);
   }
   static get extendedDefaults() {
-    return $;
+    return F;
   }
   static get defaults() {
-    return O;
+    return I;
   }
   static installModule(e) {
-    if (!A.prototype.__modules__) A.prototype.__modules__ = [];
-    const t = A.prototype.__modules__;
+    if (!$.prototype.__modules__) $.prototype.__modules__ = [];
+    const t = $.prototype.__modules__;
     if (typeof e === "function" && t.indexOf(e) < 0) {
       t.push(e);
     }
   }
   static use(e) {
     if (Array.isArray(e)) {
-      e.forEach((e => A.installModule(e)));
-      return A;
+      e.forEach((e => $.installModule(e)));
+      return $;
     }
-    A.installModule(e);
-    return A;
+    $.installModule(e);
+    return $;
   }
 }
 
-Object.keys(I).forEach((e => {
-  Object.keys(I[e]).forEach((t => {
-    A.prototype[t] = I[e][t];
+Object.keys(A).forEach((e => {
+  Object.keys(A[e]).forEach((t => {
+    $.prototype[t] = A[e][t];
   }));
 }));
 
-A.use([ Resize, Observer ]);
+$.use([ Resize, Observer ]);
 
 /* eslint no-underscore-dangle: "off" */
 /* eslint no-use-before-define: "off" */ function Autoplay({swiper: e, extendParams: t, on: i, emit: n, params: s}) {
@@ -4112,8 +4112,8 @@ A.use([ Resize, Observer ]);
   let a = s && s.autoplay ? s.autoplay.delay : 3e3;
   let l = s && s.autoplay ? s.autoplay.delay : 3e3;
   let c;
-  let f = (new Date).getTime();
-  let u;
+  let u = (new Date).getTime();
+  let f;
   let d;
   let p;
   let h;
@@ -4131,12 +4131,12 @@ A.use([ Resize, Observer ]);
   const calcTimeLeft = () => {
     if (e.destroyed || !e.autoplay.running) return;
     if (e.autoplay.paused) {
-      u = true;
-    } else if (u) {
+      f = true;
+    } else if (f) {
       l = c;
-      u = false;
+      f = false;
     }
-    const t = e.autoplay.paused ? c : f + l - (new Date).getTime();
+    const t = e.autoplay.paused ? c : u + l - (new Date).getTime();
     e.autoplay.timeLeft = t;
     n("autoplayTimeLeft", t, t / a);
     o = requestAnimationFrame((() => {
@@ -4194,7 +4194,7 @@ A.use([ Resize, Observer ]);
         }
       }
       if (e.params.cssMode) {
-        f = (new Date).getTime();
+        u = (new Date).getTime();
         requestAnimationFrame((() => {
           run();
         }));
@@ -4214,7 +4214,7 @@ A.use([ Resize, Observer ]);
         return i;
   };
   const start = () => {
-    f = (new Date).getTime();
+    u = (new Date).getTime();
     e.autoplay.running = true;
     run();
     n("autoplayStart");
@@ -4245,14 +4245,14 @@ A.use([ Resize, Observer ]);
       return;
     }
     const s = c || e.params.autoplay.delay;
-    c = s - ((new Date).getTime() - f);
+    c = s - ((new Date).getTime() - u);
     if (e.isEnd && c < 0 && !e.params.loop) return;
     if (c < 0) c = 0;
     proceed();
   };
   const resume = () => {
     if (e.isEnd && c < 0 && !e.params.loop || e.destroyed || !e.autoplay.running) return;
-    f = (new Date).getTime();
+    u = (new Date).getTime();
     if (g) {
       g = false;
       run(c);
@@ -4384,13 +4384,11 @@ A.use([ Resize, Observer ]);
   });
 }
 
-const j = '*{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-carouse-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}.q2-carousel-pagination .q2-carousel-page-indicator{display:inline-block;height:var(--tct-carousel-page-indicator-size, 8px);width:var(--tct-carousel-page-indicator-size, 8px);border-radius:50%;background-color:var(--tct-carousel-page-indicator-inactive-color, var(--t-gray11, #CCCCCC));padding:0;border:0;transition:var(--tct-carouse-pagination-transition, all 0.5s)}.q2-carousel-pagination .q2-carousel-page-indicator:hover,.q2-carousel-pagination .q2-carousel-page-indicator.active-page{display:inline-block;background-color:var(--tct-carousel-indicator-active, var(--t-primary, #6A4A9E))}.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:10px;width:10px}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent-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:none}.q2-carousel-pagination.autoplay .q2-carousel-page-indicator.active-page{width:var(--tct-carousel-active-page-indicator-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-swiper-container{grid-row:1;}.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-navigation-arrow-background-color, 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-btn-hover-background, var(--t-primary-d1, #5F438E))}.q2-carousel-navigation-button:focus-visible{outline: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-btn-icon-stroke-primary, var(--t-base));--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))}';
+const j = '*{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.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:10px;width:10px}.q2-carousel-pagination.dynamic .q2-carousel-page-indicator.active-adjacent-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}.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))}';
 
-const D = 500;
+const D = 1024;
 
- /* width in px of this host element where the layout starts to get unruly */ const z = 1024;
-
- /* viewport width where we show 3 full panes */ const L = class {
+ /* viewport width where we show 3 full panes */ const z = class {
   constructor(n) {
     e(this, n);
     this.change = t(this, "change", 7);
@@ -4404,7 +4402,10 @@ const D = 500;
     /** Manages re-rendering the component when resize event is consumed. */    this.carouselWrapperWidth = 0;
     /** Manages sizing the component based on changes in `carouselWrapperWidth`. */    this.compactMode = false;
     /** Manages re-rendering the component when panes are added or removed. */    this.currentPaneCount = this.paneCount;
+    /** Keeps all carousel panes at the height of the tallest pane. */    this.autoHeight = false;
     /** Enables the auto-play feature and starts the carousel without user input. */    this.autoPlay = false;
+    /** Adjusts width of active pane automatically in compact screen based on the carousel width. */    this.autoWidth = false;
+    /** Breakpoint pixel number for switching to compact mode when autoWIdth is enabled, default is 500.*/    this.compactBreakpoint = 500;
     /** Display the carousel panes as frameless with no container or shadow. */    this.framelessPanes = false;
     /** Display the carousel panes full-width rather than with peeking content. */    this.fullWidthPanes = false;
     /** Hide the dots below the carousel that provide navigation control and indicate which page is currently active. */    this.hidePagination = false;
@@ -4422,14 +4423,19 @@ const D = 500;
         this.tearDownCarousel();
       }
       this.autoPlayInProgress = this.autoPlay;
+      // Pad the DOM with duplicate panes before Swiper initializes so small carousels have
+      // enough slides for loop mode to rearrange neighbors without leaving empty slots.
+            this.syncPaneDuplicates();
+      this.updateCarouselPaneProps();
       // Save the target index before Swiper init — the realIndexChange callback
       // fires during construction and may overwrite this.index
             const o = this.realIndex;
-      new A(e, t);
+      new $(e, t);
       (n = this.swiper) === null || n === void 0 ? void 0 : n.slideToLoop(o, 0);
       // Ensure popover listener is on the active pane after initial positioning
             (s = this.activePane) === null || s === void 0 ? void 0 : s.addEventListener("popoverStateChanged", this.handlePopovers);
       if (this.autoPlayInProgress) (r = this.swiper) === null || r === void 0 ? void 0 : r.autoplay.start();
+      this.managePaneHeightObserver();
       // Re-observe after Swiper's DOM changes have settled
             requestAnimationFrame((() => {
         var e;
@@ -4491,31 +4497,126 @@ const D = 500;
         break;
       }
     };
+    this.managePaneHeightObserver = () => {
+      var e, t, i;
+      if (this.autoHeight) {
+        this.observePaneHeights();
+        return;
+      }
+      (e = this.paneResizeObserver) === null || e === void 0 ? void 0 : e.disconnect();
+      if (this.syncPaneHeightFrame !== undefined) {
+        cancelAnimationFrame(this.syncPaneHeightFrame);
+        this.syncPaneHeightFrame = undefined;
+      }
+      this.hostElement.style.removeProperty("--q2-carousel-equal-pane-height");
+      (i = (t = this.swiper) === null || t === void 0 ? void 0 : t.update) === null || i === void 0 ? void 0 : i.call(t);
+    };
+    this.observePaneHeights = () => {
+      var e;
+      (e = this.paneResizeObserver) === null || e === void 0 ? void 0 : e.disconnect();
+      if (typeof ResizeObserver === "undefined") {
+        this.schedulePaneHeightSync();
+        return;
+      }
+      this.paneResizeObserver = new ResizeObserver(this.schedulePaneHeightSync);
+      this.hostElement.querySelectorAll(".q2-carousel-pane-main-content").forEach((e => {
+        this.paneResizeObserver.observe(e);
+      }));
+      this.schedulePaneHeightSync();
+    };
     this.onMutationObserved = () => {
       if (this.paneCount !== this.currentPaneCount) {
         this.updateCarouselPaneProps();
         this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
+      } else if (this.autoHeight) {
+        this.schedulePaneHeightSync();
+      }
+    };
+    this.schedulePaneHeightSync = () => {
+      if (this.syncPaneHeightFrame !== undefined) {
+        cancelAnimationFrame(this.syncPaneHeightFrame);
       }
+      this.syncPaneHeightFrame = requestAnimationFrame((() => {
+        this.syncPaneHeightFrame = undefined;
+        this.syncPaneHeights();
+      }));
     };
     this.setCarouselWrapperWidth = () => {
       if (this.insufficientPanes) return;
       this.carouselWrapperWidth = this.carouselWrapper.clientWidth;
     };
+    /**
+         * 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
+         * DOM by cloning each real pane once, giving Swiper 4 to 10 slides to loop through. Duplicates are tagged with
+         * `data-q2-pane-duplicate`; they're excluded from `paneArray` / `paneCount` / pagination, and
+         * logical index changes are mapped back to the real-pane range via `modulo paneCount`.
+         */    this.syncPaneDuplicates = () => {
+      const e = this.paneArray;
+      const t = e.length;
+      const i = t === 2 || !this.useFullWidthPanes && t >= 3 && t <= 5;
+      const n = Array.from(this.hostElement.querySelectorAll("q2-carousel-pane[data-q2-pane-duplicate]"));
+      n.forEach((e => e.remove()));
+      if (!i || t === 0) return;
+      const s = e[0].parentElement;
+      for (let i = 0; i < t; i += 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.
+        const t = document.createElement("q2-carousel-pane");
+        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 n = e[i].querySelector(":scope > article.q2-carousel-pane-main-content") || e[i];
+        Array.from(n.children).forEach((e => {
+          t.appendChild(e.cloneNode(true));
+        }));
+        s.appendChild(t);
+      }
+    };
+    this.syncPaneHeights = () => {
+      var e, t;
+      this.hostElement.style.removeProperty("--q2-carousel-equal-pane-height");
+      const i = Array.from(this.hostElement.querySelectorAll(".q2-carousel-pane-main-content"));
+      const n = Math.max(...i.map((e => e.offsetHeight)), 0);
+      if (n) {
+        this.hostElement.style.setProperty("--q2-carousel-equal-pane-height", `${n}px`);
+      }
+      (t = (e = this.swiper) === null || e === void 0 ? void 0 : e.update) === null || t === void 0 ? void 0 : t.call(e);
+    };
     this.tearDownCarousel = () => {
       this.swiper.destroy();
       this.swiper = null;
     };
     this.updateCarouselPaneProps = () => {
-      const {framelessPanes: e, paneCount: t, paneArray: i} = this;
-      i.forEach(((i, n) => {
-        const s = i.getAttribute("data-swiper-slide-index");
+      const {framelessPanes: e, paneArray: t, paneCount: i} = this;
+      // 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 s = t.getAttribute("data-swiper-slide-index");
         const r = s !== null ? parseInt(s, 10) : n;
-        i.index = r;
-        i.siblingCount = t;
-        i.isActivePane = r === this.realIndex;
-        i.slotFrameless = e || undefined;
+        const o = i > 0 ? r % i : r;
+        t.index = o;
+        t.siblingCount = i;
+        t.isActivePane = o === this.realIndex;
+        t.slotFrameless = e || undefined;
+      }));
+      // Duplicate panes mirror real panes visually but never own "active" — active stays unique
+      // on the real DOM pane. Their `index` maps clicks back to the source via `slideToLoop` in
+      // `carouselPaneClicked`.
+            const n = Array.from(this.hostElement.querySelectorAll("q2-carousel-pane[data-q2-pane-duplicate]"));
+      n.forEach(((t, n) => {
+        const s = t.getAttribute("data-swiper-slide-index");
+        const r = s !== null ? parseInt(s, 10) : n + i;
+        const o = i > 0 ? r % i : r;
+        t.index = o;
+        t.siblingCount = i;
+        t.isActivePane = false;
+        t.slotFrameless = e || undefined;
       }));
-      this.currentPaneCount = t;
+      this.currentPaneCount = i;
     };
     // #endregion
     // #region Render Methods
@@ -4539,7 +4640,7 @@ const D = 500;
       })));
     };
     this.renderInsufficientPanesDisplay = () => {
-      let e = [ "insufficient-pane-feedback", this.fullWidthPanes ? "full-width-display" : "content-peek-display" ];
+      let e = [ "insufficient-pane-feedback", this.useFullWidthPanes ? "full-width-display" : "content-peek-display" ];
       if (this.compactMode) e = [ ...e, "compact" ];
       return i("div", {
         class: e.join(" ")
@@ -4618,10 +4719,15 @@ const D = 500;
   // #endregion
   // #region Component Lifecycle Events
   disconnectedCallback() {
+    var e;
     if (this.mutationObserver) {
       this.mutationObserver.disconnect();
       this.mutationObserver = null;
     }
+    (e = this.paneResizeObserver) === null || e === void 0 ? void 0 : e.disconnect();
+    if (this.syncPaneHeightFrame !== undefined) {
+      cancelAnimationFrame(this.syncPaneHeightFrame);
+    }
     if (!!this.swiper) {
       this.tearDownCarousel();
     }
@@ -4631,8 +4737,8 @@ const D = 500;
     l(this);
     this.updateCarouselPaneProps();
     window.addEventListener("resize", this.setCarouselWrapperWidth);
-    if (!d(this.hostElement, "q2-carousel-pane")) {
-      p(this.hostElement, "q2-carousel-pane");
+    if (!p(this.hostElement, "q2-carousel-pane")) {
+      h(this.hostElement, "q2-carousel-pane");
     }
     this.universalCarouselOptions = {
       centeredSlides: true,
@@ -4642,20 +4748,24 @@ const D = 500;
       modules: [ Autoplay ],
       on: {
         realIndexChange: e => {
-          this.index = e.realIndex + 1;
+          // 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 t = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`);
-          const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`);
-          const n = t || i;
-          this.handleAriaLive(n);
-          u(this, [ "change", "tctChange" ], {
-            index: e.realIndex + 1
+          const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`);
+          const n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`);
+          const s = i || n;
+          this.handleAriaLive(s);
+          d(this, [ "change", "tctChange" ], {
+            index: t + 1
           });
-          if (t) {
-            this.paginationBtns[e.realIndex].focus({
+          if (i) {
+            this.paginationBtns[t].focus({
               preventScroll: true
             });
-          } else if (i) e.slides[e.activeIndex].focus({
+          } else if (n) e.slides[e.activeIndex].focus({
             preventScroll: true
           });
         },
@@ -4702,7 +4812,7 @@ const D = 500;
   delegateFocus(e) {
     var t, i;
     const n = (t = this.swiper) === null || t === void 0 ? void 0 : t.slides[(i = this.swiper) === null || i === void 0 ? void 0 : i.realIndex];
-    if (!f(e, this.hostElement) || !n) return;
+    if (!u(e, this.hostElement) || !n) return;
     n.focus({
       preventScroll: true
     });
@@ -4741,8 +4851,11 @@ const D = 500;
   ariaLabelObserver() {
     l(this);
   }
+  autoHeightChanged() {
+    this.managePaneHeightObserver();
+  }
   carouselWrapperWidthChanged() {
-    this.compactMode = this.carouselWrapperWidth < D;
+    this.compactMode = this.carouselWrapperWidth < this.compactBreakpoint;
   }
   framelessPanesChanged() {
     this.updateCarouselPaneProps();
@@ -4752,17 +4865,20 @@ const D = 500;
     this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
   }
   indexChanged(e) {
-    var t, i;
     // this allows the carousel to be swiped programmatically via the index prop
-        if (e !== ((t = this.swiper) === null || t === void 0 ? void 0 : t.realIndex) + 1) {
-      (i = this.swiper) === null || i === void 0 ? void 0 : i.slideToLoop(this.realIndex);
-      // this.swiper?.slideTo(this.realIndex);
-        }
+    if (!this.swiper) return;
+    // 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.
+        const t = this.paneCount > 0 ? this.swiper.realIndex % this.paneCount : this.swiper.realIndex;
+    if (e !== t + 1) {
+      this.swiper.slideToLoop(this.realIndex);
+    }
   }
   // #endregion
   // #region Local Methods
   get activeCarouselOptions() {
-    return this.fullWidthPanes || this.framelessPanes ? this.fullWidthDisplayOptions : this.peekContentDisplayOptions;
+    return this.useFullWidthPanes ? this.fullWidthDisplayOptions : this.peekContentDisplayOptions;
   }
   get activePane() {
     var e, t, i;
@@ -4776,19 +4892,20 @@ const D = 500;
     return this.hostElement.querySelectorAll(".q2-carousel-page-indicator");
   }
   get paneArray() {
-    return Array.from(this.hostElement.querySelectorAll("q2-carousel-pane"));
+    return Array.from(this.hostElement.querySelectorAll("q2-carousel-pane:not([data-q2-pane-duplicate])"));
   }
   get paneCount() {
     return this.paneArray.length;
   }
   get peekContentDisplayOptions() {
+    const e = this.autoWidth && this.compactMode || f() ? 1.2 : 2;
     return {
-      slidesPerView: 2,
-      spaceBetween: this.compactMode ? 0 : 10,
+      slidesPerView: e,
+      spaceBetween: 10,
       centerInsufficientSlides: false,
       breakpoints: {
-        [z]: {
-          slidesPerView: 2
+        [D]: {
+          slidesPerView: e
         }
       },
       ...this.universalCarouselOptions
@@ -4801,6 +4918,13 @@ const D = 500;
   get useDynamicPaginationDots() {
     return this.paneCount && this.paneCount > 5;
   }
+  /**
+     * Swiper's loop mode rearranges existing DOM slides rather than cloning them. Small pane sets
+     * are padded in `syncPaneDuplicates` so Swiper has enough slides while Pane N still visually
+     * loops back to Pane 1.
+     */  get useFullWidthPanes() {
+    return this.fullWidthPanes || this.paneCount < 3;
+  }
   handleAriaLive(e) {
     if (this.autoPlayInProgress && !e) {
       this.ariaLiveValue = "off";
@@ -4809,24 +4933,30 @@ const D = 500;
     }
   }
   render() {
-    const {paneCount: e, fullWidthPanes: t, framelessPanes: r, compactMode: o, showNavigationArrows: l, arrowPosition: c = "bottom", insufficientPanes: f, autoPlay: u, hidePagination: d, ariaLiveValue: p, label: h} = this;
+    const {paneCount: e, useFullWidthPanes: t, framelessPanes: r, compactMode: o, showNavigationArrows: l, arrowPosition: c = "bottom", insufficientPanes: u, autoPlay: f, hidePagination: d, ariaLiveValue: p, label: h} = this;
     let g = [ "q2-carousel-swiper-container", "swiper" ];
     if (t) g = [ ...g, "full-width-display" ];
     if (r) g = [ ...g, "frameless-display" ];
-    if (!t && !r) g = [ ...g, "content-peek-display" ];
+    if (!t) g = [ ...g, "content-peek-display" ];
     if (o) g = [ ...g, "compact" ];
     const v = [ "q2-carousel-pagination-navigation-wrapper" ];
     if (l && c === "bottom") v.push("evenly-space");
     if (l && c === "hug") v.push("center-space");
     return i(s, {
-      key: "7c8a2c87c41d8621971bff9a22ab8de2439276c5",
+      key: "585ada42e719c5fe7f715ea98e266d406e166511",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
-    }, f ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {
+    }, u ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {
       class: v.join(" ")
     }, l && [ "bottom", "hug" ].includes(c) && this.renderPrevNavBtn(), i("div", {
       class: "q2-carousel-control-center-tray"
-    }, !d && this.renderPaginationArea(), u && this.renderAutoPlayBtn()), l && [ "bottom", "hug" ].includes(c) && this.renderNextNavBtn()), i("section", {
+    }, !d && this.renderPaginationArea(), f && this.renderAutoPlayBtn()), l && [ "bottom", "hug" ].includes(c) && this.renderNextNavBtn()), i("div", {
+      class: "q2-carousel-section-wrapper"
+    }, this.edgeFade && i("div", {
+      class: "q2-carousel-edge-fade q2-carousel-edge-fade-left"
+    }), this.edgeFade && i("div", {
+      class: "q2-carousel-edge-fade q2-carousel-edge-fade-right"
+    }), i("section", {
       class: g.join(" "),
       ref: e => this.carouselWrapper = e,
       "aria-roledescription": "carousel",
@@ -4838,7 +4968,7 @@ const D = 500;
       onKeyDown: this.keydownHandler
     }, i("slot", null)), l && c === "float" && i("div", {
       class: "q2-carousel-floating-arrow-wrapper"
-    }, this.renderPrevNavBtn(), this.renderNextNavBtn()))));
+    }, this.renderPrevNavBtn(), this.renderNextNavBtn())))));
   }
   get hostElement() {
     return r(this);
@@ -4846,6 +4976,7 @@ const D = 500;
   static get watchers() {
     return {
       ariaLabel: [ "ariaLabelObserver" ],
+      autoHeight: [ "autoHeightChanged" ],
       carouselWrapperWidth: [ "carouselWrapperWidthChanged" ],
       framelessPanes: [ "framelessPanesChanged", "revampCarousel" ],
       fullWidthPanes: [ "revampCarousel" ],
@@ -4856,8 +4987,8 @@ const D = 500;
   }
 };
 
-L.style = j;
+z.style = j;
 
-export { L as q2_carousel };
+export { z as q2_carousel };
 //# sourceMappingURL=q2-carousel.entry.esm.js.map
 //# sourceMappingURL=q2-carousel.entry.js.map