/**
 * @file time-divider.js
 */
import Component from '../../component.js' ;

/**
 * Le séparateur entre l'heure actuelle et la durée.
 * Il peut être caché s'il n'est pas nécessaire dans la conception.
 *
 * @extends Component
 */
class TimeDivider extends Component {

  /**
   * Créer l'élément DOM du composant
   *
   * @return {Element}
   *         L'élément qui a été créé.
   */
  createEl() {
    const el = super.createEl('div', {
      className : 'vjs-time-control vjs-time-divider'
    }, {
      // cet élément et son contenu peuvent être cachés aux techniciens d'assistance car
      // il est rendu inutile par l'annonce du texte de contrôle
      // pour l'affichage de l'heure actuelle et de la durée
      aria-hidden" : vrai
    }) ;

    const div = super.createEl('div') ;
    const span = super.createEl('span', {
      textContent : '/'
    }) ;

    div.appendChild(span) ;
    el.appendChild(div) ;

    return el ;
  }

}

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