q2-tecton-elements 1.51.1 → 1.52.1

package/dist/q2-tecton-elements/{p-7aef0c08.entry.js.map → q2-carousel-pane.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["q2CarouselPaneCss","Q2CarouselPaneStyle0","Q2CarouselPane","this","disabledElements","generatePaneClass","currentIndex","onMutationObserved","removePointerMoveListeners","addPointerMoveListeners","paneClicked","event","isActivePane","preventDefault","clickCarouselPane","emit","paneIndex","index","pane","hostElement","pointerMoveHandler","stopPropagation","disconnectedCallback","mutationObserver","disconnect","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 .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\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        cursor: pointer;\n    }\n\n    &:focus {\n        box-shadow: none;\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--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(--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    .q2-carousel-pane-main-content:hover {\n        box-shadow: var(--const-double-focus-ring), var(--comp-carousel-shadow);\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 { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\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     */\n    @Event()\n    clickCarouselPane: 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    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        this.clickCarouselPane.emit({\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":"oGAAA,MAAMA,EAAoB,khFAC1B,MAAAC,EAAeD,E,MCGFE,EAAc,M,8EAGvBC,KAAAC,iBAAmC,GA4HnCD,KAAAE,kBAAqBC,GACV,kDAAkDA,IAG7DH,KAAAI,mBAAqB,KACjBJ,KAAKK,6BACLL,KAAKM,yBAAyB,EAGlCN,KAAAO,YAAcC,IACV,GAAIR,KAAKS,aAAc,OACvBD,EAAME,iBACNV,KAAKW,kBAAkBC,KAAK,CACxBC,UAAWb,KAAKc,MAChBC,KAAMf,KAAKgB,aACb,EAGNhB,KAAAiB,mBAAsBT,IAClBA,EAAMU,iBAAiB,E,+HApF3B,oBAAAC,GACI,GAAInB,KAAKoB,iBAAkB,CACvBpB,KAAKoB,iBAAiBC,aACtBrB,KAAKoB,iBAAmB,I,CAE5BpB,KAAKK,4B,CAGT,gBAAAiB,GACItB,KAAKuB,2BACLvB,KAAKM,0BAEL,UAAWkB,mBAAqB,YAAa,CACzC,MAAMC,EAAW,IAAID,iBAAiBxB,KAAKI,oBAC3CqB,EAASC,QAAQ1B,KAAKgB,YAAa,CAAEW,UAAW,KAAMC,QAAS,OAC/D5B,KAAKoB,iBAAmBK,C,EAQhC,wBAAAF,GACI,MAAMd,aAAEA,GAAiBT,KACzB,MAAM6B,EAAoB7B,KAAKgB,YAAYc,iBACvC,kGAGJD,EAAkBE,SAAQC,IACtB,MAAMC,EACFD,EAAQE,aAAa,aAAeC,SAASH,EAAQI,aAAa,cAAgB,EAEtF,GAAIH,EAAkB,CAClBD,EAAQK,aAAa,mBAAoB,GAAGL,EAAQM,W,CAGxD,GAAI7B,EAAc,CACd,GAAIuB,EAAQE,aAAa,oBAAqB,CAC1CF,EAAQM,SAAWH,SAASH,EAAQI,aAAa,qBACjDJ,EAAQO,gBAAgB,mB,KACrB,CACHP,EAAQO,gBAAgB,W,MAEzB,CACHP,EAAQM,UAAY,C,KAQhC,oBAAIE,GACA,OAAOC,MAAMC,UAAUC,QAAQC,KAAK5C,KAAKgB,YAAY6B,cAAcC,SAAU9C,KAAKgB,Y,CAGtF,uBAAAV,GACI,MAAMyC,EAAoB,CAAC,cAAe,oBAC1C/C,KAAKC,iBAAmBwC,MAAMO,KAAKhD,KAAKgB,YAAYc,iBAA8BiB,EAAkBE,KAAK,OACzGjD,KAAKC,iBAAiB8B,SAAQC,IAC1BA,EAAQkB,iBAAiB,cAAelD,KAAKiB,mBAAmB,G,CA0BxE,0BAAAZ,GACIL,KAAKC,iBAAiB8B,SAAQC,IAC1BA,EAAQmB,oBAAoB,cAAenD,KAAKiB,mBAAmB,G,CAO3E,MAAAmC,GACI,MAAMC,MAAEA,GAAUrD,KAElB,OACIsD,EAACC,EAAI,CAAAC,IAAA,2CACDC,MAAOzD,KAAKE,kBAAkBF,KAAKwC,kBACnCF,SAAUtC,KAAKS,aAAe,GAAK,EACnCiD,KAAK,QAAO,uBACS,QAAO,cACf1D,KAAKS,aAAekD,UAAY,OAAM,aAE/CN,EACMO,EAAIP,GACJO,EAAI,0CAA2C,EAC1C5D,KAAKwC,iBAAmB,GAAGqB,YAC3B7D,KAAK8D,cAAgB,GAAGD,aAGvCE,QAAS/D,KAAKO,aAEd+C,EAAA,WAAAE,IAAA,2CAASC,MAAM,iCACXH,EAAA,QAAAE,IAAA,8C"}
+{"version":3,"names":["q2CarouselPaneCss","Q2CarouselPaneStyle0","Q2CarouselPane","this","disabledElements","generatePaneClass","currentIndex","onMutationObserved","removePointerMoveListeners","addPointerMoveListeners","paneClicked","event","isActivePane","preventDefault","clickCarouselPane","emit","paneIndex","index","pane","hostElement","pointerMoveHandler","stopPropagation","disconnectedCallback","mutationObserver","disconnect","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 .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\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        cursor: pointer;\n    }\n\n    &:focus {\n        box-shadow: none;\n        .q2-carousel-pane-main-content {\n            outline: none;\n            box-shadow: var(--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(--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    .q2-carousel-pane-main-content:hover {\n        box-shadow: var(--const-double-focus-ring), var(--comp-carousel-shadow);\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 { Component, ComponentInterface, Event, Element, Host, Watch, Prop, h, EventEmitter } from '@stencil/core';\nimport { loc } from 'src/utils';\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     */\n    @Event()\n    clickCarouselPane: 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    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        this.clickCarouselPane.emit({\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;;AAC1B,MAAAC,IAAeD;;MCGFE,IAAc;;;;;QAGvBC,KAAAC,mBAAmC;IA4HnCD,KAAAE,oBAAqBC,KACV,kDAAkDA;IAG7DH,KAAAI,qBAAqB;MACjBJ,KAAKK;MACLL,KAAKM;AAAyB;IAGlCN,KAAAO,cAAcC;MACV,IAAIR,KAAKS,cAAc;MACvBD,EAAME;MACNV,KAAKW,kBAAkBC,KAAK;QACxBC,WAAWb,KAAKc;QAChBC,MAAMf,KAAKgB;;AACb;IAGNhB,KAAAiB,qBAAsBT;MAClBA,EAAMU;AAAiB;;;;;;;;;EApF3B,oBAAAC;IACI,IAAInB,KAAKoB,kBAAkB;MACvBpB,KAAKoB,iBAAiBC;MACtBrB,KAAKoB,mBAAmB;;IAE5BpB,KAAKK;;EAGT,gBAAAiB;IACItB,KAAKuB;IACLvB,KAAKM;IAEL,WAAWkB,qBAAqB,aAAa;MACzC,MAAMC,IAAW,IAAID,iBAAiBxB,KAAKI;MAC3CqB,EAASC,QAAQ1B,KAAKgB,aAAa;QAAEW,WAAW;QAAMC,SAAS;;MAC/D5B,KAAKoB,mBAAmBK;;;;;EAQhC,wBAAAF;IACI,OAAMd,cAAEA,KAAiBT;IACzB,MAAM6B,IAAoB7B,KAAKgB,YAAYc,iBACvC;IAGJD,EAAkBE,SAAQC;MACtB,MAAMC,IACFD,EAAQE,aAAa,eAAeC,SAASH,EAAQI,aAAa,gBAAgB;MAEtF,IAAIH,GAAkB;QAClBD,EAAQK,aAAa,oBAAoB,GAAGL,EAAQM;;MAGxD,IAAI7B,GAAc;QACd,IAAIuB,EAAQE,aAAa,qBAAqB;UAC1CF,EAAQM,WAAWH,SAASH,EAAQI,aAAa;UACjDJ,EAAQO,gBAAgB;eACrB;UACHP,EAAQO,gBAAgB;;aAEzB;QACHP,EAAQM,YAAY;;;;;;EAQhC,oBAAIE;IACA,OAAOC,MAAMC,UAAUC,QAAQC,KAAK5C,KAAKgB,YAAY6B,cAAcC,UAAU9C,KAAKgB;;EAGtF,uBAAAV;IACI,MAAMyC,IAAoB,EAAC,eAAe;IAC1C/C,KAAKC,mBAAmBwC,MAAMO,KAAKhD,KAAKgB,YAAYc,iBAA8BiB,EAAkBE,KAAK;IACzGjD,KAAKC,iBAAiB8B,SAAQC;MAC1BA,EAAQkB,iBAAiB,eAAelD,KAAKiB;AAAmB;;EA0BxE,0BAAAZ;IACIL,KAAKC,iBAAiB8B,SAAQC;MAC1BA,EAAQmB,oBAAoB,eAAenD,KAAKiB;AAAmB;;;;EAO3E,MAAAmC;IACI,OAAMC,OAAEA,KAAUrD;IAElB,OACIsD,EAACC,GAAI;MAAAC,KAAA;MACDC,OAAOzD,KAAKE,kBAAkBF,KAAKwC;MACnCF,UAAUtC,KAAKS,eAAe,KAAK;MACnCiD,MAAK;MAAO,wBACS;MAAO,eACf1D,KAAKS,eAAekD,YAAY;MAAM,cAE/CN,IACMO,EAAIP,KACJO,EAAI,2CAA2C,GAC1C5D,KAAKwC,mBAAmB,GAAGqB,aAC3B7D,KAAK8D,gBAAgB,GAAGD;MAGvCE,SAAS/D,KAAKO;OAEd+C,EAAA;MAAAE,KAAA;MAASC,OAAM;OACXH,EAAA;MAAAE,KAAA"}