on-codemerge/dist/src/core/ui/PopupHeader.cjs

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

/*! on-codemerge v1.3.1 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2026 Pavel Kuzmin - Built on 2026-07-02T13:39:17.947Z */
"use strict";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;