/**
 * @file sub-caps-button.js
 */
import TextTrackButton de './text-track-button.js' ;
import Component from '../../component.js' ;
import CaptionSettingsMenuItem de './caption-settings-menu-item.js' ;
import SubsCapsMenuItem de './subs-caps-menu-item.js' ;
import {toTitleCase} de '../../utils/string-cases.js' ;
/**
 * Le composant bouton pour basculer et sélectionner les sous-titres et/ou les légendes
 *
 * @extends TextTrackButton
 */
class SubsCapsButton extends TextTrackButton {

  constructor(player, options = {}) {
    super(player, options) ;

    // Bien que l'Amérique du Nord utilise les "captions" dans la plupart des cas pour les
    // "captions and subtitles" d'autres localités utilisent "subtitles"
    this.label_ = 'subtitles' ;
    if (['en', 'en-us', 'en-ca', 'fr-ca'].indexOf(this.player_.language_) > -1) {
      this.label_ = 'captions' ;
    }
    this.menuButton_.controlText(toTitleCase(this.label_)) ;
  }

  /**
   * Construit le DOM par défaut `className`.
   *
   * @return {string}
   *         Le `nom de classe` du DOM pour cet objet.
   */
  buildCSSClass() {
    return `vjs-subs-caps-button ${super.buildCSSClass()}` ;
  }

  buildWrapperCSSClass() {
    return `vjs-subs-caps-button ${super.buildWrapperCSSClass()}` ;
  }

  /**
   * Créer des éléments de menu pour les sous-titres
   *
   * @return {CaptionSettingsMenuItem[]}
   *         Le tableau des éléments du menu actuel.
   */
  createItems() {
    let items = [] ;

    if ( !(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) &&
      this.player().getChild('textTrackSettings')) {
      items.push(new CaptionSettingsMenuItem(this.player_, {kind : this.label_})) ;

      this.hideThreshold_ += 1 ;
    }

    items = super.createItems(items, SubsCapsMenuItem) ;
    les articles de retour ;
  }

}

/**
 * `s types de TextTrack à rechercher pour l'associer à ce menu.
 *
 * @type {array}
 * @private
 */
SubsCapsButton.prototype.kinds_ = ['captions', 'subtitles'] ;

/**
 * Le texte qui doit s'afficher au-dessus des contrôles `SubsCapsButton`.
 *
 *
 * @type {string}
 * @private
 */
SubsCapsButton.prototype.controlText_ = 'Sous-titres' ;

Component.registerComponent('SubsCapsButton', SubsCapsButton) ;
export default SubsCapsButton ;