var bindEvent = require('aframe-event-decorators').bindEvent;

/**
 * Select difficulty.
 */
AFRAME.registerComponent('menu-difficulty-select', {
  init: function () {
    this.el.sceneEl.addEventListener('menuchallengeselect', () => {
      this.el.object3D.visible = false;
      setTimeout(() => {
        this.el.components.layout.update();
        this.el.object3D.visible = true;
      }, 150);
    });
  },

  click: bindEvent(function (evt) {
    this.el.sceneEl.emit(
      'menudifficultyselect',
      evt.target.closest('.difficultyOption').dataset.difficulty,
      false);
  })
});