@siemens/ix 0.0.0-pr-1974-20250627115746 → 0.0.0-pr-1974-20250627142646

package/dist/collection/components/modal/test/modal.ct.js

@@ -1,204 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { regressionTest } from "../../../tests/utils/test/index";
-import { iconError, iconInfo, iconQuestion, iconSuccess, iconWarning, } from "@siemens/ix-icons/icons";
-async function setupModalEnvironment(page) {
-    await page.evaluate(() => {
-        return new Promise((resolve) => {
-            var _a;
-            const script = document.createElement('script');
-            script.type = 'module';
-            script.innerHTML = `
-        import * as ix from 'http://127.0.0.1:8080/www/build/index.esm.js';
-        window.showModal = ix.showModal;
-        window.dismissModal = ix.dismissModal;
-
-        window.showMessage = ix.showMessage;
-        window.showMessage.info = ix.showMessage.info;
-        window.showMessage.error = ix.showMessage.error;
-        window.showMessage.success = ix.showMessage.success;
-        window.showMessage.question = ix.showMessage.question;
-      `;
-            (_a = document.getElementById('mount')) === null || _a === void 0 ? void 0 : _a.appendChild(script);
-            resolve();
-        });
-    });
-    await page.waitForTimeout(500);
-}
-async function createToggleExample(page) {
-    await page.evaluate(() => {
-        function createModalExample() {
-            const el = document.createElement('DIV');
-            el.style.display = 'contents';
-            el.innerHTML = `<ix-toggle id="toggle"></ix-toggle>`;
-            return el;
-        }
-        setTimeout(() => {
-            window.showModal({
-                content: createModalExample(),
-                closeOnBackdropClick: true,
-            });
-        }, 2000);
-    });
-}
-regressionTest('closes on Escape key down', async ({ mount, page }) => {
-    await mount(``);
-    await setupModalEnvironment(page);
-    await page.waitForTimeout(1000);
-    await page.evaluate(() => {
-        const elm = document.createElement('ix-modal');
-        elm.innerHTML = `
-      <ix-modal-header>Title</ix-modal-header>
-      <ix-modal-content>Content</ix-modal-content>
-    `;
-        window.showModal({
-            content: elm,
-        });
-    });
-    const dialog = page.locator('ix-modal dialog');
-    await expect(dialog).toBeVisible();
-    await page.locator('ix-modal-content').click();
-    await page.keyboard.down('Escape');
-    await expect(dialog).not.toBeVisible();
-});
-regressionTest.describe('closeOnBackdropClick = true', () => {
-    regressionTest('should close modal on backdrop click', async ({ mount, page }) => {
-        await mount(`
-      <ix-button>Some background noise</ix-button>
-    `);
-        await setupModalEnvironment(page);
-        await createToggleExample(page);
-        // needed to skip fade out / in animation
-        await page.waitForTimeout(500);
-        const toggle = page.locator('#toggle');
-        await expect(toggle).toBeVisible();
-        await page.mouse.click(20, 20);
-        // needed to skip fade out / in animation
-        await page.waitForTimeout(500);
-        await expect(page.locator('ix-modal dialog')).not.toBeVisible();
-    });
-    regressionTest('should stay open after interacting with input elements', async ({ mount, page }) => {
-        await mount(`
-      <ix-button>Some background noise</ix-button>
-    `);
-        await setupModalEnvironment(page);
-        await createToggleExample(page);
-        // needed to skip fade out / in animation
-        await page.waitForTimeout(500);
-        const toggle = page.locator('#toggle');
-        await expect(toggle).toBeVisible();
-        await toggle.locator('input').press('Space');
-        // needed to skip fade out / in animation
-        await page.waitForTimeout(500);
-        await expect(page.locator('ix-modal dialog')).toBeVisible();
-    });
-});
-regressionTest('emits one event on close', async ({ mount, page }) => {
-    await mount(``);
-    await setupModalEnvironment(page);
-    await page.waitForTimeout(1000);
-    await page.evaluate(() => {
-        const elm = document.createElement('ix-modal');
-        elm.innerHTML = `
-      <ix-modal-header>Title</ix-modal-header>
-      <ix-modal-content>Content</ix-modal-content>
-    `;
-        window
-            .showModal({
-            content: elm,
-            // Disable animation to get the direct animation end callback
-            animation: false,
-        })
-            .then((instance) => {
-            instance.onDismiss.on(() => {
-                const counter = window.__counter;
-                if (counter) {
-                    window.__counter = counter + 1;
-                }
-                else {
-                    window.__counter = 1;
-                }
-            });
-        });
-    });
-    const dialog = page.locator('ix-modal dialog');
-    await expect(dialog).toBeVisible();
-    const iconButton = page.locator('ix-icon-button');
-    await iconButton.click();
-    await expect(dialog).not.toBeVisible();
-    expect(await page.evaluate(() => window.__counter)).toBe(1);
-});
-regressionTest('button receives focus on load', async ({ mount, page }) => {
-    await mount('');
-    await setupModalEnvironment(page);
-    await page.waitForTimeout(100);
-    await page.evaluate(() => {
-        const elm = document.createElement('ix-modal');
-        elm.innerHTML = `
-      <ix-modal-header>Title</ix-modal-header>
-      <ix-modal-footer>
-        <ix-button autofocus>OK</ix-button>
-      </ix-modal-footer>
-    `;
-        window.showModal({
-            content: elm,
-        });
-        const okButton = elm.querySelector('ix-button');
-        okButton === null || okButton === void 0 ? void 0 : okButton.addEventListener('click', () => {
-            window.dismissModal(elm);
-        });
-    });
-    await page.waitForTimeout(250);
-    const dialog = page.locator('ix-modal dialog');
-    await expect(dialog).toBeVisible();
-    await page.keyboard.press('Enter');
-    await expect(dialog).not.toBeVisible();
-});
-regressionTest.describe('message utils', () => {
-    [
-        ['info', iconInfo],
-        ['error', iconError],
-        ['warning', iconWarning],
-        ['success', iconSuccess],
-        ['question', iconQuestion],
-    ].forEach(([name, svgData]) => {
-        regressionTest(`${name} message`, async ({ mount, page }) => {
-            await mount(``);
-            await page.evaluate(async ([svg]) => {
-                const icon = document.createElement('ix-icon');
-                icon.setAttribute('name', svg);
-                icon.style.position = 'absolute';
-                icon.style.top = '0px';
-                icon.style.left = '0px';
-                icon.setAttribute('data-testid', 'test-icon');
-                document.body.appendChild(icon);
-                await icon.componentOnReady();
-            }, [svgData]);
-            await setupModalEnvironment(page);
-            await page.evaluate(([functionName]) => {
-                window.showMessage[functionName]('title', 'message', 'okay');
-            }, [name]);
-            const dialog = page.locator('ix-modal-header');
-            await page.waitForTimeout(500);
-            await expect(dialog).toBeVisible();
-            const icon = dialog.locator('ix-icon').first();
-            await expect(icon).toBeVisible();
-            await expect(page.getByTestId('test-icon')).toBeVisible();
-            await page.waitForTimeout(500);
-            const expectedIconText = await page
-                .getByTestId('test-icon')
-                .locator('.svg-container')
-                .innerHTML();
-            const messageIconText = await icon.locator('.svg-container').innerHTML();
-            expect(messageIconText).toEqual(expectedIconText);
-        });
-    });
-});
-//# sourceMappingURL=modal.ct.js.map

package/dist/collection/components/modal/test/modal.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.ct.js","sourceRoot":"","sources":["../../../../src/components/modal/test/modal.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect, Page } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\nimport { dismissModal, ModalInstance, showModal } from './../../utils/modal';\nimport {\n  iconError,\n  iconInfo,\n  iconQuestion,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\ndeclare global {\n  interface Window {\n    dismissModal: typeof dismissModal;\n    showModal: typeof showModal;\n    __counter: number;\n  }\n}\n\nasync function setupModalEnvironment(page: Page) {\n  await page.evaluate(() => {\n    return new Promise<void>((resolve) => {\n      const script = document.createElement('script');\n      script.type = 'module';\n      script.innerHTML = `\n        import * as ix from 'http://127.0.0.1:8080/www/build/index.esm.js';\n        window.showModal = ix.showModal;\n        window.dismissModal = ix.dismissModal;\n\n        window.showMessage = ix.showMessage;\n        window.showMessage.info = ix.showMessage.info;\n        window.showMessage.error = ix.showMessage.error;\n        window.showMessage.success = ix.showMessage.success;\n        window.showMessage.question = ix.showMessage.question;\n      `;\n      document.getElementById('mount')?.appendChild(script);\n      resolve();\n    });\n  });\n\n  await page.waitForTimeout(500);\n}\n\nasync function createToggleExample(page: Page) {\n  await page.evaluate(() => {\n    function createModalExample() {\n      const el = document.createElement('DIV');\n      el.style.display = 'contents';\n      el.innerHTML = `<ix-toggle id=\"toggle\"></ix-toggle>`;\n      return el;\n    }\n\n    setTimeout(() => {\n      window.showModal({\n        content: createModalExample(),\n        closeOnBackdropClick: true,\n      });\n    }, 2000);\n  });\n}\n\nregressionTest('closes on Escape key down', async ({ mount, page }) => {\n  await mount(``);\n  await setupModalEnvironment(page);\n  await page.waitForTimeout(1000);\n\n  await page.evaluate(() => {\n    const elm = document.createElement('ix-modal');\n    elm.innerHTML = `\n      <ix-modal-header>Title</ix-modal-header>\n      <ix-modal-content>Content</ix-modal-content>\n    `;\n    window.showModal({\n      content: elm,\n    });\n  });\n  const dialog = page.locator('ix-modal dialog');\n  await expect(dialog).toBeVisible();\n  await page.locator('ix-modal-content').click();\n  await page.keyboard.down('Escape');\n\n  await expect(dialog).not.toBeVisible();\n});\n\nregressionTest.describe('closeOnBackdropClick = true', () => {\n  regressionTest(\n    'should close modal on backdrop click',\n    async ({ mount, page }) => {\n      await mount(`\n      <ix-button>Some background noise</ix-button>\n    `);\n\n      await setupModalEnvironment(page);\n      await createToggleExample(page);\n\n      // needed to skip fade out / in animation\n      await page.waitForTimeout(500);\n\n      const toggle = page.locator('#toggle');\n      await expect(toggle).toBeVisible();\n\n      await page.mouse.click(20, 20);\n\n      // needed to skip fade out / in animation\n      await page.waitForTimeout(500);\n      await expect(page.locator('ix-modal dialog')).not.toBeVisible();\n    }\n  );\n\n  regressionTest(\n    'should stay open after interacting with input elements',\n    async ({ mount, page }) => {\n      await mount(`\n      <ix-button>Some background noise</ix-button>\n    `);\n\n      await setupModalEnvironment(page);\n      await createToggleExample(page);\n\n      // needed to skip fade out / in animation\n      await page.waitForTimeout(500);\n\n      const toggle = page.locator('#toggle');\n      await expect(toggle).toBeVisible();\n\n      await toggle.locator('input').press('Space');\n\n      // needed to skip fade out / in animation\n      await page.waitForTimeout(500);\n      await expect(page.locator('ix-modal dialog')).toBeVisible();\n    }\n  );\n});\n\nregressionTest('emits one event on close', async ({ mount, page }) => {\n  await mount(``);\n\n  await setupModalEnvironment(page);\n  await page.waitForTimeout(1000);\n\n  await page.evaluate(() => {\n    const elm = document.createElement('ix-modal');\n    elm.innerHTML = `\n      <ix-modal-header>Title</ix-modal-header>\n      <ix-modal-content>Content</ix-modal-content>\n    `;\n\n    window\n      .showModal({\n        content: elm,\n        // Disable animation to get the direct animation end callback\n        animation: false,\n      })\n      .then((instance: ModalInstance<unknown>) => {\n        instance.onDismiss.on(() => {\n          const counter = window.__counter;\n          if (counter) {\n            window.__counter = counter + 1;\n          } else {\n            window.__counter = 1;\n          }\n        });\n      });\n  });\n  const dialog = page.locator('ix-modal dialog');\n  await expect(dialog).toBeVisible();\n  const iconButton = page.locator('ix-icon-button');\n\n  await iconButton.click();\n  await expect(dialog).not.toBeVisible();\n\n  expect(await page.evaluate(() => window.__counter)).toBe(1);\n});\n\nregressionTest('button receives focus on load', async ({ mount, page }) => {\n  await mount('');\n  await setupModalEnvironment(page);\n  await page.waitForTimeout(100);\n\n  await page.evaluate(() => {\n    const elm = document.createElement('ix-modal');\n    elm.innerHTML = `\n      <ix-modal-header>Title</ix-modal-header>\n      <ix-modal-footer>\n        <ix-button autofocus>OK</ix-button>\n      </ix-modal-footer>\n    `;\n    window.showModal({\n      content: elm,\n    });\n    const okButton = elm.querySelector('ix-button');\n    okButton?.addEventListener('click', () => {\n      window.dismissModal(elm);\n    });\n  });\n\n  await page.waitForTimeout(250);\n  const dialog = page.locator('ix-modal dialog');\n  await expect(dialog).toBeVisible();\n\n  await page.keyboard.press('Enter');\n\n  await expect(dialog).not.toBeVisible();\n});\n\nregressionTest.describe('message utils', () => {\n  [\n    ['info', iconInfo],\n    ['error', iconError],\n    ['warning', iconWarning],\n    ['success', iconSuccess],\n    ['question', iconQuestion],\n  ].forEach(([name, svgData]) => {\n    regressionTest(`${name} message`, async ({ mount, page }) => {\n      await mount(``);\n      await page.evaluate(\n        async ([svg]) => {\n          const icon = document.createElement('ix-icon');\n          icon.setAttribute('name', svg);\n          icon.style.position = 'absolute';\n          icon.style.top = '0px';\n          icon.style.left = '0px';\n          icon.setAttribute('data-testid', 'test-icon');\n          document.body.appendChild(icon);\n          await icon.componentOnReady();\n        },\n        [svgData]\n      );\n\n      await setupModalEnvironment(page);\n      await page.evaluate(\n        ([functionName]) => {\n          (window.showMessage as any)[functionName]('title', 'message', 'okay');\n        },\n        [name]\n      );\n\n      const dialog = page.locator('ix-modal-header');\n      await page.waitForTimeout(500);\n      await expect(dialog).toBeVisible();\n\n      const icon = dialog.locator('ix-icon').first();\n      await expect(icon).toBeVisible();\n\n      await expect(page.getByTestId('test-icon')).toBeVisible();\n      await page.waitForTimeout(500);\n\n      const expectedIconText = await page\n        .getByTestId('test-icon')\n        .locator('.svg-container')\n        .innerHTML();\n\n      const messageIconText = await icon.locator('.svg-container').innerHTML();\n      expect(messageIconText).toEqual(expectedIconText);\n    });\n  });\n});\n"]}

package/dist/collection/components/pagination/test/pagination.ct.js

@@ -1,68 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { regressionTest } from "../../../tests/utils/test/index";
-regressionTest('renders', async ({ mount, page }) => {
-    await mount(`
-    <ix-pagination>
-    </ix-pagination>
-  `);
-    const element = page.locator('ix-pagination');
-    await expect(element).toHaveClass(/hydrated/);
-});
-regressionTest('advanced', async ({ mount, page }) => {
-    await mount(`
-    <ix-pagination advanced>
-    </ix-pagination>
-  `);
-    const element = page.locator('ix-pagination[advanced]');
-    await expect(element).toHaveClass(/hydrated/);
-});
-regressionTest('open show number of page dropdown', async ({ mount, page }) => {
-    await mount(`
-    <ix-pagination advanced>
-    </ix-pagination>
-  `);
-    const element = page.locator('ix-pagination[advanced]');
-    await element.getByRole('button').nth(-1).click();
-    const dropdown = element.locator('ix-dropdown');
-    await expect(dropdown).toBeVisible();
-});
-regressionTest('should dispatch items count change', async ({ mount, page }) => {
-    await mount(`
-    <ix-pagination advanced>
-    </ix-pagination>
-  `);
-    const pagination = page.locator('ix-pagination');
-    const itemChanged = pagination.evaluate((elm) => {
-        return new Promise((resolve) => {
-            elm.addEventListener('itemCountChanged', (event) => resolve(event.detail));
-        });
-    });
-    await pagination.getByRole('button').nth(-1).click();
-    await pagination.locator('ix-dropdown-item').nth(3).click();
-    await expect(pagination.locator('ix-dropdown')).not.toBeVisible();
-    await expect(pagination).toHaveClass(/hydrated/);
-    expect(await itemChanged).toBe(40);
-});
-regressionTest('should not change page', async ({ mount, page }) => {
-    await mount(`
-    <ix-pagination count="10">
-    </ix-pagination>
-  `);
-    const pagination = page.locator('ix-pagination');
-    await pagination.evaluate((elm) => {
-        elm.addEventListener('pageSelected', (event) => event.preventDefault());
-    });
-    const buttons = pagination.locator('button');
-    await buttons.nth(1).click();
-    await expect(buttons.first()).toHaveAttribute('aria-pressed', 'true');
-    await expect(buttons.nth(1)).toHaveAttribute('aria-pressed', 'false');
-});
-//# sourceMappingURL=pagination.ct.js.map

package/dist/collection/components/pagination/test/pagination.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.ct.js","sourceRoot":"","sources":["../../../../src/components/pagination/test/pagination.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`\n    <ix-pagination>\n    </ix-pagination>\n  `);\n  const element = page.locator('ix-pagination');\n\n  await expect(element).toHaveClass(/hydrated/);\n});\n\nregressionTest('advanced', async ({ mount, page }) => {\n  await mount(`\n    <ix-pagination advanced>\n    </ix-pagination>\n  `);\n  const element = page.locator('ix-pagination[advanced]');\n\n  await expect(element).toHaveClass(/hydrated/);\n});\n\nregressionTest('open show number of page dropdown', async ({ mount, page }) => {\n  await mount(`\n    <ix-pagination advanced>\n    </ix-pagination>\n  `);\n  const element = page.locator('ix-pagination[advanced]');\n\n  await element.getByRole('button').nth(-1).click();\n\n  const dropdown = element.locator('ix-dropdown');\n\n  await expect(dropdown).toBeVisible();\n});\n\nregressionTest(\n  'should dispatch items count change',\n  async ({ mount, page }) => {\n    await mount(`\n    <ix-pagination advanced>\n    </ix-pagination>\n  `);\n    const pagination = page.locator('ix-pagination');\n\n    const itemChanged = pagination.evaluate((elm) => {\n      return new Promise<number>((resolve) => {\n        elm.addEventListener('itemCountChanged', (event) =>\n          resolve((event as CustomEvent<number>).detail)\n        );\n      });\n    });\n\n    await pagination.getByRole('button').nth(-1).click();\n\n    await pagination.locator('ix-dropdown-item').nth(3).click();\n    await expect(pagination.locator('ix-dropdown')).not.toBeVisible();\n\n    await expect(pagination).toHaveClass(/hydrated/);\n    expect(await itemChanged).toBe(40);\n  }\n);\n\nregressionTest('should not change page', async ({ mount, page }) => {\n  await mount(`\n    <ix-pagination count=\"10\">\n    </ix-pagination>\n  `);\n  const pagination = page.locator('ix-pagination');\n\n  await pagination.evaluate((elm) => {\n    elm.addEventListener('pageSelected', (event) => event.preventDefault());\n  });\n\n  const buttons = pagination.locator('button');\n  await buttons.nth(1).click();\n\n  await expect(buttons.first()).toHaveAttribute('aria-pressed', 'true');\n  await expect(buttons.nth(1)).toHaveAttribute('aria-pressed', 'false');\n});\n"]}

package/dist/collection/components/pane/test/panes.ct.js

@@ -1,59 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { iconStar } from "@siemens/ix-icons/icons";
-import { regressionTest } from "../../../tests/utils/test/index";
-regressionTest('renders', async ({ mount, page }) => {
-    await mount(`<ix-pane></ix-pane>`);
-    const pane = page.locator('ix-pane');
-    await expect(pane).toHaveClass(/hydrated/);
-});
-regressionTest('expanded', async ({ mount, page }) => {
-    await mount(`
-    <ix-pane
-      heading="LEFT"
-      composition="left"
-      icon="star"
-      expanded="true"
-    >
-      <h1>Test Heading</h1>
-    </ix-pane>
-  `, {
-        icons: { iconStar },
-    });
-    const title = page.locator('h1');
-    await expect(title).toBeVisible();
-});
-regressionTest('prevent pane expansion', async ({ mount, page }) => {
-    await mount(`
-    <ix-pane
-      heading="LEFT"
-      composition="left"
-      variant="inline"
-      icon="star"
-      expanded="false"
-    >
-      <h1>Test Heading</h1>
-    </ix-pane>
-  `, {
-        icons: { iconStar },
-    });
-    const pane = page.locator('ix-pane');
-    await page.evaluate(() => {
-        const paneElement = document.querySelector('ix-pane');
-        paneElement === null || paneElement === void 0 ? void 0 : paneElement.addEventListener('expandedChanged', (event) => {
-            event.preventDefault();
-        });
-    });
-    const iconButton = page.locator('ix-icon-button');
-    await iconButton.click();
-    const isExpanded = await pane.evaluate((el) => el.expanded);
-    expect(isExpanded).toBe(false);
-});
-//# sourceMappingURL=panes.ct.js.map

package/dist/collection/components/pane/test/panes.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panes.ct.js","sourceRoot":"","sources":["../../../../src/components/pane/test/panes.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,KAAK,CACT;;;;;;;;;GASD,EACC;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE;KACpB,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACjE,MAAM,KAAK,CACT;;;;;;;;;;GAUD,EACC;QACE,KAAK,EAAE,EAAE,QAAQ,EAAE;KACpB,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAErC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;QACvB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACtD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,KAAY,EAAE,EAAE;YAChE,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,UAAU,CAAC,KAAK,EAAE,CAAC;IAEzB,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,QAAQ,CACpC,CAAC,EAAqB,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CACvC,CAAC;IACF,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACjC,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { expect } from '@playwright/test';\nimport { iconStar } from '@siemens/ix-icons/icons';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`<ix-pane></ix-pane>`);\n  const pane = page.locator('ix-pane');\n  await expect(pane).toHaveClass(/hydrated/);\n});\n\nregressionTest('expanded', async ({ mount, page }) => {\n  await mount(\n    `\n    <ix-pane\n      heading=\"LEFT\"\n      composition=\"left\"\n      icon=\"star\"\n      expanded=\"true\"\n    >\n      <h1>Test Heading</h1>\n    </ix-pane>\n  `,\n    {\n      icons: { iconStar },\n    }\n  );\n\n  const title = page.locator('h1');\n  await expect(title).toBeVisible();\n});\n\nregressionTest('prevent pane expansion', async ({ mount, page }) => {\n  await mount(\n    `\n    <ix-pane\n      heading=\"LEFT\"\n      composition=\"left\"\n      variant=\"inline\"\n      icon=\"star\"\n      expanded=\"false\"\n    >\n      <h1>Test Heading</h1>\n    </ix-pane>\n  `,\n    {\n      icons: { iconStar },\n    }\n  );\n\n  const pane = page.locator('ix-pane');\n\n  await page.evaluate(() => {\n    const paneElement = document.querySelector('ix-pane');\n    paneElement?.addEventListener('expandedChanged', (event: Event) => {\n      event.preventDefault();\n    });\n  });\n\n  const iconButton = page.locator('ix-icon-button');\n  await iconButton.click();\n\n  const isExpanded = await pane.evaluate(\n    (el: HTMLIxPaneElement) => el.expanded\n  );\n  expect(isExpanded).toBe(false);\n});\n"]}

package/dist/collection/components/pane-layout/test/pane-layout.ct.js

@@ -1,60 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { iconStar } from "@siemens/ix-icons/icons";
-import { regressionTest } from "../../../tests/utils/test/index";
-regressionTest('renders', async ({ mount, page }) => {
-    await mount(`<ix-pane-layout></ix-pane-layout>`);
-    const pane = page.locator('ix-pane-layout');
-    await expect(pane).toHaveClass(/hydrated/);
-});
-regressionTest.describe('pane-layout with floating pane', () => {
-    regressionTest.beforeEach(async ({ mount }) => {
-        await mount(`
-        <div style="width: 100vw; height: 100vh;">
-          <ix-pane-layout variant="floating">
-            <ix-pane
-              heading="LEFT"
-              slot="left"
-              icon="star"
-              expanded="true"
-              size="240px"
-              hide-on-collapse
-            >
-              <h1>Test Heading</h1>
-            </ix-pane>
-            <div slot="content" style="width: 100%; height: 100%; display: flex; flex-direction: row;">
-              <div style="width: 200px; height: 100%;">
-                <p>Text 1</p>
-              </div>
-              <div style="width: 200px; height: 100%; margin-left: 100px;">
-                <p>Text 2</p>
-              </div>
-            </div>
-          </ix-pane-layout>
-        </div>
-      `, {
-            icons: { iconStar },
-        });
-    });
-    regressionTest('expanded', async ({ page }) => {
-        await page.waitForSelector('h1');
-        const title = page.locator('h1');
-        // timeout to make sure it is currently not closing
-        await page.waitForTimeout(1000);
-        await expect(title).toBeVisible();
-    });
-    regressionTest('floating pane closes on content click', async ({ page }) => {
-        await page.waitForSelector('h1');
-        await page.getByText('Text 2').click();
-        const textOne = page.getByText('Text 1');
-        await expect(textOne).toBeVisible();
-    });
-});
-//# sourceMappingURL=pane-layout.ct.js.map

package/dist/collection/components/pane-layout/test/pane-layout.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pane-layout.ct.js","sourceRoot":"","sources":["../../../../src/components/pane-layout/test/pane-layout.ct.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC5C,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC7D,cAAc,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAC5C,MAAM,KAAK,CACT;;;;;;;;;;;;;;;;;;;;;;;OAuBC,EACD;YACE,KAAK,EAAE,EAAE,QAAQ,EAAE;SACpB,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACjC,mDAAmD;QACnD,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,uCAAuC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { expect } from '@playwright/test';\nimport { iconStar } from '@siemens/ix-icons/icons';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n  await mount(`<ix-pane-layout></ix-pane-layout>`);\n  const pane = page.locator('ix-pane-layout');\n  await expect(pane).toHaveClass(/hydrated/);\n});\n\nregressionTest.describe('pane-layout with floating pane', () => {\n  regressionTest.beforeEach(async ({ mount }) => {\n    await mount(\n      `\n        <div style=\"width: 100vw; height: 100vh;\">\n          <ix-pane-layout variant=\"floating\">\n            <ix-pane\n              heading=\"LEFT\"\n              slot=\"left\"\n              icon=\"star\"\n              expanded=\"true\"\n              size=\"240px\"\n              hide-on-collapse\n            >\n              <h1>Test Heading</h1>\n            </ix-pane>\n            <div slot=\"content\" style=\"width: 100%; height: 100%; display: flex; flex-direction: row;\">\n              <div style=\"width: 200px; height: 100%;\">\n                <p>Text 1</p>\n              </div>\n              <div style=\"width: 200px; height: 100%; margin-left: 100px;\">\n                <p>Text 2</p>\n              </div>\n            </div>\n          </ix-pane-layout>\n        </div>\n      `,\n      {\n        icons: { iconStar },\n      }\n    );\n  });\n\n  regressionTest('expanded', async ({ page }) => {\n    await page.waitForSelector('h1');\n    const title = page.locator('h1');\n    // timeout to make sure it is currently not closing\n    await page.waitForTimeout(1000);\n    await expect(title).toBeVisible();\n  });\n\n  regressionTest('floating pane closes on content click', async ({ page }) => {\n    await page.waitForSelector('h1');\n    await page.getByText('Text 2').click();\n    const textOne = page.getByText('Text 1');\n    await expect(textOne).toBeVisible();\n  });\n});\n"]}

package/dist/collection/components/pill/test/pill.ct.js

@@ -1,63 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2025 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { test } from "../../../tests/utils/test/index";
-import { expect } from "@playwright/test";
-import { iconStar } from "@siemens/ix-icons/icons";
-test.describe('Pill', () => {
-    test('dynamic gap behavior', async ({ mount, page }) => {
-        await mount('<ix-pill icon="star">Dynamic gap</ix-pill>', {
-            icons: { iconStar },
-        });
-        const pill = page.locator('ix-pill');
-        const innerContainer = pill.locator('.container');
-        await expect(innerContainer).toHaveClass(/with-gap/);
-        await pill.evaluate((el) => {
-            el.innerText = '';
-        });
-        await expect(innerContainer).not.toHaveClass(/with-gap/);
-    });
-});
-test.describe('tooltip', () => {
-    test('should not display when tooltip-text attribute is absent', async ({ mount, page, }) => {
-        await mount('<ix-pill>Text content</ix-pill>');
-        const pill = page.locator('ix-pill');
-        await pill.hover();
-        await expect(pill).not.toHaveAttribute('tooltip-text');
-        const tooltip = pill.locator('ix-tooltip');
-        await expect(tooltip).not.toBeAttached();
-    });
-    test('should display the component text content when tooltip-text attribute is an empty string', async ({ mount, page, }) => {
-        await mount('<ix-pill tooltip-text="">Text content</ix-pill>');
-        const pill = page.locator('ix-pill');
-        await pill.hover();
-        await expect(pill).toHaveAttribute('tooltip-text', '');
-        const tooltip = pill.locator('ix-tooltip');
-        await expect(tooltip).toHaveClass(/visible/);
-        await expect(tooltip).toHaveText('Text content');
-    });
-    test('should display the component text content when tooltip-text attribute is present but no value is set', async ({ mount, page, }) => {
-        await mount('<ix-pill tooltip-text>Text content</ix-pill>');
-        const pill = page.locator('ix-pill');
-        await pill.hover();
-        await expect(pill).toHaveAttribute('tooltip-text', undefined);
-        const tooltip = pill.locator('ix-tooltip');
-        await expect(tooltip).toHaveClass(/visible/);
-        await expect(tooltip).toHaveText('Text content');
-    });
-    test('should display the custom text when tooltip-text attribute is a custom string', async ({ mount, page, }) => {
-        await mount('<ix-pill tooltip-text="custom tooltip text">Text content</ix-pill>');
-        const pill = page.locator('ix-pill');
-        await pill.hover();
-        await expect(pill).toHaveAttribute('tooltip-text', 'custom tooltip text');
-        const tooltip = pill.locator('ix-tooltip');
-        await expect(tooltip).toHaveClass(/visible/);
-        await expect(tooltip).toHaveText('custom tooltip text');
-    });
-});
-//# sourceMappingURL=pill.ct.js.map

package/dist/collection/components/pill/test/pill.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pill.ct.js","sourceRoot":"","sources":["../../../../src/components/pill/test/pill.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { test } from '@utils/test';\nimport { expect } from '@playwright/test';\nimport { iconStar } from '@siemens/ix-icons/icons';\n\ntest.describe('Pill', () => {\n  test('dynamic gap behavior', async ({ mount, page }) => {\n    await mount('<ix-pill icon=\"star\">Dynamic gap</ix-pill>', {\n      icons: { iconStar },\n    });\n    const pill = page.locator('ix-pill');\n    const innerContainer = pill.locator('.container');\n\n    await expect(innerContainer).toHaveClass(/with-gap/);\n\n    await pill.evaluate((el: HTMLIxPillElement) => {\n      el.innerText = '';\n    });\n\n    await expect(innerContainer).not.toHaveClass(/with-gap/);\n  });\n});\n\ntest.describe('tooltip', () => {\n  test('should not display when tooltip-text attribute is absent', async ({\n    mount,\n    page,\n  }) => {\n    await mount('<ix-pill>Text content</ix-pill>');\n    const pill = page.locator('ix-pill');\n    await pill.hover();\n\n    await expect(pill).not.toHaveAttribute('tooltip-text');\n    const tooltip = pill.locator('ix-tooltip');\n    await expect(tooltip).not.toBeAttached();\n  });\n\n  test('should display the component text content when tooltip-text attribute is an empty string', async ({\n    mount,\n    page,\n  }) => {\n    await mount('<ix-pill tooltip-text=\"\">Text content</ix-pill>');\n    const pill = page.locator('ix-pill');\n    await pill.hover();\n\n    await expect(pill).toHaveAttribute('tooltip-text', '');\n    const tooltip = pill.locator('ix-tooltip');\n    await expect(tooltip).toHaveClass(/visible/);\n    await expect(tooltip).toHaveText('Text content');\n  });\n\n  test('should display the component text content when tooltip-text attribute is present but no value is set', async ({\n    mount,\n    page,\n  }) => {\n    await mount('<ix-pill tooltip-text>Text content</ix-pill>');\n    const pill = page.locator('ix-pill');\n    await pill.hover();\n\n    await expect(pill).toHaveAttribute('tooltip-text', undefined);\n    const tooltip = pill.locator('ix-tooltip');\n    await expect(tooltip).toHaveClass(/visible/);\n    await expect(tooltip).toHaveText('Text content');\n  });\n\n  test('should display the custom text when tooltip-text attribute is a custom string', async ({\n    mount,\n    page,\n  }) => {\n    await mount(\n      '<ix-pill tooltip-text=\"custom tooltip text\">Text content</ix-pill>'\n    );\n    const pill = page.locator('ix-pill');\n    await pill.hover();\n\n    await expect(pill).toHaveAttribute('tooltip-text', 'custom tooltip text');\n    const tooltip = pill.locator('ix-tooltip');\n    await expect(tooltip).toHaveClass(/visible/);\n    await expect(tooltip).toHaveText('custom tooltip text');\n  });\n});\n"]}

package/dist/collection/components/radio/test/radio.ct.js

@@ -1,77 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { expect } from "@playwright/test";
-import { getFormValue, preventFormSubmission, regressionTest, test, } from "../../../tests/utils/test/index";
-regressionTest('form-ready', async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-radio" value="Test"></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const radio = page.locator('ix-radio');
-    await radio.click();
-    const formData = await getFormValue(formElement, 'my-radio', page);
-    expect(formData).toBe('Test');
-});
-regressionTest('form-ready with default value', async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-radio"></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const radio = page.locator('ix-radio');
-    await radio.click();
-    const formData = await getFormValue(formElement, 'my-radio', page);
-    expect(formData).toBe('on');
-});
-regressionTest(`form-ready default active`, async ({ mount, page }) => {
-    await mount(`<form><ix-radio name="my-field-name" checked></ix-radio></form>`);
-    const formElement = page.locator('form');
-    preventFormSubmission(formElement);
-    const formData = await getFormValue(formElement, 'my-field-name', page);
-    expect(formData).toBe('on');
-});
-regressionTest(`disabled = undefined`, async ({ mount, page }) => {
-    await mount(`<ix-radio label="test"></ix-radio>`);
-    const radioElement = page.locator('ix-radio');
-    const nativeInput = radioElement.locator('input');
-    const label = radioElement.locator('label');
-    const checkedChange$ = radioElement.evaluate((element) => {
-        // Needed for testcase
-        element.disabled = undefined;
-        return new Promise((resolve) => {
-            element.addEventListener('checkedChange', () => resolve());
-        });
-    });
-    await radioElement.click();
-    await checkedChange$;
-    await expect(radioElement).not.toHaveClass(/disabled/);
-    await expect(nativeInput).not.toBeDisabled();
-    const disableLabelColor = 'rgba(245, 252, 255, 0.93)';
-    await expect(label).toHaveCSS('color', disableLabelColor);
-});
-test('Radio button should not cause layout shift when checked', async ({ mount, page, }) => {
-    await mount(`
-    <ix-radio label="test"></ix-radio>
-    <div id="element-below">This element should not move</div>
-  `);
-    await page.waitForSelector('ix-radio', { state: 'attached' });
-    const initialBounds = await page.$eval('#element-below', (el) => {
-        const rect = el.getBoundingClientRect();
-        return { top: rect.top, left: rect.left };
-    });
-    await page.click('ix-radio');
-    await page.waitForFunction(() => {
-        const radio = document.querySelector('ix-radio');
-        return (radio === null || radio === void 0 ? void 0 : radio.getAttribute('aria-checked')) === 'true';
-    });
-    const newBounds = await page.$eval('#element-below', (el) => {
-        const rect = el.getBoundingClientRect();
-        return { top: rect.top, left: rect.left };
-    });
-    expect(newBounds.top).toBeCloseTo(initialBounds.top, 0);
-    expect(newBounds.left).toBeCloseTo(initialBounds.left, 0);
-});
-//# sourceMappingURL=radio.ct.js.map

package/dist/collection/components/radio/test/radio.ct.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.ct.js","sourceRoot":"","sources":["../../../../src/components/radio/test/radio.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport {\n  getFormValue,\n  preventFormSubmission,\n  regressionTest,\n  test,\n} from '@utils/test';\n\nregressionTest('form-ready', async ({ mount, page }) => {\n  await mount(\n    `<form><ix-radio name=\"my-radio\" value=\"Test\"></ix-radio></form>`\n  );\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const radio = page.locator('ix-radio');\n  await radio.click();\n\n  const formData = await getFormValue(formElement, 'my-radio', page);\n  expect(formData).toBe('Test');\n});\n\nregressionTest('form-ready with default value', async ({ mount, page }) => {\n  await mount(`<form><ix-radio name=\"my-radio\"></ix-radio></form>`);\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const radio = page.locator('ix-radio');\n  await radio.click();\n\n  const formData = await getFormValue(formElement, 'my-radio', page);\n  expect(formData).toBe('on');\n});\n\nregressionTest(`form-ready default active`, async ({ mount, page }) => {\n  await mount(\n    `<form><ix-radio name=\"my-field-name\" checked></ix-radio></form>`\n  );\n\n  const formElement = page.locator('form');\n  preventFormSubmission(formElement);\n  const formData = await getFormValue(formElement, 'my-field-name', page);\n  expect(formData).toBe('on');\n});\n\nregressionTest(`disabled = undefined`, async ({ mount, page }) => {\n  await mount(`<ix-radio label=\"test\"></ix-radio>`);\n\n  const radioElement = page.locator('ix-radio');\n  const nativeInput = radioElement.locator('input');\n  const label = radioElement.locator('label');\n\n  const checkedChange$ = radioElement.evaluate(\n    (element: HTMLIxCheckboxElement) => {\n      // Needed for testcase\n      element.disabled = undefined as any;\n      return new Promise<void>((resolve) => {\n        element.addEventListener('checkedChange', () => resolve());\n      });\n    }\n  );\n\n  await radioElement.click();\n  await checkedChange$;\n\n  await expect(radioElement).not.toHaveClass(/disabled/);\n  await expect(nativeInput).not.toBeDisabled();\n\n  const disableLabelColor = 'rgba(245, 252, 255, 0.93)';\n  await expect(label).toHaveCSS('color', disableLabelColor);\n});\n\ntest('Radio button should not cause layout shift when checked', async ({\n  mount,\n  page,\n}) => {\n  await mount(`\n    <ix-radio label=\"test\"></ix-radio>\n    <div id=\"element-below\">This element should not move</div>\n  `);\n\n  await page.waitForSelector('ix-radio', { state: 'attached' });\n\n  const initialBounds = await page.$eval('#element-below', (el) => {\n    const rect = el.getBoundingClientRect();\n    return { top: rect.top, left: rect.left };\n  });\n\n  await page.click('ix-radio');\n\n  await page.waitForFunction(() => {\n    const radio = document.querySelector('ix-radio');\n    return radio?.getAttribute('aria-checked') === 'true';\n  });\n\n  const newBounds = await page.$eval('#element-below', (el) => {\n    const rect = el.getBoundingClientRect();\n    return { top: rect.top, left: rect.left };\n  });\n\n  expect(newBounds.top).toBeCloseTo(initialBounds.top, 0);\n  expect(newBounds.left).toBeCloseTo(initialBounds.left, 0);\n});\n"]}