q2-tecton-elements 1.53.0 → 1.54.1

package/dist/collection/components/q2-option-list/test/q2-option-list.spec.js

@@ -0,0 +1,489 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Q2OptionList } from "../q2-option-list";
+import { Q2Option } from "../../q2-option/q2-option";
+import { Q2DropdownItem } from "../../q2-dropdown-item/q2-dropdown-item";
+describe('q2-option-list', () => {
+    let specPage;
+    describe('Props', () => { });
+    describe('Events', () => { });
+    describe('Listeners', () => { });
+    describe('Methods', () => { });
+    describe('Watchers', () => {
+        describe('selectedOptionsUpdated', () => {
+            it('executes updateSingleOptionAttrs when multple is false', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                specPage.rootInstance.updateMultipleOptionAttrs = jest.fn();
+                specPage.rootInstance.updateSingleOptionAttrs = jest.fn();
+                specPage.rootInstance.selectedOptions = [{ value: '2' }];
+                await specPage.waitForChanges();
+                expect(await specPage.rootInstance.updateMultipleOptionAttrs).not.toHaveBeenCalled();
+                expect(await specPage.rootInstance.updateSingleOptionAttrs).toHaveBeenCalled();
+            });
+            it('executes updateMultipleOptionAttrs when multple is true', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list multiple>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                specPage.rootInstance.updateMultipleOptionAttrs = jest.fn();
+                specPage.rootInstance.updateSingleOptionAttrs = jest.fn();
+                specPage.rootInstance.selectedOptions = [{ value: '2' }];
+                await specPage.waitForChanges();
+                expect(await specPage.rootInstance.updateMultipleOptionAttrs).toHaveBeenCalled();
+                expect(await specPage.rootInstance.updateSingleOptionAttrs).not.toHaveBeenCalled();
+            });
+        });
+        describe('showSelected', () => {
+            it('re-sets showSelected to false if there are no selected options', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                specPage.rootInstance.selectedOptions = [];
+                specPage.rootInstance.showSelected = true;
+                await specPage.waitForChanges();
+                expect(specPage.rootInstance.showSelected).toBe(false);
+            });
+            it('sets _multiSelectHidden on all unselected options when selectedOptions are present', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list multiple>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(Array.from(options).every(option => !option._multiSelectHidden)).toBe(true);
+                specPage.rootInstance.selectedOptions = [{ value: '2' }];
+                specPage.rootInstance.showSelected = true;
+                await specPage.waitForChanges();
+                expect(options[0]._multiSelectHidden).toBe(true);
+                expect(options[1]._multiSelectHidden).toBe(false);
+                expect(options[2]._multiSelectHidden).toBe(true);
+                expect(specPage.rootInstance.showSelected).toBe(true);
+            });
+        });
+    });
+    describe('Local methods', () => {
+        describe('allContents', () => {
+            it('return empty array when no options are present', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList],
+                    html: `<q2-option-list></q2-option-list>`,
+                });
+                expect(await specPage.rootInstance.allContents).toEqual([]);
+            });
+            it('return options', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2">Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(await specPage.rootInstance.allContents).toEqual(options);
+            });
+            it('return option groups', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList],
+                    html: `
+                        <q2-option-list>
+                            <q2-optgroup label="Group 1">
+                                <q2-option value="grouped-option-1">Grouped Option 1</q2-option>
+                                <q2-option value="grouped-option-2">Grouped Option 2</q2-option>
+                            </q2-optgroup>
+                        </q2-option-list>
+                    `,
+                });
+                const optGroups = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-optgroup');
+                expect(await specPage.rootInstance.allContents).toEqual(optGroups);
+            });
+            it('return dropdown items', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList],
+                    html: `
+                        <q2-option-list>
+                            <q2-dropdown-item value="dropdown-item-1">Dropdown Item 1</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-2">Dropdown Item 2</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-3">Dropdown Item 3</q2-dropdown-item>
+                        </q2-option-list>
+                    `,
+                });
+                const dropdownItems = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-dropdown-item');
+                expect(await specPage.rootInstance.allContents).toEqual(dropdownItems);
+            });
+        });
+        describe('allOptions', () => {
+            it('returns an empty array when no options are present', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `<q2-option-list></q2-option-list>`,
+                });
+                expect(specPage.rootInstance.allOptions).toEqual([]);
+            });
+            it('returns options', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2">Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                const allOptions = specPage.rootInstance.allOptions;
+                expect(allOptions).toHaveLength(3);
+                expect(allOptions).toEqual(options);
+            });
+            it('returns options nested in groups', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2">Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                            <q2-optgroup label="Group 1">
+                                <q2-option value="grouped-option-1">Grouped Option 1</q2-option>
+                                <q2-option value="grouped-option-2">Grouped Option 2</q2-option>
+                            </q2-optgroup>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                const allOptions = specPage.rootInstance.allOptions;
+                expect(allOptions).toHaveLength(5);
+                expect(allOptions).toEqual(options);
+            });
+            it('returns dropdown items', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-dropdown-item value="dropdown-item-1">Dropdown Item 1</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-2">Dropdown Item 2</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-3">Dropdown Item 3</q2-dropdown-item>
+                        </q2-option-list>
+                    `,
+                });
+                const dropdownItems = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-dropdown-item');
+                const allOptions = specPage.rootInstance.allOptions;
+                expect(allOptions).toHaveLength(3);
+                expect(allOptions).toEqual(dropdownItems);
+            });
+            it('does not return options that have the separator attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2" separator>Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option:not([separator])');
+                const allOptions = specPage.rootInstance.allOptions;
+                expect(allOptions).toHaveLength(2);
+                expect(allOptions).toEqual(options);
+            });
+            it('does not return dropdown items that ahve the separator attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-dropdown-item value="dropdown-item-1">Dropdown Item 1</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-2" separator>Dropdown Item 2</q2-dropdown-item>
+                            <q2-dropdown-item value="dropdown-item-3">Dropdown Item 3</q2-dropdown-item>
+                        </q2-option-list>
+                    `,
+                });
+                const dropdownItems = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-dropdown-item:not([separator])');
+                const allOptions = specPage.rootInstance.allOptions;
+                expect(allOptions).toHaveLength(2);
+                expect(allOptions).toEqual(dropdownItems);
+            });
+        });
+        describe('allVisibleOptions', () => {
+            it('returns an empty array when no options are present', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `<q2-option-list></q2-option-list>`,
+                });
+                expect(specPage.rootInstance.allVisibleOptions).toEqual([]);
+            });
+            it('does not return options with the hidden attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2" hidden>Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option:not([hidden])');
+                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;
+                expect(allVisibleOptions).toHaveLength(2);
+                expect(allVisibleOptions).toEqual(options);
+            });
+            it('does not return options with the _multiSelectHidden attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2" _multiSelectHidden>Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option:not([_multiSelectHidden])');
+                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;
+                expect(allVisibleOptions).toHaveLength(2);
+                expect(allVisibleOptions).toEqual(options);
+            });
+            it('does not return options with the disabled attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2" disabled>Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option:not([disabled])');
+                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;
+                expect(allVisibleOptions).toHaveLength(2);
+                expect(allVisibleOptions).toEqual(options);
+            });
+            it('does not return options with the disabled-group attribute', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option, Q2DropdownItem],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="option-1">Option 1</q2-option>
+                            <q2-option value="option-2" disabled-group>Option 2</q2-option>
+                            <q2-option value="option-3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option:not([disabled-group])');
+                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;
+                expect(allVisibleOptions).toHaveLength(2);
+                expect(allVisibleOptions).toEqual(options);
+            });
+        });
+        describe('checkOptions', () => {
+            it('sets the option roles to option when type is listbox', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list type="listbox">
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(Array.from(options).every(option => option.role === 'option')).toBe(true);
+            });
+            it('sets the option roles to menuitem when type is menu', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list type="menu">
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(Array.from(options).every(option => option.role === 'menuitem')).toBe(true);
+            });
+        });
+        describe('clickHandler', () => {
+            it('calls selectOption with provided option and emits a popoverState event when multiple is false', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const option = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelector('q2-option[value=2]');
+                const selectSpy = jest.spyOn(specPage.rootInstance, 'selectOption');
+                const popoverStateSpy = jest.spyOn(specPage.rootInstance.popoverState, 'emit');
+                specPage.rootInstance.clickHandler({ target: option });
+                await specPage.waitForChanges();
+                expect(selectSpy).toHaveBeenCalledWith(option);
+                expect(popoverStateSpy).toHaveBeenCalledWith({ open: false, action: 'select' });
+            });
+            it('calls selectOption with provided option and does not emit a popoverState event when multiple is true', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list multiple>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const option = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelector('q2-option[value=2]');
+                const selectSpy = jest.spyOn(specPage.rootInstance, 'selectOption');
+                const popoverStateSpy = jest.spyOn(specPage.rootInstance.popoverState, 'emit');
+                specPage.rootInstance.clickHandler({ target: option });
+                await specPage.waitForChanges();
+                expect(selectSpy).toHaveBeenCalledWith(option);
+                expect(popoverStateSpy).not.toHaveBeenCalled();
+            });
+        });
+        describe('getDefaultActiveIndex', () => {
+            describe('when populated with options', () => {
+                it('returns first option when no options are selected', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2OptionList, Q2Option],
+                        html: `
+                            <q2-option-list>
+                                <q2-option value="1">Option 1</q2-option>
+                                <q2-option value="2">Option 2</q2-option>
+                                <q2-option value="3">Option 3</q2-option>
+                            </q2-option-list>
+                        `,
+                    });
+                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(0);
+                });
+                it('returns second option when the first option is hidden', async () => {
+                    specPage = await newSpecPage({
+                        components: [Q2OptionList, Q2Option],
+                        html: `
+                            <q2-option-list>
+                                <q2-option value="1" hidden>Option 1</q2-option>
+                                <q2-option value="2">Option 2</q2-option>
+                                <q2-option value="3">Option 3</q2-option>
+                            </q2-option-list>
+                        `,
+                    });
+                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(1);
+                });
+                it('returns third option when is it marked selected', async () => {
+                    var _a;
+                    specPage = await newSpecPage({
+                        components: [Q2OptionList, Q2Option],
+                        html: `
+                            <q2-option-list>
+                                <q2-option value="1">Option 1</q2-option>
+                                <q2-option value="2">Option 2</q2-option>
+                                <q2-option value="3">Option 3</q2-option>
+                            </q2-option-list>
+                        `,
+                    });
+                    const lastOption = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option')[2];
+                    lastOption.selected = true;
+                    await specPage.waitForChanges();
+                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(2);
+                });
+            });
+        });
+        describe('updateMultipleOptionAttrs', () => {
+            it('updates the attributes of multiple options', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list multiple>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(Array.from(options).every(option => !option.selected)).toBe(true);
+                specPage.rootInstance.selectedOptions = [{ value: '1' }, { value: '3' }];
+                await specPage.waitForChanges();
+                expect(options[0].selected).toBe(true);
+                expect(options[1].selected).toBe(false);
+                expect(options[2].selected).toBe(true);
+            });
+        });
+        describe('updateSingleOptionAttrs', () => {
+            it('updates the attributes of a single option', async () => {
+                var _a;
+                specPage = await newSpecPage({
+                    components: [Q2OptionList, Q2Option],
+                    html: `
+                        <q2-option-list>
+                            <q2-option value="1">Option 1</q2-option>
+                            <q2-option value="2">Option 2</q2-option>
+                            <q2-option value="3">Option 3</q2-option>
+                        </q2-option-list>
+                    `,
+                });
+                const options = (_a = specPage.root) === null || _a === void 0 ? void 0 : _a.querySelectorAll('q2-option');
+                expect(Array.from(options).every(option => !option.selected)).toBe(true);
+                specPage.rootInstance.selectedOptions = [{ value: '2' }];
+                await specPage.waitForChanges();
+                expect(options[0].selected).toBe(false);
+                expect(options[1].selected).toBe(true);
+                expect(options[2].selected).toBe(false);
+            });
+        });
+    });
+});
+//# sourceMappingURL=q2-option-list.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"q2-option-list.spec.js","sourceRoot":"","sources":["../../../../src/components/q2-option-list/test/q2-option-list.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAEhF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,IAAI,QAAkB,CAAC;IAEvB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE5B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE7B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAEhC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE9B,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACtB,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;YACpC,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;gBACpE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBACH,QAAQ,CAAC,YAAY,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC5D,QAAQ,CAAC,YAAY,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC1D,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;gBACzD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;gBACrF,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACnF,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;gBACrE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBACH,QAAQ,CAAC,YAAY,CAAC,yBAAyB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC5D,QAAQ,CAAC,YAAY,CAAC,uBAAuB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC1D,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;gBACzD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC,gBAAgB,EAAE,CAAC;gBACjF,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;YACvF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;gBAC5E,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBACH,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,EAAE,CAAC;gBAC3C,QAAQ,CAAC,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;gBAC1C,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,oFAAoF,EAAE,KAAK,IAAI,EAAE;;gBAChG,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBACH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnF,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;gBACzD,QAAQ,CAAC,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;gBAC1C,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAEhC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACjD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACjD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC3B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;YACzB,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;gBAC5D,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,CAAC;oBAC1B,IAAI,EAAE,mCAAmC;iBAC5C,CAAC,CAAC;gBAEH,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;;gBAC5B,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,CAAC;oBAC1B,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;;gBAClC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,CAAC;oBAC1B,IAAI,EAAE;;;;;;;qBAOL;iBACJ,CAAC,CAAC;gBAEH,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;gBACjE,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvE,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;;gBACnC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,CAAC;oBAC1B,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,aAAa,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1E,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3E,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;YACxB,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;gBAChE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE,mCAAmC;iBAC5C,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;;gBAC7B,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;gBACpD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;;gBAC9C,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;;;;;qBAUL;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;gBACpD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;;gBACpC,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,aAAa,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;gBAC1E,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;gBACpD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;;gBACvE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;gBAC9E,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;gBACpD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;;gBAC9E,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,aAAa,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,mCAAmC,CAAC,CAAC;gBAC3F,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC;gBACpD,MAAM,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC/B,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;gBAChE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE,mCAAmC;iBAC5C,CAAC,CAAC;gBAEH,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;;gBAC/D,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;gBAC3E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAClE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;;gBAC3E,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,qCAAqC,CAAC,CAAC;gBACvF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAClE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;;gBACjE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,2BAA2B,CAAC,CAAC;gBAC7E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAClE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;;gBACvE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,cAAc,CAAC;oBACpD,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,iCAAiC,CAAC,CAAC;gBACnF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC;gBAClE,MAAM,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;;gBAClE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrF,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;;gBACjE,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;YAC1B,EAAE,CAAC,+FAA+F,EAAE,KAAK,IAAI,EAAE;;gBAC3G,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,MAAM,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAClE,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;gBACpE,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;gBAC/E,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBACvD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;gBAC/C,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;YACpF,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,sGAAsG,EAAE,KAAK,IAAI,EAAE;;gBAClH,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,MAAM,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;gBAClE,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;gBACpE,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;gBAC/E,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBACvD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,MAAM,CAAC,SAAS,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;gBAC/C,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;YACnD,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;YACnC,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;gBACzC,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;oBAC/D,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;wBACpC,IAAI,EAAE;;;;;;yBAML;qBACJ,CAAC,CAAC;oBAEH,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACxE,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;oBACnE,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;wBACpC,IAAI,EAAE;;;;;;yBAML;qBACJ,CAAC,CAAC;oBAEH,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACxE,CAAC,CAAC,CAAC;gBAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;;oBAC7D,QAAQ,GAAG,MAAM,WAAW,CAAC;wBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;wBACpC,IAAI,EAAE;;;;;;yBAML;qBACJ,CAAC,CAAC;oBAEH,MAAM,UAAU,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;oBACnE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;oBAC3B,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;oBAEhC,MAAM,CAAC,MAAM,QAAQ,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACxE,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACvC,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;;gBACxD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEzE,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;gBACzE,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAEhC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACvC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;YACrC,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;;gBACvD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;oBACpC,IAAI,EAAE;;;;;;qBAML;iBACJ,CAAC,CAAC;gBAEH,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEzE,QAAQ,CAAC,YAAY,CAAC,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;gBACzD,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAEhC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACvC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { Q2OptionList } from '@/components/q2-option-list/q2-option-list';\nimport { Q2Option } from '@/components/q2-option/q2-option';\nimport { Q2DropdownItem } from '@/components/q2-dropdown-item/q2-dropdown-item';\n\ndescribe('q2-option-list', () => {\n    let specPage: SpecPage;\n\n    describe('Props', () => {});\n\n    describe('Events', () => {});\n\n    describe('Listeners', () => {});\n\n    describe('Methods', () => {});\n\n    describe('Watchers', () => {\n        describe('selectedOptionsUpdated', () => {\n            it('executes updateSingleOptionAttrs when multple is false', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n                specPage.rootInstance.updateMultipleOptionAttrs = jest.fn();\n                specPage.rootInstance.updateSingleOptionAttrs = jest.fn();\n                specPage.rootInstance.selectedOptions = [{ value: '2' }];\n                await specPage.waitForChanges();\n                expect(await specPage.rootInstance.updateMultipleOptionAttrs).not.toHaveBeenCalled();\n                expect(await specPage.rootInstance.updateSingleOptionAttrs).toHaveBeenCalled();\n            });\n\n            it('executes updateMultipleOptionAttrs when multple is true', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list multiple>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n                specPage.rootInstance.updateMultipleOptionAttrs = jest.fn();\n                specPage.rootInstance.updateSingleOptionAttrs = jest.fn();\n                specPage.rootInstance.selectedOptions = [{ value: '2' }];\n                await specPage.waitForChanges();\n                expect(await specPage.rootInstance.updateMultipleOptionAttrs).toHaveBeenCalled();\n                expect(await specPage.rootInstance.updateSingleOptionAttrs).not.toHaveBeenCalled();\n            });\n        });\n\n        describe('showSelected', () => {\n            it('re-sets showSelected to false if there are no selected options', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n                specPage.rootInstance.selectedOptions = [];\n                specPage.rootInstance.showSelected = true;\n                await specPage.waitForChanges();\n                expect(specPage.rootInstance.showSelected).toBe(false);\n            });\n\n            it('sets _multiSelectHidden on all unselected options when selectedOptions are present', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list multiple>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(Array.from(options).every(option => !option._multiSelectHidden)).toBe(true);\n                specPage.rootInstance.selectedOptions = [{ value: '2' }];\n                specPage.rootInstance.showSelected = true;\n                await specPage.waitForChanges();\n\n                expect(options[0]._multiSelectHidden).toBe(true);\n                expect(options[1]._multiSelectHidden).toBe(false);\n                expect(options[2]._multiSelectHidden).toBe(true);\n                expect(specPage.rootInstance.showSelected).toBe(true);\n            });\n        });\n    });\n\n    describe('Local methods', () => {\n        describe('allContents', () => {\n            it('return empty array when no options are present', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList],\n                    html: `<q2-option-list></q2-option-list>`,\n                });\n\n                expect(await specPage.rootInstance.allContents).toEqual([]);\n            });\n\n            it('return options', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\">Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(await specPage.rootInstance.allContents).toEqual(options);\n            });\n\n            it('return option groups', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList],\n                    html: `\n                        <q2-option-list>\n                            <q2-optgroup label=\"Group 1\">\n                                <q2-option value=\"grouped-option-1\">Grouped Option 1</q2-option>\n                                <q2-option value=\"grouped-option-2\">Grouped Option 2</q2-option>\n                            </q2-optgroup>\n                        </q2-option-list>\n                    `,\n                });\n\n                const optGroups = specPage.root?.querySelectorAll('q2-optgroup');\n                expect(await specPage.rootInstance.allContents).toEqual(optGroups);\n            });\n\n            it('return dropdown items', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList],\n                    html: `\n                        <q2-option-list>\n                            <q2-dropdown-item value=\"dropdown-item-1\">Dropdown Item 1</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-2\">Dropdown Item 2</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-3\">Dropdown Item 3</q2-dropdown-item>\n                        </q2-option-list>\n                    `,\n                });\n\n                const dropdownItems = specPage.root?.querySelectorAll('q2-dropdown-item');\n                expect(await specPage.rootInstance.allContents).toEqual(dropdownItems);\n            });\n        });\n\n        describe('allOptions', () => {\n            it('returns an empty array when no options are present', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `<q2-option-list></q2-option-list>`,\n                });\n\n                expect(specPage.rootInstance.allOptions).toEqual([]);\n            });\n\n            it('returns options', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\">Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                const allOptions = specPage.rootInstance.allOptions;\n                expect(allOptions).toHaveLength(3);\n                expect(allOptions).toEqual(options);\n            });\n\n            it('returns options nested in groups', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\">Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                            <q2-optgroup label=\"Group 1\">\n                                <q2-option value=\"grouped-option-1\">Grouped Option 1</q2-option>\n                                <q2-option value=\"grouped-option-2\">Grouped Option 2</q2-option>\n                            </q2-optgroup>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                const allOptions = specPage.rootInstance.allOptions;\n                expect(allOptions).toHaveLength(5);\n                expect(allOptions).toEqual(options);\n            });\n\n            it('returns dropdown items', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-dropdown-item value=\"dropdown-item-1\">Dropdown Item 1</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-2\">Dropdown Item 2</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-3\">Dropdown Item 3</q2-dropdown-item>\n                        </q2-option-list>\n                    `,\n                });\n\n                const dropdownItems = specPage.root?.querySelectorAll('q2-dropdown-item');\n                const allOptions = specPage.rootInstance.allOptions;\n                expect(allOptions).toHaveLength(3);\n                expect(allOptions).toEqual(dropdownItems);\n            });\n\n            it('does not return options that have the separator attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\" separator>Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option:not([separator])');\n                const allOptions = specPage.rootInstance.allOptions;\n                expect(allOptions).toHaveLength(2);\n                expect(allOptions).toEqual(options);\n            });\n\n            it('does not return dropdown items that ahve the separator attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-dropdown-item value=\"dropdown-item-1\">Dropdown Item 1</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-2\" separator>Dropdown Item 2</q2-dropdown-item>\n                            <q2-dropdown-item value=\"dropdown-item-3\">Dropdown Item 3</q2-dropdown-item>\n                        </q2-option-list>\n                    `,\n                });\n\n                const dropdownItems = specPage.root?.querySelectorAll('q2-dropdown-item:not([separator])');\n                const allOptions = specPage.rootInstance.allOptions;\n                expect(allOptions).toHaveLength(2);\n                expect(allOptions).toEqual(dropdownItems);\n            });\n        });\n\n        describe('allVisibleOptions', () => {\n            it('returns an empty array when no options are present', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `<q2-option-list></q2-option-list>`,\n                });\n\n                expect(specPage.rootInstance.allVisibleOptions).toEqual([]);\n            });\n\n            it('does not return options with the hidden attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\" hidden>Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option:not([hidden])');\n                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;\n                expect(allVisibleOptions).toHaveLength(2);\n                expect(allVisibleOptions).toEqual(options);\n            });\n\n            it('does not return options with the _multiSelectHidden attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\" _multiSelectHidden>Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option:not([_multiSelectHidden])');\n                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;\n                expect(allVisibleOptions).toHaveLength(2);\n                expect(allVisibleOptions).toEqual(options);\n            });\n\n            it('does not return options with the disabled attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\" disabled>Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option:not([disabled])');\n                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;\n                expect(allVisibleOptions).toHaveLength(2);\n                expect(allVisibleOptions).toEqual(options);\n            });\n\n            it('does not return options with the disabled-group attribute', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option, Q2DropdownItem],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"option-1\">Option 1</q2-option>\n                            <q2-option value=\"option-2\" disabled-group>Option 2</q2-option>\n                            <q2-option value=\"option-3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option:not([disabled-group])');\n                const allVisibleOptions = specPage.rootInstance.allVisibleOptions;\n                expect(allVisibleOptions).toHaveLength(2);\n                expect(allVisibleOptions).toEqual(options);\n            });\n        });\n\n        describe('checkOptions', () => {\n            it('sets the option roles to option when type is listbox', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list type=\"listbox\">\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(Array.from(options).every(option => option.role === 'option')).toBe(true);\n            });\n\n            it('sets the option roles to menuitem when type is menu', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list type=\"menu\">\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(Array.from(options).every(option => option.role === 'menuitem')).toBe(true);\n            });\n        });\n\n        describe('clickHandler', () => {\n            it('calls selectOption with provided option and emits a popoverState event when multiple is false', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const option = specPage.root?.querySelector('q2-option[value=2]');\n                const selectSpy = jest.spyOn(specPage.rootInstance, 'selectOption');\n                const popoverStateSpy = jest.spyOn(specPage.rootInstance.popoverState, 'emit');\n                specPage.rootInstance.clickHandler({ target: option });\n                await specPage.waitForChanges();\n                expect(selectSpy).toHaveBeenCalledWith(option);\n                expect(popoverStateSpy).toHaveBeenCalledWith({ open: false, action: 'select' });\n            });\n\n            it('calls selectOption with provided option and does not emit a popoverState event when multiple is true', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list multiple>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const option = specPage.root?.querySelector('q2-option[value=2]');\n                const selectSpy = jest.spyOn(specPage.rootInstance, 'selectOption');\n                const popoverStateSpy = jest.spyOn(specPage.rootInstance.popoverState, 'emit');\n                specPage.rootInstance.clickHandler({ target: option });\n                await specPage.waitForChanges();\n                expect(selectSpy).toHaveBeenCalledWith(option);\n                expect(popoverStateSpy).not.toHaveBeenCalled();\n            });\n        });\n\n        describe('getDefaultActiveIndex', () => {\n            describe('when populated with options', () => {\n                it('returns first option when no options are selected', async () => {\n                    specPage = await newSpecPage({\n                        components: [Q2OptionList, Q2Option],\n                        html: `\n                            <q2-option-list>\n                                <q2-option value=\"1\">Option 1</q2-option>\n                                <q2-option value=\"2\">Option 2</q2-option>\n                                <q2-option value=\"3\">Option 3</q2-option>\n                            </q2-option-list>\n                        `,\n                    });\n\n                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(0);\n                });\n\n                it('returns second option when the first option is hidden', async () => {\n                    specPage = await newSpecPage({\n                        components: [Q2OptionList, Q2Option],\n                        html: `\n                            <q2-option-list>\n                                <q2-option value=\"1\" hidden>Option 1</q2-option>\n                                <q2-option value=\"2\">Option 2</q2-option>\n                                <q2-option value=\"3\">Option 3</q2-option>\n                            </q2-option-list>\n                        `,\n                    });\n\n                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(1);\n                });\n\n                it('returns third option when is it marked selected', async () => {\n                    specPage = await newSpecPage({\n                        components: [Q2OptionList, Q2Option],\n                        html: `\n                            <q2-option-list>\n                                <q2-option value=\"1\">Option 1</q2-option>\n                                <q2-option value=\"2\">Option 2</q2-option>\n                                <q2-option value=\"3\">Option 3</q2-option>\n                            </q2-option-list>\n                        `,\n                    });\n\n                    const lastOption = specPage.root?.querySelectorAll('q2-option')[2];\n                    lastOption.selected = true;\n                    await specPage.waitForChanges();\n\n                    expect(await specPage.rootInstance.getDefaultActiveIndex()).toBe(2);\n                });\n            });\n        });\n\n        describe('updateMultipleOptionAttrs', () => {\n            it('updates the attributes of multiple options', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list multiple>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(Array.from(options).every(option => !option.selected)).toBe(true);\n\n                specPage.rootInstance.selectedOptions = [{ value: '1' }, { value: '3' }];\n                await specPage.waitForChanges();\n\n                expect(options[0].selected).toBe(true);\n                expect(options[1].selected).toBe(false);\n                expect(options[2].selected).toBe(true);\n            });\n        });\n\n        describe('updateSingleOptionAttrs', () => {\n            it('updates the attributes of a single option', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2OptionList, Q2Option],\n                    html: `\n                        <q2-option-list>\n                            <q2-option value=\"1\">Option 1</q2-option>\n                            <q2-option value=\"2\">Option 2</q2-option>\n                            <q2-option value=\"3\">Option 3</q2-option>\n                        </q2-option-list>\n                    `,\n                });\n\n                const options = specPage.root?.querySelectorAll('q2-option');\n                expect(Array.from(options).every(option => !option.selected)).toBe(true);\n\n                specPage.rootInstance.selectedOptions = [{ value: '2' }];\n                await specPage.waitForChanges();\n\n                expect(options[0].selected).toBe(false);\n                expect(options[1].selected).toBe(true);\n                expect(options[2].selected).toBe(false);\n            });\n        });\n    });\n});\n"]}

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

@@ -256,7 +256,7 @@ export class Q2Pagination {
                 total,
             });
         }
-        return (h("nav", { key: '8a2e727916a9f0c54fc640102cde35c60db473a3', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: '55ec9b43e1e2a79b941832fdfb3d6bb210406517', class: "description", "test-id": "description" }, pagesOnly
+        return (h("nav", { key: 'd91e1f0ba5a239c95fd16bda94ef1e614e3c49be', class: "container", ref: el => (this.containerElement = el), "aria-label": loc('tecton.element.pagination.title') }, h("div", { key: 'aeb52cf10ec37a0ed9459660b9dad1df86e06ca1', class: "description", "test-id": "description" }, pagesOnly
             ? loc('tecton.element.pagination.pages', {
                 current: page,
                 total: totalPages,
@@ -265,10 +265,10 @@ export class Q2Pagination {
                 range: currentRange,
                 recordType: recordType.toLowerCase(),
                 total: total.toLocaleString(),
-            })), h("div", { key: 'ad29852acbfbfae252360365c02f9923479a7c86', class: "btn-group" }, h("q2-btn", { key: '12b4ab1d5b571b5b1e9245ef2d1c5d44f710e02f', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '296af593f598921c4e56fd7be4b8b8b1135e3536', type: "chevron-double-left" })), h("q2-btn", { key: '40eab0d80b0b2bdc1f8c5bd7d99b04b9dcb735e0', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: '6b8e035c7cc586402d994c63ad51491bc7e19772', type: "chevron-left" }))), h("div", { key: '62beac888b094f0b37ee48e7e4ee4781bc050bd5', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: '6e225fad678da3ecf42ed7ae8aa76e4ca979b65e', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: '84290986cf2c3f9a143024a90e874c5c07ad4e6c', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: '967423114bf9a5854114c125d942f5273fde5af4', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
+            })), h("div", { key: '24c8e8166dc90238960ae3afad0ff36eac4af66c', class: "btn-group" }, h("q2-btn", { key: '7be7b963cba6c9dd5b45bced73085ff495fd4130', ref: el => (this.firstPageBtn = el), label: loc('tecton.element.pagination.goToFirstPage'), disabled: onFirstPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(1), "test-id": "firstPageBtn", "hide-label": true }, h("q2-icon", { key: '7d58766f3d7307bcfb193d981c95895b58c2bbfb', type: "chevron-double-left" })), h("q2-btn", { key: 'b016eda2499b36b7fd82b84d39357dfa8c9f8719', ref: el => (this.prevPageBtn = el), label: prevButtonLabel, disabled: onFirstPage, onClick: () => this.handlePageChange(page - 1), "test-id": "prevPageBtn", "hide-label": true }, h("q2-icon", { key: 'd1bed177625bf672d109fbc8a127961818dd3364', type: "chevron-left" }))), h("div", { key: '62e7fb1e7379d54ace49f4f09f591cae2884479d', class: "controls", hidden: isFullViewHidden, "test-id": "controls" }, h("span", { key: 'ff7ee6d921a0fe08ab4705714af8a1106eb1e174', "aria-hidden": "true" }, loc('tecton.element.pagination.page')), h("div", { key: 'e59bb32e696dfe162099f3efe19f95e7c76cad7b', class: "input-wrapper", onClick: () => this.inputField.dispatchEvent(new FocusEvent('focus')) }, h("q2-input", { key: 'ecc4215e2beefd4e099f57a421d0a732cb4e14dc', ref: el => (this.inputField = el), type: "number", value: `${page}`, min: 1, max: this.totalPages, hideLabel: true, optional: true, label: `${loc('tecton.element.pagination.page')} (${loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])})`, onChange: event => {
                 event.stopPropagation();
                 this.handlePageChange(event.detail.value);
-            }, "test-id": "pageInput", current: "page" })), h("span", { key: '52467f0a14e0a507bda83ba1b72b3bd4497cadfd', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: '8b021224f60e3592a79b563eda8ad98cdb249656', class: "btn-group" }, h("q2-btn", { key: '82e8053bf38f73809a596fc1b210891b655c1196', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: 'df57f2118875655de3cb982efb599b69e7055262', type: "chevron-right" })), h("q2-btn", { key: '079c89d787894f7ee0df567c4353f8128a262ffe', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: '471978bc526011e24176b82b04bee53608b06994', type: "chevron-double-right" }))), h("div", { key: '2a990aa01103daf8d47cdf35a506596a3d1f4453', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
+            }, "test-id": "pageInput", current: "page" })), h("span", { key: 'cd543116816cfe374b02fa366d64cade2887b51a', "aria-hidden": "true" }, loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()]))), h("div", { key: '98826e8fbbe89ea9c34208ec8066ab47a8a17550', class: "btn-group" }, h("q2-btn", { key: '5066ad089677456d90b660299b0260cc819c3e60', ref: el => (this.nextPageBtn = el), label: nextButtonLabel, disabled: onLastPage, onClick: () => this.handlePageChange(page + 1), "test-id": "nextPageBtn", "hide-label": true }, h("q2-icon", { key: 'e3364523c842d9a345fd34c05cbcba87ae14da80', type: "chevron-right" })), h("q2-btn", { key: 'a920ed7346c5fcadbac7c244dc1cabddd8e22b36', ref: el => (this.lastPageBtn = el), label: "tecton.element.pagination.goToLastPage", disabled: onLastPage, hidden: isFullViewHidden, onClick: () => this.handlePageChange(totalPages), "test-id": "lastPageBtn", "hide-label": true }, h("q2-icon", { key: '49e610ac8459a60eac6ec771fbb3208a4a25ac34', type: "chevron-double-right" }))), h("div", { key: '07bbdd2c0ddef20d8a14152c5977376389246c15', class: "per-page", hidden: isFullViewHidden || !((_a = this.perPageIncrements) === null || _a === void 0 ? void 0 : _a.length) }, showPerPageSelect && this.renderPerPage())));
     }
     static get is() { return "q2-pagination"; }
     static get encapsulation() { return "shadow"; }