on-codemerge
Version:
A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product
2 lines (1 loc) • 849 B
JavaScript
;var d=Object.defineProperty;var s=(n,e,t)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var l=(n,e,t)=>s(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../icons/close.svg.cjs");class u{constructor(e,t){l(this,"element");this.element=this.createHeader(e,t)}createHeader(e,t){const c=document.createElement("div");c.className="popup-header";const a=document.createElement("div");a.className="popup-header-container";const o=document.createElement("h3");o.className="popup-header-title",o.textContent=e;const r=document.createElement("button");return r.className="close-button",r.innerHTML=p.default,r.addEventListener("click",t),a.appendChild(o),a.appendChild(r),c.appendChild(a),c}getElement(){return this.element}}exports.PopupHeader=u;