@anywhichway/nerd-editor/src/dialogs/popover-dialog.js

A JavaScript rich text editor based on and with support for custom elements.

import {createElement} from "../create-element";

const popoverDialog = createElement({tagName:"dialog",
    attributes:{style:{position:"absolute"}},
    innerHTML:[
        '<div class="ne-dialog-header"></div>',
        '<div class="ne-dialog-content" style="display:inline-block"></div>',
        '<div style="display:inline-block;margin-left:1ch"><ne-control-editor-dialog></ne-control-editor-dialog><ne-control-delete></ne-control-delete></div>',
        '<div class="ne-dialog-footer"></div>'
    ].join("")});
popoverDialog.querySelector("ne-control-delete").addEventListener("click",()=>popoverDialog.close());
popoverDialog.querySelector("ne-control-editor-dialog").addEventListener("click",()=>popoverDialog.close());

export {popoverDialog}