/**
 * @file control-bar.js
 */
從 '../component.js' 導入組件；
從“全局/文檔”導入文檔；

// 必需的孩子
導入“./play-toggle.js”；
導入'./time-controls/current-time-display.js';
導入'./time-controls/duration-display.js';
導入'./time-controls/time-divider.js';
導入'./time-controls/remaining-time-display.js';
導入'./live-display.js'；
導入'./seek-to-live.js'；
導入'./progress-control/progress-control.js';
導入'./畫中畫-toggle.js';
導入“./fullscreen-toggle.js”；
導入“./volume-panel.js”；
導入“./text-track-controls/chapters-button.js”；
導入“./text-track-controls/descriptions-button.js”；
導入'./text-track-controls/subtitles-button.js';
導入“./text-track-controls/captions-button.js”；
導入“./text-track-controls/subs-caps-button.js”；
導入“./audio-track-controls/audio-track-button.js”；
導入'./playback-rate-menu/playback-rate-menu-button.js';
導入'./spacer-controls/custom-control-spacer.js';

/**
 * 主要控件的容器。
 *
 * @extends 組件
 */
類 ControlBar 擴展組件 {

  /**
   * 創建 `Component` 的 DOM 元素
   *
   * @return {元素}
   * 創建的元素。
   */
  創建El() {
    返回 super.createEl('div', {
      className: 'vjs-control-bar',
      目錄：'ltr'
    }）；
  }
}

/**
 * `ControlBar` 的默認選項
 *
 * @type {對象}
 * @私人的
 */
ControlBar.prototype.options_ = {
  孩子們： [
    '播放切換',
    '音量面板',
    '當前時間顯示',
    '時間分隔符',
    '持續時間顯示',
    '進度控制',
    'liveDisplay',
    '求生',
    '剩餘時間顯示',
    '自定義控制墊片'，
    '回放率菜單按鈕',
    '章節按鈕',
    '描述按鈕',
    'subsCapsButton',
    '音軌按鈕',
    '全屏切換'
  ]
};

如果（文檔中的“exitPictureInPicture”）{
  ControlBar.prototype.options_.children.splice(
    ControlBar.prototype.options_.children.length - 1,
    0,
    '畫中畫切換'
  ）;
}

Component.registerComponent('ControlBar', ControlBar);
導出默認控件欄；