q2-tecton-elements 1.72.0 → 1.73.1

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

@@ -2,7 +2,7 @@ import { r as e, c as a, h as t, H as o, g as r } from "./index-Cqkz7Bnm.js";
 
 import { a as n } from "./component-DaQM9u3s.js";
 
-import { l as s } from "./index-DJw6Feh0.js";
+import { l as s } from "./index-CP8pXJ-l.js";
 
 import { m as i } from "./mirror-emit-DUjY_ucm.js";
 
@@ -71,7 +71,7 @@ const c = class {
   render() {
     const {label: e} = this;
     return t(o, {
-      key: "6d221b15545378efa40b54864b2ebca1bcb1e983",
+      key: "f4a4c10d9e66146fae74ee206bb466563ff70957",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -80,10 +80,10 @@ const c = class {
       "aria-label": e ? s(e) : s("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, t("article", {
-      key: "394965fb0a46501fcd33aa3acadb2eaae6a1accd",
+      key: "41030b6a419ccd15485eb0b8a04ba6171777f5e9",
       class: "q2-carousel-pane-main-content"
     }, t("slot", {
-      key: "a059daeb1c5192cec8594b6c9843828d6b833f12"
+      key: "33850b8d35a3c134f014a6eb4638be25f7ab76c0"
     })));
   }
   get hostElement() {

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 r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { c as a, l as s, d as l, o as c, i as d, g as u } from "./index-DJw6Feh0.js";
+import { c as a, l as s, d as l, o as c, i as d, g as u } from "./index-CP8pXJ-l.js";
 
 import { m as p } from "./mirror-emit-DUjY_ucm.js";
 
@@ -2407,12 +2407,13 @@ const E = 1024, O = class {
             // range so `this.index`, pagination dots, and emitted events stay logical.
             const t = this.paneCount > 0 ? e.realIndex % this.paneCount : e.realIndex;
             this.index = t + 1, this.updateCarouselPaneProps();
-            const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), r = i || n;
-            this.handleAriaLive(r), p(this, [ "change", "tctChange" ], {
+            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), p(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
             });
           },
@@ -2617,7 +2618,7 @@ const E = 1024, O = class {
         class: "next-btn"
       }, i("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
-        intent: "workflow-primary",
+        intent: "primary",
         label: s("tecton.element.carousel.nextItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2658,7 +2659,7 @@ const E = 1024, O = class {
         class: "prev-btn"
       }, i("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
-        intent: "workflow-primary",
+        intent: "primary",
         label: s("tecton.element.carousel.previousItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2675,8 +2676,9 @@ const E = 1024, O = class {
   // #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() {
@@ -2692,6 +2694,17 @@ const E = 1024, O = class {
       subtree: !0
     }), this.mutationObserver = e, c(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) {
@@ -2818,7 +2831,7 @@ const E = 1024, O = class {
     const g = [ "q2-carousel-pagination-navigation-wrapper" ];
     return l && "bottom" === c && g.push("evenly-space"), l && "hug" === c && g.push("center-space"), 
     i(r, {
-      key: "2c623516b2b0ce7800440110cde323bdf065abc1",
+      key: "e0ebc5ae08102ced9a732ca59217cd3c2c501172",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
     }, d ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {