/**
 * @archivo control-bar.js
 * /
importar componente desde '../component.js';
importar documento desde 'global/document';

// Hijos requeridos
importar './play-toggle.js';
import './time-controls/current-time-display.js';
import './time-controls/duration-display.js';
import './time-controls/time-divider.js';
import './time-controls/remaining-time-display.js';
importar './live-display.js';
importar './buscar-para-vivir.js';
importar './progreso-control/progreso-control.js';
importar './imagen-en-imagen-alternar.js';
importar './pantalla completa-toggle.js';
importar './volumen-panel.js';
import './text-track-controls/chapters-button.js';
import './text-track-controls/descriptions-button.js';
import './text-track-controls/subtitles-button.js';
import './text-track-controls/captions-button.js';
import './text-track-controls/subs-caps-button.js';
import './audio-track-controls/audio-track-button.js';
import './playback-rate-menu/playback-rate-menu-button.js';
import './spacer-controls/custom-control-spacer.js';

/**
 * Contenedor de controles principales.
 *
 * Componente @extiende
 * /
clase ControlBar extiende Componente {

  /**
   * Crear el elemento DOM del 'Componente'
   *
   * @return {Elemento}
   * El elemento que se creó.
   * /
  crearEl() {
    return super.createEl('div', {
      className: 'vjs-control-barra',
      dir: 'ltr'
    });
  }
}

/**
 * Opciones predeterminadas para `ControlBar`
 *
 * @type {Objeto}
 * @privado
 * /
ControlBar.prototipo.opciones_ = {
  niños: [
    'jugar Alternar',
    'panel de volumen',
    'visualización de la hora actual',
    'divisor de tiempo',
    'visualización de duración',
    'control de progreso',
    'pantalla en vivo',
    'buscarVivir',
    'RemainingTimeDisplay',
    'espaciador de control personalizado',
    'botón de menú de tasa de reproducción',
    'boton de capitulos',
    'boton de descripciones',
    'subsCapsButton',
    'botón de pista de audio',
    'toggle de pantalla completa'
  ]
};

if ('exitPictureInPicture' en el documento) {
  Barra de control.prototipo.opciones_.niños.empalme(
    Barra de control.prototipo.opciones_.niños.longitud - 1,
    0,
    'imagenEnImagenAlternar'
  );
}

Componente.registerComponent('ControlBar', ControlBar);
exportar la barra de control predeterminada;