set dropdownIcon(val) {
    const trueVal = IdsStringUtils.stringToBool(val);
    const iconName = (typeof val === 'string' && val.length) ? `${val}` : 'dropdown';
    const icon = this.dropdownIconEl;
    if (trueVal) {
      if (!icon) {
        this.container.insertAdjacentHTML('beforeend', `<ids-icon icon="${iconName}" class="ids-icon dropdown-icon"></ids-icon>`);
      } else {
        icon.icon = iconName;
      }
    } else if (icon) {
      icon.remove();
    }
    this.setPopupArrow();
  }
/**
   * @param {string|undefined} val referencing an icon string name to use
   */
@param {string|undefined} val referencing an icon string name to use
@param { string|undefined } val referencing an icon string name to use
set dropdownIcon(val) {
    const trueVal = IdsStringUtils.stringToBool(val);
    const iconName = (typeof val === 'string' && val.length) ? `${val}` : 'dropdown';
    const icon = this.dropdownIconEl;
    if (trueVal) {
      if (!icon) {
        this.container.insertAdjacentHTML('beforeend', `<ids-icon icon="${iconName}" class="ids-icon dropdown-icon"></ids-icon>`);
      } else {
        icon.icon = iconName;
      }
    } else if (icon) {
      icon.remove();
    }
    this.setPopupArrow();
  }
set dropdownIcon ( val ) { const trueVal = IdsStringUtils . stringToBool ( val ) ; const iconName = ( typeof val === 'string' && val . length ) ? ` ${ val } ` : 'dropdown' ; const icon = this . dropdownIconEl ; if ( trueVal ) { if ( ! icon ) { this . container . insertAdjacentHTML ( 'beforeend' , ` ${ iconName } ` ) ; } else { icon . icon = iconName ; } } else if ( icon ) { icon . remove ( ) ; } this . setPopupArrow ( ) ; }
@param {string|undefined} val referencing an icon string name to use
@param { string|undefined } val referencing an icon string name to use