dialog(content, coords = false, className = '') {
    const _this = this
    const clientWidth = document.documentElement.clientWidth
    const clientHeight = document.documentElement.clientHeight
    _this.showOverlay()

    className = 'form-builder-dialog ' + className

    const miniModal = m('div', content, { className: className })
    if (!coords) {
      coords = {
        pageX: Math.max(clientWidth, window.innerWidth || 0) / 2,
        pageY: Math.max(clientHeight, window.innerHeight || 0) / 2,
      }
      miniModal.style.position = 'fixed'
    } else {
      miniModal.classList.add('positioned')
    }

    miniModal.style.left = coords.pageX + 'px'
    miniModal.style.top = coords.pageY + 'px'

    document.body.appendChild(miniModal)

    document.dispatchEvent(new Event('modalOpened', { bubbles: true, cancelable: false} ))

    if (className.indexOf('data-dialog') !== -1) {
      document.dispatchEvent(new Event('viewData', { bubbles: true, cancelable: false} ))
    }

    return miniModal
  }
Popup dialog the does not require confirmation.
@param  {string|HTMLElement|Array}  content
@param  {{pageX: Number, pageY: Number}|false} [coords=false]   screen coordinates to position dialog
@param  {string} [className=''] classname to be added to the dialog
@return {HTMLElement}            dom