@siemens/ix 5.1.1 → 5.2.1

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 var component = require('./component-DgA9FH-W.js');
 require('./focus-utilities-5SZMxJg4.js');
 require('./shadow-dom-BL5F7RFW.js');
 
-const menuAboutNewsCss = () => `:host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}`;
+const menuAboutNewsCss = () => `:host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}`;
 
 const MenuAboutNews = class extends index.Mixin(...component.DefaultMixins) {
     constructor(hostRef) {
@@ -49,16 +49,16 @@ const MenuAboutNews = class extends index.Mixin(...component.DefaultMixins) {
     /** @internal */
     expanded = false;
     render() {
-        return (index.h(index.Host, { key: '2140402346af0c9c6b35c32cd001d41fac408f66', class: {
+        return (index.h(index.Host, { key: 'fff5b2a49fedcf7c44e44d617b757c9e2e0a4d30', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, index.h("div", { key: '655926df0b24c2edbb2c5e8e504a7f2072ed16dd', class: "banner-container" }, index.h("ix-icon", { key: 'd7d86dd91e2d6d09ba16f48548f044520e36f893', color: "color-inv-contrast-text", name: index$1.iconShout, size: "32" }), index.h("svg", { key: '8b2bbf35bf826f8aeed01df8cf81aef3185a0fff', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, index.h("polygon", { key: '0ff0926642c10c1662aa7055ba18db6f5b7b8a1d', points: "0 0 48 0 48 56 24 48 0 56" }))), index.h("div", { key: 'c392b9b890d85e241f6f88d20c1307ce23030352', class: "cui-popover-news-header" }, index.h("ix-typography", { key: '546560dd3afdb47034e86e3ff2a6290824cc02c1', format: "label", bold: true }, this.label)), index.h("ix-icon-button", { key: 'e6343c6409f25403e870054a23c47c7b849c837c', size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, index.h("div", { key: '7945eb35a2f33579e87040f75a31e1b32389aac1', class: "banner-container" }, index.h("ix-icon", { key: 'f5a4674d02f6045af787f1ec6bee5db1d02fcb7d', color: "color-inv-contrast-text", name: index$1.iconShout, size: "32" }), index.h("svg", { key: 'ee79deb22d6dccdfa0c2a3a447f84fcfdf64eefb', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, index.h("polygon", { key: '01336bc75d9a1d05c95784d394890502b979b366', points: "0 0 48 0 48 56 24 48 0 56" }))), index.h("div", { key: '8d4f8bef7935b59c964591ab30129cdcf798b95f', class: "cui-popover-news-header" }, index.h("ix-typography", { key: 'f760efa506ab850dbcf7874bbcd6884fb5db013f', format: "label", bold: true }, this.label)), index.h("ix-icon-button", { key: 'b1dcaf11abb71df154c8e9cfcf174315fceab36c', size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), index.h("div", { key: '73b723ebd03bdf5f5592f8da68bfe481d5e5995c', class: "slot-container" }, index.h("slot", { key: 'ef993e0dcaf820e2e89eeb017bc15f32026c9127' })), this.activeAboutTabKey ? (index.h("div", { class: "cui-popover-news-footer" }, index.h("ix-button", { variant: "primary", onClick: (event) => {
+            } }), index.h("div", { key: '5d55061b7e0411577504303f79136feb34c56570', class: "slot-container" }, index.h("slot", { key: 'a0fea78d3ede753a3473885a19f178c08c8266cb' })), this.activeAboutTabKey ? (index.h("div", { class: "cui-popover-news-footer" }, index.h("ix-button", { variant: "primary", onClick: (event) => {
                 this.show = false;
                 this.showMore.emit(event);
-            } }, this.i18nShowMore))) : null, index.h("div", { key: '90c790cac92119aa825bfd075e8c280894eb7141', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, index.h("div", { key: 'b0bf14f278e6eaf120c800b8ee94fc957b28e9e0', id: "arrow" })));
     }
 };
 MenuAboutNews.style = menuAboutNewsCss();

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 
-const menuAboutCss = () => `.text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}`;
+const menuAboutCss = () => `.text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}`;
 
 const MenuAbout = class {
     constructor(hostRef) {
@@ -78,10 +78,10 @@ const MenuAbout = class {
         index.forceUpdate(this);
     }
     render() {
-        return (index.h(index.Host, { key: '5a2f41b28934b02e58b96bbd17104fb6c59a033b', slot: 'ix-menu-about', class: {
+        return (index.h(index.Host, { key: '4a505ef81bfc9d96cbff402d014f8b31e3a72957', slot: 'ix-menu-about', class: {
                 show: this.show,
                 ['legacy-tabs']: !this.suppressLegacyTabs,
-            } }, index.h("div", { key: '39f148621fb106a682755bd6235460ac74cabf6e', class: 'about-header' }, index.h("h2", { key: '4a2932a48a28bd92dceb2ce63a97a397b871f89b', class: "text-h2" }, this.label), index.h("ix-icon-button", { key: '6956aaedb3e4a76735ef1cbe689220a9b43f67cf', variant: "tertiary", size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
+            } }, index.h("div", { key: '12702e8e4b905e2c7f7b4f25641a59df69fd595f', class: 'about-header' }, index.h("h2", { key: '5277ff2507f0d623cce94150e680a3c4bbc844eb', class: "text-h2" }, this.label), index.h("ix-icon-button", { key: '8d27723ee3caacc43fc90e2dca417af2f5897e11', variant: "tertiary", size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
                 name: 'ix-menu-about',
                 nativeEvent: e,
             }) })), !this.suppressLegacyTabs ? (index.h("ix-tab-set", null, index.h("ix-tabs", { activeTabKey: this.activeTabKey }, this.items.map(({ label, tabKey }) => (index.h("ix-tab-item", { tabKey: tabKey, selected: tabKey === this.activeTabKey, label: label })))), index.h("slot", null))) : (index.h("slot", null))));

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

@@ -1,12 +1,12 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var index$1 = require('./index-BQht1mLe.js');
+var a11y = require('./a11y--G19CFwe.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 
-const menuAvatarCss = () => `:host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}`;
+const menuAvatarCss = () => `:host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}`;
 
 const MenuAvatar = class {
     constructor(hostRef) {
@@ -78,13 +78,13 @@ const MenuAvatar = class {
     render() {
         const tooltipText = this.tooltipText ?? this.top;
         const ariaHidden = tooltipText === this.top;
-        return (index.h(index.Host, { key: '037f15bd4bd44d3f233bebb922fe5e7b4f002fcf', slot: "ix-menu-avatar" }, index.h("button", { key: 'b25d995e137224af7d5e8a4a4ef75fbcd42139e5', class: "nav-item top-item avatar no-hover", id: this.avatarElementId, tabIndex: 0 }, index.h("ix-avatar", { key: 'defa946c69c1ee6f31a68039a6eed6b2ed71ebd7', image: this.image, initials: this.initials }), index.h("div", { key: '14d0dba651a996032354d48f518b628c7392e61d', class: "avatar-name" }, index.h("span", { key: 'ec4ed8e734b95d43382f8f8bd7342e58895c4883', class: "text-default-single" }, this.top), index.h("span", { key: '691da78327c07d198b78ad62aa33b8dc63440050', class: "text-default-single" }, this.bottom))), !!tooltipText && (index.h("ix-tooltip", { key: 'a08173ffda2cb1c548e5d2f4b49a61f43f921390', ref: this.tooltipRef, for: `#${this.avatarElementId}`, placement: 'right', "aria-hidden": a11y.a11yBoolean(ariaHidden), "aria-label": this.ariaLabelTooltip }, tooltipText)), index.h("ix-dropdown", { key: 'aad18b46b349927551b36988b51226f06789b91f', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (index.h(index.Host, { key: 'd3454f7e95389f1d1f23963d6a70434fe44c7275', slot: "ix-menu-avatar" }, index.h("button", { key: '3a4bf271f0cd608143e921b57f544a3ce1a1ed2f', class: "nav-item top-item avatar no-hover", id: this.avatarElementId, tabIndex: 0 }, index.h("ix-avatar", { key: 'b8cf381e8ff5111aa5ec84c68023011978170b44', image: this.image, initials: this.initials }), index.h("div", { key: 'fc20477ea49354b645c60a88329dd01832b50274', class: "avatar-name" }, index.h("span", { key: '42b988c3e71102ae457ebc3936c43f2c934cd25f', class: "text-default-single" }, this.top), index.h("span", { key: '96cb4f2ab217b4d802f3dd8d7be1f40437824697', class: "text-default-single" }, this.bottom))), !!tooltipText && (index.h("ix-tooltip", { key: '9dc4248b29a36552bccab8ea2a17484d6fb27ea8', ref: this.tooltipRef, for: `#${this.avatarElementId}`, placement: 'right', "aria-hidden": a11y.a11yBoolean(ariaHidden), "aria-label": this.ariaLabelTooltip }, tooltipText)), index.h("ix-dropdown", { key: '382631209ea32a539c3fb6c59ad5088924a12c50', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
             }, onShowChanged: (event) => {
                 if (event.detail && this.tooltipRef.current) {
                     this.tooltipRef.current.hideTooltip(0);
                 }
-            }, enableTopLayer: this.enableTopLayer }, index.h("slot", { key: '1dc6f211194711861c3374efbd7943124ede68de', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (index.h("ix-menu-avatar-item", { key: 'a39a67cb36600d63414cc8fa5457d0312580574d', label: this.i18nLogout, icon: index$1.iconLogOut, onClick: (e) => {
+            }, enableTopLayer: this.enableTopLayer }, index.h("slot", { key: '1f3ba4ccc8636154f8a853decacf1b0ffd9fa6c9', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (index.h("ix-menu-avatar-item", { key: 'ee3661210d5d8432338973d8cc3e96c941f8dd3d', label: this.i18nLogout, icon: index$1.iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }

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

@@ -1,23 +1,23 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
 var context = require('./context-DqdXbKw_.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var requestAnimationFrame = require('./requestAnimationFrame-B0rWQ3G-.js');
 var component = require('./component-DgA9FH-W.js');
-var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-EyRU0cDO.js');
+var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-DZ_vNjkJ.js');
 var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var dropdownController = require('./dropdown-controller-kBwdbfGD.js');
 var uuid = require('./uuid-Bo2QzEg9.js');
 require('./typed-event-Bw4IfJC0.js');
 require('./focus-utilities-5SZMxJg4.js');
-require('./a11y-_XjpTo2w.js');
+require('./a11y--G19CFwe.js');
 require('./path-utils-CQKWhbQW.js');
 
-const menuCategoryCss = () => `:host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}`;
+const menuCategoryCss = () => `:host{display:flex;flex-direction:column;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}`;
 
 const DefaultIxMenuItemHeight = 40;
 const DefaultAnimationTimeout = 150;
@@ -91,6 +91,9 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
     }
     animateFadeOut() {
         const slotHideThresholdMs = 25;
+        if (!this.menuItemsContainer) {
+            return;
+        }
         anime_esm.animate(this.menuItemsContainer, {
             duration: DefaultAnimationTimeout,
             easing: 'easeInSine',
@@ -107,28 +110,39 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
     animateFadeIn() {
         this.showItems = true;
         this.showDropdown = false;
+        if (!this.menuItemsContainer) {
+            return;
+        }
         anime_esm.animate(this.menuItemsContainer, {
             duration: DefaultAnimationTimeout,
             easing: 'easeInSine',
             opacity: [0, 1],
             maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],
+            onComplete: () => {
+                this.clearMenuItemsContainerStyles();
+            },
         });
     }
     showMenuItemDropdown() {
         if (this.ixMenu?.expand) {
             return;
         }
-        this.closeOtherCategories.emit();
-        if (this.dropdownRef.current) {
-            const ref = dropdownController.dropdownController.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);
+        this.closeOtherCategories.emit(this.categoryId);
+        const dropdownId = this.dropdownRef.current?.dataset.ixDropdown;
+        if (dropdownId) {
+            const ref = dropdownController.dropdownController.getDropdownById(dropdownId);
             if (ref) {
                 dropdownController.dropdownController.present(ref);
             }
         }
     }
-    hideMenuItemDropdown() {
-        if (this.dropdownRef.current) {
-            const ref = dropdownController.dropdownController.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);
+    hideMenuItemDropdown(event) {
+        if (event?.detail === this.categoryId) {
+            return;
+        }
+        const dropdownId = this.dropdownRef.current?.dataset.ixDropdown;
+        if (dropdownId) {
+            const ref = dropdownController.dropdownController.getDropdownById(dropdownId);
             if (ref) {
                 dropdownController.dropdownController.dismiss(ref);
             }
@@ -298,12 +312,12 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
         this.ixMenu?.addEventListener('expandChange', ({ detail: menuExpand }) => {
             this.menuExpand = menuExpand;
             if (!menuExpand) {
-                this.clearMenuItemStyles();
+                this.clearMenuItemsContainerStyles();
             }
             this.showItems = this.isCategoryItemListVisible();
         });
     }
-    clearMenuItemStyles() {
+    clearMenuItemsContainerStyles() {
         this.menuItemsContainer?.style.removeProperty('max-height');
         this.menuItemsContainer?.style.removeProperty('opacity');
     }
@@ -323,7 +337,7 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
             ...this.inheritAriaAttributes,
         };
         delete inheritedA11yWithoutRole.role;
-        return (index.h(index.Host, { key: 'b13967728dd925cf23d59525997326e3cae1d883', class: {
+        return (index.h(index.Host, { key: '0b54b4b98d9630b70224a566eb6b6abd86f69139', class: {
                 expanded: this.showItems,
             }, onIxMenuCategoryItemSelect: () => this.onNestedItemSelect(), onPointerEnter: () => {
                 this.showMenuItemDropdown();
@@ -332,14 +346,14 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
                     return;
                 }
                 this.hideMenuItemDropdown();
-            } }, index.h("ix-menu-item", { key: '83115990b35fd94f74c054fca190e85c8ec62010', ...inheritedA11yWithoutRole, "aria-haspopup": 'menu', "aria-expanded": this.showItems || this.showDropdown ? 'true' : 'false', id: this.categoryId, ref: this.categoryParentRef, class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onKeyDown: (event) => this.onKeyDown(event), tooltipText: this.tooltipText, isCategory: true, menuCategoryLabel: this.label }, index.h("span", { key: 'bbd0030c37c6931a742b9b95aff810b6bf54ba3d', class: "category" }, index.h("span", { key: '2de8dabb7dcad0b3d6d431961dc78f9fee737f9c', class: "category-text" }, this.label), index.h("ix-icon", { key: 'dadaef3f921796b4af1bdc2127d5cf85ae8d3d50', name: index$1.iconChevronDownSmall, class: {
+            } }, index.h("ix-menu-item", { key: '50e63e3d3002e6551336d04e608f8c3f7d51ff3d', ...inheritedA11yWithoutRole, "aria-haspopup": 'menu', "aria-expanded": this.showItems || this.showDropdown ? 'true' : 'false', id: this.categoryId, ref: this.categoryParentRef, class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onKeyDown: (event) => this.onKeyDown(event), tooltipText: this.tooltipText, isCategory: true, menuCategoryLabel: this.label }, index.h("span", { key: 'feeb581bf824de38b25d164e9c8ddabb5afbea51', class: "category" }, index.h("span", { key: '096f4f45fadd93317bc67be9d449c1d610096155', class: "category-text" }, this.label), index.h("ix-icon", { key: '03c15e2624ed0580e513c2d361af37f02afd9c9c', name: index$1.iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            }, "aria-hidden": "true" }))), index.h("div", { key: '4f05e07d484bcafccacb6e52b16ed1d428fafd6e', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            }, "aria-hidden": "true" }))), index.h("div", { key: '4c2a38f8d7f63cb0d400983a70c2ca0cbc7d7da9', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            }, role: "menu", "aria-labelledby": this.categoryId, onKeyDown: (e) => this.onMenuItemsKeyDown(e) }, this.showItems ? index.h("slot", null) : null), index.h("ix-dropdown", { key: '9574783d83639a13003ef13a01aea92ae85b61c7', ref: this.dropdownRef, hostRole: "menu", "aria-label": this.label, closeBehavior: 'both', show: this.showDropdown, onShowChange: ({ detail }) => this.onDropdownShowChange(detail), onShowChanged: ({ detail }) => this.onDropdownShowChanged(detail), class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
+            }, role: "menu", "aria-labelledby": this.categoryId, onKeyDown: (e) => this.onMenuItemsKeyDown(e) }, this.showItems ? index.h("slot", null) : null), index.h("ix-dropdown", { key: '541fc21db5cf52b0854a517525a636a8bd82d436', ref: this.dropdownRef, hostRole: "menu", "aria-label": this.label, closeBehavior: 'both', show: this.showDropdown, onShowChange: ({ detail }) => this.onDropdownShowChange(detail), onShowChanged: ({ detail }) => this.onDropdownShowChanged(detail), class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
             }, focusHost: this.hostElement, onClick: (e) => {
                 if (e.target instanceof HTMLElement) {
@@ -350,163 +364,10 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
                         e.preventDefault();
                     }
                 }
-            }, onFocusout: () => this.onDropdownFocusOut() }, index.h("ix-dropdown-item", { key: '6844b7dd6cea9c3290060a0fc3b5d726272f99a5', class: 'category-dropdown-header', tabindex: -1, "aria-hidden": "true" }, index.h("ix-typography", { key: 'f06f3b478802a827589415b5025085c6f2825326', format: "label", bold: true, textColor: "std" }, this.label)), index.h("ix-divider", { key: 'a0f540c48caaf3ea256edfc12c73ec8a95c7e210' }), index.h("slot", { key: '9dd47bc65bd63d610c936fe5f5c196764704443d' }))));
+            }, onFocusout: () => this.onDropdownFocusOut() }, index.h("ix-dropdown-item", { key: 'b277224530668e11c773ba48ef6a9c16e65a872d', class: 'category-dropdown-header', tabindex: -1, "aria-hidden": "true" }, index.h("ix-typography", { key: '4727fd4f5311c9aacdf5bf6745c625906e0ea6e5', format: "label", bold: true, textColor: "std" }, this.label)), index.h("ix-divider", { key: 'e9aef75055efc7168309041d981596a817e21fc9' }), index.h("slot", { key: '13c5d736008e47b8359877e3efb7d5db3c4b1018' }))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
-        "role": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-activedescendant": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-atomic": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-autocomplete": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-braillelabel": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-brailleroledescription": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-busy": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-checked": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colcount": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colindex": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colindextext": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-colspan": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-controls": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-current": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-describedby": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-description": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-details": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-disabled": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-errormessage": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-expanded": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-flowto": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-haspopup": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-hidden": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-invalid": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-keyshortcuts": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-label": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-labelledby": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-level": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-live": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-multiline": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-multiselectable": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-orientation": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-owns": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-placeholder": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-posinset": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-pressed": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-readonly": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-relevant": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-required": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-roledescription": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowcount": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowindex": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowindextext": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-rowspan": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-selected": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-setsize": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-sort": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuemax": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuemin": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuenow": [{
-                "ariaAttributeChanged": 0
-            }],
-        "aria-valuetext": [{
-                "ariaAttributeChanged": 0
-            }],
         "showDropdown": [{
                 "onShowItemsChange": 0
             }],

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

@@ -1,11 +1,11 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
-var baseButton = require('./base-button-BP6iIMR7.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var index$1 = require('./index-BQht1mLe.js');
+var baseButton = require('./base-button-DIhNZecD.js');
+var a11y = require('./a11y--G19CFwe.js');
 
-const menuExpandIconCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}`;
+const menuExpandIconCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}`;
 
 const MenuExpandIcon = class {
     constructor(hostRef) {
@@ -37,7 +37,7 @@ const MenuExpandIcon = class {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (index.h(index.Host, { key: '60d58cfa658802593452a3f96a38686e0fab4039', class: {
+        return (index.h(index.Host, { key: '4a815a77cda2209ccb908c08adbbcc4f9fe28081', class: {
                 expanded: this.expanded,
                 'ix-focusable': true,
             } }, this.getMenuIcon()));