on-codemerge/dist/src/utils/helpers.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(n="text",t="",e="",r){const a=document.createElement("input");return a.type=n,a.placeholder=t,a.value=e,a.className="form-input w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all",r&&a.addEventListener("input",c=>{r(c.target.value)}),a}function m(n,t="",e){const r=document.createElement("select");return r.className="form-select w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500",n.forEach(a=>{const c=document.createElement("option");c.value=a.value,c.textContent=a.label,r.appendChild(c)}),r.value=t,e&&r.addEventListener("change",a=>{e(a.target.value)}),r}function d(n,t=!1,e){const r=document.createElement("div");r.className="flex items-center";const a=document.createElement("input");a.type="checkbox",a.checked=t,a.className="form-checkbox h-4 w-4 text-blue-600 transition duration-150 ease-in-out",e&&a.addEventListener("change",i=>{e(i.target.checked)});const c=document.createElement("label");return c.textContent=n??"",c.className="ml-2 text-sm text-gray-700",r.appendChild(a),n&&r.appendChild(c),r}function f(n,t=""){const e=document.createElement("label");return e.textContent=n,e.className="block text-sm font-medium text-gray-700 mb-1",t&&(e.htmlFor=t),e}function b(n,t,e="primary"){const r=document.createElement("button");return r.textContent=n,r.type="button",r.className=`px-4 py-2 rounded-md text-sm font-medium ${e==="primary"?"bg-blue-500 text-white hover:bg-blue-600":e==="secondary"?"bg-gray-300 text-gray-700 hover:bg-gray-400":"bg-red-500 text-white hover:bg-red-600"}`,r.addEventListener("click",t),r}function p(n="",t=null){const e=document.createElement("div");return e.className=n,t&&(e.textContent=t),e}function x(n="",t=null){const e=document.createElement("p");return e.className=n,t&&(e.textContent=t),e}function E(n="",t=null){const e=document.createElement("span");return e.className=n,t&&(e.textContent=t),e}function g(n="",t=null){const e=document.createElement("kbd");return e.className=n,t&&(e.textContent=t),e}function h(n,t="#",e="_self",r="text-blue-500 hover:text-blue-700 underline"){const a=document.createElement("a");return a.textContent=n,a.href=t,a.target=e,a.className=r,a}function N(n="",t="",e){const r=document.createElement("textarea");return r.placeholder=n,r.value=t,r.className="form-textarea w-full p-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500",e&&r.addEventListener("input",a=>{e(a.target.value)}),r}function v(n="",t=null,e=null){const r=document.createElement("form");return t&&(r.action=t),e&&(r.method=e),r.className=n,r}function C(n="",t=null){const e=document.createElement("br");return e.className=n,t&&(e.textContent=t),e}function y(n="",t=null){const e=document.createElement("hr");return e.className=n,t&&(e.textContent=t),e}function k(n,t="",e=null){const r=document.createElement(n);return r.className=t,e&&(r.textContent=e),r}function F(n="",t=null){const e=document.createElement("iframe");return e.className=n,t&&(e.textContent=t),e}function w(n="",t=null){const e=document.createElement("video");return e.className=n,t&&(e.textContent=t),e}function L(n="",t=null){const e=document.createElement("pre");return e.className=n,t&&(e.textContent=t),e}function S(n="",t=null){const e=document.createElement("sup");return e.className=n,t&&(e.textContent=t),e}function H(n="",t=null){const e=document.createElement("code");return e.className=n,t&&(e.textContent=t),e}function V(n="",t=null){const e=document.createElement("img");return e.className=n,t&&(e.src=t),e}function D(n=""){const t=document.createElement("ol");return t.className=n,t}function I(n=""){const t=document.createElement("li");return t.className=n,t}function P(n=""){const t=document.createElement("ul");return t.className=n,t}function B(){return document.createElement("canvas")}function o(n){const t=new FormData(n),e={};for(const[r,a]of t.entries())a==="true"||a==="false"?e[r]=a==="true":!isNaN(Number(a))&&a!==""?e[r]=Number(a):e[r]=a;return e}function u(n){return n.checkValidity()}function l(n){n.reportValidity()}function O(n,t,e){return r=>{if(r.preventDefault(),!u(n)){l(n);return}const a=o(n);t(a)}}exports.createButton=b;exports.createCanvas=B;exports.createCheckbox=d;exports.createCode=H;exports.createContainer=p;exports.createForm=v;exports.createFormSubmitHandler=O;exports.createH=k;exports.createHr=y;exports.createIframe=F;exports.createImg=V;exports.createInputField=s;exports.createKbd=g;exports.createLabel=f;exports.createLi=I;exports.createLineBreak=C;exports.createLink=h;exports.createOl=D;exports.createP=x;exports.createPre=L;exports.createSelectField=m;exports.createSpan=E;exports.createSup=S;exports.createTextarea=N;exports.createUl=P;exports.createVideo=w;exports.getFormData=o;exports.showFormValidationErrors=l;exports.validateForm=u;