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) • 975 B
JavaScript
;var a=Object.defineProperty;var u=(o,t,n)=>t in o?a(o,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[t]=n;var e=(o,t,n)=>u(o,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../../utils/helpers.cjs");class l{constructor(){e(this,"optionsContainer",null);e(this,"optionInputs",[])}setOptionsContainer(t){this.optionsContainer=t}addOption(t=""){if(!this.optionsContainer)return;const n=p.createContainer("option-container mb-2"),i=p.createInputField("text","Option Value",t);i.className="option-input",this.optionInputs.push(i);const s=p.createButton("Remove",()=>{n.remove(),this.optionInputs=this.optionInputs.filter(r=>r!==i)},"danger");n.appendChild(i),n.appendChild(s),this.optionsContainer.appendChild(n)}getOptions(){return this.optionInputs.map(t=>t.value)}clearOptions(){this.optionsContainer&&(this.optionsContainer.innerHTML=""),this.optionInputs=[]}}exports.OptionManager=l;