q2-tecton-elements 1.66.2 → 1.67.1

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

@@ -1,6 +1,6 @@
 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-B4WYBDS9.js";
+import { c as o, l as a, d as l, o as c, i as f } from "./index-C4PILj1_.js";
 
 import { m as u } from "./mirror-emit-DUjY_ucm.js";
 
@@ -87,7 +87,7 @@ function getDocument() {
   return e;
 }
 
-const m = {
+const g = {
   document: h,
   navigator: {
     userAgent: ""
@@ -145,7 +145,7 @@ const m = {
 
 function getWindow() {
   const e = typeof window !== "undefined" ? window : {};
-  extend$1(e, m);
+  extend$1(e, g);
   return e;
 }
 
@@ -437,7 +437,7 @@ function elementOuterSize(e, t, i) {
   }
 }
 
-let g;
+let v;
 
 function calcSupport() {
   const e = getWindow();
@@ -449,13 +449,13 @@ function calcSupport() {
 }
 
 function getSupport() {
-  if (!g) {
-    g = calcSupport();
+  if (!v) {
+    v = calcSupport();
   }
-  return g;
+  return v;
 }
 
-let v;
+let m;
 
 function calcDevice({userAgent: e} = {}) {
   const t = getSupport();
@@ -496,10 +496,10 @@ function calcDevice({userAgent: e} = {}) {
 }
 
 function getDevice(e = {}) {
-  if (!v) {
-    v = calcDevice(e);
+  if (!m) {
+    m = calcDevice(e);
   }
-  return v;
+  return m;
 }
 
 let w;
@@ -804,18 +804,18 @@ function updateSlides() {
   if (typeof h === "function") {
     h = t.slidesOffsetAfter.call(e);
   }
-  const m = e.snapGrid.length;
-  const g = e.slidesGrid.length;
-  const v = e.size - p - h;
+  const g = e.snapGrid.length;
+  const v = e.slidesGrid.length;
+  const m = e.size - p - h;
   let w = t.spaceBetween;
   let b = -p;
   let y = 0;
   let x = 0;
-  if (typeof v === "undefined") {
+  if (typeof m === "undefined") {
     return;
   }
   if (typeof w === "string" && w.indexOf("%") >= 0) {
-    w = parseFloat(w.replace("%", "")) / 100 * v;
+    w = parseFloat(w.replace("%", "")) / 100 * m;
   } else if (typeof w === "string") {
     w = parseFloat(w);
   }
@@ -905,7 +905,7 @@ function updateSlides() {
       }
       if (t.roundLengths) C = Math.floor(C);
     } else {
-      C = (v - (t.slidesPerView - 1) * w) / t.slidesPerView;
+      C = (m - (t.slidesPerView - 1) * w) / t.slidesPerView;
       if (t.roundLengths) C = Math.floor(C);
       if (n) {
         n.style[e.getDirectionLabel("width")] = `${C}px`;
@@ -917,8 +917,8 @@ function updateSlides() {
     d.push(C);
     if (t.centeredSlides) {
       b = b + C / 2 + y / 2 + w;
-      if (y === 0 && i !== 0) b = b - v / 2 - w;
-      if (i === 0) b = b - v / 2 - w;
+      if (y === 0 && i !== 0) b = b - m / 2 - w;
+      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);
@@ -933,7 +933,7 @@ function updateSlides() {
     y = C;
     x += 1;
   }
-  e.virtualSize = Math.max(e.virtualSize, v) + h;
+  e.virtualSize = Math.max(e.virtualSize, m) + h;
   if (s && r && (t.effect === "slide" || t.effect === "coverflow")) {
     i.style.width = `${e.virtualSize + w}px`;
   }
@@ -959,7 +959,7 @@ function updateSlides() {
         let t = 0;
         for (let i = d.length - 1; i >= 0; i -= 1) {
           t += d[i] + (i < d.length - 1 ? w : 0);
-          if (t <= v) {
+          if (t <= m) {
             e = d.length - i;
           } else {
             break;
@@ -979,16 +979,16 @@ function updateSlides() {
         if (i <= s) {
           r.push(o);
         }
-      } else if (f[i] <= e.virtualSize - v) {
+      } else if (f[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 - v) - Math.floor(f[f.length - 1]) > 1) {
+    if (Math.floor(e.virtualSize - m) - Math.floor(f[f.length - 1]) > 1) {
       // Only add edge-aligned snap if snapToSlideEdge is not enabled
       if (!n) {
-        f.push(e.virtualSize - v);
+        f.push(e.virtualSize - m);
       }
     }
   }
@@ -1028,7 +1028,7 @@ function updateSlides() {
       e += t + (w || 0);
     }));
     e -= w;
-    const t = e > v ? e - v : 0;
+    const t = e > m ? e - m : 0;
     f = f.map((e => {
       if (e <= 0) return -p;
       if (e > t) return t + h;
@@ -1041,8 +1041,8 @@ function updateSlides() {
       e += t + (w || 0);
     }));
     e -= w;
-    if (e < v) {
-      const t = (v - e) / 2;
+    if (e < m) {
+      const t = (m - e) / 2;
       f.forEach(((e, i) => {
         f[i] = e - t;
       }));
@@ -1068,11 +1068,11 @@ function updateSlides() {
   if (c !== a) {
     e.emit("slidesLengthChange");
   }
-  if (f.length !== m) {
+  if (f.length !== g) {
     if (e.params.watchOverflow) e.checkOverflow();
     e.emit("snapGridLengthChange");
   }
-  if (u.length !== g) {
+  if (u.length !== v) {
     e.emit("slidesGridLengthChange");
   }
   if (t.watchSlidesProgress) {
@@ -1179,12 +1179,12 @@ function updateSlidesProgress(e = this && this.translate || 0) {
     const d = -(o - c);
     const p = d + t.slidesSizesGrid[e];
     const h = d >= 0 && d <= t.size - t.slidesSizesGrid[e];
-    const m = d >= 0 && d < t.size - 1 || p > 1 && p <= t.size || d <= 0 && p >= t.size;
-    if (m) {
+    const g = d >= 0 && d < t.size - 1 || p > 1 && p <= t.size || d <= 0 && p >= t.size;
+    if (g) {
       t.visibleSlides.push(l);
       t.visibleSlidesIndexes.push(e);
     }
-    toggleSlideClasses$1(l, m, i.slideVisibleClass);
+    toggleSlideClasses$1(l, g, i.slideVisibleClass);
     toggleSlideClasses$1(l, h, i.slideFullyVisibleClass);
     l.progress = s ? -f : f;
     l.originalProgress = s ? -u : u;
@@ -1743,14 +1743,14 @@ function slideTo(e = 0, t, i = true, n, s) {
   if (typeof t === "undefined") {
     t = r.params.speed;
   }
-  const m = Math.min(r.params.slidesPerGroupSkip, o);
-  let g = m + Math.floor((o - m) / r.params.slidesPerGroup);
-  if (g >= l.length) g = l.length - 1;
-  const v = -l[g];
+  const g = Math.min(r.params.slidesPerGroupSkip, o);
+  let v = g + Math.floor((o - g) / r.params.slidesPerGroup);
+  if (v >= l.length) v = l.length - 1;
+  const m = -l[v];
   // Normalize slideIndex
     if (a.normalizeSlideIndex) {
     for (let e = 0; e < c.length; e += 1) {
-      const t = -Math.floor(v * 100);
+      const t = -Math.floor(m * 100);
       const i = Math.floor(c[e] * 100);
       const n = Math.floor(c[e + 1] * 100);
       if (typeof c[e + 1] !== "undefined") {
@@ -1766,10 +1766,10 @@ function slideTo(e = 0, t, i = true, n, s) {
   }
   // Directions locks
     if (r.initialized && o !== u) {
-    if (!r.allowSlideNext && (d ? v > r.translate && v > r.minTranslate() : v < r.translate && v < r.minTranslate())) {
+    if (!r.allowSlideNext && (d ? m > r.translate && m > r.minTranslate() : m < r.translate && m < r.minTranslate())) {
       return false;
     }
-    if (!r.allowSlidePrev && v > r.translate && v > r.maxTranslate()) {
+    if (!r.allowSlidePrev && m > r.translate && m > r.maxTranslate()) {
       if ((u || 0) !== o) {
         return false;
       }
@@ -1779,14 +1779,14 @@ function slideTo(e = 0, t, i = true, n, s) {
     r.emit("beforeSlideChangeStart");
   }
   // Update progress
-    r.updateProgress(v);
+    r.updateProgress(m);
   let w;
   if (o > u) w = "next"; else if (o < u) w = "prev"; else w = "reset";
   // initial virtual
     const b = r.virtual && r.params.virtual.enabled;
   const y = b && s;
   // Update Index
-    if (!y && (d && -v === r.translate || !d && v === r.translate)) {
+    if (!y && (d && -m === r.translate || !d && m === r.translate)) {
     r.updateActiveIndex(o);
     // Update Height
         if (a.autoHeight) {
@@ -1794,7 +1794,7 @@ function slideTo(e = 0, t, i = true, n, s) {
     }
     r.updateSlidesClasses();
     if (a.effect !== "slide") {
-      r.setTranslate(v);
+      r.setTranslate(m);
     }
     if (w !== "reset") {
       r.transitionStart(i, w);
@@ -1804,7 +1804,7 @@ function slideTo(e = 0, t, i = true, n, s) {
   }
   if (a.cssMode) {
     const e = r.isHorizontal();
-    const i = d ? v : -v;
+    const i = d ? m : -m;
     if (t === 0) {
       if (b) {
         r.wrapperEl.style.scrollSnapType = "none";
@@ -1846,7 +1846,7 @@ function slideTo(e = 0, t, i = true, n, s) {
     r.virtual.update(false, false, o);
   }
   r.setTransition(t);
-  r.setTranslate(v);
+  r.setTranslate(m);
   r.updateActiveIndex(o);
   r.updateSlidesClasses();
   r.emit("beforeTransitionStart", t, n);
@@ -1993,8 +1993,8 @@ function slideToLoop(e = 0, t, i = true, n) {
   const d = normalize(u);
   const p = r.map((e => normalize(e)));
   const h = s.freeMode && s.freeMode.enabled;
-  let m = r[p.indexOf(d) - 1];
-  if (typeof m === "undefined" && (s.cssMode || h)) {
+  let g = r[p.indexOf(d) - 1];
+  if (typeof g === "undefined" && (s.cssMode || h)) {
     let e;
     r.forEach(((t, i) => {
       if (d >= t) {
@@ -2003,16 +2003,16 @@ function slideToLoop(e = 0, t, i = true, n) {
       }
     }));
     if (typeof e !== "undefined") {
-      m = h ? r[e] : r[e > 0 ? e - 1 : e];
+      g = h ? r[e] : r[e > 0 ? e - 1 : e];
     }
   }
-  let g = 0;
-  if (typeof m !== "undefined") {
-    g = o.indexOf(m);
-    if (g < 0) g = n.activeIndex - 1;
+  let v = 0;
+  if (typeof g !== "undefined") {
+    v = o.indexOf(g);
+    if (v < 0) v = n.activeIndex - 1;
     if (s.slidesPerView === "auto" && s.slidesPerGroup === 1 && s.slidesPerGroupAuto) {
-      g = g - n.slidesPerViewDynamic("previous", true) + 1;
-      g = Math.max(g, 0);
+      v = v - n.slidesPerViewDynamic("previous", true) + 1;
+      v = Math.max(v, 0);
     }
   }
   if (s.rewind && n.isBeginning) {
@@ -2020,11 +2020,11 @@ function slideToLoop(e = 0, t, i = true, n) {
     return n.slideTo(s, e, t, i);
   } else if (s.loop && n.activeIndex === 0 && s.cssMode) {
     requestAnimationFrame((() => {
-      n.slideTo(g, e, t, i);
+      n.slideTo(v, e, t, i);
     }));
     return true;
   }
-  return n.slideTo(g, e, t, i);
+  return n.slideTo(v, e, t, i);
 }
 
 /* eslint no-unused-vars: "off" */ function slideReset(e, t = true, i) {
@@ -2175,8 +2175,8 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
   if (!l.params.loop) return;
   l.emit("beforeLoopFix");
   const {slides: c, allowSlidePrev: f, allowSlideNext: u, slidesEl: d, params: p} = l;
-  const {centeredSlides: h, slidesOffsetBefore: m, slidesOffsetAfter: g, initialSlide: v} = p;
-  const w = h || !!m || !!g;
+  const {centeredSlides: h, slidesOffsetBefore: g, slidesOffsetAfter: v, initialSlide: m} = p;
+  const w = h || !!g || !!v;
   l.allowSlidePrev = true;
   l.allowSlideNext = true;
   if (l.virtual && p.virtual.enabled) {
@@ -2219,22 +2219,22 @@ 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 - v < b && !w;
-  let P = k ? v : l.activeIndex;
+  const k = r && M - m < b && !w;
+  let E = k ? m : l.activeIndex;
   if (typeof s === "undefined") {
     s = l.getSlideIndex(c.find((e => e.classList.contains(p.slideActiveClass))));
   } else {
-    P = s;
+    E = s;
   }
-  const E = i === "next" || !i;
-  const O = i === "prev" || !i;
+  const P = i === "next" || !i;
+  const q = i === "prev" || !i;
+  let O = 0;
   let I = 0;
-  let q = 0;
   const $ = S ? c[s].column : s;
   const A = $ + (w && typeof n === "undefined" ? -b / 2 + .5 : 0);
   // prepend last slides before start
     if (A < x) {
-    I = Math.max(x - A, y);
+    O = Math.max(x - A, y);
     for (let e = 0; e < x - A; e += 1) {
       const t = e - Math.floor(e / M) * M;
       if (S) {
@@ -2250,11 +2250,11 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
       }
     }
   } else if (A + b > M - x) {
-    q = Math.max(A - (M - x * 2), y);
+    I = Math.max(A - (M - x * 2), y);
     if (k) {
-      q = Math.max(q, b - M + v + 1);
+      I = Math.max(I, b - M + m + 1);
     }
-    for (let e = 0; e < q; e += 1) {
+    for (let e = 0; e < I; e += 1) {
       const t = e - Math.floor(e / M) * M;
       if (S) {
         c.forEach(((e, i) => {
@@ -2277,14 +2277,14 @@ function loopFix({slideRealIndex: e, slideTo: t = true, direction: i, setTransla
       C.splice(C.indexOf(s), 1);
     }
   }
-  if (O) {
+  if (q) {
     C.forEach((e => {
       c[e].swiperLoopMoveDOM = true;
       d.prepend(c[e]);
       c[e].swiperLoopMoveDOM = false;
     }));
   }
-  if (E) {
+  if (P) {
     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 && O || T.length > 0 && E)) {
+  } else if (S && (C.length > 0 && q || T.length > 0 && P)) {
     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 && O) {
+    if (C.length > 0 && q) {
       if (typeof e === "undefined") {
-        const e = l.slidesGrid[P];
-        const t = l.slidesGrid[P + I];
+        const e = l.slidesGrid[E];
+        const t = l.slidesGrid[E + O];
         const i = t - e;
         if (a) {
           l.setTranslate(l.translate - i);
         } else {
-          l.slideTo(P + Math.ceil(I), 0, false, true);
+          l.slideTo(E + 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 && E) {
+    } else if (T.length > 0 && P) {
       if (typeof e === "undefined") {
-        const e = l.slidesGrid[P];
-        const t = l.slidesGrid[P - q];
+        const e = l.slidesGrid[E];
+        const t = l.slidesGrid[E - I];
         const i = t - e;
         if (a) {
           l.setTranslate(l.translate - i);
         } else {
-          l.slideTo(P - q, 0, false, true);
+          l.slideTo(E - I, 0, false, true);
           if (n) {
             l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - i;
             l.touchEventsData.currentTranslate = l.touchEventsData.currentTranslate - i;
@@ -2537,9 +2537,9 @@ function onTouchStart(e) {
   t.updateSize();
   t.swipeDirection = undefined;
   if (r.threshold > 0) s.allowThresholdMove = false;
-  let m = true;
+  let g = true;
   if (l.matches(s.focusableElements)) {
-    m = false;
+    g = false;
     if (l.nodeName === "SELECT") {
       s.isTouched = false;
     }
@@ -2547,8 +2547,8 @@ function onTouchStart(e) {
   if (i.activeElement && i.activeElement.matches(s.focusableElements) && i.activeElement !== l && (n.pointerType === "mouse" || n.pointerType !== "mouse" && !l.matches(s.focusableElements))) {
     i.activeElement.blur();
   }
-  const g = m && t.allowTouchMove && r.touchStartPreventDefault;
-  if ((r.touchStartForcePreventDefault || g) && !l.isContentEditable) {
+  const v = g && t.allowTouchMove && r.touchStartPreventDefault;
+  if ((r.touchStartForcePreventDefault || v) && !l.isContentEditable) {
     n.preventDefault();
   }
   if (r.freeMode && r.freeMode.enabled && t.freeMode && t.animating && !r.cssMode) {
@@ -2676,24 +2676,24 @@ function onTouchMove(e) {
     l.stopPropagation();
   }
   let h = i.isHorizontal() ? d : p;
-  let m = i.isHorizontal() ? r.currentX - r.previousX : r.currentY - r.previousY;
+  let g = i.isHorizontal() ? r.currentX - r.previousX : r.currentY - r.previousY;
   if (s.oneWayMovement) {
     h = Math.abs(h) * (o ? 1 : -1);
-    m = Math.abs(m) * (o ? 1 : -1);
+    g = Math.abs(g) * (o ? 1 : -1);
   }
   r.diff = h;
   h *= s.touchRatio;
   if (o) {
     h = -h;
-    m = -m;
+    g = -g;
   }
-  const g = i.touchesDirection;
+  const v = i.touchesDirection;
   i.swipeDirection = h > 0 ? "prev" : "next";
-  i.touchesDirection = m > 0 ? "prev" : "next";
-  const v = i.params.loop && !s.cssMode;
+  i.touchesDirection = g > 0 ? "prev" : "next";
+  const m = i.params.loop && !s.cssMode;
   const w = i.touchesDirection === "next" && i.allowSlideNext || i.touchesDirection === "prev" && i.allowSlidePrev;
   if (!n.isMoved) {
-    if (v && w) {
+    if (m && w) {
       i.loopFix({
         direction: i.swipeDirection
       });
@@ -2718,7 +2718,7 @@ function onTouchMove(e) {
     i.emit("sliderFirstMove", l);
   }
   (new Date).getTime();
-  if (s._loopSwapReset !== false && n.isMoved && n.allowThresholdMove && g !== i.touchesDirection && v && w && Math.abs(h) >= 1) {
+  if (s._loopSwapReset !== false && n.isMoved && n.allowThresholdMove && v !== i.touchesDirection && m && w && Math.abs(h) >= 1) {
     Object.assign(r, {
       startX: f,
       startY: u,
@@ -2739,7 +2739,7 @@ function onTouchMove(e) {
     y = 0;
   }
   if (h > 0) {
-    if (v && w && true && n.allowThresholdMove && n.currentTranslate > (s.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] - (s.slidesPerView !== "auto" && i.slides.length - s.slidesPerView >= 2 ? i.slidesSizesGrid[i.activeIndex + 1] + i.params.spaceBetween : 0) - i.params.spaceBetween : i.minTranslate())) {
+    if (m && w && true && n.allowThresholdMove && n.currentTranslate > (s.centeredSlides ? i.minTranslate() - i.slidesSizesGrid[i.activeIndex + 1] - (s.slidesPerView !== "auto" && i.slides.length - s.slidesPerView >= 2 ? i.slidesSizesGrid[i.activeIndex + 1] + i.params.spaceBetween : 0) - i.params.spaceBetween : i.minTranslate())) {
       i.loopFix({
         direction: "prev",
         setTranslate: true,
@@ -2753,7 +2753,7 @@ function onTouchMove(e) {
       }
     }
   } else if (h < 0) {
-    if (v && w && true && n.allowThresholdMove && n.currentTranslate < (s.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween + (s.slidesPerView !== "auto" && i.slides.length - s.slidesPerView >= 2 ? i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween : 0) : i.maxTranslate())) {
+    if (m && w && true && n.allowThresholdMove && n.currentTranslate < (s.centeredSlides ? i.maxTranslate() + i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween + (s.slidesPerView !== "auto" && i.slides.length - s.slidesPerView >= 2 ? i.slidesSizesGrid[i.slidesSizesGrid.length - 1] + i.params.spaceBetween : 0) : i.maxTranslate())) {
       i.loopFix({
         direction: "next",
         setTranslate: true,
@@ -2896,32 +2896,32 @@ function onTouchEnd(e) {
   }
   // Find current slide
     const h = p >= -t.maxTranslate() && !t.params.loop;
-  let m = 0;
-  let g = t.slidesSizesGrid[0];
+  let g = 0;
+  let v = t.slidesSizesGrid[0];
   for (let e = 0; e < c.length; e += e < o.slidesPerGroupSkip ? 1 : o.slidesPerGroup) {
     const t = e < o.slidesPerGroupSkip - 1 ? 1 : o.slidesPerGroup;
     if (typeof c[e + t] !== "undefined") {
       if (h || p >= c[e] && p < c[e + t]) {
-        m = e;
-        g = c[e + t] - c[e];
+        g = e;
+        v = c[e + t] - c[e];
       }
     } else if (h || p >= c[e]) {
-      m = e;
-      g = c[c.length - 1] - c[c.length - 2];
+      g = e;
+      v = c[c.length - 1] - c[c.length - 2];
     }
   }
-  let v = null;
+  let m = null;
   let w = null;
   if (o.rewind) {
     if (t.isBeginning) {
       w = o.virtual && o.virtual.enabled && t.virtual ? t.virtual.slides.length - 1 : t.slides.length - 1;
     } else if (t.isEnd) {
-      v = 0;
+      m = 0;
     }
   }
   // Find current slide size
-    const b = (p - c[m]) / g;
-  const y = m < o.slidesPerGroupSkip - 1 ? 1 : o.slidesPerGroup;
+    const b = (p - c[g]) / v;
+  const y = g < o.slidesPerGroupSkip - 1 ? 1 : o.slidesPerGroup;
   if (d > o.longSwipesMs) {
     // Long touches
     if (!o.longSwipes) {
@@ -2929,15 +2929,15 @@ function onTouchEnd(e) {
       return;
     }
     if (t.swipeDirection === "next") {
-      if (b >= o.longSwipesRatio) t.slideTo(o.rewind && t.isEnd ? v : m + y); else t.slideTo(m);
+      if (b >= o.longSwipesRatio) t.slideTo(o.rewind && t.isEnd ? m : g + y); else t.slideTo(g);
     }
     if (t.swipeDirection === "prev") {
       if (b > 1 - o.longSwipesRatio) {
-        t.slideTo(m + y);
+        t.slideTo(g + y);
       } else if (w !== null && b < 0 && Math.abs(b) > o.longSwipesRatio) {
         t.slideTo(w);
       } else {
-        t.slideTo(m);
+        t.slideTo(g);
       }
     }
   } else {
@@ -2949,15 +2949,15 @@ function onTouchEnd(e) {
     const e = t.navigation && (n.target === t.navigation.nextEl || n.target === t.navigation.prevEl);
     if (!e) {
       if (t.swipeDirection === "next") {
-        t.slideTo(v !== null ? v : m + y);
+        t.slideTo(m !== null ? m : g + y);
       }
       if (t.swipeDirection === "prev") {
-        t.slideTo(w !== null ? w : m);
+        t.slideTo(w !== null ? w : g);
       }
     } else if (n.target === t.navigation.nextEl) {
-      t.slideTo(m + y);
+      t.slideTo(g + y);
     } else {
-      t.slideTo(m);
+      t.slideTo(g);
     }
   }
 }
@@ -3171,8 +3171,8 @@ function setBreakpoint() {
   const d = isGridEnabled(e, n);
   const p = isGridEnabled(e, u);
   const h = e.params.grabCursor;
-  const m = u.grabCursor;
-  const g = n.enabled;
+  const g = u.grabCursor;
+  const v = n.enabled;
   if (d && !p) {
     s.classList.remove(`${n.containerModifierClass}grid`, `${n.containerModifierClass}grid-column`);
     e.emitContainerClasses();
@@ -3183,9 +3183,9 @@ function setBreakpoint() {
     }
     e.emitContainerClasses();
   }
-  if (h && !m) {
+  if (h && !g) {
     e.unsetGrabCursor();
-  } else if (!h && m) {
+  } else if (!h && g) {
     e.setGrabCursor();
   }
   // Toggle navigation, pagination, scrollbar
@@ -3200,10 +3200,10 @@ function setBreakpoint() {
       e[t].enable();
     }
   }));
-  const v = u.direction && u.direction !== n.direction;
-  const w = n.loop && (u.slidesPerView !== n.slidesPerView || v);
+  const m = u.direction && u.direction !== n.direction;
+  const w = n.loop && (u.slidesPerView !== n.slidesPerView || m);
   const b = n.loop;
-  if (v && i) {
+  if (m && i) {
     e.changeDirection();
   }
   extend(e.params, u);
@@ -3214,9 +3214,9 @@ function setBreakpoint() {
     allowSlideNext: e.params.allowSlideNext,
     allowSlidePrev: e.params.allowSlidePrev
   });
-  if (g && !y) {
+  if (v && !y) {
     e.disable();
-  } else if (!g && y) {
+  } else if (!v && y) {
     e.enable();
   }
   e.currentBreakpoint = c;
@@ -3269,7 +3269,7 @@ function getBreakpoint(e, t = "window", i) {
   return n || "max";
 }
 
-var P = {
+var E = {
   setBreakpoint,
   getBreakpoint
 };
@@ -3328,7 +3328,7 @@ function removeClasses() {
   e.emitContainerClasses();
 }
 
-var E = {
+var P = {
   addClasses,
   removeClasses
 };
@@ -3358,11 +3358,11 @@ function checkOverflow() {
   }
 }
 
-var O = {
+var q = {
   checkOverflow
 };
 
-var I = {
+var O = {
   init: true,
   direction: "horizontal",
   oneWayMovement: false,
@@ -3517,7 +3517,7 @@ function moduleExtendParams(e, t) {
   };
 }
 
-/* eslint no-param-reassign: "off" */ const q = {
+/* eslint no-param-reassign: "off" */ const I = {
   eventsEmitter: b,
   update: y,
   translate: x,
@@ -3526,9 +3526,9 @@ function moduleExtendParams(e, t) {
   loop: T,
   grabCursor: M,
   events: k,
-  breakpoints: P,
-  checkOverflow: O,
-  classes: E
+  breakpoints: E,
+  checkOverflow: q,
+  classes: P
 };
 
 const $ = {};
@@ -3588,7 +3588,7 @@ class A {
       });
     }));
     // Extend defaults with modules params
-        const o = extend({}, I, r);
+        const o = extend({}, O, r);
     // Extend defaults with passed params
         s.params = extend({}, o, $, i);
     s.originalParams = extend({}, s.params);
@@ -4062,7 +4062,7 @@ class A {
     return $;
   }
   static get defaults() {
-    return I;
+    return O;
   }
   static installModule(e) {
     if (!A.prototype.__modules__) A.prototype.__modules__ = [];
@@ -4081,9 +4081,9 @@ class A {
   }
 }
 
-Object.keys(q).forEach((e => {
-  Object.keys(q[e]).forEach((t => {
-    A.prototype[t] = q[e][t];
+Object.keys(I).forEach((e => {
+  Object.keys(I[e]).forEach((t => {
+    A.prototype[t] = I[e][t];
   }));
 }));
 
@@ -4117,13 +4117,13 @@ A.use([ Resize, Observer ]);
   let d;
   let p;
   let h;
-  let m;
   let g;
+  let v;
   function onTransitionEnd(t) {
     if (!e || e.destroyed || !e.wrapperEl) return;
     if (t.target !== e.wrapperEl) return;
     e.wrapperEl.removeEventListener("transitionend", onTransitionEnd);
-    if (g || t.detail && t.detail.bySwiperTouchMove) {
+    if (v || t.detail && t.detail.bySwiperTouchMove) {
       return;
     }
     resume();
@@ -4229,7 +4229,7 @@ A.use([ Resize, Observer ]);
     if (e.destroyed || !e.autoplay.running) return;
     clearTimeout(r);
     if (!t) {
-      m = true;
+      g = true;
     }
     const proceed = () => {
       n("autoplayPause");
@@ -4253,8 +4253,8 @@ A.use([ Resize, Observer ]);
   const resume = () => {
     if (e.isEnd && c < 0 && !e.params.loop || e.destroyed || !e.autoplay.running) return;
     f = (new Date).getTime();
-    if (m) {
-      m = false;
+    if (g) {
+      g = false;
       run(c);
     } else {
       run();
@@ -4266,7 +4266,7 @@ A.use([ Resize, Observer ]);
     if (e.destroyed || !e.autoplay.running) return;
     const t = getDocument();
     if (t.visibilityState === "hidden") {
-      m = true;
+      g = true;
       pause(true);
     }
     if (t.visibilityState === "visible") {
@@ -4275,14 +4275,14 @@ A.use([ Resize, Observer ]);
   };
   const onPointerEnter = t => {
     if (t.pointerType !== "mouse") return;
-    m = true;
     g = true;
+    v = true;
     if (e.animating || e.autoplay.paused) return;
     pause(true);
   };
   const onPointerLeave = t => {
     if (t.pointerType !== "mouse") return;
-    g = false;
+    v = false;
     if (e.autoplay.paused) {
       resume();
     }
@@ -4322,7 +4322,7 @@ A.use([ Resize, Observer ]);
     }
   }));
   i("_freeModeStaticRelease", (() => {
-    if (p || m) {
+    if (p || g) {
       resume();
     }
   }));
@@ -4349,9 +4349,9 @@ A.use([ Resize, Observer ]);
     }
     d = true;
     p = false;
-    m = false;
+    g = false;
     h = setTimeout((() => {
-      m = true;
+      g = true;
       p = true;
       pause(true);
     }), 200);
@@ -4384,9 +4384,9 @@ A.use([ Resize, Observer ]);
   });
 }
 
-const D = "*{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-control-center-tray{display:flex;align-items:center}.q2-carousel-swiper-wrapper.compact{overflow:visible}.q2-carousel-swiper-wrapper.compact q2-btn{margin-top:4px}.q2-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:12px;width:12px;border-radius:50%;background-color:var(--tct-carousel-pagination-inactive-color, var(--t-carousel-pagination-inactive-color, var(--t-a11y--gray-color-AA, #949494)));padding:0;border:0;transition:all 0.5s}.q2-carousel-pagination .q2-carousel-page-indicator:hover{background-color:var(--tct-carousel-pagination-active-color, var(--t-carousel-pagination-active-color, var(--tct-primary, var(--t-primary, #006eb2))))}.q2-carousel-pagination .q2-carousel-page-indicator.active-page{display:inline-block;background-color:var(--tct-carousel-pagination-active-color, var(--t-carousel-pagination-active-color, var(--tct-primary, var(--t-primary, #006eb2))))}.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-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(0.9)}.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-hover-background:var(--tct-carousel-btn-hover-background, var(--app-gray-l3, #f2f2f2));--tct-icon-stroke-primary:var(--tct-carousel-btn-icon-stroke-primary, var(--app-gray, #747474));--tct-icon-stroke-secondary:var(--tct-carousel-btn-icon-stroke-secondary, var(--app-gray, #747474))}";
+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 = 500;
+const D = 500;
 
  /* width in px of this host element where the layout starts to get unruly */ const z = 1024;
 
@@ -4415,14 +4415,29 @@ const j = 500;
          */    this.label = "tecton.element.carousel.ariaLabel";
     /** Display navigation arrow buttons as another way to navigate the carousel. */    this.showNavigationArrows = false;
     this.configureCarousel = (e, t) => {
-      var i, n;
+      var i, n, s, r;
+      // Disconnect observer to prevent infinite loop from Swiper's internal DOM changes (e.g. loop mode)
+            (i = this.mutationObserver) === null || i === void 0 ? void 0 : i.disconnect();
       if (!!this.swiper) {
         this.tearDownCarousel();
       }
       this.autoPlayInProgress = this.autoPlay;
+      // 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);
-      (i = this.swiper) === null || i === void 0 ? void 0 : i.slideTo(this.realIndex);
-      if (this.autoPlayInProgress) (n = this.swiper) === null || n === void 0 ? void 0 : n.autoplay.start();
+      (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();
+      // Re-observe after Swiper's DOM changes have settled
+            requestAnimationFrame((() => {
+        var e;
+        (e = this.mutationObserver) === null || e === void 0 ? void 0 : e.observe(this.hostElement, {
+          childList: true,
+          subtree: true
+        });
+      }));
     };
     this.handleAutoPlayPause = e => {
       var t;
@@ -4467,18 +4482,20 @@ const j = 500;
 
        case "Home":
         e.preventDefault();
-        (n = this.swiper) === null || n === void 0 ? void 0 : n.slideTo(0);
+        (n = this.swiper) === null || n === void 0 ? void 0 : n.slideToLoop(0);
         break;
 
        case "End":
         e.preventDefault();
-        (s = this.swiper) === null || s === void 0 ? void 0 : s.slideTo(this.paneCount - 1);
+        (s = this.swiper) === null || s === void 0 ? void 0 : s.slideToLoop(this.paneCount - 1);
         break;
       }
     };
     this.onMutationObserved = () => {
-      this.updateCarouselPaneProps();
-      this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
+      if (this.paneCount !== this.currentPaneCount) {
+        this.updateCarouselPaneProps();
+        this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);
+      }
     };
     this.setCarouselWrapperWidth = () => {
       if (this.insufficientPanes) return;
@@ -4491,9 +4508,11 @@ const j = 500;
     this.updateCarouselPaneProps = () => {
       const {framelessPanes: e, paneCount: t, paneArray: i} = this;
       i.forEach(((i, n) => {
-        i.index = n;
+        const s = i.getAttribute("data-swiper-slide-index");
+        const r = s !== null ? parseInt(s, 10) : n;
+        i.index = r;
         i.siblingCount = t;
-        i.isActivePane = n === this.realIndex;
+        i.isActivePane = r === this.realIndex;
         i.slotFrameless = e || undefined;
       }));
       this.currentPaneCount = t;
@@ -4502,15 +4521,22 @@ const j = 500;
     // #region Render Methods
         this.renderAutoPlayBtn = () => {
       const {autoPlayInProgress: e} = this;
-      return i("q2-btn", {
+      return i("button", {
         type: "button",
-        "hide-label": true,
-        label: a(e ? "tecton.element.carousel.pausePlayLabel" : "tecton.element.carousel.resumePlayLabel"),
         class: "q2-carousel-autoplay-control",
+        "aria-label": a(e ? "tecton.element.carousel.pausePlayLabel" : "tecton.element.carousel.resumePlayLabel"),
         onClick: () => this.handleAutoPlayPause(e ? "pause" : "play")
-      }, i("q2-icon", {
-        type: e ? "pause" : "play"
-      }));
+      }, i("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "currentColor",
+        class: "autoplay-icon",
+        "aria-hidden": "true"
+      }, e ? i("path", {
+        d: "M7.667 3.667h-2c-.737 0-1.334.597-1.334 1.333v14c0 .736.597 1.333 1.334 1.333h2C8.403 20.333 9 19.736 9 19V5c0-.736-.597-1.333-1.333-1.333Zm10.666 0h-2C15.597 3.667 15 4.264 15 5v14c0 .736.597 1.333 1.333 1.333h2c.737 0 1.334-.597 1.334-1.333V5c0-.736-.597-1.333-1.334-1.333Z"
+      }) : i("path", {
+        d: "m6.868 3.837 12.656 7.008a1.316 1.316 0 0 1 0 2.31L6.868 20.163c-.892.494-1.993-.144-1.993-1.155V4.992c0-1.01 1.1-1.65 1.993-1.155Z"
+      })));
     };
     this.renderInsufficientPanesDisplay = () => {
       let e = [ "insufficient-pane-feedback", this.fullWidthPanes ? "full-width-display" : "content-peek-display" ];
@@ -4527,69 +4553,67 @@ const j = 500;
         class: "insufficient-panes-body"
       }, a("tecton.element.carousel.insufficientPanesMessageBody")));
     };
-    this.renderNextNavBtn = () => {
-      const e = this.realIndex < this.paneCount - 1;
-      return i("div", null, i("q2-btn", {
-        type: "button",
-        disabled: e ? undefined : true,
-        class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
-        "hide-label": true,
-        label: a("tecton.element.carousel.nextItemLabel"),
-        onClick: () => {
-          var e;
-          return (e = this.swiper) === null || e === void 0 ? void 0 : e.slideNext();
-        }
-      }, i("q2-icon", {
-        type: "chevron-right"
-      })));
-    };
+    this.renderNextNavBtn = () => i("div", {
+      class: "next-btn"
+    }, i("button", {
+      type: "button",
+      class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
+      "aria-label": a("tecton.element.carousel.nextItemLabel"),
+      onClick: () => {
+        var e;
+        return (e = this.swiper) === null || e === void 0 ? void 0 : e.slideNext();
+      }
+    }, i("q2-icon", {
+      type: "arrow-right"
+    })));
     this.renderPaginationArea = () => {
-      const {useDynamicPaginationDots: e, realIndex: t, paneCount: n, paneArray: s} = this;
-      let r = [ "q2-carousel-pagination" ];
-      if (e) r = [ ...r, "dynamic" ];
+      const {useDynamicPaginationDots: e, realIndex: t, paneCount: n} = this;
+      const s = [ "q2-carousel-pagination", "autoplay" ];
+      if (e) s.push("dynamic");
+      if (this.autoPlayInProgress) s.push("autoplay-on");
       return i("div", {
-        class: r.join(" "),
+        class: s.join(" "),
         role: "tablist",
         "aria-label": a("tecton.element.carousel.tabWrapperLabel")
-      }, s.map((s => {
-        let r = [ "q2-carousel-page-indicator", `q2-carousel-page-indicator-${s.index}` ];
-        if (s.isActivePane) r = [ ...r, "active-page" ];
-        if (e) r = [ ...r, "dynamic" ];
-        const o = s.index === t + 1 || s.index === t - 1;
-        if (o) r = [ ...r, "active-adjacent" ];
-        const l = s.index === t + 2 || s.index === t - 2;
-        if (l) r = [ ...r, "active-adjacent-adjacent" ];
+      }, Array.from({
+        length: n
+      }, ((e, t) => t)).map((s => {
+        const r = s === t;
+        let o = [ "q2-carousel-page-indicator", `q2-carousel-page-indicator-${s}` ];
+        if (r) o = [ ...o, "active-page" ];
+        if (e) o = [ ...o, "dynamic" ];
+        const l = s === t + 1 || s === t - 1;
+        if (l) o = [ ...o, "active-adjacent" ];
+        const c = s === t + 2 || s === t - 2;
+        if (c) o = [ ...o, "active-adjacent-adjacent" ];
         return i("button", {
           type: "button",
           role: "tab",
-          tabIndex: s.isActivePane ? undefined : -1,
-          "aria-selected": `${s.isActivePane}`,
-          class: r.join(" "),
+          tabIndex: r ? undefined : -1,
+          "aria-selected": `${r}`,
+          class: o.join(" "),
           onClick: () => {
             var e;
-            return (e = this.swiper) === null || e === void 0 ? void 0 : e.slideTo(s.index);
+            return (e = this.swiper) === null || e === void 0 ? void 0 : e.slideToLoop(s);
           },
           onKeyDown: this.keydownHandler,
-          "aria-label": a("tecton.element.carousel.itemDescription", [ (s.index + 1).toString(), n.toString() ])
+          "aria-label": a("tecton.element.carousel.itemDescription", [ (s + 1).toString(), n.toString() ])
         });
       })));
     };
-    this.renderPrevNavBtn = () => {
-      const e = this.realIndex > 0;
-      return i("div", null, i("q2-btn", {
-        type: "button",
-        disabled: e ? undefined : true,
-        class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
-        "hide-label": true,
-        label: a("tecton.element.carousel.previousItemLabel"),
-        onClick: () => {
-          var e;
-          return (e = this.swiper) === null || e === void 0 ? void 0 : e.slidePrev();
-        }
-      }, i("q2-icon", {
-        type: "chevron-left"
-      })));
-    };
+    this.renderPrevNavBtn = () => i("div", {
+      class: "prev-btn"
+    }, i("button", {
+      type: "button",
+      class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
+      "aria-label": a("tecton.element.carousel.previousItemLabel"),
+      onClick: () => {
+        var e;
+        return (e = this.swiper) === null || e === void 0 ? void 0 : e.slidePrev();
+      }
+    }, i("q2-icon", {
+      type: "arrow-left"
+    })));
   }
   // #endregion
   // #region Component Lifecycle Events
@@ -4612,6 +4636,7 @@ const j = 500;
     }
     this.universalCarouselOptions = {
       centeredSlides: true,
+      loop: true,
       focusableElements: "q2-btn, q2-dropdown, q2-item, q2-list, a, input, select, textarea, button, video, label, option",
       autoplay: this.autoPlay,
       modules: [ Autoplay ],
@@ -4630,7 +4655,7 @@ const j = 500;
             this.paginationBtns[e.realIndex].focus({
               preventScroll: true
             });
-          } else if (i) e.slides[e.realIndex].focus({
+          } else if (i) e.slides[e.activeIndex].focus({
             preventScroll: true
           });
         },
@@ -4671,11 +4696,8 @@ const j = 500;
   // #endregion
   // #region Listeners
   carouselPaneClicked(e) {
-    var t, i;
-    (t = this.swiper) === null || t === void 0 ? void 0 : t.slideTo(e.detail.paneIndex);
-    ((i = this.swiper) === null || i === void 0 ? void 0 : i.slides[e.detail.paneIndex]).focus({
-      preventScroll: true
-    });
+    var t;
+    (t = this.swiper) === null || t === void 0 ? void 0 : t.slideToLoop(e.detail.paneIndex);
   }
   delegateFocus(e) {
     var t, i;
@@ -4692,11 +4714,12 @@ const j = 500;
      * @testOnly
      */
   async selectCarouselPane(e) {
+    var t, i, n;
     if (e > this.paneCount) return;
-    const t = e > 0 ? e - 1 : 0;
-    const i = this.paneArray[t];
-    i === null || i === void 0 ? void 0 : i.click();
-    i === null || i === void 0 ? void 0 : i.focus({
+    const s = e > 0 ? e - 1 : 0;
+    (t = this.swiper) === null || t === void 0 ? void 0 : t.slideToLoop(s);
+    const r = (i = this.swiper) === null || i === void 0 ? void 0 : i.slides[(n = this.swiper) === null || n === void 0 ? void 0 : n.activeIndex];
+    r === null || r === void 0 ? void 0 : r.focus({
       preventScroll: true
     });
   }
@@ -4719,7 +4742,7 @@ const j = 500;
     l(this);
   }
   carouselWrapperWidthChanged() {
-    this.compactMode = this.carouselWrapperWidth < j;
+    this.compactMode = this.carouselWrapperWidth < D;
   }
   framelessPanesChanged() {
     this.updateCarouselPaneProps();
@@ -4732,8 +4755,9 @@ const j = 500;
     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.slideTo(this.realIndex);
-    }
+      (i = this.swiper) === null || i === void 0 ? void 0 : i.slideToLoop(this.realIndex);
+      // this.swiper?.slideTo(this.realIndex);
+        }
   }
   // #endregion
   // #region Local Methods
@@ -4742,7 +4766,7 @@ const j = 500;
   }
   get activePane() {
     var e, t, i;
-    const n = (i = (e = this.swiper) === null || e === void 0 ? void 0 : e.slides[(t = this.swiper) === null || t === void 0 ? void 0 : t.realIndex]) !== null && i !== void 0 ? i : 0;
+    const n = (i = (e = this.swiper) === null || e === void 0 ? void 0 : e.slides[(t = this.swiper) === null || t === void 0 ? void 0 : t.activeIndex]) !== null && i !== void 0 ? i : 0;
     return n instanceof HTMLElement ? n : null;
   }
   get insufficientPanes() {
@@ -4760,11 +4784,11 @@ const j = 500;
   get peekContentDisplayOptions() {
     return {
       slidesPerView: 2,
-      spaceBetween: this.compactMode ? 0 : -10,
+      spaceBetween: this.compactMode ? 0 : 10,
       centerInsufficientSlides: false,
       breakpoints: {
         [z]: {
-          slidesPerView: 3
+          slidesPerView: 2
         }
       },
       ...this.universalCarouselOptions
@@ -4785,33 +4809,36 @@ const j = 500;
     }
   }
   render() {
-    const {paneCount: e, fullWidthPanes: t, framelessPanes: r, compactMode: o, showNavigationArrows: l, insufficientPanes: c, autoPlay: f, hidePagination: u, ariaLiveValue: d, label: p} = this;
-    let h = [ "q2-carousel-swiper-container", "swiper" ];
-    if (t) h = [ ...h, "full-width-display" ];
-    if (r) h = [ ...h, "frameless-display" ];
-    if (!t && !r) h = [ ...h, "content-peek-display" ];
-    if (o) h = [ ...h, "compact" ];
-    let m = [ "q2-carousel-pagination-navigation-wrapper" ];
-    if (l) m = [ ...m, "evenly-space" ];
+    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;
+    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 (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: "5f48c7aab4485b79ffc625f050e2ce386ccadbf4",
+      key: "7c8a2c87c41d8621971bff9a22ab8de2439276c5",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
-    }, c ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {
-      class: m.join(" ")
-    }, l && this.renderPrevNavBtn(), i("div", {
+    }, f ? 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"
-    }, !u && this.renderPaginationArea(), f && this.renderAutoPlayBtn()), l && this.renderNextNavBtn()), i("section", {
-      class: h.join(" "),
+    }, !d && this.renderPaginationArea(), u && this.renderAutoPlayBtn()), l && [ "bottom", "hug" ].includes(c) && this.renderNextNavBtn()), i("section", {
+      class: g.join(" "),
       ref: e => this.carouselWrapper = e,
       "aria-roledescription": "carousel",
-      "aria-label": a(p)
+      "aria-label": a(h)
     }, i("div", {
       class: "q2-carousel-swiper-wrapper swiper-wrapper",
       ref: e => this.carouselPaneWrapperElement = e,
-      "aria-live": d,
+      "aria-live": p,
       onKeyDown: this.keydownHandler
-    }, i("slot", null)))));
+    }, i("slot", null)), l && c === "float" && i("div", {
+      class: "q2-carousel-floating-arrow-wrapper"
+    }, this.renderPrevNavBtn(), this.renderNextNavBtn()))));
   }
   get hostElement() {
     return r(this);
@@ -4829,7 +4856,7 @@ const j = 500;
   }
 };
 
-L.style = D;
+L.style = j;
 
 export { L as q2_carousel };
 //# sourceMappingURL=q2-carousel.entry.esm.js.map