@siemens/ix 2.4.1 → 2.6.0

package/dist/collection/tests/form-fields/form-fields.e2e.js

@@ -0,0 +1,57 @@
+/*
+ * 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 "../utils/test/index";
+async function changeState(page, state) {
+    return page.evaluate(([state]) => {
+        const elements = document.querySelectorAll('[data-field], ix-radio, ix-checkbox');
+        Array.from(elements).forEach((element) => element.classList.add(`ix-${state}`));
+    }, [state]);
+}
+async function changeToReadonly(page) {
+    return page.evaluate(() => {
+        const elements = document.querySelectorAll('[data-field], ix-radio, ix-checkbox');
+        Array.from(elements).forEach((element) => {
+            element.readOnly = true;
+            element.setAttribute('readonly', '');
+        });
+    });
+}
+async function changeToDisabled(page) {
+    return page.evaluate(() => {
+        const elements = document.querySelectorAll('[data-field], ix-radio, ix-checkbox');
+        Array.from(elements).forEach((element) => {
+            element.disabled = true;
+        });
+    });
+}
+regressionTest.describe('form-fields', () => {
+    regressionTest('basic', async ({ page }) => {
+        await page.goto('form-fields/basic');
+        expect(await page.screenshot()).toMatchSnapshot();
+    });
+    ['info', 'warning', 'valid', 'invalid'].forEach((state) => regressionTest(`state ${state}`, async ({ page }) => {
+        await page.goto('form-fields/basic');
+        await changeState(page, state);
+        expect(await page.screenshot()).toMatchSnapshot();
+    }));
+    ['info', 'warning', 'valid', 'invalid'].forEach((state) => regressionTest(`state ${state} with readonly`, async ({ page }) => {
+        await page.goto('form-fields/basic');
+        await changeToReadonly(page);
+        await changeState(page, state);
+        expect(await page.screenshot()).toMatchSnapshot();
+    }));
+    ['info', 'warning', 'valid', 'invalid'].forEach((state) => regressionTest(`state ${state} with disabled`, async ({ page }) => {
+        await page.goto('form-fields/basic');
+        await changeToDisabled(page);
+        await changeState(page, state);
+        expect(await page.screenshot()).toMatchSnapshot();
+    }));
+});
+//# sourceMappingURL=form-fields.e2e.js.map

package/dist/collection/tests/form-fields/form-fields.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-fields.e2e.js","sourceRoot":"","sources":["../../../src/tests/form-fields/form-fields.e2e.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 */\n\nimport { expect, Page } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\nimport type { LiteralStringUnion } from './../../components/utils/type-helper';\n\ntype FormElementState = LiteralStringUnion<\n  'info' | 'warning' | 'valid' | 'invalid'\n>;\n\nasync function changeState(page: Page, state: FormElementState) {\n  return page.evaluate(\n    ([state]) => {\n      const elements = document.querySelectorAll(\n        '[data-field], ix-radio, ix-checkbox'\n      );\n      Array.from(elements).forEach((element) =>\n        element.classList.add(`ix-${state}`)\n      );\n    },\n    [state]\n  );\n}\n\nasync function changeToReadonly(page: Page) {\n  return page.evaluate(() => {\n    const elements = document.querySelectorAll(\n      '[data-field], ix-radio, ix-checkbox'\n    ) as NodeListOf<HTMLInputElement>;\n    Array.from(elements).forEach((element) => {\n      element.readOnly = true;\n      element.setAttribute('readonly', '');\n    });\n  });\n}\n\nasync function changeToDisabled(page: Page) {\n  return page.evaluate(() => {\n    const elements = document.querySelectorAll(\n      '[data-field], ix-radio, ix-checkbox'\n    ) as NodeListOf<HTMLInputElement>;\n    Array.from(elements).forEach((element) => {\n      element.disabled = true;\n    });\n  });\n}\n\nregressionTest.describe('form-fields', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('form-fields/basic');\n    expect(await page.screenshot()).toMatchSnapshot();\n  });\n\n  ['info', 'warning', 'valid', 'invalid'].forEach((state) =>\n    regressionTest(`state ${state}`, async ({ page }) => {\n      await page.goto('form-fields/basic');\n\n      await changeState(page, state);\n      expect(await page.screenshot()).toMatchSnapshot();\n    })\n  );\n\n  ['info', 'warning', 'valid', 'invalid'].forEach((state) =>\n    regressionTest(`state ${state} with readonly`, async ({ page }) => {\n      await page.goto('form-fields/basic');\n\n      await changeToReadonly(page);\n      await changeState(page, state);\n      expect(await page.screenshot()).toMatchSnapshot();\n    })\n  );\n\n  ['info', 'warning', 'valid', 'invalid'].forEach((state) =>\n    regressionTest(`state ${state} with disabled`, async ({ page }) => {\n      await page.goto('form-fields/basic');\n\n      await changeToDisabled(page);\n      await changeState(page, state);\n      expect(await page.screenshot()).toMatchSnapshot();\n    })\n  );\n});\n"]}

package/dist/collection/tests/group/group.e2e.js

@@ -32,9 +32,18 @@ regressionTest.describe('group', () => {
     });
     regressionTest('item selected', async ({ page }) => {
         await page.goto('group/basic');
-        await page.locator('.btn-expand-header ix-icon').click();
-        await page.locator('text=Example text 1').first().click();
-        await page.locator('text=Example text 2').first().hover();
+        await page.getByTestId('expand-collapsed-icon').click();
+        await page.locator('text=Example text 1').click();
+        await page.locator('text=Example text 2').hover();
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('adapt-width', async ({ page }) => {
+        await page.goto('group/adapt-width');
+        const children = await page.locator('ix-group').all();
+        for (const child of children) {
+            const groupExpand = child.getByTestId('expand-collapsed-icon');
+            await groupExpand.click();
+        }
         expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
     });
 });

package/dist/collection/tests/group/group.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.e2e.js","sourceRoot":"","sources":["../../../src/tests/group/group.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACpC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACrD,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7C,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACnD,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjD,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,IAAI,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC,KAAK,EAAE,CAAC;QACzD,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QAC1D,MAAM,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC;QAE1D,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 { regressionTest } from '@utils/test';\n\nregressionTest.describe('group', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('group/basic');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('with context menu', async ({ page }) => {\n    await page.goto('group/context-menu');\n    await page.locator('ix-icon-button').click();\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('selected', async ({ page }) => {\n    await page.goto('group/basic');\n    await page.click(\"[id='group']\");\n    await page.hover(\"[id='group']\");\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('header overflow', async ({ page }) => {\n    await page.goto('group/overflow');\n    await page.click(\"[id='group']\");\n    await page.hover(\"[id='group']\");\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('item selected', async ({ page }) => {\n    await page.goto('group/basic');\n    await page.locator('.btn-expand-header ix-icon').click();\n    await page.locator('text=Example text 1').first().click();\n    await page.locator('text=Example text 2').first().hover();\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}
+{"version":3,"file":"group.e2e.js","sourceRoot":"","sources":["../../../src/tests/group/group.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('group', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('group/basic');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('with context menu', async ({ page }) => {\n    await page.goto('group/context-menu');\n    await page.locator('ix-icon-button').click();\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('selected', async ({ page }) => {\n    await page.goto('group/basic');\n    await page.click(\"[id='group']\");\n    await page.hover(\"[id='group']\");\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('header overflow', async ({ page }) => {\n    await page.goto('group/overflow');\n    await page.click(\"[id='group']\");\n    await page.hover(\"[id='group']\");\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('item selected', async ({ page }) => {\n    await page.goto('group/basic');\n    await page.getByTestId('expand-collapsed-icon').click();\n    await page.locator('text=Example text 1').click();\n    await page.locator('text=Example text 2').hover();\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('adapt-width', async ({ page }) => {\n    await page.goto('group/adapt-width');\n    const children = await page.locator('ix-group').all();\n    for (const child of children) {\n      const groupExpand = child.getByTestId('expand-collapsed-icon');\n      await groupExpand.click();\n    }\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/tests/input/input.e2e.js

@@ -11,35 +11,59 @@ import { regressionTest } from "../utils/test/index";
 regressionTest.describe('input', () => {
     regressionTest('basic', async ({ page }) => {
         await page.goto('input/basic');
-        await expect(page).toHaveScreenshot();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
     });
     regressionTest('hover', async ({ page }) => {
         await page.goto('input/basic');
         const input = await page.waitForSelector('input');
         await input.hover();
         await page.waitForTimeout(1000);
-        await expect(page).toHaveScreenshot();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
     });
     regressionTest('focus', async ({ page }) => {
         await page.goto('input/basic');
         const input = await page.waitForSelector('input');
         await input.focus();
         await page.waitForTimeout(1000);
-        await expect(page).toHaveScreenshot();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
     });
     regressionTest('with value', async ({ page }) => {
         await page.goto('input/basic');
         const input = await page.waitForSelector('input');
         await input.fill('Example content');
         await page.waitForTimeout(1000);
-        await expect(page).toHaveScreenshot();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
     });
     regressionTest('readonly', async ({ page }) => {
         await page.goto('input/readonly');
-        await expect(page).toHaveScreenshot();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
+    });
+    regressionTest('readonly and hover', async ({ page }) => {
+        await page.goto('input/readonly');
+        const input = await page.waitForSelector('input');
+        await input.hover();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
     });
     regressionTest('disabled', async ({ page }) => {
         await page.goto('input/disabled');
+        await expect(page.locator('.inputs')).toHaveScreenshot();
+    });
+    regressionTest('disabled and hover', async ({ page }) => {
+        await page.goto('input/disabled');
+        const input = await page.waitForSelector('input');
+        await input.hover();
+        await expect(page.locator('.inputs')).toHaveScreenshot();
+    });
+    regressionTest('with slots', async ({ page }) => {
+        await page.goto('input/with-slots');
+        const button = await page.waitForSelector('ix-button');
+        await button.click();
+        await expect(page).toHaveScreenshot();
+    });
+    regressionTest('tooltip below input', async ({ page }) => {
+        await page.goto('input/tooltip');
+        await page.locator('ix-input').hover();
+        await expect(page.locator('ix-tooltip')).toBeVisible();
         await expect(page).toHaveScreenshot();
     });
 });

package/dist/collection/tests/input/input.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../src/tests/input/input.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACpC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,KAAK,EAAE,CAAC;QAEpB,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9C,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAEpC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,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 { regressionTest } from '@utils/test';\n\nregressionTest.describe('input', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('input/basic');\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('hover', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.hover();\n\n    await page.waitForTimeout(1000);\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('focus', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.focus();\n\n    await page.waitForTimeout(1000);\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('with value', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.fill('Example content');\n\n    await page.waitForTimeout(1000);\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('readonly', async ({ page }) => {\n    await page.goto('input/readonly');\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('disabled', async ({ page }) => {\n    await page.goto('input/disabled');\n    await expect(page).toHaveScreenshot();\n  });\n});\n"]}
+{"version":3,"file":"input.e2e.js","sourceRoot":"","sources":["../../../src/tests/input/input.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('input', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('input/basic');\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('hover', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.hover();\n\n    await page.waitForTimeout(1000);\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('focus', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.focus();\n\n    await page.waitForTimeout(1000);\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('with value', async ({ page }) => {\n    await page.goto('input/basic');\n    const input = await page.waitForSelector('input');\n    await input.fill('Example content');\n\n    await page.waitForTimeout(1000);\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('readonly', async ({ page }) => {\n    await page.goto('input/readonly');\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('readonly and hover', async ({ page }) => {\n    await page.goto('input/readonly');\n    const input = await page.waitForSelector('input');\n    await input.hover();\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('disabled', async ({ page }) => {\n    await page.goto('input/disabled');\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('disabled and hover', async ({ page }) => {\n    await page.goto('input/disabled');\n    const input = await page.waitForSelector('input');\n    await input.hover();\n    await expect(page.locator('.inputs')).toHaveScreenshot();\n  });\n\n  regressionTest('with slots', async ({ page }) => {\n    await page.goto('input/with-slots');\n    const button = await page.waitForSelector('ix-button');\n    await button.click();\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('tooltip below input', async ({ page }) => {\n    await page.goto('input/tooltip');\n\n    await page.locator('ix-input').hover();\n\n    await expect(page.locator('ix-tooltip')).toBeVisible();\n    await expect(page).toHaveScreenshot();\n  });\n});\n"]}

package/dist/collection/tests/message/message.e2e.js

@@ -0,0 +1,50 @@
+/*
+ * 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 { test } from "../utils/test/index";
+const screenWidths = [
+    `360`,
+    `480`,
+    `600`,
+    `720`,
+    `840`,
+    `full-width`,
+    `full-screen`,
+];
+screenWidths.forEach((size) => {
+    test(`message size ${size}`, async ({ page, mount }) => {
+        await mount(``);
+        await page.evaluate(() => {
+            return new Promise((resolve) => {
+                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.showMessage = ix.showMessage;
+      `;
+                document.body.appendChild(script);
+                resolve();
+            });
+        });
+        await page.waitForTimeout(500);
+        await page.evaluate(({ size }) => {
+            window.showMessage({
+                messageTitle: 'Example title',
+                message: 'message',
+                icon: 'info',
+                size: size,
+                centered: true,
+                actions: [],
+            });
+        }, { size });
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=message.e2e.js.map

package/dist/collection/tests/message/message.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.e2e.js","sourceRoot":"","sources":["../../../src/tests/message/message.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAUnC,MAAM,YAAY,GAAkB;IAClC,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,YAAY;IACZ,aAAa;CACd,CAAC;AAEF,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IAC5B,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACrD,MAAM,KAAK,CAAC,EAAE,CAAC,CAAC;QAEhB,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;gBACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;gBACvB,MAAM,CAAC,SAAS,GAAG;;;OAGpB,CAAC;gBAEA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAClC,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,QAAQ,CACjB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YACX,MAAM,CAAC,WAAW,CAAC;gBACjB,YAAY,EAAE,eAAe;gBAC7B,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,EAAE;aACZ,CAAC,CAAC;QACL,CAAC,EACD,EAAE,IAAI,EAAE,CACT,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 { test } from '@utils/test';\nimport { showMessage } from 'src/components/utils/modal/message';\nimport { IxModalSize } from 'src/components';\n\ndeclare global {\n  interface Window {\n    showMessage: typeof showMessage;\n  }\n}\n\nconst screenWidths: IxModalSize[] = [\n  `360`,\n  `480`,\n  `600`,\n  `720`,\n  `840`,\n  `full-width`,\n  `full-screen`,\n];\n\nscreenWidths.forEach((size) => {\n  test(`message size ${size}`, async ({ page, mount }) => {\n    await mount(``);\n\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.showMessage = ix.showMessage;\n      `;\n\n        document.body.appendChild(script);\n        resolve();\n      });\n    });\n\n    await page.waitForTimeout(500);\n\n    await page.evaluate(\n      ({ size }) => {\n        window.showMessage({\n          messageTitle: 'Example title',\n          message: 'message',\n          icon: 'info',\n          size: size,\n          centered: true,\n          actions: [],\n        });\n      },\n      { size }\n    );\n\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/tests/modal/modal.e2e.js

@@ -76,7 +76,16 @@ test('modal with dropdown', async ({ mount, page }) => {
     await modal.evaluate((modal) => modal.showModal());
     expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
 });
-[`360`, `480`, `600`, `720`, `840`, `full-width`, `full-screen`].forEach((size) => {
+const screenWidths = [
+    `360`,
+    `480`,
+    `600`,
+    `720`,
+    `840`,
+    `full-width`,
+    `full-screen`,
+];
+screenWidths.forEach((size) => {
     test(`modal size ${size}`, async ({ page, mount }) => {
         await page.setViewportSize({
             height: 1080,

package/dist/collection/tests/modal/modal.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.e2e.js","sourceRoot":"","sources":["../../../src/tests/modal/modal.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\n\nregressionTest.describe('modal', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('modal/basic');\n\n    const modal = page.locator('ix-modal');\n    await modal.evaluate((modal) => (modal as any).showModal());\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await dialog.click({\n      force: true,\n    });\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('icon', async ({ page }) => {\n    await page.goto('modal/icon');\n\n    const modal = page.locator('ix-modal');\n    await modal.evaluate((modal) => (modal as any).showModal());\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await dialog.click({\n      force: true,\n    });\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('close on Escape', async ({ page }) => {\n    await page.goto('modal/basic');\n\n    const modal = page.locator('ix-modal');\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await page.keyboard.down('Escape');\n\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n\ntest('modal with dropdown', async ({ mount, page }) => {\n  await mount(`\n  <ix-modal>\n    <ix-modal-header\n      >Dialog title Dialog titleDialog titleDialog titleDialog titleDialog\n      titleDialog title</ix-modal-header\n    >\n    <ix-modal-content>\n      <ix-dropdown-button label=\"drop\">\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n      </ix-dropdown-button>\n    </ix-modal-content>\n    <ix-modal-footer>\n      <ix-button outline>Cancel</ix-button>\n      <ix-button>Save</ix-button>\n    </ix-modal-footer>\n  </ix-modal>\n    `);\n  const modal = page.locator('ix-modal');\n  await modal.evaluate((modal) => ((modal as any).style.display = 'block'));\n  await expect(modal).toHaveClass(/hydrated/);\n\n  const dropdown = page.locator('ix-dropdown-button');\n  await dropdown.click();\n\n  const dropdownContent = dropdown.locator('ix-dropdown');\n\n  await expect(dropdownContent).toHaveClass(/show/);\n\n  await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n  expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n\n[`360`, `480`, `600`, `720`, `840`, `full-width`, `full-screen`].forEach(\n  (size) => {\n    test(`modal size ${size}`, async ({ page, mount }) => {\n      await page.setViewportSize({\n        height: 1080,\n        width: 1920,\n      });\n\n      await mount(`\n        <ix-modal size=\"${size}\">\n          <ix-modal-header>Header</ix-modal-header>\n          <ix-modal-content>Some Content 123 content 123 content 123 content 123</ix-modal-content>\n          <ix-modal-footer>\n            <ix-button>Test</ix-button>\n          </ix-modal-footer>\n        </ix-modal>\n      `);\n\n      const modal = page.locator('ix-modal');\n      await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n\n      await page.waitForTimeout(1000);\n      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n    });\n  }\n);\n\ntest('modal should show centered', async ({ mount, page }) => {\n  await mount(`\n  <ix-modal centered>\n    <div style=\"height: 500px\">Some content</div>\n  </ix-modal>\n    `);\n  const modal = page.locator('ix-modal');\n  await modal.evaluate((modal) => (modal as any).showModal());\n  await expect(modal).toHaveClass(/hydrated/);\n\n  await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n\n  // Wait until anime.js perform the slideIn animation\n  await page.waitForTimeout(2000);\n  expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n"]}
+{"version":3,"file":"modal.e2e.js","sourceRoot":"","sources":["../../../src/tests/modal/modal.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\nimport { IxModalSize } from 'src/components';\n\nregressionTest.describe('modal', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('modal/basic');\n\n    const modal = page.locator('ix-modal');\n    await modal.evaluate((modal) => (modal as any).showModal());\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await dialog.click({\n      force: true,\n    });\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('icon', async ({ page }) => {\n    await page.goto('modal/icon');\n\n    const modal = page.locator('ix-modal');\n    await modal.evaluate((modal) => (modal as any).showModal());\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await dialog.click({\n      force: true,\n    });\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('close on Escape', async ({ page }) => {\n    await page.goto('modal/basic');\n\n    const modal = page.locator('ix-modal');\n    const dialog = modal.locator('dialog');\n\n    await expect(dialog).toBeVisible();\n    await page.keyboard.down('Escape');\n\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n\ntest('modal with dropdown', async ({ mount, page }) => {\n  await mount(`\n  <ix-modal>\n    <ix-modal-header\n      >Dialog title Dialog titleDialog titleDialog titleDialog titleDialog\n      titleDialog title</ix-modal-header\n    >\n    <ix-modal-content>\n      <ix-dropdown-button label=\"drop\">\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"item\"></ix-dropdown-item>\n      </ix-dropdown-button>\n    </ix-modal-content>\n    <ix-modal-footer>\n      <ix-button outline>Cancel</ix-button>\n      <ix-button>Save</ix-button>\n    </ix-modal-footer>\n  </ix-modal>\n    `);\n  const modal = page.locator('ix-modal');\n  await modal.evaluate((modal) => ((modal as any).style.display = 'block'));\n  await expect(modal).toHaveClass(/hydrated/);\n\n  const dropdown = page.locator('ix-dropdown-button');\n  await dropdown.click();\n\n  const dropdownContent = dropdown.locator('ix-dropdown');\n\n  await expect(dropdownContent).toHaveClass(/show/);\n\n  await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n  expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n\nconst screenWidths: IxModalSize[] = [\n  `360`,\n  `480`,\n  `600`,\n  `720`,\n  `840`,\n  `full-width`,\n  `full-screen`,\n];\nscreenWidths.forEach((size) => {\n  test(`modal size ${size}`, async ({ page, mount }) => {\n    await page.setViewportSize({\n      height: 1080,\n      width: 1920,\n    });\n\n    await mount(`\n        <ix-modal size=\"${size}\">\n          <ix-modal-header>Header</ix-modal-header>\n          <ix-modal-content>Some Content 123 content 123 content 123 content 123</ix-modal-content>\n          <ix-modal-footer>\n            <ix-button>Test</ix-button>\n          </ix-modal-footer>\n        </ix-modal>\n      `);\n\n    const modal = page.locator('ix-modal');\n    await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n\n    await page.waitForTimeout(1000);\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n\ntest('modal should show centered', async ({ mount, page }) => {\n  await mount(`\n  <ix-modal centered>\n    <div style=\"height: 500px\">Some content</div>\n  </ix-modal>\n    `);\n  const modal = page.locator('ix-modal');\n  await modal.evaluate((modal) => (modal as any).showModal());\n  await expect(modal).toHaveClass(/hydrated/);\n\n  await modal.evaluate((modal: HTMLIxModalElement) => modal.showModal());\n\n  // Wait until anime.js perform the slideIn animation\n  await page.waitForTimeout(2000);\n  expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n"]}

package/dist/collection/tests/number-input/number-input.e2e.js

@@ -0,0 +1,17 @@
+/*
+ * 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 "../utils/test/index";
+regressionTest.describe('number-input', () => {
+    regressionTest('basic', async ({ page }) => {
+        await page.goto('number-input/basic');
+        await expect(page).toHaveScreenshot();
+    });
+});
+//# sourceMappingURL=number-input.e2e.js.map

package/dist/collection/tests/number-input/number-input.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.e2e.js","sourceRoot":"","sources":["../../../src/tests/number-input/number-input.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC3C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,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 { regressionTest } from '@utils/test';\n\nregressionTest.describe('number-input', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('number-input/basic');\n    await expect(page).toHaveScreenshot();\n  });\n});\n"]}

package/dist/collection/tests/radio-group/radio-group.e2e.js

@@ -0,0 +1,25 @@
+/*
+ * 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 "../utils/test/index";
+regressionTest.describe('radio-group', () => {
+    regressionTest('direction column', async ({ page }) => {
+        await page.goto(`radio-group/basic`);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('direction row', async ({ page }) => {
+        await page.goto(`radio-group/basic`);
+        const radioGroup = await page.locator('ix-radio-group');
+        await radioGroup.evaluate((el) => {
+            el.direction = 'row';
+        });
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=radio-group.e2e.js.map

package/dist/collection/tests/radio-group/radio-group.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.e2e.js","sourceRoot":"","sources":["../../../src/tests/radio-group/radio-group.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC1C,cAAc,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACpD,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACjD,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACxD,MAAM,UAAU,CAAC,QAAQ,CAAC,CAAC,EAA2B,EAAE,EAAE;YACxD,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 { regressionTest } from '@utils/test';\n\nregressionTest.describe('radio-group', () => {\n  regressionTest('direction column', async ({ page }) => {\n    await page.goto(`radio-group/basic`);\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('direction row', async ({ page }) => {\n    await page.goto(`radio-group/basic`);\n    const radioGroup = await page.locator('ix-radio-group');\n    await radioGroup.evaluate((el: HTMLIxRadioGroupElement) => {\n      el.direction = 'row';\n    });\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/tests/slider/slider.e2e.js

@@ -73,6 +73,23 @@ test('should render marker', async ({ page, mount }) => {
     await slider.evaluate((elm) => (elm.marker = [10, 20, 70, 80, 100]));
     expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();
 });
+test('should show float steps', async ({ page, mount }) => {
+    await mount(`
+    <ix-slider
+      style="width: 20rem"
+      value="0.2"
+      max="1"
+      step="0.1"
+      min="0"
+    ></ix-slider>
+  `);
+    const slider = page.locator('ix-slider');
+    await expect(slider).toHaveClass(/hydrated/);
+    await slider.hover();
+    await page.mouse.move(100, 0);
+    await page.mouse.down();
+    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+});
 test('should render with min-max changes', async ({ page, mount }) => {
     await mount(`
     <div id='slider-container'>

package/dist/collection/tests/slider/slider.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.e2e.js","sourceRoot":"","sources":["../../../src/tests/slider/slider.e2e.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 { test } from '@utils/test';\n\ntest('should show reference value', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n        step=\"25\"\n        trace\n        trace-reference=\"25\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n        step=\"25\"\n        trace\n        trace-reference=\"50\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"0\"\n        trace\n        trace-reference=\"75\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        trace\n        value=\"50\"\n      ></ix-slider>\n\n\n      <ix-slider\n        style=\"width: 20rem\"\n        trace\n        trace-reference=\"100\"\n        value=\"50\"\n      ></ix-slider>\n    </div>\n  `);\n\n  const slider = page.locator('ix-slider').nth(0);\n  await expect(slider).toHaveClass(/hydrated/);\n  await expect(slider).toBeVisible();\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render marker', async ({ page, mount }) => {\n  await mount(`\n    <ix-slider\n      style=\"width: 20rem\"\n      value=\"40\"\n      max=\"250\"\n      min=\"25\"\n    ></ix-slider>\n  `);\n\n  const slider = page.locator('ix-slider');\n  await expect(slider).toHaveClass(/hydrated/);\n\n  await slider.evaluate(\n    (elm: HTMLIxSliderElement) => (elm.marker = [10, 20, 70, 80, 100])\n  );\n\n  expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();\n});\n\ntest('should render with min-max changes', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider\n        min=\"500\"\n        max=\"1000\"\n        value=\"777\"\n        trace\n        traceReference=\"498\"\n      ></ix-slider>\n\n      <ix-slider\n        min=\"-100\"\n        max=\"50\"\n        value=\"25\"\n        trace\n        traceReference=\"-40\"\n      ></ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  await slider1.evaluate((elm: HTMLIxSliderElement) => {\n    elm.marker = [700, 800, 900];\n  });\n\n  await slider2.evaluate((elm: HTMLIxSliderElement) => {\n    elm.marker = [-50, 25];\n  });\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render with label', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider\n        min=\"500\"\n        max=\"1000\"\n        value=\"777\"\n        trace\n        traceReference=\"2000\"\n        >\n        <span slot=\"label-start\">500</span>\n        <span slot=\"label-end\">1000</span>\n      </ix-slider>\n\n      <ix-slider>\n        <ix-icon name=\"rocket\" slot=\"label-start\">500</ix-icon>\n        <ix-icon name=\"rocket\" slot=\"label-end\">1000</ix-icon>\n      </ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render with error', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider error=\"Some error message\">\n      </ix-slider>\n\n      <ix-slider error=\"Some error message\">\n        <span slot=\"label-start\">500</span>\n        <span slot=\"label-end\">1000</span>\n      </ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n"]}
+{"version":3,"file":"slider.e2e.js","sourceRoot":"","sources":["../../../src/tests/slider/slider.e2e.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 { test } from '@utils/test';\n\ntest('should show reference value', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n        step=\"25\"\n        trace\n        trace-reference=\"25\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"100\"\n        step=\"25\"\n        trace\n        trace-reference=\"50\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        value=\"0\"\n        trace\n        trace-reference=\"75\"\n      ></ix-slider>\n\n      <ix-slider\n        style=\"width: 20rem\"\n        trace\n        value=\"50\"\n      ></ix-slider>\n\n\n      <ix-slider\n        style=\"width: 20rem\"\n        trace\n        trace-reference=\"100\"\n        value=\"50\"\n      ></ix-slider>\n    </div>\n  `);\n\n  const slider = page.locator('ix-slider').nth(0);\n  await expect(slider).toHaveClass(/hydrated/);\n  await expect(slider).toBeVisible();\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render marker', async ({ page, mount }) => {\n  await mount(`\n    <ix-slider\n      style=\"width: 20rem\"\n      value=\"40\"\n      max=\"250\"\n      min=\"25\"\n    ></ix-slider>\n  `);\n\n  const slider = page.locator('ix-slider');\n  await expect(slider).toHaveClass(/hydrated/);\n\n  await slider.evaluate(\n    (elm: HTMLIxSliderElement) => (elm.marker = [10, 20, 70, 80, 100])\n  );\n\n  expect(await page.locator('ix-slider').screenshot()).toMatchSnapshot();\n});\n\ntest('should show float steps', async ({ page, mount }) => {\n  await mount(`\n    <ix-slider\n      style=\"width: 20rem\"\n      value=\"0.2\"\n      max=\"1\"\n      step=\"0.1\"\n      min=\"0\"\n    ></ix-slider>\n  `);\n\n  const slider = page.locator('ix-slider');\n  await expect(slider).toHaveClass(/hydrated/);\n\n  await slider.hover();\n  await page.mouse.move(100, 0);\n  await page.mouse.down();\n\n  expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n});\n\ntest('should render with min-max changes', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider\n        min=\"500\"\n        max=\"1000\"\n        value=\"777\"\n        trace\n        traceReference=\"498\"\n      ></ix-slider>\n\n      <ix-slider\n        min=\"-100\"\n        max=\"50\"\n        value=\"25\"\n        trace\n        traceReference=\"-40\"\n      ></ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  await slider1.evaluate((elm: HTMLIxSliderElement) => {\n    elm.marker = [700, 800, 900];\n  });\n\n  await slider2.evaluate((elm: HTMLIxSliderElement) => {\n    elm.marker = [-50, 25];\n  });\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render with label', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider\n        min=\"500\"\n        max=\"1000\"\n        value=\"777\"\n        trace\n        traceReference=\"2000\"\n        >\n        <span slot=\"label-start\">500</span>\n        <span slot=\"label-end\">1000</span>\n      </ix-slider>\n\n      <ix-slider>\n        <ix-icon name=\"rocket\" slot=\"label-start\">500</ix-icon>\n        <ix-icon name=\"rocket\" slot=\"label-end\">1000</ix-icon>\n      </ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n\ntest('should render with error', async ({ page, mount }) => {\n  await mount(`\n    <div id='slider-container'>\n\n      <ix-slider error=\"Some error message\">\n      </ix-slider>\n\n      <ix-slider error=\"Some error message\">\n        <span slot=\"label-start\">500</span>\n        <span slot=\"label-end\">1000</span>\n      </ix-slider>\n\n    </div>\n  `);\n\n  const slider1 = page.locator('ix-slider').nth(0);\n  const slider2 = page.locator('ix-slider').nth(1);\n\n  await expect(slider1).toHaveClass(/hydrated/);\n  await expect(slider2).toHaveClass(/hydrated/);\n\n  expect(\n    await page.locator('#slider-container').screenshot()\n  ).toMatchSnapshot();\n});\n"]}

package/dist/collection/tests/tooltip/tooltip.e2e.js

@@ -45,6 +45,28 @@ regressionTest.describe('tooltip', () => {
             maxDiffPixelRatio: 0.01,
         });
     });
+    regressionTest('placement near viewport edge', async ({ page }) => {
+        await page.goto('tooltip/placement-on-edge');
+        const tooltips = [
+            'myTooltip-left',
+            'myTooltip-right',
+            'myTooltip-top',
+            'myTooltip-bottom',
+        ];
+        for (const tooltip of tooltips) {
+            const tooltipTriggerHandler = await page.waitForSelector(`[data-tooltip="${tooltip}"]`);
+            await tooltipTriggerHandler.hover();
+            await page.waitForTimeout(500);
+            expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+        }
+    });
+    regressionTest('global style not bleeding into tooltip', async ({ page }) => {
+        await page.goto('tooltip/overlapping-styles');
+        const tooltipTriggerHandler = await page.waitForSelector('#test');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
     test('tooltip position top', async ({ mount, page }) => {
         await mount(`
       <div style="padding: 10rem">

package/dist/collection/tests/tooltip/tooltip.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.e2e.js","sourceRoot":"","sources":["../../../src/tests/tooltip/tooltip.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\n\nregressionTest.describe('tooltip', () => {\n  regressionTest('Long Text long words', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test1\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('Short', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test2\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('Long text short words', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test3\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('fallback placement', async ({ page }) => {\n    await page.goto('tooltip/placement-fallback');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test3\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  test('tooltip position top', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"top\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position right', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"right\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position bottom', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"bottom\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position left', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"width: 10rem; height: 10rem\">\n        <ix-button id=\"trigger\" style=\"position: absolute; left: 20rem; top: 10rem;\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"left\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n\nregressionTest.describe('tooltip delay', () => {\n  ['top', 'right', 'bottom', 'left'].forEach((placement) => {\n    test(`tooltip placement ${placement} with delay`, async ({\n      mount,\n      page,\n    }) => {\n      const testDelayToShowTooltip = 1100;\n      await mount(`\n      <div style=\"margin: 20rem\">\n        <ix-button>Long text</ix-button>\n        <ix-tooltip\n          for=\"ix-button\"\n          title-content=\"Test\"\n          showDelay=\"1000\"\n          placement=\"${placement}\"\n        >\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n        </ix-tooltip>\n      </div>\n      `);\n\n      const tooltipTrigger = page.locator('ix-button');\n      await tooltipTrigger.hover();\n\n      await page.waitForTimeout(testDelayToShowTooltip);\n\n      expect(await page.screenshot()).toMatchSnapshot();\n    });\n  });\n});\n"]}
+{"version":3,"file":"tooltip.e2e.js","sourceRoot":"","sources":["../../../src/tests/tooltip/tooltip.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest, test } from '@utils/test';\n\nregressionTest.describe('tooltip', () => {\n  regressionTest('Long Text long words', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test1\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('Short', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test2\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('Long text short words', async ({ page }) => {\n    await page.goto('tooltip/basic');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test3\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('fallback placement', async ({ page }) => {\n    await page.goto('tooltip/placement-fallback');\n\n    const tooltipTriggerHandler = await page.waitForSelector(\n      '[data-tooltip=\"Test3\"]'\n    );\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({\n      maxDiffPixelRatio: 0.01,\n    });\n  });\n\n  regressionTest('placement near viewport edge', async ({ page }) => {\n    await page.goto('tooltip/placement-on-edge');\n\n    const tooltips = [\n      'myTooltip-left',\n      'myTooltip-right',\n      'myTooltip-top',\n      'myTooltip-bottom',\n    ];\n\n    for (const tooltip of tooltips) {\n      const tooltipTriggerHandler = await page.waitForSelector(\n        `[data-tooltip=\"${tooltip}\"]`\n      );\n\n      await tooltipTriggerHandler.hover();\n      await page.waitForTimeout(500);\n\n      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n    }\n  });\n\n  regressionTest('global style not bleeding into tooltip', async ({ page }) => {\n    await page.goto('tooltip/overlapping-styles');\n\n    const tooltipTriggerHandler = await page.waitForSelector('#test');\n\n    await tooltipTriggerHandler.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position top', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"top\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position right', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"right\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position bottom', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"padding: 10rem\">\n        <ix-button id=\"trigger\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"bottom\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  test('tooltip position left', async ({ mount, page }) => {\n    await mount(`\n      <div style=\"width: 10rem; height: 10rem\">\n        <ix-button id=\"trigger\" style=\"position: absolute; left: 20rem; top: 10rem;\">Trigger</ix-button>\n        <ix-tooltip for=\"#trigger\" placement=\"left\">\n          Tooltip content 123 123\n        </ix-tooltip>\n      </div>\n    `);\n\n    const trigger = await page.waitForSelector('#trigger');\n    await trigger.hover();\n    await page.waitForTimeout(500);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n\nregressionTest.describe('tooltip delay', () => {\n  ['top', 'right', 'bottom', 'left'].forEach((placement) => {\n    test(`tooltip placement ${placement} with delay`, async ({\n      mount,\n      page,\n    }) => {\n      const testDelayToShowTooltip = 1100;\n      await mount(`\n      <div style=\"margin: 20rem\">\n        <ix-button>Long text</ix-button>\n        <ix-tooltip\n          for=\"ix-button\"\n          title-content=\"Test\"\n          showDelay=\"1000\"\n          placement=\"${placement}\"\n        >\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam\n        </ix-tooltip>\n      </div>\n      `);\n\n      const tooltipTrigger = page.locator('ix-button');\n      await tooltipTrigger.hover();\n\n      await page.waitForTimeout(testDelayToShowTooltip);\n\n      expect(await page.screenshot()).toMatchSnapshot();\n    });\n  });\n});\n"]}

package/dist/collection/tests/tree/tree.e2e.js

@@ -49,5 +49,17 @@ regressionTest.describe('tree', () => {
         }, treeViewportHandle);
         expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
     });
+    regressionTest('item overflow', async ({ page }) => {
+        await page.goto('tree/overflow');
+        page.setViewportSize({ width: 100, height: 100 });
+        const treeViewportHandle = await page.waitForSelector('ix-tree');
+        await page.evaluate((tree) => {
+            const model = tree.model;
+            model['sample-child-1'].data.name =
+                'This is a very long text that should overflow';
+            tree.model = Object.assign({}, model);
+        }, treeViewportHandle);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
 });
 //# sourceMappingURL=tree.e2e.js.map

package/dist/collection/tests/tree/tree.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.e2e.js","sourceRoot":"","sources":["../../../src/tests/tree/tree.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACnC,cAAc,CAAC,4BAA4B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9D,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEjE,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,KAAK,CAAC,YAAY,CAAC,GAAG;gBACpB,EAAE,EAAE,YAAY;gBAChB,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;aAC7B,CAAC;YAEF,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5C,IAAI,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC;QAC5B,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QAE/B,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;YACnC,YAAY,CAAC,SAAS,GAAG,EAAE,GAAG,GAAG,CAAC;QACpC,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5D,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE9B,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAEjE,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,EAAE,EAAE;YACnC,YAAY,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;QACnC,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAEzB,KAAK,CAAC,iBAAiB,CAAC,GAAG;gBACzB,EAAE,EAAE,iBAAiB;gBACrB,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,KAAK;gBAClB,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE;aAClC,CAAC;YAEF,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACxD,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,iBAAiB,CACjC,CAAC;YAEF,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC;YAEzE,IAAI,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC;QAC5B,CAAC,EAAE,kBAAkB,CAAC,CAAC;QAEvB,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,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 { regressionTest } from '@utils/test';\n\nregressionTest.describe('tree', () => {\n  regressionTest('should append item to tree', async ({ page }) => {\n    await page.goto('tree/basic');\n\n    const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n    await page.evaluate((tree) => {\n      const model = tree.model;\n\n      model['last-child'] = {\n        id: 'last-child',\n        children: [],\n        hasChildren: false,\n        data: { name: 'last-child' },\n      };\n\n      model['sample'].children.push('last-child');\n\n      tree.model = { ...model };\n    }, treeViewportHandle);\n\n    await page.waitForTimeout(500);\n\n    await page.evaluate((treeViewport) => {\n      treeViewport.scrollTop = 32 * 999;\n    }, treeViewportHandle);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('should keep scroll state', async ({ page }) => {\n    await page.goto('tree/basic');\n\n    const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n    await page.evaluate((treeViewport) => {\n      treeViewport.scrollTop = 32 * 50;\n    }, treeViewportHandle);\n\n    await page.evaluate((tree) => {\n      const model = tree.model;\n\n      model['insert-below-50'] = {\n        id: 'insert-below-50',\n        children: [],\n        hasChildren: false,\n        data: { name: 'insert-below-50' },\n      };\n\n      const indexOfItem50 = tree.model.sample.children.findIndex(\n        (id) => id === 'sample-child-50'\n      );\n\n      model['sample'].children.splice(indexOfItem50 + 1, 0, 'insert-below-50');\n\n      tree.model = { ...model };\n    }, treeViewportHandle);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}
+{"version":3,"file":"tree.e2e.js","sourceRoot":"","sources":["../../../src/tests/tree/tree.e2e.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 */\n\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest.describe('tree', () => {\n  regressionTest('should append item to tree', async ({ page }) => {\n    await page.goto('tree/basic');\n\n    const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n    await page.evaluate((tree) => {\n      const model = tree.model;\n\n      model['last-child'] = {\n        id: 'last-child',\n        children: [],\n        hasChildren: false,\n        data: { name: 'last-child' },\n      };\n\n      model['sample'].children.push('last-child');\n\n      tree.model = { ...model };\n    }, treeViewportHandle);\n\n    await page.waitForTimeout(500);\n\n    await page.evaluate((treeViewport) => {\n      treeViewport.scrollTop = 32 * 999;\n    }, treeViewportHandle);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('should keep scroll state', async ({ page }) => {\n    await page.goto('tree/basic');\n\n    const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n    await page.evaluate((treeViewport) => {\n      treeViewport.scrollTop = 32 * 50;\n    }, treeViewportHandle);\n\n    await page.evaluate((tree) => {\n      const model = tree.model;\n\n      model['insert-below-50'] = {\n        id: 'insert-below-50',\n        children: [],\n        hasChildren: false,\n        data: { name: 'insert-below-50' },\n      };\n\n      const indexOfItem50 = tree.model.sample.children.findIndex(\n        (id) => id === 'sample-child-50'\n      );\n\n      model['sample'].children.splice(indexOfItem50 + 1, 0, 'insert-below-50');\n\n      tree.model = { ...model };\n    }, treeViewportHandle);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('item overflow', async ({ page }) => {\n    await page.goto('tree/overflow');\n\n    page.setViewportSize({ width: 100, height: 100 });\n\n    const treeViewportHandle = await page.waitForSelector('ix-tree');\n\n    await page.evaluate((tree) => {\n      const model = tree.model;\n\n      model['sample-child-1'].data.name =\n        'This is a very long text that should overflow';\n\n      tree.model = { ...model };\n    }, treeViewportHandle);\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/tests/utils/test/index.js

@@ -21,4 +21,16 @@ export const viewPorts = {
         width: 1920,
     },
 };
+export const preventFormSubmission = async (formLocator) => {
+    return formLocator.evaluate((form) => form.addEventListener('submit', (submitEvent) => {
+        submitEvent.preventDefault();
+    }));
+};
+export const getFormValue = async (formLocator, key, page) => {
+    await page.waitForTimeout(100);
+    return formLocator.evaluate((form, key) => {
+        const formData = new FormData(form);
+        return formData.get(key);
+    }, key);
+};
 //# sourceMappingURL=index.js.map