umap/umap/static/umap/js/modules/ui/dialog.js

import { DomUtil, DomEvent } from '../../../vendors/leaflet/leaflet-src.esm.js'
import { translate } from '../i18n.js'

export default class Dialog {
  constructor(parent) {
    this.parent = parent
    this.container = DomUtil.create(
      'dialog',
      'umap-dialog',
      this.parent
    )
    DomEvent.disableClickPropagation(this.container)
    DomEvent.on(this.container, 'contextmenu', DomEvent.stopPropagation) // Do not activate our custom context menu.
    DomEvent.on(this.container, 'wheel', DomEvent.stopPropagation)
    DomEvent.on(this.container, 'MozMousePixelScroll', DomEvent.stopPropagation)
  }

  get visible() {
    return this.container.open
  }

  close() {
    this.container.close()
  }

  open({className, content, modal} = {}) {
    this.container.innerHTML = ''
    if (modal) this.container.showModal()
    else this.container.show()
    if (className) {
      this.container.classList.add(className)
    }
    const closeButton = DomUtil.createButton(
      'umap-close-link',
      this.container,
      '',
      () => this.container.close()
    )
    DomUtil.createIcon(closeButton, 'icon-close')
    const label = DomUtil.create('span', '', closeButton)
    label.title = label.textContent = translate('Close')
    this.container.appendChild(content)
  }
}