/**
 * @file loading-spinner.js
 */
import Component from './component' ;
import * as dom from './utils/dom' ;

/**
 * Un rouleau de chargement à utiliser lors des événements d'attente/de chargement.
 *
 * @extends Component
 */
class LoadingSpinner extends Component {

  /**
   * Créer l'élément DOM `LoadingSpinner`.
   *
   * @return {Element}
   *         L'élément dom qui est créé.
   */
  createEl() {
    const isAudio = this.player_.isAudio() ;
    const playerType = this.localize(isAudio ? 'Lecteur audio' : 'Video Player') ;
    const controlText = dom.createEl('span', {
      className : 'vjs-control-text',
      textContent : this.localize('{1} se charge.', [playerType])
    }) ;

    const el = super.createEl('div', {
      className : 'vjs-loading-spinner',
      dir : 'ltr'
    }) ;

    el.appendChild(controlText) ;

    return el ;
  }
}

Component.registerComponent('LoadingSpinner', LoadingSpinner) ;
exporter le LoadingSpinner par défaut ;