@siemens/ix 5.2.0 → 5.2.1

package/dist/cjs/ix-input.cjs.entry.js

@@ -3,13 +3,13 @@
 var index = require('./index-DnclGKUw.js');
 var index$1 = require('./index-BQht1mLe.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
-var input_fc = require('./input.fc-xGzM_I6q.js');
+var input_fc = require('./input.fc-ellguRiE.js');
 var validation = require('./validation-B1izlD8M.js');
-require('./a11y-_XjpTo2w.js');
+require('./a11y--G19CFwe.js');
 require('./mutation-observer-DE0YMfYu.js');
 require('./rwd.util-GTn-vgCJ.js');
 require('./anime.esm-AXTM6yn_.js');
-require('./animation-hxDbANsw.js');
+require('./animation-BIfSQAkX.js');
 require('./index-B4J4JK0P.js');
 
 const inputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}`;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DnclGKUw.js');
 var index$1 = require('./index-BQht1mLe.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 

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

@@ -7,14 +7,14 @@ 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}`;
@@ -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,11 +110,17 @@ 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() {
@@ -119,8 +128,9 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
             return;
         }
         this.closeOtherCategories.emit(this.categoryId);
-        if (this.dropdownRef.current) {
-            const ref = dropdownController.dropdownController.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);
+        const dropdownId = this.dropdownRef.current?.dataset.ixDropdown;
+        if (dropdownId) {
+            const ref = dropdownController.dropdownController.getDropdownById(dropdownId);
             if (ref) {
                 dropdownController.dropdownController.present(ref);
             }
@@ -130,8 +140,9 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
         if (event?.detail === this.categoryId) {
             return;
         }
-        if (this.dropdownRef.current) {
-            const ref = dropdownController.dropdownController.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);
+        const dropdownId = this.dropdownRef.current?.dataset.ixDropdown;
+        if (dropdownId) {
+            const ref = dropdownController.dropdownController.getDropdownById(dropdownId);
             if (ref) {
                 dropdownController.dropdownController.dismiss(ref);
             }
@@ -301,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');
     }
@@ -326,7 +337,7 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
             ...this.inheritAriaAttributes,
         };
         delete inheritedA11yWithoutRole.role;
-        return (index.h(index.Host, { key: '16e92aa31c97226ac110248e58ee4e8cf6e686cb', class: {
+        return (index.h(index.Host, { key: '0b54b4b98d9630b70224a566eb6b6abd86f69139', class: {
                 expanded: this.showItems,
             }, onIxMenuCategoryItemSelect: () => this.onNestedItemSelect(), onPointerEnter: () => {
                 this.showMenuItemDropdown();
@@ -335,14 +346,14 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
                     return;
                 }
                 this.hideMenuItemDropdown();
-            } }, index.h("ix-menu-item", { key: 'bfce7e95d4e994a53d20016b1108f26248c19de9', ...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: '1700d1f6d3c93e66ede8e96ab6f6ed126b255220', class: "category" }, index.h("span", { key: '6f56b33cbf5be34051d2466c9b99d012664ad1c9', class: "category-text" }, this.label), index.h("ix-icon", { key: 'b971ca95e49344cc3f60c72430701c6a8c06a21c', 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: '36f61ae3b2b0e52fa67380216d46b5386c446f30', 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: 'a89d90584e563751f4e8c5705be94e2e52cd801a', 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) {
@@ -353,163 +364,10 @@ const MenuCategory = class extends index.Mixin(...component.DefaultMixins, inher
                         e.preventDefault();
                     }
                 }
-            }, onFocusout: () => this.onDropdownFocusOut() }, index.h("ix-dropdown-item", { key: '437c4dfccac1e17d515cc1095b9b2d2ded520ae6', class: 'category-dropdown-header', tabindex: -1, "aria-hidden": "true" }, index.h("ix-typography", { key: 'a72c3c3f9db4d7330f7876518f2e0d26b3718f02', format: "label", bold: true, textColor: "std" }, this.label)), index.h("ix-divider", { key: 'f743e54cbdbd27b56030f2a8f44073fe12ea1564' }), index.h("slot", { key: '37394a8edb8a0eeffa8b2ed4aaeb5d913249f2d5' }))));
+            }, 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

@@ -2,10 +2,10 @@
 
 var index = require('./index-DnclGKUw.js');
 var index$1 = require('./index-BQht1mLe.js');
-var baseButton = require('./base-button-BP6iIMR7.js');
-var a11y = require('./a11y-_XjpTo2w.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) {

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

@@ -3,12 +3,12 @@
 var index = require('./index-DnclGKUw.js');
 var index$1 = require('./index-BQht1mLe.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 makeRef = require('./make-ref-CHsa3FY7.js');
 var menuService = require('./menu-service-DBg-0e5W.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var uuid = require('./uuid-Bo2QzEg9.js');
-var a11y = require('./a11y-_XjpTo2w.js');
+var a11y = require('./a11y--G19CFwe.js');
 require('./focus-utilities-5SZMxJg4.js');
 require('./shadow-dom-BL5F7RFW.js');
 require('./typed-event-Bw4IfJC0.js');
@@ -123,6 +123,7 @@ const MenuItem = class extends index.Mixin(...component.DefaultMixins, inheritAr
                 undefined;
     }
     connectedCallback() {
+        super.connectedCallback();
         this.observer.observe(this.hostElement, {
             subtree: true,
             childList: true,
@@ -156,7 +157,10 @@ const MenuItem = class extends index.Mixin(...component.DefaultMixins, inheritAr
             this.tooltipText !== this.label &&
             this.tooltipText !== this.hostElement.textContent;
         if (hasDistinctTooltip) {
-            return `${this.label ?? this.menuCategoryLabel ?? this.hostElement.textContent ?? ''} ${this.tooltipText}`;
+            return `${this.label ??
+                this.menuCategoryLabel ??
+                this.hostElement.textContent ??
+                ''} ${this.tooltipText}`;
         }
         return undefined;
     }
@@ -194,12 +198,12 @@ const MenuItem = class extends index.Mixin(...component.DefaultMixins, inheritAr
             ...inheritedA11yWithoutRole,
         };
         const menuContent = [
-            this.icon && (index.h("ix-icon", { key: 'e319ac5c518ad11e6dee70251088c6f327f49827', class: 'tab-icon', name: this.icon, "aria-hidden": "true" })),
+            this.icon && (index.h("ix-icon", { key: 'a419f5c94d24c852e00387f916108cefae727cf0', class: 'tab-icon', name: this.icon, "aria-hidden": "true" })),
             this.notifications ? (index.h("div", { class: "notification" }, index.h("div", { class: "pill" }, this.notifications))) : null,
-            index.h("span", { key: 'c8e17fa4cb154eff4a2c524bc2118acb694d5d25', id: this.internalItemId, class: "tab-text text-default" }, this.label, index.h("slot", { key: 'd747ad50df0926969025d4aaa60d0c47b7ca2602' })),
+            index.h("span", { key: '95833b6a1e057c688a612455889aee0f6aab388e', id: this.internalItemId, class: "tab-text text-default" }, this.label, index.h("slot", { key: '94628460eddc3c008ce9878a3cfd275fe2ced889' })),
         ];
         const ariaLabel = this.getAriaLabel();
-        return (index.h(index.Host, { key: '38dbbe9a89ab0a1063063d986c107eb0b4ecb92d', class: {
+        return (index.h(index.Host, { key: 'dd42494be7e2e0d4a109e137f53a21c05696a3b9', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -215,163 +219,10 @@ const MenuItem = class extends index.Mixin(...component.DefaultMixins, inheritAr
                 }
             }, "aria-disabled": a11y.a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)) : (index.h("button", { ...commonAttributes, role: effectiveRole, tabIndex: this.isInMenuContext || this.isCategory
                 ? this.hostTabIndex
-                : undefined, ref: this.buttonRef, onKeyDown: (e) => this.handleCategoryKeyDown(e), "aria-disabled": a11y.a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)), index.h("ix-tooltip", { key: '4fdc4aa9b1944ec3f43d12b71c81e0518d29ae75', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": "true", "aria-labelledby": this.internalItemId }, this.tooltip)));
+                : undefined, ref: this.buttonRef, onKeyDown: (e) => this.handleCategoryKeyDown(e), "aria-disabled": a11y.a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)), index.h("ix-tooltip", { key: '4323e540c6d50894126a913ea1eb2a6101c27777', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": "true", "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     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
-            }],
         "icon": [{
                 "onIconChange": 0
             }]