q2-tecton-elements 1.67.2 → 1.68.0

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

@@ -1 +1 @@
-{"version":3,"file":"q2-carousel-pane.entry.esm.js","sources":["src/components/q2-carousel-pane/q2-carousel-pane.scss?tag=q2-carousel-pane","src/components/q2-carousel-pane/q2-carousel-pane.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\nq2-carousel {\n    .swiper-slide {\n        flex-shrink: 0;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        transition-property: transform;\n        transition: all 0.2s;\n    }\n\n    .q2-carousel-swiper-container {\n        &.full-width-display,\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                background: var-list(--tct-carousel-background, --app-base, #ffffff);\n            }\n        }\n        &.full-width-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n            }\n        }\n    }\n}\n\nq2-carousel-pane.q2-carousel-pane {\n    --comp-carousel-pane-tween: #{var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'))};\n    --comp-carousel-shadow: #{var-list(--app-shadow-2, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)\"))};\n\n    cursor: grab;\n\n    &:not([is-active-pane]) {\n        .q2-carousel-pane-main-content {\n            background: var-list(--tct-carousel-pane-inactive-background,  --tct-carousel-background, --app-base, #ffffff);\n            box-shadow: var-list(--tct-carousel-pane-inactive-box-shadow,  --tct-carousel-pane-box-shadow,  --comp-carousel-shadow);\n        }\n    }\n\n    &:focus-visible {\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring);\n        }\n    }\n\n    button {\n        border: 0;\n        background: transparent;\n        transition: all 0.2s;\n        opacity: 0.3;\n        cursor: pointer;\n\n        &:hover {\n            opacity: 0.7;\n        }\n    }\n\n    .q2-carousel-pane-main-content {\n        box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n        transition: var(--comp-carousel-pane-tween);\n        background: var-list(\n            --tct-carousel-background,\n            var-prefixer(carousel-background-color),\n            --tct-white,\n            --app-white,\n            #ffffff\n        );\n        border: var-list(var-prefixer(carousel-pane-border-width), 0px) solid\n            var-list(\n                var-prefixer(carousel-pane-border-color),\n                var-prefixer(gray-11),\n                --tct-gray-l1,\n                --app-gray-l1,\n                #cccccc\n            );\n        border-radius: var-list(var-prefixer(carousel-pane-border-radius), 8px);\n        padding: var-list(var-prefixer(carousel-pane-padding), 7px);\n        height: var-list(var-prefixer(carousel-pane-height), 10em);\n    }\n\n    &[slot-frameless]:not([slot-frameless='false']) {\n        .q2-carousel-pane-main-content {\n            box-shadow: none;\n            border: 0;\n            border-radius: 0;\n            padding: 0;\n        }\n    }\n}\n","import { hasValidParent } from '@/utils/component';\nimport { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * @name Carousel Pane\n * @category Display\n * @summary Use as a single slide within a Carousel.\n */\n@Component({ tag: 'q2-carousel-pane', shadow: false, styleUrl: 'q2-carousel-pane.scss' })\nexport class Q2CarouselPane implements ComponentInterface {\n    // #region Own Properties\n\n    disabledElements?: HTMLElement[] = [];\n    mutationObserver?: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Used by `q2-carousel` to determine the pane's index.\n     * @private\n     */\n    @Prop({ reflect: false })\n    index: number;\n\n    /**\n     * Used by `q2-carousel` to indicate which pane is currently active.\n     * @private\n     */\n    @Prop({ reflect: true })\n    isActivePane: boolean;\n\n    /**\n     * Text used only as an `aria-label` for accessibility purposes.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Used by `q2-carousel` to indicate how many panes are in the carousel.\n     * @private\n     */\n    @Prop({ reflect: false })\n    siblingCount: number;\n\n    /**\n     * Used by `q2-carousel` to indicate the pane should be frameless.\n     * @private\n     */\n    @Prop({ reflect: true })\n    slotFrameless: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the pane is clicked.\n     * @deprecated Use 'tctClickCarouselPane' instead\n     */\n    @Event()\n    clickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\n\n    /**\n     * Emitted when the pane is clicked.\n     */\n    @Event()\n    tctClickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\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        this.removePointerMoveListeners();\n    }\n\n    componentWillLoad() {\n        hasValidParent(this.hostElement, 'div.q2-carousel-swiper-wrapper');\n    }\n\n    componentDidLoad(): void {\n        this.determineDisabledContent();\n        this.addPointerMoveListeners();\n\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(this.onMutationObserved);\n            observer.observe(this.hostElement, { childList: true, subtree: true });\n            this.mutationObserver = observer;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('isActivePane')\n    determineDisabledContent() {\n        const { isActivePane } = this;\n        const focusableElements = this.hostElement.querySelectorAll<HTMLElement>(\n            'q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex=\"-1\"])'\n        );\n\n        focusableElements.forEach(element => {\n            const hasValidTabIndex =\n                element.hasAttribute('tabindex') && parseInt(element.getAttribute('tabindex')) >= 0;\n\n            if (hasValidTabIndex) {\n                element.setAttribute('data-q2-tabindex', `${element.tabIndex}`);\n            }\n\n            if (isActivePane) {\n                if (element.hasAttribute('data-q2-tabindex')) {\n                    element.tabIndex = parseInt(element.getAttribute('data-q2-tabindex'));\n                    element.removeAttribute('data-q2-tabindex');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            } else {\n                element.tabIndex = -1;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentPaneIndex() {\n        return Array.prototype.indexOf.call(this.hostElement.parentElement.children, this.hostElement);\n    }\n\n    addPointerMoveListeners() {\n        const elementsToDisable = ['q2-dropdown', 'q2-dropdown-item'];\n        this.disabledElements = Array.from(this.hostElement.querySelectorAll<HTMLElement>(elementsToDisable.join(',')));\n        this.disabledElements.forEach(element => {\n            element.addEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    generatePaneClass = (currentIndex: number) => {\n        return `q2-carousel-pane swiper-slide q2-carousel-pane-${currentIndex}`;\n    };\n\n    onMutationObserved = () => {\n        this.removePointerMoveListeners();\n        this.addPointerMoveListeners();\n    };\n\n    paneClicked = event => {\n        if (this.isActivePane) return;\n        event.preventDefault();\n        mirrorEmit(this, ['clickCarouselPane', 'tctClickCarouselPane'], {\n            paneIndex: this.index,\n            pane: this.hostElement,\n        });\n    };\n\n    pointerMoveHandler = (event: PointerEvent) => {\n        event.stopPropagation();\n    };\n\n    removePointerMoveListeners() {\n        this.disabledElements.forEach(element => {\n            element.removeEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label } = this;\n\n        return (\n            <Host\n                class={this.generatePaneClass(this.currentPaneIndex)}\n                tabIndex={this.isActivePane ? 0 : -1}\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-hidden={this.isActivePane ? undefined : 'true'}\n                aria-label={\n                    label\n                        ? loc(label)\n                        : loc('tecton.element.carousel.itemDescription', [\n                              (this.currentPaneIndex + 1).toString(),\n                              (this.siblingCount || 0).toString(),\n                          ])\n                }\n                onClick={this.paneClicked}\n            >\n                <article class=\"q2-carousel-pane-main-content\">\n                    <slot></slot>\n                </article>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"q2-carousel-pane.entry.esm.js","sources":["src/components/q2-carousel-pane/q2-carousel-pane.scss?tag=q2-carousel-pane","src/components/q2-carousel-pane/q2-carousel-pane.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n@import './variables';\n\nq2-carousel {\n    .swiper-wrapper {\n        align-items: stretch;\n    }\n\n    .swiper-slide {\n        display: flex;\n        flex-shrink: 0;\n        width: 100%;\n        height: auto;\n        position: relative;\n        transition-property: transform;\n        transition: all 0.2s;\n    }\n\n    .q2-carousel-swiper-container {\n        &.full-width-display,\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                background: var-list(--tct-carousel-background, --app-base, #ffffff);\n            }\n        }\n        &.full-width-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n            }\n        }\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content {\n                box-shadow: none;\n            }\n        }\n    }\n\n    &[auto-height] q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content {\n        height: auto;\n    }\n}\n\nq2-carousel-pane.q2-carousel-pane {\n    --comp-carousel-pane-tween: #{var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'))};\n    --comp-carousel-shadow: #{var-list(--app-shadow-2, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)\"))};\n\n    cursor: grab;\n\n    &:not([is-active-pane]) {\n        .q2-carousel-pane-main-content {\n            background: var-list(--tct-carousel-pane-inactive-background,  --tct-carousel-background, --app-base, #ffffff);\n            box-shadow: var-list(--tct-carousel-pane-inactive-box-shadow,  --tct-carousel-pane-box-shadow,  --comp-carousel-shadow);\n        }\n    }\n\n    &:focus-visible {\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring);\n        }\n    }\n\n    button {\n        border: 0;\n        background: transparent;\n        transition: all 0.2s;\n        opacity: 0.3;\n        cursor: pointer;\n\n        &:hover {\n            opacity: 0.7;\n        }\n    }\n\n    .q2-carousel-pane-main-content {\n        box-sizing: border-box;\n        flex: 1 1 auto;\n        width: 100%;\n        min-height: var(--q2-carousel-equal-pane-height, auto);\n        box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n        transition: var(--comp-carousel-pane-tween);\n        background: var-list(\n            --tct-carousel-background,\n            var-prefixer(carousel-background-color),\n            --tct-white,\n            --app-white,\n            #ffffff\n        );\n        border: var-list(var-prefixer(carousel-pane-border-width), 0px) solid\n            var-list(\n                var-prefixer(carousel-pane-border-color),\n                var-prefixer(gray-11),\n                --tct-gray-l1,\n                --app-gray-l1,\n                #cccccc\n            );\n        border-radius: var-list(var-prefixer(carousel-pane-border-radius), 8px);\n        padding: var-list(var-prefixer(carousel-pane-padding), 7px);\n        height: var-list(var-prefixer(carousel-pane-height), 10em);\n    }\n\n    &[slot-frameless]:not([slot-frameless='false']) {\n        .q2-carousel-pane-main-content {\n            box-shadow: none;\n            border: 0;\n            border-radius: 0;\n            padding: 0;\n        }\n    }\n}\n","import { hasValidParent } from '@/utils/component';\nimport { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * @name Carousel Pane\n * @category Display\n * @summary Use as a single slide within a Carousel.\n */\n@Component({ tag: 'q2-carousel-pane', shadow: false, styleUrl: 'q2-carousel-pane.scss' })\nexport class Q2CarouselPane implements ComponentInterface {\n    // #region Own Properties\n\n    disabledElements?: HTMLElement[] = [];\n    mutationObserver?: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Used by `q2-carousel` to determine the pane's index.\n     * @private\n     */\n    @Prop({ reflect: false })\n    index: number;\n\n    /**\n     * Used by `q2-carousel` to indicate which pane is currently active.\n     * @private\n     */\n    @Prop({ reflect: true })\n    isActivePane: boolean;\n\n    /**\n     * Text used only as an `aria-label` for accessibility purposes.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Used by `q2-carousel` to indicate how many panes are in the carousel.\n     * @private\n     */\n    @Prop({ reflect: false })\n    siblingCount: number;\n\n    /**\n     * Used by `q2-carousel` to indicate the pane should be frameless.\n     * @private\n     */\n    @Prop({ reflect: true })\n    slotFrameless: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the pane is clicked.\n     * @deprecated Use 'tctClickCarouselPane' instead\n     */\n    @Event()\n    clickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\n\n    /**\n     * Emitted when the pane is clicked.\n     */\n    @Event()\n    tctClickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\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        this.removePointerMoveListeners();\n    }\n\n    componentWillLoad() {\n        hasValidParent(this.hostElement, 'div.q2-carousel-swiper-wrapper');\n    }\n\n    componentDidLoad(): void {\n        this.determineDisabledContent();\n        this.addPointerMoveListeners();\n\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(this.onMutationObserved);\n            observer.observe(this.hostElement, { childList: true, subtree: true });\n            this.mutationObserver = observer;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('isActivePane')\n    determineDisabledContent() {\n        const { isActivePane } = this;\n        const focusableElements = this.hostElement.querySelectorAll<HTMLElement>(\n            'q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex=\"-1\"])'\n        );\n\n        focusableElements.forEach(element => {\n            const hasValidTabIndex =\n                element.hasAttribute('tabindex') && parseInt(element.getAttribute('tabindex')) >= 0;\n\n            if (hasValidTabIndex) {\n                element.setAttribute('data-q2-tabindex', `${element.tabIndex}`);\n            }\n\n            if (isActivePane) {\n                if (element.hasAttribute('data-q2-tabindex')) {\n                    element.tabIndex = parseInt(element.getAttribute('data-q2-tabindex'));\n                    element.removeAttribute('data-q2-tabindex');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            } else {\n                element.tabIndex = -1;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentPaneIndex() {\n        return Array.prototype.indexOf.call(this.hostElement.parentElement.children, this.hostElement);\n    }\n\n    addPointerMoveListeners() {\n        const elementsToDisable = ['q2-dropdown', 'q2-dropdown-item'];\n        this.disabledElements = Array.from(this.hostElement.querySelectorAll<HTMLElement>(elementsToDisable.join(',')));\n        this.disabledElements.forEach(element => {\n            element.addEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    generatePaneClass = (currentIndex: number) => {\n        return `q2-carousel-pane swiper-slide q2-carousel-pane-${currentIndex}`;\n    };\n\n    onMutationObserved = () => {\n        this.removePointerMoveListeners();\n        this.addPointerMoveListeners();\n    };\n\n    paneClicked = event => {\n        if (this.isActivePane) return;\n        event.preventDefault();\n        mirrorEmit(this, ['clickCarouselPane', 'tctClickCarouselPane'], {\n            paneIndex: this.index,\n            pane: this.hostElement,\n        });\n    };\n\n    pointerMoveHandler = (event: PointerEvent) => {\n        event.stopPropagation();\n    };\n\n    removePointerMoveListeners() {\n        this.disabledElements.forEach(element => {\n            element.removeEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label } = this;\n\n        return (\n            <Host\n                class={this.generatePaneClass(this.currentPaneIndex)}\n                tabIndex={this.isActivePane ? 0 : -1}\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-hidden={this.isActivePane ? undefined : 'true'}\n                aria-label={\n                    label\n                        ? loc(label)\n                        : loc('tecton.element.carousel.itemDescription', [\n                              (this.currentPaneIndex + 1).toString(),\n                              (this.siblingCount || 0).toString(),\n                          ])\n                }\n                onClick={this.paneClicked}\n            >\n                <article class=\"q2-carousel-pane-main-content\">\n                    <slot></slot>\n                </article>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
-import { r as e, c as a, h as t, H as r, g as o } from "./index-CGkHOjh1.js";
+import { r as e, c as a, h as t, H as o, g as r } from "./index-CGkHOjh1.js";
 
-import { a as s } from "./component-DVxzK3WH.js";
+import { a as s } from "./component-DaQM9u3s.js";
 
-import { l as n } from "./index-C4PILj1_.js";
+import { l as n } from "./index-C5gj0T_3.js";
 
 import { m as i } from "./mirror-emit-DUjY_ucm.js";
 
-const c = "*{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 .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel .q2-carousel-swiper-container.full-width-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content,q2-carousel .q2-carousel-swiper-container.frameless-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{background:var(--tct-carousel-background, var(--app-base, #ffffff))}q2-carousel .q2-carousel-swiper-container.full-width-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{box-shadow:var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow))}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{background:var(--tct-carousel-pane-inactive-background, var(--tct-carousel-background, var(--app-base, #ffffff)));box-shadow:var(--tct-carousel-pane-inactive-box-shadow, var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow)))}q2-carousel-pane.q2-carousel-pane:focus-visible .q2-carousel-pane-main-content{outline:none;box-shadow:var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow));transition:var(--comp-carousel-pane-tween);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, 0px)) 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));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane[slot-frameless]:not([slot-frameless=false]) .q2-carousel-pane-main-content{box-shadow:none;border:0;border-radius:0;padding:0}";
+const c = "*{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 .swiper-wrapper{align-items:stretch}q2-carousel .swiper-slide{display:flex;flex-shrink:0;width:100%;height:auto;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel .q2-carousel-swiper-container.full-width-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content,q2-carousel .q2-carousel-swiper-container.frameless-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{background:var(--tct-carousel-background, var(--app-base, #ffffff))}q2-carousel .q2-carousel-swiper-container.full-width-display q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{box-shadow:var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow))}q2-carousel .q2-carousel-swiper-container.frameless-display q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:none}q2-carousel[auto-height] q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{height:auto}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content{background:var(--tct-carousel-pane-inactive-background, var(--tct-carousel-background, var(--app-base, #ffffff)));box-shadow:var(--tct-carousel-pane-inactive-box-shadow, var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow)))}q2-carousel-pane.q2-carousel-pane:focus-visible .q2-carousel-pane-main-content{outline:none;box-shadow:var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-sizing:border-box;flex:1 1 auto;width:100%;min-height:var(--q2-carousel-equal-pane-height, auto);box-shadow:var(--tct-carousel-pane-box-shadow, var(--comp-carousel-shadow));transition:var(--comp-carousel-pane-tween);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, 0px)) 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));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane[slot-frameless]:not([slot-frameless=false]) .q2-carousel-pane-main-content{box-shadow:none;border:0;border-radius:0;padding:0}";
 
 const l = class {
   constructor(t) {
@@ -99,7 +99,7 @@ const l = class {
   // #region Render Methods
   render() {
     const {label: e} = this;
-    return t(r, {
+    return t(o, {
       key: "82eb1502a11ae372d979f81043dc2defc4bb45ac",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
@@ -116,7 +116,7 @@ const l = class {
     })));
   }
   get hostElement() {
-    return o(this);
+    return r(this);
   }
   static get watchers() {
     return {

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

@@ -1 +1 @@
-{"version":3,"names":["q2CarouselPaneCss","Q2CarouselPane","constructor","hostRef","this","disabledElements","generatePaneClass","currentIndex","onMutationObserved","removePointerMoveListeners","addPointerMoveListeners","paneClicked","event","isActivePane","preventDefault","mirrorEmit","paneIndex","index","pane","hostElement","pointerMoveHandler","stopPropagation","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","hasValidParent","componentDidLoad","determineDisabledContent","MutationObserver","observer","observe","childList","subtree","focusableElements","querySelectorAll","forEach","element","hasValidTabIndex","hasAttribute","parseInt","getAttribute","setAttribute","tabIndex","removeAttribute","currentPaneIndex","Array","prototype","indexOf","call","parentElement","children","elementsToDisable","from","join","addEventListener","removeEventListener","render","label","h","Host","key","class","role","undefined","loc","toString","siblingCount","onClick"],"sources":["src/components/q2-carousel-pane/q2-carousel-pane.scss?tag=q2-carousel-pane","src/components/q2-carousel-pane/q2-carousel-pane.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\nq2-carousel {\n    .swiper-slide {\n        flex-shrink: 0;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        transition-property: transform;\n        transition: all 0.2s;\n    }\n\n    .q2-carousel-swiper-container {\n        &.full-width-display,\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                background: var-list(--tct-carousel-background, --app-base, #ffffff);\n            }\n        }\n        &.full-width-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n            }\n        }\n    }\n}\n\nq2-carousel-pane.q2-carousel-pane {\n    --comp-carousel-pane-tween: #{var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'))};\n    --comp-carousel-shadow: #{var-list(--app-shadow-2, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)\"))};\n\n    cursor: grab;\n\n    &:not([is-active-pane]) {\n        .q2-carousel-pane-main-content {\n            background: var-list(--tct-carousel-pane-inactive-background,  --tct-carousel-background, --app-base, #ffffff);\n            box-shadow: var-list(--tct-carousel-pane-inactive-box-shadow,  --tct-carousel-pane-box-shadow,  --comp-carousel-shadow);\n        }\n    }\n\n    &:focus-visible {\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring);\n        }\n    }\n\n    button {\n        border: 0;\n        background: transparent;\n        transition: all 0.2s;\n        opacity: 0.3;\n        cursor: pointer;\n\n        &:hover {\n            opacity: 0.7;\n        }\n    }\n\n    .q2-carousel-pane-main-content {\n        box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n        transition: var(--comp-carousel-pane-tween);\n        background: var-list(\n            --tct-carousel-background,\n            var-prefixer(carousel-background-color),\n            --tct-white,\n            --app-white,\n            #ffffff\n        );\n        border: var-list(var-prefixer(carousel-pane-border-width), 0px) solid\n            var-list(\n                var-prefixer(carousel-pane-border-color),\n                var-prefixer(gray-11),\n                --tct-gray-l1,\n                --app-gray-l1,\n                #cccccc\n            );\n        border-radius: var-list(var-prefixer(carousel-pane-border-radius), 8px);\n        padding: var-list(var-prefixer(carousel-pane-padding), 7px);\n        height: var-list(var-prefixer(carousel-pane-height), 10em);\n    }\n\n    &[slot-frameless]:not([slot-frameless='false']) {\n        .q2-carousel-pane-main-content {\n            box-shadow: none;\n            border: 0;\n            border-radius: 0;\n            padding: 0;\n        }\n    }\n}\n","import { hasValidParent } from '@/utils/component';\nimport { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * @name Carousel Pane\n * @category Display\n * @summary Use as a single slide within a Carousel.\n */\n@Component({ tag: 'q2-carousel-pane', shadow: false, styleUrl: 'q2-carousel-pane.scss' })\nexport class Q2CarouselPane implements ComponentInterface {\n    // #region Own Properties\n\n    disabledElements?: HTMLElement[] = [];\n    mutationObserver?: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Used by `q2-carousel` to determine the pane's index.\n     * @private\n     */\n    @Prop({ reflect: false })\n    index: number;\n\n    /**\n     * Used by `q2-carousel` to indicate which pane is currently active.\n     * @private\n     */\n    @Prop({ reflect: true })\n    isActivePane: boolean;\n\n    /**\n     * Text used only as an `aria-label` for accessibility purposes.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Used by `q2-carousel` to indicate how many panes are in the carousel.\n     * @private\n     */\n    @Prop({ reflect: false })\n    siblingCount: number;\n\n    /**\n     * Used by `q2-carousel` to indicate the pane should be frameless.\n     * @private\n     */\n    @Prop({ reflect: true })\n    slotFrameless: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the pane is clicked.\n     * @deprecated Use 'tctClickCarouselPane' instead\n     */\n    @Event()\n    clickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\n\n    /**\n     * Emitted when the pane is clicked.\n     */\n    @Event()\n    tctClickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\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        this.removePointerMoveListeners();\n    }\n\n    componentWillLoad() {\n        hasValidParent(this.hostElement, 'div.q2-carousel-swiper-wrapper');\n    }\n\n    componentDidLoad(): void {\n        this.determineDisabledContent();\n        this.addPointerMoveListeners();\n\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(this.onMutationObserved);\n            observer.observe(this.hostElement, { childList: true, subtree: true });\n            this.mutationObserver = observer;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('isActivePane')\n    determineDisabledContent() {\n        const { isActivePane } = this;\n        const focusableElements = this.hostElement.querySelectorAll<HTMLElement>(\n            'q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex=\"-1\"])'\n        );\n\n        focusableElements.forEach(element => {\n            const hasValidTabIndex =\n                element.hasAttribute('tabindex') && parseInt(element.getAttribute('tabindex')) >= 0;\n\n            if (hasValidTabIndex) {\n                element.setAttribute('data-q2-tabindex', `${element.tabIndex}`);\n            }\n\n            if (isActivePane) {\n                if (element.hasAttribute('data-q2-tabindex')) {\n                    element.tabIndex = parseInt(element.getAttribute('data-q2-tabindex'));\n                    element.removeAttribute('data-q2-tabindex');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            } else {\n                element.tabIndex = -1;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentPaneIndex() {\n        return Array.prototype.indexOf.call(this.hostElement.parentElement.children, this.hostElement);\n    }\n\n    addPointerMoveListeners() {\n        const elementsToDisable = ['q2-dropdown', 'q2-dropdown-item'];\n        this.disabledElements = Array.from(this.hostElement.querySelectorAll<HTMLElement>(elementsToDisable.join(',')));\n        this.disabledElements.forEach(element => {\n            element.addEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    generatePaneClass = (currentIndex: number) => {\n        return `q2-carousel-pane swiper-slide q2-carousel-pane-${currentIndex}`;\n    };\n\n    onMutationObserved = () => {\n        this.removePointerMoveListeners();\n        this.addPointerMoveListeners();\n    };\n\n    paneClicked = event => {\n        if (this.isActivePane) return;\n        event.preventDefault();\n        mirrorEmit(this, ['clickCarouselPane', 'tctClickCarouselPane'], {\n            paneIndex: this.index,\n            pane: this.hostElement,\n        });\n    };\n\n    pointerMoveHandler = (event: PointerEvent) => {\n        event.stopPropagation();\n    };\n\n    removePointerMoveListeners() {\n        this.disabledElements.forEach(element => {\n            element.removeEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label } = this;\n\n        return (\n            <Host\n                class={this.generatePaneClass(this.currentPaneIndex)}\n                tabIndex={this.isActivePane ? 0 : -1}\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-hidden={this.isActivePane ? undefined : 'true'}\n                aria-label={\n                    label\n                        ? loc(label)\n                        : loc('tecton.element.carousel.itemDescription', [\n                              (this.currentPaneIndex + 1).toString(),\n                              (this.siblingCount || 0).toString(),\n                          ])\n                }\n                onClick={this.paneClicked}\n            >\n                <article class=\"q2-carousel-pane-main-content\">\n                    <slot></slot>\n                </article>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAoB;;MCWbC,IAAc;EAD3B,WAAAC,CAAAC;;;;;QAIIC,KAAgBC,mBAAmB;IAuInCD,KAAAE,oBAAqBC,KACV,kDAAkDA;IAG7DH,KAAkBI,qBAAG;MACjBJ,KAAKK;MACLL,KAAKM;AAAyB;IAGlCN,KAAWO,cAAGC;MACV,IAAIR,KAAKS,cAAc;MACvBD,EAAME;MACNC,EAAWX,MAAM,EAAC,qBAAqB,0BAAyB;QAC5DY,WAAWZ,KAAKa;QAChBC,MAAMd,KAAKe;;AACb;IAGNf,KAAAgB,qBAAsBR;MAClBA,EAAMS;AAAiB;AAwC9B;;;EAhIG,oBAAAC;IACI,IAAIlB,KAAKmB,kBAAkB;MACvBnB,KAAKmB,iBAAiBC;MACtBpB,KAAKmB,mBAAmB;;IAE5BnB,KAAKK;;EAGT,iBAAAgB;IACIC,EAAetB,KAAKe,aAAa;;EAGrC,gBAAAQ;IACIvB,KAAKwB;IACLxB,KAAKM;IAEL,WAAWmB,qBAAqB,aAAa;MACzC,MAAMC,IAAW,IAAID,iBAAiBzB,KAAKI;MAC3CsB,EAASC,QAAQ3B,KAAKe,aAAa;QAAEa,WAAW;QAAMC,SAAS;;MAC/D7B,KAAKmB,mBAAmBO;;;;;EAQhC,wBAAAF;IACI,OAAMf,cAAEA,KAAiBT;IACzB,MAAM8B,IAAoB9B,KAAKe,YAAYgB,iBACvC;IAGJD,EAAkBE,SAAQC;MACtB,MAAMC,IACFD,EAAQE,aAAa,eAAeC,SAASH,EAAQI,aAAa,gBAAgB;MAEtF,IAAIH,GAAkB;QAClBD,EAAQK,aAAa,oBAAoB,GAAGL,EAAQM;;MAGxD,IAAI9B,GAAc;QACd,IAAIwB,EAAQE,aAAa,qBAAqB;UAC1CF,EAAQM,WAAWH,SAASH,EAAQI,aAAa;UACjDJ,EAAQO,gBAAgB;eACrB;UACHP,EAAQO,gBAAgB;;aAEzB;QACHP,EAAQM,YAAW;;;;;;EAQ/B,oBAAIE;IACA,OAAOC,MAAMC,UAAUC,QAAQC,KAAK7C,KAAKe,YAAY+B,cAAcC,UAAU/C,KAAKe;;EAGtF,uBAAAT;IACI,MAAM0C,IAAoB,EAAC,eAAe;IAC1ChD,KAAKC,mBAAmByC,MAAMO,KAAKjD,KAAKe,YAAYgB,iBAA8BiB,EAAkBE,KAAK;IACzGlD,KAAKC,iBAAiB+B,SAAQC;MAC1BA,EAAQkB,iBAAiB,eAAenD,KAAKgB;AAAmB;;EA0BxE,0BAAAX;IACIL,KAAKC,iBAAiB+B,SAAQC;MAC1BA,EAAQmB,oBAAoB,eAAepD,KAAKgB;AAAmB;;;;EAO3E,MAAAqC;IACI,OAAMC,OAAEA,KAAUtD;IAElB,OACIuD,EAACC,GAAI;MAAAC,KAAA;MACDC,OAAO1D,KAAKE,kBAAkBF,KAAKyC;MACnCF,UAAUvC,KAAKS,eAAe,KAAI;MAClCkD,MAAK;MACgB;MACR,eAAA3D,KAAKS,eAAemD,YAAY;MAAM,cAE/CN,IACMO,EAAIP,KACJO,EAAI,2CAA2C,GAC1C7D,KAAKyC,mBAAmB,GAAGqB,aAC3B9D,KAAK+D,gBAAgB,GAAGD;MAGvCE,SAAShE,KAAKO;OAEdgD,EAAS;MAAAE,KAAA;MAAAC,OAAM;OACXH,EAAa;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["q2CarouselPaneCss","Q2CarouselPane","constructor","hostRef","this","disabledElements","generatePaneClass","currentIndex","onMutationObserved","removePointerMoveListeners","addPointerMoveListeners","paneClicked","event","isActivePane","preventDefault","mirrorEmit","paneIndex","index","pane","hostElement","pointerMoveHandler","stopPropagation","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","hasValidParent","componentDidLoad","determineDisabledContent","MutationObserver","observer","observe","childList","subtree","focusableElements","querySelectorAll","forEach","element","hasValidTabIndex","hasAttribute","parseInt","getAttribute","setAttribute","tabIndex","removeAttribute","currentPaneIndex","Array","prototype","indexOf","call","parentElement","children","elementsToDisable","from","join","addEventListener","removeEventListener","render","label","h","Host","key","class","role","undefined","loc","toString","siblingCount","onClick"],"sources":["src/components/q2-carousel-pane/q2-carousel-pane.scss?tag=q2-carousel-pane","src/components/q2-carousel-pane/q2-carousel-pane.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n@import './variables';\n\nq2-carousel {\n    .swiper-wrapper {\n        align-items: stretch;\n    }\n\n    .swiper-slide {\n        display: flex;\n        flex-shrink: 0;\n        width: 100%;\n        height: auto;\n        position: relative;\n        transition-property: transform;\n        transition: all 0.2s;\n    }\n\n    .q2-carousel-swiper-container {\n        &.full-width-display,\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                background: var-list(--tct-carousel-background, --app-base, #ffffff);\n            }\n        }\n        &.full-width-display {\n            q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) .q2-carousel-pane-main-content {\n                box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n            }\n        }\n        &.frameless-display {\n            q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content {\n                box-shadow: none;\n            }\n        }\n    }\n\n    &[auto-height] q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content {\n        height: auto;\n    }\n}\n\nq2-carousel-pane.q2-carousel-pane {\n    --comp-carousel-pane-tween: #{var-list(--tct-tween-1, --app-tween-1, unquote('0.2s ease'))};\n    --comp-carousel-shadow: #{var-list(--app-shadow-2, unquote(\"0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14)\"))};\n\n    cursor: grab;\n\n    &:not([is-active-pane]) {\n        .q2-carousel-pane-main-content {\n            background: var-list(--tct-carousel-pane-inactive-background,  --tct-carousel-background, --app-base, #ffffff);\n            box-shadow: var-list(--tct-carousel-pane-inactive-box-shadow,  --tct-carousel-pane-box-shadow,  --comp-carousel-shadow);\n        }\n    }\n\n    &:focus-visible {\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--tct-carousel-pane-focus-visible-box-shadow, --const-double-focus-ring);\n        }\n    }\n\n    button {\n        border: 0;\n        background: transparent;\n        transition: all 0.2s;\n        opacity: 0.3;\n        cursor: pointer;\n\n        &:hover {\n            opacity: 0.7;\n        }\n    }\n\n    .q2-carousel-pane-main-content {\n        box-sizing: border-box;\n        flex: 1 1 auto;\n        width: 100%;\n        min-height: var(--q2-carousel-equal-pane-height, auto);\n        box-shadow: var-list(--tct-carousel-pane-box-shadow, --comp-carousel-shadow);\n        transition: var(--comp-carousel-pane-tween);\n        background: var-list(\n            --tct-carousel-background,\n            var-prefixer(carousel-background-color),\n            --tct-white,\n            --app-white,\n            #ffffff\n        );\n        border: var-list(var-prefixer(carousel-pane-border-width), 0px) solid\n            var-list(\n                var-prefixer(carousel-pane-border-color),\n                var-prefixer(gray-11),\n                --tct-gray-l1,\n                --app-gray-l1,\n                #cccccc\n            );\n        border-radius: var-list(var-prefixer(carousel-pane-border-radius), 8px);\n        padding: var-list(var-prefixer(carousel-pane-padding), 7px);\n        height: var-list(var-prefixer(carousel-pane-height), 10em);\n    }\n\n    &[slot-frameless]:not([slot-frameless='false']) {\n        .q2-carousel-pane-main-content {\n            box-shadow: none;\n            border: 0;\n            border-radius: 0;\n            padding: 0;\n        }\n    }\n}\n","import { hasValidParent } from '@/utils/component';\nimport { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\nimport mirrorEmit from '@/utils/mirror-emit';\n\n/**\n * @name Carousel Pane\n * @category Display\n * @summary Use as a single slide within a Carousel.\n */\n@Component({ tag: 'q2-carousel-pane', shadow: false, styleUrl: 'q2-carousel-pane.scss' })\nexport class Q2CarouselPane implements ComponentInterface {\n    // #region Own Properties\n\n    disabledElements?: HTMLElement[] = [];\n    mutationObserver?: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * Used by `q2-carousel` to determine the pane's index.\n     * @private\n     */\n    @Prop({ reflect: false })\n    index: number;\n\n    /**\n     * Used by `q2-carousel` to indicate which pane is currently active.\n     * @private\n     */\n    @Prop({ reflect: true })\n    isActivePane: boolean;\n\n    /**\n     * Text used only as an `aria-label` for accessibility purposes.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * Used by `q2-carousel` to indicate how many panes are in the carousel.\n     * @private\n     */\n    @Prop({ reflect: false })\n    siblingCount: number;\n\n    /**\n     * Used by `q2-carousel` to indicate the pane should be frameless.\n     * @private\n     */\n    @Prop({ reflect: true })\n    slotFrameless: boolean;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the pane is clicked.\n     * @deprecated Use 'tctClickCarouselPane' instead\n     */\n    @Event()\n    clickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\n\n    /**\n     * Emitted when the pane is clicked.\n     */\n    @Event()\n    tctClickCarouselPane: EventEmitter<{ paneIndex: number; pane: HTMLElement }>;\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        this.removePointerMoveListeners();\n    }\n\n    componentWillLoad() {\n        hasValidParent(this.hostElement, 'div.q2-carousel-swiper-wrapper');\n    }\n\n    componentDidLoad(): void {\n        this.determineDisabledContent();\n        this.addPointerMoveListeners();\n\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(this.onMutationObserved);\n            observer.observe(this.hostElement, { childList: true, subtree: true });\n            this.mutationObserver = observer;\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('isActivePane')\n    determineDisabledContent() {\n        const { isActivePane } = this;\n        const focusableElements = this.hostElement.querySelectorAll<HTMLElement>(\n            'q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex=\"-1\"])'\n        );\n\n        focusableElements.forEach(element => {\n            const hasValidTabIndex =\n                element.hasAttribute('tabindex') && parseInt(element.getAttribute('tabindex')) >= 0;\n\n            if (hasValidTabIndex) {\n                element.setAttribute('data-q2-tabindex', `${element.tabIndex}`);\n            }\n\n            if (isActivePane) {\n                if (element.hasAttribute('data-q2-tabindex')) {\n                    element.tabIndex = parseInt(element.getAttribute('data-q2-tabindex'));\n                    element.removeAttribute('data-q2-tabindex');\n                } else {\n                    element.removeAttribute('tabindex');\n                }\n            } else {\n                element.tabIndex = -1;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentPaneIndex() {\n        return Array.prototype.indexOf.call(this.hostElement.parentElement.children, this.hostElement);\n    }\n\n    addPointerMoveListeners() {\n        const elementsToDisable = ['q2-dropdown', 'q2-dropdown-item'];\n        this.disabledElements = Array.from(this.hostElement.querySelectorAll<HTMLElement>(elementsToDisable.join(',')));\n        this.disabledElements.forEach(element => {\n            element.addEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    generatePaneClass = (currentIndex: number) => {\n        return `q2-carousel-pane swiper-slide q2-carousel-pane-${currentIndex}`;\n    };\n\n    onMutationObserved = () => {\n        this.removePointerMoveListeners();\n        this.addPointerMoveListeners();\n    };\n\n    paneClicked = event => {\n        if (this.isActivePane) return;\n        event.preventDefault();\n        mirrorEmit(this, ['clickCarouselPane', 'tctClickCarouselPane'], {\n            paneIndex: this.index,\n            pane: this.hostElement,\n        });\n    };\n\n    pointerMoveHandler = (event: PointerEvent) => {\n        event.stopPropagation();\n    };\n\n    removePointerMoveListeners() {\n        this.disabledElements.forEach(element => {\n            element.removeEventListener('pointermove', this.pointerMoveHandler);\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { label } = this;\n\n        return (\n            <Host\n                class={this.generatePaneClass(this.currentPaneIndex)}\n                tabIndex={this.isActivePane ? 0 : -1}\n                role=\"group\"\n                aria-roledescription=\"slide\"\n                aria-hidden={this.isActivePane ? undefined : 'true'}\n                aria-label={\n                    label\n                        ? loc(label)\n                        : loc('tecton.element.carousel.itemDescription', [\n                              (this.currentPaneIndex + 1).toString(),\n                              (this.siblingCount || 0).toString(),\n                          ])\n                }\n                onClick={this.paneClicked}\n            >\n                <article class=\"q2-carousel-pane-main-content\">\n                    <slot></slot>\n                </article>\n            </Host>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAoB;;MCWbC,IAAc;EAD3B,WAAAC,CAAAC;;;;;QAIIC,KAAgBC,mBAAmB;IAuInCD,KAAAE,oBAAqBC,KACV,kDAAkDA;IAG7DH,KAAkBI,qBAAG;MACjBJ,KAAKK;MACLL,KAAKM;AAAyB;IAGlCN,KAAWO,cAAGC;MACV,IAAIR,KAAKS,cAAc;MACvBD,EAAME;MACNC,EAAWX,MAAM,EAAC,qBAAqB,0BAAyB;QAC5DY,WAAWZ,KAAKa;QAChBC,MAAMd,KAAKe;;AACb;IAGNf,KAAAgB,qBAAsBR;MAClBA,EAAMS;AAAiB;AAwC9B;;;EAhIG,oBAAAC;IACI,IAAIlB,KAAKmB,kBAAkB;MACvBnB,KAAKmB,iBAAiBC;MACtBpB,KAAKmB,mBAAmB;;IAE5BnB,KAAKK;;EAGT,iBAAAgB;IACIC,EAAetB,KAAKe,aAAa;;EAGrC,gBAAAQ;IACIvB,KAAKwB;IACLxB,KAAKM;IAEL,WAAWmB,qBAAqB,aAAa;MACzC,MAAMC,IAAW,IAAID,iBAAiBzB,KAAKI;MAC3CsB,EAASC,QAAQ3B,KAAKe,aAAa;QAAEa,WAAW;QAAMC,SAAS;;MAC/D7B,KAAKmB,mBAAmBO;;;;;EAQhC,wBAAAF;IACI,OAAMf,cAAEA,KAAiBT;IACzB,MAAM8B,IAAoB9B,KAAKe,YAAYgB,iBACvC;IAGJD,EAAkBE,SAAQC;MACtB,MAAMC,IACFD,EAAQE,aAAa,eAAeC,SAASH,EAAQI,aAAa,gBAAgB;MAEtF,IAAIH,GAAkB;QAClBD,EAAQK,aAAa,oBAAoB,GAAGL,EAAQM;;MAGxD,IAAI9B,GAAc;QACd,IAAIwB,EAAQE,aAAa,qBAAqB;UAC1CF,EAAQM,WAAWH,SAASH,EAAQI,aAAa;UACjDJ,EAAQO,gBAAgB;eACrB;UACHP,EAAQO,gBAAgB;;aAEzB;QACHP,EAAQM,YAAW;;;;;;EAQ/B,oBAAIE;IACA,OAAOC,MAAMC,UAAUC,QAAQC,KAAK7C,KAAKe,YAAY+B,cAAcC,UAAU/C,KAAKe;;EAGtF,uBAAAT;IACI,MAAM0C,IAAoB,EAAC,eAAe;IAC1ChD,KAAKC,mBAAmByC,MAAMO,KAAKjD,KAAKe,YAAYgB,iBAA8BiB,EAAkBE,KAAK;IACzGlD,KAAKC,iBAAiB+B,SAAQC;MAC1BA,EAAQkB,iBAAiB,eAAenD,KAAKgB;AAAmB;;EA0BxE,0BAAAX;IACIL,KAAKC,iBAAiB+B,SAAQC;MAC1BA,EAAQmB,oBAAoB,eAAepD,KAAKgB;AAAmB;;;;EAO3E,MAAAqC;IACI,OAAMC,OAAEA,KAAUtD;IAElB,OACIuD,EAACC,GAAI;MAAAC,KAAA;MACDC,OAAO1D,KAAKE,kBAAkBF,KAAKyC;MACnCF,UAAUvC,KAAKS,eAAe,KAAI;MAClCkD,MAAK;MACgB;MACR,eAAA3D,KAAKS,eAAemD,YAAY;MAAM,cAE/CN,IACMO,EAAIP,KACJO,EAAI,2CAA2C,GAC1C7D,KAAKyC,mBAAmB,GAAGqB,aAC3B9D,KAAK+D,gBAAgB,GAAGD;MAGvCE,SAAShE,KAAKO;OAEdgD,EAAS;MAAAE,KAAA;MAAAC,OAAM;OACXH,EAAa;MAAAE,KAAA","ignoreList":[]}