q2-tecton-elements 1.49.2 → 1.50.1

package/dist/collection/components/q2-carousel/q2-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-carousel.js","sourceRoot":"","sources":["../../../../src/components/q2-carousel/q2-carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Watch,\n    State,\n    Fragment,\n    Element,\n    Host,\n    h,\n    Event,\n    EventEmitter,\n    Listen,\n} from '@stencil/core';\nimport { SwiperOptions, Autoplay, Swiper } from 'swiper';\nimport { createGuid, loc, handleAriaLabel, overrideFocus, isEventFromElement } from 'src/utils';\n\nconst carouselBreakpoint = 500; /* width in px of this host element where the layout starts to get unruly */\n\n@Component({ tag: 'q2-carousel', shadow: false, styleUrl: 'q2-carousel.scss' })\nexport class Q2Carousel implements ComponentInterface {\n    // #region Own Properties\n\n    carouselPaneWrapperElement: HTMLElement;\n    carouselWrapper: HTMLElement;\n    guid = createGuid();\n    mutationObserver: MutationObserver;\n    swiper?: Swiper = null;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    activePaneIndex: number = this.realIndex;\n\n    @State()\n    applyFocus: boolean = false;\n\n    @State()\n    applyPaginationFocus: boolean = false;\n\n    @State()\n    ariaLiveValue: 'polite' | 'off' = 'polite';\n\n    @State()\n    autoPlayInProgress: boolean = false;\n\n    @State()\n    carouselWrapperWidth: number = 0;\n\n    @State()\n    compactMode: boolean = false;\n\n    @State()\n    currentPaneCount: number = this.paneCount;\n\n    @State()\n    fullWidthDisplayOptions: SwiperOptions;\n\n    @State()\n    universalCarouselOptions: SwiperOptions;\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    ariaLabel: string;\n\n    /** Start the carousel without user input. */\n    @Prop({ reflect: true })\n    autoPlay: boolean = false;\n\n    /** Display the carousel a frameless with no container or shadow **/\n    @Prop({ reflect: true })\n    framelessPanes: boolean = false;\n\n    /** Display the carousel panes full-width rather than with peeking content. */\n    @Prop({ reflect: true })\n    fullWidthPanes: boolean = false;\n\n    /** Hide the dots below the carousel that provide navigation control and indicate which page is currently active. */\n    @Prop({ reflect: true })\n    hidePagination: boolean = false;\n\n    /** The carousel pane you want the carousel to start from. */\n    @Prop({ reflect: true, mutable: true })\n    index: number = 1;\n\n    /**\n     * The label that is associated with the carousel. This is not displayed visually, but is presented by screen readers.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string = 'tecton.element.carousel.ariaLabel';\n\n    /** Display navigation arrow buttons as another way to navigate the carousel. */\n    @Prop({ reflect: true })\n    showNavigationArrows: boolean = false;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the carousel pane changes.\n     */\n    @Event()\n    change: EventEmitter<{ index: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = null;\n        }\n        if (!!this.swiper) {\n            this.tearDownCarousel();\n        }\n\n        window.removeEventListener('resize', this.setCarouselWrapperWidth);\n    }\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n        this.organizePanes();\n        window.addEventListener('resize', this.setCarouselWrapperWidth);\n\n        this.universalCarouselOptions = {\n            centeredSlides: true,\n            focusableElements:\n                'q2-btn, q2-dropdown, q2-item, q2-list, a, input, select, textarea, button, video, label, option',\n            autoplay: this.autoPlay,\n            modules: [Autoplay],\n            on: {\n                slideChange: () => {\n                    this.handleSlideChange(this.swiper?.activeIndex ?? 0); // lazy-load causing this.swiper is null only on ios safari\n                },\n                activeIndexChange: swiper => {\n                    this.activePaneIndex = swiper.activeIndex;\n                    this.organizePanes();\n                    const isPaginationFocused = !!document.activeElement.closest(\n                        `#q2-carousel-${this.guid} .q2-carousel-page-indicator`\n                    );\n                    const isCarouselFocused = !!document.activeElement.closest(\n                        `#q2-carousel-${this.guid} q2-carousel-pane`\n                    );\n                    const isFocused = isPaginationFocused || isCarouselFocused;\n                    this.handleAriaLive(isFocused);\n\n                    if (isPaginationFocused) {\n                        this.paginationBtns[swiper.activeIndex].focus({ preventScroll: true });\n                    } else if (isCarouselFocused)\n                        (swiper.slides[swiper.activeIndex] as HTMLElement).focus({\n                            preventScroll: true,\n                        });\n                },\n                afterInit: swiper => {\n                    this.swiper = swiper;\n                    this.activePane?.addEventListener('popoverStateChanged', this.handlePopovers);\n                },\n                slideChangeTransitionEnd: () => {\n                    this.activePane?.addEventListener('popoverStateChanged', this.handlePopovers);\n                },\n                slideChangeTransitionStart: () => {\n                    this.activePane?.removeEventListener('popoverStateChanged', this.handlePopovers);\n                },\n            },\n        };\n\n        this.fullWidthDisplayOptions = {\n            slidesPerView: 1,\n            spaceBetween: 100,\n            ...this.universalCarouselOptions,\n        };\n    }\n\n    componentDidLoad() {\n        this.setCarouselWrapperWidth();\n        if (this.carouselWrapper && !!this.paneArray.length) {\n            this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n        }\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, subtree: true });\n        this.mutationObserver = observer;\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.index = event.detail.index;\n        }\n    }\n\n    @Listen('clickCarouselPane')\n    carouselPaneClicked(event) {\n        this.swiper?.slideTo(event.detail.paneIndex);\n        (this.swiper?.slides[event.detail.paneIndex] as HTMLElement).focus({ preventScroll: true });\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        const activePane = this.swiper.slides[this.swiper.activeIndex];\n        if (!isEventFromElement(event, this.hostElement) || !activePane) return;\n        (activePane as HTMLElement).focus({ preventScroll: true });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('carouselWrapperWidth')\n    carouselWrapperWidthChanged() {\n        this.compactMode = this.carouselWrapperWidth < carouselBreakpoint;\n    }\n\n    @Watch('framelessPanes')\n    framelessPanesChanged() {\n        this.organizePanes();\n        this.revampCarousel();\n    }\n\n    @Watch('fullWidthPanes')\n    @Watch('framelessPanes')\n    @Watch('compactMode')\n    @Watch('autoPlay')\n    revampCarousel() {\n        this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n    }\n\n    @Watch('index')\n    indexChanged() {\n        this.swiper?.slideTo(this.realIndex);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get activeCarouselOptions() {\n        return this.fullWidthPanes || this.framelessPanes\n            ? this.fullWidthDisplayOptions\n            : this.peekContentDisplayOptions;\n    }\n\n    get activePane(): HTMLElement {\n        const activeSlide = this.swiper?.slides[this.swiper.activeIndex] ?? 0;\n        return activeSlide instanceof HTMLElement ? activeSlide : null;\n    }\n\n    get dynamicPaginationDots() {\n        return this.paneCount && this.paneCount > 5;\n    }\n\n    get insufficientPanes() {\n        return this.paneCount < 1;\n    }\n\n    get paginationBtns(): NodeListOf<HTMLButtonElement> {\n        return this.hostElement.querySelectorAll('.q2-carousel-page-indicator');\n    }\n\n    get paneArray() {\n        return Array.from(this.paneCollection);\n    }\n\n    get paneCollection() {\n        return this.hostElement.querySelectorAll('q2-carousel-pane');\n    }\n\n    get paneCount() {\n        return this.paneArray && this.paneArray.length > 0 ? this.paneArray.length : 0;\n    }\n\n    get peekContentDisplayOptions(): SwiperOptions {\n        return {\n            slidesPerView: 2,\n            spaceBetween: this.compactMode ? 0 : -10,\n            centerInsufficientSlides: false,\n            ...this.universalCarouselOptions,\n        };\n    }\n\n    get realIndex(): number {\n        const indexNum = Number(this.index);\n        return indexNum > 0 ? indexNum - 1 : 0;\n    }\n\n    autoPlayBtn = () => {\n        return (\n            <q2-btn\n                type=\"button\"\n                hide-label\n                label={loc(\n                    this.autoPlayInProgress\n                        ? 'tecton.element.carousel.pausePlayLabel'\n                        : 'tecton.element.carousel.resumePlayLabel'\n                )}\n                class=\"q2-carousel-autoplay-control\"\n                onClick={this.handleAutoPlayPause}\n            >\n                <q2-icon type={this.autoPlayInProgress ? 'pause' : 'play'} />\n            </q2-btn>\n        );\n    };\n\n    configureCarousel = (carouselWrapper, carouselOptions) => {\n        if (!!this.swiper) {\n            this.tearDownCarousel();\n        }\n        this.autoPlayInProgress = this.autoPlay;\n\n        new Swiper(carouselWrapper, carouselOptions);\n        this.swiper?.slideTo(this.realIndex);\n        if (this.autoPlayInProgress) this.swiper.autoplay.start();\n    };\n\n    handleAriaLive(activeAndFocused: boolean) {\n        if (this.autoPlayInProgress && !activeAndFocused) {\n            this.ariaLiveValue = 'off';\n        } else {\n            this.ariaLiveValue = 'polite';\n        }\n    }\n\n    handleAutoPlayPause = () => {\n        const {\n            swiper: { autoplay },\n        } = this;\n        if (!autoplay) return;\n\n        if (autoplay?.running) autoplay.stop();\n        else autoplay.start();\n        this.autoPlayInProgress = autoplay.running;\n    };\n\n    handleCarouselNavigationSelection = (newIndex: number, applyFocus: boolean) => {\n        if (applyFocus) {\n            this.applyFocus = true;\n        }\n\n        this.handleSlideChange(newIndex);\n    };\n\n    handlePopovers = (event: CustomEvent) => {\n        const { swiper, carouselPaneWrapperElement } = this;\n        if (event.detail.open) {\n            carouselPaneWrapperElement.style.left = `${swiper?.translate}px`;\n            carouselPaneWrapperElement.style.transform = null;\n            swiper.disable();\n        } else {\n            carouselPaneWrapperElement.style.left = null;\n            carouselPaneWrapperElement.style.transform = `translate3d(${swiper?.translate}px, 0, 0)`;\n            swiper.enable();\n        }\n    };\n\n    handleSlideChange = (newIndex: number) => {\n        this.change.emit({ index: newIndex + 1 });\n    };\n\n    insufficientPanesDisplay = () => {\n        let insufficientPanesContainerClasses = [\n            'insufficient-pane-feedback',\n            this.fullWidthPanes ? 'full-width-display' : 'content-peek-display',\n        ];\n        if (this.compactMode) insufficientPanesContainerClasses = [...insufficientPanesContainerClasses, 'compact'];\n\n        return (\n            <div class={insufficientPanesContainerClasses.join(' ')}>\n                <div class=\"insufficient-panes-icon-wrapper\">\n                    <q2-icon type=\"warning\" />\n                </div>\n                <p class=\"insufficient-panes-header\">\n                    <strong>{loc('tecton.element.carousel.insufficientPanesMessageHeader')}</strong>\n                </p>\n                <p class=\"insufficient-panes-body\">{loc('tecton.element.carousel.insufficientPanesMessageBody')}</p>\n            </div>\n        );\n    };\n\n    nextNavBtn = () => {\n        const nextPaneAvailable = this.activePaneIndex < this.paneCount - 1;\n\n        return (\n            <div>\n                <q2-btn\n                    type=\"button\"\n                    disabled={nextPaneAvailable ? undefined : true}\n                    class=\"q2-carousel-navigation-button q2-carousel-navigation-button-next\"\n                    hide-label\n                    label={loc('tecton.element.carousel.nextItemLabel')}\n                    onClick={() => this.handleCarouselNavigationSelection(this.activePaneIndex + 1, true)}\n                >\n                    <q2-icon type=\"chevron-right\" />\n                </q2-btn>\n            </div>\n        );\n    };\n\n    onMutationObserved = () => {\n        this.organizePanes();\n        this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n    };\n\n    onPaginationKeyDown = (event: KeyboardEvent) => {\n        switch (event.key) {\n            case 'ArrowRight':\n                event.preventDefault();\n                this.applyFocus = false;\n                this.applyPaginationFocus = true;\n                this.swiper.slideNext();\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.applyFocus = false;\n                this.applyPaginationFocus = true;\n                this.swiper.slidePrev();\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.applyFocus = false;\n                this.applyPaginationFocus = true;\n                this.swiper?.slideTo(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.applyFocus = false;\n                this.applyPaginationFocus = true;\n                this.swiper?.slideTo(this.swiper.slides.length - 1);\n                break;\n        }\n    };\n\n    onWrapperKeyDown = (event: KeyboardEvent) => {\n        switch (event.key) {\n            case 'ArrowRight':\n                event.preventDefault();\n                this.applyFocus = true;\n                this.swiper.slideNext();\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.applyFocus = true;\n                this.swiper.slidePrev();\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.applyFocus = true;\n                this.swiper?.slideTo(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.applyFocus = true;\n                this.swiper?.slideTo(this.swiper.slides.length - 1);\n                break;\n        }\n    };\n\n    organizePanes = () => {\n        const { framelessPanes, paneCollection } = this;\n        const siblingCount = paneCollection.length;\n\n        this.paneCollection.forEach((pane, index) => {\n            pane.index = index;\n            pane.siblingCount = siblingCount;\n            pane.isActivePane = index === this.activePaneIndex;\n            pane.slotFrameless = framelessPanes || undefined;\n        });\n        this.currentPaneCount = this.paneCollection.length;\n    };\n\n    paginationArea = () => {\n        let paginationContainerClasses = ['q2-carousel-pagination'];\n        if (this.dynamicPaginationDots) paginationContainerClasses = [...paginationContainerClasses, 'dynamic'];\n\n        return (\n            <div\n                class={paginationContainerClasses.join(' ')}\n                role=\"tablist\"\n                aria-label={loc('tecton.element.carousel.tabWrapperLabel')}\n            >\n                {this.paneArray.map(pane => {\n                    let btnClasses = ['q2-carousel-page-indicator', `q2-carousel-page-indicator-${pane.index}`];\n                    if (pane.isActivePane) btnClasses = [...btnClasses, 'active-page'];\n                    if (this.dynamicPaginationDots) btnClasses = [...btnClasses, 'dynamic'];\n\n                    const withinOneOfActive =\n                        pane.index === this.activePaneIndex + 1 || pane.index === this.activePaneIndex - 1;\n                    if (withinOneOfActive) btnClasses = [...btnClasses, 'active-adjacent'];\n\n                    const withinTwoOfActive =\n                        pane.index === this.activePaneIndex + 2 || pane.index === this.activePaneIndex - 2;\n                    if (withinTwoOfActive) btnClasses = [...btnClasses, 'active-adjacent-adjacent'];\n\n                    return (\n                        <button\n                            type=\"button\"\n                            role=\"tab\"\n                            tabIndex={pane.isActivePane ? undefined : -1}\n                            aria-selected={pane.isActivePane ? 'true' : 'false'}\n                            class={btnClasses.join(' ')}\n                            onClick={() => this.handleCarouselNavigationSelection(pane.index, true)}\n                            onKeyDown={event => this.onPaginationKeyDown(event)}\n                            aria-label={loc('tecton.element.carousel.itemDescription', [\n                                (pane.index + 1).toString(),\n                                this.paneCount.toString(),\n                            ])}\n                        ></button>\n                    );\n                })}\n            </div>\n        );\n    };\n\n    prevNavBtn = () => {\n        const prevPaneAvailable = this.activePaneIndex > 0;\n\n        return (\n            <div>\n                <q2-btn\n                    type=\"button\"\n                    disabled={prevPaneAvailable ? undefined : true}\n                    class=\"q2-carousel-navigation-button q2-carousel-navigation-button-prev\"\n                    hide-label\n                    label={loc('tecton.element.carousel.previousItemLabel')}\n                    onClick={() => this.handleCarouselNavigationSelection(this.activePaneIndex - 1, true)}\n                >\n                    <q2-icon type=\"chevron-left\" />\n                </q2-btn>\n            </div>\n        );\n    };\n\n    setCarouselWrapperWidth = () => {\n        if (this.insufficientPanes) return;\n        this.carouselWrapperWidth = this.carouselWrapper.clientWidth;\n    };\n\n    tearDownCarousel = () => {\n        this.swiper.destroy();\n        this.swiper = null;\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { fullWidthPanes, framelessPanes } = this;\n        let carouselContainerClasses = ['q2-carousel-swiper-container', 'swiper-container'];\n        if (fullWidthPanes) carouselContainerClasses = [...carouselContainerClasses, 'full-width-display'];\n        if (framelessPanes) carouselContainerClasses = [...carouselContainerClasses, 'frameless-display'];\n        if (!fullWidthPanes && !framelessPanes)\n            carouselContainerClasses = [...carouselContainerClasses, 'content-peek-display'];\n        if (this.compactMode) carouselContainerClasses = [...carouselContainerClasses, 'compact'];\n\n        let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];\n        if (this.showNavigationArrows) paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];\n\n        return (\n            <Host\n                id={`q2-carousel-${this.guid}`}\n                class=\"q2-carousel-instance\"\n            >\n                {this.insufficientPanes ? (\n                    this.insufficientPanesDisplay()\n                ) : (\n                    <Fragment>\n                        {this.paneCount > 1 && (\n                            <div class={paginationWrapperClasses.join(' ')}>\n                                {this.showNavigationArrows && this.prevNavBtn()}\n\n                                <div class=\"q2-carousel-control-center-tray\">\n                                    {!this.hidePagination && this.paginationArea()}\n\n                                    {this.autoPlay && this.autoPlayBtn()}\n                                </div>\n\n                                {this.showNavigationArrows && this.nextNavBtn()}\n                            </div>\n                        )}\n\n                        <section\n                            class={carouselContainerClasses.join(' ')}\n                            ref={el => (this.carouselWrapper = el)}\n                            aria-roledescription=\"carousel\"\n                            aria-label={loc(this.label)}\n                        >\n                            <div\n                                class=\"q2-carousel-swiper-wrapper swiper-wrapper\"\n                                ref={el => (this.carouselPaneWrapperElement = el)}\n                                aria-live={this.ariaLiveValue}\n                                onKeyDown={this.onWrapperKeyDown}\n                            >\n                                <slot></slot>\n                            </div>\n                        </section>\n                    </Fragment>\n                )}\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-carousel.js","sourceRoot":"","sources":["../../../src/components/q2-carousel/q2-carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    ComponentInterface,\n    Prop,\n    Watch,\n    State,\n    Fragment,\n    Element,\n    Host,\n    h,\n    Event,\n    EventEmitter,\n    Listen,\n    Method,\n} from '@stencil/core';\nimport { SwiperOptions, Autoplay, Swiper } from 'swiper';\nimport { createGuid, loc, handleAriaLabel, overrideFocus, isEventFromElement } from 'src/utils';\n\nconst carouselBreakpoint = 500; /* width in px of this host element where the layout starts to get unruly */\n\n@Component({ tag: 'q2-carousel', shadow: false, styleUrl: 'q2-carousel.scss' })\nexport class Q2Carousel implements ComponentInterface {\n    // #region Own Properties\n\n    carouselPaneWrapperElement: HTMLElement;\n    carouselWrapper: HTMLElement;\n    fullWidthDisplayOptions: SwiperOptions;\n    guid = createGuid();\n    mutationObserver: MutationObserver;\n    swiper?: Swiper = null;\n    universalCarouselOptions: SwiperOptions;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    /** Manages re-rendering the component when the `ariaLive` value changes. */\n    @State()\n    ariaLiveValue: 'polite' | 'off' = 'polite';\n\n    /** Manages re-rendering the autoPlay button when clicked.  */\n    @State()\n    autoPlayInProgress: boolean = false;\n\n    /** Manages re-rendering the component when resize event is consumed. */\n    @State()\n    carouselWrapperWidth: number = 0;\n\n    /** Manages sizing the component based on changes in `carouselWrapperWidth`. */\n    @State()\n    compactMode: boolean = false;\n\n    /** Manages re-rendering the component when panes are added or removed. */\n    @State()\n    currentPaneCount: number = this.paneCount;\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true })\n    ariaLabel: string;\n\n    /** Enables the auto-play feature and starts the carousel without user input. */\n    @Prop({ reflect: true })\n    autoPlay: boolean = false;\n\n    /** Display the carousel panes as frameless with no container or shadow. */\n    @Prop({ reflect: true })\n    framelessPanes: boolean = false;\n\n    /** Display the carousel panes full-width rather than with peeking content. */\n    @Prop({ reflect: true })\n    fullWidthPanes: boolean = false;\n\n    /** Hide the dots below the carousel that provide navigation control and indicate which page is currently active. */\n    @Prop({ reflect: true })\n    hidePagination: boolean = false;\n\n    /** The currently displayed carousel pane. */\n    @Prop({ reflect: true, mutable: true })\n    index: number = 1;\n\n    /**\n     * The label that is associated with the carousel. This is not displayed visually, but is presented by screen readers.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string = 'tecton.element.carousel.ariaLabel';\n\n    /** Display navigation arrow buttons as another way to navigate the carousel. */\n    @Prop({ reflect: true })\n    showNavigationArrows: boolean = false;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the displayed carousel pane changes.\n     */\n    @Event()\n    change: EventEmitter<{ index: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = null;\n        }\n        if (!!this.swiper) {\n            this.tearDownCarousel();\n        }\n\n        window.removeEventListener('resize', this.setCarouselWrapperWidth);\n    }\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n        this.updateCarouselPaneProps();\n        window.addEventListener('resize', this.setCarouselWrapperWidth);\n\n        this.universalCarouselOptions = {\n            centeredSlides: true,\n            focusableElements:\n                'q2-btn, q2-dropdown, q2-item, q2-list, a, input, select, textarea, button, video, label, option',\n            autoplay: this.autoPlay,\n            modules: [Autoplay],\n            on: {\n                realIndexChange: swiper => {\n                    this.index = swiper.realIndex + 1;\n                    this.updateCarouselPaneProps();\n                    const isPaginationFocused = !!document.activeElement.closest(\n                        `#q2-carousel-${this.guid} .q2-carousel-page-indicator`\n                    );\n                    const isCarouselFocused = !!document.activeElement.closest(\n                        `#q2-carousel-${this.guid} q2-carousel-pane`\n                    );\n                    const isFocused = isPaginationFocused || isCarouselFocused;\n                    this.handleAriaLive(isFocused);\n                    this.change.emit({ index: swiper.realIndex + 1 });\n\n                    if (isPaginationFocused) {\n                        this.paginationBtns[swiper.realIndex].focus({ preventScroll: true });\n                    } else if (isCarouselFocused)\n                        (swiper.slides[swiper.realIndex] as HTMLElement).focus({\n                            preventScroll: true,\n                        });\n                },\n                afterInit: swiper => {\n                    this.swiper = swiper;\n                    this.activePane?.addEventListener('popoverStateChanged', this.handlePopovers);\n                },\n                slideChangeTransitionEnd: () => {\n                    this.activePane?.addEventListener('popoverStateChanged', this.handlePopovers);\n                },\n                slideChangeTransitionStart: () => {\n                    this.activePane?.removeEventListener('popoverStateChanged', this.handlePopovers);\n                },\n            },\n        };\n\n        this.fullWidthDisplayOptions = {\n            slidesPerView: 1,\n            spaceBetween: 100,\n            ...this.universalCarouselOptions,\n        };\n    }\n\n    componentDidLoad() {\n        this.setCarouselWrapperWidth();\n        if (this.carouselWrapper && !!this.paneArray.length) {\n            this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n        }\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, subtree: true });\n        this.mutationObserver = observer;\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('clickCarouselPane')\n    carouselPaneClicked(event) {\n        this.swiper?.slideTo(event.detail.paneIndex);\n        (this.swiper?.slides[event.detail.paneIndex] as HTMLElement).focus({ preventScroll: true });\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        const activePane = this.swiper?.slides[this.swiper?.realIndex];\n        if (!isEventFromElement(event, this.hostElement) || !activePane) return;\n        (activePane as HTMLElement).focus({ preventScroll: true });\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Clicks and Focuses the `q2-carousel-pane` matching the specified index.\n     * @testOnly\n     */\n    @Method()\n    async selectCarouselPane(index: number) {\n        if (index > this.paneCount) return;\n        const actualIndex = index > 0 ? index - 1 : 0;\n        const pane = this.paneArray[actualIndex];\n        pane?.click();\n        pane?.focus({ preventScroll: true });\n    }\n\n    /**\n     * Clicks and Focuses the `<button>` that controls playing or pausing the auto-play feature of the carousel.\n     *\n     * @warning\n     * If the `autoPlay` property is not enabled, this method does nothing.\n     *\n     * @testOnly\n     */\n    @Method()\n    async togglePlayPause() {\n        if (!this.autoPlay) return;\n        const playPauseBtn = this.hostElement.querySelector('.q2-carousel-autoplay-control') as HTMLQ2BtnElement;\n        playPauseBtn?.click();\n        playPauseBtn?.focus();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('carouselWrapperWidth')\n    carouselWrapperWidthChanged() {\n        this.compactMode = this.carouselWrapperWidth < carouselBreakpoint;\n    }\n\n    @Watch('framelessPanes')\n    framelessPanesChanged() {\n        this.updateCarouselPaneProps();\n        this.revampCarousel();\n    }\n\n    @Watch('fullWidthPanes')\n    @Watch('framelessPanes')\n    @Watch('compactMode')\n    @Watch('autoPlay')\n    revampCarousel() {\n        this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n    }\n\n    @Watch('index')\n    indexChanged(newIndex) {\n        // this allows the carousel to be swiped programmatically via the index prop\n        if (newIndex !== this.swiper?.realIndex + 1) {\n            this.swiper?.slideTo(this.realIndex);\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get activeCarouselOptions() {\n        return this.fullWidthPanes || this.framelessPanes\n            ? this.fullWidthDisplayOptions\n            : this.peekContentDisplayOptions;\n    }\n\n    get activePane(): HTMLElement {\n        const activeSlide = this.swiper?.slides[this.swiper?.realIndex] ?? 0;\n        return activeSlide instanceof HTMLElement ? activeSlide : null;\n    }\n\n    get insufficientPanes() {\n        return this.paneCount < 1;\n    }\n\n    get paginationBtns(): NodeListOf<HTMLButtonElement> {\n        return this.hostElement.querySelectorAll('.q2-carousel-page-indicator');\n    }\n\n    get paneArray(): HTMLQ2CarouselPaneElement[] {\n        return Array.from(this.hostElement.querySelectorAll('q2-carousel-pane'));\n    }\n\n    get paneCount() {\n        return this.paneArray.length;\n    }\n\n    get peekContentDisplayOptions(): SwiperOptions {\n        return {\n            slidesPerView: 2,\n            spaceBetween: this.compactMode ? 0 : -10,\n            centerInsufficientSlides: false,\n            ...this.universalCarouselOptions,\n        };\n    }\n\n    get realIndex(): number {\n        const indexNum = Number(this.index);\n        return indexNum > 0 ? indexNum - 1 : 0;\n    }\n\n    get useDynamicPaginationDots() {\n        return this.paneCount && this.paneCount > 5;\n    }\n\n    configureCarousel = (carouselWrapper, carouselOptions) => {\n        if (!!this.swiper) {\n            this.tearDownCarousel();\n        }\n        this.autoPlayInProgress = this.autoPlay;\n\n        new Swiper(carouselWrapper, carouselOptions);\n        this.swiper?.slideTo(this.realIndex);\n        if (this.autoPlayInProgress) this.swiper?.autoplay.start();\n    };\n\n    handleAriaLive(activeAndFocused: boolean) {\n        if (this.autoPlayInProgress && !activeAndFocused) {\n            this.ariaLiveValue = 'off';\n        } else {\n            this.ariaLiveValue = 'polite';\n        }\n    }\n\n    handleAutoPlayPause = (action: 'play' | 'pause') => {\n        if (!this.autoPlay) return;\n        const autoplay = this.swiper?.autoplay;\n        switch (action) {\n            case 'play':\n                autoplay.start();\n                this.autoPlayInProgress = true;\n                break;\n            case 'pause':\n                autoplay.stop();\n                this.autoPlayInProgress = false;\n                break;\n        }\n    };\n\n    handlePopovers = (event: CustomEvent) => {\n        const { swiper, carouselPaneWrapperElement } = this;\n        if (event.detail.open) {\n            carouselPaneWrapperElement.style.left = `${swiper?.translate}px`;\n            carouselPaneWrapperElement.style.transform = null;\n            swiper?.disable();\n        } else {\n            carouselPaneWrapperElement.style.left = null;\n            carouselPaneWrapperElement.style.transform = `translate3d(${swiper?.translate}px, 0, 0)`;\n            swiper?.enable();\n        }\n    };\n\n    keydownHandler = (event: KeyboardEvent) => {\n        switch (event.key) {\n            case 'ArrowRight':\n                event.preventDefault();\n                this.swiper?.slideNext();\n                break;\n\n            case 'ArrowLeft':\n                event.preventDefault();\n                this.swiper?.slidePrev();\n                break;\n\n            case 'Home':\n                event.preventDefault();\n                this.swiper?.slideTo(0);\n                break;\n\n            case 'End':\n                event.preventDefault();\n                this.swiper?.slideTo(this.paneCount - 1);\n                break;\n        }\n    };\n\n    onMutationObserved = () => {\n        this.updateCarouselPaneProps();\n        this.configureCarousel(this.carouselWrapper, this.activeCarouselOptions);\n    };\n\n    setCarouselWrapperWidth = () => {\n        if (this.insufficientPanes) return;\n        this.carouselWrapperWidth = this.carouselWrapper.clientWidth;\n    };\n\n    tearDownCarousel = () => {\n        this.swiper.destroy();\n        this.swiper = null;\n    };\n\n    updateCarouselPaneProps = () => {\n        const { framelessPanes, paneCount, paneArray } = this;\n\n        paneArray.forEach((pane, index) => {\n            pane.index = index;\n            pane.siblingCount = paneCount;\n            pane.isActivePane = index === this.realIndex;\n            pane.slotFrameless = framelessPanes || undefined;\n        });\n        this.currentPaneCount = paneCount;\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderAutoPlayBtn = () => {\n        const { autoPlayInProgress } = this;\n        return (\n            <q2-btn\n                type=\"button\"\n                hide-label\n                label={loc(\n                    autoPlayInProgress\n                        ? 'tecton.element.carousel.pausePlayLabel'\n                        : 'tecton.element.carousel.resumePlayLabel'\n                )}\n                class=\"q2-carousel-autoplay-control\"\n                onClick={() => this.handleAutoPlayPause(autoPlayInProgress ? 'pause' : 'play')}\n            >\n                <q2-icon type={autoPlayInProgress ? 'pause' : 'play'} />\n            </q2-btn>\n        );\n    };\n\n    renderInsufficientPanesDisplay = () => {\n        let insufficientPanesContainerClasses = [\n            'insufficient-pane-feedback',\n            this.fullWidthPanes ? 'full-width-display' : 'content-peek-display',\n        ];\n        if (this.compactMode) insufficientPanesContainerClasses = [...insufficientPanesContainerClasses, 'compact'];\n\n        return (\n            <div class={insufficientPanesContainerClasses.join(' ')}>\n                <div class=\"insufficient-panes-icon-wrapper\">\n                    <q2-icon type=\"warning\" />\n                </div>\n                <p class=\"insufficient-panes-header\">\n                    <strong>{loc('tecton.element.carousel.insufficientPanesMessageHeader')}</strong>\n                </p>\n                <p class=\"insufficient-panes-body\">{loc('tecton.element.carousel.insufficientPanesMessageBody')}</p>\n            </div>\n        );\n    };\n\n    renderNextNavBtn = () => {\n        const nextPaneAvailable = this.realIndex < this.paneCount - 1;\n\n        return (\n            <div>\n                <q2-btn\n                    type=\"button\"\n                    disabled={nextPaneAvailable ? undefined : true}\n                    class=\"q2-carousel-navigation-button q2-carousel-navigation-button-next\"\n                    hide-label\n                    label={loc('tecton.element.carousel.nextItemLabel')}\n                    onClick={() => this.swiper?.slideNext()}\n                >\n                    <q2-icon type=\"chevron-right\" />\n                </q2-btn>\n            </div>\n        );\n    };\n\n    renderPaginationArea = () => {\n        const { useDynamicPaginationDots, realIndex, paneCount, paneArray } = this;\n        let paginationContainerClasses = ['q2-carousel-pagination'];\n        if (useDynamicPaginationDots) paginationContainerClasses = [...paginationContainerClasses, 'dynamic'];\n\n        return (\n            <div\n                class={paginationContainerClasses.join(' ')}\n                role=\"tablist\"\n                aria-label={loc('tecton.element.carousel.tabWrapperLabel')}\n            >\n                {paneArray.map(pane => {\n                    let btnClasses = ['q2-carousel-page-indicator', `q2-carousel-page-indicator-${pane.index}`];\n                    if (pane.isActivePane) btnClasses = [...btnClasses, 'active-page'];\n                    if (useDynamicPaginationDots) btnClasses = [...btnClasses, 'dynamic'];\n\n                    const withinOneOfActive = pane.index === realIndex + 1 || pane.index === realIndex - 1;\n                    if (withinOneOfActive) btnClasses = [...btnClasses, 'active-adjacent'];\n\n                    const withinTwoOfActive = pane.index === realIndex + 2 || pane.index === realIndex - 2;\n                    if (withinTwoOfActive) btnClasses = [...btnClasses, 'active-adjacent-adjacent'];\n\n                    return (\n                        <button\n                            type=\"button\"\n                            role=\"tab\"\n                            tabIndex={pane.isActivePane ? undefined : -1}\n                            aria-selected={pane.isActivePane ? 'true' : 'false'}\n                            class={btnClasses.join(' ')}\n                            onClick={() => this.swiper?.slideTo(pane.index)}\n                            onKeyDown={this.keydownHandler}\n                            aria-label={loc('tecton.element.carousel.itemDescription', [\n                                (pane.index + 1).toString(),\n                                paneCount.toString(),\n                            ])}\n                        ></button>\n                    );\n                })}\n            </div>\n        );\n    };\n\n    renderPrevNavBtn = () => {\n        const prevPaneAvailable = this.realIndex > 0;\n\n        return (\n            <div>\n                <q2-btn\n                    type=\"button\"\n                    disabled={prevPaneAvailable ? undefined : true}\n                    class=\"q2-carousel-navigation-button q2-carousel-navigation-button-prev\"\n                    hide-label\n                    label={loc('tecton.element.carousel.previousItemLabel')}\n                    onClick={() => this.swiper?.slidePrev()}\n                >\n                    <q2-icon type=\"chevron-left\" />\n                </q2-btn>\n            </div>\n        );\n    };\n\n    render() {\n        const {\n            paneCount,\n            fullWidthPanes,\n            framelessPanes,\n            compactMode,\n            showNavigationArrows,\n            insufficientPanes,\n            autoPlay,\n            hidePagination,\n            ariaLiveValue,\n            label,\n        } = this;\n        let carouselContainerClasses = ['q2-carousel-swiper-container', 'swiper-container'];\n        if (fullWidthPanes) carouselContainerClasses = [...carouselContainerClasses, 'full-width-display'];\n        if (framelessPanes) carouselContainerClasses = [...carouselContainerClasses, 'frameless-display'];\n        if (!fullWidthPanes && !framelessPanes)\n            carouselContainerClasses = [...carouselContainerClasses, 'content-peek-display'];\n        if (compactMode) carouselContainerClasses = [...carouselContainerClasses, 'compact'];\n\n        let paginationWrapperClasses = ['q2-carousel-pagination-navigation-wrapper'];\n        if (showNavigationArrows) paginationWrapperClasses = [...paginationWrapperClasses, 'evenly-space'];\n\n        return (\n            <Host\n                id={`q2-carousel-${this.guid}`}\n                class=\"q2-carousel-instance\"\n            >\n                {insufficientPanes ? (\n                    this.renderInsufficientPanesDisplay()\n                ) : (\n                    <Fragment>\n                        {paneCount > 1 && (\n                            <div class={paginationWrapperClasses.join(' ')}>\n                                {showNavigationArrows && this.renderPrevNavBtn()}\n\n                                <div class=\"q2-carousel-control-center-tray\">\n                                    {!hidePagination && this.renderPaginationArea()}\n\n                                    {autoPlay && this.renderAutoPlayBtn()}\n                                </div>\n\n                                {showNavigationArrows && this.renderNextNavBtn()}\n                            </div>\n                        )}\n\n                        <section\n                            class={carouselContainerClasses.join(' ')}\n                            ref={el => (this.carouselWrapper = el)}\n                            aria-roledescription=\"carousel\"\n                            aria-label={loc(label)}\n                        >\n                            <div\n                                class=\"q2-carousel-swiper-wrapper swiper-wrapper\"\n                                ref={el => (this.carouselPaneWrapperElement = el)}\n                                aria-live={ariaLiveValue}\n                                onKeyDown={this.keydownHandler}\n                            >\n                                <slot></slot>\n                            </div>\n                        </section>\n                    </Fragment>\n                )}\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"]}