q2-tecton-elements 1.71.4 → 1.73.0

package/dist/components/q2-carousel-pane2.js

@@ -72,7 +72,7 @@ const l =  e(class extends a {
   render() {
     const {label: e} = this;
     return o(r, {
-      key: "6d221b15545378efa40b54864b2ebca1bcb1e983",
+      key: "f4a4c10d9e66146fae74ee206bb466563ff70957",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -81,10 +81,10 @@ const l =  e(class extends a {
       "aria-label": e ? i(e) : i("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, o("article", {
-      key: "394965fb0a46501fcd33aa3acadb2eaae6a1accd",
+      key: "41030b6a419ccd15485eb0b8a04ba6171777f5e9",
       class: "q2-carousel-pane-main-content"
     }, o("slot", {
-      key: "a059daeb1c5192cec8594b6c9843828d6b833f12"
+      key: "33850b8d35a3c134f014a6eb4638be25f7ab76c0"
     })));
   }
   get hostElement() {

package/dist/components/q2-carousel.js

@@ -732,7 +732,7 @@ var T = {
   }
 };
 
-var k = {
+var P = {
   getTranslate: function(e = (this.isHorizontal() ? "x" : "y")) {
     const {params: t, rtlTranslate: i, translate: n, wrapperEl: r} = this;
     if (t.virtualTranslate) return i ? -n : n;
@@ -797,7 +797,7 @@ function transitionEmit({swiper: e, runCallbacks: t, direction: i, step: n}) {
   "next" === a ? e.emit("slideNextTransition" + n) : e.emit("slidePrevTransition" + n));
 }
 
-var P = {
+var k = {
   slideTo: function(e = 0, t, i = !0, n, r) {
     "string" == typeof e && (e = parseInt(e, 10));
     const o = this;
@@ -1058,9 +1058,9 @@ var E = {
     const S = l.grid && h.grid && h.grid.rows > 1;
     c.length < b + y || "cards" === l.params.effect && c.length < b + 2 * y ? showWarning("Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled or not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters") : S && "row" === h.grid.fill && showWarning("Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`");
     const q = [], C = [], M = S ? Math.ceil(c.length / h.grid.rows) : c.length, T = o && M - m < b && !w;
-    let k = T ? m : l.activeIndex;
-    void 0 === r ? r = l.getSlideIndex(c.find((e => e.classList.contains(h.slideActiveClass)))) : k = r;
-    const P = "next" === i || !i, E = "prev" === i || !i;
+    let P = T ? m : l.activeIndex;
+    void 0 === r ? r = l.getSlideIndex(c.find((e => e.classList.contains(h.slideActiveClass)))) : P = r;
+    const k = "next" === i || !i, E = "prev" === i || !i;
     let O = 0, I = 0;
     const A = (S ? c[r].column : r) + (w && void 0 === n ? -b / 2 + .5 : 0);
     // prepend last slides before start
@@ -1090,22 +1090,22 @@ var E = {
     })), "cards" === l.params.effect && c.length < b + 2 * y && (C.includes(r) && C.splice(C.indexOf(r), 1), 
     q.includes(r) && q.splice(q.indexOf(r), 1)), E && q.forEach((e => {
       c[e].swiperLoopMoveDOM = !0, p.prepend(c[e]), c[e].swiperLoopMoveDOM = !1;
-    })), P && C.forEach((e => {
+    })), k && C.forEach((e => {
       c[e].swiperLoopMoveDOM = !0, p.append(c[e]), c[e].swiperLoopMoveDOM = !1;
-    })), l.recalcSlides(), "auto" === h.slidesPerView ? l.updateSlides() : S && (q.length > 0 && E || C.length > 0 && P) && l.slides.forEach(((e, t) => {
+    })), l.recalcSlides(), "auto" === h.slidesPerView ? l.updateSlides() : S && (q.length > 0 && E || C.length > 0 && k) && l.slides.forEach(((e, t) => {
       l.grid.updateSlide(t, e, l.slides);
     })), h.watchSlidesProgress && l.updateSlidesOffset(), t) if (q.length > 0 && E) {
       if (void 0 === e) {
-        const e = l.slidesGrid[k], t = l.slidesGrid[k + O] - e;
-        s ? l.setTranslate(l.translate - t) : (l.slideTo(k + Math.ceil(O), 0, !1, !0), n && (l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - t, 
+        const e = l.slidesGrid[P], t = l.slidesGrid[P + O] - e;
+        s ? l.setTranslate(l.translate - t) : (l.slideTo(P + Math.ceil(O), 0, !1, !0), n && (l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - t, 
         l.touchEventsData.currentTranslate = l.touchEventsData.currentTranslate - t));
       } else if (n) {
         const e = S ? q.length / h.grid.rows : q.length;
         l.slideTo(l.activeIndex + e, 0, !1, !0), l.touchEventsData.currentTranslate = l.translate;
       }
-    } else if (C.length > 0 && P) if (void 0 === e) {
-      const e = l.slidesGrid[k], t = l.slidesGrid[k - I] - e;
-      s ? l.setTranslate(l.translate - t) : (l.slideTo(k - I, 0, !1, !0), n && (l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - t, 
+    } else if (C.length > 0 && k) if (void 0 === e) {
+      const e = l.slidesGrid[P], t = l.slidesGrid[P - I] - e;
+      s ? l.setTranslate(l.translate - t) : (l.slideTo(P - I, 0, !1, !0), n && (l.touchEventsData.startTranslate = l.touchEventsData.startTranslate - t, 
       l.touchEventsData.currentTranslate = l.touchEventsData.currentTranslate - t));
     } else {
       const e = S ? C.length / h.grid.rows : C.length;
@@ -1637,7 +1637,7 @@ function moduleExtendParams(e, t) {
 /* eslint no-param-reassign: "off" */ const I = {
   eventsEmitter: M,
   update: T,
-  translate: k,
+  translate: P,
   transition: {
     setTransition: function(e, t) {
       const i = this;
@@ -1663,7 +1663,7 @@ function moduleExtendParams(e, t) {
       }));
     }
   },
-  slide: P,
+  slide: k,
   loop: E,
   grabCursor: {
     setGrabCursor: function(e) {
@@ -2416,12 +2416,13 @@ const j = 1024, z =  e(class extends t {
             // range so `this.index`, pagination dots, and emitted events stay logical.
             const t = this.paneCount > 0 ? e.realIndex % this.paneCount : e.realIndex;
             this.index = t + 1, this.updateCarouselPaneProps();
-            const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), r = i || n;
-            this.handleAriaLive(r), h(this, [ "change", "tctChange" ], {
+            const i = document.activeElement, n = !!i.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), r = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), o = n || r;
+            this.handleAriaLive(o), h(this, [ "change", "tctChange" ], {
               index: t + 1
-            }), i ? this.paginationBtns[t].focus({
-              preventScroll: !0
-            }) : n && e.slides[e.activeIndex].focus({
+            }), n ? this.pendingPaginationFocus = {
+              index: t,
+              source: i
+            } : r && e.slides[e.activeIndex].focus({
               preventScroll: !0
             });
           },
@@ -2626,7 +2627,7 @@ const j = 1024, z =  e(class extends t {
         class: "next-btn"
       }, n("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
-        intent: "workflow-primary",
+        intent: "primary",
         label: l("tecton.element.carousel.nextItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2667,7 +2668,7 @@ const j = 1024, z =  e(class extends t {
         class: "prev-btn"
       }, n("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
-        intent: "workflow-primary",
+        intent: "primary",
         label: l("tecton.element.carousel.previousItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2684,8 +2685,9 @@ const j = 1024, z =  e(class extends t {
   // #region Component Lifecycle Events
   disconnectedCallback() {
     var e;
-    this.mutationObserver && (this.mutationObserver.disconnect(), this.mutationObserver = null), 
-    null === (e = this.paneResizeObserver) || void 0 === e || e.disconnect(), void 0 !== this.syncPaneHeightFrame && cancelAnimationFrame(this.syncPaneHeightFrame), 
+    this.pendingPaginationFocus = void 0, this.mutationObserver && (this.mutationObserver.disconnect(), 
+    this.mutationObserver = null), null === (e = this.paneResizeObserver) || void 0 === e || e.disconnect(), 
+    void 0 !== this.syncPaneHeightFrame && cancelAnimationFrame(this.syncPaneHeightFrame), 
     this.swiper && this.tearDownCarousel(), window.removeEventListener("resize", this.setCarouselWrapperWidth);
   }
   componentWillLoad() {
@@ -2701,6 +2703,17 @@ const j = 1024, z =  e(class extends t {
       subtree: !0
     }), this.mutationObserver = e, d(this.hostElement);
   }
+  componentDidRender() {
+    var e;
+    const t = this.pendingPaginationFocus;
+    if (this.pendingPaginationFocus = void 0, !t) return;
+    const i = document.activeElement;
+    i !== t.source && i !== document.body || 
+    // Dynamic pagination hides distant dots until the new active index renders.
+    null === (e = this.paginationBtns[t.index]) || void 0 === e || e.focus({
+      preventScroll: !0
+    });
+  }
   // #endregion
   // #region Listeners
   carouselPaneClicked(e) {
@@ -2827,7 +2840,7 @@ const j = 1024, z =  e(class extends t {
     const g = [ "q2-carousel-pagination-navigation-wrapper" ];
     return s && "bottom" === c && g.push("evenly-space"), s && "hug" === c && g.push("center-space"), 
     n(r, {
-      key: "2c623516b2b0ce7800440110cde323bdf065abc1",
+      key: "e0ebc5ae08102ced9a732ca59217cd3c2c501172",
       id: "q2-carousel-" + this.guid,
       class: "q2-carousel-instance"
     }, d ? this.renderInsufficientPanesDisplay() : n(o, null, e > 1 && n("div", {