detectSelectability() {
    const selectType = this.group.select;
    const isSelectable = selectType !== null && !this.submenu;
    const check = this.container.querySelector('span.check');

    if (isSelectable) {
      this.container.classList.add(selectType === 'multiple' ? 'has-multi-checkmark' : 'has-checkmark');
      this.container.classList.remove(selectType === 'multiple' ? 'has-checkmark' : 'has-multi-checkmark');
      if (!check) {
        this.a.insertAdjacentHTML('afterbegin', `<span class="check"></span>`);
      }
      this.a.setAttribute('aria-checked', this.selected ? 'true' : 'false');
    } else {
      this.container.classList.remove('has-checkmark', 'has-multi-checkmark');
      check?.remove();
      this.a.removeAttribute('aria-checked');
    }
  }
/**
   * Decorates the menu for selectability, adding/removing a checkmark
   * @private
   * @returns {void}
   */
Decorates the menu for selectability, adding/removing a checkmark
@private
@returns {void}
Decorates the menu for selectability adding / removing a checkmark @private @returns { void }
detectSelectability() {
    const selectType = this.group.select;
    const isSelectable = selectType !== null && !this.submenu;
    const check = this.container.querySelector('span.check');
    if (isSelectable) {
      this.container.classList.add(selectType === 'multiple' ? 'has-multi-checkmark' : 'has-checkmark');
      this.container.classList.remove(selectType === 'multiple' ? 'has-checkmark' : 'has-multi-checkmark');
      if (!check) {
        this.a.insertAdjacentHTML('afterbegin', `<span class="check"></span>`);
      }
      this.a.setAttribute('aria-checked', this.selected ? 'true' : 'false');
    } else {
      this.container.classList.remove('has-checkmark', 'has-multi-checkmark');
      check?.remove();
      this.a.removeAttribute('aria-checked');
    }
  }
detectSelectability ( ) { const selectType = this . group . select ; const isSelectable = selectType !== null && ! this . submenu ; const check = this . container . querySelector ( 'span.check' ) ; if ( isSelectable ) { this . container . classList . add ( selectType === 'multiple' ? 'has-multi-checkmark' : 'has-checkmark' ) ; this . container . classList . remove ( selectType === 'multiple' ? 'has-checkmark' : 'has-multi-checkmark' ) ; if ( ! check ) { this . a . insertAdjacentHTML ( 'afterbegin' , ` ` ) ; } this . a . setAttribute ( 'aria-checked' , this . selected ? 'true' : 'false' ) ; } else { this . container . classList . remove ( 'has-checkmark' , 'has-multi-checkmark' ) ; check ?. remove ( ) ; this . a . removeAttribute ( 'aria-checked' ) ; } }
Decorates the menu for selectability, adding/removing a checkmark
 @private
 @returns {void}
Decorates the menu for selectability adding / removing a checkmark @private @returns { void }