${this.renderRipple()} ${this.renderFocusRing()}
        
        
        
        ${this.renderBody()}
      
    `)}renderListItem(e){const o=this.type==="link";let r;switch(this.type){case"link":r=a.i`a`;break;case"button":r=a.i`button`;break;default:case"text":r=a.i`li`;break}const u=this.type!=="text",g=o&&this.target?this.target:t.E;return a.u`
      <${r}
        id="item"
        tabindex="${this.isDisabled||!u?-1:0}"
        ?disabled=${this.isDisabled}
        role="listitem"
        aria-selected=${this.ariaSelected||t.E}
        aria-checked=${this.ariaChecked||t.E}
        aria-expanded=${this.ariaExpanded||t.E}
        aria-haspopup=${this.ariaHasPopup||t.E}
        class="list-item ${t.e$1(this.getRenderClasses())}"
        href=${this.href||t.E}
        target=${g}
        @focus=${this.onFocus}
      >${e}${r}>
    `}renderRipple(){return this.type==="text"?t.E:t.x`