npm - @siemens/ix - Versions diffs - 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052 - Mend

@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052

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 (809) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"application.js","sourceRoot":"","sources":["../../../src/components/application/application.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EACL,wBAAwB,GAEzB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAE/E,OAAO,EAAmB,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAW,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAQjE,MAAM,OAAO,WAAW;IALxB;QAaE;;WAEG;QACK,0BAAqB,GAAG,KAAK,CAAC;QAgBtC;;WAEG;QACK,gBAAW,GAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAW9C,eAAU,GAAe,IAAI,CAAC;QAC9B,8BAAyB,GAAG,KAAK,CAAC;~~KAiI5C~~;~~IA1JC~~,iBAAiB,CAAC,OAA+B;QAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,wBAAwB,CAAC,yBAAyB,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,wBAAwB,CAAC,0BAA0B,EAAE,CAAC;QACtD,wBAAwB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAOD,mBAAmB,CAAC,WAAyB;QAC3C,wBAAwB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC;IAYD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC/C,2BAA2B,CACT,CAAC;IACvB,CAAC;IAIO,cAAc;;QACpB,IAAI,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,wBAAwB,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE1D,IAAI,CAAC,eAAe,GAAG,kBAAkB,CACvC,IAAI,CAAC,WAAW,EAChB,wBAAwB,EACxB;YACE,UAAU,EAAE,KAAK;YACjB,~~IAAI,EAAE,kBAAkB;YACxB,~~OAAO,EAAE,IAAI,CAAC,yBAAyB;YACvC,eAAe,EAAE,IAAI,CAAC,eAAe;SACtC,CACF,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE;YAClE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC;QAEtD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;IACjC,CAAC;IAIO,WAAW;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/B,aAAa,CAAC,UAAU,EAAE,CAAC;YAC7B,CAAC;YAED,OAAO;QACT,CAAC;QAED,IAAI,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/C,aAAa,CAAC,QAAQ,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,aAAa,CAAC,QAAQ,CACpB,SAAS,IAAI,CAAC,KAAK,OAAO,EAC1B,IAAI,CAAC,qBAAqB,CAC3B,CAAC;IACJ,CAAC;IAID,0BAA0B;QACxB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,UAAU,EAAE,KAAK;YACjB,~~IAAI,EAAE,kBAAkB;YACxB,~~OAAO,EAAE,IAAI,CAAC,yBAAyB;YACvC,eAAe,EAAE,IAAI,CAAC,eAAe;SACtC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,kEACO,EAAE,EACZ,KAAK,EAAE;gBACL,CAAC,cAAc,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;aACxC;YAED,6DAAM,IAAI,EAAC,oBAAoB,GAAQ;YACvC,4DAAK,KAAK,EAAC,aAAa;gBACtB,6DAAM,IAAI,EAAC,MAAM,GAAQ;gBACzB,8DACE,KAAK,EAAE;wBACL,qBAAqB,EAAE,IAAI;wBAC3B,OAAO,EAAE,IAAI,CAAC,yBAAyB;qBACxC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;oBAEpC,6DACE,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,GAAG,EAAE,CACjB,CAAC,IAAI,CAAC,yBAAyB,GAAG,kBAAkB,CAClD,IAAI,CAAC,sBAAsB,CAC5B,CAAC,GAEE,CACF;gBACR,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;wBACxD,8DAAa,CACR;oBACP,+DAAQ,KAAK,EAAC,QAAQ;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACpB,CACL,CACF,CACD,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, Prop, State, Watch } from '@stencil/core';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} 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 { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-application',\n styleUrl: 'application.scss',\n shadow: true,\n})\nexport class Application {\n @Element() hostElement!: HTMLIxApplicationElement;\n\n /\n Application theme\n /\n @Prop() theme?: IxTheme;\n\n /\n Use the system appearance dark or light\n /\n @Prop() themeSystemAppearance = false;\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 /\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n /\n Define application switch configuration\n */\n @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() applicationSidebarSlotted = false;\n\n private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n get applicationSidebarSlot() {\n return this.hostElement.shadowRoot!.querySelector(\n '.application-sidebar slot'\n ) as HTMLSlotElement;\n }\n\n private modeDisposable?: Disposable;\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: false,\n ~~host: 'basic-navigation',\n~~ sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\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 this.changeTheme();\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n @Watch('theme')\n @Watch('themeSystemAppearance')\n private changeTheme() {\n if (!this.theme) {\n if (this.themeSystemAppearance) {\n themeSwitcher.setVariant();\n }\n\n return;\n }\n\n if (themeSwitcher.hasVariantSuffix(this.theme)) {\n themeSwitcher.setTheme(`theme-${this.theme}`);\n return;\n }\n\n themeSwitcher.setTheme(\n `theme-${this.theme}-dark`,\n this.themeSystemAppearance\n );\n }\n\n @Watch('appSwitchConfig')\n @Watch('applicationSidebarSlotted')\n onApplicationSidebarChange() {\n if (!this.contextProvider) {\n console.error('Context provider not available');\n return;\n }\n this.contextProvider.emit({\n hideHeader: false,\n ~~host: 'basic-navigation',\n~~ sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n });\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n <slot name=\"application-header\"></slot>\n <div class=\"application\">\n <slot name=\"menu\"></slot>\n <aside\n class={{\n 'application-sidebar': true,\n slotted: this.applicationSidebarSlotted,\n }}\n onClick={() => this.onContentClick()}\n >\n <slot\n name=\"application-sidebar\"\n onSlotchange={() =>\n (this.applicationSidebarSlotted = hasSlottedElements(\n this.applicationSidebarSlot\n ))\n }\n ></slot>\n </aside>\n <div class=\"content-area\">\n <main class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </main>\n <footer class=\"footer\">\n <slot name=\"bottom\"></slot>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"application.js","sourceRoot":"","sources":["../../../src/components/application/application.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 {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} 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 { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-application',\n styleUrl: 'application.scss',\n shadow: true,\n})\nexport class Application {\n @Element() hostElement!: HTMLIxApplicationElement;\n\n /\n Application theme\n /\n @Prop() theme?: IxTheme;\n\n /\n Use the system appearance dark or light\n /\n @Prop() themeSystemAppearance = false;\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 /\n @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n @Watch('breakpoints')\n onBreakpointsChange(breakpoints: Breakpoint[]) {\n applicationLayoutService.setBreakpoints(breakpoints);\n }\n\n /\n Define application switch configuration\n */\n @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() applicationSidebarSlotted = false;\n\n private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n get menu(): HTMLIxMenuElement \| null {\n return this.hostElement.querySelector('ix-menu');\n }\n\n get applicationSidebarSlot() {\n return this.hostElement.shadowRoot!.querySelector(\n '.application-sidebar slot'\n ) as HTMLSlotElement;\n }\n\n private modeDisposable?: Disposable;\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: false,\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\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 this.changeTheme();\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n @Watch('theme')\n @Watch('themeSystemAppearance')\n private changeTheme() {\n if (!this.theme) {\n if (this.themeSystemAppearance) {\n themeSwitcher.setVariant();\n }\n\n return;\n }\n\n if (themeSwitcher.hasVariantSuffix(this.theme)) {\n themeSwitcher.setTheme(`theme-${this.theme}`);\n return;\n }\n\n themeSwitcher.setTheme(\n `theme-${this.theme}-dark`,\n this.themeSystemAppearance\n );\n }\n\n @Watch('appSwitchConfig')\n @Watch('applicationSidebarSlotted')\n onApplicationSidebarChange() {\n if (!this.contextProvider) {\n console.error('Context provider not available');\n return;\n }\n this.contextProvider.emit({\n hideHeader: false,\n sidebar: this.applicationSidebarSlotted,\n appSwitchConfig: this.appSwitchConfig,\n });\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n }}\n >\n <slot name=\"application-header\"></slot>\n <div class=\"application\">\n <slot name=\"menu\"></slot>\n <aside\n class={{\n 'application-sidebar': true,\n slotted: this.applicationSidebarSlotted,\n }}\n onClick={() => this.onContentClick()}\n >\n <slot\n name=\"application-sidebar\"\n onSlotchange={() =>\n (this.applicationSidebarSlotted = hasSlottedElements(\n this.applicationSidebarSlot\n ))\n }\n ></slot>\n </aside>\n <div class=\"content-area\">\n <main class=\"content\" onClick={() => this.onContentClick()}>\n <slot></slot>\n </main>\n <footer class=\"footer\">\n <slot name=\"bottom\"></slot>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -58,11 +58,6 @@ export class ApplicationHeader {
     componentWillLoad() {
         this.breakpoint = getCurrentBreakpoint();
         useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-            if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === 'map-navigation') {
-                this.suppressResponsive = true;
-                this.breakpoint = 'md';
-                return;
-            }
             this.breakpoint = applicationLayoutService.breakpoint;
             this.applicationLayoutContext = ctx;
             this.tryUpdateAppSwitch();
@@ -170,31 +165,31 @@ export class ApplicationHeader {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (h(Host, { key: 'ef0ab6f2a81031458e8ed28d37498fc8b1446bac', class: {
+        return (h(Host, { key: '0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, h("div", { key: 'efe93ad72d12055c809bba772b705d20fed00ee7', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: 'ef86725dc6c5d99b629115e1142f11d513a76f52', class: {
+            }, slot: "application-header" }, h("div", { key: 'a5c4fa84d92bd9ce8e236f117605652bfc92e60d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: '0f790883c295875ef6b3f023cd9daa34980c5c96', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, h("img", { key: 'aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: '6cd981d9c4398e0c72ba5096694e30855f970bec', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (h("ix-icon-button", { key: '933e394225b9239f10b18962c40f8021a5e4b059', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+            } }, h("img", { key: '3e20234523c716d04e123706912eef1023eb884f', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: 'b46e806adadc12a7a355691bdb14bb2a3ee0f98f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (h("ix-icon-button", { key: '57112cb328fc5231871e18496863ebc3a38f978b', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
                 'app-switch': true,
                 'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: 'df4c4e5db00d5f7b7680ea05c9da06250c769308', class: "logo" }, h("img", { key: '2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: '0abdbb9bf1b3fc81c14d46ea826ee73336c560b5', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: 'b622ece9a3c1645141c1cb54d9cb88f0b2b12646', class: "logo" }, h("img", { key: '854a9696190d015ce052c745f9ed7acc206f16d5', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: '0d5ff7f62bb55cb15d2e15e41279ca671716224c', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, h("slot", { key: '468f56a361d387af9b46dddabbece87e03f1692b', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: '84265b38ce425386a4df25a52e2334b760d28067', class: "name" }, h("ix-typography", { key: 'c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: 'f34d596a5071ee964fecfc1021a420b0cc5fad32', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: 'e4f60f5f9fb727385eb180ea91f5c75b7a207993', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'b78fcf9127124d7c57d2ebf15f65fb271efd30fc', class: "secondary" }, h("slot", { key: '0c82211f37d6cb285047f97ee222f22aa424bfad', name: "secondary" }))), h("div", { key: 'acb023efd34eeba9730ad5a60dd933240bb09b80', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5' }), h("ix-icon-button", { key: '196aa553bc0ed8f7ac43586c8bd065c3c4990535', class: {
+            } }, h("slot", { key: '42d42aab0493036c165f1d7d969288bc2dc339c8', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: 'a388e25471839639f82f2e3d8798d041cdab1f78', class: "name" }, h("ix-typography", { key: 'f7d197105b6609597fa742ca8b85aa2c80b2c25d', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: '5a78095814f0d39666bbe26bb968d4df72233016', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: 'e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'f3c3221c2dbcccf19d23502ff05984815fc8ea1e', class: "secondary" }, h("slot", { key: '9392845b82451cb62b886ab1bafa7ba7ddf21d13', name: "secondary" }))), h("div", { key: 'a288be02d9ee23480339d8de284c186fbc9bfd26', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '34dfa9b114c85e3e59183fce1b5a977eabe02d6a' }), h("ix-icon-button", { key: 'c884b249320deb5f105538dd0fd7e47efd6207c0', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: '7657364247c4964e0cbe2380fffedcd22f6513d9', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: '06f57598668ae32ef6fc377ae9ccf180ffbd5361', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: 'f59b62075ac364ccc86791e6dda77a155135dc91', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: '42ea43e1f28ecdd7651a2f652edb6eb2462a0df3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: 'b57645df48b14862e17510560386dffdc7f918f2', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: 'd27a3ab3dcccb24deea6452aab078975d7657c1f', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, h("slot", { key: '25a1cbf08436b248cb892cabcc4b6377abcdda4f', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: '903e47dc9fe7906bc94650d9617031a9ec8ecbd3', class: {
+            } }, h("slot", { key: '8236935ea329c8650b08c0fbb2be11a4233b54a5', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: 'd947b3da7b1c2683f319604698550e6deede8bb5', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, h("slot", { key: 'dd848b5a87034692f1b0c518ec694cc9e3197787', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: '0fe4250f4a64d239ca6db9eea89d1cc4869492e6', class: {
+            } }, h("slot", { key: '5e60684fe9b2d19e67a4b8c56225be76a2aff668', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: 'c072ab98aa238e71087064f9ffcbc46a8b43cacd', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, h("slot", { key: '10862703e3e6701ff5bb110039242b826914e8af', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: 'eb5fbef4f3783afba128d57fdc3924e4957af6b1', name: "ix-application-header-avatar" })))));
+            } }, h("slot", { key: '99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: 'c6c071f3ee91c6f0aa709ba59e979e644f22f22d', name: "ix-application-header-avatar" })))));
     }
     static get is() { return "ix-application-header"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"application-header.js","sourceRoot":"","sources":["../../../src/components/application-header/application-header.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 /\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n readTask,\n State,\n Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/\n @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n /\n@Component({\n tag: 'ix-application-header',\n styleUrl: 'application-header.scss',\n shadow: true,\n})\nexport class ApplicationHeader {\n @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n /\n Application name\n /\n @Prop() name?: string;\n\n /\n Define a suffix which will be displayed next to the application name\n \n @since 4.0.0\n /\n @Prop() nameSuffix?: string;\n\n /\n Company logo will be show on the left side of the application name.\n * It will be hidden on smaller screens.\n \n @since 4.0.0\n /\n @Prop() companyLogo?: string;\n\n /\n Alt text for the company logo\n \n @since 4.0.0\n /\n @Prop() companyLogoAlt?: string;\n\n /\n The app icon will be shown as the first element inside the header.\n * It will be hidden on smaller screens.\n \n @since 4.0.0\n /\n @Prop() appIcon?: string;\n\n /\n Alt text for the app icon\n \n @since 4.0.0\n /\n @Prop() appIconAlt?: string;\n\n /\n Render subtle outline around app icon to ensure proper contrast.\n \n @since 4.0.0\n /\n @Prop() appIconOutline = false;\n\n /\n Hides the bottom border of the header\n \n @since 4.0.0\n /\n @Prop() hideBottomBorder = false;\n\n /\n Controls the visibility of the menu toggle button based on the context of the application header.\n \n When the application header is utilized outside the application frame, the menu toggle button is displayed.\n * Conversely, if the header is within the application frame, this property is ineffective.\n /\n @Prop({ mutable: true }) showMenu?: boolean = false;\n\n /\n ARIA label for the menu expand icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelMenuExpandIconButton?: string;\n\n /\n ARIA label for the app switch icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelAppSwitchIconButton?: string;\n\n /\n ARIA label for the more menu icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelMoreMenuIconButton?: string;\n\n /\n Event emitted when the menu toggle button is clicked\n /\n @Event() menuToggle!: EventEmitter<boolean>;\n\n /\n Event emitted when the app switch button is clicked\n \n @since 3.0.0\n */\n @Event() openAppSwitch!: EventEmitter<void>;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() menuExpanded = false;\n @State() suppressResponsive = false;\n\n @State() hasSlottedLogo = false;\n @State() hasOverflowContextMenu = false;\n @State() hasSecondarySlotElements = false;\n @State() hasDefaultSlotElements = false;\n @State() hasOverflowSlotElements = false;\n @State() applicationLayoutContext?: ContextType<\n typeof ApplicationLayoutContext\n >;\n private menuDisposable?: Disposable;\n private modeDisposable?: Disposable;\n private callbackUpdateAppSwitchModal?: (\n config: AppSwitchConfiguration\n ) => void;\n\n get contentBackground() {\n return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n }\n\n componentWillLoad() {\n this.breakpoint = getCurrentBreakpoint();\n\n useContextConsumer(\n this.hostElement,\n ApplicationLayoutContext,\n (ctx) => {\n if (ctx?.host === 'map-navigation') {\n this.suppressResponsive = true;\n this.breakpoint = 'md';\n return;\n }\n\n this.breakpoint = applicationLayoutService.breakpoint;\n this.applicationLayoutContext = ctx;\n\n this.tryUpdateAppSwitch();\n },\n true\n );\n\n this.menuDisposable = menuController.expandChange.on((show) => {\n this.menuExpanded = show;\n });\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n if (this.suppressResponsive) {\n return;\n }\n\n this.breakpoint = mode;\n });\n\n this.updateHasSlotAssignedElementsStates();\n }\n\n componentDidLoad() {\n this.attachSiemensLogoIfLoaded();\n }\n\n disconnectedCallback() {\n this.menuDisposable?.dispose();\n this.modeDisposable?.dispose();\n }\n\n @Watch('applicationLayoutContext')\n watchApplicationLayoutContext() {\n if (this.applicationLayoutContext) {\n this.showMenu = false;\n }\n }\n @Watch('suppressResponsive')\n watchSuppressResponsive() {\n this.breakpoint = 'md';\n }\n\n private checkLogoSlot() {\n const slotElement = this.hostElement.shadowRoot!.querySelector(\n 'slot[name=\"logo\"]'\n ) as HTMLSlotElement;\n\n const isSiemensLogoDefined =\n window.customElements.get('ix-siemens-logo') !== undefined;\n\n if (isSiemensLogoDefined) {\n return hasSlottedElements(slotElement);\n }\n\n let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n assignedElements = assignedElements?.filter(\n (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n );\n\n return assignedElements?.length !== 0;\n }\n\n private attachSiemensLogoIfLoaded() {\n if (this.companyLogo) {\n return;\n }\n\n if (!this.checkLogoSlot()) {\n const logoElement = document.createElement('ix-siemens-logo');\n logoElement.slot = 'logo';\n this.hostElement.appendChild(logoElement);\n }\n }\n\n private async onMenuClick() {\n if (this.applicationLayoutContext) {\n menuController.toggle();\n } else {\n this.menuExpanded = !this.menuExpanded;\n }\n\n this.menuToggle.emit(this.menuExpanded);\n }\n\n private resolveContextMenuButton() {\n return new Promise<HTMLElement>((resolve) =>\n readTask(() =>\n resolve(\n this.hostElement.shadowRoot!.querySelector(\n '[data-context-menu]'\n ) as HTMLElement\n )\n )\n );\n }\n\n private tryUpdateAppSwitch() {\n if (\n !this.callbackUpdateAppSwitchModal \|\|\n !this.applicationLayoutContext?.appSwitchConfig\n ) {\n return;\n }\n\n this.callbackUpdateAppSwitchModal(\n this.applicationLayoutContext?.appSwitchConfig\n );\n }\n\n private async showAppSwitch() {\n const { defaultPrevented } = this.openAppSwitch.emit();\n\n if (defaultPrevented) {\n return;\n }\n\n if (!this.applicationLayoutContext?.appSwitchConfig) {\n return;\n }\n\n this.callbackUpdateAppSwitchModal = await showAppSwitch(\n this.applicationLayoutContext?.appSwitchConfig\n );\n }\n\n private updateHasSlotAssignedElementsStates() {\n const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot:not([name])'\n );\n\n const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot[name=\"secondary\"]'\n );\n\n const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot[name=\"overflow\"]'\n );\n\n this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n this.hasOverflowContextMenu =\n this.hasDefaultSlotElements \|\| this.hasSecondarySlotElements;\n }\n\n private onContentBgClick(e: MouseEvent) {\n if (e.target === this.contentBackground) {\n e.preventDefault();\n }\n }\n\n render() {\n const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n const showMenuByApplicationFrame =\n this.breakpoint === 'sm' &&\n this.suppressResponsive === false &&\n hasApplicationContextAvailable;\n\n const showApplicationSwitch =\n this.applicationLayoutContext?.appSwitchConfig &&\n this.breakpoint !== 'sm' &&\n this.suppressResponsive === false;\n\n const showCompanyLogoByProperty =\n this.breakpoint !== 'sm' && !!this.companyLogo;\n\n return (\n <Host\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n 'hide-bottom-border': this.hideBottomBorder,\n }}\n slot=\"application-header\"\n >\n <div class=\"left-side\">\n {this.appIcon && this.breakpoint !== 'sm' && (\n <div\n class={{\n 'app-icon': true,\n 'app-icon-outline': this.appIconOutline,\n }}\n >\n <img src={this.appIcon} alt={this.appIconAlt} />\n </div>\n )}\n {(this.showMenu \|\| showMenuByApplicationFrame) && (\n <ix-menu-expand-icon\n onClick={() => this.onMenuClick()}\n expanded={this.menuExpanded}\n ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n ></ix-menu-expand-icon>\n )}\n {showApplicationSwitch && (\n <ix-icon-button\n onClick={() => this.showAppSwitch()}\n icon={iconApps}\n variant=\"subtle-tertiary\"\n class={{\n 'app-switch': true,\n 'without-app-icon': !this.appIcon,\n }}\n aria-label={this.ariaLabelAppSwitchIconButton}\n ></ix-icon-button>\n )}\n {showCompanyLogoByProperty && (\n <div class=\"logo\">\n <img src={this.companyLogo} alt={this.companyLogoAlt} />\n </div>\n )}\n <div\n class={{\n logo: true,\n 'hide-logo': !this.hasSlottedLogo,\n }}\n >\n <slot\n name=\"logo\"\n onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n ></slot>\n </div>\n <div class=\"name\">\n <ix-typography format=\"body-lg\" class=\"application-name\">\n {this.name}\n </ix-typography>\n {this.nameSuffix && this.breakpoint !== 'sm' && (\n <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n {this.nameSuffix}\n </ix-typography>\n )}\n </div>\n </div>\n <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n {this.breakpoint !== 'sm' && (\n <div class=\"secondary\">\n <slot name=\"secondary\"></slot>\n </div>\n )}\n <div class=\"content\">\n {this.breakpoint !== 'sm' && <slot></slot>}\n <ix-icon-button\n class={{\n 'context-menu': true,\n 'context-menu-visible':\n this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements,\n }}\n data-context-menu\n data-testid=\"show-more\"\n icon={iconMoreMenu}\n variant=\"subtle-tertiary\"\n aria-label={this.ariaLabelMoreMenuIconButton}\n aria-hidden={a11yBoolean(\n !(this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements)\n )}\n ></ix-icon-button>\n <ix-dropdown\n data-overflow-dropdown\n class=\"dropdown\"\n discoverAllSubmenus\n trigger={this.resolveContextMenuButton()}\n aria-hidden={a11yBoolean(\n !(this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements)\n )}\n >\n <div\n class=\"dropdown-content\"\n onClick={(e) => this.onContentBgClick(e)}\n >\n {this.breakpoint === 'sm' && (\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasSecondarySlotElements,\n }}\n >\n <slot\n name=\"secondary\"\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n )}\n {this.breakpoint === 'sm' && (\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasDefaultSlotElements,\n }}\n >\n <slot\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n )}\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasOverflowSlotElements,\n }}\n >\n <slot\n name=\"overflow\"\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n </div>\n </ix-dropdown>\n <slot name=\"ix-application-header-avatar\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"application-header.js","sourceRoot":"","sources":["../../../src/components/application-header/application-header.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 /\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n readTask,\n State,\n Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n ApplicationLayoutContext,\n AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/\n @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n /\n@Component({\n tag: 'ix-application-header',\n styleUrl: 'application-header.scss',\n shadow: true,\n})\nexport class ApplicationHeader {\n @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n /\n Application name\n /\n @Prop() name?: string;\n\n /\n Define a suffix which will be displayed next to the application name\n \n @since 4.0.0\n /\n @Prop() nameSuffix?: string;\n\n /\n Company logo will be show on the left side of the application name.\n * It will be hidden on smaller screens.\n \n @since 4.0.0\n /\n @Prop() companyLogo?: string;\n\n /\n Alt text for the company logo\n \n @since 4.0.0\n /\n @Prop() companyLogoAlt?: string;\n\n /\n The app icon will be shown as the first element inside the header.\n * It will be hidden on smaller screens.\n \n @since 4.0.0\n /\n @Prop() appIcon?: string;\n\n /\n Alt text for the app icon\n \n @since 4.0.0\n /\n @Prop() appIconAlt?: string;\n\n /\n Render subtle outline around app icon to ensure proper contrast.\n \n @since 4.0.0\n /\n @Prop() appIconOutline = false;\n\n /\n Hides the bottom border of the header\n \n @since 4.0.0\n /\n @Prop() hideBottomBorder = false;\n\n /\n Controls the visibility of the menu toggle button based on the context of the application header.\n \n When the application header is utilized outside the application frame, the menu toggle button is displayed.\n * Conversely, if the header is within the application frame, this property is ineffective.\n /\n @Prop({ mutable: true }) showMenu?: boolean = false;\n\n /\n ARIA label for the menu expand icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelMenuExpandIconButton?: string;\n\n /\n ARIA label for the app switch icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelAppSwitchIconButton?: string;\n\n /\n ARIA label for the more menu icon button\n \n @since 3.2.0\n /\n @Prop() ariaLabelMoreMenuIconButton?: string;\n\n /\n Event emitted when the menu toggle button is clicked\n /\n @Event() menuToggle!: EventEmitter<boolean>;\n\n /\n Event emitted when the app switch button is clicked\n \n @since 3.0.0\n */\n @Event() openAppSwitch!: EventEmitter<void>;\n\n @State() breakpoint: Breakpoint = 'lg';\n @State() menuExpanded = false;\n @State() suppressResponsive = false;\n\n @State() hasSlottedLogo = false;\n @State() hasOverflowContextMenu = false;\n @State() hasSecondarySlotElements = false;\n @State() hasDefaultSlotElements = false;\n @State() hasOverflowSlotElements = false;\n @State() applicationLayoutContext?: ContextType<\n typeof ApplicationLayoutContext\n >;\n private menuDisposable?: Disposable;\n private modeDisposable?: Disposable;\n private callbackUpdateAppSwitchModal?: (\n config: AppSwitchConfiguration\n ) => void;\n\n get contentBackground() {\n return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n }\n\n componentWillLoad() {\n this.breakpoint = getCurrentBreakpoint();\n\n useContextConsumer(\n this.hostElement,\n ApplicationLayoutContext,\n (ctx) => {\n this.breakpoint = applicationLayoutService.breakpoint;\n this.applicationLayoutContext = ctx;\n\n this.tryUpdateAppSwitch();\n },\n true\n );\n\n this.menuDisposable = menuController.expandChange.on((show) => {\n this.menuExpanded = show;\n });\n\n this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n if (this.suppressResponsive) {\n return;\n }\n\n this.breakpoint = mode;\n });\n\n this.updateHasSlotAssignedElementsStates();\n }\n\n componentDidLoad() {\n this.attachSiemensLogoIfLoaded();\n }\n\n disconnectedCallback() {\n this.menuDisposable?.dispose();\n this.modeDisposable?.dispose();\n }\n\n @Watch('applicationLayoutContext')\n watchApplicationLayoutContext() {\n if (this.applicationLayoutContext) {\n this.showMenu = false;\n }\n }\n @Watch('suppressResponsive')\n watchSuppressResponsive() {\n this.breakpoint = 'md';\n }\n\n private checkLogoSlot() {\n const slotElement = this.hostElement.shadowRoot!.querySelector(\n 'slot[name=\"logo\"]'\n ) as HTMLSlotElement;\n\n const isSiemensLogoDefined =\n window.customElements.get('ix-siemens-logo') !== undefined;\n\n if (isSiemensLogoDefined) {\n return hasSlottedElements(slotElement);\n }\n\n let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n assignedElements = assignedElements?.filter(\n (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n );\n\n return assignedElements?.length !== 0;\n }\n\n private attachSiemensLogoIfLoaded() {\n if (this.companyLogo) {\n return;\n }\n\n if (!this.checkLogoSlot()) {\n const logoElement = document.createElement('ix-siemens-logo');\n logoElement.slot = 'logo';\n this.hostElement.appendChild(logoElement);\n }\n }\n\n private async onMenuClick() {\n if (this.applicationLayoutContext) {\n menuController.toggle();\n } else {\n this.menuExpanded = !this.menuExpanded;\n }\n\n this.menuToggle.emit(this.menuExpanded);\n }\n\n private resolveContextMenuButton() {\n return new Promise<HTMLElement>((resolve) =>\n readTask(() =>\n resolve(\n this.hostElement.shadowRoot!.querySelector(\n '[data-context-menu]'\n ) as HTMLElement\n )\n )\n );\n }\n\n private tryUpdateAppSwitch() {\n if (\n !this.callbackUpdateAppSwitchModal \|\|\n !this.applicationLayoutContext?.appSwitchConfig\n ) {\n return;\n }\n\n this.callbackUpdateAppSwitchModal(\n this.applicationLayoutContext?.appSwitchConfig\n );\n }\n\n private async showAppSwitch() {\n const { defaultPrevented } = this.openAppSwitch.emit();\n\n if (defaultPrevented) {\n return;\n }\n\n if (!this.applicationLayoutContext?.appSwitchConfig) {\n return;\n }\n\n this.callbackUpdateAppSwitchModal = await showAppSwitch(\n this.applicationLayoutContext?.appSwitchConfig\n );\n }\n\n private updateHasSlotAssignedElementsStates() {\n const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot:not([name])'\n );\n\n const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot[name=\"secondary\"]'\n );\n\n const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n '.content slot[name=\"overflow\"]'\n );\n\n this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n this.hasOverflowContextMenu =\n this.hasDefaultSlotElements \|\| this.hasSecondarySlotElements;\n }\n\n private onContentBgClick(e: MouseEvent) {\n if (e.target === this.contentBackground) {\n e.preventDefault();\n }\n }\n\n render() {\n const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n const showMenuByApplicationFrame =\n this.breakpoint === 'sm' &&\n this.suppressResponsive === false &&\n hasApplicationContextAvailable;\n\n const showApplicationSwitch =\n this.applicationLayoutContext?.appSwitchConfig &&\n this.breakpoint !== 'sm' &&\n this.suppressResponsive === false;\n\n const showCompanyLogoByProperty =\n this.breakpoint !== 'sm' && !!this.companyLogo;\n\n return (\n <Host\n class={{\n [`breakpoint-${this.breakpoint}`]: true,\n 'hide-bottom-border': this.hideBottomBorder,\n }}\n slot=\"application-header\"\n >\n <div class=\"left-side\">\n {this.appIcon && this.breakpoint !== 'sm' && (\n <div\n class={{\n 'app-icon': true,\n 'app-icon-outline': this.appIconOutline,\n }}\n >\n <img src={this.appIcon} alt={this.appIconAlt} />\n </div>\n )}\n {(this.showMenu \|\| showMenuByApplicationFrame) && (\n <ix-menu-expand-icon\n onClick={() => this.onMenuClick()}\n expanded={this.menuExpanded}\n ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n ></ix-menu-expand-icon>\n )}\n {showApplicationSwitch && (\n <ix-icon-button\n onClick={() => this.showAppSwitch()}\n icon={iconApps}\n variant=\"subtle-tertiary\"\n class={{\n 'app-switch': true,\n 'without-app-icon': !this.appIcon,\n }}\n aria-label={this.ariaLabelAppSwitchIconButton}\n ></ix-icon-button>\n )}\n {showCompanyLogoByProperty && (\n <div class=\"logo\">\n <img src={this.companyLogo} alt={this.companyLogoAlt} />\n </div>\n )}\n <div\n class={{\n logo: true,\n 'hide-logo': !this.hasSlottedLogo,\n }}\n >\n <slot\n name=\"logo\"\n onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n ></slot>\n </div>\n <div class=\"name\">\n <ix-typography format=\"body-lg\" class=\"application-name\">\n {this.name}\n </ix-typography>\n {this.nameSuffix && this.breakpoint !== 'sm' && (\n <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n {this.nameSuffix}\n </ix-typography>\n )}\n </div>\n </div>\n <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n {this.breakpoint !== 'sm' && (\n <div class=\"secondary\">\n <slot name=\"secondary\"></slot>\n </div>\n )}\n <div class=\"content\">\n {this.breakpoint !== 'sm' && <slot></slot>}\n <ix-icon-button\n class={{\n 'context-menu': true,\n 'context-menu-visible':\n this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements,\n }}\n data-context-menu\n data-testid=\"show-more\"\n icon={iconMoreMenu}\n variant=\"subtle-tertiary\"\n aria-label={this.ariaLabelMoreMenuIconButton}\n aria-hidden={a11yBoolean(\n !(this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements)\n )}\n ></ix-icon-button>\n <ix-dropdown\n data-overflow-dropdown\n class=\"dropdown\"\n discoverAllSubmenus\n trigger={this.resolveContextMenuButton()}\n aria-hidden={a11yBoolean(\n !(this.hasOverflowContextMenu \|\| this.hasOverflowSlotElements)\n )}\n >\n <div\n class=\"dropdown-content\"\n onClick={(e) => this.onContentBgClick(e)}\n >\n {this.breakpoint === 'sm' && (\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasSecondarySlotElements,\n }}\n >\n <slot\n name=\"secondary\"\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n )}\n {this.breakpoint === 'sm' && (\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasDefaultSlotElements,\n }}\n >\n <slot\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n )}\n <div\n class={{\n 'slot-content': true,\n 'slot-content-active': this.hasOverflowSlotElements,\n }}\n >\n <slot\n name=\"overflow\"\n onSlotchange={() =>\n this.updateHasSlotAssignedElementsStates()\n }\n ></slot>\n </div>\n </div>\n </ix-dropdown>\n <slot name=\"ix-application-header-avatar\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -70,17 +70,17 @@ export class Blind {
         });
     }
     render() {
-        return (h(Host, { key: '4a7663a1db7be9e7b957e5f4544f0ce8e9814cae', class: {
+        return (h(Host, { key: '671ad2c0686ea67b8dd5a3b6259edd8cd2667b19', class: {
                 [`blind-${this.variant}`]: true,
-            } }, h("div", { key: '47c72fe3619b8260f5ebf4003b53fd743776fbca', class: 'blind-header-wrapper' }, h("button", { key: '785833dece948c4a3dba3815cbac98c58280b099', class: {
+            } }, h("div", { key: '40fa7a9d37b674e2979022aadc84a4496ea9a9f5', class: 'blind-header-wrapper' }, h("button", { key: '29c3e84c41ec924f2b3c5a373778130afa943626', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: '0bc5a07bb163c1558b71b975f295d7df95453df9', name: "custom-header" })), h("div", { key: 'dce21ec7715bf9c897fdd1dd01dcc1efc898cf66', class: 'blind-header-content' }, h("ix-icon", { key: '8326f05cc630cad6eb800197121fabdce118cc3e', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: 'b252b735380d02d028f14e7d9fbe4c5eba8c6602', name: "custom-header" })), h("div", { key: '6bf0d3c1465c63a94c8f022734ed826c4028855a', class: 'blind-header-content' }, h("ix-icon", { key: 'd21dd7db4cb813e4becce868c4dbe340a12b1e65', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), h("div", { key: 'bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (h(Fragment, null, this.icon && (h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), h("div", { key: 'da2e1435ca1070eed1794226ca721e7e3fb22390', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (h(Fragment, null, this.icon && (h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), h("div", { class: 'blind-header-title-row' }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" })))) : null))), h("section", { key: '02eda5f04ad9fab57dc97354e02c87a1ccaf106a', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: 'e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47', class: {
+                : `color-${this.variant}--contrast` })), h("div", { class: 'blind-header-title-row' }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" })))) : null))), h("section", { key: '854dd19e82a63ccb31f090dadfbcfa46d7346d21', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: '12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? h("slot", null) : null))));

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

@@ -83,7 +83,7 @@ export class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (h(Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, h("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (h(Host, { key: 'c5457acd786da77d474f83613a2c12910a193779' }, h("ix-dropdown", { key: '3f1e0ae1e4ac1d192ff7c0d5619329cfbcdf8a62', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -100,7 +100,7 @@ export class Breadcrumb {
             return (h("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, h("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, h("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, h("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), h("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (h("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, h("nav", { key: '11b4a0c0cbad59437fccee34a73cd4e89de39a1c', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, h("ol", { key: 'ad9d8c27e05b76f334f7cf6f79038d339e8d538c' }, h("slot", { key: 'd84c2c0028e22cbfd126b867177ba9b4271e8c24' }))), h("ix-dropdown", { key: '6ba681eb8f116ec287961a7e873b90d381baefdb', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (h("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,

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

@@ -11,10 +11,10 @@ export class Card {
         this.selected = false;
     }
     render() {
-        return (h(Host, { key: '273ae9e8df54685523676e7bb3776687f6eb7e2c', class: {
+        return (h(Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, h("div", { key: 'a77de7016a3e91ee5a6570c2e9698405dade49e0', class: "card-content" }, h("slot", { key: '4cdd18d00437d3c7e4d0686cfdf47ad9762d598d' })), h("div", { key: 'af8c607fcf030cf0188a6fea6cceed091b0a26e4', class: "card-footer" }, h("slot", { key: 'e1bf10b65df3b78a5b3b8efb194d02a94cd7dc01', name: "card-accordion" }))));
+            } }, h("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, h("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), h("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, h("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
     }
     static get is() { return "ix-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,15 +50,15 @@ export class CardAccordion {
         this.onInitialExpandChange();
     }
     render() {
-        return (h(Host, { key: '222c6e087b85d09fe4dfc0254aedffb37133ecf8', slot: "card-accordion", class: {
+        return (h(Host, { key: 'dc1b41f8878a1aa87869d11829c9a3cc218ca12e', slot: "card-accordion", class: {
                 [`variant-${this.variant}`]: true,
-            } }, h("button", { key: '091c2614a41bfc0431327058bf4ef6da022adf6c', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, h("ix-icon", { key: 'c33379f0f47f7b5ae670144088f2521992cb5579', name: iconChevronDownSmall, class: {
+            } }, h("button", { key: '0fc447aadb0c86405700f00c18d17be887eef3fb', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, h("ix-icon", { key: 'b044d6c5c9561355750483c29824bfe27af75db5', name: iconChevronDownSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), h("div", { key: 'c6c9d8239de7c2871bda0fc597bd97f6fef97f20', class: {
+            } })), h("div", { key: 'df7c48aaa25ad38136479fb972ffe0776efa0ae3', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, h("div", { key: 'efd5c5c77f0784f05da03289cd596d58bcc4da1a', class: "expand-content-inner" }, h("div", { key: '5eedce8ff4836fcb5eae475d93dde6858ce722aa', class: "expand-content-body" }, h("slot", { key: 'de820e5855bc9d7a0fcfd3d394c3f9b204b0cdbe' })), h("div", { key: '14293baff273475195c66b4823f5deaa173817cf', class: "expand-content-footer" })))));
+            } }, h("div", { key: '9f9bd7ef6d674f0d6561ac9c237443062eec9693', class: "expand-content-inner" }, h("div", { key: '1576b901ba50a5ec7e765ae64e8cd6acba047973', class: "expand-content-body" }, h("slot", { key: 'ef118ded7d20ba6dd70c45a0d34f86a89959e69c' })), h("div", { key: '248e9c925bf36e9598386a78562abd8a3db77c06', class: "expand-content-footer" })))));
     }
     static get is() { return "ix-card-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class CardContent {
     render() {
-        return (h(Host, { key: 'e260bf9e9e846e9d4a14c6304938f353d918f8d8' }, h("div", { key: '45aafb643a29895b0e74a77e8afae2fb9defb685', class: "content-wrapper" }, h("slot", { key: '30be2a800abf2335960840a410c88de8e6aeb21c' }))));
+        return (h(Host, { key: '6ab30045a9e41189eafb31d4bbdf90cb29867159' }, h("div", { key: '834be9e77d7c38b529810d0608383108bbf827e6', class: "content-wrapper" }, h("slot", { key: '7f01d3a7338051365a5f377cc69032ebef937d9d' }))));
     }
     static get is() { return "ix-card-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,16 +155,16 @@ export class CardList {
         }
     }
     render() {
-        return (h(Host, { key: '0ea1452be92d5b2de585b7fbcb1b872fd4d58974' }, h(CardListTitle, { key: '56f8e679e46885b2019dd1c2acb09270a820ccae', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (h(Host, { key: '37a1bb98b5703b76b6f0f5038561917bef13916b' }, h(CardListTitle, { key: '8f90c6052259ff8e1bbb377a9fa9cc465c951aab', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
                 ? this.numberOfAllChildElements
-                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), h("div", { key: '19948560fdc32722316db928f265889b3ccd1db8', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), h("div", { key: '1d1162c53d8fb1d97dfb4b00ae1c1a5942a0b0f7', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, h("div", { key: '8064717801d3389a5293c3a00a5bf87702096109', class: {
+            }, style: this.computeMaskLayer() }, h("div", { key: '298741cb6e8f1617e9a3ca1f0b49d713c3421977', class: {
                 CardList__Content: true,
                 CardList__Content__Collapsed: this.collapse,
                 CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
                 CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
-            }, onScroll: () => this.onCardListScroll() }, h("slot", { key: 'ac6d044003c53fcbee03dc945e7e9c926f0fef07', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (h("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, h("slot", { key: 'abccd55d11dae4c83b6d7dcdabc77aec0a2f7b32', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (h("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class CardHeader {
     render() {
-        return (h(Host, { key: '9c6dc0d763b05e976306aaf76a3cc7b644997252' }, h("slot", { key: '3818103186c4614d128ec7c9b22618d9baab3900' }), h("div", { key: 'efad42c938c7f115dcc14fb379ee4fa594dcb4d2', class: "title-actions" }, h("slot", { key: 'd823d4ee6b351d11fbbdd51b2d196bfcd2a52d3c', name: "title-actions" }))));
+        return (h(Host, { key: 'a25925e3092733c276c366875802163184f79a2b' }, h("slot", { key: 'c379e97f4966141ac879c9df014f793955d1d2f3' }), h("div", { key: '5ea530ca1110748ed53b7b0724d5ec0920194628', class: "title-actions" }, h("slot", { key: '10f91158d202b321c21d07dda30ff7e59999aaa9', name: "title-actions" }))));
     }
     static get is() { return "ix-card-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -497,19 +497,19 @@ export class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'c067de370164a717112829f8be82ac8d786d7622' }, h("form", { key: '2cd185f59a209029a1184790488eb472a8456cbb', ref: (el) => (this.formElement = el) }, h("div", { key: '5d0eed2dacde6318ebe516becdc41b785908c864', "read-only": this.readonly, class: {
+        return (h(Host, { key: 'fe49a215180e62dfb5b88304e08d775f1d6d8151' }, h("form", { key: '075cea4e8c8f681a37e9c9916551d8835878e9a9', ref: (el) => (this.formElement = el) }, h("div", { key: 'efa00f0c5eb73bdcdd96f3f2b314b1db7580a227', "read-only": this.readonly, class: {
                 'input-container': true,
                 disabled: this.disabled,
                 focus: this.hasFocus,
                 readonly: this.readonly,
                 'no-icon': this.hideIcon,
-            } }, h("ix-icon", { key: 'ec27370c08d6882c85f29dafb7c9cbf2655cbacf', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), h("div", { key: '277a47c6cc91d6b631c01ae4b3f8f21cca29943e', class: "token-container" }, h("div", { key: 'c086102952499cbd43ae910d745be5ef0aa44e40', class: "list-unstyled" }, this.filterTokens.map((value, index) => (h("span", { key: value.toString(), class: {
+            } }, h("ix-icon", { key: 'a889dd34ab269b07c49701d381fa997cf66dcc7d', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), h("div", { key: '9f7bbd1f655d3e3d92b0f97a7a50c837d721f3ef', class: "token-container" }, h("div", { key: 'e130e26ad631aeef22c31c858f4687d40f2272ec', class: "list-unstyled" }, this.filterTokens.map((value, index) => (h("span", { key: value.toString(), class: {
                 animate__animated: true,
                 animate__fadein: true,
             } }, h("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (h("span", { class: {
                 'category-preview': true,
                 'display-none': this.category === '',
-            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), h("input", Object.assign({ key: '7f2bdc80da327d2c40f7031259618131a391bd7c', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), h("input", Object.assign({ key: '10c2f91e57a8ef18bd9dbc53c227a15544d4de28', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly || this.disabled || this.category !== '',
             }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (h("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));

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

@@ -94,13 +94,13 @@ export class Checkbox {
         return (h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (h(Fragment, null, h("rect", { width: "18", height: "18", fill: "transparent" }), h("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (h("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
     }
     render() {
-        return (h(Host, { key: 'b65c76c6bc07e273a5c39c5faf0130a163563020', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (h(Host, { key: 'f2157c572321b0a34f54f32423ed0c821fc1abfa', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, h("label", { key: '5036796ac6119123982eb08dc05a431617a46487' }, h("input", { key: '5005dfa80f386c4188989c38176c416c60635b24', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), h("button", { key: '073f99ba599bf129442c72708b2e3915198df19d', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, h("label", { key: '131587a06d955e04dc580936004546e930ec9cf8' }, h("input", { key: 'b8a94c99f540e21c280ba9aeaf35221fa1c9b226', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), h("button", { key: '6f6c5937801659bacd7d6f5c9256972c33e4194c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), h("ix-typography", { key: 'cc49681602a66628bf54ab8f0623277a7681e619', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '8bc151343608e50879ed664a7ce7f7a12bb712b7' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), h("ix-typography", { key: '7b33f317ac3757242509d69a25520795906bb158', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '2ab4518ebcb6135de6b1c37a7e9c157b1feebb5d' })))));
     }
     static get is() { return "ix-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkbox-group/checkbox-group.js CHANGED Viewed

@@ -79,10 +79,10 @@ export class CheckboxGroup {
         return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
     }
     render() {
-        return (h(Host, { key: '9dc1c1291e865c95b525ecddaca23d6f71f9411e', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, h("ix-field-wrapper", { key: '54a66849d6250a873f04983978b05aba16e5acad', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, h("div", { key: '7e0e4d32c55b3ceb55c3cbd6a281feb8efdc50db', class: {
+        return (h(Host, { key: 'ac1e91fd23038317e1a39b612f67e91d53ba946c', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, h("ix-field-wrapper", { key: '1278bca33da0339052756f01e8ca2de2641feffb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, h("div", { key: '7ba4ca7e379f49c6234c681a682cb08ec3d44b87', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, h("slot", { key: '88237f6b0a1fe49b4e7c28da210be75f3ee8ed5d' })))));
+            } }, h("slot", { key: 'a843f1bfd2942b4f0e9d2060646b50e97e55bca8' })))));
     }
     static get is() { return "ix-checkbox-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,13 +67,13 @@ export class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (h(Host, { key: 'a9d49af6fa315e993d7e6968037eec933ac7beb4', tabIndex: "-1", class: {
+        return (h(Host, { key: '89e8d6fc156f9b2b761000d213655b36f3b16bf2', tabIndex: "-1", class: {
                 inactive: this.inactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, h("div", { key: '68e9b1b7cdcd51c0ea62d1e907749d6019346411', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, h("div", { key: 'a9b92e446d5c668d449996a93627879b428478e5', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: this.inactive,
@@ -88,11 +88,11 @@ export class Chip {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, h("div", { key: '6880ba6bb16fb14ce2e3fb6e3575539a5c1c182a', class: "content-wrapper" }, this.icon && (h("ix-icon", { key: '85ede4a45b6705d95e0d3d2ff602a75bce77c4fa', class: {
+            } }, h("div", { key: 'f3bf2fa31dfbaec0d014dbfa972ad822e2514e91', class: "content-wrapper" }, this.icon && (h("ix-icon", { key: '066a4f272fa760fafd6c69cd6b0f05bf459a3604', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), h("span", { key: '3b7bd50643a4f5b3ba25c612eb29cbd8218d0aa2', class: "slot-container" }, h("slot", { key: '0d282990c3bbc56eb96dd9373ff66b61fac0b1f9' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
+                : undefined })), h("span", { key: 'e08beb2e151300bdcdfe62c0b6a832935a7d2f68', class: "slot-container" }, h("slot", { key: 'b087848f9f85fc01af5cc3a03d4ae885e0f01335' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
     }
     static get is() { return "ix-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,7 +60,7 @@ export class Col {
         };
     }
     render() {
-        return (h(Host, { key: 'a8a9fb0682755fae44cbc7fd7d02b6aa1f9338b3', style: Object.assign({}, this.getColumnSizeStyling()) }, h("slot", { key: '31038e1d2bcda21b712f55d6840aeffc432beedf' })));
+        return (h(Host, { key: '552bf87dd4905b2cfc67dbda7c33e1edf89a9cf8', style: Object.assign({}, this.getColumnSizeStyling()) }, h("slot", { key: '293331e4b2de069f550f0d47e1525228e49fc159' })));
     }
     static get is() { return "ix-col"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,12 +19,12 @@ export class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (h(Host, { key: 'c68ec9d987aad56c3ccf77ce7b8a1fe125fd68ec' }, h("div", { key: '57c983730211548634bb3f13c666eb24d8ba1758', class: {
+        return (h(Host, { key: '2ca4af3b088beab36b86cb3431f1d1b59fcf8756' }, h("div", { key: '04f73ba733dc7fbf57ecf6fdc0afc1fec8249b8e', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, h("slot", { key: 'ed5c10f01ff82b4242941271b773bd9f151ce07b', name: "header", onSlotchange: () => {
+            } }, h("slot", { key: '962e83643e1ebcd86384cae1e7a3632b6f47554e', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), h("div", { key: 'f2f40e2dfb416e638b6dd4294ce071861171902c', class: "content" }, h("slot", { key: '8b63341a308b4d12d5dbad358b78bd4ced1d03f7' }))));
+            } })), h("div", { key: '4315ac1e71743ba30c7b8f592997c662eed392b4', class: "content" }, h("slot", { key: 'c1f31f8e283bcc55011b9f2d5746d9b7c10988da' }))));
     }
     static get is() { return "ix-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,13 +28,13 @@ export class ContentHeader {
         this.hasBackButton = false;
     }
     render() {
-        return (h(Host, { key: '70be3ee04b3b54d691708ff88d4c3b11b29665c7' }, this.hasBackButton ? (h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, h("div", { key: 'ae2f111cf63ee212d574a4265076d7484d7d4973', class: "titleGroup" }, h("div", { key: '1366b36518b6a564046e37ede90611a83c10895a', class: "headerTitleRow" }, h("ix-typography", { key: '4239234ecf34dde70f9c38db0012a0771bebef80', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
+        return (h(Host, { key: 'b422be3706aac399ed76b4c491d61e2da8561b24' }, this.hasBackButton ? (h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, h("div", { key: '7606ba97f834f591a78fc2cca74bdaf3b3a09feb', class: "titleGroup" }, h("div", { key: 'df174e297a1b2075bcab0182a80f626162d1c319', class: "headerTitleRow" }, h("ix-typography", { key: 'd8ab10dc801306dafe0f3e6e39ed93e0fa162ca1', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
                 secondary: this.variant === 'secondary',
                 titleOverflow: true,
-            } }, this.headerTitle), h("div", { key: '10ee43aa1832ab8b72c7fe37994547d40c936c25', class: "headerSlot" }, h("slot", { key: 'beec8fa035a64b109c3fd838a35ee6d395938677', name: "header" }))), !!this.headerSubtitle && (h("ix-typography", { key: '036b83bcc660228254a46fdac7d820cb52e03ff5', format: 'h6', "text-color": 'soft', class: {
+            } }, this.headerTitle), h("div", { key: 'e24d6b450426931aaead3732fa20161bc5aab4e2', class: "headerSlot" }, h("slot", { key: 'e9a471492f2693fc6abe546d1febbc06834fef1c', name: "header" }))), !!this.headerSubtitle && (h("ix-typography", { key: '5fdb5ebce68a3aae09df3299093bca156468933c', format: 'h6', "text-color": 'soft', class: {
                 subtitle: this.variant === 'secondary',
                 titleOverflow: true,
-            }, title: this.headerSubtitle }, this.headerSubtitle))), h("div", { key: '1379a68c4f1c0ec56351c5994989e0c6b2155cff', class: "buttons" }, h("slot", { key: '424bfa799347c0ab0ac1e47b33924778a68e9bc0' }))));
+            }, title: this.headerSubtitle }, this.headerSubtitle))), h("div", { key: '6648f93246d2e8d79cc2d3e7eae65009d578632c', class: "buttons" }, h("slot", { key: '1c3ee8084521a9a799e3b2444b1edc0c1cee5066' }))));
     }
     static get is() { return "ix-content-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/css-grid/css-grid-item.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (h(Host, { key: 'a4e4f5e7d0a42b8cd39a742f3ee4f420b60c8931', style: style }, h("slot", { key: '74cbbecda6397caf41cae0f78201f00ab23911d8' })));
+        return (h(Host, { key: '0f7a1001629ec09b7e6f44470b733f3d1d691bcb', style: style }, h("slot", { key: '1fce4a329cea68181bc52e60d155d6c6b7bb41bc' })));
     }
     static get is() { return "ix-css-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/css-grid/css-grid.js CHANGED Viewed

@@ -73,7 +73,7 @@ export class CssGrid {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (h(Host, { key: '1ceeb89987199bf3c537ba6c34ff8f52aff2fc76', style: style }, h("slot", { key: '785c5428d027f7a10f72e3b685ec51bb66fe082b' })));
+        return (h(Host, { key: '470c3da8301e7d99e603b78cfd9c2883e4801c76', style: style }, h("slot", { key: '64f7e86981ba37aeb20223bd672bc1190dba4619' })));
     }
     static get is() { return "ix-css-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/custom-field/custom-field.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (h(Host, { key: '020e301b887a62969c8c500049a2d1e77638c789' }, h("ix-field-wrapper", { key: 'df6b54e55636b528c2c7c56ded6e31af411f43fa', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, h("slot", { key: '99de94d7431bc900977593304d2193eabaef898a' }))));
+        return (h(Host, { key: '732dae3e5ba3f37b5eac745ce48338cae5397d9e' }, h("ix-field-wrapper", { key: '5df555252c2de619f3dd5daa082632695a88e3f6', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, h("slot", { key: '81d169fce11d76b04876eb3483909bf163c44370' }))));
     }
     static get is() { return "ix-custom-field"; }
     static get encapsulation() { return "shadow"; }