wcs-core 7.3.0 → 7.4.0

package/dist/collection/components/dropdown/dropdown.e2e.js

@@ -1,156 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Dropdown component', () => {
-    let page;
-    let dropdown;
-    let dropdownButton;
-    let items;
-    let firstItem;
-    let lastItem;
-    beforeEach(async () => {
-        // Given
-        page = await newE2EPage();
-        await setWcsContent(page, `
-            <wcs-dropdown mode="plain" shape="normal" size="m">
-                <span slot="placeholder">Dropdown</span>
-                <wcs-dropdown-item id="first-item">Premier item</wcs-dropdown-item>
-                <wcs-dropdown-header>ACTION HEADER</wcs-dropdown-header>
-                <wcs-dropdown-item>Second item test avec un long texte</wcs-dropdown-item>
-                <wcs-dropdown-item>Dernier item</wcs-dropdown-item>
-                <wcs-dropdown-divider></wcs-dropdown-divider>
-                <wcs-dropdown-item id="last-item">Dernier item</wcs-dropdown-item>
-            </wcs-dropdown>
-        `);
-        dropdown = await page.find('wcs-dropdown');
-        dropdownButton = await page.find('wcs-dropdown >>> #dropdown-button');
-        items = await page.findAll('wcs-dropdown-item');
-        firstItem = await page.find('wcs-dropdown-item#first-item');
-        lastItem = await page.find('wcs-dropdown-item#last-item');
-    });
-    describe('keyboard interactions', () => {
-        it('Enter should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('SPACE should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('Space');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('DOWN_ARROW should open menu and move focus to the first item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('ArrowDown');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[0]);
-        });
-        it('UP_ARROW should open menu and move focus to the last item', async () => {
-            // When
-            await dropdown.focus();
-            await page.keyboard.press('ArrowUp');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[items.length - 1]);
-        });
-        it('HOME should focus the first item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.waitForChanges();
-            await page.keyboard.press('Home');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(firstItem);
-        });
-        it('END should focus the last item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.waitForChanges();
-            await page.keyboard.press('End');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(lastItem);
-        });
-        it('UP_ARROW should move focus to the previous item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('ArrowUp');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(lastItem);
-        });
-        it('DOWN_ARROW should move focus to the next item', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('ArrowDown');
-            await page.waitForChanges();
-            // Then
-            const focusedItem = await page.find(':focus');
-            expect(focusedItem).toEqual(items[1]);
-        });
-        it('ESCAPE should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('Escape');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('TAB should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.press('Tab');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('SHIFT+TAB should close the menu and set focus on the dropdown button', async () => {
-            // When
-            await dropdownButton.click();
-            await page.keyboard.down('Shift');
-            await page.keyboard.press('Tab');
-            await page.keyboard.up('Shift');
-            await page.waitForChanges();
-            // Then
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-        it('ENTER should activate the item, close menu, and set focus on the dropdown button', async () => {
-            const itemClickSpy = await dropdown.spyOnEvent('wcsDropdownItemClick');
-            // When
-            await dropdownButton.click();
-            await items[0].focus();
-            await page.keyboard.press('Enter');
-            await page.waitForChanges();
-            // Then
-            expect(itemClickSpy).toHaveReceivedEventTimes(1);
-            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');
-            const focusedElement = await page.find(':focus');
-            expect(focusedElement).toEqual(dropdown);
-        });
-    });
-});
-//# sourceMappingURL=dropdown.e2e.js.map

package/dist/collection/components/dropdown/dropdown.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.e2e.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,IAAI,IAAI,CAAC;IACT,IAAI,QAAQ,CAAC;IACb,IAAI,cAAc,CAAC;IACnB,IAAI,KAAK,CAAC;IACV,IAAI,SAAS,CAAC;IACd,IAAI,QAAQ,CAAC;IAEb,UAAU,CAAC,KAAK,IAAI,EAAE;QAClB,QAAQ;QACR,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAC1B,MAAM,aAAa,CAAC,IAAI,EAAE;;;;;;;;;;SAUzB,CAAC,CAAC;QACH,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3C,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;QACtE,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAChD,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;QAC5D,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;YACrE,OAAO;YACP,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YACjE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;YACrE,OAAO;YACP,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YACjE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;YAC1E,OAAO;YACP,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YACjE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;YACvE,OAAO;YACP,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YACjE,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;YAC9C,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAClC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC5C,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;YAC7D,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;YAC3D,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACvC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9C,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;YAC/E,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACpC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAClE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;YAC5E,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAClE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;YAClF,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAClC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;YAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAClE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kFAAkF,EAAE,KAAK,IAAI,EAAE;YAC9F,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;YAEvE,OAAO;YACP,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAC7B,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;YAE5B,OAAO;YACP,MAAM,CAAC,YAAY,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAClE,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjD,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Dropdown component', () => {\n    let page;\n    let dropdown;\n    let dropdownButton;\n    let items;\n    let firstItem;\n    let lastItem;\n\n    beforeEach(async () => {\n        // Given\n        page = await newE2EPage();\n        await setWcsContent(page, `\n            <wcs-dropdown mode=\"plain\" shape=\"normal\" size=\"m\">\n                <span slot=\"placeholder\">Dropdown</span>\n                <wcs-dropdown-item id=\"first-item\">Premier item</wcs-dropdown-item>\n                <wcs-dropdown-header>ACTION HEADER</wcs-dropdown-header>\n                <wcs-dropdown-item>Second item test avec un long texte</wcs-dropdown-item>\n                <wcs-dropdown-item>Dernier item</wcs-dropdown-item>\n                <wcs-dropdown-divider></wcs-dropdown-divider>\n                <wcs-dropdown-item id=\"last-item\">Dernier item</wcs-dropdown-item>\n            </wcs-dropdown>\n        `);\n        dropdown = await page.find('wcs-dropdown');\n        dropdownButton = await page.find('wcs-dropdown >>> #dropdown-button');\n        items = await page.findAll('wcs-dropdown-item');\n        firstItem = await page.find('wcs-dropdown-item#first-item');\n        lastItem = await page.find('wcs-dropdown-item#last-item');\n    });\n\n    describe('keyboard interactions', () => {\n        it('Enter should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('Enter');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('SPACE should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('Space');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('DOWN_ARROW should open menu and move focus to the first item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('ArrowDown');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[0]);\n        });\n\n        it('UP_ARROW should open menu and move focus to the last item', async () => {\n            // When\n            await dropdown.focus();\n            await page.keyboard.press('ArrowUp');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'true');\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[items.length - 1]);\n        });\n\n        it('HOME should focus the first item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.waitForChanges();\n            await page.keyboard.press('Home');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(firstItem);\n        });\n\n        it('END should focus the last item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.waitForChanges();\n            await page.keyboard.press('End');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(lastItem);\n        });\n\n        it('UP_ARROW should move focus to the previous item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('ArrowUp');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(lastItem);\n        });\n\n        it('DOWN_ARROW should move focus to the next item', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('ArrowDown');\n            await page.waitForChanges();\n\n            // Then\n            const focusedItem = await page.find(':focus');\n            expect(focusedItem).toEqual(items[1]);\n        });\n\n        it('ESCAPE should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('Escape');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('TAB should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.press('Tab');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('SHIFT+TAB should close the menu and set focus on the dropdown button', async () => {\n            // When\n            await dropdownButton.click();\n            await page.keyboard.down('Shift');\n            await page.keyboard.press('Tab');\n            await page.keyboard.up('Shift');\n            await page.waitForChanges();\n\n            // Then\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n\n        it('ENTER should activate the item, close menu, and set focus on the dropdown button', async () => {\n            const itemClickSpy = await dropdown.spyOnEvent('wcsDropdownItemClick');\n\n            // When\n            await dropdownButton.click();\n            await items[0].focus();\n            await page.keyboard.press('Enter');\n            await page.waitForChanges();\n\n            // Then\n            expect(itemClickSpy).toHaveReceivedEventTimes(1);\n            expect(dropdownButton).toEqualAttribute('aria-expanded', 'false');\n            const focusedElement = await page.find(':focus');\n            expect(focusedElement).toEqual(dropdown);\n        });\n    });\n});\n"]}

package/dist/collection/components/editable-field/editable-field.e2e.js

@@ -1,176 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe('wcs-editable-field', () => {
-    it('renders with input element and default props', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Input" value="Initial value" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer).not.toBeNull();
-        expect(displayContainer.textContent).toContain('Initial value');
-        const label = await page.find('wcs-editable-field >>> .label');
-        expect(label.textContent).toBe('Test Input');
-    });
-    it('transitions from DISPLAY to EDIT state when clicked', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Input" value="Initial value" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        // Wait for state transition
-        await page.waitForChanges();
-        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainer).not.toBeNull();
-    });
-    it('properly handles validation', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field id="validate-test" label="Test Validation" value="Valid" error-msg="Value is invalid" type="input">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Set up validation function
-        await page.$eval('wcs-editable-field', (el) => {
-            el.validateFn = (val) => val === 'Valid';
-        });
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Input invalid value
-        const input = await page.find('wcs-input');
-        await input.type('Invalid');
-        await page.waitForChanges();
-        // Trigger validation (simulate Enter key)
-        await input.press('Enter');
-        await page.waitForChanges();
-        // Check error message is displayed
-        const errorElement = await page.find('wcs-editable-field >>> wcs-error');
-        expect(errorElement).not.toBeNull();
-        expect(errorElement.textContent).toBe('Value is invalid');
-    });
-    it('emits wcsChange event with correct data', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Test Events" value="Old value" type="input" id="event-test">
-                <wcs-input id="test-input"></wcs-input>
-            </wcs-editable-field>
-        `);
-        const changeEvent = await page.spyOnEvent('wcsChange');
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Input new value
-        const input = await page.find('wcs-input');
-        await input.press('Backspace'); // Clear value (backspace is easier than selecting all)
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.press('Backspace');
-        await input.type('New value');
-        await page.waitForChanges();
-        // Submit the form
-        await input.press('Enter');
-        await page.waitForChanges();
-        // Note: Functions defined in the event's detail object (successHandler and errorHandler)
-        // are not cloned by the DOM's structured clone algorithm.
-        // This means that when the event is emitted, these functions will not be present in the
-        // event.detail object when accessed in E2E tests, even though they exist in the browser.
-        expect(changeEvent).toHaveNthReceivedEventDetail(0, {
-            newValue: 'New value'
-        });
-    });
-    it('respects readonly property', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Read Only Field" value="Readonly value" readonly="true" type="input" id="test">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Check readonly icon is displayed
-        const readonlyIcon = await page.find('wcs-editable-field >>> .readonly-icon');
-        expect(readonlyIcon).not.toBeNull();
-        // Try clicking
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Should still be in display mode
-        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainer).toBeNull();
-    });
-    it('works correctly with textarea', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Textarea Test" type="textarea" value="Multiline\nText" id="test">
-                <wcs-textarea></wcs-textarea>
-            </wcs-editable-field>
-        `);
-        // Check it renders correctly
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer.textContent).toContain('Multiline\nText');
-        // Go to edit mode
-        await displayContainer.click();
-        await page.waitForChanges();
-        // Should need Ctrl+Enter to submit with textarea
-        const textarea = await page.find('wcs-textarea');
-        await textarea.press('Enter'); // This should NOT submit
-        await page.waitForChanges();
-        // Should still be in edit mode
-        const editContainerVisible = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');
-        expect(editContainerVisible).not.toBeNull();
-    });
-    it('works correctly with select', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field label="Select Test" type="select" value="option1" id="test">
-                <wcs-select>
-                    <wcs-select-option value="option1">Option 1</wcs-select-option>
-                    <wcs-select-option value="option2">Option 2</wcs-select-option>
-                </wcs-select>
-            </wcs-editable-field>
-        `);
-        // Go to edit mode
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        await displayContainer.click();
-        await page.waitForChanges();
-        // We get the select element
-        const select = await page.find('wcs-select');
-        await select.focus();
-        await select.press('ArrowDown');
-        // press CTRL + ENTER (combined) to validate
-        await page.keyboard.down('Control');
-        await page.keyboard.press('Enter');
-        await page.keyboard.up('Control');
-        await page.waitForChanges();
-        // Should be in load state after change
-        const loadContainer = await page.find('wcs-editable-field >>> .load-container:not(.display-none)');
-        expect(loadContainer).not.toBeNull();
-    });
-    it('properly handles custom formatting function', async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-            <wcs-editable-field id="format-test" label="Formatting Test" value="test value" type="input">
-                <wcs-input></wcs-input>
-            </wcs-editable-field>
-        `);
-        // Set custom formatter
-        await page.$eval('wcs-editable-field', (el) => {
-            el.formatFn = (val) => val ? val.toUpperCase() : '';
-        });
-        await page.waitForChanges();
-        // Check formatted output
-        const displayContainer = await page.find('wcs-editable-field >>> .display-container');
-        expect(displayContainer.textContent).toContain('TEST VALUE');
-    });
-});
-//# sourceMappingURL=editable-field.e2e.js.map

package/dist/collection/components/editable-field/editable-field.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"editable-field.e2e.js","sourceRoot":"","sources":["../../../src/components/editable-field/editable-field.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;QAEhE,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAC/D,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAE/B,4BAA4B;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;QACnG,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,6BAA6B;QAC7B,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;YAC1C,EAAE,CAAC,UAAU,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,kBAAkB;QAClB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,sBAAsB;QACtB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,0CAA0C;QAC1C,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,mCAAmC;QACnC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QACzE,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QAEvD,kBAAkB;QAClB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,kBAAkB;QAClB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,uDAAuD;QACvF,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC/B,MAAM,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,kBAAkB;QAClB,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC3B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,yFAAyF;QACzF,0DAA0D;QAC1D,wFAAwF;QACxF,yFAAyF;QACzF,MAAM,CAAC,WAAW,CAAC,CAAC,4BAA4B,CAAC,CAAC,EAAE;YAChD,QAAQ,EAAE,WAAW;SACxB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,mCAAmC;QACnC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,uCAAuC,CAAC,CAAC;QAC9E,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAEpC,eAAe;QACf,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,kCAAkC;QAClC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;QACnG,MAAM,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,6BAA6B;QAC7B,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAElE,kBAAkB;QAClB,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,iDAAiD;QACjD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACjD,MAAM,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB;QACxD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,+BAA+B;QAC/B,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;QAC1G,MAAM,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;SAOrB,CAAC,CAAC;QAEH,kBAAkB;QAClB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,4BAA4B;QAC5B,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7C,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,MAAM,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAEhC,4CAA4C;QAC5C,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QAElC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,uCAAuC;QACvC,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;QACnG,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;SAIrB,CAAC,CAAC;QAEH,uBAAuB;QACvB,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,CAAC,EAAE,EAAE,EAAE;YAC1C,EAAE,CAAC,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,yBAAyB;QACzB,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,2CAA2C,CAAC,CAAC;QACtF,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('wcs-editable-field', () => {\n    it('renders with input element and default props', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Input\" value=\"Initial value\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer).not.toBeNull();\n        expect(displayContainer.textContent).toContain('Initial value');\n\n        const label = await page.find('wcs-editable-field >>> .label');\n        expect(label.textContent).toBe('Test Input');\n    });\n\n    it('transitions from DISPLAY to EDIT state when clicked', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Input\" value=\"Initial value\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        \n        // Wait for state transition\n        await page.waitForChanges();\n        \n        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainer).not.toBeNull();\n    });\n\n    it('properly handles validation', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field id=\"validate-test\" label=\"Test Validation\" value=\"Valid\" error-msg=\"Value is invalid\" type=\"input\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Set up validation function\n        await page.$eval('wcs-editable-field', (el) => {\n            el.validateFn = (val) => val === 'Valid';\n        });\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Input invalid value\n        const input = await page.find('wcs-input');\n        await input.type('Invalid');\n        await page.waitForChanges();\n        \n        // Trigger validation (simulate Enter key)\n        await input.press('Enter');\n        await page.waitForChanges();\n        \n        // Check error message is displayed\n        const errorElement = await page.find('wcs-editable-field >>> wcs-error');\n        expect(errorElement).not.toBeNull();\n        expect(errorElement.textContent).toBe('Value is invalid');\n    });\n\n    it('emits wcsChange event with correct data', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Test Events\" value=\"Old value\" type=\"input\" id=\"event-test\">\n                <wcs-input id=\"test-input\"></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        const changeEvent = await page.spyOnEvent('wcsChange');\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Input new value\n        const input = await page.find('wcs-input');\n        await input.press('Backspace'); // Clear value (backspace is easier than selecting all)\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.press('Backspace');\n        await input.type('New value');\n        await page.waitForChanges();\n        \n        // Submit the form\n        await input.press('Enter');\n        await page.waitForChanges();\n        \n        // Note: Functions defined in the event's detail object (successHandler and errorHandler)\n        // are not cloned by the DOM's structured clone algorithm.\n        // This means that when the event is emitted, these functions will not be present in the\n        // event.detail object when accessed in E2E tests, even though they exist in the browser.\n        expect(changeEvent).toHaveNthReceivedEventDetail(0, {\n            newValue: 'New value'\n        });\n    });\n\n    it('respects readonly property', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Read Only Field\" value=\"Readonly value\" readonly=\"true\" type=\"input\" id=\"test\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Check readonly icon is displayed\n        const readonlyIcon = await page.find('wcs-editable-field >>> .readonly-icon');\n        expect(readonlyIcon).not.toBeNull();\n        \n        // Try clicking\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Should still be in display mode\n        const editContainer = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainer).toBeNull();\n    });\n\n    it('works correctly with textarea', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Textarea Test\" type=\"textarea\" value=\"Multiline\\nText\" id=\"test\">\n                <wcs-textarea></wcs-textarea>\n            </wcs-editable-field>\n        `);\n        \n        // Check it renders correctly\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer.textContent).toContain('Multiline\\nText');\n        \n        // Go to edit mode\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // Should need Ctrl+Enter to submit with textarea\n        const textarea = await page.find('wcs-textarea');\n        await textarea.press('Enter'); // This should NOT submit\n        await page.waitForChanges();\n        \n        // Should still be in edit mode\n        const editContainerVisible = await page.find('wcs-editable-field >>> .edit-container:not(.display-none)');\n        expect(editContainerVisible).not.toBeNull();\n    });\n\n    it('works correctly with select', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field label=\"Select Test\" type=\"select\" value=\"option1\" id=\"test\">\n                <wcs-select>\n                    <wcs-select-option value=\"option1\">Option 1</wcs-select-option>\n                    <wcs-select-option value=\"option2\">Option 2</wcs-select-option>\n                </wcs-select>\n            </wcs-editable-field>\n        `);\n        \n        // Go to edit mode\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        await displayContainer.click();\n        await page.waitForChanges();\n        \n        // We get the select element\n        const select = await page.find('wcs-select');\n        await select.focus();\n        await select.press('ArrowDown');\n        \n        // press CTRL + ENTER (combined) to validate\n        await page.keyboard.down('Control');\n        await page.keyboard.press('Enter');\n        await page.keyboard.up('Control');\n\n        await page.waitForChanges();\n        \n        // Should be in load state after change\n        const loadContainer = await page.find('wcs-editable-field >>> .load-container:not(.display-none)');\n        expect(loadContainer).not.toBeNull();\n    });\n\n    it('properly handles custom formatting function', async () => {\n        const page = await newE2EPage();\n        await page.setContent(`\n            <wcs-editable-field id=\"format-test\" label=\"Formatting Test\" value=\"test value\" type=\"input\">\n                <wcs-input></wcs-input>\n            </wcs-editable-field>\n        `);\n        \n        // Set custom formatter\n        await page.$eval('wcs-editable-field', (el) => {\n            el.formatFn = (val) => val ? val.toUpperCase() : '';\n        });\n        await page.waitForChanges();\n        \n        // Check formatted output\n        const displayContainer = await page.find('wcs-editable-field >>> .display-container');\n        expect(displayContainer.textContent).toContain('TEST VALUE');\n    });\n});"]}

package/dist/collection/components/form-field/form-field.e2e.js

@@ -1,122 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { setWcsContent } from "../../utils/tests";
-describe('Form field component', () => {
-    describe('Global', () => {
-        describe('Accessibility', () => {
-            it('Should put form-field label to aria-label of the spied element when non empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-input/>
-                    </wcs-form-field>
-                `);
-                // When
-                const input = await page.find('wcs-input >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = input.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field');
-            });
-            it('Should not put form-field label to aria-label of the spied element when empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label></wcs-label>
-                        <wcs-input/>
-                    </wcs-form-field>
-                `);
-                // When
-                const input = await page.find('wcs-input >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = input.getAttribute('aria-label');
-                expect(ariaLabel).toBe(null);
-            });
-            it('Should not concatenate form-field label with form control (switch, checkbox label when form-field label is empty', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label></wcs-label>
-                        <wcs-switch>Label switch</wcs-switch>
-                    </wcs-form-field>
-                `);
-                // When
-                const switchInput = await page.find('wcs-switch >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = switchInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label switch');
-            });
-        });
-    });
-    describe('With switch', () => {
-        describe('Accessibility', () => {
-            it('Should concatenate form-field label with switch label', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-switch>Label switch</wcs-switch>
-                    </wcs-form-field>
-                `);
-                // When
-                const switchInput = await page.find('wcs-switch >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = switchInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field Label switch');
-            });
-        });
-    });
-    describe('With checkbox', () => {
-        describe('Accessibility', () => {
-            it('Should concatenate form-field label with checkbox label', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-checkbox>Label checkbox</wcs-checkbox>
-                    </wcs-form-field>
-                `);
-                // When
-                const checkboxInput = await page.find('wcs-checkbox >>> input');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = checkboxInput.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field Label checkbox');
-            });
-        });
-    });
-    describe('With radio-group', () => {
-        describe('Accessibility', () => {
-            it('Should set aria-label on radio-group element', async () => {
-                // Given
-                const page = await newE2EPage();
-                await setWcsContent(page, `
-                    <wcs-form-field>
-                        <wcs-label>Label form field</wcs-label>
-                        <wcs-radio-group>
-                            <wcs-radio name="SA" label="SNCF" value="1"></wcs-radio>
-                            <wcs-radio name="SA" label="SNCF Réseau" value="2"></wcs-radio>
-                            <wcs-radio name="SA" label="SNCF Voyageurs" value="3"></wcs-radio>
-                        </wcs-radio>
-                        </wcs-radio-group>
-                    </wcs-form-field>
-                `);
-                // When
-                const radioGroup = await page.find('wcs-radio-group');
-                await page.waitForChanges();
-                // Then
-                const ariaLabel = radioGroup.getAttribute('aria-label');
-                expect(ariaLabel).toBe('Label form field');
-            });
-        });
-    });
-});
-//# sourceMappingURL=form-field.e2e.js.map

package/dist/collection/components/form-field/form-field.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.e2e.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { setWcsContent } from \"../../utils/tests\";\n\ndescribe('Form field component', () => {\n    describe('Global', () => {\n        describe('Accessibility', () => {\n            it('Should put form-field label to aria-label of the spied element when non empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-input/>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const input = await page.find('wcs-input >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = input.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field');\n            });\n            it('Should not put form-field label to aria-label of the spied element when empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label></wcs-label>\n                        <wcs-input/>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const input = await page.find('wcs-input >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = input.getAttribute('aria-label');\n                expect(ariaLabel).toBe(null);\n            });\n            it('Should not concatenate form-field label with form control (switch, checkbox label when form-field label is empty', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label></wcs-label>\n                        <wcs-switch>Label switch</wcs-switch>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const switchInput = await page.find('wcs-switch >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = switchInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label switch');\n            });\n        });\n    });\n    describe('With switch', () => {\n        describe('Accessibility', () => {\n            it('Should concatenate form-field label with switch label', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-switch>Label switch</wcs-switch>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const switchInput = await page.find('wcs-switch >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = switchInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field Label switch');\n            });\n        });\n    });\n\n    describe('With checkbox', () => {\n        describe('Accessibility', () => {\n            it('Should concatenate form-field label with checkbox label', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-checkbox>Label checkbox</wcs-checkbox>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const checkboxInput = await page.find('wcs-checkbox >>> input');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = checkboxInput.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field Label checkbox');\n            });\n        });\n    });\n    describe('With radio-group', () => {\n        describe('Accessibility', () => {\n            it('Should set aria-label on radio-group element', async () => {\n                // Given\n                const page = await newE2EPage();\n                await setWcsContent(page, `\n                    <wcs-form-field>\n                        <wcs-label>Label form field</wcs-label>\n                        <wcs-radio-group>\n                            <wcs-radio name=\"SA\" label=\"SNCF\" value=\"1\"></wcs-radio>\n                            <wcs-radio name=\"SA\" label=\"SNCF Réseau\" value=\"2\"></wcs-radio>\n                            <wcs-radio name=\"SA\" label=\"SNCF Voyageurs\" value=\"3\"></wcs-radio>\n                        </wcs-radio>\n                        </wcs-radio-group>\n                    </wcs-form-field>\n                `);\n\n                // When\n                const radioGroup = await page.find('wcs-radio-group');\n                await page.waitForChanges();\n\n                // Then\n                const ariaLabel = radioGroup.getAttribute('aria-label');\n                expect(ariaLabel).toBe('Label form field');\n            });\n        });\n    });\n});\n"]}