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

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

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

const elementEditorDialog = createElement({tagName:"dialog",
    attributes:{style:{position:"absolute"}},
    innerHTML:[
        '<div class="ne-dialog-header"></div>',
        '<div class="ne-dialog-content"></div>',
        '<div class="ne-dialog-footer" style="display:inline-block">',
        '<div style="display:inline-block;float:right;margin-top:1em"><button name="save">Save</button><button name="cancel">Cancel</button></div>'
    ].join("")});
elementEditorDialog.querySelector('[name="cancel"]').addEventListener("click",()=>elementEditorDialog.close());
elementEditorDialog.querySelector('[name="save"]').addEventListener("click",()=>elementEditorDialog.close("save"));

export {elementEditorDialog}