@siemens/ix 0.0.0-20240419081748 → 0.0.0-20240508065324

package/dist/esm/ix-map-navigation.entry.js

@@ -154,11 +154,11 @@ const MapNavigation = class {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (h(Host, { key: 'da13112a9c8e48074fef6ee0020b430e504f8775' }, h("slot", { key: 'f1796d6932ecbd587e1a347afb1d2adef4a3cc7a', name: "menu" }), h("div", { key: 'be44e812efee522740f272b47c6fa8c5bb92ca12', class: "map-nav" }, h("div", { key: '3ca2fc131d03b610fbd3d502c9a3407391edccc7', class: "map-nav-sidebar" }, h("div", { key: '9ff12bebf91ca086117a8b96b988cd062fc97a04', class: "map-nav-header" }, h("ix-application-header", { key: '6f7db93363381306a8bb841f4bc674c66cf2c1cc', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: 'ad878765b9f0be087a4885c0a28333ad8e8b7a75', slot: "logo", name: "logo" }))), h("div", { key: 'af230a4eb04548576bef004d95b8af4c46318bdd', class: "map-nav-sidebar-content" }, h("div", { key: '7100bcc4d0bd30ac9d556d953efb8854f954071c', class: "map-nav-sidebar-static-content" }, h("div", { key: 'cb8fc4df05ec589ae63a25355430bae657154c02', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: 'context-menu', ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: 'c79ad0be478058858416fa64597efc92efe53006', class: "map-nav-sidebar-user-content" }, h("slot", { key: '5af678364192e6cbd18973ff052c42f97332fa26', name: "sidebar-content" })))), h("div", { key: '23f214ac776d9d4049f2e9a6438cd6ee9d915da7', class: "content" }, h("div", { key: '1065a1c4ec51653f34700ed66e4ea9cf24e172a4', class: {
+        return (h(Host, { key: '2946dcb874fe6142c5e46fc0e631528f9c252acd' }, h("slot", { key: '1dade6736fb8ca41922269af3613069109e0f7e1', name: "menu" }), h("div", { key: 'ebf94a90f8d8bc250f50e3b6b81ab9529403ced4', class: "map-nav" }, h("div", { key: 'ca6e3fb3f7222e415a2c3b0a0485852e0d24eb27', class: "map-nav-sidebar" }, h("div", { key: 'eedd75c6ed28651eb0dacc304c2a6bb74a3acb48', class: "map-nav-header" }, h("ix-application-header", { key: '29c589f85db676ffd91bb12488e70de7e2e4dbe1', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: 'c19497c92151dffa74f57177b67b4ba4e0927598', slot: "logo", name: "logo" }))), h("div", { key: '4b3f49c7a748481ba6644748cf81b97346a93e86', class: "map-nav-sidebar-content" }, h("div", { key: '2f3ae2b3b2b82259c9d50f84446b3c3b9187595e', class: "map-nav-sidebar-static-content" }, h("div", { key: '55256b8072af12003597c805c5b79e5996326199', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: 'context-menu', ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: 'fb536c51269368ac94db2464fa040992c1bfb272', class: "map-nav-sidebar-user-content" }, h("slot", { key: '46a3481ffdb3b1fd94dbcb3e4100d36abd3ec800', name: "sidebar-content" })))), h("div", { key: '68e57564835c8813e97a6a5ca27bb6560744b635', class: "content" }, h("div", { key: '51fe8de82f713940d867a5d369a4e9c520f8a13b', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, h("slot", { key: '902317e41640c10d20d465f69e234c57905a59ee', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '24be144f96016b88614f6f28e37986cb43a5564d' }, h("slot", { key: 'eea65a81824e09e9f8e7a315ce4fab99aec83c79' }), h("slot", { key: '9b9e19fc09f21d77e61fd772695c5d9e25e37d98', name: "overlay" }))))));
+            } }, h("slot", { key: 'bb2fd5b5bb1577353c85780fa3f285702f1d224e', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '2735c1d81e97f98b9a9e5652ee7d281e233a21a6' }, h("slot", { key: '830e9656af5d9e46e0d39202abd82ad9fe1ce7fa' }), h("slot", { key: '7bf4f8bce525e3572acdeb08a852e029e7f5cd09', name: "overlay" }))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/ix-menu-about-item.entry.js

@@ -17,7 +17,7 @@ const MenuAboutItem = class {
         });
     }
     render() {
-        return (h(Host, { key: '963b59afed12d8bba0b4107da846b433bc451b1f' }, h("slot", { key: 'fbea143350cd9850db1526e19363f7d8632035af' })));
+        return (h(Host, { key: 'db029b1d15d652d75c93dfc429bf154196d9b9aa' }, h("slot", { key: '8564c8182628fd41a29f5adc896d6482b5ce3ada' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]

package/dist/esm/ix-menu-about-news.entry.js

@@ -16,16 +16,16 @@ const MenuAboutNews = class {
         this.expanded = false;
     }
     render() {
-        return (h(Host, { key: '96d424d34a1a660200da006c7e00732871be3864', class: {
+        return (h(Host, { key: '39cfad7d2abb6147661da57bc79b528040ea591d', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, h("div", { key: 'de1e583eaf521a4c09fd2319a170f7450901bf3a', class: "banner-container" }, h("ix-icon", { key: 'f132c4275fcc0dfc926ca416d366c6cba0f65e24', color: "color-inv-contrast-text", name: 'shout', size: "32" }), h("svg", { key: 'c6a66eab455135e55ea0623e75fb8c9a7d7ab921', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: 'd7373ab9e7784faee3308be7792bead6bea418d4', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'ac563f6a0828c72376a7bac6ad1e00a44f324e6e', class: "cui-popover-news-header" }, h("ix-typography", { key: '6aceab1232844f6af7f7fb024f3d6a2810df7285', variant: "default-title-single" }, this.label)), h("ix-icon-button", { key: '1ac11020750a1c5753d06b1af8cd6583a7dba381', size: "24", icon: 'close', ghost: true, onClick: () => {
+            } }, h("div", { key: '6257ae03e7a15a1712ee5e89db3b0fb7c646d211', class: "banner-container" }, h("ix-icon", { key: 'f2bac5de5b7ec1f83fd93b7a523ed36efb262ec8', color: "color-inv-contrast-text", name: 'shout', size: "32" }), h("svg", { key: 'cac47b22376f5e4541fba3b08fcf6a9e2e6bc385', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '2bab22f0e230dfb4b90da92d2a09c5fc0c8aaf85', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: '36dabd8f389b71c803ed7e26fb5038811f10f43a', class: "cui-popover-news-header" }, h("ix-typography", { key: 'a82ebe9ebb3a0aee9fe276b37381475d326dfe92', variant: "default-title-single" }, this.label)), h("ix-icon-button", { key: '1b8e63ffaee5befe53c02e772d9f018e29bbf574', size: "24", icon: 'close', ghost: true, onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), h("div", { key: '4d599b682868f47e16762e7e30383aa01b96ce2d', class: "slot-container" }, h("slot", { key: '3ddafdf4636c32e7a785338cea83f893b796177d' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+            } }), h("div", { key: '8c18be6b3e1c086c36f02031f2656d8d6122fe6b', class: "slot-container" }, h("slot", { key: '8d784c09bffab1c553c812ed08f4f38f27ab93db' })), 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: 'a21ff21ba788aaa5186bd0ed4e281a9d7ad70911', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, h("div", { key: 'ff66eddc3cab62ee4dc48b2680f99e737cee31bf', id: "arrow" })));
     }
 };
 MenuAboutNews.style = IxMenuAboutNewsStyle0;

package/dist/esm/ix-menu-about.entry.js

@@ -23,7 +23,7 @@ const MenuAbout = class {
         forceUpdate(this.el);
     }
     render() {
-        return h(MenuTabs, { key: '1e1fb130f2d7ea2cc703621c6c4ef91cbe97c1bc', context: this });
+        return h(MenuTabs, { key: 'dc8ff17b6bee972f3ed647d700db41cad0125aa1', context: this });
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ix-menu-about.entry.js.map

@@ -1 +1 @@
-{"file":"ix-menu-about.entry.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,ozGAAozG,CAAC;AAC10G,0BAAe,YAAY;;MC+Bd,SAAS;;;;;qBAYJ,2BAA2B;oBAK5B,KAAK;;;IAUpB,SAAS,CAAC,KAAa;QACrB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACrB;IAED,iBAAiB;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;KAClB;IAED,gBAAgB;QACd,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,EAAC,QAAQ,qDAAC,OAAO,EAAE,IAAI,GAAI,CAAC;KACpC;;;;;;;;;;","names":[],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.tsx"],"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\n@import 'common-variables';\n@import 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel: string;\n\n  /**\n   * Label of first tab\n   */\n  @Prop() label = 'About & legal information';\n\n  /**\n   * Internal\n   */\n  @Prop() show = false;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close: EventEmitter<CustomCloseEvent>;\n\n  @State() items: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"version":3}
+{"file":"ix-menu-about.entry.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,ozGAAozG,CAAC;AAC10G,0BAAe,YAAY;;MC+Bd,SAAS;;;;;qBAYJ,2BAA2B;oBAK5B,KAAK;;;IAUpB,SAAS,CAAC,KAAa;QACrB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACrB;IAED,iBAAiB;QACf,UAAU,CAAC,IAAI,CAAC,CAAC;KAClB;IAED,gBAAgB;QACd,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,EAAC,QAAQ,qDAAC,OAAO,EAAE,IAAI,GAAI,CAAC;KACpC;;;;;;;;;;","names":[],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.tsx"],"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\n@import 'common-variables';\n@import 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel: string;\n\n  /**\n   * Content of the header\n   */\n  @Prop() label = 'About & legal information';\n\n  /**\n   * Internal\n   */\n  @Prop() show = false;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close: EventEmitter<CustomCloseEvent>;\n\n  @State() items: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"version":3}

package/dist/esm/ix-menu-avatar.entry.js

@@ -26,9 +26,9 @@ const MenuAvatar = class {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (h(Host, { key: '658e27fb6385bda64d9d7f68f77eb70a4c65ba6a', slot: "ix-menu-avatar" }, h("button", { key: '42024cf4bd2c5d350b9369ebeba474a62f006639', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: 'a4e855427e1fe55b6d866895587b53cda99b3b3b', image: this.image, initials: this.initials }), h("div", { key: 'c41428278d3309934761759d5f1f3587e2bff850', class: "avatar-name" }, h("span", { key: '9504c5acb6d1903068897e3a151116428f5e05da', class: "text-default-single", title: this.top }, this.top), h("span", { key: '423bfa9d792d7c0c92500cb961c21d15f9d2a0cd', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: 'cf520e8c7e940c05bb7ff850ba86d137ca606ab5', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (h(Host, { key: '5ce6a18ce0ad5abe546f26eb0792ae9277ee3330', slot: "ix-menu-avatar" }, h("button", { key: '1b3da5028c32b38c396aab0e4122772be4b10ae4', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '237e2b1841f7070bfb11ef83a72e8d427fbf1316', image: this.image, initials: this.initials }), h("div", { key: 'e1091468ca746a3e471b83ee1f3337d8cfe2baf6', class: "avatar-name" }, h("span", { key: '63e8130a4b5f15a35b4d3eac2f3bcaea30243c28', class: "text-default-single", title: this.top }, this.top), h("span", { key: '378fe56221b406bf0846304938b8ca122ac626cc', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: 'dd7e541e91c15b4d1c309d01ed75666f5cdb61fa', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, h("slot", { key: '4fcfea4ec3e971d4d29fedd00d556405fdb77209', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: 'log-out', onClick: (e) => {
+            } }, h("slot", { key: '671b121c9b7313526fa3ab075cb0cafaacf67503', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: 'log-out', onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }

package/dist/esm/ix-menu-category.entry.js

@@ -164,7 +164,7 @@ const MenuCategory = class {
         }
     }
     render() {
-        return (h(Host, { key: '17d25dacba5afe08d75eb84c1063856e79efa255', class: {
+        return (h(Host, { key: 'e62e654ac84f229e1f669a732c051d96848c730d', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -173,14 +173,14 @@ const MenuCategory = class {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, h("ix-menu-item", { key: '3d7cc544297fbf21c5948bd390f9a65fa3e9892f', 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: '44cf05761426822b2a0d5ad7b43bc0ac84b66ef2', class: "category" }, h("div", { key: '7d0c2c9efff3d54e3ed5eb0f19294703f7cf853f', class: "category-text" }, this.label), h("ix-icon", { key: '1eeb7a9da2b3b2cbf9f2b37f1e7d42162b7f65e5', name: 'chevron-down-small', class: {
+            } }, h("ix-menu-item", { key: 'f64066062bdd83ee3c49228d04877fbe78eb15ce', 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: '89f722bf950f5428e5b090e14a1ea68be2a27536', class: "category" }, h("div", { key: 'd72fc532b76d2807a3fad5a54e5243dc712383b6', class: "category-text" }, this.label), h("ix-icon", { key: '080cfeb2201ce391ca621fdb1b1bc3b5bfbbe6bb', name: 'chevron-down-small', class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), h("div", { key: '783ec3ecb6153f12b43a2f3733b672d9af6390df', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), h("div", { key: '5f59b31543e5f71fb188a1b6e952e732ef1c3db4', 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: '8f7c5bf15a51ca3a57a50e259caa691ffce7a6dd', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: '9d7cdb7ce906a6d2cbeeac5e3d71dc0c49cf1327', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -190,7 +190,7 @@ const MenuCategory = class {
                         this.showDropdown = false;
                     }
                 }
-            } }, h("ix-dropdown-item", { key: 'e5f9d6b9ea910dcb852da7bdffec8117bd0fdf6e', class: 'category-dropdown-header' }, h("ix-typography", { key: '5e8ce8f52f2c089ffabd36e3345c46b83b07a554', variant: "default-title-single", color: "std" }, this.label)), h("ix-divider", { key: 'ebadc6189f93ab6e25262b324259993eaa557400' }), h("slot", { key: 'f9d0e1a321e824390671e380094c78c22f67d428' }))));
+            } }, h("ix-dropdown-item", { key: 'f8d2ec34a4602f977802808e23c3ebc811d2d0ce', class: 'category-dropdown-header' }, h("ix-typography", { key: '1f6fea32ef8b6786cdd35285e44e9715c7622ad9', variant: "default-title-single", color: "std" }, this.label)), h("ix-divider", { key: 'f868a430532498205b95c76addc1c3ef2f5ff239' }), h("slot", { key: 'ba6dd154693ae5040fdadf4c92d4d10e5dc79d2b' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/ix-menu-expand-icon.entry.js

@@ -32,7 +32,7 @@ const MenuExpandIcon = class {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (h(Host, { key: '36ee1cac55573a7413f6fd89635987a1a38d3a1d', class: {
+        return (h(Host, { key: '01c334cc036c65c1ba58b1eb2266fec201e7204e', class: {
                 expanded: this.expanded,
             } }, this.getMenuIcon()));
     }

package/dist/esm/ix-menu-item.entry.js

@@ -84,13 +84,13 @@ const MenuItem = class {
                 slot: 'bottom',
             };
         }
-        return (h(Host, Object.assign({ key: 'bfc3aa3ed90de347026711d3af189c0bbe99e1ae', class: {
+        return (h(Host, Object.assign({ key: '777964dc37701b147cba8070470a0dba049ccc9b', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
                 active: this.active,
                 'tab-nested': this.isHostedInsideCategory,
-            } }, extendedAttributes), h("button", { key: '17d3a3ec7b65c596f0eaaa26d0202b38a9ab7023', class: "tab", tabIndex: this.disabled ? -1 : 0, role: "listitem", ref: this.buttonRef }, (this.icon || this.tabIcon) && (h("ix-icon", { class: 'tab-icon', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.tabIcon })), this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null, h("span", { key: '6289a0f93a7b79580c2962c2e51bf427eeb01183', class: "tab-text text-default" }, this.label, " ", h("slot", { key: 'de9ccad5b97b9603de86791a3a98656a2add17d3' }))), !this.isCategory &&
+            } }, extendedAttributes), h("button", { key: '20f94fbcf3babdadc83c4c2b4a267c6d74266541', class: "tab", tabIndex: this.disabled ? -1 : 0, role: "listitem", ref: this.buttonRef }, (this.icon || this.tabIcon) && (h("ix-icon", { class: 'tab-icon', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.tabIcon })), this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null, h("span", { key: 'a168fd4927264ce970c52098a6a4a1263db48f6d', class: "tab-text text-default" }, this.label, " ", h("slot", { key: '36a52eb3d0cd6f96c5c3a6f36bffa1593c78fb1c' }))), !this.isCategory &&
             !this.isHostedInsideCategory &&
             !this.menuExpanded && (h("ix-tooltip", { for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
     }

package/dist/esm/ix-menu-settings-item.entry.js

@@ -17,7 +17,7 @@ const MenuSettingsItem = class {
         });
     }
     render() {
-        return (h(Host, { key: 'af7b6698864d0f6c2e893843787b07450f586259' }, h("slot", { key: '5ced9613e2513330bd9d8152656dedb7320bdd74' })));
+        return (h(Host, { key: 'ece4d8e415ca694383a7a2e3bd55733e43521143' }, h("slot", { key: '3da9723abce35580aa1d6382ff936887a538fe9e' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]

package/dist/esm/ix-menu.entry.js

@@ -398,44 +398,44 @@ const Menu = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '61f040004004c0ac92ac737c133bbdc5c8a0479d', class: {
+        return (h(Host, { key: '04381993d2b3de312e2d2cf9960e4674f817d112', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, h("aside", { key: 'dd588610dfacb86ede84c8ebc73ad8653e8d31e2', class: {
+            }, slot: "menu" }, h("aside", { key: '03991cabbeb7fbc4ed620e2cc65739127c76c2e5', class: {
                 menu: true,
                 expanded: this.expand,
             }, onClick: () => {
                 this.resetActiveTab();
-            } }, h("div", { key: '56538ac36be893ab8b78c8859da08b05a2f05201', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu() })), this.breakpoint === 'sm' &&
-            this.applicationLayoutContext.appSwitchConfig && (h("ix-icon-button", { onClick: () => showAppSwitch(this.applicationLayoutContext.appSwitchConfig), icon: "apps", ghost: true }))), h("div", { key: '36df72f91c00ed97845198f30676475202ff000d', id: "menu-tabs", style: {
+            } }, h("div", { key: 'db75ed295b5d528f63a557168acc87dbb0f9f7cc', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu() })), this.breakpoint === 'sm' &&
+            this.applicationLayoutContext.appSwitchConfig && (h("ix-icon-button", { onClick: () => showAppSwitch(this.applicationLayoutContext.appSwitchConfig), icon: "apps", ghost: true }))), h("div", { key: '2720ecc044b969dce2c30ce4caebc337a2c14fdf', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '2af53795b7e3250848d9014271f97ea5cd330672', class: "tabs-shadow-container" }, h("div", { key: 'bcf6e5caf81a5eee24d6575923c6b7694742e5a0', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '41cf30c3ff12c6bc4b6cbee1b7ac6e38e0591a8e', class: "tabs-shadow-container" }, h("div", { key: '1ab4dfeb9512cd11553c3cf957f499cb3f3f0874', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), h("div", { key: '8bf83467772dabd34f296de37f5926a935b9facd', class: {
+            } }), h("div", { key: '13b064b021d8cc95748336a09b2abe102c43255c', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: 'ac25103b4145a4c3ce9426119f32278812dfd908', class: "menu-avatar" }, h("slot", { key: '2f4f9d54fc218d4a8d87b74317000aee7b4e613a', name: "ix-menu-avatar" })), h("slot", { key: '87e191c1a7c73eca7f58eed464affbcd2baa0812', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '85d1018c78bf76b49eb9162357e8862ff6fb6ed5', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '56b8bdaaf62dcb141c05ac3f0d85f212280ae3be', class: "menu-avatar" }, h("slot", { key: '71558d01cc5c4402daffa2a14565f9413f86eb38', name: "ix-menu-avatar" })), h("slot", { key: 'a9769cfeafc4a704ef6bd5b3ba8a067599c1d0eb', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '1207b0712c13e075944db84015646e80c36384cf', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), h("div", { key: '28adcb235d366f352575973034ff5d2d7dca1bc0', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), h("div", { key: 'bf3b36fd14b0845c50c554fa3a160165fcb7cb4a', 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: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings) }, this.i18nSettings)) : null, h("div", { key: 'f87516229b665d80e620d9b96a85247e970733a4', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: 'fac63e22b70435a22482af1fee8595e3a510ad6e', name: "bottom" })), h("div", { key: '150bea99ffcfe3277da5f42ff27b57b4dc9fc6ec', id: "popover-area" }), this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings) }, this.i18nSettings)) : null, h("div", { key: '6ed7e214926341ed613df5586c4e03f34cc75147', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '235d19eade65b8a3005f81dba02869ee8185abb8', name: "bottom" })), h("div", { key: '1ab169504cb519a9634ae808ea9be0a062c60e8f', 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: 'info', onClick: async () => this.toggleAbout(!this.showAbout) }, this.i18nLegal)) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark' }, this.i18nToggleTheme)) : null, this.enableMapExpand || ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}` }, this.getCollapseText())) : null), h("div", { key: 'f45c34fbbaa23c7b1918a8468adb42f535a72444', class: {
+            }, icon: 'info', onClick: async () => this.toggleAbout(!this.showAbout) }, this.i18nLegal)) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark' }, this.i18nToggleTheme)) : null, this.enableMapExpand || ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}` }, this.getCollapseText())) : null), h("div", { key: '95766018d4ef14f54142f69b4193c21378732930', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, h("div", { key: 'a404af2395bf1659555e8581687564ded60f4811', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '03b635c41744e4dea67330f02bfe89eac4f1ad82', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
+            } }, h("div", { key: '01080a1085e7cf7805552e4226e5af59be81ed0b', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '1f432ce86c44d5d1460345b84f2c3d16dbf8c68e', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ix-message-bar.entry.js

@@ -40,7 +40,7 @@ const MessageBar = class {
         this.closedChange.emit();
     }
     render() {
-        return (h(Host, { key: '610b30afda9530351f18514757fa02bb463f14fd' }, h("div", { key: 'f087c80eabe66fdc962c565fe3dd0130d5e80189', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '875022604fb5bb38cac7d8e46ca718e45ef9f686', color: this.color, name: this.icon }), h("div", { key: 'bca551cd194acac092778d7c3f86f46f6e6178ea', class: "message-content" }, h("slot", { key: '18051ca8aa62cb9fa4a4ca5e84fa8f06510f323d' })), this.dismissible ? (h("ix-icon-button", { icon: 'close', size: "24", ghost: true, onClick: () => {
+        return (h(Host, { key: '1e6b060fd39fb008c5ce8e56553b7ee235d5db2d' }, h("div", { key: 'a0f00d550a6c2e2f61918bbccd2c342100e73dcd', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '5bbfa1b8fcd0025b4d2fa0b488c604458fc4e131', color: this.color, name: this.icon }), h("div", { key: '78e83b8a02ea46b6b3ba65690d5939f00a63ca78', class: "message-content" }, h("slot", { key: 'b5813c317b7ea1b0c0e6919488016a43140dd68f' })), this.dismissible ? (h("ix-icon-button", { icon: 'close', size: "24", ghost: true, onClick: () => {
                 this.closeAlert(this.divElement);
             }, "data-testid": "close-btn" })) : (''))));
     }

package/dist/esm/ix-modal-content_2.entry.js

@@ -9,7 +9,7 @@ const ModalContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a879639cc048dc4388ff5f324c6beaf928089480' }, h("slot", { key: 'b7d7d8afe947646464dd409bcc574cba40c9a1b3' })));
+        return (h(Host, { key: 'ae7d626442e1d32189d5811a76b9921e893a2708' }, h("slot", { key: '09c33581a65e4db3f54ee84f625bf5c601b0178c' })));
     }
 };
 ModalContent.style = IxModalContentStyle0;
@@ -47,7 +47,7 @@ const ModalHeader = class {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (h(Host, { key: 'ae262d966e9e69c5c7558190f61928b4c109643f' }, this.icon ? (h("ix-icon", { class: 'modal-icon', name: this.icon, color: this.iconColor })) : null, h("ix-typography", { key: '4ff8195c0b582e37527d793e1e32615cb190e0a5', variant: 'default-title' }, h("slot", { key: '10f9506941a2f34631520d7209612c3cf07dd431' })), !this.hideClose ? (h("ix-icon-button", { onClick: (event) => this.onCloseClick(event), ghost: true, icon: "close", class: 'modal-close' })) : null));
+        return (h(Host, { key: '330fd598a3b07d2f41c9f683923101f77d214fe5' }, this.icon ? (h("ix-icon", { class: 'modal-icon', name: this.icon, color: this.iconColor })) : null, h("ix-typography", { key: 'a07ec792401066c71a1f4d50aa318a38c3fbe0ee', variant: 'default-title' }, h("slot", { key: '9c1ba3358ad6efb9971ed896764441c1a3fc4a89' })), !this.hideClose ? (h("ix-icon-button", { onClick: (event) => this.onCloseClick(event), ghost: true, icon: "close", class: 'modal-close' })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ix-modal-example.entry.js

@@ -14,7 +14,7 @@ const ModalExample = class {
         closeModal(this.host, 'Done!');
     }
     render() {
-        return (h(Host, { key: '6588eca80a4a796627317d549ced3d767792d528' }, h("div", { key: '06a4f6cb97ef30f9bdc406ca7bad4a1978c8df03' }, h("div", { key: 'dfc00207c3d9ead47420a30768e216b7907588c9', class: "modal-header" }, "Message headline", h("ix-icon-button", { key: '2b01ad4f2e9ca5e277c4d53b6d6cdb5d2b9b74c8', "data-close-button": true, ghost: true, icon: 'close', onClick: () => this.dismiss() })), h("div", { key: '4d1ac160957975fe53162ebd42dd2bd8d6dee0d9', class: "modal-body" }, "Message text lorem ipsum"), h("div", { key: '9709cda6c07d7c0abe13424dc87c64bb11162622', class: "modal-footer" }, h("ix-button", { key: 'f2c257ebea902ef30674ad2d24a150ad17b82df3', outline: true, onClick: () => this.dismiss() }, "Cancel"), h("ix-button", { key: '1f512110cfacee2259d709031be3e5a5869d9704', onClick: () => this.close() }, "OK")))));
+        return (h(Host, { key: 'e219bbf7bea6f929aa522982cbdf055b3fc45a92' }, h("div", { key: '186e10c89c6fd9f626a8fa7642a3a2efe9b4e899' }, h("div", { key: '2919c50fa62881cc689d659657bd5b55fb7c6f81', class: "modal-header" }, "Message headline", h("ix-icon-button", { key: '3dc6851c96c9140f1b13a0c312100acd71762fcd', "data-close-button": true, ghost: true, icon: 'close', onClick: () => this.dismiss() })), h("div", { key: '4b202214dad7f1502f4201969d7cf1a378a55957', class: "modal-body" }, "Message text lorem ipsum"), h("div", { key: 'b8df28789d9cede8b78117a8b2cd88b7088e9ea1', class: "modal-footer" }, h("ix-button", { key: 'eace38404f5761f3ead889d477481dfd33a5de3a', outline: true, onClick: () => this.dismiss() }, "Cancel"), h("ix-button", { key: '38d00bad14606c86ea9ca37bae984579a43475e6', onClick: () => this.close() }, "OK")))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/ix-modal-footer.entry.js

@@ -8,7 +8,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '798888b92e40b6c7fe43eddfc94437d8fc8a49c8' }, h("slot", { key: '2da276a8b43f061d07f85953e1e54e144944267e' })));
+        return (h(Host, { key: '10d32ee56938d12d5300cc8bccb401a4492ddb85' }, h("slot", { key: '63b0a1b1611bfd377192b6f49e22fc22861f809b' })));
     }
 };
 ModalFooter.style = IxModalFooterStyle0;

package/dist/esm/ix-modal-loading.entry.js

@@ -8,7 +8,7 @@ const ModalLoading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '9333078e1c22a3307abb022ca8cf761667ce9d95' }, h("ix-spinner", { key: '895d205873c13dfa9257627094b67a9bfb40e04a', variant: "primary" }), h("span", { key: '9c84db0939e4f9fbf359425251103ce9ba2cd968', class: 'loading-text' }, h("slot", { key: 'b2fa68d8d6ab862b88cf7deadc4249c2775fd6e6' }))));
+        return (h(Host, { key: 'f6d440918bef7125ac06449ab6d0cd4088f5fefb' }, h("ix-spinner", { key: '3efc2e66c193f2af94f4f5d6dc3e91daa2049008', variant: "primary" }), h("span", { key: '4d81c46bedae034801a35637ca78bd8f2b618124', class: 'loading-text' }, h("slot", { key: '90bf6e1aeac791f70c203fb6bf32dcb7cb313719' }))));
     }
 };
 ModalLoading.style = IxModalLoadingStyle0;

package/dist/esm/ix-pagination.entry.js

@@ -120,10 +120,10 @@ const Pagination = class {
         return h("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (h(Host, { key: '85e2d8d8a0b65799e17d53eaa18f7ffba858fba3' }, h("ix-icon-button", { key: 'e77de9c81cf24077466ede7211db3f13caa7f256', disabled: this.selectedPage === 0, ghost: true, icon: 'chevron-left-small', onClick: () => this.decrease() }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { variant: "default" }, this.i18nPage), h("input", { class: "form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (e) => {
+        return (h(Host, { key: '0d3ee03dc65b4178ad572d753d2c01f35c853d0e' }, h("ix-icon-button", { key: '58af8c5d7a36d3ddf24f1dde1b39cac9c3c2d929', disabled: this.selectedPage === 0, ghost: true, icon: 'chevron-left-small', onClick: () => this.decrease() }), this.advanced ? (h("div", { class: "advanced-pagination" }, h("ix-typography", { variant: "default" }, this.i18nPage), h("input", { class: "form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (e) => {
                 const index = Number.parseInt(e.target['value']);
                 this.selectPage(index - 1);
-            } }), h("span", { class: "total-count" }, h("ix-typography", { variant: "default" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: 'dfa3fcd219a8817e304adfecd8d1a84cce8dd580', disabled: this.selectedPage === this.count - 1, ghost: true, icon: 'chevron-right-small', onClick: () => this.increase() }), this.advanced && this.showItemCount ? (h("span", { class: "item-count" }, h("ix-typography", { variant: "default" }, this.i18nItems), h("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), h("span", { class: "total-count" }, h("ix-typography", { variant: "default" }, this.i18nOf, " ", this.count)))) : (h("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), h("ix-icon-button", { key: 'bac7c247befd2262c9c01c95d2feba78dc4dfa12', disabled: this.selectedPage === this.count - 1, ghost: true, icon: 'chevron-right-small', onClick: () => this.increase() }), this.advanced && this.showItemCount ? (h("span", { class: "item-count" }, h("ix-typography", { variant: "default" }, 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" })))) : ('')));

package/dist/esm/ix-pane-layout.entry.js

@@ -225,7 +225,7 @@ const Panes = class {
         return pane ? pane.floating : false;
     }
     render() {
-        return (h(Host, { key: '90da4f25bcad07a3a2a4bfc551a129deac824d84' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
+        return (h(Host, { key: '4167dc285dcf1adaf15f0eb3b9f6692e27918b43' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),

package/dist/esm/ix-pill.entry.js

@@ -23,13 +23,13 @@ const Pill = class {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (h(Host, { key: 'a16d4165f6412fa48a0bb642b0ba1980ef2e9775', style: this.variant === 'custom'
+        return (h(Host, { key: 'd7aa88991ef6b8cf39358e65a3c3745d9b6cf112', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': (_b = this.pillColor) !== null && _b !== void 0 ? _b : this.color,
                 }
                 : {}, title: this.el.textContent, class: {
                 'align-left': this.alignLeft,
-            } }, h("div", { key: 'f700d598c5f02e2e8090798337bf47ec10abda39', style: Object.assign({}, customStyle), class: {
+            } }, h("div", { key: '490ecb6d8560e39541d50b5d538608adef939dcf', style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -43,10 +43,10 @@ const Pill = class {
                 custom: this.variant === 'custom',
                 closable: false,
                 icon: !!this.icon,
-            } }, h("ix-icon", { key: '599c7381a83a567637f0f2584596d2ba8745df82', class: {
+            } }, h("ix-icon", { key: 'd615b73a2bdd35fa67409e0783324abd2fc02f21', class: {
                 'with-icon': true,
                 hidden: this.icon === undefined || this.icon === '',
-            }, name: this.icon, size: '16' }), h("span", { key: '65760423d94f21f1d3286f80fba0139338bd10ba', class: "slot-container" }, h("slot", { key: 'f7c2b9dec75d1042a1d98168d3be90a509b7b0d3' })))));
+            }, name: this.icon, size: '16' }), h("span", { key: '8c4f149571ae115af0cc264634f03633988d7871', class: "slot-container" }, h("slot", { key: '582ff33fd2b1cd6de42d4febbcd7f2ad31be0e02' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ix-playground-internal.entry.js

@@ -8,7 +8,7 @@ const PlaygroundInternal = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: 'd1a5b02febd62dcc43ea13c0a531990ec5fe2156' });
+        return h(Host, { key: '64dc9d49b33337f3f1fbfef272dbe26bc08a17a8' });
     }
 };
 PlaygroundInternal.style = IxPlaygroundInternalStyle0;