appendIcon(iconName) {
    // First look specifically for an icon slot.
    const icon = this.querySelector(`ids-icon[slot="icon"]`); // @TODO check for submenu icons here
    if (icon) {
      icon.icon = iconName;
    } else {
      this.insertAdjacentHTML('afterbegin', `<ids-icon slot="icon" icon="${iconName}" size="${MENU_ITEM_SIZE}" class="ids-icon ids-menu-item-display-icon"></ids-icon>`);
    }
  }
/**
   * Check if an icon exists, and adds the icon if it's missing
   * @param {string} iconName The icon name to check
   * @private
   */
Check if an icon exists, and adds the icon if it's missing
@param {string} iconName The icon name to check
@private
Check if an icon exists and adds the icon if it ' s missing @param { string } iconName The icon name to check @private
appendIcon(iconName) {
    const icon = this.querySelector(`ids-icon[slot="icon"]`); 
    if (icon) {
      icon.icon = iconName;
    } else {
      this.insertAdjacentHTML('afterbegin', `<ids-icon slot="icon" icon="${iconName}" size="${MENU_ITEM_SIZE}" class="ids-icon ids-menu-item-display-icon"></ids-icon>`);
    }
  }
appendIcon ( iconName ) { const icon = this . querySelector ( ` ` ) ; if ( icon ) { icon . icon = iconName ; } else { this . insertAdjacentHTML ( 'afterbegin' , ` ${ iconName } ${ MENU_ITEM_SIZE } ` ) ; } }
Check if an icon exists, and adds the icon if it's missing
 @param {string} iconName The icon name to check
 @private
Check if an icon exists and adds the icon if it ' s missing @param { string } iconName The icon name to check @private
// First look specifically for an icon slot. // @TODO check for submenu icons here