@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

package/dist/collection/components/key-value-list/key-value-list.js

@@ -15,7 +15,7 @@ export class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (h(Host, { key: 'a0383621779021bfaa04dfa24c0d64f843caef46', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: 'f42227578514bbc39d2c03fa5938487d3ba04cf0' })));
+        return (h(Host, { key: '27163734dfd54def57dd0186263161898c7b4dfe', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: '0d28e89b4b194cd499653bd76132f205ab55d10b' })));
     }
     static get is() { return "ix-key-value-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kpi/kpi.js

@@ -37,13 +37,13 @@ export class Kpi {
         return tooltip;
     }
     render() {
-        return (h(Host, { key: 'ce1da739841323d068eb084cd86771c13c415081', title: this.getTooltipText(), tabindex: "1", class: {
+        return (h(Host, { key: '1179001dc0e8bdc5ffce63d27ecd0c5d81289020', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, h("div", { key: '7d3b4e4aa3fdd88a3574c309acf3e11da9f4498c', class: {
+            } }, h("div", { key: '5b44cac0229b98c7ed92e5462e432957a9346342', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, h("span", { key: '0276e52a4bb5cd8845ea0f2feb89cad0bb84cf54', class: "kpi-label" }, this.getStateIcon(), h("span", { key: '5ec332bbfb025fc705d8dc41527ed5d57ef83720', class: "kpi-label-text" }, this.label)), h("span", { key: 'b8b55580b59c271988fb5ccbac77737c73c46133', class: "kpi-value-container" }, h("span", { key: '7694b2e056abb0af7da5ef4f78501b46bb974df5', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, h("span", { key: '88c5197ae8715095ddaf432505281acf00c3d01d', class: "kpi-label" }, this.getStateIcon(), h("span", { key: '5c61046a28907c369d7b51293e89be41fe9c498e', class: "kpi-label-text" }, this.label)), h("span", { key: 'e14031e96120f4c6af5296b573cc9c41cae0641a', class: "kpi-value-container" }, h("span", { key: 'b2d3a7f32e1d7bd8629066596c99460e7ed82425', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get is() { return "ix-kpi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout-auto/layout-auto.js

@@ -77,7 +77,7 @@ export class LayoutForm {
         });
     }
     render() {
-        return (h(Host, { key: '73cb2cc86bf294cfabdbd90a24baa9e583b850f2' }, h("div", { key: '81d24945059b91e1787f120d9f12082033e4963c', class: "container" }, h("slot", { key: 'fb098e946e0c4f6aa22e9e4f83c55ce9501bd751' }))));
+        return (h(Host, { key: 'e47b51c31c41e8c1170c3d3e83300185da2e57f3' }, h("div", { key: '33ef95cae638b9646013a9fe18186567335bcbe3', class: "container" }, h("slot", { key: '26ca2296fc76045f3a0bda81683a4e64c2dc02dd' }))));
     }
     static get is() { return "ix-layout-auto"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout-grid/layout-grid.js

@@ -23,12 +23,12 @@ export class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (h(Host, { key: '2c999ca61e022612f73a613f08621996bd3195de', class: {
+        return (h(Host, { key: 'e70a02ebb1bf59a854fd2e7a9852eb71307b1ba8', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, h("slot", { key: '25863fb87ae527dc17589e205a5058d87c560baa' })));
+            } }, h("slot", { key: '49d350c160d49df1a546c1b10bb460a1a63bc234' })));
     }
     static get is() { return "ix-layout-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link-button/link-button.js

@@ -22,13 +22,13 @@ export class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (h(Host, { key: 'f51716bc324bfb821a28eb2c5ccad5f89d1ecfd8' }, h("a", { key: 'd248a4aad60e0456ba4faafdc9fdf2a0e2002783', title: this.url, tabindex: "0", class: {
+        return (h(Host, { key: '2497caf192615ed280d5ae11fdb2ef27060c94f7' }, h("a", { key: 'd16ef2ae663fdf36d176e6f59ec909b2b37bc14a', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '0fc26927646b660b8d49376138d81792e748efc5', class: "icon", name: iconChevronRightSmall, size: "16" }), h("div", { key: '122fdd8e04b587ee55aec65cd011d83a08dff1a1', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '9d426962a4a03ef0c2602c788bbd450521e30aec', class: "icon", name: iconChevronRightSmall, size: "16" }), h("div", { key: '52a4346e4a708c9acd11bad8ecaf9b2597db0a34', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: '84f829455f157ac12761bd7f819232cc3940550d' })))));
+            } }, h("slot", { key: 'c608729d1bfba5109396a32c31a2b94c08648072' })))));
     }
     static get is() { return "ix-link-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-navigation/map-navigation.js

@@ -156,11 +156,11 @@ export class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (h(Host, { key: '3e1350b7aad57db841d5e61e38103c2b2f91568c' }, h("slot", { key: '60285bc33e98f72f3efd8c8fd3c296700fafb030', name: "menu" }), h("div", { key: '02614dd023454bd6cb7e9829cfbbf82368b82cc4', class: "map-nav" }, h("div", { key: '0ba3ca4ac4ae62bd7e57a544aab646ec9c4278d0', class: "map-nav-sidebar" }, h("div", { key: '006f5f5c53ed880e18364c2c6e0535aca2cb6de8', class: "map-nav-header" }, h("ix-application-header", { key: '09655e57e6581b46c199a081a20616c3d1ea7d9e', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: '8d2bb1aaec53db6bbdaf9b5d05c5bb5948c83396', slot: "logo", name: "logo" }))), h("div", { key: '8ef15067134dd58d03a2903c51b894c4949fac46', class: "map-nav-sidebar-content" }, h("div", { key: '8059f492e1335736870d461caa79d5afd01b804d', class: "map-nav-sidebar-static-content" }, h("div", { key: '571682ee26c04fd8950b99a0465e27f9ca8b4f49', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: '69065846ae6ba9a7b2955599c9d651e0307a9785', class: "map-nav-sidebar-user-content" }, h("slot", { key: 'b90077198384c9477b4f244f3ee175bb06f59932', name: "sidebar-content" })))), h("div", { key: '9e1cee83e6be92ee3763745f26a35a09ec246fde', class: "content" }, h("div", { key: 'adeeae0954b90eb4fe58efd8eed42621d4b16f25', class: {
+        return (h(Host, { key: '1d51d04de4d970cbdd6b177b2df10fb667b8711d' }, h("slot", { key: '74db2a71b043c9e23e07dd7e4b66ce35b95a3dbd', name: "menu" }), h("div", { key: 'e3b726d951df3e37dbbd4a9bd1721154830abddb', class: "map-nav" }, h("div", { key: 'd36aff6a54ff7b39793f1198f13030d44a8a0790', class: "map-nav-sidebar" }, h("div", { key: 'ecf102fc686d03e3494c9a05ba164bc5cf70314b', class: "map-nav-header" }, h("ix-application-header", { key: '9801d53f75be872452710e6914ddd0a7a33d6498', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: 'dae564627ad3f3189fb84ce442544ee80ccc9450', slot: "logo", name: "logo" }))), h("div", { key: 'b9c4b99194540fead25a94c27af67d1735bb6c4c', class: "map-nav-sidebar-content" }, h("div", { key: 'a5d8b7e48f847500a615b8a6d3502f23dcf3f273', class: "map-nav-sidebar-static-content" }, h("div", { key: '6e0355f832d5d6efcce6ef98259103e0500481e8', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: '8c4d062557f5d13a0fd4c5f012afbbe2b5f647d0', class: "map-nav-sidebar-user-content" }, h("slot", { key: '9d22e54122a8c5f3d3a868ce94fd5b0620c973b3', name: "sidebar-content" })))), h("div", { key: '10262bb19e22bf9dcf7ea0ccd8f48ff442066914', class: "content" }, h("div", { key: '01173672d892e954f1c895fe69fe12f69510dfaf', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, h("slot", { key: '7bceda749e11b66324ebba33b58184d1510aa67e', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '2f4a9c9367f10f332d39a1fb674dc6ba9ff3f6ed' }, h("slot", { key: '8af1c35813a970c1980c5ae149f361cd8feb0bf8' }), h("slot", { key: '1233e7bdec3b9c823e39560252163678acaa2951', name: "overlay" }))))));
+            } }, h("slot", { key: 'fcd9985efc9cd140c52d1627fb7d4a0803e1eb00', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '6aea55531616aa9efa50a179a1f1fd6f70abae51' }, h("slot", { key: '4ea1031eb142f7fdb12b3e6c51514d0184f22061' }), h("slot", { key: '271949b43a6464183da0c78d5dfb496c1cdf3271', name: "overlay" }))))));
     }
     static get is() { return "ix-map-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,14 +39,14 @@ export class MapNavigationOverlay {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '1301c6a5a011ec4d71aff6e84d268a6852d9ad50' }, h("div", { key: 'f36755f9c946d49a263b95cb47a48135a06603a3', class: "overlay-header" }, h("div", { key: 'e936832f40c5284fd3fbb3fc1f823a97faccdc92', class: {
+        return (h(Host, { key: 'be0450f1bf2816ed1e70146073469d9d7662954d' }, h("div", { key: 'c8228b4bc5d27bf67c3fda10f2fc422275a62ecd', class: "overlay-header" }, h("div", { key: '7c12744ae39f398fe2c004391b70bd667fd4985b', class: {
                 'color-indicator': true,
                 'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
             }, style: {
                 'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
                     ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
                     : '',
-            } }), h("div", { key: '03e450b5cd58ae15bf35a5ef9c8a7001286fb5f2', class: "overlay-header-content" }, h("ix-icon", { key: '0ab48132ac00d50d4536d5b1431feb243593e1cc', size: "32", name: this.icon }), h("span", { key: '2e7927246659b7c0b16318d1a9c7364f362ca68e', class: "overlay-header-title", title: this.name }, this.name)), h("ix-icon-button", { key: 'abd4ee42443bcecfb14842bb0a11d4b651cb0abf', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), h("slot", { key: 'a07d4902973759d03b648c318462cbc731ed478a' })));
+            } }), h("div", { key: 'e4f696a609d817d17236e329fc1c22058e3728eb', class: "overlay-header-content" }, h("ix-icon", { key: '12a400c7491ac55afc50caa987ca9989ae44469c', size: "32", name: this.icon }), h("span", { key: 'b6dbe4307670e581ddfaa280930daeb691351210', class: "overlay-header-title", title: this.name }, this.name)), h("ix-icon-button", { key: 'b766c16fc147c44d73b9854bf244a32c6d3f9c24', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), h("slot", { key: 'bfd926cbd26c4b0fc393a6fec4da736425db6f8b' })));
     }
     static get is() { return "ix-map-navigation-overlay"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (h(Host, { key: 'e9fd6b9a5c856f993b2b8310bb4f60c544a6a486', class: {
+        return (h(Host, { key: 'ea63ca6b29ac5da5c70d8aafbee54a4082e0b4f6', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }

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

@@ -441,44 +441,44 @@ export class Menu {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f33d825f3a05db6bc2bc3220e6c6145b92def178', class: {
+        return (h(Host, { key: '0a82c9c443aee1e35eb9177193446311e324235b', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, h("nav", { key: '70e3ee98bcf1004a3483466585287701eccda07e', class: {
+            }, slot: "menu" }, h("nav", { key: '591c2c777fa786e2ae5c747ddf748a1eb78e3ecb', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, h("div", { key: '0bc7a9f77dac1f986fcf4ed9bca92e2ef724e7e0', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: 'da9ed4391c3848f828654ccdf31baf0549531055', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (h("ix-icon-button", { key: 'affac70b7988e246bcc1ee1f05117a00c7b06b9a', onClick: () => {
+            } }, h("div", { key: 'a5419a281f80e6fa2fcd6a77ea87b035c52919aa', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: '26f50499ee3b98b0d4f3d20d798505a6274f78b7', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (h("ix-icon-button", { key: '69b93153a2ecabb8c0673490a466a30e52a2b5bb', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, ghost: true }))), h("div", { key: 'fb7e2e7a6dfb6345db462c3505b83931abad1c46', id: "menu-tabs", style: {
+            }, icon: iconApps, ghost: true }))), h("div", { key: '648d03ac32f70239abdd06fadeca9906afef9112', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '0579aefc63155a54eec4676357e9c13d53b532f4', class: "tabs-shadow-container" }, h("div", { key: 'f8e8087f402b2e7fae2570c164abf94407d1993b', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: 'f4472d51bf26d28bf83c7a381be6305fe748f001', class: "tabs-shadow-container" }, h("div", { key: '84585c74c3b5c6ba7d304298a22a19c79e1d3dde', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), h("div", { key: '57760012cd3138ed2642e5763e97b0aba1480e43', class: {
+            } }), h("div", { key: '0e7777f3a7ca89b21a9c3b266e3ce4e7fb9ec129', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '801ebc6ce0a52b7556af7594604d4fff4a141722', class: "menu-avatar" }, h("slot", { key: 'f469a4ed48f1d3400b9450eba05cbfeb5ecfa2e8', name: "ix-menu-avatar" })), h("slot", { key: 'df73e527ff81ea63c8730354554defd54558776a', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '1693654345856d262bd850d88740aa4a87c43c74', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '733c00670337417bd4ffe2e3eec2b8bdbef9f548', class: "menu-avatar" }, h("slot", { key: 'a484b0cc47a9ea9ce2ee617e506dec27633db8b8', name: "ix-menu-avatar" })), h("slot", { key: 'f31b045d1baf0bedbc334c9b6223a38c30a08b35', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '504778e5f20b8ff70e34f81b4e626ce3359e5b71', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), h("div", { key: '01f18b245c60dbe54fc0d594ec504f92e00b7642', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), h("div", { key: '5a3c4beceeca8824b6efced4cc7811d91fcc7b46', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
-            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, h("div", { key: 'd004cb5daa680766d5f7b126ca772694e88913f9', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '4819e26208049ec8bd02d68c6ceea55c7561b2f8', name: "bottom" })), h("div", { key: '08ef3fcca395182cc9e86b8ebbc23148ac2bf1ea', id: "popover-area" }), this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, h("div", { key: '7a02278bb6f805c707425c8e23f07c8cb720e8b9', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '00b073b177178b88f3020a00a4131eba0ca80c11', name: "bottom" })), h("div", { key: 'bcc8a61e52c6b4785698f8335446d290645b0b9b', id: "popover-area" }), this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), h("div", { key: '58c5b0f708e2a593aa7416a765a446465e37faf7', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), h("div", { key: 'cb9ca1d088c2c212c2e09a9d76867c569c613c8d', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, h("div", { key: 'c4ba83dd66595c0fad819a1a490b2e42b0aa38ce', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '7671f01c78c577993b9abc329a560ac4b07b6ae9', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
+            } }, h("div", { key: 'd115e9646a2835c246341ab1f89c4df691cffc40', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: 'af358812d89ac0ac38dca2abd7030660e00ae876', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
     }
     static get is() { return "ix-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class MenuAbout {
         forceUpdate(this.el);
     }
     render() {
-        return h(MenuTabs, { key: '8218ff2b48573f3cf1c87aa65840770c9c38f9ac', context: this });
+        return h(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
     }
     static get is() { return "ix-menu-about"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class MenuAboutItem {
         });
     }
     render() {
-        return (h(Host, { key: '8ef680041a9466972e2f792909117c11a4ffcd83' }, h("slot", { key: 'b7f62049ac40bd8563568b627c3b50993c30eb4a' })));
+        return (h(Host, { key: '816bcf3b512519e645490845260cd5b79b4b80fe' }, h("slot", { key: 'cf2b54acadddc5c26a9111faff3b865e7f231ed6' })));
     }
     static get is() { return "ix-menu-about-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,16 +26,16 @@ export class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (h(Host, { key: 'eea654ba539abc50cfa9d979890c37ab716d400f', class: {
+        return (h(Host, { key: 'c64b5cf97a522d325d022d8c926d8c9734646425', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, h("div", { key: 'f13ec2bc1156c10fd85eadcacc4ef68a4d32a80f', class: "banner-container" }, h("ix-icon", { key: '6542fd37698271d1988a4ae8113cb1fc586c491b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '9e467fb1eb70f5403a886c22eb006fec33d407f9', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '3ba06beff48d62ebd93046de0eafb78fdc069d01', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'd3554c46179ca1cb9ea26b85323241043949c3b2', class: "cui-popover-news-header" }, h("ix-typography", { key: '2ad6592139c4a5878622f4001d4a30ce025d745e', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: '20cc0359486787dbd66ccaa6ba72cebd67319ad7', size: "24", icon: iconClose, ghost: true, onClick: () => {
+            } }, h("div", { key: '9ba716f9fcc223d7b5b2d9bc28c2f8f28a457462', class: "banner-container" }, h("ix-icon", { key: '798f58b181ab9e91f8b1d88567eec52f6442978b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '46bad2b7a6bf5ceb43c305b9e5089a2bbdb18c22', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '6a4b421a8d3dbabf524dec74b37476f968646fb8', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'f2180d9fcee77160fc4b1ad071e57ed3adf160a3', class: "cui-popover-news-header" }, h("ix-typography", { key: '8831582147f84df598c0b138f6f438259b161cc3', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: '13a882de3bb1422ff65eac1d8b53740b3fb552e5', size: "24", icon: iconClose, ghost: true, onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), h("div", { key: '37ed3b5c8308e305e051d80b4e0c7f32cc6d3fb2', class: "slot-container" }, h("slot", { key: '04fbd96561b71befc53829b2af6f77591e600cd2' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+            } }), h("div", { key: 'e60241c90b56bae060f50035daa12d165d6be785', class: "slot-container" }, h("slot", { key: '8a0e881cfa403d2576e4cfbb149f310316d53fba' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, h("div", { key: '5edaac386c73dd3b526aa8007d93e95da1f3362c', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, h("div", { key: 'a4516f11dc0ccc3e492f8fca096d03938a415439', id: "arrow" })));
     }
     static get is() { return "ix-menu-about-news"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,9 +34,9 @@ export class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (h(Host, { key: '1ef1b14509910ea6cae53e908cdd01a31ae1e137', slot: "ix-menu-avatar" }, h("button", { key: '4332fde7abf016c2a32be541d1dc5c5d9164822d', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '9402f5651086c89e4da364857faecbc590a24614', image: this.image, initials: this.initials }), h("div", { key: '153dfe067f5dc36a754c2f3659efc63fc8f5d7e5', class: "avatar-name" }, h("span", { key: 'abbb516251602a868dfb82b5d34d675917a92a9c', class: "text-default-single", title: this.top }, this.top), h("span", { key: '7eae2eca1a0c7f61f6d61d642256193d9ee85d10', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: '30c91a116ce19536a74ce2209238632c5f499a02', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (h(Host, { key: 'd39f2185d9c75395af0b72507439a8e28a20fdc7', slot: "ix-menu-avatar" }, h("button", { key: 'f171e34fa3361cbeb55d4730de3536918cfccb31', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '6c9496150170f3474bf4dd545c834ecd3dd4e215', image: this.image, initials: this.initials }), h("div", { key: '6493bd94c069d676f41984274dec57b876117ae5', class: "avatar-name" }, h("span", { key: 'f72261b4c8a7752fbbe93df416b0b2f8c314c61b', class: "text-default-single", title: this.top }, this.top), h("span", { key: '909f8c9579d97d92f9be2b86e336f5ed8a2b3c78', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: 'c1a91f5f2703d85fb0fefef0ef97b17112113b55', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, h("slot", { key: 'dd5450f6fbb334fcfebf278b291b0d63042065d8', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, h("slot", { key: '284a7ea7a3431c1b2b83fc6dd13cbb51d517a45a', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }

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

@@ -17,7 +17,7 @@ export class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (h("ix-dropdown-item", { key: 'ad3fe91ce8805dce1d694db9405665d99752646c', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (h("ix-dropdown-item", { key: '9283341aa90956527e281ea9a55991765f993cd4', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     static get is() { return "ix-menu-avatar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,7 +155,7 @@ export class MenuCategory {
         }
     }
     render() {
-        return (h(Host, { key: '3136ce8ed0f0bfdeb30fe7816b3f2426e076b120', class: {
+        return (h(Host, { key: '23800b207393349566f65f5cbce0b9af221d1f3e', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -164,14 +164,14 @@ export class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, h("ix-menu-item", { key: 'fa80d8f564e04f0aa0fe91b8731020f02d0500c9', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, h("div", { key: 'd5ad6e9025e3cf5b1b20c6f92a3f08abef24da16', class: "category" }, h("div", { key: '2e46991622c7b63041d580a3f3fcd5004b50d09b', class: "category-text" }, this.label), h("ix-icon", { key: 'b207f24f2c8407621ece0909358ccfcb8e6a7e19', name: iconChevronDownSmall, class: {
+            } }, h("ix-menu-item", { key: 'a5d86098619541be129617248e9977529922bab3', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, h("div", { key: '633be5538fed1c241c3e8b2558773638b9a046be', class: "category" }, h("div", { key: '945afa3a92f52bcc95c8b511060c801ac50c5afa', class: "category-text" }, this.label), h("ix-icon", { key: 'de6072dc0365ddf33fdd97bbbe75c25e902edc9e', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), h("div", { key: '1667ae5d3dfe73f69eabb0a6581204afb24b6b97', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), h("div", { key: '74350362820bd890066c2d177ed320dce040a4f6', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: '3eeec32a823b2939c385b047af622d40354d9002', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: 'f4d3ddca406e418f7945286f30c243fce43c7e3b', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -184,7 +184,7 @@ export class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, h("ix-dropdown-item", { key: '89c44571666924180fc6a3e5fe33c47bd077c578', class: 'category-dropdown-header' }, h("ix-typography", { key: '230750f5a12ad66c04b757607129d4746ef2913d', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: '02f21fd811d9d472162adf93d544a638fa250190' }), h("slot", { key: 'e8ade2b1089cbe5b57c823c2e8bf2949ad025dbf' }))));
+            } }, h("ix-dropdown-item", { key: '0388374194fcf5804e5b43d044457aa92dd39432', class: 'category-dropdown-header' }, h("ix-typography", { key: '0176e5881a7c477c445934d211f34753cac846ba', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: 'f9bc3ae191277630951252b32ded88d0968211d8' }), h("slot", { key: '86cb3b4925accbe6be42eb4c394701df3f9fea7e' }))));
     }
     static get is() { return "ix-menu-category"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,15 +90,15 @@ export class MenuItem {
                 slot: 'bottom',
             };
         }
-        return (h(Host, Object.assign({ key: '212e4daec733310184aa933f059ca316f2a0e273', class: {
+        return (h(Host, Object.assign({ key: '3c97be99972609f07b9ebd733c84237e90a2061e', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
                 active: this.active,
                 'tab-nested': this.isHostedInsideCategory,
-            } }, extendedAttributes), h("button", { key: '48a07bbbcd0f96f3bcd0d3588914b124042e26b4', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && h("ix-icon", { key: 'bda340466dabe45e2c350e07ad35ebb4721cc383', class: 'tab-icon', name: this.icon }), this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null, h("span", { key: 'f96a99a5504474ae3fafab55507fd2138a31148d', class: "tab-text text-default" }, this.label, h("slot", { key: '4792a5228724e4bdb2e7f4eeb13f0dae8d74460a' }))), !this.isCategory &&
+            } }, extendedAttributes), h("button", { key: '0a8a4ded3ca8f4fdfd8a875a62d2437d30098057', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && h("ix-icon", { key: '61ffdd54c8123942e05eea275a40e6dc099a0bba', class: 'tab-icon', name: this.icon }), this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null, h("span", { key: '54a456cb810b2c8c393b5b81ebee9334c58ce1db', class: "tab-text text-default" }, this.label, h("slot", { key: 'a4c0d80d3778add2f069dbc0c0597b257b468ec8' }))), !this.isCategory &&
             !this.isHostedInsideCategory &&
-            !this.menuExpanded && (h("ix-tooltip", { key: '047e3c337d81a46e10175000ef9f76c89eba4642', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
+            !this.menuExpanded && (h("ix-tooltip", { key: 'e9e5e232cb0e49f1e1e752a8a2baae31179cc86c', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
     }
     static get is() { return "ix-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class MenuSettings {
         forceUpdate(this.el);
     }
     render() {
-        return h(MenuTabs, { key: '948af8fed069f5e40be7d3b94fd076cc646d12d0', context: this });
+        return h(MenuTabs, { key: 'a59dd5a81b91ff4ae7f516cb192700bffaee3f84', context: this });
     }
     static get is() { return "ix-menu-settings"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class MenuSettingsItem {
         });
     }
     render() {
-        return (h(Host, { key: '0b3eefcc50ced96c2d024f44ca3a9ba1e48cd1c2' }, h("slot", { key: '86e2570bf9670b222d8bb883af0002100ea78279' })));
+        return (h(Host, { key: '2c46c471680f6a653d64858cec0f991d9a557c02' }, h("slot", { key: 'e840ca9e900cd45d31cbf41fcafa3e1feb4757a7' })));
     }
     static get is() { return "ix-menu-settings-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/message-bar/message-bar.js

@@ -44,7 +44,7 @@ export class MessageBar {
         }
     }
     render() {
-        return (h(Host, { key: 'bdca530b8707b94e4b94c0976986a127ab9142c4' }, h("div", { key: 'a52bc91603d4610f1081947519f7adfcb16de098', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: 'c2ccf0a0f507901f92b2503fdd0d4993f2151bc0', color: this.color, name: this.icon }), h("div", { key: '04ef6ca731befb5e3ab8a67f9e36aaf3c5642c55', class: "message-content" }, h("slot", { key: '0fb41fed1ee5487f943879dcf3e4635d83bc0a00' })), this.dismissible ? (h("ix-icon-button", { icon: iconClose, size: "24", ghost: true, onClick: () => {
+        return (h(Host, { key: '0bd38e554e2187671f52e24dce3a98f2adde2a31' }, h("div", { key: '45738b43dd3877625f8933e3ae2d0ef96e9c58f6', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '2355cddb483927e4d8cd046daed919ef0e446eb2', color: this.color, name: this.icon }), h("div", { key: '2238498ee5f6210db085a02048f9057a5b8e04d0', class: "message-content" }, h("slot", { key: 'b3554201cb4c09d769fa38697e89b784e12c2a71' })), this.dismissible ? (h("ix-icon-button", { icon: iconClose, size: "24", ghost: true, onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }

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

@@ -160,17 +160,17 @@ export class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (h(Host, { key: 'f2cf319544b05d55221d24f619e50e665ff4d63d', class: {
+        return (h(Host, { key: 'a1cfb4fb59ef0467cc9ddfe575a448b2aabd55ed', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.backdrop === false,
                 'align-center': this.centered,
-            } }, h("div", { key: '6321a973b57268a1d3b3260691a736664ad8cc7f', class: "dialog-backdrop" }, h("dialog", { key: '5e7e0bb5428e3fd1e7103cf3e77edd2df98766f9', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, h("div", { key: '945516bc44adfd9aaf7f6d9deb205ad887b3664c', class: "dialog-backdrop" }, h("dialog", { key: 'dc463106666cc225a11caa6d633f67759a21a328', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onClick: (event) => this.onModalClick(event), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, h("slot", { key: '4a031ffdadca078855b3d8389c8de786844e62b5' })))));
+            } }, h("slot", { key: '433ec43a22ddaf909ab5933face2d1a5b83cd1e4' })))));
     }
     static get is() { return "ix-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -195,9 +195,9 @@ export class Modal {
                     "resolved": "\"360\" | \"480\" | \"600\" | \"720\" | \"840\" | \"full-screen\" | \"full-width\"",
                     "references": {
                         "IxModalSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/modal/modal.tsx",
-                            "id": "src/components/modal/modal.tsx::IxModalSize"
+                            "location": "import",
+                            "path": "./modal.types",
+                            "id": "src/components/modal/modal.types.ts::IxModalSize"
                         }
                     }
                 },

package/dist/collection/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\nimport { OnListener } from '../utils/listener';\nimport { waitForElement } from '../utils/waitForElement';\n\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width' | 'full-screen';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n})\nexport class Modal {\n  private ariaAttributes: A11yAttributes = {};\n\n  @Element() hostElement!: HTMLIxModalElement;\n\n  /**\n   * Modal size\n   */\n  @Prop() size: IxModalSize = '360';\n\n  /**\n   * Should the modal be animated\n   */\n  @Prop() animation = true;\n\n  /**\n   * Show a backdrop behind the modal dialog\n   */\n  @Prop() backdrop = true;\n\n  /**\n   * Dismiss modal on backdrop click\n   */\n  @Prop() closeOnBackdropClick = false;\n\n  /**\n   * Is called before the modal is dismissed.\n   *\n   * - Return `true` to proceed in dismissing the modal\n   * - Return `false` to abort in dismissing the modal\n   */\n  @Prop() beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * If set to true the modal can be closed by pressing the Escape key\n   */\n  @Prop() closeOnEscape = true;\n\n  /**\n   * Dialog close\n   */\n  @Event() dialogClose!: EventEmitter;\n\n  /**\n   * Dialog cancel\n   */\n  @Event() dialogDismiss!: EventEmitter;\n\n  @State() modalVisible = false;\n\n  @OnListener<Modal>('keydown', (self) => !self.closeOnEscape)\n  onKey(e: KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n    }\n  }\n\n  get dialog() {\n    return this.hostElement.shadowRoot!.querySelector('dialog');\n  }\n\n  private slideInModal() {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [0, 1],\n      translateY: [0, transformY],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideOutModal(completeCallback: Function) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [1, 0],\n      translateY: [transformY, 0],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onModalClick(event: MouseEvent) {\n    if (event.target !== this.dialog) {\n      return;\n    }\n\n    const rect = this.dialog!.getBoundingClientRect();\n    const isClickOutside =\n      rect.top <= event.clientY &&\n      event.clientY <= rect.top + rect.height &&\n      rect.left <= event.clientX &&\n      event.clientX <= rect.left + rect.width;\n\n    if (!isClickOutside && this.closeOnBackdropClick) {\n      this.dismissModal();\n    }\n  }\n\n  /**\n   * Show the dialog\n   */\n  @Method()\n  async showModal() {\n    try {\n      const dialog = await waitForElement<HTMLDialogElement>(\n        'dialog',\n        this.hostElement.shadowRoot\n      );\n      this.modalVisible = true;\n      dialog.showModal();\n    } catch (e) {\n      console.error('HTMLDialogElement not existing');\n    }\n  }\n\n  /**\n   * Dismiss the dialog\n   */\n  @Method()\n  async dismissModal<T = any>(reason?: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    let allowDismiss = true;\n\n    if (this.beforeDismiss !== undefined) {\n      allowDismiss = await this.beforeDismiss(reason);\n    }\n    if (!allowDismiss) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'dismiss',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogDismiss.emit(reason);\n    });\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async closeModal<T = any>(reason: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'close',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogClose.emit(reason);\n    });\n  }\n\n  componentDidLoad() {\n    this.slideInModal();\n  }\n\n  componentWillLoad() {\n    this.ariaAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          visible: this.modalVisible,\n          'no-backdrop': this.backdrop === false,\n          'align-center': this.centered,\n        }}\n      >\n        <div class=\"dialog-backdrop\">\n          <dialog\n            aria-modal={a11yBoolean(true)}\n            aria-describedby={this.ariaAttributes['aria-describedby']}\n            aria-labelledby={this.ariaAttributes['aria-labelledby']}\n            class={{\n              modal: true,\n              [`modal-size-${this.size}`]: true,\n            }}\n            onClose={() => this.dismissModal()}\n            onClick={(event) => this.onModalClick(event)}\n            onCancel={(e) => {\n              e.preventDefault();\n              this.dismissModal();\n            }}\n          >\n            <slot></slot>\n          </dialog>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modal/modal.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAkB,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQzD,MAAM,OAAO,KAAK;IALlB;QAMU,mBAAc,GAAmB,EAAE,CAAC;QAI5C;;WAEG;QACK,SAAI,GAAgB,KAAK,CAAC;QAElC;;WAEG;QACK,cAAS,GAAG,IAAI,CAAC;QAEzB;;WAEG;QACK,aAAQ,GAAG,IAAI,CAAC;QAExB;;WAEG;QACK,yBAAoB,GAAG,KAAK,CAAC;QAUrC;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;QAEzB;;WAEG;QACK,kBAAa,GAAG,IAAI,CAAC;QAYpB,iBAAY,GAAG,KAAK,CAAC;KAsL/B;IAnLC,KAAK,CAAC,CAAgB;QACpB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9D,CAAC;IAEO,YAAY;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3D,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,KAAK,CAAC;YACJ,OAAO,EAAE,IAAI,CAAC,MAAM;YACpB,QAAQ;YACR,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC;YAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;YAC5B,MAAM,EAAE,aAAa;SACtB,CAAC,CAAC;IACL,CAAC;IAEO,aAAa,CAAC,gBAA0B;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3D,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,KAAK,CAAC;YACJ,OAAO,EAAE,IAAI,CAAC,MAAM;YACpB,QAAQ;YACR,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;YAC3B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;YAC5B,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,gBAAgB,EAAE,CAAC;oBACrB,gBAAgB,EAAE,CAAC;gBACrB,CAAC;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,KAAiB;QACpC,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAO,CAAC,qBAAqB,EAAE,CAAC;QAClD,MAAM,cAAc,GAClB,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO;YACzB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO;YAC1B,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACjD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,SAAS;QACb,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,cAAc,CACjC,QAAQ,EACR,IAAI,CAAC,WAAW,CAAC,UAAU,CAC5B,CAAC;YACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,YAAY,CAAU,MAAU;QACpC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,YAAY,GAAG,IAAI,CAAC;QAExB,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;YACrC,YAAY,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,MAAO,CAAC,KAAK,CAChB,IAAI,CAAC,SAAS,CACZ;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM;aACP,EACD,IAAI,EACJ,CAAC,CACF,CACF,CAAC;YAEF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IAEH,KAAK,CAAC,UAAU,CAAU,MAAS;QACjC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,MAAO,CAAC,KAAK,CAChB,IAAI,CAAC,SAAS,CACZ;gBACE,IAAI,EAAE,OAAO;gBACb,MAAM;aACP,EACD,IAAI,EACJ,CAAC,CACF,CACF,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI,CAAC,YAAY;gBAC1B,aAAa,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK;gBACtC,cAAc,EAAE,IAAI,CAAC,QAAQ;aAC9B;YAED,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,6EACc,WAAW,CAAC,IAAI,CAAC,sBACX,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,qBACxC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvD,KAAK,EAAE;wBACL,KAAK,EAAE,IAAI;wBACX,CAAC,cAAc,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;qBAClC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,EAClC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtB,CAAC;oBAED,8DAAa,CACN,CACL,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF;AAnLC;IADC,UAAU,CAAQ,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;kCAK3D","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\nimport { OnListener } from '../utils/listener';\nimport { waitForElement } from '../utils/waitForElement';\nimport { IxModalSize } from './modal.types';\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n})\nexport class Modal {\n  private ariaAttributes: A11yAttributes = {};\n\n  @Element() hostElement!: HTMLIxModalElement;\n\n  /**\n   * Modal size\n   */\n  @Prop() size: IxModalSize = '360';\n\n  /**\n   * Should the modal be animated\n   */\n  @Prop() animation = true;\n\n  /**\n   * Show a backdrop behind the modal dialog\n   */\n  @Prop() backdrop = true;\n\n  /**\n   * Dismiss modal on backdrop click\n   */\n  @Prop() closeOnBackdropClick = false;\n\n  /**\n   * Is called before the modal is dismissed.\n   *\n   * - Return `true` to proceed in dismissing the modal\n   * - Return `false` to abort in dismissing the modal\n   */\n  @Prop() beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * If set to true the modal can be closed by pressing the Escape key\n   */\n  @Prop() closeOnEscape = true;\n\n  /**\n   * Dialog close\n   */\n  @Event() dialogClose!: EventEmitter;\n\n  /**\n   * Dialog cancel\n   */\n  @Event() dialogDismiss!: EventEmitter;\n\n  @State() modalVisible = false;\n\n  @OnListener<Modal>('keydown', (self) => !self.closeOnEscape)\n  onKey(e: KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n    }\n  }\n\n  get dialog() {\n    return this.hostElement.shadowRoot!.querySelector('dialog');\n  }\n\n  private slideInModal() {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [0, 1],\n      translateY: [0, transformY],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideOutModal(completeCallback: Function) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [1, 0],\n      translateY: [transformY, 0],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onModalClick(event: MouseEvent) {\n    if (event.target !== this.dialog) {\n      return;\n    }\n\n    const rect = this.dialog!.getBoundingClientRect();\n    const isClickOutside =\n      rect.top <= event.clientY &&\n      event.clientY <= rect.top + rect.height &&\n      rect.left <= event.clientX &&\n      event.clientX <= rect.left + rect.width;\n\n    if (!isClickOutside && this.closeOnBackdropClick) {\n      this.dismissModal();\n    }\n  }\n\n  /**\n   * Show the dialog\n   */\n  @Method()\n  async showModal() {\n    try {\n      const dialog = await waitForElement<HTMLDialogElement>(\n        'dialog',\n        this.hostElement.shadowRoot\n      );\n      this.modalVisible = true;\n      dialog.showModal();\n    } catch (e) {\n      console.error('HTMLDialogElement not existing');\n    }\n  }\n\n  /**\n   * Dismiss the dialog\n   */\n  @Method()\n  async dismissModal<T = any>(reason?: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    let allowDismiss = true;\n\n    if (this.beforeDismiss !== undefined) {\n      allowDismiss = await this.beforeDismiss(reason);\n    }\n    if (!allowDismiss) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'dismiss',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogDismiss.emit(reason);\n    });\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async closeModal<T = any>(reason: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'close',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogClose.emit(reason);\n    });\n  }\n\n  componentDidLoad() {\n    this.slideInModal();\n  }\n\n  componentWillLoad() {\n    this.ariaAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          visible: this.modalVisible,\n          'no-backdrop': this.backdrop === false,\n          'align-center': this.centered,\n        }}\n      >\n        <div class=\"dialog-backdrop\">\n          <dialog\n            aria-modal={a11yBoolean(true)}\n            aria-describedby={this.ariaAttributes['aria-describedby']}\n            aria-labelledby={this.ariaAttributes['aria-labelledby']}\n            class={{\n              modal: true,\n              [`modal-size-${this.size}`]: true,\n            }}\n            onClose={() => this.dismissModal()}\n            onClick={(event) => this.onModalClick(event)}\n            onCancel={(e) => {\n              e.preventDefault();\n              this.dismissModal();\n            }}\n          >\n            <slot></slot>\n          </dialog>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/modal/modal.types.js

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

package/dist/collection/components/modal/modal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types.js","sourceRoot":"","sources":["../../../src/components/modal/modal.types.ts"],"names":[],"mappings":"","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 */\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width' | 'full-screen';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n"]}

package/dist/collection/components/modal-content/modal-content.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class ModalContent {
     render() {
-        return (h(Host, { key: '4be64f4f798e7772dfc27e115ec82cdb9374fb13' }, h("slot", { key: 'e284542d3f4686d348c61f04a65b333b7d4ed9bd' })));
+        return (h(Host, { key: '2bde588bad49f46f6975296eff9eca9606a93a50' }, h("slot", { key: '7a933c03c2c1a6558f050cd02759ef7816f225a9' })));
     }
     static get is() { return "ix-modal-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal-footer/modal-footer.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class ModalFooter {
     render() {
-        return (h(Host, { key: '3388ed1336e65682c96eed4a0dbca92385857efc' }, h("slot", { key: '528cd596ac9a340002e05e6f0c97c671d6260999' })));
+        return (h(Host, { key: '9d9c93e9b2a30cb9ebcea1a89b1365c1cfe56a70' }, h("slot", { key: '5adfdf039b248800b01a623551ea476e029144b0' })));
     }
     static get is() { return "ix-modal-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (h(Host, { key: '469260e802d093b4bcc15d159786682ebaf55b19' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, h("div", { key: '286573f8a153b8ed31ceecacfb3111df228e2a55', class: "modal-title" }, h("ix-typography", { key: 'de051186505ce93644011a0193f0bea61b812205', format: "h5" }, h("slot", { key: '4497b8ca1360bafcdb3a4438aa18b75caf5b17e4' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: iconClose })) : null));
+        return (h(Host, { key: 'd9e6d78a14a90dc7d90ddcc53d7319655df4cc73' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, h("div", { key: '0987c59bd84c59e01283d389730a09c993d11ccd', class: "modal-title" }, h("ix-typography", { key: '41acad668a08d2c6bcf8f9a3d5b56768798c7ce3', format: "h5" }, h("slot", { key: '1533cecaf059d5bae7ba488a177457244552e9c1' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: iconClose })) : null));
     }
     static get is() { return "ix-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal-loading/modal-loading.js

@@ -12,7 +12,7 @@ import { h, Host } from "@stencil/core";
  */
 export class ModalLoading {
     render() {
-        return (h(Host, { key: 'c464743230eac8e958ea537de3f106a87998d013' }, h("ix-spinner", { key: '75c7dc3ec65b50fdd24c2408edb6a719b31d8195', variant: "primary" }), h("span", { key: '5f95a8a338d2ab59faf040ebbf9fb4b79f3adc13', class: 'loading-text' }, h("slot", { key: 'faa67dcf4f19eb79e9dbf625d4f616e6a638929d' }))));
+        return (h(Host, { key: 'dd1c49bcea29fc40509971b2ec9e9a37eb2e16f2' }, h("ix-spinner", { key: 'b2cea2316d5cc1a8734b975476b754aacb9e3c8b', variant: "primary" }), h("span", { key: 'e258e8ff2f1de504ec43b5d0fee42caba8dd4ed2', class: 'loading-text' }, h("slot", { key: '8cfed784918cfac55a7a435d3ca19c5ff5da0170' }))));
     }
     static get is() { return "ix-modal-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pagination/pagination.js

@@ -149,13 +149,13 @@ export class Pagination {
         return h("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (h(Host, { key: '9f5aa6a70723a2a575e555cd6288d57305056b3a' }, h("ix-icon-button", { key: '94b8633f9ee179f878b0adb38c69d0b6a2c95cd3', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: iconChevronLeftSmall, onClick: () => this.decrease() }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
+        return (h(Host, { key: 'adb3cd92e82de3a7b5460ba4fbee1d7f035c1257' }, h("ix-icon-button", { key: '47a7143702d132548213d2a5b7b314b4f61f1eef', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: iconChevronLeftSmall, onClick: () => this.decrease() }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
                 const eventTarget = event.target;
                 if (eventTarget) {
                     const index = Number.parseInt(eventTarget.value);
                     this.selectPage(index - 1);
                 }
-            } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: '16d9235aafe297aba4903415f239256e01478de0', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: iconChevronRightSmall, onClick: () => this.increase() }), this.advanced && this.showItemCount ? (h("span", { class: "item-count" }, h("ix-typography", { format: "body" }, this.i18nItems), h("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: '93eb9d3d854f7d13bd9b170d04a7381605577d27', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: iconChevronRightSmall, onClick: () => this.increase() }), this.advanced && this.showItemCount ? (h("span", { class: "item-count" }, h("ix-typography", { format: "body" }, this.i18nItems), h("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
                 const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
                 this.itemCountChanged.emit(count);
             } }, h("ix-select-item", { label: "10", value: "10" }), h("ix-select-item", { label: "15", value: "15" }), h("ix-select-item", { label: "20", value: "20" }), h("ix-select-item", { label: "40", value: "40" }), h("ix-select-item", { label: "100", value: "100" })))) : ('')));