/**
 * @file subs-caps-menu-item.js
 */
從“./text-track-menu-item.js”導入 TextTrackMenuItem；
從 '../../component.js' 導入組件；
從'../../utils/dom.js'導入{createEl}；

/**
 * SubsCapsMenuItem 有一個 [cc] 圖標來區分字幕和字幕
 * 在 SubsCapsMenu 中。
 *
 * @extends TextTrackMenuItem
 */
類 SubsCapsMenuItem 擴展 TextTrackMenuItem {

  createEl（類型，道具，屬性）{
    const el = super.createEl(type, props, attrs);
    const parentSpan = el.querySelector('.vjs-menu-item-text');

    如果（this.options_.track.kind === '字幕'）{
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-icon-placeholder'
      }，{
        'aria-hidden': true
      }));
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-control-text',
        // 添加空間，因為文本在視覺上會隨著
        // 標籤
        文本內容：`${this.localize('Captions')}`
      }));
    }

    返回 el;
  }
}

Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
導出默認的 SubsCapsMenuItem；