decorateSubmenu(val) {
    const icon = this.container.querySelector('ids-icon[icon="dropdown"]');
    if (val === true || val === 'true') {
      this.submenu.setAttribute('slot', 'submenu');
      this.a.setAttribute('role', 'button');
      this.a.setAttribute('aria-haspopup', 'true');
      this.a.setAttribute('aria-expanded', 'false');
      if (!icon) {
        this.a.insertAdjacentHTML('beforeend', `<ids-icon slot="icon" icon="dropdown" size="${MENU_ITEM_SIZE}" class="ids-icon ids-menu-item-submenu-icon"></ids-icon>`);
      }
      this.value = null;
    } else {
      this.a.setAttribute('role', 'menuitem');
      this.a.removeAttribute('aria-haspopup');
      this.a.removeAttribute('aria-expanded');
      icon?.remove();
    }
  }
/**
   * @private
   * @param {boolean|string} val true if a submenu is present and should be identified
   * with icons and correct aria attributes
   */
@private
@param {boolean|string} val true if a submenu is present and should be identified
with icons and correct aria attributes
@private @param { boolean|string } val true if a submenu is present and should be identified with icons and correct aria attributes
decorateSubmenu(val) {
    const icon = this.container.querySelector('ids-icon[icon="dropdown"]');
    if (val === true || val === 'true') {
      this.submenu.setAttribute('slot', 'submenu');
      this.a.setAttribute('role', 'button');
      this.a.setAttribute('aria-haspopup', 'true');
      this.a.setAttribute('aria-expanded', 'false');
      if (!icon) {
        this.a.insertAdjacentHTML('beforeend', `<ids-icon slot="icon" icon="dropdown" size="${MENU_ITEM_SIZE}" class="ids-icon ids-menu-item-submenu-icon"></ids-icon>`);
      }
      this.value = null;
    } else {
      this.a.setAttribute('role', 'menuitem');
      this.a.removeAttribute('aria-haspopup');
      this.a.removeAttribute('aria-expanded');
      icon?.remove();
    }
  }
decorateSubmenu ( val ) { const icon = this . container . querySelector ( 'ids-icon[icon="dropdown"]' ) ; if ( val === true || val === 'true' ) { this . submenu . setAttribute ( 'slot' , 'submenu' ) ; this . a . setAttribute ( 'role' , 'button' ) ; this . a . setAttribute ( 'aria-haspopup' , 'true' ) ; this . a . setAttribute ( 'aria-expanded' , 'false' ) ; if ( ! icon ) { this . a . insertAdjacentHTML ( 'beforeend' , ` ${ MENU_ITEM_SIZE } ` ) ; } this . value = null ; } else { this . a . setAttribute ( 'role' , 'menuitem' ) ; this . a . removeAttribute ( 'aria-haspopup' ) ; this . a . removeAttribute ( 'aria-expanded' ) ; icon ?. remove ( ) ; } }
@private
 @param {boolean|string} val true if a submenu is present and should be identified
 with icons and correct aria attributes
@private @param { boolean|string } val true if a submenu is present and should be identified with icons and correct aria attributes