q2-tecton-elements 1.57.2 → 1.58.1

package/dist/cjs/q2-carousel.cjs.entry.js

@@ -5192,7 +5192,7 @@ const Q2Carousel = class {
                 const withinTwoOfActive = pane.index === realIndex + 2 || pane.index === realIndex - 2;
                 if (withinTwoOfActive)
                     btnClasses = [...btnClasses, 'active-adjacent-adjacent'];
-                return (index$1.h("button", { type: "button", role: "tab", tabIndex: pane.isActivePane ? undefined : -1, "aria-selected": pane.isActivePane ? 'true' : 'false', class: btnClasses.join(' '), onClick: () => { var _a; return (_a = this.swiper) === null || _a === void 0 ? void 0 : _a.slideTo(pane.index); }, onKeyDown: this.keydownHandler, "aria-label": index$2.loc('tecton.element.carousel.itemDescription', [
+                return (index$1.h("button", { type: "button", role: "tab", tabIndex: pane.isActivePane ? undefined : -1, "aria-selected": `${pane.isActivePane}`, class: btnClasses.join(' '), onClick: () => { var _a; return (_a = this.swiper) === null || _a === void 0 ? void 0 : _a.slideTo(pane.index); }, onKeyDown: this.keydownHandler, "aria-label": index$2.loc('tecton.element.carousel.itemDescription', [
                         (pane.index + 1).toString(),
                         paneCount.toString(),
                     ]) }));
@@ -5389,7 +5389,7 @@ const Q2Carousel = class {
         let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];
         if (showNavigationArrows)
             paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];
-        return (index$1.h(index$1.Host, { key: '9702cfe13d0b8104745312e028779aefa5ce3057', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (index$1.h(index$1.Fragment, null, paneCount > 1 && (index$1.h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), index$1.h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), index$1.h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": index$2.loc(label) }, index$1.h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, index$1.h("slot", null)))))));
+        return (index$1.h(index$1.Host, { key: '2a64ea10a3fd6a02f2a28a2902703c707bec0a3f', id: `q2-carousel-${this.guid}`, class: "q2-carousel-instance" }, insufficientPanes ? (this.renderInsufficientPanesDisplay()) : (index$1.h(index$1.Fragment, null, paneCount > 1 && (index$1.h("div", { class: paginationWrapperClasses.join(' ') }, showNavigationArrows && this.renderPrevNavBtn(), index$1.h("div", { class: "q2-carousel-control-center-tray" }, !hidePagination && this.renderPaginationArea(), autoPlay && this.renderAutoPlayBtn()), showNavigationArrows && this.renderNextNavBtn())), index$1.h("section", { class: carouselContainerClasses.join(' '), ref: el => (this.carouselWrapper = el), "aria-roledescription": "carousel", "aria-label": index$2.loc(label) }, index$1.h("div", { class: "q2-carousel-swiper-wrapper swiper-wrapper", ref: el => (this.carouselPaneWrapperElement = el), "aria-live": ariaLiveValue, onKeyDown: this.keydownHandler }, index$1.h("slot", null)))))));
     }
     get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {