set icon(value) {
    const svgElem = this.shadowRoot?.querySelector('svg');
    if (value && pathData[value]) {
      svgElem.style.display = '';
      this.setAttribute(attributes.ICON, value);
      svgElem.innerHTML = this.iconData();
    } else {
      this.removeAttribute(attributes.ICON);
      svgElem.style.display = 'none';
    }
  }
/**
   * Sets the icon svg path to render
   * @param {string} value The value must be a valid key in the path-data.json
   */
Sets the icon svg path to render
@param {string} value The value must be a valid key in the path-data.json
Sets the icon svg path to render @param { string } value The value must be a valid key in the path - data . json
set icon(value) {
    const svgElem = this.shadowRoot?.querySelector('svg');
    if (value && pathData[value]) {
      svgElem.style.display = '';
      this.setAttribute(attributes.ICON, value);
      svgElem.innerHTML = this.iconData();
    } else {
      this.removeAttribute(attributes.ICON);
      svgElem.style.display = 'none';
    }
  }
set icon ( value ) { const svgElem = this . shadowRoot ?. querySelector ( 'svg' ) ; if ( value && pathData [ value ] ) { svgElem . style . display = '' ; this . setAttribute ( attributes . ICON , value ) ; svgElem . innerHTML = this . iconData ( ) ; } else { this . removeAttribute ( attributes . ICON ) ; svgElem . style . display = 'none' ; } }
Sets the icon svg path to render
 @param {string} value The value must be a valid key in the path-data.json
Sets the icon svg path to render @param { string } value The value must be a valid key in the path - data . json