npm - @siemens/ix - Versions diffs - 2.6.1 → 2.7.0 - Mend

@siemens/ix 2.6.1 → 2.7.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 (1128) hide show

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

@@ -43,7 +43,7 @@ export class ApplicationSwitchModal {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: 'caf7fe96f12fdef398b1316120127157463703e0' }, h("ix-modal-header", { key: '17031f7879a38d312f9520555dae9879d35cdb65', icon: "apps" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), h("ix-modal-content", { key: '1664cb4c2b142d8bcd84f723a11016ee883a3684', class: "content" }, h("div", { key: '85d188516ccf77964b47a9592bdb05c872d2c9c8', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (h("div", { key: 'd5b97278041f3c268774ce1345847d3688728931', class: "loading" }, h("ix-spinner", { key: '0b2e26ebb92bc0263bb78fa6a9757a2cf67a59df', size: "medium", variant: "primary" }), h("span", { key: '75845935e375bd8f2ea3e68562acb7fadd3d33b5' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
+        return (h(Host, { key: 'dad36a353095fd4fefe76a6e30689c337a386ad9' }, h("ix-modal-header", { key: 'aeecc9cceec3af4229c50f2485192e10b91f2b70', icon: "apps" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), h("ix-modal-content", { key: 'b61ec923a488f02bccff232c9da0f3e0f779b48c', class: "content" }, h("div", { key: '12341ea0223935f515eee8809b4f941f1d5e19a7', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (h("div", { key: 'bec8b7c136982629f6700202c2f4add9ae160f36', class: "loading" }, h("ix-spinner", { key: 'd0fa62e5041053ada470731bbdf8a21aa2a08200', size: "medium", variant: "primary" }), h("span", { key: '9fd6f8cbc36c4c74a52f192858d124bd85d481c0' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
             'Loading available applications...'))), (_d = this.config) === null || _d === void 0 ? void 0 :
             _d.apps.map((appEntry) => {
                 var _a;
@@ -69,7 +69,7 @@ export class ApplicationSwitchModal {
                 "mutable": false,
                 "complexType": {
                     "original": "AppSwitchConfiguration",
-                    "resolved": "{ currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string; i18nLoadingApps?: string; }",
+                    "resolved": "undefined | { currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string | undefined; i18nLoadingApps?: string | undefined; }",
                     "references": {
                         "AppSwitchConfiguration": {
                             "location": "import",
@@ -79,7 +79,7 @@ export class ApplicationSwitchModal {
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [{
                             "name": "internal",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"application-switch-modal.js","sourceRoot":"","sources":["../../../../src/components/application-header/application-switch-modal/application-switch-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport {\n AppSwitchConfiguration,\n AppSwitchConfigurationTarget,\n} from '../../utils/application-layout/context';\nimport { dismissModal } from '../../utils/modal';\n\nfunction ApplicationItem(props: {\n host: HTMLIxApplicationSwitchModalElement;\n name: string;\n description: string;\n iconSrc: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n selected: boolean;\n}) {\n function isExternal(target: AppSwitchConfigurationTarget) {\n if (\n target !== '_blank' &&\n target !== '_parent' &&\n target !== '_self' &&\n target !== '_top'\n ) {\n // Check if its one of the target keywords\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target\n return true;\n }\n\n if (target === '_blank') {\n return true;\n }\n\n return false;\n }\n\n return (\n <button\n class={{\n AppEntry: true,\n Selected: props.selected,\n }}\n onClick={() => {\n dismissModal(props.host);\n window.open(props.url, props.target);\n }}\n >\n <div>\n <img class=\"AppIcon\" src={props.iconSrc}></img>\n </div>\n <div class=\"AppName\">\n <ix-typography format=\"h4\">\n {props.name}\n {isExternal(props.target) && (\n <ix-icon\n size=\"12\"\n name=\"open-external\"\n color=\"color-soft-text\"\n ></ix-icon>\n )}\n </ix-typography>\n <ix-typography format=\"label-sm\" color=\"soft\">\n {props.description}\n </ix-typography>\n </div>\n </button>\n );\n}\n\n/* @internal /\n@Component({\n tag: 'ix-application-switch-modal',\n styleUrl: 'application-switch-modal.scss',\n shadow: true,\n})\nexport class ApplicationSwitchModal {\n @Element() hostElement!: HTMLIxApplicationSwitchModalElement;\n\n /* @internal */\n @Prop() config: AppSwitchConfiguration;\n\n componentWillLoad() {\n if (!this.config) {\n throw Error('ApplicationConfig not provided');\n }\n }\n\n render() {\n return (\n <Host>\n <ix-modal-header icon=\"apps\">\n {this.config?.i18nAppSwitch \|\| 'Switch to application'}\n </ix-modal-header>\n <ix-modal-content class=\"content\">\n <div class=\"content-apps\">\n {(!this.config \|\| this.config?.apps.length === 0) && (\n <div class=\"loading\">\n <ix-spinner size=\"medium\" variant=\"primary\"></ix-spinner>\n <span>\n {this.config?.i18nLoadingApps \|\|\n 'Loading available applications...'}\n </span>\n </div>\n )}\n {this.config?.apps.map((appEntry) => (\n <ApplicationItem\n host={this.hostElement}\n name={appEntry.name}\n description={appEntry.description}\n iconSrc={appEntry.iconSrc}\n target={appEntry.target}\n url={appEntry.url}\n selected={appEntry.id === this.config?.currentAppId}\n ></ApplicationItem>\n ))}\n </div>\n </ix-modal-content>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"application-switch-modal.js","sourceRoot":"","sources":["../../../../src/components/application-header/application-switch-modal/application-switch-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport {\n AppSwitchConfiguration,\n AppSwitchConfigurationTarget,\n} from '../../utils/application-layout/context';\nimport { dismissModal } from '../../utils/modal';\n\nfunction ApplicationItem(props: {\n host: HTMLIxApplicationSwitchModalElement;\n name: string;\n description: string;\n iconSrc: string;\n url: string;\n target: AppSwitchConfigurationTarget;\n selected: boolean;\n}) {\n function isExternal(target: AppSwitchConfigurationTarget) {\n if (\n target !== '_blank' &&\n target !== '_parent' &&\n target !== '_self' &&\n target !== '_top'\n ) {\n // Check if its one of the target keywords\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a?retiredLocale=de#target\n return true;\n }\n\n if (target === '_blank') {\n return true;\n }\n\n return false;\n }\n\n return (\n <button\n class={{\n AppEntry: true,\n Selected: props.selected,\n }}\n onClick={() => {\n dismissModal(props.host);\n window.open(props.url, props.target);\n }}\n >\n <div>\n <img class=\"AppIcon\" src={props.iconSrc}></img>\n </div>\n <div class=\"AppName\">\n <ix-typography format=\"h4\">\n {props.name}\n {isExternal(props.target) && (\n <ix-icon\n size=\"12\"\n name=\"open-external\"\n color=\"color-soft-text\"\n ></ix-icon>\n )}\n </ix-typography>\n <ix-typography format=\"label-sm\" color=\"soft\">\n {props.description}\n </ix-typography>\n </div>\n </button>\n );\n}\n\n/* @internal /\n@Component({\n tag: 'ix-application-switch-modal',\n styleUrl: 'application-switch-modal.scss',\n shadow: true,\n})\nexport class ApplicationSwitchModal {\n @Element() hostElement!: HTMLIxApplicationSwitchModalElement;\n\n /* @internal */\n @Prop() config?: AppSwitchConfiguration;\n\n componentWillLoad() {\n if (!this.config) {\n throw Error('ApplicationConfig not provided');\n }\n }\n\n render() {\n return (\n <Host>\n <ix-modal-header icon=\"apps\">\n {this.config?.i18nAppSwitch \|\| 'Switch to application'}\n </ix-modal-header>\n <ix-modal-content class=\"content\">\n <div class=\"content-apps\">\n {(!this.config \|\| this.config?.apps.length === 0) && (\n <div class=\"loading\">\n <ix-spinner size=\"medium\" variant=\"primary\"></ix-spinner>\n <span>\n {this.config?.i18nLoadingApps \|\|\n 'Loading available applications...'}\n </span>\n </div>\n )}\n {this.config?.apps.map((appEntry) => (\n <ApplicationItem\n host={this.hostElement}\n name={appEntry.name}\n description={appEntry.description}\n iconSrc={appEntry.iconSrc}\n target={appEntry.target}\n url={appEntry.url}\n selected={appEntry.id === this.config?.currentAppId}\n ></ApplicationItem>\n ))}\n </div>\n </ix-modal-content>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/application-header/test/application-header.ct.js CHANGED Viewed

@@ -24,7 +24,7 @@ test('renders', async ({ mount, page }) => {
 test('not response inside map navigation', async ({ mount, page }) => {
     page.setViewportSize(viewPorts.sm);
     await mount(`
-    <ix-map-navigation applicationName="TEst">
+    <ix-map-navigation applicationName="Test">
       <div slot="logo">Test</div>
       <ix-menu>
         <ix-menu-item>Test</ix-menu-item>
@@ -145,7 +145,7 @@ test.describe('cross app navigation', () => {
                     hideHeader: false,
                     host: null,
                     sidebar: false,
-                    appSwitchConfig: null,
+                    appSwitchConfig: undefined,
                 });
             });
         });

package/dist/collection/components/application-header/test/application-header.ct.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"application-header.ct.js","sourceRoot":"","sources":["../../../../src/components/application-header/test/application-header.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\nimport { ApplicationLayoutContext } from '../../utils/application-layout/context';\nimport { ContextType } from '../../utils/context';\n\ntest('renders', async ({ mount, page }) => {\n page.setViewportSize({\n height: 500,\n width: 1400,\n });\n await mount(\n `\n <ix-basic-navigation application-name=\"test\">\n </ix-basic-navigation>\n `\n );\n\n const header = page.locator('ix-basic-navigation ix-application-header');\n\n await expect(header).toBeVisible();\n await expect(header).toHaveClass(/breakpoint-lg/);\n});\n\ntest('not response inside map navigation', async ({ mount, page }) => {\n page.setViewportSize(viewPorts.sm);\n await mount(\n `\n <ix-map-navigation applicationName=\"TEst\">\n <div slot=\"logo\">Test</div>\n <ix-menu>\n <ix-menu-item>Test</ix-menu-item>\n </ix-menu>\n </ix-map-navigation>\n `\n );\n const header = page.locator('ix-map-navigation ix-application-header');\n const burger = header.locator('ix-menu-expand-icon');\n\n await expect(burger).not.toBeVisible();\n await expect(header).toHaveClass(/breakpoint-md/);\n});\n\ntest.describe('cross app navigation', () => {\n test(`should show app switch icon`, async ({ page, mount }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n i18nAppSwitch: 'some other language',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n await mount(\n `\n <ix-application-header name=\"test\">\n </ix-application-header>\n `\n );\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should close modal after interaction with app`, async ({\n page,\n mount,\n }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_self',\n url: '',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_self',\n url: '',\n },\n ],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n await mount(\n `\n <ix-application-header name=\"test\">\n </ix-application-header>\n `\n );\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n\n const appEntry = appEntries.nth(0);\n await appEntry.click();\n\n await expect(dialog).not.toBeVisible();\n });\n\n test(`should show app switch apps (config async)`, async ({\n page,\n mount,\n }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: null,\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"test\">\n </ix-application-header>\n </ix-application>\n `\n );\n\n const application = page.locator('ix-application');\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).not.toBeVisible();\n\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n };\n });\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should show app switch apps (apps async)`, async ({ page, mount }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"test\">\n </ix-application-header>\n </ix-application>\n `\n );\n\n const application = page.locator('ix-application');\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [],\n currentAppId: '2',\n };\n });\n\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const appSwitchModal = page.locator('ix-application-switch-modal');\n const appSwitchSpinner = appSwitchModal.getByText('LOADING APPS TEXT');\n\n await expect(appSwitchSpinner).toBeVisible();\n\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n };\n });\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should show slotted components`, async ({ page, mount }) => {\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-button>before avatar</ix-button>\n <ix-avatar></ix-avatar>\n <ix-button>after avatar</ix-button>\n </ix-application-header>\n `\n );\n\n const avatar = page.locator('ix-avatar');\n const beforeAvatarButton = page.locator('ix-button').nth(0);\n const afterAvatarButton = page.locator('ix-button').nth(1);\n\n await expect(beforeAvatarButton).toBeVisible();\n await expect(afterAvatarButton).toBeVisible();\n await expect(avatar).toBeVisible();\n });\n\n test(`should show slotted components inside overflow`, async ({\n page,\n mount,\n }) => {\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-button>before avatar</ix-button>\n <ix-avatar></ix-avatar>\n <ix-button>after avatar</ix-button>\n </ix-application-header>\n `\n );\n\n await page.setViewportSize(viewPorts.sm);\n\n const avatar = page.locator('ix-avatar');\n\n const moreMenuButton = page.locator('.context-menu');\n\n const beforeAvatarButton = page\n .getByRole('button')\n .filter({ hasText: 'before avatar' });\n\n const afterAvatarButton = page\n .getByRole('button')\n .filter({ hasText: 'after avatar' });\n\n await expect(moreMenuButton).toBeVisible();\n await expect(avatar).toBeVisible();\n\n await expect(beforeAvatarButton).not.toBeVisible();\n await expect(afterAvatarButton).not.toBeVisible();\n\n await moreMenuButton.click();\n\n const dropdown = page.locator(\n 'ix-application-header ix-dropdown[data-overflow-dropdown]'\n );\n await expect(dropdown).toBeVisible();\n\n const dropdownBeforeAvatarButton = page\n .locator('ix-application-header ix-button')\n .nth(0);\n const dropdownAfterAvatarButton = page\n .locator('ix-application-header ix-button')\n .nth(1);\n await expect(dropdownBeforeAvatarButton).toHaveText('before avatar');\n await expect(dropdownAfterAvatarButton).toHaveText('after avatar');\n await expect(dropdownBeforeAvatarButton).toBeVisible();\n await expect(dropdownAfterAvatarButton).toBeVisible();\n });\n\n Object.keys(viewPorts).forEach((key) => {\n test(`should display avatar with viewport ${key}`, async ({\n page,\n mount,\n }) => {\n await page.setViewportSize(viewPorts.lg);\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-avatar>\n </ix-avatar>\n </ix-application-header>\n `\n );\n const avatar = page.locator('ix-avatar');\n await expect(avatar).toBeVisible();\n\n await page.setViewportSize(viewPorts[key]);\n await expect(avatar).toBeVisible();\n });\n });\n});\n"]}
1	+ {"version":3,"file":"application-header.ct.js","sourceRoot":"","sources":["../../../../src/components/application-header/test/application-header.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { expect } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\nimport { ApplicationLayoutContext } from '../../utils/application-layout/context';\nimport { ContextType } from '../../utils/context';\n\ntest('renders', async ({ mount, page }) => {\n page.setViewportSize({\n height: 500,\n width: 1400,\n });\n await mount(\n `\n <ix-basic-navigation application-name=\"test\">\n </ix-basic-navigation>\n `\n );\n\n const header = page.locator('ix-basic-navigation ix-application-header');\n\n await expect(header).toBeVisible();\n await expect(header).toHaveClass(/breakpoint-lg/);\n});\n\ntest('not response inside map navigation', async ({ mount, page }) => {\n page.setViewportSize(viewPorts.sm);\n await mount(\n `\n <ix-map-navigation applicationName=\"Test\">\n <div slot=\"logo\">Test</div>\n <ix-menu>\n <ix-menu-item>Test</ix-menu-item>\n </ix-menu>\n </ix-map-navigation>\n `\n );\n const header = page.locator('ix-map-navigation ix-application-header');\n const burger = header.locator('ix-menu-expand-icon');\n\n await expect(burger).not.toBeVisible();\n await expect(header).toHaveClass(/breakpoint-md/);\n});\n\ntest.describe('cross app navigation', () => {\n test(`should show app switch icon`, async ({ page, mount }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n i18nAppSwitch: 'some other language',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n await mount(\n `\n <ix-application-header name=\"test\">\n </ix-application-header>\n `\n );\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should close modal after interaction with app`, async ({\n page,\n mount,\n }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_self',\n url: '',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_self',\n url: '',\n },\n ],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n await mount(\n `\n <ix-application-header name=\"test\">\n </ix-application-header>\n `\n );\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n\n const appEntry = appEntries.nth(0);\n await appEntry.click();\n\n await expect(dialog).not.toBeVisible();\n });\n\n test(`should show app switch apps (config async)`, async ({\n page,\n mount,\n }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n console.dir(evt.callback);\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: undefined,\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"test\">\n </ix-application-header>\n </ix-application>\n `\n );\n\n const application = page.locator('ix-application');\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).not.toBeVisible();\n\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n };\n });\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should show app switch apps (apps async)`, async ({ page, mount }) => {\n await page.evaluate(() => {\n window.addEventListener('context-request', (evt: any) => {\n evt.callback({\n hideHeader: false,\n host: null,\n sidebar: false,\n appSwitchConfig: {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [],\n currentAppId: '2',\n },\n } as ContextType<typeof ApplicationLayoutContext>);\n });\n });\n await mount(\n `\n <ix-application>\n <ix-application-header name=\"test\">\n </ix-application-header>\n </ix-application>\n `\n );\n\n const application = page.locator('ix-application');\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [],\n currentAppId: '2',\n };\n });\n\n const header = page.locator('ix-application-header');\n const appSwitchButton = header.locator('ix-icon-button.app-switch');\n\n await expect(header).toHaveClass(/hydrated/);\n await expect(appSwitchButton).toBeVisible();\n\n await appSwitchButton.click();\n\n const dialog = page.getByRole('dialog');\n await expect(dialog).toBeVisible();\n\n const modalHeader = page.locator('ix-modal-header');\n await expect(modalHeader).toHaveText(/some other language/);\n\n const appSwitchModal = page.locator('ix-application-switch-modal');\n const appSwitchSpinner = appSwitchModal.getByText('LOADING APPS TEXT');\n\n await expect(appSwitchSpinner).toBeVisible();\n\n await application.evaluate((app) => {\n (app as any).appSwitchConfig = {\n i18nAppSwitch: 'some other language',\n i18nLoadingApps: 'LOADING APPS TEXT',\n apps: [\n {\n id: '1',\n description: 'description 1',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-01',\n },\n {\n id: '2',\n description: 'description 2',\n iconSrc: '',\n name: 'app name 1',\n target: '_blank',\n url: 'url-02',\n },\n ],\n currentAppId: '2',\n };\n });\n\n const modalContent = page.locator('ix-modal-content');\n const appEntries = modalContent.locator('.AppEntry');\n\n await expect(appEntries).toHaveCount(2);\n });\n\n test(`should show slotted components`, async ({ page, mount }) => {\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-button>before avatar</ix-button>\n <ix-avatar></ix-avatar>\n <ix-button>after avatar</ix-button>\n </ix-application-header>\n `\n );\n\n const avatar = page.locator('ix-avatar');\n const beforeAvatarButton = page.locator('ix-button').nth(0);\n const afterAvatarButton = page.locator('ix-button').nth(1);\n\n await expect(beforeAvatarButton).toBeVisible();\n await expect(afterAvatarButton).toBeVisible();\n await expect(avatar).toBeVisible();\n });\n\n test(`should show slotted components inside overflow`, async ({\n page,\n mount,\n }) => {\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-button>before avatar</ix-button>\n <ix-avatar></ix-avatar>\n <ix-button>after avatar</ix-button>\n </ix-application-header>\n `\n );\n\n await page.setViewportSize(viewPorts.sm);\n\n const avatar = page.locator('ix-avatar');\n\n const moreMenuButton = page.locator('.context-menu');\n\n const beforeAvatarButton = page\n .getByRole('button')\n .filter({ hasText: 'before avatar' });\n\n const afterAvatarButton = page\n .getByRole('button')\n .filter({ hasText: 'after avatar' });\n\n await expect(moreMenuButton).toBeVisible();\n await expect(avatar).toBeVisible();\n\n await expect(beforeAvatarButton).not.toBeVisible();\n await expect(afterAvatarButton).not.toBeVisible();\n\n await moreMenuButton.click();\n\n const dropdown = page.locator(\n 'ix-application-header ix-dropdown[data-overflow-dropdown]'\n );\n await expect(dropdown).toBeVisible();\n\n const dropdownBeforeAvatarButton = page\n .locator('ix-application-header ix-button')\n .nth(0);\n const dropdownAfterAvatarButton = page\n .locator('ix-application-header ix-button')\n .nth(1);\n await expect(dropdownBeforeAvatarButton).toHaveText('before avatar');\n await expect(dropdownAfterAvatarButton).toHaveText('after avatar');\n await expect(dropdownBeforeAvatarButton).toBeVisible();\n await expect(dropdownAfterAvatarButton).toBeVisible();\n });\n\n (Object.keys(viewPorts) as Array<keyof typeof viewPorts>).forEach((key) => {\n test(`should display avatar with viewport ${key}`, async ({\n page,\n mount,\n }) => {\n await page.setViewportSize(viewPorts.lg);\n await mount(\n `\n <ix-application-header name=\"Test\">\n <ix-avatar>\n </ix-avatar>\n </ix-application-header>\n `\n );\n const avatar = page.locator('ix-avatar');\n await expect(avatar).toBeVisible();\n\n await page.setViewportSize(viewPorts[key]);\n await expect(avatar).toBeVisible();\n });\n });\n});\n"]}

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

@@ -84,7 +84,7 @@ export class Avatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -101,7 +101,7 @@ export class Avatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -118,7 +118,7 @@ export class Avatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -138,7 +138,7 @@ export class Avatar {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/avatar/avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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~~GAA0B~~,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,~~GAAG~~,CAAC,~~EACjE~~,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,EACpC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;oBAEtC,IAAI,CAAC,QAAQ,IAAI,CAChB,EAAC,QAAQ;wBACP,EAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;wBACD,IAAI,CAAC,kBAAkB,IAAI,CAC1B,kBAAY,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GAAe,CAC9D,CACQ,CACZ;oBACD,YACE,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EACzC,GAAG,EAAE,CAAC,~~GAAoB~~,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,~~GAAG~~,CAAC,~~GACjD~~,CACI,CACT,CACR,CAAC;QACJ,CAAC;QAED,OAAO,CACL,EAAC,IAAI;YACH,EAAC,WAAW,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACtD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n readTask,\n State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(props: { initials?: string }) {\n const { initials } = props;\n\n if (initials) {\n return <div class={'avatar-initials'}>{initials}</div>;\n }\n\n return (\n <svg\n class={'avatar-image'}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n id=\"avatar-path-background\"\n d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n />\n <path\n id=\"avatar-path-person\"\n d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n />\n </g>\n </svg>\n );\n}\n\nfunction AvatarImage(props: { image?: string; initials?: string }) {\n return (\n <div class=\"avatar\">\n {props.image ? (\n <img src={props.image} class=\"avatar-image\"></img>\n ) : (\n <DefaultAvatar initials={props.initials} />\n )}\n </div>\n );\n}\n\nfunction UserInfo(props: {\n image?: string;\n initials?: string;\n userName: string;\n extra?: string;\n}) {\n return (\n <Fragment>\n <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n <AvatarImage image={props.image} initials={props.initials} />\n <div class=\"user\">\n <div class=\"username\">{props.userName}</div>\n {props.extra && (\n <ix-typography class=\"extra\" color={'soft'}>\n {props.extra}\n </ix-typography>\n )}\n </div>\n </div>\n </Fragment>\n );\n}\n\n/\n @since 2.0.0\n /\n@Component({\n tag: 'ix-avatar',\n styleUrl: 'avatar.scss',\n shadow: true,\n})\nexport class Avatar {\n @Element() hostElement!: HTMLIxAvatarElement;\n\n /\n Display an avatar image\n \n /\n @Prop() image?: string;\n\n /*\n Display the initials of the user. Will be overwritten by image\n \n /\n @Prop() initials?: string;\n\n /*\n If set an info card displaying the username will be placed inside the dropdown.\n * Note: Only working if avatar is part of the ix-application-header\n \n @since 2.1.0\n /\n @Prop() username?: string;\n\n /\n Optional description text that will be displayed underneath the username.\n * Note: Only working if avatar is part of the ix-application-header\n \n @since 2.1.0\n */\n @Prop() extra?: string;\n\n @State() isClosestApplicationHeader = false;\n @State() hasSlottedElements = false;\n\n private slotElement?: HTMLSlotElement;\n private dropdownElement?: HTMLIxDropdownElement;\n\n componentWillLoad() {\n const closest = closestElement('ix-application-header', this.hostElement);\n this.isClosestApplicationHeader = closest !== null;\n }\n\n private slottedChanged() {\n this.hasSlottedElements = hasSlottedElements(this.slotElement);\n }\n\n private resolveAvatarTrigger() {\n return new Promise<HTMLElement>((resolve, reject) => {\n readTask(() => {\n const button = this.hostElement.shadowRoot!.querySelector('button');\n if (button) {\n resolve(button);\n } else {\n reject(new Error('ix-avatar - trigger element not found'));\n }\n });\n });\n }\n\n private onDropdownClick(event: MouseEvent) {\n if (event.target === this.dropdownElement) {\n event.preventDefault();\n }\n }\n\n render() {\n if (this.isClosestApplicationHeader) {\n return (\n <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n <BaseButton\n disabled={false}\n ghost={true}\n iconOval={false}\n icon={undefined}\n iconOnly={false}\n loading={false}\n outline={false}\n selected={false}\n type=\"button\"\n variant=\"primary\"\n >\n <AvatarImage image={this.image} initials={this.initials} />\n </BaseButton>\n <ix-dropdown\n ref={(ref~~: HTMLIxDropdownElement~~) => (this.dropdownElement = ref)}\n trigger={this.resolveAvatarTrigger()}\n class=\"avatar-dropdown\"\n onClick={(e) => this.onDropdownClick(e)}\n >\n {this.username && (\n <Fragment>\n <UserInfo\n extra={this.extra}\n image={this.image}\n initials={this.initials}\n userName={this.username}\n />\n {this.hasSlottedElements && (\n <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n )}\n </Fragment>\n )}\n <slot\n onSlotchange={() => this.slottedChanged()}\n ref={(ref~~: HTMLSlotElement~~) => (this.slotElement = ref)}\n ></slot>\n </ix-dropdown>\n </Host>\n );\n }\n\n return (\n <Host>\n <AvatarImage image={this.image} initials={this.initials} />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n Component,\n Element,\n Fragment,\n h,\n Host,\n Prop,\n readTask,\n State,\n} from '@stencil/core';\nimport { BaseButton } from '../button/base-button';\nimport { closestElement, hasSlottedElements } from '../utils/shadow-dom';\n\nfunction DefaultAvatar(props: { initials?: string }) {\n const { initials } = props;\n\n if (initials) {\n return <div class={'avatar-initials'}>{initials}</div>;\n }\n\n return (\n <svg\n class={'avatar-image'}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n >\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path\n id=\"avatar-path-background\"\n d=\"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z\"\n />\n <path\n id=\"avatar-path-person\"\n d=\"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z\"\n />\n </g>\n </svg>\n );\n}\n\nfunction AvatarImage(props: { image?: string; initials?: string }) {\n return (\n <div class=\"avatar\">\n {props.image ? (\n <img src={props.image} class=\"avatar-image\"></img>\n ) : (\n <DefaultAvatar initials={props.initials} />\n )}\n </div>\n );\n}\n\nfunction UserInfo(props: {\n image?: string;\n initials?: string;\n userName: string;\n extra?: string;\n}) {\n return (\n <Fragment>\n <div class=\"user-info\" onClick={(event) => event.preventDefault()}>\n <AvatarImage image={props.image} initials={props.initials} />\n <div class=\"user\">\n <div class=\"username\">{props.userName}</div>\n {props.extra && (\n <ix-typography class=\"extra\" color={'soft'}>\n {props.extra}\n </ix-typography>\n )}\n </div>\n </div>\n </Fragment>\n );\n}\n\n/\n @since 2.0.0\n /\n@Component({\n tag: 'ix-avatar',\n styleUrl: 'avatar.scss',\n shadow: true,\n})\nexport class Avatar {\n @Element() hostElement!: HTMLIxAvatarElement;\n\n /\n Display an avatar image\n \n /\n @Prop() image?: string;\n\n /*\n Display the initials of the user. Will be overwritten by image\n \n /\n @Prop() initials?: string;\n\n /*\n If set an info card displaying the username will be placed inside the dropdown.\n * Note: Only working if avatar is part of the ix-application-header\n \n @since 2.1.0\n /\n @Prop() username?: string;\n\n /\n Optional description text that will be displayed underneath the username.\n * Note: Only working if avatar is part of the ix-application-header\n \n @since 2.1.0\n */\n @Prop() extra?: string;\n\n @State() isClosestApplicationHeader = false;\n @State() hasSlottedElements = false;\n\n private slotElement?: HTMLSlotElement;\n private dropdownElement?: HTMLIxDropdownElement;\n\n componentWillLoad() {\n const closest = closestElement('ix-application-header', this.hostElement);\n this.isClosestApplicationHeader = closest !== null;\n }\n\n private slottedChanged() {\n this.hasSlottedElements = hasSlottedElements(this.slotElement);\n }\n\n private resolveAvatarTrigger() {\n return new Promise<HTMLElement>((resolve, reject) => {\n readTask(() => {\n const button = this.hostElement.shadowRoot!.querySelector('button');\n if (button) {\n resolve(button);\n } else {\n reject(new Error('ix-avatar - trigger element not found'));\n }\n });\n });\n }\n\n private onDropdownClick(event: MouseEvent) {\n if (event.target === this.dropdownElement) {\n event.preventDefault();\n }\n }\n\n render() {\n if (this.isClosestApplicationHeader) {\n return (\n <Host slot=\"ix-application-header-avatar\" class={'avatar-button'}>\n <BaseButton\n disabled={false}\n ghost={true}\n iconOval={false}\n icon={undefined}\n iconOnly={false}\n loading={false}\n outline={false}\n selected={false}\n type=\"button\"\n variant=\"primary\"\n >\n <AvatarImage image={this.image} initials={this.initials} />\n </BaseButton>\n <ix-dropdown\n ref={(ref) => (this.dropdownElement = ref as HTMLIxDropdownElement)}\n trigger={this.resolveAvatarTrigger()}\n class=\"avatar-dropdown\"\n onClick={(e) => this.onDropdownClick(e)}\n >\n {this.username && (\n <Fragment>\n <UserInfo\n extra={this.extra}\n image={this.image}\n initials={this.initials}\n userName={this.username}\n />\n {this.hasSlottedElements && (\n <ix-divider onClick={(e) => e.preventDefault()}></ix-divider>\n )}\n </Fragment>\n )}\n <slot\n onSlotchange={() => this.slottedChanged()}\n ref={(ref) => (this.slotElement = ref as HTMLSlotElement)}\n ></slot>\n </ix-dropdown>\n </Host>\n );\n }\n\n return (\n <Host>\n <AvatarImage image={this.image} initials={this.initials} />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/basic-navigation/basic-navigation.js CHANGED Viewed

@@ -72,10 +72,10 @@ export class BasicNavigation {
         (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
     }
     render() {
-        return (h(Host, { key: '72bc2871bd83daef65255c91c205f3f56566dd49', "data-role": "", class: {
+        return (h(Host, { key: '9fc90b3779ab68ca24264543cac8229857da780b', "data-role": "", class: {
                 'hide-header': this.hideHeader,
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (h("ix-application-header", { name: this.applicationName }, h("slot", { name: "logo", slot: "logo" }))) : null, h("div", { key: 'd495335a1b4ccc8c237b409eec6ed43740f6b47b', class: "navigation-content" }, h("slot", { key: '7aa73127e49e60612f9a65cd28eaf50d85cc2e6d', name: "menu" }), h("div", { key: '40886717ca1d36a952c6d2ed1597a5a8495dad2e', class: "content", onClick: () => this.onContentClick() }, h("slot", { key: '4c7f0ebbc86a84207f788b5aafd94114ffe4daae' })))));
+            } }, !this.hideHeader ? (h("ix-application-header", { name: this.applicationName }, h("slot", { name: "logo", slot: "logo" }))) : null, h("div", { key: 'd95cb1125f5087059726bfa6d1f7762b2eed666d', class: "navigation-content" }, h("slot", { key: '944934592f09029948d138b57b412261fc194b39', name: "menu" }), h("div", { key: 'b7740bd510330201cd79f8ffa420ecd98fb65018', class: "content", onClick: () => this.onContentClick() }, h("slot", { key: '919a58fb4a835848a0ffec81ad215372fbc6a007' })))));
     }
     static get is() { return "ix-basic-navigation"; }
     static get encapsulation() { return "shadow"; }
@@ -96,11 +96,11 @@ export class BasicNavigation {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Application name"
@@ -131,7 +131,7 @@ export class BasicNavigation {
                 "mutable": false,
                 "complexType": {
                     "original": "Breakpoint | undefined",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | undefined",
                     "references": {
                         "Breakpoint": {
                             "location": "import",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"basic-navigation.js","sourceRoot":"","sources":["../../../src/components/basic-navigation/basic-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-basic-navigation',\n styleUrl: 'basic-navigation.scss',\n shadow: true,\n})\nexport class BasicNavigation {\n @Element() hostElement: HTMLIxBasicNavigationElement;\n\n /\n Application name\n /\n @Prop() applicationName: string;\n\n /\n Hide application header. Will disable responsive feature of basic navigation.\n /\n @Prop() hideHeader = false;\n @Watch('hideHeader')\n onHideHeaderChange() {\n this.contextProvider?.emit({\n hideHeader: this.hideHeader,\n host: 'basic-navigation',\n });\n\n this.breakpoint = applicationLayoutService.breakpoint;\n }\n\n /\n Change the responsive layout of the menu structure\n /\n @Prop() forceBreakpoint: Breakpoint \| undefined;\n forceLayoutChange(newMode: Breakpoint \| undefined) {\n if (!newMode) {\n applicationLayoutService.enableBreakpointDetection();\n return;\n }\n\n applicationLayoutService.disableBreakpointDetection();\n applicationLayoutService.setBreakpoint(newMode);\n }\n\n /\n Supported layouts\n * @example ['sm', 'md']\n */\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n @State() breakpoint: Breakpoint = 'lg';\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n private modeDisposable: Disposable;\n private contextProvider: ContextProvider<typeof ApplicationLayoutContext>;\n\n private onContentClick() {\n if (menuController.isPinned) {\n return;\n }\n this.menu?.toggleMenu(false);\n }\n\n componentWillLoad() {\n applicationLayoutService.setBreakpoints(this.breakpoints);\n\n this.contextProvider = useContextProvider(\n this.hostElement,\n ApplicationLayoutContext,\n {\n hideHeader: this.hideHeader,\n host: 'basic-navigation',\n }\n );\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n this.breakpoint = mode;\n });\n this.breakpoint = applicationLayoutService.breakpoint;\n\n if (this.forceBreakpoint) {\n this.forceLayoutChange(this.forceBreakpoint);\n }\n }\n\n componentDidRender() {\n if (this.menu) {\n this.menu.applicationName = this.applicationName;\n }\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n 'hide-header': this.hideHeader,\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n {!this.hideHeader ? (\n <ix-application-header name={this.applicationName}>\n <slot name=\"logo\" slot=\"logo\"></slot>\n </ix-application-header>\n ) : null}\n <div class=\"navigation-content\">\n <slot name=\"menu\"></slot>\n <div class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"basic-navigation.js","sourceRoot":"","sources":["../../../src/components/basic-navigation/basic-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-basic-navigation',\n styleUrl: 'basic-navigation.scss',\n shadow: true,\n})\nexport class BasicNavigation {\n @Element() hostElement!: HTMLIxBasicNavigationElement;\n\n /\n Application name\n /\n @Prop() applicationName?: string;\n\n /\n Hide application header. Will disable responsive feature of basic navigation.\n /\n @Prop() hideHeader = false;\n @Watch('hideHeader')\n onHideHeaderChange() {\n this.contextProvider?.emit({\n hideHeader: this.hideHeader,\n host: 'basic-navigation',\n });\n\n this.breakpoint = applicationLayoutService.breakpoint;\n }\n\n /\n Change the responsive layout of the menu structure\n /\n @Prop() forceBreakpoint: Breakpoint \| undefined;\n forceLayoutChange(newMode: Breakpoint \| undefined) {\n if (!newMode) {\n applicationLayoutService.enableBreakpointDetection();\n return;\n }\n\n applicationLayoutService.disableBreakpointDetection();\n applicationLayoutService.setBreakpoint(newMode);\n }\n\n /\n Supported layouts\n * @example ['sm', 'md']\n */\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n @State() breakpoint: Breakpoint = 'lg';\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n private modeDisposable?: Disposable;\n private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n private onContentClick() {\n if (menuController.isPinned) {\n return;\n }\n this.menu?.toggleMenu(false);\n }\n\n componentWillLoad() {\n applicationLayoutService.setBreakpoints(this.breakpoints);\n\n this.contextProvider = useContextProvider(\n this.hostElement,\n ApplicationLayoutContext,\n {\n hideHeader: this.hideHeader,\n host: 'basic-navigation',\n }\n );\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n this.breakpoint = mode;\n });\n this.breakpoint = applicationLayoutService.breakpoint;\n\n if (this.forceBreakpoint) {\n this.forceLayoutChange(this.forceBreakpoint);\n }\n }\n\n componentDidRender() {\n if (this.menu) {\n this.menu.applicationName = this.applicationName;\n }\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n 'hide-header': this.hideHeader,\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n {!this.hideHeader ? (\n <ix-application-header name={this.applicationName}>\n <slot name=\"logo\" slot=\"logo\"></slot>\n </ix-application-header>\n ) : null}\n <div class=\"navigation-content\">\n <slot name=\"menu\"></slot>\n <div class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -121,7 +121,7 @@ export class Blind {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -138,7 +138,7 @@ export class Blind {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -158,7 +158,7 @@ export class Blind {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

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

@@ -84,11 +84,11 @@ export class BreadcrumbItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Breadcrumb label"
@@ -101,11 +101,11 @@ export class BreadcrumbItem {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Icon to be displayed next ot the label"

package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,QAAQ,EACR,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAcnD,MAAM,OAAO,cAAc;;;;qBAcA,IAAI;uBAGX,IAAI;2BAGA,IAAI;iCAGE,KAAK;;;IAOjC,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;SAChB,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,OAAO,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,WAAW;YACzB,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;YAC7C,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAClE,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;aAC3C;YACD,cAAc,EAAE,IAAI,CAAC,IAAI;SAC1B,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,WAAW,GAAS,CAAC;QAC3C,CAAC;QAED,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;aAClC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAE9C;gBACE,EAAC,UAAU,oBACL,KAAK,IACT,YAAY,EACV,EAAC,QAAQ,QACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,GACP,CACZ,CAAC,CAAC,CAAC,IAAI,CACC;oBAGZ,IAAI,CAAC,KAAK;oBACX,eAAa,CACF,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n \| '_self'\n \| '_blank'\n \| '_parent'\n \| '_top'\n \| string;\n\n@Component({\n tag: 'ix-breadcrumb-item',\n styleUrl: 'breadcrumb-item.scss',\n shadow: true,\n})\nexport class BreadcrumbItem {\n @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n /\n Breadcrumb label\n /\n @Prop() label: string;\n\n /\n Icon to be displayed next ot the label\n /\n @Prop() icon: string;\n\n /@internal /\n @Prop() ghost: boolean = true;\n\n /*@internal /\n @Prop() visible = true;\n\n /*@internal /\n @Prop() showChevron = true;\n\n /** @internal /\n @Prop() isDropdownTrigger = false;\n\n /@internal /\n @Event() itemClick: EventEmitter<string>;\n\n @State() a11y: any;\n\n componentDidLoad() {\n this.animationFadeIn();\n }\n\n componentWillLoad() {\n this.a11y = a11yHostAttributes(this.hostElement, [\n 'aria-describedby',\n 'aria-controls',\n 'aria-expanded',\n ]);\n }\n\n animationFadeIn() {\n animejs({\n targets: this.hostElement,\n duration: 150,\n opacity: [0, 1],\n translateX: ['-100%', '0%'],\n easing: 'linear',\n });\n }\n\n render() {\n const props: BaseButtonProps = {\n variant: this.ghost ? 'primary' : 'secondary',\n outline: false,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n disabled: false,\n icon: this.icon,\n iconSize: '16',\n loading: false,\n selected: false,\n type: 'button',\n tabIndex:\n this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n extraClasses: {\n 'dropdown-trigger': this.isDropdownTrigger,\n },\n ariaAttributes: this.a11y,\n };\n\n if (!this.visible) {\n return <Host class={'invisible'}></Host>;\n }\n\n return (\n <Host\n class={{\n 'hide-chevron': !this.showChevron,\n }}\n onClick={() => this.itemClick.emit(this.label)}\n >\n <li>\n <BaseButton\n {...props}\n afterContent={\n <Fragment>\n {this.showChevron ? (\n <ix-icon\n name={'chevron-right-small'}\n size=\"16\"\n class={'chevron'}\n ></ix-icon>\n ) : null}\n </Fragment>\n }\n >\n {this.label}\n <slot></slot>\n </BaseButton>\n </li>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,QAAQ,EACR,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAcnD,MAAM,OAAO,cAAc;;;;qBAcA,IAAI;uBAGX,IAAI;2BAGA,IAAI;iCAGE,KAAK;;;IAOjC,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;SAChB,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,OAAO,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,WAAW;YACzB,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW;YAC7C,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAClE,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;aAC3C;YACD,cAAc,EAAE,IAAI,CAAC,IAAI;SAC1B,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,WAAW,GAAS,CAAC;QAC3C,CAAC;QAED,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;aAClC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAE9C;gBACE,EAAC,UAAU,oBACL,KAAK,IACT,YAAY,EACV,EAAC,QAAQ,QACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,GACP,CACZ,CAAC,CAAC,CAAC,IAAI,CACC;oBAGZ,IAAI,CAAC,KAAK;oBACX,eAAa,CACF,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n \| '_self'\n \| '_blank'\n \| '_parent'\n \| '_top'\n \| string;\n\n@Component({\n tag: 'ix-breadcrumb-item',\n styleUrl: 'breadcrumb-item.scss',\n shadow: true,\n})\nexport class BreadcrumbItem {\n @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n /\n Breadcrumb label\n /\n @Prop() label?: string;\n\n /\n Icon to be displayed next ot the label\n /\n @Prop() icon?: string;\n\n /@internal /\n @Prop() ghost: boolean = true;\n\n /*@internal /\n @Prop() visible = true;\n\n /*@internal /\n @Prop() showChevron = true;\n\n /** @internal /\n @Prop() isDropdownTrigger = false;\n\n /@internal /\n @Event() itemClick!: EventEmitter<string>;\n\n @State() a11y: any;\n\n componentDidLoad() {\n this.animationFadeIn();\n }\n\n componentWillLoad() {\n this.a11y = a11yHostAttributes(this.hostElement, [\n 'aria-describedby',\n 'aria-controls',\n 'aria-expanded',\n ]);\n }\n\n animationFadeIn() {\n animejs({\n targets: this.hostElement,\n duration: 150,\n opacity: [0, 1],\n translateX: ['-100%', '0%'],\n easing: 'linear',\n });\n }\n\n render() {\n const props: BaseButtonProps = {\n variant: this.ghost ? 'primary' : 'secondary',\n outline: false,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n disabled: false,\n icon: this.icon,\n iconSize: '16',\n loading: false,\n selected: false,\n type: 'button',\n tabIndex:\n this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n extraClasses: {\n 'dropdown-trigger': this.isDropdownTrigger,\n },\n ariaAttributes: this.a11y,\n };\n\n if (!this.visible) {\n return <Host class={'invisible'}></Host>;\n }\n\n return (\n <Host\n class={{\n 'hide-chevron': !this.showChevron,\n }}\n onClick={() => this.itemClick.emit(this.label)}\n >\n <li>\n <BaseButton\n {...props}\n afterContent={\n <Fragment>\n {this.showChevron ? (\n <ix-icon\n name={'chevron-right-small'}\n size=\"16\"\n class={'chevron'}\n ></ix-icon>\n ) : null}\n </Fragment>\n }\n >\n {this.label}\n <slot></slot>\n </BaseButton>\n </li>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/button/button-component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=button-component.js.map

package/dist/collection/components/button/button-component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button-component.js","sourceRoot":"","sources":["../../../src/components/button/button-component.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ButtonVariant } from './button';\n\nexport interface IxButtonComponent {\n /**\n * Annotate with @Prop() decorator\n */\n variant: ButtonVariant;\n\n /**\n * Annotate with @Prop() decorator\n */\n outline: boolean;\n\n /**\n * Annotate with @Prop() decorator\n */\n ghost: boolean;\n\n /**\n * Annotate with @Prop({ reflect: true }) decorator\n */\n disabled: boolean;\n\n /**\n * Annotate with @Prop() decorator\n */\n type: 'button' | 'submit';\n\n /**\n * Annotate with @Prop() decorator\n */\n loading: boolean;\n\n /**\n * Annotate with @Prop() decorator\n */\n icon?: string;\n}\n"]}

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

@@ -65,9 +65,9 @@ export class Button {
             alignment: this.alignment,
             tabIndex: this.hostElement.tabIndex,
         };
-        return (h(Host, { key: 'd5ab86ccc3e14d1c70b57f43c56424f933580b63', tabindex: this.disabled ? -1 : 0, class: {
+        return (h(Host, { key: 'dce7bc83febc68f17b995b03bae8313bc984ded9', tabindex: this.disabled ? -1 : 0, class: {
                 disabled: this.disabled || this.loading,
-            }, onFocus: () => this.setFocus() }, h(BaseButton, Object.assign({ key: 'f7df5bf7cf56a26cd42f8b3af19e94b77395a55b' }, baseButtonProps), h("slot", { key: '19fb63277a484ddbd75065f0b0ac78ce510f0847' }))));
+            }, onFocus: () => this.setFocus() }, h(BaseButton, Object.assign({ key: 'd7a6db5c7cb1952abcbb2c5192eb22914ba0fe09' }, baseButtonProps), h("slot", { key: '5fe5afdd6081641872b63d9a9a9a5909e72d6f0b' }))));
     }
     static get is() { return "ix-button"; }
     static get encapsulation() { return "shadow"; }
@@ -208,7 +208,7 @@ export class Button {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/button/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;~~AAS5D~~,MAAM,OAAO,MAAM;;uBAKgB,SAAS;uBAKxB,KAAK;qBAKP,KAAK;wBAKe,KAAK;oBAKL,QAAQ;uBAOjB,KAAK;;yBAQQ,QAAQ;wBAGT,IAAI;;IAU3C,WAAW,CAAC,KAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACtD,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACpC,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC7B,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IACE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACtB,IAAI,CAAC,mBAAmB;YACxB,CAAC,IAAI,CAAC,QAAQ;YACd,CAAC,IAAI,CAAC,OAAO,EACb,CAAC;YACD,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAC;QACnC,CAAC;IACH,CAAC;IAED,QAAQ;;QACN,MAAA,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,0CAAE,KAAK,EAAE,CAAC;IAChE,CAAC;IAED,MAAM;QACJ,MAAM,eAAe,GAAoB;YACvC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;YACxC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ;SACpC,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,qDACH,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;aACxC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;YAE9B,EAAC,UAAU,qEAAK,eAAe;gBAC7B,8DAAa,CACF,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from './base-button';\n\nexport type ButtonVariant = 'danger' \| 'primary' \| 'secondary';\n\n@Component({\n tag: 'ix-button',\n shadow: true,\n styleUrl: './button.scss',\n})\nexport class Button {\n /\n Button variant\n * @since 2.3.0 - variant danger\n /\n @Prop() variant: ButtonVariant = 'primary';\n\n /\n Outline button\n /\n @Prop() outline = false;\n\n /\n Button with no background or outline\n /\n @Prop() ghost = false;\n\n /\n Disable the button\n /\n @Prop({ reflect: true }) disabled = false;\n\n /\n Type of the button\n /\n @Prop() type: 'button' \| 'submit' = 'button';\n\n /\n Loading button\n \n @since 2.0.0\n /\n @Prop() loading: boolean = false;\n\n /\n Icon name\n /\n @Prop() icon?: string;\n\n /* @internal /\n @Prop() alignment: 'center' \| 'start' = 'center';\n\n /* @internal /\n @Prop() iconSize: '12' \| '16' \| '24' = '24';\n\n @Element() hostElement!: HTMLIxButtonElement;\n\n /\n Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement?: HTMLButtonElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled \|\| this.loading) {\n event.stopPropagation();\n event.preventDefault();\n }\n }\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (\n this.type === 'submit' &&\n this.submitButtonElement &&\n !this.disabled &&\n !this.loading\n ) {\n this.submitButtonElement.click();\n }\n }\n\n setFocus() {\n this.hostElement.shadowRoot!.querySelector('button')?.focus();\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n selected: false,\n disabled: this.disabled \|\| this.loading,\n icon: this.icon,\n iconSize: this.iconSize,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n alignment: this.alignment,\n tabIndex: this.hostElement.tabIndex,\n };\n\n return (\n <Host\n tabindex={this.disabled ? -1 : 0}\n class={{\n disabled: this.disabled \|\| this.loading,\n }}\n onFocus={() => this.setFocus()}\n >\n <BaseButton {...baseButtonProps}>\n <slot></slot>\n </BaseButton>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from './base-button';\nimport { IxButtonComponent } from './button-component';\n\nexport type ButtonVariant = 'danger' \| 'primary' \| 'secondary';\n\n@Component({\n tag: 'ix-button',\n shadow: true,\n styleUrl: './button.scss',\n})\nexport class Button implements IxButtonComponent {\n /\n Button variant\n * @since 2.3.0 - variant danger\n /\n @Prop() variant: ButtonVariant = 'primary';\n\n /\n Outline button\n /\n @Prop() outline = false;\n\n /\n Button with no background or outline\n /\n @Prop() ghost = false;\n\n /\n Disable the button\n /\n @Prop({ reflect: true }) disabled = false;\n\n /\n Type of the button\n /\n @Prop() type: 'button' \| 'submit' = 'button';\n\n /\n Loading button\n \n @since 2.0.0\n /\n @Prop() loading: boolean = false;\n\n /\n Icon name\n /\n @Prop() icon?: string;\n\n /* @internal /\n @Prop() alignment: 'center' \| 'start' = 'center';\n\n /* @internal /\n @Prop() iconSize: '12' \| '16' \| '24' = '24';\n\n @Element() hostElement!: HTMLIxButtonElement;\n\n /\n Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement?: HTMLButtonElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled \|\| this.loading) {\n event.stopPropagation();\n event.preventDefault();\n }\n }\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (\n this.type === 'submit' &&\n this.submitButtonElement &&\n !this.disabled &&\n !this.loading\n ) {\n this.submitButtonElement.click();\n }\n }\n\n setFocus() {\n this.hostElement.shadowRoot!.querySelector('button')?.focus();\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n selected: false,\n disabled: this.disabled \|\| this.loading,\n icon: this.icon,\n iconSize: this.iconSize,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n alignment: this.alignment,\n tabIndex: this.hostElement.tabIndex,\n };\n\n return (\n <Host\n tabindex={this.disabled ? -1 : 0}\n class={{\n disabled: this.disabled \|\| this.loading,\n }}\n onFocus={() => this.setFocus()}\n >\n <BaseButton {...baseButtonProps}>\n <slot></slot>\n </BaseButton>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/button/test/button.spec.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.spec.js","sourceRoot":"","sources":["../../../../src/components/button/test/button.spec.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,~~CAAC~~,CAAC;~~QAChD~~,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE;;;;;OAKL;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;aACjB,aAAa,CAAC,WAAW,~~CAAC~~;~~aAC1B~~,~~UAAU~~,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;~~QACtC~~,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACzC,oBAAoB,CACA,CAAC;QAEvB,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE;;;;;OAKL;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;aACjB,aAAa,CAAC,0BAA0B,~~CAAC~~;~~aACzC~~,~~UAAU~~,CAAC,aAAa,CAAC,QAAQ,~~CAAC~~,CAAC;~~QACtC~~,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACzC,mCAAmC,CACf,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE1B,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEhD,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;QACnC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhD,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Button } from '../button';\n\ndescribe('button', () => {\n it('should not be clickable with disabled prop', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `<ix-button disabled>Example</ix-button>`,\n });\n\n await page.waitForChanges();\n const btn = page.doc.querySelector('ix-button');\n expect(btn.className).toContain('disabled');\n });\n\n it('should not render submit button if normal button is requirers', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `\n <form>\n <input type=\"text\" />\n <ix-button>Submit</ix-button>s\n </form>\n `,\n });\n\n await page.waitForChanges();\n\n const btn = page.doc\n .querySelector('ix-button')\n .shadowRoot.querySelector('button');\n const shadowButton = page.doc.querySelector(\n 'ix-button > button'\n ) as HTMLButtonElement;\n\n expect(btn).toBeDefined();\n expect(shadowButton).toBeNull();\n });\n\n it('should submit form if type is submit', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `\n <form>\n <input type=\"text\" />\n <ix-button type=\"submit\">Submit</ix-button>s\n </form>\n `,\n });\n\n await page.waitForChanges();\n\n const btn = page.doc\n .querySelector('ix-button[type=\"submit\"]')\n .shadowRoot.querySelector('button');\n const shadowButton = page.doc.querySelector(\n 'ix-button[type=\"submit\"] > button'\n ) as HTMLButtonElement;\n\n const onClick = jest.fn();\n\n shadowButton.addEventListener('click', onClick);\n\n expect(btn).toBeDefined();\n expect(shadowButton).toBeDefined();\n expect(shadowButton.style.display).toStrictEqual('none');\n expect(shadowButton.type).toStrictEqual('submit');\n expect(shadowButton.tabIndex).toStrictEqual(-1);\n\n btn.click();\n expect(onClick).toHaveBeenCalled();\n });\n});\n"]}
1	+ {"version":3,"file":"button.spec.js","sourceRoot":"","sources":["../../../../src/components/button/test/button.spec.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,yCAAyC;SAChD,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,CAAE,CAAC;QACjD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE;;;;;OAKL;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;aACjB,aAAa,CAAC,WAAW,CAAE;aAC3B,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACzC,oBAAoB,CACA,CAAC;QAEvB,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE;;;;;OAKL;SACF,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG;aACjB,aAAa,CAAC,0BAA0B,CAAE;aAC1C,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QACxC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CACzC,mCAAmC,CACf,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE1B,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEhD,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;QAC1B,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;QACnC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhD,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { newSpecPage } from '@stencil/core/testing';\nimport { Button } from '../button';\n\ndescribe('button', () => {\n it('should not be clickable with disabled prop', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `<ix-button disabled>Example</ix-button>`,\n });\n\n await page.waitForChanges();\n const btn = page.doc.querySelector('ix-button')!;\n expect(btn.className).toContain('disabled');\n });\n\n it('should not render submit button if normal button is requirers', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `\n <form>\n <input type=\"text\" />\n <ix-button>Submit</ix-button>s\n </form>\n `,\n });\n\n await page.waitForChanges();\n\n const btn = page.doc\n .querySelector('ix-button')!\n .shadowRoot!.querySelector('button');\n const shadowButton = page.doc.querySelector(\n 'ix-button > button'\n ) as HTMLButtonElement;\n\n expect(btn).toBeDefined();\n expect(shadowButton).toBeNull();\n });\n\n it('should submit form if type is submit', async () => {\n const page = await newSpecPage({\n components: [Button],\n html: `\n <form>\n <input type=\"text\" />\n <ix-button type=\"submit\">Submit</ix-button>s\n </form>\n `,\n });\n\n await page.waitForChanges();\n\n const btn = page.doc\n .querySelector('ix-button[type=\"submit\"]')!\n .shadowRoot!.querySelector('button')!;\n const shadowButton = page.doc.querySelector(\n 'ix-button[type=\"submit\"] > button'\n ) as HTMLButtonElement;\n\n const onClick = jest.fn();\n\n shadowButton.addEventListener('click', onClick);\n\n expect(btn).toBeDefined();\n expect(shadowButton).toBeDefined();\n expect(shadowButton.style.display).toStrictEqual('none');\n expect(shadowButton.type).toStrictEqual('submit');\n expect(shadowButton.tabIndex).toStrictEqual(-1);\n\n btn.click();\n expect(onClick).toHaveBeenCalled();\n });\n});\n"]}

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

@@ -33,6 +33,7 @@
   align-items: flex-start;
   align-self: flex-start;
   overflow: hidden;
+  cursor: pointer;
   width: 20rem;
   border: 1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));
   border-radius: var(--theme-default-border-radius);
@@ -82,6 +83,12 @@
   background-color: var(--ix-card-background, transparent);
   border-top-left-radius: var(--theme-default-border-radius);
   border-top-right-radius: var(--theme-default-border-radius);
+  overflow: hidden;
+}
+:host .card-content-wrapper {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
 }
 :host .card-footer {
   display: flex;

package/dist/collection/components/card-content/card-content.css CHANGED Viewed

@@ -22,17 +22,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-:host { /* width */
+:host {
+  /* width */
   /* Track */
   /* Handle */
   /* Handle on hover */
   display: flex;
-  position: relative;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.5rem;
   padding: 1rem;
   height: 100%;
+  overflow: hidden;
 }
 :host *,
 :host *::after,
@@ -68,4 +66,14 @@
 }
 :host ::-webkit-scrollbar-corner {
   display: none;
+}
+:host .content-wrapper {
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  gap: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
 }

package/dist/collection/components/card-content/card-content.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class CardContent {
     render() {
-        return (h(Host, { key: 'b158a08d7ca4779af659d4fa143e047dba41088e' }, h("slot", { key: 'cd40d10e8700f29de2fb71af295d477a07bb974a' })));
+        return (h(Host, { key: 'b158a08d7ca4779af659d4fa143e047dba41088e' }, h("div", { key: 'abd538339ad50ba6430c834eb1283c20788d78e2', class: "content-wrapper" }, h("slot", { key: '86494d2878e0cb36e417a5d5868fff7f551b4de7' }))));
     }
     static get is() { return "ix-card-content"; }
     static get encapsulation() { return "shadow"; }