/**
 * @Datei subs-caps-menu-item.js
 * /
import TextTrackMenuItem from './text-track-menu-item.js';
importiere Komponente aus '../../component.js';
importiere {createEl} aus '../../utils/dom.js';

/**
 * SubsCapsMenuItem hat ein [cc]-Symbol, um Untertitel von Untertiteln zu unterscheiden
 * im Menü SubsCapsMenu.
 *
 * @extends TextTrackMenuItem
 * /
class SubsCapsMenuItem extends TextTrackMenuItem {

  createEl(type, props, attrs) {
    const el = super.createEl(type, props, attrs);
    const parentSpan = el.querySelector('.vjs-menu-item-text');

    if (this.options_.track.kind === 'captions') {
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-icon-placeholder'
      }, {
        aria-hidden": wahr
      }));
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-control-text',
        // Leerzeichen hinzugefügt, da der Text visuell mit dem
        // Etikett
        textInhalt: ` ${this.localize('Überschriften')}`
      }));
    }

    zurück el;
  }
}

Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
exportieren standardmäßig SubsCapsMenuItem;