code: function createTrigger(options, fn) {
          var name = options.name || '';
  
          var el = document.createElement('div');
          el.innerHTML = '\n        <div class="Control" data-trigger>\n            <h3 class="Control-name" data-name>' + name + '</h3>\n            <div class="Control-inner">\n                <div class="Control-circle">\n                    <div class="Control-mark Control-mark--play" data-icon></div>\n                </div>\n            </div>\n            <output class="Control-output" data-output>&nbsp;</output>\n        </div>\n        ';
          options.el.appendChild(el);
  
          function onDown(event) {
              if (event.type === 'touchstart') {
                  el.removeEventListener('mousedown', onDown);
              }
  
              if (fn) {
                  fn();
              }
          }
  
          function destroy() {
              el.removeEventListener('mousedown', onDown);
              el.removeEventListener('touchstart', onDown);
          }
  
          el.addEventListener('mousedown', onDown);
          el.addEventListener('touchstart', onDown);
  
          return { destroy: destroy };
      }
docs: /*
  Trigger control