q2-tecton-elements 1.53.1 → 1.53.2

package/dist/collection/components/q2-calendar/q2-month-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-month-picker.js","sourceRoot":"","sources":["../../../src/components/q2-calendar/q2-month-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Prop, Element, h, State, Event, EventEmitter } from '@stencil/core';\nimport { loc, overrideFocus } from 'src/utils';\n\n@Component({\n    tag: 'q2-month-picker',\n    shadow: true,\n    styleUrl: 'q2-month-picker.scss',\n})\nexport class Q2MonthPicker implements ComponentInterface {\n    // #region Own Properties\n\n    monthGrid = [\n        [0, 1, 2],\n        [3, 4, 5],\n        [6, 7, 8],\n        [9, 10, 11],\n    ];\n    months = [\n        'January',\n        'February',\n        'March',\n        'April',\n        'May',\n        'June',\n        'July',\n        'August',\n        'September',\n        'October',\n        'November',\n        'December',\n    ].map(mon => ({\n        label: loc(`tecton.element.calendar.months.${mon}`),\n        abbr: loc(`tecton.element.calendar.months.abbr.${mon}`),\n    }));\n    scheduledAfterRender: (() => void)[] = [];\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    focusedIndex: number = 0;\n\n    @State()\n    selectedIndex: number = 0;\n\n    @State()\n    showYearLayer: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    disabledMonths: string[];\n\n    @Prop()\n    today: string;\n\n    @Prop({ reflect: true, mutable: true })\n    year: number = Number(new Date().toLocaleString('en-US', { year: 'numeric' }));\n\n    // #endregion\n    // #region Events\n\n    @Event()\n    toggleChange: EventEmitter;\n\n    @Event()\n    viewChange: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender?.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    focusMonth = (index: number) => {\n        const nextMonth = this.hostElement.shadowRoot.querySelector<HTMLElement>(\n            `.month-button[data-index=\"${index}\"]`\n        );\n        if (nextMonth) {\n            this.focusedIndex = index;\n            nextMonth.focus();\n        }\n    };\n\n    moveMonth = (grid: number[][], index: number, event: KeyboardEvent) => {\n        const rows = grid.length;\n        const cols = grid[0].length;\n        const row = Math.floor(index / cols);\n        const col = index % cols;\n        const current = [row, col];\n        if (event.key === 'ArrowUp') {\n            event.stopPropagation();\n            event.preventDefault();\n            return grid[Math.max(0, current[0] - 1)][current[1]];\n        } else if (event.key === 'ArrowDown') {\n            event.stopPropagation();\n            event.preventDefault();\n            return grid[Math.min(rows - 1, current[0] + 1)][current[1]];\n        } else if (event.key === 'ArrowLeft') {\n            event.stopPropagation();\n            event.preventDefault();\n            return Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n            event.stopPropagation();\n            event.preventDefault();\n            return Math.min(this.months.length - 1, index + 1);\n        } else {\n            return grid[current[0]][current[1]];\n        }\n    };\n\n    onMonthKeydown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n            this.toggleChange.emit({ close: true });\n            return;\n        }\n        const monthIndex = (event.target as HTMLElement).dataset.index;\n        if (!monthIndex) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            event.stopPropagation();\n            this.selectMonth(Number(monthIndex));\n        } else {\n            const nextMonthIndex = this.moveMonth(this.monthGrid, Number(monthIndex), event);\n            this.focusMonth(nextMonthIndex);\n        }\n    };\n\n    onMonthSelection = (event: MouseEvent) => {\n        const targetElement = (event.target as HTMLButtonElement).closest('.month-button') as HTMLElement;\n        if (targetElement?.dataset?.index) {\n            this.selectMonth(Number(targetElement?.dataset?.index));\n        }\n    };\n\n    selectMonth = (index: number) => {\n        this.selectedIndex = index;\n        this.focusedIndex = index;\n        const nextMonth = this.hostElement.shadowRoot.querySelector<HTMLElement>(\n            `.month-button[data-index=\"${index}\"]`\n        );\n        this.hostElement.shadowRoot\n            .querySelectorAll<HTMLElement>(`.month-button`)\n            ?.forEach(el => el.classList.remove('active'));\n        nextMonth?.classList.add('active');\n        nextMonth?.focus();\n        const value = {\n            view: 'day', // change to day view\n            monthIndex: index,\n            selectedYear: this.year,\n        };\n        this.hostElement.onchange?.(\n            new CustomEvent('click', {\n                bubbles: true,\n                detail: value,\n            })\n        );\n        this.viewChange.emit(value);\n    };\n\n    selectYear = (year: number) => {\n        this.year = Math.max(1970, year);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div\n                class=\"month-container\"\n                onKeyDown={this.onMonthKeydown}\n            >\n                <div class=\"navigation\">\n                    <q2-btn\n                        class=\"year-btn\"\n                        onClick={() =>\n                            this.viewChange.emit({\n                                view: 'year',\n                                selectedYear: this.year,\n                            })\n                        }\n                    >\n                        <span class=\"year\">{this.year}</span>\n                        <q2-icon\n                            class=\"year-icon off\"\n                            type=\"chevron-down\"\n                        ></q2-icon>\n                    </q2-btn>\n                    <div class=\"month-controller\">\n                        <div class=\"cal-year-prev-next\">\n                            <q2-btn\n                                label={loc('tecton.element.calendar.previousYear')}\n                                hide-label\n                                class=\"cal-nav-btn prev-year\"\n                                test-id=\"previousYearButton\"\n                                onClick={() => this.selectYear(this.year - 1)}\n                            >\n                                <q2-icon type=\"arrow-left\" />\n                            </q2-btn>\n                            <q2-btn\n                                label={loc('tecton.element.calendar.nextYear')}\n                                hide-label\n                                class=\"cal-nav-btn next-year\"\n                                test-id=\"nextYearButton\"\n                                onClick={() => this.selectYear(this.year + 1)}\n                            >\n                                <q2-icon type=\"arrow-right\" />\n                            </q2-btn>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"month-list\"\n                    onClick={this.onMonthSelection}\n                >\n                    {this.months.map((month, index) => (\n                        <div class=\"month\">\n                            <span\n                                role=\"button\"\n                                class=\"month-button\"\n                                data-index={index}\n                                aria-label={month.label}\n                                tabindex={index === this.focusedIndex ? 0 : -1}\n                            >\n                                {month.abbr}\n                            </span>\n                        </div>\n                    ))}\n                </div>\n                {this.today && (\n                    <div class=\"today-label\">\n                        {loc('tecton.element.calendar.today')}: {this.today}\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}
+{"version":3,"file":"q2-month-picker.js","sourceRoot":"","sources":["../../../../src/components/q2-calendar/q2-month-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, Prop, Element, h, State, Event, EventEmitter } from '@stencil/core';\nimport { loc, overrideFocus } from 'src/utils';\n\n@Component({\n    tag: 'q2-month-picker',\n    shadow: true,\n    styleUrl: 'q2-month-picker.scss',\n})\nexport class Q2MonthPicker implements ComponentInterface {\n    // #region Own Properties\n\n    monthGrid = [\n        [0, 1, 2],\n        [3, 4, 5],\n        [6, 7, 8],\n        [9, 10, 11],\n    ];\n    months = [\n        'January',\n        'February',\n        'March',\n        'April',\n        'May',\n        'June',\n        'July',\n        'August',\n        'September',\n        'October',\n        'November',\n        'December',\n    ].map(mon => ({\n        label: loc(`tecton.element.calendar.months.${mon}`),\n        abbr: loc(`tecton.element.calendar.months.abbr.${mon}`),\n    }));\n    scheduledAfterRender: (() => void)[] = [];\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    focusedIndex: number = 0;\n\n    @State()\n    selectedIndex: number = 0;\n\n    @State()\n    showYearLayer: boolean = false;\n\n    // #endregion\n    // #region Public Property API\n\n    @Prop({ reflect: true })\n    disabledMonths: string[];\n\n    @Prop()\n    today: string;\n\n    @Prop({ reflect: true, mutable: true })\n    year: number = Number(new Date().toLocaleString('en-US', { year: 'numeric' }));\n\n    // #endregion\n    // #region Events\n\n    @Event()\n    toggleChange: EventEmitter;\n\n    @Event()\n    viewChange: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentDidLoad(): void {\n        overrideFocus(this.hostElement);\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender?.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    focusMonth = (index: number) => {\n        const nextMonth = this.hostElement.shadowRoot.querySelector<HTMLElement>(\n            `.month-button[data-index=\"${index}\"]`\n        );\n        if (nextMonth) {\n            this.focusedIndex = index;\n            nextMonth.focus();\n        }\n    };\n\n    moveMonth = (grid: number[][], index: number, event: KeyboardEvent) => {\n        const rows = grid.length;\n        const cols = grid[0].length;\n        const row = Math.floor(index / cols);\n        const col = index % cols;\n        const current = [row, col];\n        if (event.key === 'ArrowUp') {\n            event.stopPropagation();\n            event.preventDefault();\n            return grid[Math.max(0, current[0] - 1)][current[1]];\n        } else if (event.key === 'ArrowDown') {\n            event.stopPropagation();\n            event.preventDefault();\n            return grid[Math.min(rows - 1, current[0] + 1)][current[1]];\n        } else if (event.key === 'ArrowLeft') {\n            event.stopPropagation();\n            event.preventDefault();\n            return Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n            event.stopPropagation();\n            event.preventDefault();\n            return Math.min(this.months.length - 1, index + 1);\n        } else {\n            return grid[current[0]][current[1]];\n        }\n    };\n\n    onMonthKeydown = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n            this.toggleChange.emit({ close: true });\n            return;\n        }\n        const monthIndex = (event.target as HTMLElement).dataset.index;\n        if (!monthIndex) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            event.stopPropagation();\n            this.selectMonth(Number(monthIndex));\n        } else {\n            const nextMonthIndex = this.moveMonth(this.monthGrid, Number(monthIndex), event);\n            this.focusMonth(nextMonthIndex);\n        }\n    };\n\n    onMonthSelection = (event: MouseEvent) => {\n        const targetElement = (event.target as HTMLButtonElement).closest('.month-button') as HTMLElement;\n        if (targetElement?.dataset?.index) {\n            this.selectMonth(Number(targetElement?.dataset?.index));\n        }\n    };\n\n    selectMonth = (index: number) => {\n        this.selectedIndex = index;\n        this.focusedIndex = index;\n        const nextMonth = this.hostElement.shadowRoot.querySelector<HTMLElement>(\n            `.month-button[data-index=\"${index}\"]`\n        );\n        this.hostElement.shadowRoot\n            .querySelectorAll<HTMLElement>(`.month-button`)\n            ?.forEach(el => el.classList.remove('active'));\n        nextMonth?.classList.add('active');\n        nextMonth?.focus();\n        const value = {\n            view: 'day', // change to day view\n            monthIndex: index,\n            selectedYear: this.year,\n        };\n        this.hostElement.onchange?.(\n            new CustomEvent('click', {\n                bubbles: true,\n                detail: value,\n            })\n        );\n        this.viewChange.emit(value);\n    };\n\n    selectYear = (year: number) => {\n        this.year = Math.max(1970, year);\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return (\n            <div\n                class=\"month-container\"\n                onKeyDown={this.onMonthKeydown}\n            >\n                <div class=\"navigation\">\n                    <q2-btn\n                        class=\"year-btn\"\n                        onClick={() =>\n                            this.viewChange.emit({\n                                view: 'year',\n                                selectedYear: this.year,\n                            })\n                        }\n                    >\n                        <span class=\"year\">{this.year}</span>\n                        <q2-icon\n                            class=\"year-icon off\"\n                            type=\"chevron-down\"\n                        ></q2-icon>\n                    </q2-btn>\n                    <div class=\"month-controller\">\n                        <div class=\"cal-year-prev-next\">\n                            <q2-btn\n                                label={loc('tecton.element.calendar.previousYear')}\n                                hide-label\n                                class=\"cal-nav-btn prev-year\"\n                                test-id=\"previousYearButton\"\n                                onClick={() => this.selectYear(this.year - 1)}\n                            >\n                                <q2-icon type=\"arrow-left\" />\n                            </q2-btn>\n                            <q2-btn\n                                label={loc('tecton.element.calendar.nextYear')}\n                                hide-label\n                                class=\"cal-nav-btn next-year\"\n                                test-id=\"nextYearButton\"\n                                onClick={() => this.selectYear(this.year + 1)}\n                            >\n                                <q2-icon type=\"arrow-right\" />\n                            </q2-btn>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"month-list\"\n                    onClick={this.onMonthSelection}\n                >\n                    {this.months.map((month, index) => (\n                        <div class=\"month\">\n                            <span\n                                role=\"button\"\n                                class=\"month-button\"\n                                data-index={index}\n                                aria-label={month.label}\n                                tabindex={index === this.focusedIndex ? 0 : -1}\n                            >\n                                {month.abbr}\n                            </span>\n                        </div>\n                    ))}\n                </div>\n                {this.today && (\n                    <div class=\"today-label\">\n                        {loc('tecton.element.calendar.today')}: {this.today}\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"helpers-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-calendar/test/helpers-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { format } from 'date-fns';\nimport { convertMomentFormat, stringToDate, buildInputDate } from '../q2-calendar-helpers';\nimport { offsetTimezone } from '@/utils/helpers';\n\ndescribe('q2-calendar helpers', () => {\n    describe('convertMomentFormat', () => {\n        let now: Date;\n        let formatString: string;\n        beforeEach(() => {\n            now = new Date(offsetTimezone('2018-03-01'));\n            formatString;\n        });\n\n        it('converts d to E (Day of week)', () => {\n            formatString = convertMomentFormat('dddd');\n            expect(formatString).toEqual('EEEE');\n            expect(format(now, formatString)).toEqual('Thursday');\n        });\n\n        it('converts D to d (Day of month)', () => {\n            formatString = convertMomentFormat('DD');\n            expect(formatString).toEqual('dd');\n            expect(format(now, formatString)).toEqual('01');\n        });\n\n        it('converts Y to y (Year)', () => {\n            formatString = convertMomentFormat('YYYY');\n            expect(formatString).toEqual('yyyy');\n            expect(format(now, formatString)).toEqual('2018');\n        });\n\n        it('converts W to l (ISO week of year)', () => {\n            formatString = convertMomentFormat('WW');\n            expect(formatString).toEqual('II');\n            expect(format(now, formatString)).toEqual('09');\n        });\n\n        it('converts l to P (Long localized date)', () => {\n            formatString = convertMomentFormat('ll');\n            expect(formatString).toEqual('PP');\n            expect(format(now, formatString)).toEqual('Mar 1, 2018');\n        });\n\n        it('converts multiple matches', () => {\n            formatString = convertMomentFormat('ll YY WW DD dd');\n            expect(formatString).toEqual('PP yy II dd EE');\n            expect(format(now, formatString)).toEqual('Mar 1, 2018 18 09 01 Thu');\n        });\n    });\n\n    describe('buildInputDate', () => {\n        const currentYear = new Date().getFullYear();\n        it('returns a valid date object when a full date is provided', () => {\n            const result = buildInputDate('05/29/1970', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual('1970-05-29');\n        });\n\n        it('returns a valid date object when only month and day are provided', () => {\n            const result = buildInputDate('05/29', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-29`);\n        });\n\n        it('returns a valid date object when only month is provided', () => {\n            const result = buildInputDate('05', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-01`);\n        });\n\n        it('returns a valid date object when month is passed in as \"0\"', () => {\n            const result = buildInputDate('0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-01-01`);\n        });\n\n        it('returns a valid date object when day is passed in as \"0\"', () => {\n            const result = buildInputDate('05/0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-01`);\n        });\n\n        it('returns a valid date object when month and day is passed in as \"0\"', () => {\n            const result = buildInputDate('0/0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-01-01`);\n        });\n    });\n\n    describe('stringToDate', () => {\n        let now: Date;\n        beforeEach(() => {\n            now = new Date();\n        });\n\n        describe('when a possible ISO string is provided', () => {\n            it('returns a date object when the string is valid', () => {\n                const result = stringToDate('2018-03-01T00:00:00.000Z').toISOString();\n                expect(result).toEqual(offsetTimezone('2018-03-01'));\n            });\n\n            it('returns undefined when the string is invalid', () => {\n                const result = stringToDate('2018-03-00T00:00:00.000Z');\n                expect(result).toBeUndefined();\n            });\n        });\n\n        describe('when separator is a \"-\"', () => {\n            it('returns a valid date when one parameter is provided', () => {\n                const result = stringToDate('9').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-09-01`));\n            });\n\n            it('returns a date when two parameters are provided', () => {\n                const result = stringToDate('10-15').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-10-15`));\n            });\n\n            it('returns a date when three parameters are provided', () => {\n                const result = stringToDate('2021-05-02').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns a date when three abbreviated parameters are provided', () => {\n                const result = stringToDate('2021-5-2').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns undefined when invalid value is passed', () => {\n                const result = stringToDate('5-2020');\n                expect(result).toBeUndefined;\n            });\n        });\n\n        describe('when separator is a \"/\"', () => {\n            it('returns a valid date when one parameter is provided', () => {\n                const result = stringToDate('9').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-09-01`));\n            });\n\n            it('returns a date when two parameters are provided', () => {\n                const result = stringToDate('10/15').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-10-15`));\n            });\n\n            it('returns a date when three parameters are provided', () => {\n                const result = stringToDate('05/02/2021').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns a date when three abbreviated parameters are provided', () => {\n                const result = stringToDate('5/2/2021').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns undefined when invalid value is passed', () => {\n                const result = stringToDate('5/2020');\n                expect(result).toBeUndefined;\n            });\n        });\n    });\n});\n"]}
+{"version":3,"file":"helpers-test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/q2-calendar/test/helpers-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { format } from 'date-fns';\nimport { convertMomentFormat, stringToDate, buildInputDate } from '../q2-calendar-helpers';\nimport { offsetTimezone } from '@/utils/helpers';\n\ndescribe('q2-calendar helpers', () => {\n    describe('convertMomentFormat', () => {\n        let now: Date;\n        let formatString: string;\n        beforeEach(() => {\n            now = new Date(offsetTimezone('2018-03-01'));\n            formatString;\n        });\n\n        it('converts d to E (Day of week)', () => {\n            formatString = convertMomentFormat('dddd');\n            expect(formatString).toEqual('EEEE');\n            expect(format(now, formatString)).toEqual('Thursday');\n        });\n\n        it('converts D to d (Day of month)', () => {\n            formatString = convertMomentFormat('DD');\n            expect(formatString).toEqual('dd');\n            expect(format(now, formatString)).toEqual('01');\n        });\n\n        it('converts Y to y (Year)', () => {\n            formatString = convertMomentFormat('YYYY');\n            expect(formatString).toEqual('yyyy');\n            expect(format(now, formatString)).toEqual('2018');\n        });\n\n        it('converts W to l (ISO week of year)', () => {\n            formatString = convertMomentFormat('WW');\n            expect(formatString).toEqual('II');\n            expect(format(now, formatString)).toEqual('09');\n        });\n\n        it('converts l to P (Long localized date)', () => {\n            formatString = convertMomentFormat('ll');\n            expect(formatString).toEqual('PP');\n            expect(format(now, formatString)).toEqual('Mar 1, 2018');\n        });\n\n        it('converts multiple matches', () => {\n            formatString = convertMomentFormat('ll YY WW DD dd');\n            expect(formatString).toEqual('PP yy II dd EE');\n            expect(format(now, formatString)).toEqual('Mar 1, 2018 18 09 01 Thu');\n        });\n    });\n\n    describe('buildInputDate', () => {\n        const currentYear = new Date().getFullYear();\n        it('returns a valid date object when a full date is provided', () => {\n            const result = buildInputDate('05/29/1970', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual('1970-05-29');\n        });\n\n        it('returns a valid date object when only month and day are provided', () => {\n            const result = buildInputDate('05/29', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-29`);\n        });\n\n        it('returns a valid date object when only month is provided', () => {\n            const result = buildInputDate('05', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-01`);\n        });\n\n        it('returns a valid date object when month is passed in as \"0\"', () => {\n            const result = buildInputDate('0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-01-01`);\n        });\n\n        it('returns a valid date object when day is passed in as \"0\"', () => {\n            const result = buildInputDate('05/0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-05-01`);\n        });\n\n        it('returns a valid date object when month and day is passed in as \"0\"', () => {\n            const result = buildInputDate('0/0', 'current');\n            expect(result.toISOString().slice(0, 10)).toEqual(`${currentYear}-01-01`);\n        });\n    });\n\n    describe('stringToDate', () => {\n        let now: Date;\n        beforeEach(() => {\n            now = new Date();\n        });\n\n        describe('when a possible ISO string is provided', () => {\n            it('returns a date object when the string is valid', () => {\n                const result = stringToDate('2018-03-01T00:00:00.000Z').toISOString();\n                expect(result).toEqual(offsetTimezone('2018-03-01'));\n            });\n\n            it('returns undefined when the string is invalid', () => {\n                const result = stringToDate('2018-03-00T00:00:00.000Z');\n                expect(result).toBeUndefined();\n            });\n        });\n\n        describe('when separator is a \"-\"', () => {\n            it('returns a valid date when one parameter is provided', () => {\n                const result = stringToDate('9').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-09-01`));\n            });\n\n            it('returns a date when two parameters are provided', () => {\n                const result = stringToDate('10-15').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-10-15`));\n            });\n\n            it('returns a date when three parameters are provided', () => {\n                const result = stringToDate('2021-05-02').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns a date when three abbreviated parameters are provided', () => {\n                const result = stringToDate('2021-5-2').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns undefined when invalid value is passed', () => {\n                const result = stringToDate('5-2020');\n                expect(result).toBeUndefined;\n            });\n        });\n\n        describe('when separator is a \"/\"', () => {\n            it('returns a valid date when one parameter is provided', () => {\n                const result = stringToDate('9').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-09-01`));\n            });\n\n            it('returns a date when two parameters are provided', () => {\n                const result = stringToDate('10/15').toISOString();\n                expect(result).toEqual(offsetTimezone(`${now.getFullYear()}-10-15`));\n            });\n\n            it('returns a date when three parameters are provided', () => {\n                const result = stringToDate('05/02/2021').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns a date when three abbreviated parameters are provided', () => {\n                const result = stringToDate('5/2/2021').toISOString();\n                expect(result).toEqual(offsetTimezone('2021-05-02'));\n            });\n\n            it('returns undefined when invalid value is passed', () => {\n                const result = stringToDate('5/2020');\n                expect(result).toBeUndefined;\n            });\n        });\n    });\n});\n"]}

package/dist/collection/components/q2-calendar/test/q2-calendar-month-picker-test.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"q2-calendar-month-picker-test.e2e.js","sourceRoot":"","sources":["../../../../src/components/q2-calendar/test/q2-calendar-month-picker-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { setup } from '@/utils/helpers';\nimport { E2EPage } from '@stencil/core/testing';\n\ndescribe('q2-month-picker', () => {\n    const getFocusedMonthIndex = async (page: E2EPage) =>\n        page.$eval('q2-month-picker', (element: HTMLElement) =>\n            element.shadowRoot.activeElement.getAttribute('data-index')\n        );\n\n    it('renders the component in the dom', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        expect(calendarContainer).not.toBeNull();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2022');\n    });\n\n    it('navigates to next year properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const nextYearBtn = await page.find('q2-month-picker >>> [test-id=\"nextYearButton\"]');\n        const prevYearBtn = await page.find('q2-month-picker >>> [test-id=\"previousYearButton\"]');\n\n        // go to 2023 (next year)\n        await nextYearBtn.click();\n        await page.waitForChanges();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2023');\n\n        // back to 2022 (prev year)\n        await prevYearBtn.click();\n        await page.waitForChanges();\n        expect((await yearBtn).innerText).toBe('2022');\n    });\n\n    it('navigates to previous year properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const previousYearBtn = await page.find('q2-month-picker >>> [test-id=\"previousYearButton\"]');\n\n        await previousYearBtn.click();\n        await page.waitForChanges();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2021');\n    });\n\n    it('navigates by arrow key properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const firstMonth = await page.find('q2-month-picker >>> [data-index=\"0\"]');\n\n        await firstMonth.click();\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('1'); // Feburary\n\n        await calendarContainer.press('ArrowDown');\n        expect(await getFocusedMonthIndex(page)).toBe('4'); // May\n\n        await calendarContainer.press('ArrowLeft');\n        expect(await getFocusedMonthIndex(page)).toBe('3'); // April\n\n        await calendarContainer.press('ArrowUp');\n        expect(await getFocusedMonthIndex(page)).toBe('0'); // January\n\n        await calendarContainer.press('ArrowRight');\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('2'); // March\n\n        // one more arrow right key should lead into next line\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('3'); // April\n\n        // arrow left key should lead into previous line\n        await calendarContainer.press('ArrowLeft');\n        expect(await getFocusedMonthIndex(page)).toBe('2'); // Mar\n    });\n});\n"]}
+{"version":3,"file":"q2-calendar-month-picker-test.e2e.js","sourceRoot":"","sources":["../../../../../src/components/q2-calendar/test/q2-calendar-month-picker-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { setup } from '@/utils/helpers';\nimport { E2EPage } from '@stencil/core/testing';\n\ndescribe('q2-month-picker', () => {\n    const getFocusedMonthIndex = async (page: E2EPage) =>\n        page.$eval('q2-month-picker', (element: HTMLElement) =>\n            element.shadowRoot.activeElement.getAttribute('data-index')\n        );\n\n    it('renders the component in the dom', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        expect(calendarContainer).not.toBeNull();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2022');\n    });\n\n    it('navigates to next year properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const nextYearBtn = await page.find('q2-month-picker >>> [test-id=\"nextYearButton\"]');\n        const prevYearBtn = await page.find('q2-month-picker >>> [test-id=\"previousYearButton\"]');\n\n        // go to 2023 (next year)\n        await nextYearBtn.click();\n        await page.waitForChanges();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2023');\n\n        // back to 2022 (prev year)\n        await prevYearBtn.click();\n        await page.waitForChanges();\n        expect((await yearBtn).innerText).toBe('2022');\n    });\n\n    it('navigates to previous year properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const previousYearBtn = await page.find('q2-month-picker >>> [test-id=\"previousYearButton\"]');\n\n        await previousYearBtn.click();\n        await page.waitForChanges();\n        const yearBtn = calendarContainer.find('.year-btn');\n        expect((await yearBtn).innerText).toBe('2021');\n    });\n\n    it('navigates by arrow key properly', async function () {\n        const page = await setup({ html: `<q2-month-picker year=\"2022\"></q2-month-picker>` });\n        const calendarContainer = await page.find('q2-month-picker >>> .month-container');\n        const firstMonth = await page.find('q2-month-picker >>> [data-index=\"0\"]');\n\n        await firstMonth.click();\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('1'); // Feburary\n\n        await calendarContainer.press('ArrowDown');\n        expect(await getFocusedMonthIndex(page)).toBe('4'); // May\n\n        await calendarContainer.press('ArrowLeft');\n        expect(await getFocusedMonthIndex(page)).toBe('3'); // April\n\n        await calendarContainer.press('ArrowUp');\n        expect(await getFocusedMonthIndex(page)).toBe('0'); // January\n\n        await calendarContainer.press('ArrowRight');\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('2'); // March\n\n        // one more arrow right key should lead into next line\n        await calendarContainer.press('ArrowRight');\n        expect(await getFocusedMonthIndex(page)).toBe('3'); // April\n\n        // arrow left key should lead into previous line\n        await calendarContainer.press('ArrowLeft');\n        expect(await getFocusedMonthIndex(page)).toBe('2'); // Mar\n    });\n});\n"]}

package/dist/collection/components/q2-calendar/test/q2-calendar-test.e2e.js

@@ -320,12 +320,12 @@ describe('q2-calendar', () => {
         });
         describe('popoverAlignment', () => {
             describe('when not provided (default)', () => {
-                it('does not pass a value to the popover', async () => {
+                it('uses popover default alignment', async () => {
                     page = await setup({
                         html: `<q2-calendar></q2-calendar>`,
                     });
                     popover = await page.find('q2-calendar >>> q2-popover');
-                    expect(await popover.getProperty('align')).toBeUndefined();
+                    expect(await popover.getProperty('align')).toBe('left');
                 });
             });
             describe('when provided', () => {