q2-tecton-elements 1.45.3 → 1.46.1

package/dist/test/elements/{q2-detail/q2-item-test.e2e.js → q2-item-test.e2e.js}

@@ -1,4 +1,4 @@
-import { evaluateA11y, setup } from "../../helpers";
+import { evaluateA11y, setup } from "../helpers";
 describe('q2-item', () => {
     describe('[A11y] guideline compliance', () => {
         it('Does not have accessibility violations', async () => {
@@ -219,5 +219,33 @@ describe('q2-item', () => {
             });
         });
     });
+    describe('focus', () => {
+        let page;
+        let item;
+        beforeEach(async () => {
+            page = await setup({
+                html: `
+                    <q2-item clickable>
+                        <div slot="header">Header Text</div>
+                    </q2-item>
+                `,
+            });
+            item = await page.find('q2-item');
+            expect(await innerActiveTestId(page)).toBeUndefined();
+        });
+        const innerActiveTestId = async (page) => {
+            return page.$eval('q2-item', el => { var _a; return (_a = el.shadowRoot.activeElement) === null || _a === void 0 ? void 0 : _a.getAttribute('test-id'); });
+        };
+        it('focuses inner button when focus event is dispatched', async function () {
+            await item.triggerEvent('focus');
+            await page.waitForChanges();
+            expect(await innerActiveTestId(page)).toEqual('itemContainer');
+        });
+        it('focuses inner button when element.focus() is called', async function () {
+            await item.focus();
+            await page.waitForChanges();
+            expect(await innerActiveTestId(page)).toEqual('itemContainer');
+        });
+    });
 });
 //# sourceMappingURL=q2-item-test.e2e.js.map

package/dist/test/elements/q2-item-test.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-item-test.e2e.js","sourceRoot":"","sources":["../../../test/elements/q2-item-test.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, E2EPage } from '@stencil/core/testing';\nimport { evaluateA11y, setup } from '../helpers';\n\ndescribe('q2-item', () => {\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-item />` });\n            const hasViolations = await evaluateA11y(page);\n\n            expect(hasViolations).toBe(false);\n        });\n    });\n    describe('Props', () => {});\n    describe('Slots', () => {\n        describe('action', () => {\n            it('when set content displayed as action', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"action\">Test Action</div>\n                        </q2-item>\n                    `,\n                });\n                const item = await page.find('q2-item');\n                const action = await page.find('q2-item >>> .action');\n\n                expect(item).toEqualText('Test Action');\n                expect(action).toBeTruthy();\n            });\n            it('when removed conatiner removed', async () => {\n                const page = await setup({\n                    html: `\n                    <q2-item>\n                        <div slot=\"action\">Test Body</div>\n                    </q2-item>\n                    `,\n                });\n                let actionSlot = await page.find('q2-item > [slot=\"action\"]');\n                let actionContainer = await page.find('q2-item >>> .action');\n\n                expect(actionSlot).toBeTruthy();\n                expect(actionContainer).toBeTruthy();\n\n                await page.evaluate(() => {\n                    const actionSlot = document.querySelector('q2-item > [slot=\"action\"]');\n                    if (actionSlot && actionSlot.parentNode) {\n                        actionSlot.parentNode.removeChild(actionSlot);\n                    }\n                });\n                await page.waitForChanges();\n                actionSlot = await page.find('q2-item > [slot=\"action\"]');\n                actionContainer = await page.find('q2-item >>> .action');\n\n                expect(actionSlot).toBeFalsy();\n                expect(actionContainer).toBeFalsy();\n            });\n            it('when not set action not present', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item />\n                    `,\n                });\n                const action = await page.find('q2-item >>> .action');\n\n                expect(action).toBeFalsy();\n            });\n            it('when not set CSS grid adjusted', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"body\">Test Body</div>\n                            <div slot=\"bullet\">Test Bullet</div>\n                            <div slot=\"footer\">Test Footer</div>\n                        </q2-item>\n                    `,\n                });\n                const itemContainer = await page.find('q2-item >>> .item');\n                const footer = await page.find('q2-item >>> .footer');\n\n                expect(itemContainer).toHaveClass('item-no-action');\n                expect(footer).toHaveClass('footer-no-action');\n            });\n        });\n        describe('body', () => {\n            it('when set content displayed as body', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"body\">Test Body</div>\n                        </q2-item>\n                    `,\n                });\n                const item = await page.find('q2-item');\n                const body = await page.find('q2-item >>> .body');\n\n                expect(item).toEqualText('Test Body');\n                expect(body).toBeTruthy();\n            });\n            it('when not set body not present', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item />\n                    `,\n                });\n                const body = await page.find('q2-item >>> .body');\n\n                expect(body).toBeFalsy();\n            });\n        });\n        describe('bullet', () => {\n            it('when set content displayed as bullet', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"bullet\">Test Bullet</div>\n                        </q2-item>\n                    `,\n                });\n                const item = await page.find('q2-item');\n                const bullet = await page.find('q2-item >>> .bullet');\n\n                expect(item).toEqualText('Test Bullet');\n                expect(bullet).toBeTruthy();\n            });\n            it('when not set bullet not present', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item />\n                    `,\n                });\n                const bullet = await page.find('q2-item >>> .bullet');\n\n                expect(bullet).toBeFalsy();\n            });\n            it('when not set CSS grid adjusted', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"action\">Test Action</div>\n                            <div slot=\"body\">Test Body</div>\n                            <div slot=\"footer\">Test Footer</div>\n                        </q2-item>\n                    `,\n                });\n                const itemContainer = await page.find('q2-item >>> .item');\n                const action = await page.find('q2-item >>> .action');\n                const main = await page.find('q2-item >>> .main');\n                const footer = await page.find('q2-item >>> .footer');\n\n                expect(itemContainer).toHaveClass('item-no-bullet');\n                expect(action).toHaveClass('action-no-bullet');\n                expect(main).toHaveClass('main-no-bullet');\n                expect(footer).toHaveClass('footer-no-bullet');\n            });\n        });\n        describe('footer', () => {\n            it('when set content displayed as footer', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"footer\">Test Footer</div>\n                        </q2-item>\n                    `,\n                });\n                const item = await page.find('q2-item');\n                const footer = await page.find('q2-item >>> .footer');\n\n                expect(item).toEqualText('Test Footer');\n                expect(footer).toBeTruthy();\n            });\n            it('when not set footer not present', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item />\n                    `,\n                });\n                const footer = await page.find('q2-item >>> .footer');\n\n                expect(footer).toBeFalsy();\n            });\n            it('when not set CSS grid adjusted', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"action\">Test Action</div>\n                            <div slot=\"body\">Test Body</div>\n                            <div slot=\"bullet\">Test Bullet</div>\n                        </q2-item>\n                    `,\n                });\n                const itemContainer = await page.find('q2-item >>> .item');\n                const bullet = await page.find('q2-item >>> .bullet');\n\n                expect(itemContainer).toHaveClass('item-no-footer');\n                expect(bullet).toHaveClass('bullet-no-footer');\n            });\n        });\n        describe('header/defalult', () => {\n            it('when set content displayed as header', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"header\">Test Header</div>\n                        </q2-item>\n                    `,\n                });\n                const item = await page.find('q2-item');\n                const header = await page.find('q2-item >>> .header');\n\n                expect(item).toEqualText('Test Header');\n                expect(header).toBeTruthy();\n            });\n            it('when not set header not present', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item />\n                    `,\n                });\n                const header = await page.find('q2-item >>> .header');\n\n                expect(header).toBeFalsy();\n            });\n            it('when action and bullet missing CSS grid adjusted', async () => {\n                const page = await setup({\n                    html: `\n                        <q2-item>\n                            <div slot=\"header\">Test Header</div>\n                            <div slot=\"footer\">Test Footer</div>\n                        </q2-item>\n                    `,\n                });\n                const itemContainer = await page.find('q2-item >>> .item');\n                const main = await page.find('q2-item >>> .main');\n                const footer = await page.find('q2-item >>> .footer');\n\n                expect(itemContainer).toHaveClass('item-no-action-nor-bullet');\n                expect(main).toHaveClass('main-no-action-nor-bullet');\n                expect(footer).toHaveClass('footer-no-action-nor-bullet');\n            });\n        });\n    });\n\n    describe('focus', () => {\n        let page: E2EPage;\n        let item: E2EElement;\n        beforeEach(async () => {\n            page = await setup({\n                html: `\n                    <q2-item clickable>\n                        <div slot=\"header\">Header Text</div>\n                    </q2-item>\n                `,\n            });\n            item = await page.find('q2-item');\n\n            expect(await innerActiveTestId(page)).toBeUndefined();\n        });\n\n        const innerActiveTestId = async (page: E2EPage) => {\n            return page.$eval('q2-item', el => el.shadowRoot.activeElement?.getAttribute('test-id'));\n        };\n\n        it('focuses inner button when focus event is dispatched', async function (): Promise<void> {\n            await item.triggerEvent('focus');\n            await page.waitForChanges();\n\n            expect(await innerActiveTestId(page)).toEqual('itemContainer');\n        });\n\n        it('focuses inner button when element.focus() is called', async function (): Promise<void> {\n            await item.focus();\n            await page.waitForChanges();\n\n            expect(await innerActiveTestId(page)).toEqual('itemContainer');\n        });\n    });\n});\n"]}

package/dist/test/elements/q2-item-test.spec.js

@@ -0,0 +1,32 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Q2Item } from "../../collection/components/q2-item/q2-item";
+describe('q2-item', () => {
+    let specPage;
+    describe('Props', () => {
+        describe('clickable', () => {
+            it('does not make the item clickable when not provided (default)', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Item],
+                    html: `<q2-item></q2-item>`,
+                });
+                expect(specPage.root.shadowRoot.querySelector('.item')).toEqualHtml(`
+                    <div class="item item-no-action-nor-bullet item-no-footer" test-id="itemContainer">
+                        <div class="main main-no-action-nor-bullet"></div>
+                    </div>
+                `);
+            });
+            it('makes the item clickable when provided', async () => {
+                specPage = await newSpecPage({
+                    components: [Q2Item],
+                    html: `<q2-item clickable></q2-item>`,
+                });
+                expect(specPage.root.shadowRoot.querySelector('.item')).toEqualHtml(`
+                    <div class="item item-no-action-nor-bullet item-no-footer"  role="button" tabindex="0"  test-id="itemContainer">
+                        <div class="main main-no-action-nor-bullet"></div>
+                    </div>
+                `);
+            });
+        });
+    });
+});
+//# sourceMappingURL=q2-item-test.spec.js.map

package/dist/test/elements/q2-item-test.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-item-test.spec.js","sourceRoot":"","sources":["../../../test/elements/q2-item-test.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAExD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACrB,IAAI,QAAkB,CAAC;IAEvB,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACnB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;YACvB,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;gBAC1E,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,MAAM,CAAC;oBACpB,IAAI,EAAE,qBAAqB;iBAC9B,CAAC,CAAC;gBACH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;;;;iBAInE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;gBACpD,QAAQ,GAAG,MAAM,WAAW,CAAC;oBACzB,UAAU,EAAE,CAAC,MAAM,CAAC;oBACpB,IAAI,EAAE,+BAA+B;iBACxC,CAAC,CAAC;gBACH,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;;;;iBAInE,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { SpecPage, newSpecPage } from '@stencil/core/testing';\nimport { Q2Item } from 'src/components/q2-item/q2-item';\n\ndescribe('q2-item', () => {\n    let specPage: SpecPage;\n\n    describe('Props', () => {\n        describe('clickable', () => {\n            it('does not make the item clickable when not provided (default)', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Item],\n                    html: `<q2-item></q2-item>`,\n                });\n                expect(specPage.root.shadowRoot.querySelector('.item')).toEqualHtml(`\n                    <div class=\"item item-no-action-nor-bullet item-no-footer\" test-id=\"itemContainer\">\n                        <div class=\"main main-no-action-nor-bullet\"></div>\n                    </div>\n                `);\n            });\n\n            it('makes the item clickable when provided', async () => {\n                specPage = await newSpecPage({\n                    components: [Q2Item],\n                    html: `<q2-item clickable></q2-item>`,\n                });\n                expect(specPage.root.shadowRoot.querySelector('.item')).toEqualHtml(`\n                    <div class=\"item item-no-action-nor-bullet item-no-footer\"  role=\"button\" tabindex=\"0\"  test-id=\"itemContainer\">\n                        <div class=\"main main-no-action-nor-bullet\"></div>\n                    </div>\n                `);\n            });\n        });\n    });\n});\n"]}

package/dist/test/elements/q2-legend-test.e2e.js

@@ -0,0 +1,19 @@
+import { evaluateA11y, setup } from "../helpers";
+describe('q2-legend', () => {
+    const testData = [
+        { color: 'red', id: 'item1', name: 'Item 1', value: 1000000 },
+        { color: 'blue', id: 'item2', name: 'Item 2', value: 200 },
+        { color: 'green', id: 'item3', name: 'Item 3', value: 300 },
+    ];
+    describe('[A11y] guideline compliance', () => {
+        it('Does not have accessibility violations', async () => {
+            const page = await setup({ html: `<q2-legend />` });
+            const legend = (await page.find('q2-legend'));
+            legend.setProperty('data', testData);
+            await page.waitForChanges();
+            const hasViolations = await evaluateA11y(page);
+            expect(hasViolations).toBe(false);
+        });
+    });
+});
+//# sourceMappingURL=q2-legend-test.e2e.js.map

package/dist/test/elements/q2-legend-test.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-legend-test.e2e.js","sourceRoot":"","sources":["../../../test/elements/q2-legend-test.e2e.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEjD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG;QACb,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;QAC7D,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;QAC1D,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;KAC9D,CAAC;IAEF,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;YACpD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC;YACpD,MAAM,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAiC,CAAC;YAC9E,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;YAE/C,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { E2EElement } from '@stencil/core/testing';\nimport { evaluateA11y, setup } from '../helpers';\n\ndescribe('q2-legend', () => {\n    const testData = [\n        { color: 'red', id: 'item1', name: 'Item 1', value: 1000000 },\n        { color: 'blue', id: 'item2', name: 'Item 2', value: 200 },\n        { color: 'green', id: 'item3', name: 'Item 3', value: 300 },\n    ];\n\n    describe('[A11y] guideline compliance', () => {\n        it('Does not have accessibility violations', async () => {\n            const page = await setup({ html: `<q2-legend />` });\n            const legend = (await page.find('q2-legend')) as E2EElement & { data: any[] };\n            legend.setProperty('data', testData);\n            await page.waitForChanges();\n            const hasViolations = await evaluateA11y(page);\n\n            expect(hasViolations).toBe(false);\n        });\n    });\n});\n"]}

package/dist/test/elements/q2-legend-test.spec.js

@@ -0,0 +1,271 @@
+import { h } from "@stencil/core";
+import { newSpecPage } from "@stencil/core/testing";
+import { Q2Legend } from "../../src/components/q2-legend/q2-legend";
+describe('q2-legend', () => {
+    const setupSpecPage = async (attributes = {}) => {
+        const page = await newSpecPage({
+            components: [Q2Legend],
+            template: () => (h("q2-legend", Object.assign({ data: testData }, attributes))),
+        });
+        page.waitForChanges();
+        return page;
+    };
+    const testData = [
+        { color: 'red', id: 'item1', name: 'Item 1', value: 1000000 },
+        { color: 'blue', id: 'item2', name: 'Item 2', value: 200 },
+        { color: 'green', id: 'item3', name: 'Item 3', value: 300 },
+    ];
+    describe('Props', () => {
+        describe('data', () => {
+            it('when set set legend items rendered', async () => {
+                var _a;
+                const page = await setupSpecPage();
+                const legendItems = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+                const legendItemColor = (_a = legendItems[0].querySelector('[test-id="itemColor"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('style');
+                const legendItemName = legendItems[0].querySelector('[test-id="itemName"]').innerHTML;
+                const legendItemValue = legendItems[0].querySelector('[test-id="itemValue"]').innerHTML;
+                expect(legendItems).toHaveLength(testData.length);
+                expect(legendItemColor).toContain(`background-color: ${testData[0].color}`);
+                expect(legendItemName).toEqual(testData[0].name);
+                expect(legendItemValue).toEqual(Intl.NumberFormat('en-US').format(testData[0].value));
+            });
+        });
+        describe('format', () => {
+            it('when set to "default" should format the value of the legend item', async () => {
+                const page = await setupSpecPage({ format: 'default' });
+                const legendItemValue = page.root.shadowRoot.querySelector('[test-id="itemValue"]').innerHTML;
+                expect(legendItemValue).toEqual(Intl.NumberFormat('en-US').format(testData[0].value));
+            });
+            it('when set to "currency" should format the value of the legend item', async () => {
+                const page = await setupSpecPage({ format: 'currency' });
+                const legendItemValue = page.root.shadowRoot.querySelector('[test-id="itemValue"]').innerHTML;
+                expect(legendItemValue).toEqual(Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(testData[0].value));
+            });
+        });
+        describe('hoveredItemId', () => {
+            it('when set to existing index all items except the corresponding item should be faded', async () => {
+                const page = await setupSpecPage({ hoveredItemId: 'item1' });
+                const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+                legendItemButtons.forEach((item, index) => {
+                    if (index === 0) {
+                        expect(item).not.toHaveClass('item-button-faded');
+                    }
+                    else {
+                        expect(item).toHaveClass('item-button-faded');
+                    }
+                });
+            });
+            it('when changed after render a new item is highlighted', async () => {
+                const page = await setupSpecPage({ hoveredItemId: 'item1' });
+                const legend = page.root;
+                const legendItemButtons = legend.shadowRoot.querySelectorAll('[test-id="item"]');
+                legend.hoveredItemId = 'item2';
+                await page.waitForChanges();
+                legendItemButtons.forEach((item, index) => {
+                    if (index === 1) {
+                        expect(item).not.toHaveClass('item-button-faded');
+                    }
+                    else {
+                        expect(item).toHaveClass('item-button-faded');
+                    }
+                });
+            });
+        });
+        describe('selectedItemId', () => {
+            it('when set to existing index the corresponding item should be selected and all other items should be faded', async () => {
+                const page = await setupSpecPage({ selectedItemId: 'item1' });
+                const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+                legendItemButtons.forEach((item, index) => {
+                    if (index === 0) {
+                        expect(item).toHaveClass('item-button-selected');
+                        expect(item).not.toHaveClass('item-button-faded');
+                    }
+                    else {
+                        expect(item).toHaveClass('item-button-faded');
+                    }
+                });
+            });
+            it('when changed after render a new item is selected', async () => {
+                const page = await setupSpecPage({ selectedItemId: 'item1' });
+                const legend = page.root;
+                const legendItemButtons = legend.shadowRoot.querySelectorAll('[test-id="item"]');
+                legend.selectedItemId = 'item2';
+                await page.waitForChanges();
+                legendItemButtons.forEach((item, index) => {
+                    if (index === 1) {
+                        expect(item).toHaveClass('item-button-selected');
+                        expect(item).not.toHaveClass('item-button-faded');
+                    }
+                    else {
+                        expect(item).toHaveClass('item-button-faded');
+                    }
+                });
+            });
+        });
+    });
+    describe('Events', () => {
+        describe('click', () => {
+            it('when a legend item is clicked an event with an item data payload should be emitted', async () => {
+                const page = await setupSpecPage();
+                const legend = page.root;
+                const eventSpy = jest.fn();
+                legend.addEventListener('click', eventSpy);
+                const legendItemButton = page.root.shadowRoot.querySelector('[test-id="item"]');
+                await legendItemButton.click();
+                expect(eventSpy).toHaveBeenCalled();
+                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);
+            });
+        });
+        describe('mouseenter', () => {
+            it('when a legend item is hovered over an event with an item data payload should be emitted', async () => {
+                const page = await setupSpecPage();
+                const legend = page.root;
+                const eventSpy = jest.fn();
+                legend.addEventListener('mouseenter', eventSpy);
+                const legendItemButton = page.root.shadowRoot.querySelector('[test-id="item"]');
+                const mouseenterEvent = new MouseEvent('mouseenter', {
+                    view: window,
+                    bubbles: true,
+                    cancelable: true,
+                });
+                await legendItemButton.dispatchEvent(mouseenterEvent);
+                page.waitForChanges();
+                expect(eventSpy).toHaveBeenCalled();
+                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);
+            });
+        });
+        describe('mouseleave', () => {
+            it('when a legend item is hovered over an event with an item data payload should be emitted', async () => {
+                const page = await setupSpecPage();
+                const legend = page.root;
+                const eventSpy = jest.fn();
+                legend.addEventListener('mouseleave', eventSpy);
+                const legendItemButton = page.root.shadowRoot.querySelector('[test-id="item"]');
+                const mouseleaveEvent = new MouseEvent('mouseleave', {
+                    view: window,
+                    bubbles: true,
+                    cancelable: true,
+                });
+                await legendItemButton.dispatchEvent(mouseleaveEvent);
+                page.waitForChanges();
+                expect(eventSpy).toHaveBeenCalled();
+                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);
+            });
+        });
+    });
+    describe('Behavior', () => {
+        it('when a legend item is clicked it should be selected and all other items should be faded', async () => {
+            const page = await setupSpecPage();
+            const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+            await legendItemButtons[0].click();
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).toHaveClass('item-button-selected');
+                    expect(item).not.toHaveClass('item-button-faded');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+        });
+        it('when a selected legend item is clicked it should be deselected and the other items should remain faded', async () => {
+            const page = await setupSpecPage();
+            const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+            await legendItemButtons[0].click();
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).toHaveClass('item-button-selected');
+                    expect(item).not.toHaveClass('item-button-faded');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+            await legendItemButtons[0].click();
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).not.toHaveClass('item-button-selected');
+                    expect(item).not.toHaveClass('item-button-faded');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+        });
+        it('when a selected legend is deselected via the keyboard no items should be faded', async () => {
+            const page = await setupSpecPage();
+            const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+            const keyboardSelectClickEvent = new MouseEvent('click', { detail: 0 });
+            await legendItemButtons[0].dispatchEvent(keyboardSelectClickEvent);
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).toHaveClass('item-button-selected');
+                    expect(item).not.toHaveClass('item-button-faded');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+            const keyboardUnselectClickEvent = new MouseEvent('click', { detail: 0 });
+            await legendItemButtons[0].dispatchEvent(keyboardUnselectClickEvent);
+            await page.waitForChanges();
+            legendItemButtons.forEach((item) => {
+                expect(item).not.toHaveClass('item-button-selected');
+                expect(item).not.toHaveClass('item-button-faded');
+            });
+        });
+        it('when a legend item is hovered over all other items should be faded except for selected items', async () => {
+            const page = await setupSpecPage();
+            const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+            const secondLegendItemButton = legendItemButtons[1];
+            await secondLegendItemButton.click();
+            await page.waitForChanges();
+            const firstLegendItemButton = legendItemButtons[0];
+            const mouseenterEvent = new MouseEvent('mouseenter', {
+                view: window,
+                bubbles: true,
+                cancelable: true,
+            });
+            await firstLegendItemButton.dispatchEvent(mouseenterEvent);
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).not.toHaveClass('item-button-faded');
+                    expect(item).not.toHaveClass('item-button-selected');
+                }
+                else if (index === 1) {
+                    expect(item).toHaveClass('item-button-selected');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+        });
+        it('after clicking outside of the legend all items should not be faded', async () => {
+            const page = await setupSpecPage();
+            const legendItemButtons = page.root.shadowRoot.querySelectorAll('[test-id="item"]');
+            await legendItemButtons[0].click();
+            await page.waitForChanges();
+            legendItemButtons.forEach((item, index) => {
+                if (index === 0) {
+                    expect(item).not.toHaveClass('item-button-faded');
+                }
+                else {
+                    expect(item).toHaveClass('item-button-faded');
+                }
+            });
+            const clickElsewhere = page.root.shadowRoot.querySelector('click-elsewhere');
+            const changeEvent = new Event('change');
+            await clickElsewhere.dispatchEvent(changeEvent);
+            await page.waitForChanges();
+            legendItemButtons.forEach((item) => {
+                expect(item).not.toHaveClass('item-button-faded');
+            });
+        });
+    });
+});
+//# sourceMappingURL=q2-legend-test.spec.js.map

package/dist/test/elements/q2-legend-test.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"q2-legend-test.spec.js","sourceRoot":"","sources":["../../../test/elements/q2-legend-test.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Q2Legend } from '../../src/components/q2-legend/q2-legend';\n\ndescribe('q2-legend', () => {\n    const setupSpecPage = async (attributes = {}) => {\n        const page = await newSpecPage({\n            components: [Q2Legend],\n            template: () => (\n                <q2-legend\n                    data={testData}\n                    {...attributes}\n                />\n            ),\n        });\n        page.waitForChanges();\n\n        return page;\n    };\n\n    const testData = [\n        { color: 'red', id: 'item1', name: 'Item 1', value: 1000000 },\n        { color: 'blue', id: 'item2', name: 'Item 2', value: 200 },\n        { color: 'green', id: 'item3', name: 'Item 3', value: 300 },\n    ];\n\n    describe('Props', () => {\n        describe('data', () => {\n            it('when set set legend items rendered', async () => {\n                const page = await setupSpecPage();\n                const legendItems = page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n                const legendItemColor = legendItems[0].querySelector('[test-id=\"itemColor\"]')?.getAttribute('style');\n                const legendItemName = legendItems[0].querySelector('[test-id=\"itemName\"]').innerHTML;\n                const legendItemValue = legendItems[0].querySelector('[test-id=\"itemValue\"]').innerHTML;\n\n                expect(legendItems).toHaveLength(testData.length);\n                expect(legendItemColor).toContain(`background-color: ${testData[0].color}`);\n                expect(legendItemName).toEqual(testData[0].name);\n                expect(legendItemValue).toEqual(Intl.NumberFormat('en-US').format(testData[0].value));\n            });\n        });\n\n        describe('format', () => {\n            it('when set to \"default\" should format the value of the legend item', async () => {\n                const page = await setupSpecPage({ format: 'default' });\n                const legendItemValue = page.root.shadowRoot.querySelector('[test-id=\"itemValue\"]').innerHTML;\n\n                expect(legendItemValue).toEqual(Intl.NumberFormat('en-US').format(testData[0].value));\n            });\n            it('when set to \"currency\" should format the value of the legend item', async () => {\n                const page = await setupSpecPage({ format: 'currency' });\n                const legendItemValue = page.root.shadowRoot.querySelector('[test-id=\"itemValue\"]').innerHTML;\n\n                expect(legendItemValue).toEqual(\n                    Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(testData[0].value)\n                );\n            });\n        });\n\n        describe('hoveredItemId', () => {\n            it('when set to existing index all items except the corresponding item should be faded', async () => {\n                const page = await setupSpecPage({ hoveredItemId: 'item1' });\n                const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                    page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n\n                legendItemButtons.forEach((item: HTMLElement, index) => {\n                    if (index === 0) {\n                        expect(item).not.toHaveClass('item-button-faded');\n                    } else {\n                        expect(item).toHaveClass('item-button-faded');\n                    }\n                });\n            });\n            it('when changed after render a new item is highlighted', async () => {\n                const page = await setupSpecPage({ hoveredItemId: 'item1' });\n                const legend = page.root;\n                const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                    legend.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n                legend.hoveredItemId = 'item2';\n                await page.waitForChanges();\n\n                legendItemButtons.forEach((item: HTMLElement, index) => {\n                    if (index === 1) {\n                        expect(item).not.toHaveClass('item-button-faded');\n                    } else {\n                        expect(item).toHaveClass('item-button-faded');\n                    }\n                });\n            });\n        });\n\n        describe('selectedItemId', () => {\n            it('when set to existing index the corresponding item should be selected and all other items should be faded', async () => {\n                const page = await setupSpecPage({ selectedItemId: 'item1' });\n                const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                    page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n\n                legendItemButtons.forEach((item: HTMLElement, index) => {\n                    if (index === 0) {\n                        expect(item).toHaveClass('item-button-selected');\n                        expect(item).not.toHaveClass('item-button-faded');\n                    } else {\n                        expect(item).toHaveClass('item-button-faded');\n                    }\n                });\n            });\n            it('when changed after render a new item is selected', async () => {\n                const page = await setupSpecPage({ selectedItemId: 'item1' });\n                const legend = page.root;\n                const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                    legend.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n                legend.selectedItemId = 'item2';\n                await page.waitForChanges();\n\n                legendItemButtons.forEach((item: HTMLElement, index) => {\n                    if (index === 1) {\n                        expect(item).toHaveClass('item-button-selected');\n                        expect(item).not.toHaveClass('item-button-faded');\n                    } else {\n                        expect(item).toHaveClass('item-button-faded');\n                    }\n                });\n            });\n        });\n    });\n\n    describe('Events', () => {\n        describe('click', () => {\n            it('when a legend item is clicked an event with an item data payload should be emitted', async () => {\n                const page = await setupSpecPage();\n                const legend = page.root;\n                const eventSpy = jest.fn();\n                legend.addEventListener('click', eventSpy);\n                const legendItemButton = page.root.shadowRoot.querySelector('[test-id=\"item\"]') as HTMLButtonElement;\n                await legendItemButton.click();\n\n                expect(eventSpy).toHaveBeenCalled();\n                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);\n            });\n        });\n\n        describe('mouseenter', () => {\n            it('when a legend item is hovered over an event with an item data payload should be emitted', async () => {\n                const page = await setupSpecPage();\n                const legend = page.root;\n                const eventSpy = jest.fn();\n                legend.addEventListener('mouseenter', eventSpy);\n                const legendItemButton = page.root.shadowRoot.querySelector('[test-id=\"item\"]') as HTMLButtonElement;\n                const mouseenterEvent = new MouseEvent('mouseenter', {\n                    view: window,\n                    bubbles: true,\n                    cancelable: true,\n                });\n                await legendItemButton.dispatchEvent(mouseenterEvent);\n                page.waitForChanges();\n\n                expect(eventSpy).toHaveBeenCalled();\n                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);\n            });\n        });\n\n        describe('mouseleave', () => {\n            it('when a legend item is hovered over an event with an item data payload should be emitted', async () => {\n                const page = await setupSpecPage();\n                const legend = page.root;\n                const eventSpy = jest.fn();\n                legend.addEventListener('mouseleave', eventSpy);\n                const legendItemButton = page.root.shadowRoot.querySelector('[test-id=\"item\"]') as HTMLButtonElement;\n                const mouseleaveEvent = new MouseEvent('mouseleave', {\n                    view: window,\n                    bubbles: true,\n                    cancelable: true,\n                });\n                await legendItemButton.dispatchEvent(mouseleaveEvent);\n                page.waitForChanges();\n\n                expect(eventSpy).toHaveBeenCalled();\n                expect(eventSpy.mock.calls[0][0].detail).toEqual(testData[0]);\n            });\n        });\n    });\n\n    describe('Behavior', () => {\n        it('when a legend item is clicked it should be selected and all other items should be faded', async () => {\n            const page = await setupSpecPage();\n            const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n            await legendItemButtons[0].click();\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).toHaveClass('item-button-selected');\n                    expect(item).not.toHaveClass('item-button-faded');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n        });\n        it('when a selected legend item is clicked it should be deselected and the other items should remain faded', async () => {\n            const page = await setupSpecPage();\n            const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n            await legendItemButtons[0].click();\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).toHaveClass('item-button-selected');\n                    expect(item).not.toHaveClass('item-button-faded');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n\n            await legendItemButtons[0].click();\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).not.toHaveClass('item-button-selected');\n                    expect(item).not.toHaveClass('item-button-faded');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n        });\n        it('when a selected legend is deselected via the keyboard no items should be faded', async () => {\n            const page = await setupSpecPage();\n            const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n            const keyboardSelectClickEvent = new MouseEvent('click', { detail: 0 });\n            await legendItemButtons[0].dispatchEvent(keyboardSelectClickEvent);\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).toHaveClass('item-button-selected');\n                    expect(item).not.toHaveClass('item-button-faded');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n\n            const keyboardUnselectClickEvent = new MouseEvent('click', { detail: 0 });\n            await legendItemButtons[0].dispatchEvent(keyboardUnselectClickEvent);\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement) => {\n                expect(item).not.toHaveClass('item-button-selected');\n                expect(item).not.toHaveClass('item-button-faded');\n            });\n        });\n        it('when a legend item is hovered over all other items should be faded except for selected items', async () => {\n            const page = await setupSpecPage();\n            const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n            const secondLegendItemButton = legendItemButtons[1];\n            await secondLegendItemButton.click();\n            await page.waitForChanges();\n            const firstLegendItemButton = legendItemButtons[0];\n            const mouseenterEvent = new MouseEvent('mouseenter', {\n                view: window,\n                bubbles: true,\n                cancelable: true,\n            });\n            await firstLegendItemButton.dispatchEvent(mouseenterEvent);\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).not.toHaveClass('item-button-faded');\n                    expect(item).not.toHaveClass('item-button-selected');\n                } else if (index === 1) {\n                    expect(item).toHaveClass('item-button-selected');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n        });\n        it('after clicking outside of the legend all items should not be faded', async () => {\n            const page = await setupSpecPage();\n            const legendItemButtons: NodeListOf<HTMLButtonElement> =\n                page.root.shadowRoot.querySelectorAll('[test-id=\"item\"]');\n            await legendItemButtons[0].click();\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement, index) => {\n                if (index === 0) {\n                    expect(item).not.toHaveClass('item-button-faded');\n                } else {\n                    expect(item).toHaveClass('item-button-faded');\n                }\n            });\n\n            const clickElsewhere = page.root.shadowRoot.querySelector('click-elsewhere');\n            const changeEvent = new Event('change');\n            await clickElsewhere.dispatchEvent(changeEvent);\n            await page.waitForChanges();\n\n            legendItemButtons.forEach((item: HTMLElement) => {\n                expect(item).not.toHaveClass('item-button-faded');\n            });\n        });\n    });\n});\n"]}

package/dist/test/elements/q2-pagination-test.e2e.js

@@ -447,6 +447,28 @@ describe('q2-pagination', () => {
                 });
             });
         });
+        describe('perPageIncrements', () => {
+            beforeEach(async () => {
+                await page.setContent(`<q2-pagination total="500"></q2-pagination>`);
+                pagination = await page.find('q2-pagination');
+                pagination.setProperty('perPageIncrements', [10, 20, 30]);
+                await page.waitForChanges();
+            });
+            it('show perPage dropdown', async () => {
+                const select = await page.find('q2-pagination >>> q2-select');
+                expect(select).toBeTruthy();
+                const options = await page.findAll('q2-pagination >>> q2-select > q2-option');
+                expect(options).toHaveLength(3);
+            });
+            it('set perPage properly using dropdown', async () => {
+                await dispatchEvent(page, ['q2-pagination', 'q2-select', 'q2-input'], 'click');
+                const options = await page.findAll('q2-pagination >>> q2-select > q2-option');
+                // click 2nd option (perPage 20)
+                options[1].click();
+                await page.waitForChanges();
+                expect(await pagination.getProperty('perPage')).toBe(20);
+            });
+        });
     });
 });
 //# sourceMappingURL=q2-pagination-test.e2e.js.map