npm - @siemens/ix - Versions diffs - 3.0.0 → 3.1.0 - Mend

@siemens/ix 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (737) hide show

package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js CHANGED Viewed

@@ -68,7 +68,7 @@ export class MapNavigationOverlay {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -87,7 +87,7 @@ export class MapNavigationOverlay {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -106,7 +106,7 @@ export class MapNavigationOverlay {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -128,7 +128,7 @@ export class MapNavigationOverlay {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu/menu-expand-icon.js CHANGED Viewed

@@ -113,7 +113,7 @@ export class MenuExpandIcon {
                 "mutable": false,
                 "complexType": {
                     "original": "Breakpoint",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
                     "references": {
                         "Breakpoint": {
                             "location": "import",

package/dist/collection/components/menu/menu.js CHANGED Viewed

@@ -603,7 +603,7 @@ export class Menu {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -922,7 +922,7 @@ export class Menu {
                     "signature": "(show?: boolean) => Promise<void>",
                     "parameters": [{
                             "name": "show",
-                            "type": "boolean",
+                            "type": "boolean | undefined",
                             "docs": ""
                         }],
                     "references": {
@@ -946,7 +946,7 @@ export class Menu {
                     "signature": "(show?: boolean) => Promise<void>",
                     "parameters": [{
                             "name": "show",
-                            "type": "boolean",
+                            "type": "boolean | undefined",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/menu-about/menu-about.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class MenuAbout {
                 "mutable": true,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-about-item/menu-about-item.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class MenuAboutItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-about-news/menu-about-news.js CHANGED Viewed

@@ -77,7 +77,7 @@ export class MenuAboutNews {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -116,7 +116,7 @@ export class MenuAboutNews {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-avatar/menu-avatar.css CHANGED Viewed

@@ -126,7 +126,7 @@
 :host .avatar:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .avatar:not(.disabled):not(:disabled):hover, :host .avatar:not(.disabled):not(:disabled):hover {
+:host .avatar:not(.disabled):not(:disabled):hover, :host .avatar:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-avatar-btn--background--hover);
   color: var(--theme-avatar-btn--color--hover);
 }

package/dist/collection/components/menu-avatar/menu-avatar.js CHANGED Viewed

@@ -60,7 +60,7 @@ export class MenuAvatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -79,7 +79,7 @@ export class MenuAvatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -98,7 +98,7 @@ export class MenuAvatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -117,7 +117,7 @@ export class MenuAvatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-avatar-item/menu-avatar-item.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class MenuAvatarItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -58,7 +58,7 @@ export class MenuAvatarItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-category/menu-category.js CHANGED Viewed

@@ -206,7 +206,7 @@ export class MenuCategory {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -225,7 +225,7 @@ export class MenuCategory {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -244,7 +244,7 @@ export class MenuCategory {
                 "mutable": false,
                 "complexType": {
                     "original": "number",
-                    "resolved": "number",
+                    "resolved": "number | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-item/menu-item.js CHANGED Viewed

@@ -120,7 +120,7 @@ export class MenuItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -179,7 +179,7 @@ export class MenuItem {
                 "mutable": true,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -201,7 +201,7 @@ export class MenuItem {
                 "mutable": false,
                 "complexType": {
                     "original": "number",
-                    "resolved": "number",
+                    "resolved": "number | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-settings/menu-settings.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class MenuSettings {
                 "mutable": true,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/menu-settings-item/menu-settings-item.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class MenuSettingsItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/modal/modal.js CHANGED Viewed

@@ -278,7 +278,7 @@ export class Modal {
                 "mutable": false,
                 "complexType": {
                     "original": "(reason?: any) => boolean | Promise<boolean>",
-                    "resolved": "(reason?: any) => boolean | Promise<boolean>",
+                    "resolved": "((reason?: any) => boolean | Promise<boolean>) | undefined",
                     "references": {
                         "Promise": {
                             "location": "global",
@@ -403,7 +403,7 @@ export class Modal {
                     "signature": "<T = any>(reason?: T) => Promise<void>",
                     "parameters": [{
                             "name": "reason",
-                            "type": "T",
+                            "type": "T | undefined",
                             "docs": ""
                         }],
                     "references": {

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

@@ -8,6 +8,7 @@
  */
 import { expect } from "@playwright/test";
 import { regressionTest } from "../../../tests/utils/test/index";
+import { iconError, iconInfo, iconQuestion, iconSuccess, iconWarning, } from "@siemens/ix-icons/icons";
 async function setupModalEnvironment(page) {
     await page.evaluate(() => {
         return new Promise((resolve) => {
@@ -18,11 +19,18 @@ async function setupModalEnvironment(page) {
         import * as ix from 'http://127.0.0.1:8080/www/build/index.esm.js';
         window.showModal = ix.showModal;
         window.dismissModal = ix.dismissModal;
+        window.showMessage = ix.showMessage;
+        window.showMessage.info = ix.showMessage.info;
+        window.showMessage.error = ix.showMessage.error;
+        window.showMessage.success = ix.showMessage.success;
+        window.showMessage.question = ix.showMessage.question;
       `;
             (_a = document.getElementById('mount')) === null || _a === void 0 ? void 0 : _a.appendChild(script);
             resolve();
         });
     });
+    await page.waitForTimeout(500);
 }
 async function createToggleExample(page) {
     await page.evaluate(() => {
@@ -153,4 +161,44 @@ regressionTest('button receives focus on load', async ({ mount, page }) => {
     await page.keyboard.press('Enter');
     await expect(dialog).not.toBeVisible();
 });
+regressionTest.describe('message utils', () => {
+    [
+        ['info', iconInfo],
+        ['error', iconError],
+        ['warning', iconWarning],
+        ['success', iconSuccess],
+        ['question', iconQuestion],
+    ].forEach(([name, svgData]) => {
+        regressionTest(`${name} message`, async ({ mount, page }) => {
+            await mount(``);
+            await page.evaluate(async ([svg]) => {
+                const icon = document.createElement('ix-icon');
+                icon.setAttribute('name', svg);
+                icon.style.position = 'absolute';
+                icon.style.top = '0px';
+                icon.style.left = '0px';
+                icon.setAttribute('data-testid', 'test-icon');
+                document.body.appendChild(icon);
+                await icon.componentOnReady();
+            }, [svgData]);
+            await setupModalEnvironment(page);
+            await page.evaluate(([functionName]) => {
+                window.showMessage[functionName]('title', 'message', 'okay');
+            }, [name]);
+            const dialog = page.locator('ix-modal-header');
+            await page.waitForTimeout(500);
+            await expect(dialog).toBeVisible();
+            const icon = dialog.locator('ix-icon').first();
+            await expect(icon).toBeVisible();
+            await expect(page.getByTestId('test-icon')).toBeVisible();
+            await page.waitForTimeout(500);
+            const expectedIconText = await page
+                .getByTestId('test-icon')
+                .locator('.svg-container')
+                .innerHTML();
+            const messageIconText = await icon.locator('.svg-container').innerHTML();
+            expect(messageIconText).toEqual(expectedIconText);
+        });
+    });
+});
 //# sourceMappingURL=modal.ct.js.map

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

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

package/dist/collection/components/modal-header/modal-header.js CHANGED Viewed

@@ -80,7 +80,7 @@ export class ModalHeader {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -99,7 +99,7 @@ export class ModalHeader {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/pagination/pagination.css CHANGED Viewed

@@ -99,14 +99,14 @@
 .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover {
+.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover, .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover {
   background-color: var(--theme-input--background--hover);
   border-color: var(--theme-input--border-color--hover);
   cursor: auto;
 }
-.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,
+.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover, .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,
 .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,
-.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover {
+.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover {
   background-color: var(--theme-input--background--hover);
   border-color: var(--theme-input--border-color--hover);
   cursor: auto;
@@ -492,7 +492,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-danger.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-danger.selected:not(.disabled):not(:disabled):hover {
+:host .btn-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-danger.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -506,7 +506,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-danger:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-danger:not(.disabled):not(:disabled):hover, :host .btn-danger:not(.disabled):not(:disabled):hover {
+:host .btn-danger:not(.disabled):not(:disabled):hover, :host .btn-danger:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-danger--border-color--hover);
   background-color: var(--theme-btn-danger--background--hover);
   color: var(--theme-btn-danger--color--hover);
@@ -554,7 +554,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-danger.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover {
+:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-danger.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -568,7 +568,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-danger:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-danger:not(.disabled):not(:disabled):hover, :host .btn-outline-danger:not(.disabled):not(:disabled):hover {
+:host .btn-outline-danger:not(.disabled):not(:disabled):hover, :host .btn-outline-danger:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-outline-danger--border-color--hover);
   background-color: var(--theme-btn-outline-danger--background--hover);
   color: var(--theme-btn-outline-danger--color--hover);
@@ -614,7 +614,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-danger.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -628,7 +628,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-danger:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-danger:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-danger:not(.disabled):not(:disabled):hover, :host .btn-invisible-danger:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-btn-invisible-danger--background--hover);
   color: var(--theme-btn-invisible-danger--color--hover);
 }
@@ -673,7 +673,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-primary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-primary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-primary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -687,7 +687,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-primary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-primary:not(.disabled):not(:disabled):hover, :host .btn-primary:not(.disabled):not(:disabled):hover {
+:host .btn-primary:not(.disabled):not(:disabled):hover, :host .btn-primary:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-primary--border-color--hover);
   background-color: var(--theme-btn-primary--background--hover);
   color: var(--theme-btn-primary--color--hover);
@@ -735,7 +735,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-primary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-primary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -749,7 +749,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-primary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-primary:not(.disabled):not(:disabled):hover, :host .btn-outline-primary:not(.disabled):not(:disabled):hover {
+:host .btn-outline-primary:not(.disabled):not(:disabled):hover, :host .btn-outline-primary:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-outline-primary--border-color--hover);
   background-color: var(--theme-btn-outline-primary--background--hover);
   color: var(--theme-btn-outline-primary--color--hover);
@@ -795,7 +795,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-primary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -809,7 +809,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-primary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host .btn-invisible-primary:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-btn-invisible-primary--background--hover);
   color: var(--theme-btn-invisible-primary--color--hover);
 }
@@ -854,7 +854,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-secondary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-secondary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-secondary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -868,7 +868,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-secondary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-secondary:not(.disabled):not(:disabled):hover, :host .btn-secondary:not(.disabled):not(:disabled):hover {
+:host .btn-secondary:not(.disabled):not(:disabled):hover, :host .btn-secondary:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-secondary--border-color--hover);
   background-color: var(--theme-btn-secondary--background--hover);
   color: var(--theme-btn-secondary--color--hover);
@@ -916,7 +916,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-secondary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -930,7 +930,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-outline-secondary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-outline-secondary:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary:not(.disabled):not(:disabled):hover {
+:host .btn-outline-secondary:not(.disabled):not(:disabled):hover, :host .btn-outline-secondary:not(.disabled):not(:disabled).hover {
   border-color: var(--theme-btn-outline-secondary--border-color--hover);
   background-color: var(--theme-btn-outline-secondary--background--hover);
   color: var(--theme-btn-outline-secondary--color--hover);
@@ -976,7 +976,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-color-ghost--selected-hover);
   color: var(--theme-color-dynamic);
 }
@@ -990,7 +990,7 @@ input.ix-form-control:read-only, input.ix-form-control.readonly {
 :host .btn-invisible-secondary:not(.disabled):not(:disabled) {
   cursor: pointer;
 }
-:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary:not(.disabled):not(:disabled):hover {
+:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover, :host .btn-invisible-secondary:not(.disabled):not(:disabled).hover {
   background-color: var(--theme-btn-invisible-secondary--background--hover);
   color: var(--theme-btn-invisible-secondary--color--hover);
 }

package/dist/collection/components/pane/pane.js CHANGED Viewed

@@ -500,7 +500,7 @@ export class Pane {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -645,7 +645,7 @@ export class Pane {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,