code: function renderHintMatch(li, self, data) {
    // Bold the matched text
    const { displayText, segment } = data;
    const markedName = replaceWithSurround(displayText, segment, '<strong>', '</strong>');
  
    const { char, title } = ICONS[data.type];
    const safeValue = escapeHTML(data.displayValue);
  
    li.className += ` fancy-hint type--${data.type}`;
    li.innerHTML = `
      <label class="label" title="${title}">${char}</label>
      <div class="name">${markedName}</div>
      <div class="value" title=${safeValue}>
        ${safeValue}
      </div>
    `;
  }
docs: Render the autocomplete list entry
  @param li
  @param self
  @param data