@siemens/ix 0.0.0-20240419081748

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

@@ -0,0 +1,130 @@
+/*
+ * 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, test } from "../utils/test/index";
+regressionTest.describe('tooltip', () => {
+    regressionTest('Long Text long words', async ({ page }) => {
+        await page.goto('tooltip/basic');
+        const tooltipTriggerHandler = await page.waitForSelector('[data-tooltip="Test1"]');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({
+            maxDiffPixelRatio: 0.01,
+        });
+    });
+    regressionTest('Short', async ({ page }) => {
+        await page.goto('tooltip/basic');
+        const tooltipTriggerHandler = await page.waitForSelector('[data-tooltip="Test2"]');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({
+            maxDiffPixelRatio: 0.01,
+        });
+    });
+    regressionTest('Long text short words', async ({ page }) => {
+        await page.goto('tooltip/basic');
+        const tooltipTriggerHandler = await page.waitForSelector('[data-tooltip="Test3"]');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({
+            maxDiffPixelRatio: 0.01,
+        });
+    });
+    regressionTest('fallback placement', async ({ page }) => {
+        await page.goto('tooltip/placement-fallback');
+        const tooltipTriggerHandler = await page.waitForSelector('[data-tooltip="Test3"]');
+        await tooltipTriggerHandler.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot({
+            maxDiffPixelRatio: 0.01,
+        });
+    });
+    test('tooltip position top', async ({ mount, page }) => {
+        await mount(`
+      <div style="padding: 10rem">
+        <ix-button id="trigger">Trigger</ix-button>
+        <ix-tooltip for="#trigger" placement="top">
+          Tooltip content 123 123
+        </ix-tooltip>
+      </div>
+    `);
+        const trigger = await page.waitForSelector('#trigger');
+        await trigger.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    test('tooltip position right', async ({ mount, page }) => {
+        await mount(`
+      <div style="padding: 10rem">
+        <ix-button id="trigger">Trigger</ix-button>
+        <ix-tooltip for="#trigger" placement="right">
+          Tooltip content 123 123
+        </ix-tooltip>
+      </div>
+    `);
+        const trigger = await page.waitForSelector('#trigger');
+        await trigger.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    test('tooltip position bottom', async ({ mount, page }) => {
+        await mount(`
+      <div style="padding: 10rem">
+        <ix-button id="trigger">Trigger</ix-button>
+        <ix-tooltip for="#trigger" placement="bottom">
+          Tooltip content 123 123
+        </ix-tooltip>
+      </div>
+    `);
+        const trigger = await page.waitForSelector('#trigger');
+        await trigger.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    test('tooltip position left', async ({ mount, page }) => {
+        await mount(`
+      <div style="width: 10rem; height: 10rem">
+        <ix-button id="trigger" style="position: absolute; left: 20rem; top: 10rem;">Trigger</ix-button>
+        <ix-tooltip for="#trigger" placement="left">
+          Tooltip content 123 123
+        </ix-tooltip>
+      </div>
+    `);
+        const trigger = await page.waitForSelector('#trigger');
+        await trigger.hover();
+        await page.waitForTimeout(500);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+});
+regressionTest.describe('tooltip delay', () => {
+    ['top', 'right', 'bottom', 'left'].forEach((placement) => {
+        test(`tooltip placement ${placement} with delay`, async ({ mount, page, }) => {
+            const testDelayToShowTooltip = 1100;
+            await mount(`
+      <div style="margin: 20rem">
+        <ix-button>Long text</ix-button>
+        <ix-tooltip
+          for="ix-button"
+          title-content="Test"
+          showDelay="1000"
+          placement="${placement}"
+        >
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
+        </ix-tooltip>
+      </div>
+      `);
+            const tooltipTrigger = page.locator('ix-button');
+            await tooltipTrigger.hover();
+            await page.waitForTimeout(testDelayToShowTooltip);
+            expect(await page.screenshot()).toMatchSnapshot();
+        });
+    });
+});
+//# sourceMappingURL=tooltip.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.e2e.js","sourceRoot":"","sources":["../../../../src/tests/tooltip/tooltip.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACtC,cAAc,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACxD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,eAAe,CACtD,wBAAwB,CACzB,CAAC;QAEF,MAAM,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACpC,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,CAAC;YAChE,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,eAAe,CACtD,wBAAwB,CACzB,CAAC;QAEF,MAAM,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACpC,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,CAAC;YAChE,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,eAAe,CACtD,wBAAwB,CACzB,CAAC;QAEF,MAAM,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACpC,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,CAAC;YAChE,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,oBAAoB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtD,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QAE9C,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,eAAe,CACtD,wBAAwB,CACzB,CAAC;QAEF,MAAM,qBAAqB,CAAC,KAAK,EAAE,CAAC;QACpC,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,CAAC;YAChE,iBAAiB,EAAE,IAAI;SACxB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACrD,MAAM,KAAK,CAAC;;;;;;;KAOX,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACvD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,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;IAEH,IAAI,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACvD,MAAM,KAAK,CAAC;;;;;;;KAOX,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACvD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,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;IAEH,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACxD,MAAM,KAAK,CAAC;;;;;;;KAOX,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACvD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,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;IAEH,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACtD,MAAM,KAAK,CAAC;;;;;;;KAOX,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QACvD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,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;AAEH,cAAc,CAAC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC5C,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;QACvD,IAAI,CAAC,qBAAqB,SAAS,aAAa,EAAE,KAAK,EAAE,EACvD,KAAK,EACL,IAAI,GACL,EAAE,EAAE;YACH,MAAM,sBAAsB,GAAG,IAAI,CAAC;YACpC,MAAM,KAAK,CAAC;;;;;;;uBAOK,SAAS;;;;;;OAMzB,CAAC,CAAC;YAEH,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACjD,MAAM,cAAc,CAAC,KAAK,EAAE,CAAC;YAE7B,MAAM,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAElD,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,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, 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"]}

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

@@ -0,0 +1,53 @@
+/*
+ * 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('tree', () => {
+    regressionTest('should append item to tree', async ({ page }) => {
+        await page.goto('tree/basic');
+        const treeViewportHandle = await page.waitForSelector('ix-tree');
+        await page.evaluate((tree) => {
+            const model = tree.model;
+            model['last-child'] = {
+                id: 'last-child',
+                children: [],
+                hasChildren: false,
+                data: { name: 'last-child' },
+            };
+            model['sample'].children.push('last-child');
+            tree.model = Object.assign({}, model);
+        }, treeViewportHandle);
+        await page.waitForTimeout(500);
+        await page.evaluate((treeViewport) => {
+            treeViewport.scrollTop = 32 * 999;
+        }, treeViewportHandle);
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('should keep scroll state', async ({ page }) => {
+        await page.goto('tree/basic');
+        const treeViewportHandle = await page.waitForSelector('ix-tree');
+        await page.evaluate((treeViewport) => {
+            treeViewport.scrollTop = 32 * 50;
+        }, treeViewportHandle);
+        await page.evaluate((tree) => {
+            const model = tree.model;
+            model['insert-below-50'] = {
+                id: 'insert-below-50',
+                children: [],
+                hasChildren: false,
+                data: { name: 'insert-below-50' },
+            };
+            const indexOfItem50 = tree.model.sample.children.findIndex((id) => id === 'sample-child-50');
+            model['sample'].children.splice(indexOfItem50 + 1, 0, 'insert-below-50');
+            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

@@ -0,0 +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"]}

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

@@ -0,0 +1,29 @@
+/*
+ * 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('typography', () => {
+    regressionTest('basic', async ({ page }) => {
+        await page.goto('typography/basic');
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('line-through', async ({ page }) => {
+        await page.goto('typography/line-through');
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('underline', async ({ page }) => {
+        await page.goto('typography/underline');
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('text color', async ({ page }) => {
+        await page.goto('typography/text-color');
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=typography.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.e2e.js","sourceRoot":"","sources":["../../../../src/tests/typography/typography.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,YAAY,EAAE,GAAG,EAAE;IACzC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpC,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,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAChD,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3C,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,WAAW,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC7C,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACxC,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,YAAY,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC9C,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACzC,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('typography', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('typography/basic');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('line-through', async ({ page }) => {\n    await page.goto('typography/line-through');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('underline', async ({ page }) => {\n    await page.goto('typography/underline');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('text color', async ({ page }) => {\n    await page.goto('typography/text-color');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -0,0 +1,45 @@
+/*
+ * 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";
+import { UploadFileState } from "../../components/upload/upload-file-state";
+regressionTest.describe('upload', () => {
+    regressionTest('basic', async ({ page }) => {
+        await page.goto('upload/basic');
+        await expect(page).toHaveScreenshot();
+    });
+    regressionTest('States', async ({ page }) => {
+        await page.goto('upload/states');
+        const uploads = await page.locator('ix-upload').all();
+        await Promise.all(uploads.map(async (locator, index) => {
+            let state;
+            switch (index) {
+                case 0:
+                    state = UploadFileState.LOADING;
+                    break;
+                case 1:
+                    state = UploadFileState.SELECT_FILE;
+                    break;
+                case 2:
+                    state = UploadFileState.UPLOAD_FAILED;
+                    break;
+                case 3:
+                    state = UploadFileState.UPLOAD_SUCCESSED;
+                    break;
+                default:
+                    console.error('Invalid enum value');
+            }
+            await locator.evaluate((elm, state) => {
+                elm.state = state;
+            }, state);
+        }));
+        await expect(page).toHaveScreenshot();
+    });
+});
+//# sourceMappingURL=upload.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload.e2e.js","sourceRoot":"","sources":["../../../../src/tests/upload/upload.e2e.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE5E,cAAc,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACrC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC1C,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEjC,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC;QAEtD,MAAM,OAAO,CAAC,GAAG,CACf,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;YACnC,IAAI,KAAsB,CAAC;YAC3B,QAAQ,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC;oBACJ,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC;oBAChC,MAAM;gBACR,KAAK,CAAC;oBACJ,KAAK,GAAG,eAAe,CAAC,WAAW,CAAC;oBACpC,MAAM;gBACR,KAAK,CAAC;oBACJ,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC;oBACtC,MAAM;gBACR,KAAK,CAAC;oBACJ,KAAK,GAAG,eAAe,CAAC,gBAAgB,CAAC;oBACzC,MAAM;gBACR;oBACE,OAAO,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;YACxC,CAAC;YAED,MAAM,OAAO,CAAC,QAAQ,CACpB,CAAC,GAAwB,EAAE,KAAsB,EAAE,EAAE;gBACnD,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;YACpB,CAAC,EACD,KAAK,CACN,CAAC;QACJ,CAAC,CAAC,CACH,CAAC;QAEF,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';\nimport { UploadFileState } from '../../components/upload/upload-file-state';\n\nregressionTest.describe('upload', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('upload/basic');\n    await expect(page).toHaveScreenshot();\n  });\n\n  regressionTest('States', async ({ page }) => {\n    await page.goto('upload/states');\n\n    const uploads = await page.locator('ix-upload').all();\n\n    await Promise.all(\n      uploads.map(async (locator, index) => {\n        let state: UploadFileState;\n        switch (index) {\n          case 0:\n            state = UploadFileState.LOADING;\n            break;\n          case 1:\n            state = UploadFileState.SELECT_FILE;\n            break;\n          case 2:\n            state = UploadFileState.UPLOAD_FAILED;\n            break;\n          case 3:\n            state = UploadFileState.UPLOAD_SUCCESSED;\n            break;\n          default:\n            console.error('Invalid enum value');\n        }\n\n        await locator.evaluate(\n          (elm: HTMLIxUploadElement, state: UploadFileState) => {\n            elm.state = state;\n          },\n          state\n        );\n      })\n    );\n\n    await expect(page).toHaveScreenshot();\n  });\n});\n"]}

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

@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+export * from './page';
+export const viewPorts = {
+    sm: {
+        height: 800,
+        width: 360,
+    },
+    md: {
+        height: 768,
+        width: 1024,
+    },
+    lg: {
+        height: 1080,
+        width: 1920,
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tests/utils/test/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,QAAQ,CAAC;AAEvB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE;QACF,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;KACX;IACD,EAAE,EAAE;QACF,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,IAAI;KACZ;IACD,EAAE,EAAE;QACF,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;KACZ;CACO,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\nexport * from './page';\n\nexport const viewPorts = {\n  sm: {\n    height: 800,\n    width: 360,\n  },\n  md: {\n    height: 768,\n    width: 1024,\n  },\n  lg: {\n    height: 1080,\n    width: 1920,\n  },\n} as const;\n"]}

package/dist/collection/tests/utils/test/matchMedia.mock.js

@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(),
+    removeListener: jest.fn(),
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});

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

@@ -0,0 +1,65 @@
+/*
+ * 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 { test as testBase, } from "@playwright/test";
+async function extendPageFixture(page, testInfo) {
+    var _a, _b;
+    const originalGoto = page.goto.bind(page);
+    const originalSceenshot = page.screenshot.bind(page);
+    const theme = (_b = (_a = testInfo.project.metadata) === null || _a === void 0 ? void 0 : _a.theme) !== null && _b !== void 0 ? _b : 'theme-classic-dark';
+    testInfo.annotations.push({
+        type: theme,
+    });
+    page.goto = async (url, options) => {
+        const response = await originalGoto(`http://127.0.0.1:8080/src/tests/${url}?theme=${theme}`, options);
+        await page.waitForTimeout(1000);
+        return response;
+    };
+    page.screenshot = async (options) => {
+        await page.waitForTimeout(150);
+        return originalSceenshot(options);
+    };
+    return page;
+}
+export const regressionTest = testBase.extend({
+    page: async ({ page }, use, testInfo) => {
+        page = await extendPageFixture(page, testInfo);
+        await use(page);
+    },
+});
+export const test = testBase.extend({
+    createElement: async ({ page }, use) => {
+        use((selector, appendTo) => page.evaluateHandle(async ({ selector, appendTo }) => {
+            const elm = document.createElement(selector);
+            if (appendTo) {
+                appendTo.appendChild(elm);
+            }
+            return elm;
+        }, {
+            selector,
+            appendTo,
+        }));
+    },
+    mount: async ({ page }, use, testInfo) => {
+        var _a, _b;
+        const theme = (_b = (_a = testInfo.project.metadata) === null || _a === void 0 ? void 0 : _a.theme) !== null && _b !== void 0 ? _b : 'theme-classic-dark';
+        testInfo.annotations.push({
+            type: theme,
+        });
+        await page.goto(`http://127.0.0.1:8080/src/tests/utils/ct/index.html?theme=${theme}`);
+        use((selector) => {
+            return page.evaluateHandle(async ({ componentSelector }) => {
+                await window.customElements.whenDefined('ix-button');
+                const mount = document.querySelector('#mount');
+                mount.innerHTML = componentSelector;
+                return mount.children.item(0);
+            }, { componentSelector: selector });
+        });
+    },
+});
+//# sourceMappingURL=page.js.map

package/dist/collection/tests/utils/test/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../src/tests/utils/test/page.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 {\n  ElementHandle,\n  Page,\n  PageScreenshotOptions,\n  test as testBase,\n  TestInfo,\n} from '@playwright/test';\n\nasync function extendPageFixture(page: Page, testInfo: TestInfo) {\n  const originalGoto = page.goto.bind(page);\n  const originalSceenshot = page.screenshot.bind(page);\n  const theme = testInfo.project.metadata?.theme ?? 'theme-classic-dark';\n  testInfo.annotations.push({\n    type: theme,\n  });\n  page.goto = async (url: string, options) => {\n    const response = await originalGoto(\n      `http://127.0.0.1:8080/src/tests/${url}?theme=${theme}`,\n      options\n    );\n\n    await page.waitForTimeout(1000);\n    return response;\n  };\n\n  page.screenshot = async (options?: PageScreenshotOptions) => {\n    await page.waitForTimeout(150);\n    return originalSceenshot(options);\n  };\n\n  return page;\n}\n\nexport const regressionTest = testBase.extend({\n  page: async ({ page }, use, testInfo) => {\n    page = await extendPageFixture(page, testInfo);\n    await use(page);\n  },\n});\n\nexport const test = testBase.extend<{\n  mount: (selector: string) => Promise<ElementHandle<HTMLElement>>;\n  createElement: (\n    selector: string,\n    appendTo?: ElementHandle<Element>\n  ) => Promise<ElementHandle<HTMLElement>>;\n}>({\n  createElement: async ({ page }, use) => {\n    use((selector, appendTo) =>\n      page.evaluateHandle(\n        async ({ selector, appendTo }) => {\n          const elm = document.createElement(selector);\n\n          if (appendTo) {\n            appendTo.appendChild(elm);\n          }\n\n          return elm;\n        },\n        {\n          selector,\n          appendTo,\n        }\n      )\n    );\n  },\n  mount: async ({ page }, use, testInfo) => {\n    const theme = testInfo.project.metadata?.theme ?? 'theme-classic-dark';\n    testInfo.annotations.push({\n      type: theme,\n    });\n    await page.goto(\n      `http://127.0.0.1:8080/src/tests/utils/ct/index.html?theme=${theme}`\n    );\n    use((selector) => {\n      return page.evaluateHandle(\n        async ({ componentSelector }) => {\n          await window.customElements.whenDefined('ix-button');\n          const mount = document.querySelector('#mount');\n          mount.innerHTML = componentSelector;\n          return mount.children.item(0) as HTMLElement;\n        },\n        { componentSelector: selector }\n      );\n    });\n  },\n});\n"]}

package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js

@@ -0,0 +1,33 @@
+/*
+ * 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('workflow-steps', () => {
+    regressionTest('basic', async ({ page }) => {
+        await page.goto('workflow-steps/basic');
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('overflow', async ({ page }) => {
+        await page.goto('workflow-steps/overflow');
+        const stepItem = await page.waitForSelector('ix-workflow-step:nth-child(5)');
+        stepItem.scrollIntoViewIfNeeded();
+        await stepItem.click();
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+    regressionTest('toggle and disable', async ({ page }) => {
+        await page.goto('workflow-steps/toggle');
+        const stepItemLocator = page.locator('ix-workflow-step').nth(1);
+        await stepItemLocator.evaluate((stepItem) => {
+            stepItem.status = 'done';
+            stepItem.disabled = true;
+        });
+        expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=workflow-steps.e2e.js.map

package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-steps.e2e.js","sourceRoot":"","sources":["../../../../src/tests/workflow-steps/workflow-steps.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,gBAAgB,EAAE,GAAG,EAAE;IAC7C,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACzC,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACxC,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,yBAAyB,CAAC,CAAC;QAE3C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CACzC,+BAA+B,CAChC,CAAC;QAEF,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAClC,MAAM,QAAQ,CAAC,KAAK,EAAE,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,oBAAoB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAEzC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAC,QAAa,EAAE,EAAE;YAC/C,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,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('workflow-steps', () => {\n  regressionTest('basic', async ({ page }) => {\n    await page.goto('workflow-steps/basic');\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('overflow', async ({ page }) => {\n    await page.goto('workflow-steps/overflow');\n\n    const stepItem = await page.waitForSelector(\n      'ix-workflow-step:nth-child(5)'\n    );\n\n    stepItem.scrollIntoViewIfNeeded();\n    await stepItem.click();\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n\n  regressionTest('toggle and disable', async ({ page }) => {\n    await page.goto('workflow-steps/toggle');\n\n    const stepItemLocator = page.locator('ix-workflow-step').nth(1);\n    await stepItemLocator.evaluate((stepItem: any) => {\n      stepItem.status = 'done';\n      stepItem.disabled = true;\n    });\n\n    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();\n  });\n});\n"]}

package/dist/esm/_commonjsHelpers-e557d4a5.js

@@ -0,0 +1,13 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function commonjsRequire (path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+export { commonjsGlobal as a, commonjsRequire as c, getDefaultExportFromCjs as g };
+
+//# sourceMappingURL=_commonjsHelpers-e557d4a5.js.map

package/dist/esm/_commonjsHelpers-e557d4a5.js.map

@@ -0,0 +1 @@
+{"file":"_commonjsHelpers-e557d4a5.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/a11y-d5444a76.js

@@ -0,0 +1,142 @@
+/*
+ * 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.
+ */
+const isHttpUrl = (link) => {
+    if (!link) {
+        return false;
+    }
+    let url;
+    try {
+        url = new URL(link);
+    }
+    catch (e) {
+        return false;
+    }
+    return url.protocol === 'http:' || url.protocol === 'https:';
+};
+const isSvgDataUrl = (url) => {
+    if (!url) {
+        return false;
+    }
+    if (typeof url !== 'string') {
+        return false;
+    }
+    return url.startsWith('data:image/svg+xml');
+};
+
+/*
+ * 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.
+ */
+const a11yBoolean = (value) => (value ? 'true' : 'false');
+const kebabCaseToUpperCaseSentence = (kebabCase) => {
+    const withoutFilledSuffix = kebabCase.replace('-filled', '');
+    const words = withoutFilledSuffix.split('-');
+    const sentence = words
+        .map((word) => {
+        const trimWord = word.trim();
+        const digitLessWord = trimWord.replace(/\d+/g, '');
+        if (digitLessWord.length === 0) {
+            return trimWord;
+        }
+        return digitLessWord;
+    })
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+    return sentence;
+};
+const getFallbackLabelFromIconName = (iconName) => {
+    if (!iconName) {
+        return 'Unknown';
+    }
+    if (isHttpUrl(iconName)) {
+        return 'Unknown';
+    }
+    if (isSvgDataUrl(iconName)) {
+        return 'Unknown';
+    }
+    const label = kebabCaseToUpperCaseSentence(iconName);
+    if (label.length === 0) {
+        return 'Unknown';
+    }
+    return label;
+};
+const a11yHostAttributes = (hostElement, ignoreAttributes = []) => {
+    const attributeObject = {};
+    a11yAttributes.forEach((attr) => {
+        if (hostElement.hasAttribute(attr)) {
+            const value = hostElement.getAttribute(attr);
+            if (value !== null && !ignoreAttributes.includes(attr)) {
+                attributeObject[attr] = hostElement.getAttribute(attr);
+                hostElement.removeAttribute(attr);
+            }
+        }
+    });
+    return attributeObject;
+};
+const a11yAttributes = [
+    'role',
+    'aria-activedescendant',
+    'aria-atomic',
+    'aria-autocomplete',
+    'aria-braillelabel',
+    'aria-brailleroledescription',
+    'aria-busy',
+    'aria-checked',
+    'aria-colcount',
+    'aria-colindex',
+    'aria-colindextext',
+    'aria-colspan',
+    'aria-controls',
+    'aria-current',
+    'aria-describedby',
+    'aria-description',
+    'aria-details',
+    'aria-disabled',
+    'aria-errormessage',
+    'aria-expanded',
+    'aria-flowto',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-keyshortcuts',
+    'aria-label',
+    'aria-labelledby',
+    'aria-level',
+    'aria-live',
+    'aria-multiline',
+    'aria-multiselectable',
+    'aria-orientation',
+    'aria-owns',
+    'aria-placeholder',
+    'aria-posinset',
+    'aria-pressed',
+    'aria-readonly',
+    'aria-relevant',
+    'aria-required',
+    'aria-roledescription',
+    'aria-rowcount',
+    'aria-rowindex',
+    'aria-rowindextext',
+    'aria-rowspan',
+    'aria-selected',
+    'aria-setsize',
+    'aria-sort',
+    'aria-valuemax',
+    'aria-valuemin',
+    'aria-valuenow',
+    'aria-valuetext',
+];
+
+export { a11yBoolean as a, a11yHostAttributes as b, getFallbackLabelFromIconName as g };
+
+//# sourceMappingURL=a11y-d5444a76.js.map