/**
 * @archivo subs-caps-menu-item.js
 * /
importar TextTrackMenuItem desde './text-track-menu-item.js';
importar componente desde '../../component.js';
importar {createEl} desde '../../utils/dom.js';

/**
 * SubsCapsMenuItem tiene un ícono [cc] para distinguir los subtítulos de los subtítulos
 * en el menú SubsCaps.
 *
 * @extiende TextTrackMenuItem
 * /
clase SubsCapsMenuItem extiende TextTrackMenuItem {

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

    if (this.options_.track.kind === 'títulos') {
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-icono-marcador de posición'
      }, {
        'aria-oculto': verdadero
      }));
      parentSpan.appendChild(createEl('span', {
        className: 'vjs-control-texto',
        // espacio agregado ya que el texto fluirá visualmente con el
        // etiqueta
        textContent: ` ${this.localize('Captions')}`
      }));
    }

    volver el;
  }
}

Component.registerComponent('SubsCapsMenuItem', SubsCapsMenuItem);
exportar SubsCapsMenuItem predeterminado;