template() {
    const innerContent = this.hasAttribute('count') ? (
      `<ids-text
        overflow="ellipsis"
        font-size="28"
        color="unset"
        ${this.selected ? 'font-weight="bold"' : ''}
      >${this.getAttribute(attributes.COUNT)}
      </ids-text>
      <ids-text
        overflow="ellipsis"
        size="22"
        color="unset"
        ${this.selected ? 'font-weight="bold"' : ''}
      >
        <slot></slot>
      </ids-text>`
    ) : (
      `<ids-text
      overflow="ellipsis"
      size="22"
      color="unset"
      ${this.selected ? 'font-weight="bold"' : ''}
    >
      <slot></slot>
    </ids-text>`
    );

    return (
      `<div ${
        buildClassAttrib(
          'ids-tab',
          this.selected,
          this.orientation,
          this.count
        ) }
        tabindex="-1"
        part="container"
      >${innerContent}
      </div>`
    );
  }
/**
   * Create the Template for the contents
   * @returns {string} the template to render
   */
Create the Template for the contents
@returns {string} the template to render
Create the Template for the contents @returns { string } the template to render
template() {
    const innerContent = this.hasAttribute('count') ? (
      `<ids-text
        overflow="ellipsis"
        font-size="28"
        color="unset"
        ${this.selected ? 'font-weight="bold"' : ''}
      >${this.getAttribute(attributes.COUNT)}
      </ids-text>
      <ids-text
        overflow="ellipsis"
        size="22"
        color="unset"
        ${this.selected ? 'font-weight="bold"' : ''}
      >
        <slot></slot>
      </ids-text>`
    ) : (
      `<ids-text
      overflow="ellipsis"
      size="22"
      color="unset"
      ${this.selected ? 'font-weight="bold"' : ''}
    >
      <slot></slot>
    </ids-text>`
    );
    return (
      `<div ${
        buildClassAttrib(
          'ids-tab',
          this.selected,
          this.orientation,
          this.count
        ) }
        tabindex="-1"
        part="container"
      >${innerContent}
      </div>`
    );
  }
template ( ) { const innerContent = this . hasAttribute ( 'count' ) ? ( ` ${ this . selected ? 'font-weight="bold"' : '' } ${ this . getAttribute ( attributes . COUNT ) } ${ this . selected ? 'font-weight="bold"' : '' } ` ) : ( ` ${ this . selected ? 'font-weight="bold"' : '' } ` ) ; return ( ` ${ buildClassAttrib ( 'ids-tab' , this . selected , this . orientation , this . count ) } ${ innerContent } ` ) ; }
Create the Template for the contents
 @returns {string} the template to render
Create the Template for the contents @returns { string } the template to render