head.html

<script>
let eventMixin = {

  /**
   * Se inscreve ao evento, utilização:
   *  menu.on('select', function(item) { ... }
  */
  on(eventName, handler) {
    if (!this._eventHandlers) this._eventHandlers = {};
    if (!this._eventHandlers[eventName]) {
      this._eventHandlers[eventName] = [];
    }
    this._eventHandlers[eventName].push(handler);
  },

  /**
   * Cancela a inscrição, utilização:
   *  menu.off('select', handler)
   */
  off(eventName, handler) {
    let handlers = this._eventHandlers?.[eventName];
    if (!handlers) return;
    for(let i = 0; i < handlers.length; i++) {
      if (handlers[i] == handler) {
        handlers.splice(i--, 1);
      }
    }
  },

  /**
   * Gera o evento e anexa os dados a ele
   *  this.trigger('select', data1, data2);
   */
  trigger(eventName, ...args) {
    if (!this._eventHandlers || !this._eventHandlers[eventName]) {
      return; // // sem manipuladores (handlers) para esse nome de evento
    }

    // chama o manipulador de eventos (handler)
    this._eventHandlers[eventName].forEach(handler => handler.apply(this, args));
  }
};
</script>