q2-tecton-elements 1.49.2 → 1.50.1

package/dist/collection/components/q2-popover/test/q2-popover-test.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-popover-test.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-popover/test/q2-popover-test.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Q2Popover } from '../q2-popover';\n\ndescribe('popover', () => {\n    let specPopover: Q2Popover;\n\n    const samplePlatformDimensions = {\n        scrollY: 0,\n        innerHeight: 800,\n        innerWidth: 600,\n        outletOffset: 20,\n    };\n\n    const sampleTectonWindow = {\n        inMobileApp: false,\n        noStrings: false,\n        platformUrl: '',\n        platformDimensions: samplePlatformDimensions,\n    };\n\n    describe('Props', () => {\n        describe('mode', () => {\n            it('does not add the legacy class on the container (default)', async () => {\n                const page = await newSpecPage({\n                    components: [Q2Popover],\n                    html: `<q2-popover></q2-popover>`,\n                });\n                expect(page.root.shadowRoot.firstElementChild.classList.contains('legacy')).toBeFalsy();\n            });\n\n            it('adds the legacy class on the container when mode is \"legacy\"', async () => {\n                const page = await newSpecPage({\n                    components: [Q2Popover],\n                    html: `<q2-popover mode=\"legacy\"></q2-popover>`,\n                });\n                expect(page.root.shadowRoot.firstElementChild.classList.contains('legacy')).toBeTruthy();\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n        });\n\n        describe('toggle', () => {\n            it('sets open to true when open is false', async () => {\n                specPopover.open = false;\n                await specPopover.toggle();\n                expect(specPopover.open).toBe(true);\n            });\n\n            it('sets open to false when open is true', async () => {\n                specPopover.open = true;\n                await specPopover.toggle();\n                expect(specPopover.open).toBe(false);\n            });\n        });\n\n        describe('scrollContainerTo', () => {\n            it('scrolls the container to the given position', async () => {\n                const containerElement = document.createElement('div');\n                containerElement.scrollTo = jest.fn();\n                specPopover.containerElement = containerElement;\n                await specPopover.scrollContainerTo({ top: 100, left: 50 });\n                expect(containerElement.scrollTo).toHaveBeenCalledWith({ top: 100, left: 50 });\n            });\n        });\n    });\n\n    describe('Getters', () => {\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n        });\n\n        describe('actualDirection', () => {\n            it('returns direction when \"up\"', async () => {\n                specPopover.direction = 'up';\n                expect(specPopover.actualDirection).toBe('up');\n            });\n\n            it('returns direction when \"down\"', async () => {\n                specPopover.direction = 'down';\n                expect(specPopover.actualDirection).toBe('down');\n            });\n\n            it('returns undefined when not \"up\" or \"down\"', async () => {\n                (specPopover.direction as any) = 'bottom';\n                expect(specPopover.actualDirection).toBeUndefined();\n            });\n        });\n\n        describe('isModule', () => {\n            it('returns false when window top matches window and platformDimensions is not defined', async () => {\n                expect(window.top).toBe(window);\n                expect(window.Tecton).toBeUndefined();\n                expect(specPopover.isModule).toBe(false);\n            });\n\n            it('returns false when window top does not match window and platformDimensions is not defined', async () => {\n                const windowSpy = jest.spyOn(window, 'top', 'get').mockReturnValue({} as any);\n                expect(window.top).not.toEqual(window);\n                expect(window.Tecton).toBeUndefined();\n                expect(specPopover.isModule).toBe(false);\n                windowSpy.mockRestore();\n            });\n\n            it('returns false when window top matches window and platformDimensions is defined', async () => {\n                window.Tecton = sampleTectonWindow;\n                expect(window.top).toBe(window);\n                expect(window.Tecton.platformDimensions).toBeTruthy();\n                expect(specPopover.isModule).toBe(false);\n            });\n\n            it('returns true when window top does not match window and platformDimensions is defined', async () => {\n                const windowSpy = jest.spyOn(window, 'top', 'get').mockReturnValue({} as any);\n                window.Tecton = sampleTectonWindow;\n                expect(specPopover.isModule).toBe(true);\n                windowSpy.mockRestore();\n            });\n        });\n    });\n\n    describe('when in a module', () => {\n        let specPopover: Q2Popover;\n        let windowSpy: jest.SpyInstance;\n        let controlElement: HTMLDivElement;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(async () => {\n            specPopover = new Q2Popover();\n            windowSpy = jest.spyOn(window, 'top', 'get').mockReturnValue({} as any);\n            window.Tecton = sampleTectonWindow;\n            expect(specPopover.isModule).toBe(true);\n\n            controlElement = document.createElement('div');\n            specPopover.controlElement = controlElement;\n\n            containerElement = document.createElement('div');\n            specPopover.containerElement = containerElement;\n        });\n\n        afterEach(() => {\n            windowSpy.mockRestore();\n        });\n\n        describe(\"when the module is taller than the window's viewport\", () => {\n            beforeEach(() => {\n                specPopover.open = true;\n                window.visualViewport = { height: 1200 } as any;\n            });\n\n            it('sets the direction to down when control element has more space below it', async () => {\n                const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                    top: 20,\n                    bottom: 70,\n                } as any);\n                await specPopover.determinePopDirection();\n\n                expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('700px');\n                expect(specPopover.currentDirection).toBe('down');\n\n                controlSpy.mockRestore();\n            });\n\n            it('sets the direction to up when control element has more space above it', async () => {\n                const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                    top: 600,\n                    bottom: 650,\n                } as any);\n                await specPopover.determinePopDirection();\n\n                expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('590px');\n                expect(specPopover.currentDirection).toBe('up');\n\n                controlSpy.mockRestore();\n            });\n\n            describe('when the outletOffset is less than 0', () => {\n                beforeEach(() => {\n                    window.Tecton = {\n                        ...sampleTectonWindow,\n                        platformDimensions: { ...samplePlatformDimensions, outletOffset: -50 },\n                    };\n                });\n\n                it('sets the direction to down when control element has more space below it', async () => {\n                    const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                        top: 20,\n                        bottom: 70,\n                    } as any);\n                    await specPopover.determinePopDirection();\n\n                    expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('770px');\n                    expect(specPopover.currentDirection).toBe('down');\n\n                    controlSpy.mockRestore();\n                });\n\n                it('sets the direction to up when control element has more space above it', async () => {\n                    const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                        top: 600,\n                        bottom: 650,\n                    } as any);\n                    await specPopover.determinePopDirection();\n\n                    expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('540px');\n                    expect(specPopover.currentDirection).toBe('up');\n\n                    controlSpy.mockRestore();\n                });\n            });\n        });\n\n        describe(\"when the module is shorter than the window's viewport\", () => {\n            beforeEach(() => {\n                specPopover.open = true;\n                window.visualViewport = { height: 600 } as any;\n            });\n\n            it('sets the direction to down when control element has more space below it', async () => {\n                const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                    top: 20,\n                    bottom: 70,\n                } as any);\n                await specPopover.determinePopDirection();\n\n                expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('520px');\n                expect(specPopover.currentDirection).toBe('down');\n\n                controlSpy.mockRestore();\n            });\n\n            it('sets the direction to up when control element has more space above it', async () => {\n                const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                    top: 500,\n                    bottom: 550,\n                } as any);\n                await specPopover.determinePopDirection();\n\n                expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('490px');\n                expect(specPopover.currentDirection).toBe('up');\n\n                controlSpy.mockRestore();\n            });\n        });\n    });\n\n    describe('viewPortChanged', () => {\n        let specPopover: Q2Popover;\n        let windowSpy: jest.SpyInstance;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            windowSpy = jest.spyOn(window, 'top', 'get').mockReturnValue({} as any);\n            window.Tecton = sampleTectonWindow;\n            expect(specPopover.isModule).toBe(true);\n            specPopover.determinePopDirection = jest.fn();\n        });\n\n        afterEach(() => {\n            windowSpy.mockRestore();\n        });\n\n        it('calls determinePopDirection when open is true', async () => {\n            specPopover.open = true;\n            await specPopover.viewPortChanged();\n            expect(specPopover.determinePopDirection).toHaveBeenCalled();\n        });\n\n        it('does nothing when open is false', async () => {\n            specPopover.open = false;\n            await specPopover.viewPortChanged();\n            expect(specPopover.determinePopDirection).not.toHaveBeenCalled();\n        });\n    });\n\n    describe('viewPortOrientationChanged', () => {\n        let specPopover: Q2Popover;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            specPopover.viewPortChanged = jest.fn();\n        });\n\n        it('sets orientationChanged to true and calls viewportChanged', async () => {\n            await specPopover.viewPortOrientationChanged();\n            expect(specPopover.orientationChanged).toBe(true);\n            expect(specPopover.viewPortChanged).toHaveBeenCalled();\n        });\n    });\n\n    describe('setFixedCSSProperties', () => {\n        let specPopover: Q2Popover;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(() => {\n            window.visualViewport = { width: 800, height: 600 } as VisualViewport;\n            specPopover = new Q2Popover();\n            containerElement = document.createElement('div');\n            specPopover.containerElement = containerElement;\n            specPopover.rootElementRect = {\n                top: 0,\n                bottom: 0,\n                left: 0,\n                right: 0,\n                height: window.visualViewport.height,\n                width: window.visualViewport.width,\n            } as DOMRect;\n\n            const controlElement = document.createElement('div');\n            controlElement.getBoundingClientRect = jest.fn().mockReturnValue({\n                top: 20,\n                bottom: 70,\n                left: 30,\n                right: 80,\n            } as DOMRect);\n            specPopover.controlElement = controlElement;\n        });\n\n        it('sets the necessary CSS properties', async () => {\n            await specPopover.setFixedCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-left')).toBe('30px');\n            expect(containerElement.style.getPropertyValue('--comp-pop-right')).toBe('720px');\n            expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-opacity')).toBe('1');\n        });\n\n        it('sets --comp-pop-bottom when direction is up', async () => {\n            specPopover.currentDirection = 'up';\n            await specPopover.setFixedCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBe('580px');\n        });\n\n        it('sets --comp-pop-top when direction is down', async () => {\n            specPopover.currentDirection = 'down';\n            await specPopover.setFixedCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBe('70px');\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n        });\n\n        it('sets --comp-pop-width when block is true', async () => {\n            specPopover.block = true;\n            await specPopover.setFixedCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBe('0px');\n        });\n\n        describe('when rootElementRect is bonkers', () => {\n            beforeEach(() => {\n                specPopover.rootElementRect = {\n                    top: 50,\n                    bottom: 650,\n                    left: 50,\n                    right: 750,\n                    height: 600,\n                    width: 700,\n                } as DOMRect;\n                const controlElement = document.createElement('div');\n                controlElement.getBoundingClientRect = jest.fn().mockReturnValue({\n                    top: 70,\n                    bottom: 120,\n                    left: 80,\n                    right: 130,\n                } as DOMRect);\n                specPopover.controlElement = controlElement;\n            });\n\n            it('sets the necessary CSS properties', async () => {\n                await specPopover.setFixedCSSProperties();\n                expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBeFalsy();\n                expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n                expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n                expect(containerElement.style.getPropertyValue('--comp-pop-left')).toBe('30px');\n                expect(containerElement.style.getPropertyValue('--comp-pop-right')).toBe('620px');\n                expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBeFalsy();\n                expect(containerElement.style.getPropertyValue('--comp-pop-opacity')).toBe('1');\n            });\n\n            it('sets --comp-pop-bottom when direction is up', async () => {\n                specPopover.currentDirection = 'up';\n                await specPopover.setFixedCSSProperties();\n                expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n                expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBe('580px');\n            });\n\n            it('sets --comp-pop-top when direction is down', async () => {\n                specPopover.currentDirection = 'down';\n                await specPopover.setFixedCSSProperties();\n                expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBe('70px');\n                expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n            });\n\n            it('sets --comp-pop-width when block is true', async () => {\n                specPopover.block = true;\n                await specPopover.setFixedCSSProperties();\n                expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBe('0px');\n            });\n        });\n    });\n\n    describe('setAbsoluteCSSProperties', () => {\n        let specPopover: Q2Popover;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            containerElement = document.createElement('div');\n            specPopover.mode = 'legacy';\n            specPopover.containerElement = containerElement;\n\n            const controlElement = document.createElement('div');\n            controlElement.getBoundingClientRect = jest.fn().mockReturnValue({\n                top: 20,\n                bottom: 70,\n                left: 30,\n                right: 80,\n            } as DOMRect);\n            specPopover.controlElement = controlElement;\n            window.visualViewport = { width: 800, height: 600 } as VisualViewport;\n        });\n\n        it('sets the necessary CSS properties', async () => {\n            await specPopover.setAbsoluteCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-left')).toBe('0');\n            expect(containerElement.style.getPropertyValue('--comp-pop-right')).toBe('unset');\n            expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBe('');\n            expect(containerElement.style.getPropertyValue('--comp-pop-opacity')).toBe('1');\n        });\n\n        it('sets the necessary CSS properties when align is right', async () => {\n            specPopover.align = 'right';\n            await specPopover.setAbsoluteCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-left')).toBe('unset');\n            expect(containerElement.style.getPropertyValue('--comp-pop-right')).toBe('0');\n        });\n\n        it('sets --comp-pop-bottom when direction is up', async () => {\n            specPopover.currentDirection = 'up';\n            await specPopover.setAbsoluteCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBe('0px');\n        });\n\n        it('does not set --comp-pop-top when direction is down', async () => {\n            specPopover.currentDirection = 'down';\n            await specPopover.setAbsoluteCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBe('');\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBe('');\n        });\n\n        it('sets --comp-pop-width when block is true', async () => {\n            specPopover.block = true;\n            await specPopover.setAbsoluteCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBe('100%');\n        });\n    });\n\n    describe('clearCSSProperties', () => {\n        let specPopover: Q2Popover;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            containerElement = document.createElement('div');\n            containerElement.style.setProperty('--comp-pop-max-height', '100px');\n            containerElement.style.setProperty('--comp-pop-top', '20px');\n            containerElement.style.setProperty('--comp-pop-bottom', '25px');\n            containerElement.style.setProperty('--comp-pop-left', '30px');\n            containerElement.style.setProperty('--comp-pop-right', '35px');\n            containerElement.style.setProperty('--comp-pop-width', '200px');\n            containerElement.style.setProperty('--comp-pop-opacity', '1');\n            specPopover.containerElement = containerElement;\n        });\n\n        it('clears the necessary CSS properties', async () => {\n            await specPopover.clearCSSProperties();\n            expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-top')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-bottom')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-left')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-right')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-width')).toBeFalsy();\n            expect(containerElement.style.getPropertyValue('--comp-pop-opacity')).toBeFalsy();\n        });\n    });\n\n    describe('setDirectionAndShow', () => {\n        let specPopover: Q2Popover;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            containerElement = document.createElement('div');\n            specPopover.containerElement = containerElement;\n            specPopover.setRootElement = jest.fn();\n            specPopover.setFixedCSSProperties = jest.fn();\n            specPopover.setAbsoluteCSSProperties = jest.fn();\n            specPopover.scrollContainerTo = jest.fn();\n        });\n\n        it('does nothing when open is false', async () => {\n            specPopover.open = false;\n            await specPopover.setDirectionAndShow('up');\n            expect(specPopover.currentDirection).toBeUndefined();\n            expect(specPopover.show).toBe(false);\n            expect(specPopover.setRootElement).toHaveBeenCalled();\n            expect(specPopover.setFixedCSSProperties).not.toHaveBeenCalled();\n            expect(specPopover.setAbsoluteCSSProperties).not.toHaveBeenCalled();\n        });\n\n        describe('when open is true', () => {\n            beforeEach(() => {\n                specPopover.open = true;\n            });\n\n            it('sets the direction, shows the popover, and sets fixed position properties', async () => {\n                await specPopover.setDirectionAndShow('up');\n                expect(specPopover.currentDirection).toBe('up');\n                expect(specPopover.show).toBe(true);\n                expect(specPopover.setRootElement).toHaveBeenCalled();\n                expect(specPopover.setFixedCSSProperties).toHaveBeenCalled();\n                expect(specPopover.setAbsoluteCSSProperties).not.toHaveBeenCalled();\n            });\n\n            it('sets the direction, shows the popover, and sets absolute position properties when mode is \"legacy\"', async () => {\n                specPopover.mode = 'legacy';\n                await specPopover.setDirectionAndShow('up');\n                expect(specPopover.currentDirection).toBe('up');\n                expect(specPopover.show).toBe(true);\n                expect(specPopover.setRootElement).toHaveBeenCalled();\n                expect(specPopover.setFixedCSSProperties).not.toHaveBeenCalled();\n                expect(specPopover.setAbsoluteCSSProperties).toHaveBeenCalled();\n            });\n        });\n    });\n\n    describe('determinePopDirection', () => {\n        let specPopover: Q2Popover;\n        let controlElement: HTMLDivElement;\n        let containerElement: HTMLDivElement;\n\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            controlElement = document.createElement('div');\n            containerElement = document.createElement('div');\n            specPopover.controlElement = controlElement;\n            specPopover.containerElement = containerElement;\n            window.visualViewport = { width: 800, height: 600 } as VisualViewport;\n            specPopover.setDirectionAndShow = jest.fn();\n        });\n\n        it('sets the direction to up when control element has more space above it', async () => {\n            const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                top: 500,\n                bottom: 550,\n            } as DOMRect);\n            await specPopover.determinePopDirection();\n\n            expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('490px');\n            expect(specPopover.setDirectionAndShow).toHaveBeenCalledWith('up');\n\n            controlSpy.mockRestore();\n        });\n\n        it('sets the direction to down when control element has more space below it', async () => {\n            const controlSpy = jest.spyOn(controlElement, 'getBoundingClientRect').mockReturnValue({\n                top: 100,\n                bottom: 150,\n            } as DOMRect);\n            await specPopover.determinePopDirection();\n\n            expect(containerElement.style.getPropertyValue('--comp-pop-max-height')).toBe('440px');\n            expect(specPopover.setDirectionAndShow).toHaveBeenCalledWith('down');\n\n            controlSpy.mockRestore();\n        });\n    });\n\n    describe('openChanged', () => {\n        beforeEach(() => {\n            specPopover = new Q2Popover();\n            specPopover.setRootElement = jest.fn();\n            specPopover.addViewportListeners = jest.fn();\n            specPopover.determinePopDirection = jest.fn();\n            specPopover.removeViewportListeners = jest.fn();\n            specPopover.clearCSSProperties = jest.fn();\n        });\n\n        it('sets open to true when open is false', async () => {\n            specPopover.currentDirection = 'down';\n            specPopover.show = true;\n            await specPopover.openChanged(true);\n            expect(specPopover.currentDirection).toBe('down');\n            expect(specPopover.show).toBeTruthy();\n            expect(specPopover.setRootElement).toHaveBeenCalled();\n            expect(specPopover.addViewportListeners).toHaveBeenCalled();\n            expect(specPopover.determinePopDirection).toHaveBeenCalled();\n            expect(specPopover.removeViewportListeners).not.toHaveBeenCalled();\n            expect(specPopover.clearCSSProperties).not.toHaveBeenCalled();\n        });\n\n        it('sets open to false when open is true', async () => {\n            specPopover.currentDirection = 'down';\n            specPopover.show = true;\n            await specPopover.openChanged(false);\n            expect(specPopover.currentDirection).toBeUndefined();\n            expect(specPopover.show).toBeFalsy();\n            expect(specPopover.setRootElement).toHaveBeenCalled();\n            expect(specPopover.addViewportListeners).not.toHaveBeenCalled();\n            expect(specPopover.determinePopDirection).not.toHaveBeenCalled();\n            expect(specPopover.clearCSSProperties).toHaveBeenCalled();\n            expect(specPopover.clearCSSProperties).toHaveBeenCalled();\n        });\n    });\n\n    describe('setRootElement', () => {\n        let computedStyleStub: any = {};\n        const popoverDOMRect = {\n            top: 50,\n            bottom: 125,\n            left: 50,\n            right: 50,\n            height: 75,\n            width: 700,\n        } as DOMRect;\n\n        beforeEach(() => {\n            computedStyleStub = {\n                transform: 'none',\n                filter: 'none',\n                perspective: 'none',\n                contain: 'none',\n                containerType: 'normal',\n                willChange: 'auto',\n            };\n            window.visualViewport = { width: 800, height: 600 } as VisualViewport;\n            specPopover = new Q2Popover();\n            window.getComputedStyle = jest.fn().mockReturnValue(computedStyleStub);\n            specPopover.hostElement.getBoundingClientRect = jest.fn().mockReturnValue(popoverDOMRect);\n        });\n\n        it('sets the rootElementRect by default', async () => {\n            await specPopover.setRootElement();\n            expect(specPopover.rootElementRect).toEqual({\n                top: 0,\n                bottom: 0,\n                left: 0,\n                right: 0,\n                height: 600,\n                width: 800,\n            });\n        });\n\n        describe('when a containing block is created by applying CSS properties', () => {\n            it('returns the currentElementRect when transform is applied', async () => {\n                computedStyleStub.transform = 'translate(10px, 20px)';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n\n            it('returns the currentElementRect when filter is applied', async () => {\n                computedStyleStub.filter = 'blur(5px)';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n\n            it('returns the currentElementRect when perspective is applied', async () => {\n                computedStyleStub.perspective = '100px';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n\n            it('returns the currentElementRect when contain is applied', async () => {\n                computedStyleStub.contain = 'layout';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n\n            it('returns the currentElementRect when containerType is applied', async () => {\n                computedStyleStub.containerType = 'none';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n\n            it('returns the currentElementRect when willChange is applied', async () => {\n                computedStyleStub.willChange = 'transform';\n                await specPopover.setRootElement();\n                expect(specPopover.rootElementRect).toEqual(popoverDOMRect);\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-radio/q2-radio.js

@@ -75,7 +75,7 @@ export class Q2Radio {
     // #endregion
     // #region Render Methods
     render() {
-        return (h("div", { key: '210cc7331f317028a89673653eef957e002bccfc', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, h("input", { key: '2323fefb73a45336442e51e02e07cc20d8ff7237', ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), h("label", { key: 'a79888b871fcbcd8234779f508edbdfbb8a6d778', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (h("svg", { key: 'a7268ee6225beeeea0cb719d7c6d2feca48614de', viewBox: "0 0 18 18" }, h("circle", { key: '41c33face1190dc510c7f9f2f53fe1796a918188', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), h("circle", { key: '947c9fbc47945c59678d9fa08c042d9e47a56a51', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (h("div", { key: '46654e6f4ff3596983f1e20b8a501bedf882bcec', class: "label-content" }, (this.label && loc(this.label)) || '', h("slot", { key: 'aef00a9fc70c904d4d09561c430c3df65fc36121' }))))));
+        return (h("div", { key: '2eb548fb623e624b5304c321f4b57c1a48eaa4b0', class: this.groupTileLayout ? 'radio-tile' : 'radio-container' }, h("input", { key: '42eb98daad18d1aca54e84e5ed9647be6dbd7fca', ref: el => (this.inputField = el), class: "sr", id: this._id, type: "radio", name: this.name, value: this.value, disabled: this.disabled || this.groupDisabled, checked: this.checked, "aria-label": this.label && this.hideLabel ? loc(this.label) : undefined, onChange: this.inputChange, "test-id": "q2RadioInnerRadioBox" }), h("label", { key: '5f063d1a3b5a4494f1e471eda96844368d9c5c59', htmlFor: this._id, class: this.hideLabel ? 'label-hidden' : undefined, "test-id": "radioButton" }, !this.groupTileLayout && (h("svg", { key: 'aa0a30ecc9ed0b539c28b24f8ff5467fe158ff1c', viewBox: "0 0 18 18" }, h("circle", { key: '413e5556dbb780820bd91da40bed8bde37998e45', stroke: "none", fill: "none", cx: "9", cy: "9", r: "8" }), h("circle", { key: '6b27c265867df2752d63aa2f3f91266460328e70', stroke: "none", fill: "none", cx: "9", cy: "9", r: "4" }))), !this.hideLabel && (h("div", { key: '6dc3398a42d68bad7f064743bc53e45f24ba2b6e', class: "label-content" }, (this.label && loc(this.label)) || '', h("slot", { key: '9c259a28aeb1b056aca638df99a3c9e2524b04e1' }))))));
     }
     static get is() { return "q2-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"q2-radio.js","sourceRoot":"","sources":["../../../../src/components/q2-radio/q2-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, ComponentInterface, Listen, Watch, Event, EventEmitter } from '@stencil/core';\nimport { createGuid, handleAriaLabel, loc, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-radio', shadow: true, styleUrl: 'q2-radio.scss' })\nexport class Q2Radio implements ComponentInterface {\n    // #region Own Properties\n\n    _id: string = `radio-${createGuid()}`;\n    inputField: HTMLInputElement;\n    isLoaded: boolean = false;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /** The state of the radio. This modifies the visual appearance of the element. */\n    @Prop({ reflect: true, mutable: true })\n    checked: boolean = false;\n\n    /** Disables the radio and prevents interaction. */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /**\n     * Used by q2-radio-group to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupDisabled: boolean = false;\n\n    /**\n     * Used by q2-radio-group to make all options in the group readonly\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupReadonly: boolean = false;\n\n    /**\n     * Used by q2-radio-group to make the options display as tiles\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupTileLayout: boolean = false;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     *\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * The text that describes the individual radio option.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /**\n     * Used by q2-radio-group to apply a name to all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** The radio is non-interactive, but remains focusable. */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /** @private */\n    @Prop()\n    tabIndex: number = 0;\n\n    /** The value that is returned in the `change` event that is emitted from the `q2-radio-group`. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the radio is checked.\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n    }\n\n    componentDidLoad(): void {\n        this.isLoaded = true;\n        overrideFocus(this.hostElement);\n        this.hostElement.click = () => {\n            this.inputField.focus();\n            this.inputField.click();\n        };\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    onHostClick(event: Event) {\n        if (this.disabled) {\n            event.stopImmediatePropagation();\n        } else if (this.groupReadonly) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            this.inputField.focus();\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (event.target === this.hostElement) {\n            this.inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('checked')\n    checkedObserver() {\n        if (!this.isLoaded) return;\n        if (!this.checked) return;\n        this.change.emit({ value: this.value });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    inputChange = (event: Event) => {\n        event.stopPropagation();\n        if (this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) {\n            event.preventDefault();\n            return false;\n        }\n\n        if (event.target instanceof HTMLInputElement) {\n            this.checked = event.target.checked;\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class={this.groupTileLayout ? 'radio-tile' : 'radio-container'}>\n                <input\n                    ref={el => (this.inputField = el)}\n                    class=\"sr\"\n                    id={this._id}\n                    type=\"radio\"\n                    name={this.name}\n                    value={this.value}\n                    disabled={this.disabled || this.groupDisabled}\n                    checked={this.checked}\n                    aria-label={this.label && this.hideLabel ? loc(this.label) : undefined}\n                    onChange={this.inputChange}\n                    test-id=\"q2RadioInnerRadioBox\"\n                ></input>\n\n                <label\n                    htmlFor={this._id}\n                    class={this.hideLabel ? 'label-hidden' : undefined}\n                    test-id=\"radioButton\"\n                >\n                    {!this.groupTileLayout && (\n                        <svg viewBox=\"0 0 18 18\">\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"8\"\n                            />\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"4\"\n                            />\n                        </svg>\n                    )}\n                    {!this.hideLabel && (\n                        <div class=\"label-content\">\n                            {(this.label && loc(this.label)) || ''}\n                            <slot></slot>\n                        </div>\n                    )}\n                </label>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-radio.js","sourceRoot":"","sources":["../../../src/components/q2-radio/q2-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Element, ComponentInterface, Listen, Watch, Event, EventEmitter } from '@stencil/core';\nimport { createGuid, handleAriaLabel, loc, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-radio', shadow: true, styleUrl: 'q2-radio.scss' })\nexport class Q2Radio implements ComponentInterface {\n    // #region Own Properties\n\n    _id: string = `radio-${createGuid()}`;\n    inputField: HTMLInputElement;\n    isLoaded: boolean = false;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /** The state of the radio. This modifies the visual appearance of the element. */\n    @Prop({ reflect: true, mutable: true })\n    checked: boolean = false;\n\n    /** Disables the radio and prevents interaction. */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /**\n     * Used by q2-radio-group to disable all options in the group\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupDisabled: boolean = false;\n\n    /**\n     * Used by q2-radio-group to make all options in the group readonly\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupReadonly: boolean = false;\n\n    /**\n     * Used by q2-radio-group to make the options display as tiles\n     * @private\n     */\n    @Prop({ reflect: false })\n    groupTileLayout: boolean = false;\n\n    /**\n     * Hide's the field's `<label>` element from view.\n     *\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * The text that describes the individual radio option.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /**\n     * Used by q2-radio-group to apply a name to all options in the group\n     * @private\n     */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** The radio is non-interactive, but remains focusable. */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /** @private */\n    @Prop()\n    tabIndex: number = 0;\n\n    /** The value that is returned in the `change` event that is emitted from the `q2-radio-group`. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the radio is checked.\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n    }\n\n    componentDidLoad(): void {\n        this.isLoaded = true;\n        overrideFocus(this.hostElement);\n        this.hostElement.click = () => {\n            this.inputField.focus();\n            this.inputField.click();\n        };\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('click')\n    onHostClick(event: Event) {\n        if (this.disabled) {\n            event.stopImmediatePropagation();\n        } else if (this.groupReadonly) {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            this.inputField.focus();\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (event.target === this.hostElement) {\n            this.inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    @Watch('checked')\n    checkedObserver() {\n        if (!this.isLoaded) return;\n        if (!this.checked) return;\n        this.change.emit({ value: this.value });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    inputChange = (event: Event) => {\n        event.stopPropagation();\n        if (this.disabled || this.readonly || this.groupReadonly || this.groupDisabled) {\n            event.preventDefault();\n            return false;\n        }\n\n        if (event.target instanceof HTMLInputElement) {\n            this.checked = event.target.checked;\n        }\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div class={this.groupTileLayout ? 'radio-tile' : 'radio-container'}>\n                <input\n                    ref={el => (this.inputField = el)}\n                    class=\"sr\"\n                    id={this._id}\n                    type=\"radio\"\n                    name={this.name}\n                    value={this.value}\n                    disabled={this.disabled || this.groupDisabled}\n                    checked={this.checked}\n                    aria-label={this.label && this.hideLabel ? loc(this.label) : undefined}\n                    onChange={this.inputChange}\n                    test-id=\"q2RadioInnerRadioBox\"\n                ></input>\n\n                <label\n                    htmlFor={this._id}\n                    class={this.hideLabel ? 'label-hidden' : undefined}\n                    test-id=\"radioButton\"\n                >\n                    {!this.groupTileLayout && (\n                        <svg viewBox=\"0 0 18 18\">\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"8\"\n                            />\n                            <circle\n                                stroke=\"none\"\n                                fill=\"none\"\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"4\"\n                            />\n                        </svg>\n                    )}\n                    {!this.hideLabel && (\n                        <div class=\"label-content\">\n                            {(this.label && loc(this.label)) || ''}\n                            <slot></slot>\n                        </div>\n                    )}\n                </label>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/{test/elements → collection/components/q2-radio/test}/q2-radio-test.e2e.js

@@ -1,4 +1,4 @@
-import { evaluateA11y, getActiveElementTestId, getListOfStyleCompilationIssues, setup, testDeprecatedAriaLabel, } from "../helpers";
+import { evaluateA11y, getActiveElementTestId, getListOfStyleCompilationIssues, setup, testDeprecatedAriaLabel, } from "../../../utils/helpers";
 describe('q2-radio', () => {
     let page;
     const setupPage = async (props = '', label = 'My Radio') => {

package/dist/collection/components/q2-radio/test/q2-radio-test.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-radio-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-radio/test/q2-radio-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage } from '@stencil/core/testing';\nimport {\n    evaluateA11y,\n    getActiveElementTestId,\n    getListOfStyleCompilationIssues,\n    setup,\n    testDeprecatedAriaLabel,\n} from '@/utils/helpers';\n\ndescribe('q2-radio', () => {\n    let page: E2EPage;\n\n    const setupPage = async (props: string = '', label: string = 'My Radio') => {\n        props = props ? ` ${props}` : '';\n        page = await setup({\n            html: `\n            <q2-radio label=\"${label}\"${props}></q2-radio>\n        `,\n        });\n        await page.waitForChanges();\n\n        return page;\n    };\n\n    const isChecked = async (page: E2EPage) => {\n        return page.$eval('q2-radio', el => el.shadowRoot.querySelector('input')?.checked ?? false);\n    };\n\n    const clickRadio = async (page: E2EPage) => {\n        await page.$eval('q2-radio', (el: HTMLQ2RadioElement) => el.click());\n        await page.waitForChanges();\n    };\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations with only label', async () => {\n            const page = await setupPage('value=\"1\" disabled checked name=\"testName\"');\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-radio></q2-radio>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-radio')).toHaveLength(0);\n    });\n\n    it('renders with properties passed to inner input', async function (): Promise<void> {\n        page = await setupPage('value=\"1\" disabled checked name=\"testName\"');\n        const radio = await page.find('q2-radio');\n        let radioLabel = await page.find('q2-radio >>> .label-content');\n        const radioInput = await page.find('q2-radio >>> input');\n\n        expect(radioLabel).toEqualText('My Radio');\n        expect(radioInput).toEqualAttribute('name', 'testName');\n        expect(radioInput).toHaveAttribute('disabled');\n        expect(await radio.getProperty('hideLabel')).toBeUndefined();\n        expect(await radio.getProperty('checked')).toEqual(true);\n        expect(await radioInput.getProperty('checked')).toEqual(true);\n\n        radio.setProperty('ariaLabel', 'My Aria Label');\n        await page.waitForChanges();\n        radioLabel = await page.find('q2-radio >>> .label-content');\n\n        expect(await radio.getProperty('ariaLabel')).toBeUndefined();\n        expect(await radio.getProperty('hideLabel')).toEqual(true);\n        expect(await radio.getProperty('label')).toEqual('My Aria Label');\n        expect(radioInput).toEqualAttribute('aria-label', 'My Aria Label');\n        expect(radioLabel).toBeNull();\n\n        radio.setProperty('hideLabel', false);\n        radio.setProperty('disabled', false);\n        await page.waitForChanges();\n        radioLabel = await page.find('q2-radio >>> .label-content');\n\n        expect(radioLabel).toEqualText('My Aria Label');\n        expect(radioInput).not.toHaveAttribute('aria-label');\n        expect(radioInput).not.toHaveAttribute('disabled');\n\n        radio.setProperty('groupDisabled', true);\n        await page.waitForChanges();\n\n        expect(radioInput).toHaveAttribute('disabled');\n    });\n\n    describe('Methods', () => {\n        describe('click', () => {\n            it('selects the radio when called', async () => {\n                page = await setupPage();\n                const radio = await page.find('q2-radio');\n\n                expect(await isChecked(page)).toBe(false);\n                expect(radio).not.toHaveAttribute('checked');\n\n                await clickRadio(page);\n\n                expect(await isChecked(page)).toBe(true);\n                expect(radio).toHaveAttribute('checked');\n            });\n\n            it('does not select the radio when readonly', async () => {\n                const page = await setup({\n                    html: `<q2-radio label=\"Label\" readonly></q2-radio>`,\n                });\n                const radio = await page.find('q2-radio');\n                const innerRadio = await page.find('q2-radio >>> input');\n\n                expect(await getActiveElementTestId(page)).toBeNull();\n\n                expect(radio).not.toHaveAttribute('checked');\n                expect(innerRadio).not.toHaveAttribute('checked');\n\n                await page.$eval('q2-radio', el => el.click());\n                await page.waitForChanges();\n\n                expect(radio).not.toHaveAttribute('checked');\n                expect(innerRadio).not.toHaveAttribute('checked');\n                expect(await getActiveElementTestId(page)).toEqual('q2RadioInnerRadioBox');\n            });\n\n            it('does not select the radio when disabled', async () => {\n                const page = await setup({\n                    html: `<q2-radio label=\"Label\" disabled></q2-radio>`,\n                });\n                const radio = await page.find('q2-radio');\n                const innerRadio = await page.find('q2-radio >>> input');\n\n                expect(await getActiveElementTestId(page)).toBeNull();\n\n                expect(radio).not.toHaveAttribute('checked');\n                expect(innerRadio).not.toHaveAttribute('checked');\n\n                await page.$eval('q2-radio', el => el.click());\n                await page.waitForChanges();\n\n                expect(radio).not.toHaveAttribute('checked');\n                expect(innerRadio).not.toHaveAttribute('checked');\n                expect(await getActiveElementTestId(page)).toBeNull();\n            });\n        });\n    });\n\n    describe('Props', () => {\n        describe('groupReadonly', () => {\n            describe('set to true', () => {\n                it('on load does not check the radio when clicked', async () => {\n                    page = await setupPage('group-readonly');\n                    const radio = await page.find('q2-radio');\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n\n                    await clickRadio(page);\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n                });\n                it('after load does not check the radio when clicked', async () => {\n                    page = await setupPage();\n                    const radio = await page.find('q2-radio');\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n\n                    radio.setProperty('groupReadonly', true);\n                    await page.waitForChanges();\n                    await clickRadio(page);\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n                });\n            });\n            describe('set to false', () => {\n                it('on load checks the radio when clicked', async () => {\n                    page = await setupPage();\n                    const radio = await page.find('q2-radio');\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n\n                    await clickRadio(page);\n\n                    expect(await isChecked(page)).toBe(true);\n                    expect(radio).toHaveAttribute('checked');\n                });\n                it('after load checks the radio when clicked', async () => {\n                    page = await setupPage('group-readonly');\n                    const radio = await page.find('q2-radio');\n\n                    expect(await isChecked(page)).toBe(false);\n                    expect(radio).not.toHaveAttribute('checked');\n\n                    radio.setProperty('groupReadonly', false);\n                    await page.waitForChanges();\n                    await clickRadio(page);\n\n                    expect(await isChecked(page)).toBe(true);\n                    expect(radio).toHaveAttribute('checked');\n                });\n            });\n        });\n    });\n\n    describe('Regressions', () => {\n        it('keeps the svg at 18px wide even with long labels', async function (): Promise<void> {\n            const lotsOfText =\n                'Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent sed ipsum iaculis, dignissim orci quis, mollis nibh. Pellentesque eget dolor tristique, placerat nibh sollicitudin, vehicula sapien. ';\n            page = await setupPage('value=\"1\" disabled checked name=\"testName\"', lotsOfText);\n            const svg = await page.find('q2-radio >>> svg');\n            const svgStyles = await svg.getComputedStyle();\n\n            expect(svgStyles.width).toEqual('18px');\n        });\n    });\n\n    describe('Deprecations', () => {\n        it('handles deprecated `ariaLabel` prop', async () => {\n            const label = 'My Label';\n            page = await setupPage(`aria-label=\"${label}\"`);\n            await testDeprecatedAriaLabel(await page.find('q2-radio'), label);\n\n            expect(await page.find('q2-radio >>> input')).toEqualAttribute('aria-label', label);\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-radio-group/q2-radio-group.js

@@ -174,7 +174,7 @@ export class Q2RadioGroup {
         const showLabel = this.label || this.optional || this.readonly;
         const { hasError } = this;
         const showLabelRow = showLabel || hasError;
-        return (h(Fragment, { key: '391daee73ed99703223e6d72ea8109cdb0f3a728' }, showLabelRow && (h("div", { key: '7e9b358ff98e87551783c7ccfeb789a27c9282cc', class: "label-row" }, showLabel && h("div", { key: '198215d1006af99957bd108540f58b36162c102a', class: "group-legend" }, labelDOM(this)), hasError && (h("q2-icon", { key: 'bb6e82ecc48c28eb6efae09d8f8cd03f1a4bc957', type: "error", "test-id": "iconError" })))), h("fieldset", { key: 'fe4e72b6c8cbd827909f4b6caa47e96699f29163', onChange: this.onInnerRadioChange, "aria-invalid": `${this.hasError}` }, showLabel && h("legend", { key: '963d3f6d55511c5cf5ca99218addaaa12a34f505', class: "sr" }, labelDOM(this)), this.inputDom())));
+        return (h(Fragment, { key: '3536f41532e1cc18001e2e1d8f8f4c9e8223dd67' }, showLabelRow && (h("div", { key: '4ec07666943cb4b0a25ad2dd70fdc26b072affb0', class: "label-row" }, showLabel && h("div", { key: '0442988f9575a44d0d0de1e7885be9239e06ba64', class: "group-legend" }, labelDOM(this)), hasError && (h("q2-icon", { key: 'e455ee3337a5e401c5a4a4a9f8276bff189b26f2', type: "error", "test-id": "iconError" })))), h("fieldset", { key: '2f849878d217decc154d9d04fa8182b3d1b1d79a', onChange: this.onInnerRadioChange, "aria-invalid": `${this.hasError}` }, showLabel && h("legend", { key: '95e7c2f3fcb370048801b4f6be953047011a83f2', class: "sr" }, labelDOM(this)), this.inputDom())));
     }
     static get is() { return "q2-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-radio-group/q2-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-radio-group.js","sourceRoot":"","sources":["../../../../src/components/q2-radio-group/q2-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Prop,\n    Element,\n    h,\n    Listen,\n    EventEmitter,\n    Event,\n    ComponentInterface,\n    Watch,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport { createGuid, isEventFromElement, overrideFocus, labelDOM } from 'src/utils';\n\n@Component({ tag: 'q2-radio-group', shadow: true, styleUrl: 'q2-radio-group.scss' })\nexport class Q2RadioGroup implements ComponentInterface {\n    // #region Own Properties\n\n    _id: string = `radio-group-${createGuid()}`;\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    /** Determines if all radios in the group are put into a `disabled` state. */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /** Determines if the component should display in an errant state. */\n    @Prop({ reflect: true })\n    hasError: boolean = false;\n\n    /**\n     * Hide's the group's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * Text for the fieldset legend describing the radio group.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** Identifier which ties all radios together for accessibility and DOM selection. */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** Appends \"(optional)\" to the group label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true })\n    optional: boolean;\n\n    /** Determines if all radios in the group can be focused, but not interacted with. */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /** Provides alignment direction for tile-style radio group. */\n    @Prop({ reflect: true })\n    tileAlignment: 'left' | 'center' | 'right' = 'center';\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    tilelayout: boolean;\n\n    /** Show the radio group as a horizontal set of tiles. */\n    @Prop({ reflect: true, mutable: true })\n    tileLayout: boolean;\n\n    /** The `value` of the currently selected `q2-radio` within the `q2-radio-group`. */\n    @Prop({ mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the value of the radio group changes.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.checkedRadioExists();\n        this.onMutationObserved();\n        this.handleDeprecatedTilelayout(this.tilelayout);\n    }\n\n    componentDidLoad() {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true });\n        this.mutationObserver = observer;\n        overrideFocus(this.hostElement);\n        this.checkedRadioExists();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        if (event.target === this.hostElement) {\n            if (!this.hostElement.onchange) {\n                this.value = event.detail.value;\n            }\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const radio = this.hostElement.querySelector('q2-radio[checked]') || this.hostElement.querySelector('q2-radio');\n        radio?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    @Listen('keydown')\n    keydownHandler(event: KeyboardEvent) {\n        const currentValue = (event.target as HTMLElement).getAttribute('value') || this.value;\n        let index = this.radioElements.findIndex(\n            el => el === event.target || (el as HTMLElement).getAttribute('value') === currentValue\n        );\n        let sign = 0;\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowUp':\n                sign = -1;\n                break;\n\n            case 'ArrowRight':\n            case 'ArrowDown':\n                sign = 1;\n                break;\n        }\n\n        if (index === -1 || sign === 0) {\n            return;\n        }\n        index += sign;\n        index = sign < 0 ? Math.max(0, index) : Math.min(this.radioElements.length - 1, index);\n        event.preventDefault();\n        if (!this.readonly) {\n            this.value = this.radioElements[index].value;\n        }\n        this.radioElements[index].dispatchEvent(new FocusEvent('focus'));\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<q2-radio>` option with the provided value.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(value: string) {\n        this.radioElements.forEach(radio => {\n            if (value !== radio.value) return;\n            radio.click();\n        });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('disabled')\n    disabledUpdated() {\n        this.radioElements.forEach(radio => {\n            radio.groupDisabled = this.disabled;\n        });\n    }\n\n    @Watch('name')\n    nameUpdated() {\n        this.radioElements.forEach(radio => {\n            radio.name = this.name || this._id;\n        });\n    }\n\n    @Watch('readonly')\n    readonlyUpdated() {\n        const readonly = this.readonly;\n        this.radioElements.forEach(radio => (radio.groupReadonly = readonly));\n    }\n\n    @Watch('tilelayout')\n    handleDeprecatedTilelayout(tilelayout: boolean) {\n        if (typeof tilelayout !== 'boolean') return;\n        this.tileLayout = tilelayout;\n        this.tilelayout = undefined;\n    }\n\n    @Watch('tileLayout')\n    tileLayoutUpdated(tileLayout: boolean) {\n        this.radioElements.forEach(radio => {\n            radio.groupTileLayout = tileLayout;\n        });\n    }\n\n    @Watch('value')\n    valueUpdated(newVal: string) {\n        this.radioElements.forEach(radio => {\n            radio.checked = newVal === radio.value;\n            // Removes checked attribute from trailing radios, if multiple individual radio's are intially checked (checked={true}) at componentDidLoad\n            if (!radio.checked) {\n                radio.removeAttribute('checked');\n                radio.tabIndex = -1;\n            } else if (radio.checked) {\n                radio.tabIndex = 0;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get inputId() {\n        return this._id;\n    }\n\n    get radioElements() {\n        return Array.from(this.hostElement.querySelectorAll('q2-radio')) as HTMLQ2RadioElement[];\n    }\n\n    checkedRadioExists = () => {\n        // Returns first checked individual q2-radio or undefined if none are set to checked={true}\n        const firstCheckedRadio = this.radioElements.find(radio => radio.checked === true) || undefined;\n\n        // Changes radio-group[\"value\"] if inital value is not set and if a any individual q2-radio is checked\n        if (!this.value && !!firstCheckedRadio) {\n            this.value = firstCheckedRadio.value;\n        } else if (!this.value && !firstCheckedRadio) {\n            // if no radios are meant to be checked, then assign first radio tabIndex of 0\n            if (this.radioElements.length) this.radioElements[0].tabIndex = 0;\n        }\n    };\n\n    inputDom() {\n        if (this.tileLayout) {\n            const { tileAlignment } = this;\n            const alignment = ['left', 'center', 'right'].includes(tileAlignment) ? tileAlignment : 'center';\n            return (\n                <div class={`tile-container ${alignment}`}>\n                    <div class=\"options-container\">\n                        <slot />\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div class=\"options-container\">\n                    <slot />\n                </div>\n            );\n        }\n    }\n\n    onInnerRadioChange = (event: CustomEvent) => {\n        event.stopImmediatePropagation();\n        if (this.readonly) return;\n\n        this.change.emit({ value: event.detail.value });\n    };\n\n    onMutationObserved = () => {\n        this.valueUpdated(this.value);\n        this.nameUpdated();\n        this.disabledUpdated();\n        this.readonlyUpdated();\n        this.tileLayoutUpdated(this.tileLayout);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const showLabel = this.label || this.optional || this.readonly;\n        const { hasError } = this;\n        const showLabelRow = showLabel || hasError;\n        return (\n            <Fragment>\n                {showLabelRow && (\n                    <div class=\"label-row\">\n                        {showLabel && <div class=\"group-legend\">{labelDOM(this)}</div>}\n                        {hasError && (\n                            <q2-icon\n                                type=\"error\"\n                                test-id=\"iconError\"\n                            ></q2-icon>\n                        )}\n                    </div>\n                )}\n                <fieldset\n                    onChange={this.onInnerRadioChange}\n                    aria-invalid={`${this.hasError}`}\n                >\n                    {showLabel && <legend class=\"sr\">{labelDOM(this)}</legend>}\n                    {this.inputDom()}\n                </fieldset>\n            </Fragment>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-radio-group.js","sourceRoot":"","sources":["../../../src/components/q2-radio-group/q2-radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Prop,\n    Element,\n    h,\n    Listen,\n    EventEmitter,\n    Event,\n    ComponentInterface,\n    Watch,\n    Fragment,\n    Method,\n} from '@stencil/core';\nimport { createGuid, isEventFromElement, overrideFocus, labelDOM } from 'src/utils';\n\n@Component({ tag: 'q2-radio-group', shadow: true, styleUrl: 'q2-radio-group.scss' })\nexport class Q2RadioGroup implements ComponentInterface {\n    // #region Own Properties\n\n    _id: string = `radio-group-${createGuid()}`;\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    /** Determines if all radios in the group are put into a `disabled` state. */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /** Determines if the component should display in an errant state. */\n    @Prop({ reflect: true })\n    hasError: boolean = false;\n\n    /**\n     * Hide's the group's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * Text for the fieldset legend describing the radio group.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** Identifier which ties all radios together for accessibility and DOM selection. */\n    @Prop({ reflect: true })\n    name: string;\n\n    /** Appends \"(optional)\" to the group label, and sets `aria-required` on the nested input tag to `false`. */\n    @Prop({ reflect: true })\n    optional: boolean;\n\n    /** Determines if all radios in the group can be focused, but not interacted with. */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /** Provides alignment direction for tile-style radio group. */\n    @Prop({ reflect: true })\n    tileAlignment: 'left' | 'center' | 'right' = 'center';\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    tilelayout: boolean;\n\n    /** Show the radio group as a horizontal set of tiles. */\n    @Prop({ reflect: true, mutable: true })\n    tileLayout: boolean;\n\n    /** The `value` of the currently selected `q2-radio` within the `q2-radio-group`. */\n    @Prop({ mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the value of the radio group changes.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ value: string }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        this.checkedRadioExists();\n        this.onMutationObserved();\n        this.handleDeprecatedTilelayout(this.tilelayout);\n    }\n\n    componentDidLoad() {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true });\n        this.mutationObserver = observer;\n        overrideFocus(this.hostElement);\n        this.checkedRadioExists();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        if (event.target === this.hostElement) {\n            if (!this.hostElement.onchange) {\n                this.value = event.detail.value;\n            }\n        }\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const radio = this.hostElement.querySelector('q2-radio[checked]') || this.hostElement.querySelector('q2-radio');\n        radio?.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    @Listen('keydown')\n    keydownHandler(event: KeyboardEvent) {\n        const currentValue = (event.target as HTMLElement).getAttribute('value') || this.value;\n        let index = this.radioElements.findIndex(\n            el => el === event.target || (el as HTMLElement).getAttribute('value') === currentValue\n        );\n        let sign = 0;\n        switch (event.key) {\n            case 'ArrowLeft':\n            case 'ArrowUp':\n                sign = -1;\n                break;\n\n            case 'ArrowRight':\n            case 'ArrowDown':\n                sign = 1;\n                break;\n        }\n\n        if (index === -1 || sign === 0) {\n            return;\n        }\n        index += sign;\n        index = sign < 0 ? Math.max(0, index) : Math.min(this.radioElements.length - 1, index);\n        event.preventDefault();\n        if (!this.readonly) {\n            this.value = this.radioElements[index].value;\n        }\n        this.radioElements[index].dispatchEvent(new FocusEvent('focus'));\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<q2-radio>` option with the provided value.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(value: string) {\n        this.radioElements.forEach(radio => {\n            if (value !== radio.value) return;\n            radio.click();\n        });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('disabled')\n    disabledUpdated() {\n        this.radioElements.forEach(radio => {\n            radio.groupDisabled = this.disabled;\n        });\n    }\n\n    @Watch('name')\n    nameUpdated() {\n        this.radioElements.forEach(radio => {\n            radio.name = this.name || this._id;\n        });\n    }\n\n    @Watch('readonly')\n    readonlyUpdated() {\n        const readonly = this.readonly;\n        this.radioElements.forEach(radio => (radio.groupReadonly = readonly));\n    }\n\n    @Watch('tilelayout')\n    handleDeprecatedTilelayout(tilelayout: boolean) {\n        if (typeof tilelayout !== 'boolean') return;\n        this.tileLayout = tilelayout;\n        this.tilelayout = undefined;\n    }\n\n    @Watch('tileLayout')\n    tileLayoutUpdated(tileLayout: boolean) {\n        this.radioElements.forEach(radio => {\n            radio.groupTileLayout = tileLayout;\n        });\n    }\n\n    @Watch('value')\n    valueUpdated(newVal: string) {\n        this.radioElements.forEach(radio => {\n            radio.checked = newVal === radio.value;\n            // Removes checked attribute from trailing radios, if multiple individual radio's are intially checked (checked={true}) at componentDidLoad\n            if (!radio.checked) {\n                radio.removeAttribute('checked');\n                radio.tabIndex = -1;\n            } else if (radio.checked) {\n                radio.tabIndex = 0;\n            }\n        });\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get inputId() {\n        return this._id;\n    }\n\n    get radioElements() {\n        return Array.from(this.hostElement.querySelectorAll('q2-radio')) as HTMLQ2RadioElement[];\n    }\n\n    checkedRadioExists = () => {\n        // Returns first checked individual q2-radio or undefined if none are set to checked={true}\n        const firstCheckedRadio = this.radioElements.find(radio => radio.checked === true) || undefined;\n\n        // Changes radio-group[\"value\"] if inital value is not set and if a any individual q2-radio is checked\n        if (!this.value && !!firstCheckedRadio) {\n            this.value = firstCheckedRadio.value;\n        } else if (!this.value && !firstCheckedRadio) {\n            // if no radios are meant to be checked, then assign first radio tabIndex of 0\n            if (this.radioElements.length) this.radioElements[0].tabIndex = 0;\n        }\n    };\n\n    inputDom() {\n        if (this.tileLayout) {\n            const { tileAlignment } = this;\n            const alignment = ['left', 'center', 'right'].includes(tileAlignment) ? tileAlignment : 'center';\n            return (\n                <div class={`tile-container ${alignment}`}>\n                    <div class=\"options-container\">\n                        <slot />\n                    </div>\n                </div>\n            );\n        } else {\n            return (\n                <div class=\"options-container\">\n                    <slot />\n                </div>\n            );\n        }\n    }\n\n    onInnerRadioChange = (event: CustomEvent) => {\n        event.stopImmediatePropagation();\n        if (this.readonly) return;\n\n        this.change.emit({ value: event.detail.value });\n    };\n\n    onMutationObserved = () => {\n        this.valueUpdated(this.value);\n        this.nameUpdated();\n        this.disabledUpdated();\n        this.readonlyUpdated();\n        this.tileLayoutUpdated(this.tileLayout);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const showLabel = this.label || this.optional || this.readonly;\n        const { hasError } = this;\n        const showLabelRow = showLabel || hasError;\n        return (\n            <Fragment>\n                {showLabelRow && (\n                    <div class=\"label-row\">\n                        {showLabel && <div class=\"group-legend\">{labelDOM(this)}</div>}\n                        {hasError && (\n                            <q2-icon\n                                type=\"error\"\n                                test-id=\"iconError\"\n                            ></q2-icon>\n                        )}\n                    </div>\n                )}\n                <fieldset\n                    onChange={this.onInnerRadioChange}\n                    aria-invalid={`${this.hasError}`}\n                >\n                    {showLabel && <legend class=\"sr\">{labelDOM(this)}</legend>}\n                    {this.inputDom()}\n                </fieldset>\n            </Fragment>\n        );\n    }\n\n    // #endregion\n}\n"]}

package/dist/{test/elements → collection/components/q2-radio-group/test}/q2-radio-group-test.e2e.js

@@ -1,4 +1,4 @@
-import { setup, dispatchEvent, getActiveElementTestId, getListOfStyleCompilationIssues, evaluateA11y, } from "../helpers";
+import { setup, dispatchEvent, getActiveElementTestId, getListOfStyleCompilationIssues, evaluateA11y, } from "../../../utils/helpers";
 describe('q2-radio-group', () => {
     let page;
     let radioGroup;

package/dist/collection/components/q2-radio-group/test/q2-radio-group-test.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-radio-group-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-radio-group/test/q2-radio-group-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from '@stencil/core/testing';\nimport {\n    setup,\n    dispatchEvent,\n    getActiveElementTestId,\n    getListOfStyleCompilationIssues,\n    evaluateA11y,\n} from '@/utils/helpers';\n\ndescribe('q2-radio-group', () => {\n    let page: E2EPage;\n    let radioGroup: E2EElement;\n\n    const setupPage = async (props: string = '', numberOfRadios: number = 3, checkedRadios: number[] = []) => {\n        props = props ? ` ${props}` : '';\n        const radios = Array.from(\n            { length: numberOfRadios },\n            (_, i) =>\n                `<q2-radio value=\"${i + 1}\" label=\"${i + 1}label\"${\n                    checkedRadios.includes(i + 1) ? ' checked=\"true\"' : ''\n                }></q2-radio>`\n        ).join('');\n        const page = await setup({\n            html: `\n                    <q2-radio-group \"${props}>\n                        ${radios}\n                    </q2-radio-group>\n                `,\n        });\n        await page.waitForChanges();\n\n        return page;\n    };\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations with only label', async () => {\n            const page = await setupPage('label=\"My Radio Group\" name=\"testname\"', 2);\n            const hasViolations = await evaluateA11y(page);\n            expect(hasViolations).toBe(false);\n        });\n    });\n\n    it('properly compiles CSS vars and functions', async () => {\n        const page = await setup({ html: '<q2-radio-group></q2-radio-group>' });\n        expect(await getListOfStyleCompilationIssues(page, 'q2-radio-group')).toHaveLength(0);\n    });\n\n    it('renders with label', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\"', 0);\n        const label = await page.find('q2-radio-group >>> legend');\n\n        expect(label).not.toBeNull();\n        expect(label.innerText).toEqual('My Radio Group');\n    });\n\n    it('assigns name to all radios and updates if name changes', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"', 2);\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n\n        expect(firstRadio.getAttribute('name')).toEqual('testname');\n        expect(secondRadio.getAttribute('name')).toEqual('testname');\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('name', 'newname');\n\n        await page.waitForChanges();\n\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n\n        expect(firstRadio.getAttribute('name')).toEqual('newname');\n        expect(secondRadio.getAttribute('name')).toEqual('newname');\n    });\n\n    it('assigns checked value on init and whenever value changes', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"2\"', 2);\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual('');\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('value', '1');\n\n        await page.waitForChanges();\n\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual('');\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n    });\n\n    it('assigns checked value on init for individual radio(s) that have checked atttribute === true, and no value is set for radio-group', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"', 3, [2]);\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n        let thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual('');\n        expect(thirdRadio.getAttribute('checked')).toEqual(null);\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('value', '3');\n\n        await page.waitForChanges();\n\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n        thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(thirdRadio.getAttribute('checked')).toEqual('');\n    });\n\n    it('assigns checked value on init for when radio-group value is set, and ignores / removes checked value individual radio preset checked={true}', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"2\"', 3, [1, 3]);\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n        let thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual('');\n        expect(thirdRadio.getAttribute('checked')).toEqual(null);\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('value', '3');\n\n        await page.waitForChanges();\n\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n        thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(thirdRadio.getAttribute('checked')).toEqual('');\n    });\n\n    it('does not assign \"checked\" value on init for when radio-group value is not set, or any q2-radio preset checked={true}', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"');\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n        let thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(thirdRadio.getAttribute('checked')).toEqual(null);\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('value', '3');\n\n        await page.waitForChanges();\n\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n        thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(thirdRadio.getAttribute('checked')).toEqual('');\n    });\n\n    it('will update name, checked and disabled on new radio if added dynamically (mutation observer)', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" disabled name=\"testname\" value=\"3\"');\n        await page.$eval('q2-radio-group', radioGroup => {\n            const newRadio = document.createElement('q2-radio');\n            newRadio.label = '3label';\n            newRadio.value = '3';\n            radioGroup.appendChild(newRadio);\n        });\n        await page.waitForChanges();\n        const thirdRadio = await page.find('q2-radio:nth-child(3');\n\n        expect(thirdRadio.getAttribute('name')).toEqual('testname');\n        expect(thirdRadio.getAttribute('checked')).toEqual('');\n        expect(await thirdRadio.getProperty('groupDisabled')).toEqual(true);\n    });\n\n    it('assigns tabIndex value of 0 to first radio in group, and then -1 for all following radios on init, and assigns -1 to all that are not selected there after', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"');\n        const firstRadio = await page.find('q2-radio:nth-child(1)');\n        const secondRadio = await page.find('q2-radio:nth-child(2)');\n        const thirdRadio = await page.find('q2-radio:nth-child(3)');\n\n        expect(await firstRadio.getProperty('tabIndex')).toEqual(0);\n        expect(await secondRadio.getProperty('tabIndex')).toEqual(-1);\n        expect(await thirdRadio.getProperty('tabIndex')).toEqual(-1);\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('value', '2');\n        await page.waitForChanges();\n\n        expect(await firstRadio.getProperty('tabIndex')).toEqual(-1);\n        expect(await secondRadio.getProperty('tabIndex')).toEqual(0);\n        expect(await thirdRadio.getProperty('tabIndex')).toEqual(-1);\n\n        radioGroup.setProperty('value', '3');\n        await page.waitForChanges();\n\n        expect(await firstRadio.getProperty('tabIndex')).toEqual(-1);\n        expect(await secondRadio.getProperty('tabIndex')).toEqual(-1);\n        expect(await thirdRadio.getProperty('tabIndex')).toEqual(0);\n    });\n\n    it('disables all radios via groupDisable when radio group is disabled', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"2\"', 2);\n        let firstRadioInnerInput = await page.find('q2-radio:nth-child(1) >>> input ');\n        let secondRadioInnerInput = await page.find('q2-radio:nth-child(2) >>> input');\n\n        expect(firstRadioInnerInput.getAttribute('disabled')).toEqual(null);\n        expect(secondRadioInnerInput.getAttribute('disabled')).toEqual(null);\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setProperty('disabled', true);\n        await page.waitForChanges();\n        firstRadioInnerInput = await page.find('q2-radio:nth-child(1) >>> input');\n        secondRadioInnerInput = await page.find('q2-radio:nth-child(2) >>> input ');\n\n        expect(firstRadioInnerInput.getAttribute('disabled')).toEqual('');\n        expect(secondRadioInnerInput.getAttribute('disabled')).toEqual('');\n    });\n\n    describe('Props', () => {\n        const getActiveElementValue = async (page: E2EPage) => {\n            return page.$eval('body', () => document.activeElement.getAttribute('value'));\n        };\n\n        describe('tilelayout', () => {\n            it('converts to tileLayout=true when provided', async () => {\n                page = await setupPage('label=\"My Radio Group\" tilelayout');\n                radioGroup = await page.find('q2-radio-group');\n\n                expect(radioGroup).toHaveAttribute('tile-layout');\n                expect(await radioGroup.getProperty('tilelayout')).toBeUndefined();\n            });\n\n            it('converts to tileLayout=false when provided as \"false\"', async () => {\n                page = await setupPage('label=\"My Radio Group\" tilelayout=\"false\"');\n                radioGroup = await page.find('q2-radio-group');\n\n                expect(radioGroup).not.toHaveAttribute('tile-layout');\n                expect(await radioGroup.getProperty('tilelayout')).toBeUndefined();\n            });\n        });\n\n        describe('readonly', () => {\n            describe('set to true', () => {\n                it('on load child q2-radio components are groupReadonly', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\" readonly');\n                    const radios = await page.findAll('q2-radio');\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === true)).toBe(true);\n                });\n                it('after load child q2-radio components are groupReadonly', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\"');\n                    const radioGroup = await page.find('q2-radio-group');\n                    const radios = await page.findAll('q2-radio');\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === false)).toBe(\n                        true\n                    );\n\n                    radioGroup.setAttribute('readonly', 'true');\n                    await page.waitForChanges();\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === true)).toBe(true);\n                });\n                it('allows movement between radio buttons without selecting them', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\" value=\"2\" readonly');\n                    const radioGroup = await page.find('q2-radio-group');\n                    await radioGroup.focus();\n\n                    expect(await getActiveElementValue(page)).toEqual('2');\n\n                    await dispatchEvent(page, 'q2-radio[value=\"2\"]', 'keydown', {\n                        key: 'ArrowDown',\n                        bubbles: true,\n                    });\n                    await page.waitForChanges();\n\n                    expect(await getActiveElementValue(page)).toEqual('3');\n                    expect(await radioGroup.getProperty('value')).toEqual('2');\n\n                    await dispatchEvent(page, 'q2-radio[value=\"3\"]', 'keydown', {\n                        key: 'ArrowUp',\n                        bubbles: true,\n                    });\n                    await page.waitForChanges();\n\n                    expect(await getActiveElementValue(page)).toEqual('2');\n                    expect(await radioGroup.getProperty('value')).toEqual('2');\n\n                    await dispatchEvent(page, 'q2-radio[value=\"2\"]', 'keydown', {\n                        key: 'ArrowUp',\n                        bubbles: true,\n                    });\n                    await page.waitForChanges();\n\n                    expect(await getActiveElementValue(page)).toEqual('1');\n                    expect(await radioGroup.getProperty('value')).toEqual('2');\n                });\n\n                it('allows clicking radio buttons without selecting them', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\" value=\"2\" readonly');\n                    const radioGroup = await page.find('q2-radio-group');\n                    const radios = await page.findAll('q2-radio');\n                    await radios[0].click();\n\n                    expect(await getActiveElementValue(page)).toEqual('1');\n                    expect(await radioGroup.getProperty('value')).toEqual('2');\n                });\n            });\n            describe('set to false', () => {\n                it('on load child q2-radio components are NOT groupReadonly', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\"');\n                    const radios = await page.findAll('q2-radio');\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === false)).toBe(\n                        true\n                    );\n                });\n                it('after load child q2-radio components are NOT groupReadonly', async function (): Promise<void> {\n                    page = await setupPage('label=\"My Radio Group\" readonly');\n                    const radioGroup = await page.find('q2-radio-group');\n                    const radios = await page.findAll('q2-radio');\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === true)).toBe(true);\n\n                    radioGroup.setAttribute('groupReadonly', 'false');\n                    await page.waitForChanges();\n\n                    expect(radios.every(async radio => (await radio.getProperty('groupReadonly')) === false)).toBe(\n                        true\n                    );\n                });\n            });\n        });\n    });\n\n    it('when a radio is selected radio group emits change event', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"2\"', 2);\n        const radioGroup = await page.find('q2-radio-group');\n        const changeSpy = await radioGroup.spyOnEvent('change');\n        await dispatchEvent(page, ['q2-radio:nth-child(1)', 'label'], 'click');\n\n        // change event is fired with appropriate value\n        expect(changeSpy).toHaveReceivedEventDetail({ value: '1' });\n\n        const value = await radioGroup.getProperty('value');\n\n        // value automatically updated by default change handler\n        expect(value).toEqual('1');\n    });\n\n    it('can override default on change', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"2\"', 2);\n        const radioGroup = await page.find('q2-radio-group');\n        const changeSpy = await radioGroup.spyOnEvent('change');\n        await page.$eval('q2-radio-group', radioGroup => {\n            (radioGroup as HTMLQ2RadioGroupElement).onchange = function (event) {\n                event.stopPropagation();\n                // do nothing\n            };\n        });\n        await dispatchEvent(page, ['q2-radio:nth-child(1)', 'label'], 'click');\n\n        // change event is fired with appropriate value\n        expect(changeSpy).toHaveReceivedEventDetail({ value: '1' });\n\n        const value = await radioGroup.getProperty('value');\n\n        expect(value).toEqual('2');\n    });\n\n    it('allows spacebar to select first option when focused and no options are selected', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"', 2);\n        const firstRadio = await page.find('q2-radio');\n        const firstRadioInput = await page.find('q2-radio >>> input');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n\n        await firstRadioInput.press(' ');\n        await page.waitForChanges();\n\n        expect(await firstRadio.getProperty('checked')).toEqual(true);\n    });\n    it('should render a localized optional string when the optional attribute is passed', async function (): Promise<void> {\n        page = await setupPage('label=\"foo\" name=\"testname\" optional', 2);\n        const label = await page.find('q2-radio-group >>> legend');\n\n        // a localized optional is shown in the label\n        expect(label.innerText.trim()).toEqual('footecton.element.input.optional');\n    });\n    it('should show a tile format when tile option is passed', async (): Promise<void> => {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\"', 2);\n        let svgCheckbox = await page.findAll('q2-radio >>> svg');\n        let firstRadio = await page.find('q2-radio >>> div');\n\n        expect(svgCheckbox.length).toEqual(2);\n        expect(firstRadio.classList.contains('radio-container')).toBeTruthy();\n\n        const radioGroup = await page.find('q2-radio-group');\n        radioGroup.setAttribute('tilelayout', 'true');\n        await page.waitForChanges();\n        svgCheckbox = await page.findAll('q2-radio >>> svg');\n        firstRadio = await page.find('q2-radio >>> div');\n\n        expect(svgCheckbox.length).toEqual(0);\n        expect(firstRadio.classList.contains('radio-tile')).toBeTruthy();\n    });\n\n    it('handles keyboard navigation', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"1\"', 2);\n        let firstRadio = await page.find('q2-radio:nth-child(1)');\n        let secondRadio = await page.find('q2-radio:nth-child(2)');\n        await page.waitForChanges();\n\n        expect(firstRadio.getAttribute('checked')).toEqual('');\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n\n        await dispatchEvent(page, ['q2-radio-group'], 'keydown', {\n            key: 'ArrowDown',\n        });\n        firstRadio = await page.find('q2-radio:nth-child(1)');\n        secondRadio = await page.find('q2-radio:nth-child(2)');\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual('');\n    });\n\n    it('should work with changing checked attribute programmatically', async function (): Promise<void> {\n        page = await setupPage('label=\"My Radio Group\" name=\"testname\" value=\"1\"', 2);\n        const group = await page.find('q2-radio-group');\n        const firstRadio = await page.find('q2-radio:nth-child(1)');\n        const secondRadio = await page.find('q2-radio:nth-child(2)');\n        await page.waitForChanges();\n\n        expect(firstRadio.getAttribute('checked')).toEqual('');\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(await group.getProperty('value')).toEqual('1');\n\n        // change to 2\n        secondRadio.setAttribute('checked', '');\n        await page.waitForChanges();\n\n        expect(firstRadio.getAttribute('checked')).toEqual(null);\n        expect(secondRadio.getAttribute('checked')).toEqual('');\n        expect(await group.getProperty('value')).toEqual('2');\n\n        // change back to 1\n        firstRadio.setAttribute('checked', '');\n        await page.waitForChanges();\n\n        expect(firstRadio.getAttribute('checked')).toEqual('');\n        expect(secondRadio.getAttribute('checked')).toEqual(null);\n        expect(await group.getProperty('value')).toEqual('1');\n    });\n\n    describe('focus', () => {\n        let page: E2EPage;\n        let radioGroup: E2EElement;\n        beforeEach(async () => {\n            page = await setupPage('label=\"My Radio Group\"', 2);\n            radioGroup = await page.find('q2-radio-group');\n\n            expect(await activeValue(page)).toBeUndefined();\n        });\n\n        const activeValue = async (page: E2EPage) => {\n            return page.evaluate(() => document.activeElement.closest('q2-radio')?.value);\n        };\n\n        it('focuses inner button when focus event is dispatched', async function (): Promise<void> {\n            await radioGroup.triggerEvent('focus');\n            await page.waitForChanges();\n\n            expect(await activeValue(page)).toEqual('1');\n        });\n\n        it('focuses inner button when element.focus() is called', async function (): Promise<void> {\n            await radioGroup.focus();\n            await page.waitForChanges();\n\n            expect(await activeValue(page)).toEqual('1');\n        });\n    });\n\n    describe('Regressions', () => {\n        describe('TCT-1689', () => {\n            let page: E2EPage;\n            beforeEach(async () => {\n                page = await setup({\n                    html: `\n                        <script>\n                            function changeHandler() {\n                                window.changeEventCalled = true;\n                            }\n                        </script>\n                        <q2-radio-group value=\"2\" onChange=\"changeHandler()\">\n                            <q2-radio value=\"1\" label=\"1\"></q2-radio>\n                            <q2-radio value=\"2\" label=\"2\"></q2-radio>\n                        </q2-radio-group>\n                    `,\n                });\n            });\n\n            it('does not emit a change event on initial render if value is set', async () => {\n                expect(await page.$eval('body', () => (window as any).changeEventCalled)).toBeUndefined();\n            });\n\n            it('does emit a change event when an option is selected', async () => {\n                const secondRadio = await page.find('q2-radio[value=\"1\"]');\n                await secondRadio.setProperty('checked', true);\n                await page.waitForChanges();\n\n                expect(await page.$eval('body', () => (window as any).changeEventCalled)).toBe(true);\n            });\n        });\n    });\n\n    describe('Methods', () => {\n        describe('setValue', () => {\n            beforeEach(async () => {\n                page = await setup({\n                    html: `\n                        <q2-radio-group label=\"My Radio Group\">\n                            <q2-radio value=\"value-1\" label=\"Radio 1\"></q2-radio>\n                            <q2-radio value=\"value-2\" label=\"Radio 2\"></q2-radio>\n                            <q2-radio value=\"value-3\" label=\"Radio 3\"></q2-radio>\n                            <q2-radio value=\"value-4\" label=\"Radio 3\"></q2-radio>\n                            <q2-radio value=\"value-5\" label=\"Radio 3\"></q2-radio>\n                        </q2-radio-group>\n                    `,\n                });\n                await page.waitForChanges();\n            });\n\n            it('selects the radio for the provided value', async () => {\n                const radioGroup = await page.find('q2-radio-group');\n                const radioGroupChangeSpy = await radioGroup.spyOnEvent('change');\n\n                expect(radioGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getActiveElementTestId(page)).toBeNull();\n\n                await radioGroup.callMethod('setValue', 'value-3');\n                await page.waitForChanges();\n\n                expect(radioGroupChangeSpy).toHaveReceivedEventTimes(1);\n                expect(radioGroupChangeSpy).toHaveReceivedEventDetail({\n                    value: 'value-3',\n                });\n\n                const allRadios = await page.findAll('q2-radio');\n                expect(allRadios[0]).not.toHaveAttribute('checked');\n                expect(allRadios[1]).not.toHaveAttribute('checked');\n                expect(allRadios[2]).toHaveAttribute('checked');\n                expect(allRadios[3]).not.toHaveAttribute('checked');\n                expect(allRadios[4]).not.toHaveAttribute('checked');\n\n                expect(await getActiveElementTestId(page)).toEqual('q2RadioInnerRadioBox');\n            });\n\n            it('does not select any radio when the provided value is not found', async () => {\n                const radioGroup = await page.find('q2-radio-group');\n                const radioGroupChangeSpy = await radioGroup.spyOnEvent('change');\n\n                expect(radioGroupChangeSpy).toHaveReceivedEventTimes(0);\n                expect(await getActiveElementTestId(page)).toBeNull();\n\n                await radioGroup.callMethod('setValue', 'value-10');\n                await page.waitForChanges();\n\n                expect(radioGroupChangeSpy).toHaveReceivedEventTimes(0);\n\n                const allRadios = await page.findAll('q2-radio');\n                expect(allRadios[0]).not.toHaveAttribute('checked');\n                expect(allRadios[1]).not.toHaveAttribute('checked');\n                expect(allRadios[2]).not.toHaveAttribute('checked');\n                expect(allRadios[3]).not.toHaveAttribute('checked');\n                expect(allRadios[4]).not.toHaveAttribute('checked');\n\n                expect(await getActiveElementTestId(page)).toBeNull();\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-relative-time/q2-relative-time.js

@@ -136,7 +136,7 @@ export class Q2RelativeTime {
     // #region Render Methods
     render() {
         const { shouldShow, displayedMessage } = this;
-        return h(Fragment, { key: '26038fa24d32109482710ec28cb689e1db340abd' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
+        return h(Fragment, { key: 'bec57e7e2ad096c2493a0ff26e6bf223e2080641' }, shouldShow ? h("time", { dateTime: displayedMessage }, displayedMessage) : null);
     }
     static get is() { return "q2-relative-time"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/q2-relative-time/q2-relative-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-relative-time.js","sourceRoot":"","sources":["../../../../src/components/q2-relative-time/q2-relative-time.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Method, Watch, Element, h, ComponentInterface, Fragment } from '@stencil/core';\nimport { isValid as isValidDate, intlFormatDistance } from 'date-fns';\nimport { loc } from '../../utils';\n\n@Component({ tag: 'q2-relative-time', shadow: true, styleUrl: 'q2-relative-time.scss' })\nexport class Q2RelativeTime implements ComponentInterface {\n    // #region Own Properties\n\n    /**\n     * @private\n     * Used to manage the sync timer that updates the time since the component was connected to the DOM.\n     * Will be set to null if a valid `baseDate` is provided.\n     */\n    syncTimer = null;\n    /** @private Will be set to true if a valid `baseDate` is provided. */\n    trimSuffix: boolean = false;\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    displayedMessage: string;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * If you want to display the length of time between two specific dates, you can provide a valid `date` and `baseDate`, and the component will display the length of time between the two dates.\n     *\n     * If `baseDate` is not provided, the date and time at render will be used instead and - if `sync` is true - updated every second to reflect the time between the `date` value and the time at render.\n     *\n     * @warning\n     * - Requires a valid `date` value.\n     * - If the provided `baseDate` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n     * - Providing a valid `baseDate` will disable `sync` and remove the \"in\"/\"ago\" suffixes in the time message.\n     * - Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    baseDate: Date | string;\n\n    /**\n     * The date you want to calculate relative time from.\n     *\n     * @warning\n     * - Must be a valid ISO date string.\n     * - If the provided `date` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n     */\n    @Prop({ reflect: true })\n    date: Date | string;\n\n    /**\n     * The language used for the displayed message.\n     * @info\n     * It is recommended to use the BCP 47 Language Tags in the [\"language-extlang\" format](https://www.w3.org/International/articles/language-tags/).\n     */\n    @Prop({ reflect: true })\n    locale: string = document.documentElement.lang || 'en-US';\n\n    /** The length of the relative time message. */\n    @Prop({ reflect: true })\n    messageFormat: 'long' | 'short' | 'narrow' = 'short';\n\n    /**\n     * Determines if the displayed message will use numeric or relative values.\n     *@info\n     * Set this property to `always` to force the use of numeric values (e.g. \"1 day ago\") rather than relative ones (e.g. \"yesterday\").\n     */\n    @Prop({ reflect: true })\n    numeric: 'always' | 'auto' = 'auto';\n\n    /**\n     * Keep the displayed message updated as time passes in the webpage.\n     * @warning\n     * If a valid `baseDate` is provided, `sync` will be set to `false`.\n     */\n    @Prop({ reflect: true, mutable: true })\n    sync: boolean = true;\n\n    /** Enforces the use of the provided unit of measurement in the displayed message. */\n    @Prop({ reflect: true })\n    unit: 'second' | 'minute' | 'hour' | 'day' | 'month' | 'quarter' | 'year';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    connectedCallback(): void {\n        this.syncUpdated();\n    }\n\n    disconnectedCallback(): void {\n        window.clearInterval(this.syncTimer);\n        this.syncTimer = null;\n    }\n\n    componentWillLoad(): void | Promise<void> {\n        this.updateMessage();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /** Retrieves the value of the displayed messages. */\n    @Method()\n    async displayedMessageValue(): Promise<string> {\n        return this.displayedMessage;\n    }\n\n    /** Checks the provided baseDate prop is a valid date. */\n    @Method()\n    async validBaseDateProp(): Promise<boolean> {\n        return this.isValidBaseDate;\n    }\n\n    /** Checks the provided date prop is a valid date. */\n    @Method()\n    async validDateProp(): Promise<boolean> {\n        return this.isValidDate;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('messageFormat')\n    @Watch('locale')\n    @Watch('date')\n    @Watch('baseDate')\n    @Watch('numeric')\n    @Watch('unit')\n    updateMessage() {\n        const {\n            isValidDate,\n            isBaseDateProvided,\n            isValidBaseDate,\n            dateObject,\n            baseDateObject,\n            locale,\n            handleNumeric,\n            messageFormat,\n            isValidUnit,\n            unit,\n            trimSuffix,\n        } = this;\n\n        if (!isValidDate || (isBaseDateProvided && !isValidBaseDate)) {\n            this.sync = false;\n            this.displayedMessage = loc('tecton.element.relativeTime.invalidDate');\n            return;\n        }\n\n        const message = intlFormatDistance(new Date(dateObject), new Date(baseDateObject), {\n            locale,\n            localeMatcher: 'best fit',\n            numeric: handleNumeric,\n            style: messageFormat,\n            unit: isValidUnit ? unit : null,\n        });\n\n        if (trimSuffix) {\n            this.displayedMessage = this.trimMessage(message);\n        } else {\n            this.displayedMessage = message;\n        }\n    }\n\n    @Watch('sync')\n    syncUpdated() {\n        if (this.sync) {\n            this.syncTimer = window.setInterval(() => {\n                this.updateMessage();\n            }, 1000);\n        } else {\n            window.clearInterval(this.syncTimer);\n            this.syncTimer = null;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get baseDateObject(): Date {\n        if (this.isBaseDateProvided && this.isValidBaseDate) {\n            this.trimSuffix = true;\n            this.sync = false;\n            return new Date(this.baseDate);\n        } else {\n            this.trimSuffix = false;\n            this.sync = true;\n            return new Date();\n        }\n    }\n\n    get dateObject(): Date {\n        return new Date(this.date);\n    }\n\n    get handleNumeric(): 'always' | 'auto' {\n        if (this.isValidBaseDate) return 'always';\n        return this.numeric;\n    }\n\n    get isBaseDateProvided(): boolean {\n        return this.baseDate !== undefined;\n    }\n\n    get isValidBaseDate(): boolean {\n        const date = new Date(this.baseDate);\n        const isValid = isValidDate(date);\n        if (!isValid && this.isBaseDateProvided) {\n            console.warn('Error: Invalid baseDate provided to q2-relative-time.');\n        }\n        return isValid;\n    }\n\n    get isValidDate(): boolean {\n        const date = new Date(this.date);\n        const isValid = isValidDate(date);\n        if (!isValid) console.warn('Error: Invalid date provided to q2-relative-time.');\n        return isValid;\n    }\n\n    get isValidUnit(): boolean {\n        if (['second', 'minute', 'hour', 'day', 'month', 'quarter', 'year'].includes(this.unit)) return true;\n        return false;\n    }\n\n    get shouldShow(): boolean {\n        return !!this.displayedMessage;\n    }\n\n    trimMessage(message: string): string {\n        return message.replace(/^in\\s?/, '').replace(/\\sago$/, '');\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { shouldShow, displayedMessage } = this;\n\n        return <Fragment>{shouldShow ? <time dateTime={displayedMessage}>{displayedMessage}</time> : null}</Fragment>;\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-relative-time.js","sourceRoot":"","sources":["../../../src/components/q2-relative-time/q2-relative-time.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Method, Watch, Element, h, ComponentInterface, Fragment } from '@stencil/core';\nimport { isValid as isValidDate, intlFormatDistance } from 'date-fns';\nimport { loc } from '../../utils';\n\n@Component({ tag: 'q2-relative-time', shadow: true, styleUrl: 'q2-relative-time.scss' })\nexport class Q2RelativeTime implements ComponentInterface {\n    // #region Own Properties\n\n    /**\n     * @private\n     * Used to manage the sync timer that updates the time since the component was connected to the DOM.\n     * Will be set to null if a valid `baseDate` is provided.\n     */\n    syncTimer = null;\n    /** @private Will be set to true if a valid `baseDate` is provided. */\n    trimSuffix: boolean = false;\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    displayedMessage: string;\n\n    // #endregion\n    // #region Public Property API\n\n    /**\n     * If you want to display the length of time between two specific dates, you can provide a valid `date` and `baseDate`, and the component will display the length of time between the two dates.\n     *\n     * If `baseDate` is not provided, the date and time at render will be used instead and - if `sync` is true - updated every second to reflect the time between the `date` value and the time at render.\n     *\n     * @warning\n     * - Requires a valid `date` value.\n     * - If the provided `baseDate` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n     * - Providing a valid `baseDate` will disable `sync` and remove the \"in\"/\"ago\" suffixes in the time message.\n     * - Must be a valid ISO date string.\n     */\n    @Prop({ reflect: true })\n    baseDate: Date | string;\n\n    /**\n     * The date you want to calculate relative time from.\n     *\n     * @warning\n     * - Must be a valid ISO date string.\n     * - If the provided `date` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n     */\n    @Prop({ reflect: true })\n    date: Date | string;\n\n    /**\n     * The language used for the displayed message.\n     * @info\n     * It is recommended to use the BCP 47 Language Tags in the [\"language-extlang\" format](https://www.w3.org/International/articles/language-tags/).\n     */\n    @Prop({ reflect: true })\n    locale: string = document.documentElement.lang || 'en-US';\n\n    /** The length of the relative time message. */\n    @Prop({ reflect: true })\n    messageFormat: 'long' | 'short' | 'narrow' = 'short';\n\n    /**\n     * Determines if the displayed message will use numeric or relative values.\n     *@info\n     * Set this property to `always` to force the use of numeric values (e.g. \"1 day ago\") rather than relative ones (e.g. \"yesterday\").\n     */\n    @Prop({ reflect: true })\n    numeric: 'always' | 'auto' = 'auto';\n\n    /**\n     * Keep the displayed message updated as time passes in the webpage.\n     * @warning\n     * If a valid `baseDate` is provided, `sync` will be set to `false`.\n     */\n    @Prop({ reflect: true, mutable: true })\n    sync: boolean = true;\n\n    /** Enforces the use of the provided unit of measurement in the displayed message. */\n    @Prop({ reflect: true })\n    unit: 'second' | 'minute' | 'hour' | 'day' | 'month' | 'quarter' | 'year';\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    connectedCallback(): void {\n        this.syncUpdated();\n    }\n\n    disconnectedCallback(): void {\n        window.clearInterval(this.syncTimer);\n        this.syncTimer = null;\n    }\n\n    componentWillLoad(): void | Promise<void> {\n        this.updateMessage();\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /** Retrieves the value of the displayed messages. */\n    @Method()\n    async displayedMessageValue(): Promise<string> {\n        return this.displayedMessage;\n    }\n\n    /** Checks the provided baseDate prop is a valid date. */\n    @Method()\n    async validBaseDateProp(): Promise<boolean> {\n        return this.isValidBaseDate;\n    }\n\n    /** Checks the provided date prop is a valid date. */\n    @Method()\n    async validDateProp(): Promise<boolean> {\n        return this.isValidDate;\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('messageFormat')\n    @Watch('locale')\n    @Watch('date')\n    @Watch('baseDate')\n    @Watch('numeric')\n    @Watch('unit')\n    updateMessage() {\n        const {\n            isValidDate,\n            isBaseDateProvided,\n            isValidBaseDate,\n            dateObject,\n            baseDateObject,\n            locale,\n            handleNumeric,\n            messageFormat,\n            isValidUnit,\n            unit,\n            trimSuffix,\n        } = this;\n\n        if (!isValidDate || (isBaseDateProvided && !isValidBaseDate)) {\n            this.sync = false;\n            this.displayedMessage = loc('tecton.element.relativeTime.invalidDate');\n            return;\n        }\n\n        const message = intlFormatDistance(new Date(dateObject), new Date(baseDateObject), {\n            locale,\n            localeMatcher: 'best fit',\n            numeric: handleNumeric,\n            style: messageFormat,\n            unit: isValidUnit ? unit : null,\n        });\n\n        if (trimSuffix) {\n            this.displayedMessage = this.trimMessage(message);\n        } else {\n            this.displayedMessage = message;\n        }\n    }\n\n    @Watch('sync')\n    syncUpdated() {\n        if (this.sync) {\n            this.syncTimer = window.setInterval(() => {\n                this.updateMessage();\n            }, 1000);\n        } else {\n            window.clearInterval(this.syncTimer);\n            this.syncTimer = null;\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get baseDateObject(): Date {\n        if (this.isBaseDateProvided && this.isValidBaseDate) {\n            this.trimSuffix = true;\n            this.sync = false;\n            return new Date(this.baseDate);\n        } else {\n            this.trimSuffix = false;\n            this.sync = true;\n            return new Date();\n        }\n    }\n\n    get dateObject(): Date {\n        return new Date(this.date);\n    }\n\n    get handleNumeric(): 'always' | 'auto' {\n        if (this.isValidBaseDate) return 'always';\n        return this.numeric;\n    }\n\n    get isBaseDateProvided(): boolean {\n        return this.baseDate !== undefined;\n    }\n\n    get isValidBaseDate(): boolean {\n        const date = new Date(this.baseDate);\n        const isValid = isValidDate(date);\n        if (!isValid && this.isBaseDateProvided) {\n            console.warn('Error: Invalid baseDate provided to q2-relative-time.');\n        }\n        return isValid;\n    }\n\n    get isValidDate(): boolean {\n        const date = new Date(this.date);\n        const isValid = isValidDate(date);\n        if (!isValid) console.warn('Error: Invalid date provided to q2-relative-time.');\n        return isValid;\n    }\n\n    get isValidUnit(): boolean {\n        if (['second', 'minute', 'hour', 'day', 'month', 'quarter', 'year'].includes(this.unit)) return true;\n        return false;\n    }\n\n    get shouldShow(): boolean {\n        return !!this.displayedMessage;\n    }\n\n    trimMessage(message: string): string {\n        return message.replace(/^in\\s?/, '').replace(/\\sago$/, '');\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const { shouldShow, displayedMessage } = this;\n\n        return <Fragment>{shouldShow ? <time dateTime={displayedMessage}>{displayedMessage}</time> : null}</Fragment>;\n    }\n\n    // #endregion\n}\n"]}

package/dist/{test/elements → collection/components/q2-relative-time/test}/q2-relative-time-test.e2e.js

@@ -1,6 +1,6 @@
 import { newSpecPage } from "@stencil/core/testing";
-import { evaluateA11y, getListOfStyleCompilationIssues, setup } from "../../../test/helpers";
-import { Q2RelativeTime } from "../../src/components/q2-relative-time/q2-relative-time";
+import { evaluateA11y, getListOfStyleCompilationIssues, setup } from "../../../utils/helpers";
+import { Q2RelativeTime } from "../q2-relative-time";
 function createNewSpecPage(props) {
     let htmlProps = '';
     Object.entries(props).forEach(([key, value]) => {